(function(window) { function getExternaLib(name) { if(name.includes('/@')) { return null } for (let key in EXTERNALS) { if (key === name || name.endsWith(`/${key}.js`) || name.endsWith(`/${key}.mjs`) || name.endsWith(`/${key}.bundle.mjs`)) { return EXTERNALS[key] } } return null } const modules = {}; const moduleRunTimeCache = new Map(); function commonRequire(name) { const res = getExternaLib(name); if (res) return res; if (moduleRunTimeCache.has(name)) { return moduleRunTimeCache.get(name).exports; } const module = { exports: {} }; moduleRunTimeCache.set(name, module); if(typeof modules[name] === 'function') { modules[name](module, module.exports, commonRequire); } else { throw new Error(`parse module ${name} failed`) } return module.exports; } // Module modules["react/jsx-runtime"] = (module, exports, require) => { /* esm.sh - react@18.3.1/jsx-runtime */ "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function() { return _jsxruntime.default; } }); require("https://esm.sh/react@18.3.1/es2022/react.mjs"); var _jsxruntime = /*#__PURE__*/ _interop_require_default(_export_star(require("https://esm.sh/react@18.3.1/es2022/jsx-runtime.mjs"), exports)); function _export_star(from, to) { Object.keys(from).forEach(function(k) { if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) { Object.defineProperty(to, k, { enumerable: true, get: function() { return from[k]; } }); } }); return from; } function _interop_require_default(obj) { return obj && obj.__esModule ? obj : { default: obj }; } return module.exports } // Module modules["https://esm.sh/react@18.3.1/es2022/react.mjs"] = (module, exports, require) => { /* esm.sh - react@18.3.1 */ "use strict"; function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { Children: function() { return le; }, Component: function() { return ae; }, Fragment: function() { return pe; }, Profiler: function() { return ye; }, PureComponent: function() { return de; }, StrictMode: function() { return _e; }, Suspense: function() { return me; }, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: function() { return he; }, act: function() { return ve; }, cloneElement: function() { return Se; }, createContext: function() { return Ee; }, createElement: function() { return Re; }, createFactory: function() { return Ce; }, createRef: function() { return ke; }, default: function() { return We; }, forwardRef: function() { return we; }, isValidElement: function() { return be; }, lazy: function() { return $e; }, memo: function() { return je; }, startTransition: function() { return xe; }, unstable_act: function() { return Oe; }, useCallback: function() { return Ie; }, useContext: function() { return ge; }, useDebugValue: function() { return Pe; }, useDeferredValue: function() { return Te; }, useEffect: function() { return De; }, useId: function() { return Ve; }, useImperativeHandle: function() { return Le; }, useInsertionEffect: function() { return Ne; }, useLayoutEffect: function() { return Fe; }, useMemo: function() { return Ue; }, useReducer: function() { return qe; }, useRef: function() { return Ae; }, useState: function() { return Me; }, useSyncExternalStore: function() { return ze; }, useTransition: function() { return Be; }, version: function() { return He; } }); function _type_of(obj) { "@swc/helpers - typeof"; return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; } var U = Object.create; var k = Object.defineProperty; var q = Object.getOwnPropertyDescriptor; var A = Object.getOwnPropertyNames; var M = Object.getPrototypeOf, z = Object.prototype.hasOwnProperty; var w = function(e, t) { return function() { return t || e((t = { exports: {} }).exports, t), t.exports; }; }; var B = function(e, t, n, u) { var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined; if (t && (typeof t === "undefined" ? "undefined" : _type_of(t)) == "object" || typeof t == "function") try { var _loop = function() { var o = _step.value; !z.call(e, o) && o !== n && k(e, o, { get: function() { return t[o]; }, enumerable: !(u = q(t, o)) || u.enumerable }); }; for(var _iterator = A(t)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop(); } catch (err) { _didIteratorError = true; _iteratorError = err; } finally{ try { if (!_iteratorNormalCompletion && _iterator.return != null) { _iterator.return(); } } finally{ if (_didIteratorError) { throw _iteratorError; } } } return e; }; var H = function(e, t, n) { return n = e != null ? U(M(e)) : {}, B(t || !e || !e.__esModule ? k(n, "default", { value: e, enumerable: !0 }) : n, e); }; var L = w(function(r) { "use strict"; var re = function re(e) { return e === null || (typeof e === "undefined" ? "undefined" : _type_of(e)) != "object" ? null : (e = b && e[b] || e["@@iterator"], typeof e == "function" ? e : null); }; var p = function p(e, t, n) { this.props = e, this.context = t, this.refs = I, this.updater = n || x; }; var g = function g() {}; var S = function S(e, t, n) { this.props = e, this.context = t, this.refs = I, this.updater = n || x; }; var D = function D(e, t, n) { var u, o = {}, s = null, f = null; if (t != null) for(u in t.ref !== void 0 && (f = t.ref), t.key !== void 0 && (s = "" + t.key), t)P.call(t, u) && !T.hasOwnProperty(u) && (o[u] = t[u]); var i = arguments.length - 2; if (i === 1) o.children = n; else if (1 < i) { for(var c = Array(i), a = 0; a < i; a++)c[a] = arguments[a + 2]; o.children = c; } if (e && e.defaultProps) for(u in i = e.defaultProps, i)o[u] === void 0 && (o[u] = i[u]); return { $$typeof: y, type: e, key: s, ref: f, props: o, _owner: R.current }; }; var ne = function ne(e, t) { return { $$typeof: y, type: e.type, key: t, ref: e.ref, props: e.props, _owner: e._owner }; }; var C = function C(e) { return (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" && e !== null && e.$$typeof === y; }; var oe = function oe(e) { var t = { "=": "=0", ":": "=2" }; return "$" + e.replace(/[=:]/g, function(n) { return t[n]; }); }; var v = function v(e, t) { return (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" && e !== null && e.key != null ? oe("" + e.key) : t.toString(36); }; var d = function d(e, t, n) { if (e == null) return e; var u = [], o = 0; return _(e, u, "", "", function(s) { return t.call(n, s, o++); }), u; }; var ue = function ue(e) { if (e._status === -1) { var t = e._result; t = t(), t.then(function(n) { (e._status === 0 || e._status === -1) && (e._status = 1, e._result = n); }, function(n) { (e._status === 0 || e._status === -1) && (e._status = 2, e._result = n); }), e._status === -1 && (e._status = 0, e._result = t); } if (e._status === 1) return e._result.default; throw e._result; }; var V = function V() { throw Error("act(...) is not supported in production builds of React."); }; var y = Symbol.for("react.element"), W = Symbol.for("react.portal"), Y = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), K = Symbol.for("react.provider"), Q = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), ee = Symbol.for("react.memo"), te = Symbol.for("react.lazy"), b = Symbol.iterator; var x = { isMounted: function isMounted() { return !1; }, enqueueForceUpdate: function enqueueForceUpdate() {}, enqueueReplaceState: function enqueueReplaceState() {}, enqueueSetState: function enqueueSetState() {} }, O = Object.assign, I = {}; p.prototype.isReactComponent = {}; p.prototype.setState = function(e, t) { if ((typeof e === "undefined" ? "undefined" : _type_of(e)) != "object" && typeof e != "function" && e != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables."); this.updater.enqueueSetState(this, e, t, "setState"); }; p.prototype.forceUpdate = function(e) { this.updater.enqueueForceUpdate(this, e, "forceUpdate"); }; g.prototype = p.prototype; var E = S.prototype = new g; E.constructor = S; O(E, p.prototype); E.isPureReactComponent = !0; var $ = Array.isArray, P = Object.prototype.hasOwnProperty, R = { current: null }, T = { key: !0, ref: !0, __self: !0, __source: !0 }; var j = /\/+/g; function _(e, t, n, u, o) { var s = typeof e === "undefined" ? "undefined" : _type_of(e); (s === "undefined" || s === "boolean") && (e = null); var f = !1; if (e === null) f = !0; else switch(s){ case "string": case "number": f = !0; break; case "object": switch(e.$$typeof){ case y: case W: f = !0; } } if (f) return f = e, o = o(f), e = u === "" ? "." + v(f, 0) : u, $(o) ? (n = "", e != null && (n = e.replace(j, "$&/") + "/"), _(o, t, n, "", function(a) { return a; })) : o != null && (C(o) && (o = ne(o, n + (!o.key || f && f.key === o.key ? "" : ("" + o.key).replace(j, "$&/") + "/") + e)), t.push(o)), 1; if (f = 0, u = u === "" ? "." : u + ":", $(e)) for(var i = 0; i < e.length; i++){ s = e[i]; var c = u + v(s, i); f += _(s, t, n, c, o); } else if (c = re(e), typeof c == "function") for(e = c.call(e), i = 0; !(s = e.next()).done;)s = s.value, c = u + v(s, i++), f += _(s, t, n, c, o); else if (s === "object") throw t = String(e), Error("Objects are not valid as a React child (found: " + (t === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : t) + "). If you meant to render a collection of children, use an array instead."); return f; } var l = { current: null }, m = { transition: null }, ce = { ReactCurrentDispatcher: l, ReactCurrentBatchConfig: m, ReactCurrentOwner: R }; r.Children = { map: d, forEach: function forEach(e, t, n) { d(e, function() { t.apply(this, arguments); }, n); }, count: function count(e) { var t = 0; return d(e, function() { t++; }), t; }, toArray: function toArray(e) { return d(e, function(t) { return t; }) || []; }, only: function only(e) { if (!C(e)) throw Error("React.Children.only expected to receive a single React element child."); return e; } }; r.Component = p; r.Fragment = Y; r.Profiler = J; r.PureComponent = S; r.StrictMode = G; r.Suspense = Z; r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ce; r.act = V; r.cloneElement = function(e, t, n) { if (e == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + "."); var u = O({}, e.props), o = e.key, s = e.ref, f = e._owner; if (t != null) { if (t.ref !== void 0 && (s = t.ref, f = R.current), t.key !== void 0 && (o = "" + t.key), e.type && e.type.defaultProps) var i = e.type.defaultProps; for(c in t)P.call(t, c) && !T.hasOwnProperty(c) && (u[c] = t[c] === void 0 && i !== void 0 ? i[c] : t[c]); } var c = arguments.length - 2; if (c === 1) u.children = n; else if (1 < c) { i = Array(c); for(var a = 0; a < c; a++)i[a] = arguments[a + 2]; u.children = i; } return { $$typeof: y, type: e.type, key: o, ref: s, props: u, _owner: f }; }; r.createContext = function(e) { return e = { $$typeof: Q, _currentValue: e, _currentValue2: e, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, e.Provider = { $$typeof: K, _context: e }, e.Consumer = e; }; r.createElement = D; r.createFactory = function(e) { var t = D.bind(null, e); return t.type = e, t; }; r.createRef = function() { return { current: null }; }; r.forwardRef = function(e) { return { $$typeof: X, render: e }; }; r.isValidElement = C; r.lazy = function(e) { return { $$typeof: te, _payload: { _status: -1, _result: e }, _init: ue }; }; r.memo = function(e, t) { return { $$typeof: ee, type: e, compare: t === void 0 ? null : t }; }; r.startTransition = function(e) { var t = m.transition; m.transition = {}; try { e(); } finally{ m.transition = t; } }; r.unstable_act = V; r.useCallback = function(e, t) { return l.current.useCallback(e, t); }; r.useContext = function(e) { return l.current.useContext(e); }; r.useDebugValue = function() {}; r.useDeferredValue = function(e) { return l.current.useDeferredValue(e); }; r.useEffect = function(e, t) { return l.current.useEffect(e, t); }; r.useId = function() { return l.current.useId(); }; r.useImperativeHandle = function(e, t, n) { return l.current.useImperativeHandle(e, t, n); }; r.useInsertionEffect = function(e, t) { return l.current.useInsertionEffect(e, t); }; r.useLayoutEffect = function(e, t) { return l.current.useLayoutEffect(e, t); }; r.useMemo = function(e, t) { return l.current.useMemo(e, t); }; r.useReducer = function(e, t, n) { return l.current.useReducer(e, t, n); }; r.useRef = function(e) { return l.current.useRef(e); }; r.useState = function(e) { return l.current.useState(e); }; r.useSyncExternalStore = function(e, t, n) { return l.current.useSyncExternalStore(e, t, n); }; r.useTransition = function() { return l.current.useTransition(); }; r.version = "18.3.1"; }); var F = w(function(fe, N) { "use strict"; N.exports = L(); }); var _h_default; var h = H(F()), le = h.Children, ae = h.Component, pe = h.Fragment, ye = h.Profiler, de = h.PureComponent, _e = h.StrictMode, me = h.Suspense, he = h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, ve = h.act, Se = h.cloneElement, Ee = h.createContext, Re = h.createElement, Ce = h.createFactory, ke = h.createRef, we = h.forwardRef, be = h.isValidElement, $e = h.lazy, je = h.memo, xe = h.startTransition, Oe = h.unstable_act, Ie = h.useCallback, ge = h.useContext, Pe = h.useDebugValue, Te = h.useDeferredValue, De = h.useEffect, Ve = h.useId, Le = h.useImperativeHandle, Ne = h.useInsertionEffect, Fe = h.useLayoutEffect, Ue = h.useMemo, qe = h.useReducer, Ae = h.useRef, Me = h.useState, ze = h.useSyncExternalStore, Be = h.useTransition, He = h.version, We = (_h_default = h.default) !== null && _h_default !== void 0 ? _h_default : h; /*! Bundled license information: react/cjs/react.production.min.js: (** * @license React * react.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ //# =react.mjs.map return module.exports } // Module modules["https://esm.sh/react@18.3.1/es2022/jsx-runtime.mjs"] = (module, exports, require) => { /* esm.sh - react@18.3.1//jsx-runtime */ "use strict"; function _export(target, all) { for(var name in all)Object.defineProperty(target, name, { enumerable: true, get: all[name] }); } _export(exports, { Fragment: function() { return F; }, default: function() { return T; }, jsx: function() { return I; }, jsxs: function() { return L; } }); var _react = require("https://esm.sh/react@18.3.1/es2022/react.mjs"); function _type_of(obj) { "@swc/helpers - typeof"; return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj; } var require1 = function(n) { var e = function(m) { return _type_of(m.default) < "u" ? m.default : m; }, c = function(m) { return Object.assign({ __esModule: true }, m); }; switch(n){ case "react": return e(_react); default: console.error('module "' + n + '" not found'); return null; } }; var y = Object.create; var l = Object.defineProperty; var j = Object.getOwnPropertyDescriptor; var x = Object.getOwnPropertyNames; var O = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty; var v = function(r) { return (typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u" ? require1 : (typeof Proxy === "undefined" ? "undefined" : _type_of(Proxy)) < "u" ? new Proxy(r, { get: function(e, o) { return ((typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u" ? require1 : e)[o]; } }) : r; }(function(r) { if ((typeof require1 === "undefined" ? "undefined" : _type_of(require1)) < "u") return require1.apply(this, arguments); throw Error('Dynamic require of "' + r + '" is not supported'); }); var i = function(r, e) { return function() { return e || r((e = { exports: {} }).exports, e), e.exports; }; }; var E = function(r, e, o, t) { var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined; if (e && (typeof e === "undefined" ? "undefined" : _type_of(e)) == "object" || typeof e == "function") try { var _loop = function() { var s = _step.value; !a.call(r, s) && s !== o && l(r, s, { get: function() { return e[s]; }, enumerable: !(t = j(e, s)) || t.enumerable }); }; for(var _iterator = x(e)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop(); } catch (err) { _didIteratorError = true; _iteratorError = err; } finally{ try { if (!_iteratorNormalCompletion && _iterator.return != null) { _iterator.return(); } } finally{ if (_didIteratorError) { throw _iteratorError; } } } return r; }; var k = function(r, e, o) { return o = r != null ? y(O(r)) : {}, E(e || !r || !r.__esModule ? l(o, "default", { value: r, enumerable: !0 }) : o, r); }; var c = i(function(n) { "use strict"; var _ = function _(r, e, o) { var t, s = {}, p = null, u = null; o !== void 0 && (p = "" + o), e.key !== void 0 && (p = "" + e.key), e.ref !== void 0 && (u = e.ref); for(t in e)b.call(e, t) && !w.hasOwnProperty(t) && (s[t] = e[t]); if (r && r.defaultProps) for(t in e = r.defaultProps, e)s[t] === void 0 && (s[t] = e[t]); return { $$typeof: R, type: r, key: p, ref: u, props: s, _owner: q.current }; }; var N = v("react"), R = Symbol.for("react.element"), S = Symbol.for("react.fragment"), b = Object.prototype.hasOwnProperty, q = N.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 }; n.Fragment = S; n.jsx = _; n.jsxs = _; }); var d = i(function(D, m) { "use strict"; m.exports = c(); }); var _f_default; var f = k(d()), F = f.Fragment, I = f.jsx, L = f.jsxs, T = (_f_default = f.default) !== null && _f_default !== void 0 ? _f_default : f; /*! Bundled license information: react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ //# =jsx-runtime.mjs.map return module.exports } // Current component modules["entry"] = (module, exports, require) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function() { return _default; } }); var _jsxruntime = require("react/jsx-runtime"); function _array_like_to_array(arr, len) { if (len == null || len > arr.length) len = arr.length; for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i]; return arr2; } function _array_with_holes(arr) { if (Array.isArray(arr)) return arr; } function _iterable_to_array_limit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){ _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally{ try { if (!_n && _i["return"] != null) _i["return"](); } finally{ if (_d) throw _e; } } return _arr; } function _non_iterable_rest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function _sliced_to_array(arr, i) { return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest(); } function _unsupported_iterable_to_array(o, minLen) { if (!o) return; if (typeof o === "string") return _array_like_to_array(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen); } var ButtonCalculator = function() { var _React_useState = _sliced_to_array(React.useState(false), 2), isPressed = _React_useState[0], setIsPressed = _React_useState[1]; var handleClick = function() { setIsPressed(true); setTimeout(function() { return setIsPressed(false); }, 200); }; return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "flex items-center justify-center min-h-screen bg-gray-100", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", { className: "p-8 bg-white rounded-2xl shadow-xl backdrop-blur-sm bg-opacity-80 border border-gray-200", children: /*#__PURE__*/ (0, _jsxruntime.jsx)("button", { onClick: handleClick, className: "px-6 py-3 text-lg font-medium rounded-lg transition-all duration-200 transform ".concat(isPressed ? 'bg-blue-600 scale-95 shadow-inner' : 'bg-blue-500 hover:bg-blue-600 shadow-md hover:shadow-lg', " text-white focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-50"), children: isPressed ? 'Clicked!' : 'Click Me' }) }) }); }; var _default = ButtonCalculator; return module.exports } // External packages "use strict"; var EXTERNALS = { "react": window.React, "react-dom": window.ReactDOM }; // Execute and export var Component = commonRequire("entry"); var root = document.getElementById('root'); if (!root) { throw new Error('Root element not found'); } EXTERNALS['react-dom'].createRoot(root).render(EXTERNALS['react'].createElement(Component.default)); })(window);

Simple Button

what is Simple Button

How to use Simple Button?

Step 1: Access the Calculator

Step 2: Interact with the Button

Step 3: Observe the Response

FAQs about Simple Button

Is the Simple Button calculator free to use?

Who is the target audience for the Simple Button calculator?

Is the Simple Button calculator accurate?

Can I customize the Simple Button?

Do I need any special software to use the Simple Button?