trotl-table 1.0.35 → 1.0.37

package/dist/DotsLoading.cjs.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// src/components/DotsLoading.jsx
+const style = `
+.dots-spinner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  height: 24px;
+}
+.dots-spinner div {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: #2980B9;
+  animation: dotPulse 1s infinite ease-in-out;
+}
+.dots-spinner div:nth-child(1) { animation-delay: 0s; }
+.dots-spinner div:nth-child(2) { animation-delay: 0.2s; }
+.dots-spinner div:nth-child(3) { animation-delay: 0.4s; }
+.dots-spinner div:nth-child(4) { animation-delay: 0.6s; }
+
+@keyframes dotPulse {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 0.6;
+  }
+  50% {
+    transform: scale(1.5);
+    opacity: 1;
+  }
+}
+`;
+const DotsLoading = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, style), /*#__PURE__*/React.createElement("div", {
+  className: "dots-spinner"
+}, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)));
+
+exports.default = DotsLoading;
+//# sourceMappingURL=DotsLoading.cjs.js.map

package/dist/DotsLoading.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsLoading.cjs.js","sources":["../src/components/DotsLoading.jsx"],"sourcesContent":["// src/components/DotsLoading.jsx\r\nimport React from 'react';\r\n\r\nconst style = `\r\n.dots-spinner {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  height: 24px;\r\n}\r\n.dots-spinner div {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background-color: #2980B9;\r\n  animation: dotPulse 1s infinite ease-in-out;\r\n}\r\n.dots-spinner div:nth-child(1) { animation-delay: 0s; }\r\n.dots-spinner div:nth-child(2) { animation-delay: 0.2s; }\r\n.dots-spinner div:nth-child(3) { animation-delay: 0.4s; }\r\n.dots-spinner div:nth-child(4) { animation-delay: 0.6s; }\r\n\r\n@keyframes dotPulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.6;\r\n  }\r\n  50% {\r\n    transform: scale(1.5);\r\n    opacity: 1;\r\n  }\r\n}\r\n`;\r\n\r\nconst DotsLoading = () => (\r\n  <>\r\n    <style>{style}</style>\r\n    <div className=\"dots-spinner\">\r\n      <div></div><div></div><div></div><div></div>\r\n    </div>\r\n  </>\r\n);\r\n\r\nexport default DotsLoading;\r\n"],"names":["style","DotsLoading","React","createElement","Fragment","className"],"mappings":";;;;;;AAAA;AAGA,MAAMA,KAAK,GAAG;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,WAAW,GAAGA,mBAClBC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA,IAAA,EAAQH,KAAa,CAAC,eACtBE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,EAAAA,SAAS,EAAC;AAAc,CAAA,eAC3BH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAU,CAAC,eAAAD,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAU,CAAC,eAAAD,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAU,CAAC,eAAAD,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAU,CACxC,CACL;;;;"}

package/dist/DotsLoading.esm.js

@@ -0,0 +1,40 @@
+import React__default from 'react';
+
+// src/components/DotsLoading.jsx
+const style = `
+.dots-spinner {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  height: 24px;
+}
+.dots-spinner div {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: #2980B9;
+  animation: dotPulse 1s infinite ease-in-out;
+}
+.dots-spinner div:nth-child(1) { animation-delay: 0s; }
+.dots-spinner div:nth-child(2) { animation-delay: 0.2s; }
+.dots-spinner div:nth-child(3) { animation-delay: 0.4s; }
+.dots-spinner div:nth-child(4) { animation-delay: 0.6s; }
+
+@keyframes dotPulse {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 0.6;
+  }
+  50% {
+    transform: scale(1.5);
+    opacity: 1;
+  }
+}
+`;
+const DotsLoading = () => /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("style", null, style), /*#__PURE__*/React__default.createElement("div", {
+  className: "dots-spinner"
+}, /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement("div", null)));
+
+export { DotsLoading as default };
+//# sourceMappingURL=DotsLoading.esm.js.map

package/dist/DotsLoading.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsLoading.esm.js","sources":["../src/components/DotsLoading.jsx"],"sourcesContent":["// src/components/DotsLoading.jsx\r\nimport React from 'react';\r\n\r\nconst style = `\r\n.dots-spinner {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n  height: 24px;\r\n}\r\n.dots-spinner div {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background-color: #2980B9;\r\n  animation: dotPulse 1s infinite ease-in-out;\r\n}\r\n.dots-spinner div:nth-child(1) { animation-delay: 0s; }\r\n.dots-spinner div:nth-child(2) { animation-delay: 0.2s; }\r\n.dots-spinner div:nth-child(3) { animation-delay: 0.4s; }\r\n.dots-spinner div:nth-child(4) { animation-delay: 0.6s; }\r\n\r\n@keyframes dotPulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.6;\r\n  }\r\n  50% {\r\n    transform: scale(1.5);\r\n    opacity: 1;\r\n  }\r\n}\r\n`;\r\n\r\nconst DotsLoading = () => (\r\n  <>\r\n    <style>{style}</style>\r\n    <div className=\"dots-spinner\">\r\n      <div></div><div></div><div></div><div></div>\r\n    </div>\r\n  </>\r\n);\r\n\r\nexport default DotsLoading;\r\n"],"names":["style","DotsLoading","React","createElement","Fragment","className"],"mappings":";;AAAA;AAGA,MAAMA,KAAK,GAAG;AACd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,WAAW,GAAGA,mBAClBC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA,IAAA,EAAQH,KAAa,CAAC,eACtBE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,EAAAA,SAAS,EAAC;AAAc,CAAA,eAC3BH,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAU,CAAC,eAAAD,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAU,CAAC,eAAAD,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAU,CAAC,eAAAD,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAU,CACxC,CACL;;;;"}

package/dist/Modal.cjs.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const Modal = ({
+  isOpen,
+  title = 'Confirm',
+  children,
+  onConfirm,
+  onCancel,
+  confirmLabel = 'Confirm',
+  cancelLabel = 'Cancel',
+  showCancel = false,
+  showConfirm = false,
+  closeOnEscape = true,
+  closeOnOutsideClick = true
+}) => {
+  React.useEffect(() => {
+    const handleKey = e => {
+      if (e.key === 'Escape' && closeOnEscape) {
+        onCancel?.();
+      }
+    };
+    document.addEventListener('keydown', handleKey);
+    return () => document.removeEventListener('keydown', handleKey);
+  }, [closeOnEscape, onCancel]);
+  if (!isOpen) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "modal-overlay",
+    onClick: closeOnOutsideClick ? onCancel : undefined
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal-box",
+    onClick: e => e.stopPropagation()
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "modal-title"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "modal-content"
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: "modal-actions"
+  }, showCancel && /*#__PURE__*/React.createElement("button", {
+    className: "basic-button cancel",
+    onClick: onCancel
+  }, cancelLabel), showConfirm && /*#__PURE__*/React.createElement("button", {
+    className: "basic-button confirm",
+    onClick: onConfirm
+  }, confirmLabel))));
+};
+
+exports.default = Modal;
+//# sourceMappingURL=Modal.cjs.js.map

package/dist/Modal.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.cjs.js","sources":["../src/components/Modal.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\r\n\r\nconst Modal = ({\r\n  isOpen,\r\n  title = 'Confirm',\r\n  children,\r\n  onConfirm,\r\n  onCancel,\r\n  confirmLabel = 'Confirm',\r\n  cancelLabel = 'Cancel',\r\n  showCancel = false,\r\n  showConfirm = false,\r\n  closeOnEscape = true,\r\n  closeOnOutsideClick = true\r\n}) => {\r\n  const t = {}\r\n  useEffect(() => {\r\n    const handleKey = (e) => {\r\n      if (e.key === 'Escape' && closeOnEscape) {\r\n        onCancel?.();\r\n      }\r\n    };\r\n    document.addEventListener('keydown', handleKey);\r\n    return () => document.removeEventListener('keydown', handleKey);\r\n  }, [closeOnEscape, onCancel]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <div className=\"modal-overlay\" onClick={closeOnOutsideClick ? onCancel : undefined}>\r\n      <div className=\"modal-box\" onClick={(e) => e.stopPropagation()}>\r\n        <h3 className=\"modal-title\">{title}</h3>\r\n        <div className=\"modal-content\">{children}</div>\r\n        <div className=\"modal-actions\">\r\n          {showCancel && (\r\n            <button className=\"basic-button cancel\" onClick={onCancel}>\r\n              {cancelLabel}\r\n            </button>\r\n          )}\r\n          {showConfirm && <button className=\"basic-button confirm\" onClick={onConfirm}>\r\n            {confirmLabel}\r\n          </button>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Modal;\r\n"],"names":["Modal","isOpen","title","children","onConfirm","onCancel","confirmLabel","cancelLabel","showCancel","showConfirm","closeOnEscape","closeOnOutsideClick","useEffect","handleKey","e","key","document","addEventListener","removeEventListener","React","createElement","className","onClick","undefined","stopPropagation"],"mappings":";;;;;;AAEA,MAAMA,KAAK,GAAGA,CAAC;EACbC,MAAM;AACNC,EAAAA,KAAK,GAAG,SAAS;EACjBC,QAAQ;EACRC,SAAS;EACTC,QAAQ;AACRC,EAAAA,YAAY,GAAG,SAAS;AACxBC,EAAAA,WAAW,GAAG,QAAQ;AACtBC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,WAAW,GAAG,KAAK;AACnBC,EAAAA,aAAa,GAAG,IAAI;AACpBC,EAAAA,mBAAmB,GAAG;AACxB,CAAC,KAAK;AAEJC,EAAAA,eAAS,CAAC,MAAM;IACd,MAAMC,SAAS,GAAIC,CAAC,IAAK;AACvB,MAAA,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAIL,aAAa,EAAE;AACvCL,QAAAA,QAAQ,IAAI;AACd,MAAA;IACF,CAAC;AACDW,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,SAAS,CAAC;IAC/C,OAAO,MAAMG,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEL,SAAS,CAAC;AACjE,EAAA,CAAC,EAAE,CAACH,aAAa,EAAEL,QAAQ,CAAC,CAAC;AAE7B,EAAA,IAAI,CAACJ,MAAM,EAAE,OAAO,IAAI;EAExB,oBACEkB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,eAAe;AAACC,IAAAA,OAAO,EAAEX,mBAAmB,GAAGN,QAAQ,GAAGkB;GAAU,eACjFJ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;AAACC,IAAAA,OAAO,EAAGR,CAAC,IAAKA,CAAC,CAACU,eAAe;GAAG,eAC7DL,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIC,IAAAA,SAAS,EAAC;AAAa,GAAA,EAAEnB,KAAU,CAAC,eACxCiB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAe,GAAA,EAAElB,QAAc,CAAC,eAC/CgB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAe,GAAA,EAC3Bb,UAAU,iBACTW,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,qBAAqB;AAACC,IAAAA,OAAO,EAAEjB;AAAS,GAAA,EACvDE,WACK,CACT,EACAE,WAAW,iBAAIU,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,sBAAsB;AAACC,IAAAA,OAAO,EAAElB;AAAU,GAAA,EACzEE,YACK,CACL,CACF,CACF,CAAC;AAEV;;;;"}

package/dist/Modal.esm.js

@@ -0,0 +1,48 @@
+import React__default, { useEffect } from 'react';
+
+const Modal = ({
+  isOpen,
+  title = 'Confirm',
+  children,
+  onConfirm,
+  onCancel,
+  confirmLabel = 'Confirm',
+  cancelLabel = 'Cancel',
+  showCancel = false,
+  showConfirm = false,
+  closeOnEscape = true,
+  closeOnOutsideClick = true
+}) => {
+  useEffect(() => {
+    const handleKey = e => {
+      if (e.key === 'Escape' && closeOnEscape) {
+        onCancel?.();
+      }
+    };
+    document.addEventListener('keydown', handleKey);
+    return () => document.removeEventListener('keydown', handleKey);
+  }, [closeOnEscape, onCancel]);
+  if (!isOpen) return null;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "modal-overlay",
+    onClick: closeOnOutsideClick ? onCancel : undefined
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "modal-box",
+    onClick: e => e.stopPropagation()
+  }, /*#__PURE__*/React__default.createElement("h3", {
+    className: "modal-title"
+  }, title), /*#__PURE__*/React__default.createElement("div", {
+    className: "modal-content"
+  }, children), /*#__PURE__*/React__default.createElement("div", {
+    className: "modal-actions"
+  }, showCancel && /*#__PURE__*/React__default.createElement("button", {
+    className: "basic-button cancel",
+    onClick: onCancel
+  }, cancelLabel), showConfirm && /*#__PURE__*/React__default.createElement("button", {
+    className: "basic-button confirm",
+    onClick: onConfirm
+  }, confirmLabel))));
+};
+
+export { Modal as default };
+//# sourceMappingURL=Modal.esm.js.map

package/dist/Modal.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.esm.js","sources":["../src/components/Modal.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\r\n\r\nconst Modal = ({\r\n  isOpen,\r\n  title = 'Confirm',\r\n  children,\r\n  onConfirm,\r\n  onCancel,\r\n  confirmLabel = 'Confirm',\r\n  cancelLabel = 'Cancel',\r\n  showCancel = false,\r\n  showConfirm = false,\r\n  closeOnEscape = true,\r\n  closeOnOutsideClick = true\r\n}) => {\r\n  const t = {}\r\n  useEffect(() => {\r\n    const handleKey = (e) => {\r\n      if (e.key === 'Escape' && closeOnEscape) {\r\n        onCancel?.();\r\n      }\r\n    };\r\n    document.addEventListener('keydown', handleKey);\r\n    return () => document.removeEventListener('keydown', handleKey);\r\n  }, [closeOnEscape, onCancel]);\r\n\r\n  if (!isOpen) return null;\r\n\r\n  return (\r\n    <div className=\"modal-overlay\" onClick={closeOnOutsideClick ? onCancel : undefined}>\r\n      <div className=\"modal-box\" onClick={(e) => e.stopPropagation()}>\r\n        <h3 className=\"modal-title\">{title}</h3>\r\n        <div className=\"modal-content\">{children}</div>\r\n        <div className=\"modal-actions\">\r\n          {showCancel && (\r\n            <button className=\"basic-button cancel\" onClick={onCancel}>\r\n              {cancelLabel}\r\n            </button>\r\n          )}\r\n          {showConfirm && <button className=\"basic-button confirm\" onClick={onConfirm}>\r\n            {confirmLabel}\r\n          </button>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Modal;\r\n"],"names":["Modal","isOpen","title","children","onConfirm","onCancel","confirmLabel","cancelLabel","showCancel","showConfirm","closeOnEscape","closeOnOutsideClick","useEffect","handleKey","e","key","document","addEventListener","removeEventListener","React","createElement","className","onClick","undefined","stopPropagation"],"mappings":";;AAEA,MAAMA,KAAK,GAAGA,CAAC;EACbC,MAAM;AACNC,EAAAA,KAAK,GAAG,SAAS;EACjBC,QAAQ;EACRC,SAAS;EACTC,QAAQ;AACRC,EAAAA,YAAY,GAAG,SAAS;AACxBC,EAAAA,WAAW,GAAG,QAAQ;AACtBC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,WAAW,GAAG,KAAK;AACnBC,EAAAA,aAAa,GAAG,IAAI;AACpBC,EAAAA,mBAAmB,GAAG;AACxB,CAAC,KAAK;AAEJC,EAAAA,SAAS,CAAC,MAAM;IACd,MAAMC,SAAS,GAAIC,CAAC,IAAK;AACvB,MAAA,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAIL,aAAa,EAAE;AACvCL,QAAAA,QAAQ,IAAI;AACd,MAAA;IACF,CAAC;AACDW,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,SAAS,CAAC;IAC/C,OAAO,MAAMG,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEL,SAAS,CAAC;AACjE,EAAA,CAAC,EAAE,CAACH,aAAa,EAAEL,QAAQ,CAAC,CAAC;AAE7B,EAAA,IAAI,CAACJ,MAAM,EAAE,OAAO,IAAI;EAExB,oBACEkB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,eAAe;AAACC,IAAAA,OAAO,EAAEX,mBAAmB,GAAGN,QAAQ,GAAGkB;GAAU,eACjFJ,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;AAACC,IAAAA,OAAO,EAAGR,CAAC,IAAKA,CAAC,CAACU,eAAe;GAAG,eAC7DL,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIC,IAAAA,SAAS,EAAC;AAAa,GAAA,EAAEnB,KAAU,CAAC,eACxCiB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAe,GAAA,EAAElB,QAAc,CAAC,eAC/CgB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;AAAe,GAAA,EAC3Bb,UAAU,iBACTW,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,qBAAqB;AAACC,IAAAA,OAAO,EAAEjB;AAAS,GAAA,EACvDE,WACK,CACT,EACAE,WAAW,iBAAIU,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,sBAAsB;AAACC,IAAAA,OAAO,EAAElB;AAAU,GAAA,EACzEE,YACK,CACL,CACF,CACF,CAAC;AAEV;;;;"}

package/dist/Switch.cjs.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function Switch({
+  checked,
+  onChange
+}) {
+  return /*#__PURE__*/React.createElement("label", {
+    style: {
+      display: "inline-flex",
+      alignItems: "center",
+      cursor: "pointer"
+    }
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    checked: checked,
+    onChange: onChange,
+    style: {
+      display: "none"
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: 36,
+      height: 20,
+      background: checked ? "#4caf50" : "#ccc",
+      borderRadius: 12,
+      position: "relative",
+      transition: "background 0.2s",
+      display: "inline-block"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      position: "absolute",
+      left: checked ? 18 : 2,
+      top: 2,
+      width: 16,
+      height: 16,
+      background: "#fff",
+      borderRadius: "50%",
+      transition: "left 0.2s"
+    }
+  })));
+}
+
+exports.default = Switch;
+//# sourceMappingURL=Switch.cjs.js.map

package/dist/Switch.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs.js","sources":["../src/components/Switch.jsx"],"sourcesContent":["import React from \"react\";\r\nexport default function Switch({ checked, onChange }) {\r\n  return (\r\n    <label style={{ display: \"inline-flex\", alignItems: \"center\", cursor: \"pointer\" }}>\r\n      <input\r\n        type=\"checkbox\"\r\n        checked={checked}\r\n        onChange={onChange}\r\n        style={{ display: \"none\" }}\r\n      />\r\n      <span\r\n        style={{\r\n          width: 36,\r\n          height: 20,\r\n          background: checked ? \"#4caf50\" : \"#ccc\",\r\n          borderRadius: 12,\r\n          position: \"relative\",\r\n          transition: \"background 0.2s\",\r\n          display: \"inline-block\"\r\n        }}\r\n      >\r\n        <span\r\n          style={{\r\n            position: \"absolute\",\r\n            left: checked ? 18 : 2,\r\n            top: 2,\r\n            width: 16,\r\n            height: 16,\r\n            background: \"#fff\",\r\n            borderRadius: \"50%\",\r\n            transition: \"left 0.2s\"\r\n          }}\r\n        />\r\n      </span>\r\n    </label>\r\n  );\r\n}"],"names":["Switch","checked","onChange","React","createElement","style","display","alignItems","cursor","type","width","height","background","borderRadius","position","transition","left","top"],"mappings":";;;;;;AACe,SAASA,MAAMA,CAAC;EAAEC,OAAO;AAAEC,EAAAA;AAAS,CAAC,EAAE;EACpD,oBACEC,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAa;AAAEC,MAAAA,UAAU,EAAE,QAAQ;AAAEC,MAAAA,MAAM,EAAE;AAAU;GAAE,eAChFL,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEK,IAAAA,IAAI,EAAC,UAAU;AACfR,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBG,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAO;AAAE,GAC5B,CAAC,eACFH,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,KAAK,EAAE;AACLK,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,UAAU,EAAEX,OAAO,GAAG,SAAS,GAAG,MAAM;AACxCY,MAAAA,YAAY,EAAE,EAAE;AAChBC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,UAAU,EAAE,iBAAiB;AAC7BT,MAAAA,OAAO,EAAE;AACX;GAAE,eAEFH,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,KAAK,EAAE;AACLS,MAAAA,QAAQ,EAAE,UAAU;AACpBE,MAAAA,IAAI,EAAEf,OAAO,GAAG,EAAE,GAAG,CAAC;AACtBgB,MAAAA,GAAG,EAAE,CAAC;AACNP,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,YAAY,EAAE,KAAK;AACnBE,MAAAA,UAAU,EAAE;AACd;GACD,CACG,CACD,CAAC;AAEZ;;;;"}

package/dist/Switch.esm.js

@@ -0,0 +1,45 @@
+import React__default from 'react';
+
+function Switch({
+  checked,
+  onChange
+}) {
+  return /*#__PURE__*/React__default.createElement("label", {
+    style: {
+      display: "inline-flex",
+      alignItems: "center",
+      cursor: "pointer"
+    }
+  }, /*#__PURE__*/React__default.createElement("input", {
+    type: "checkbox",
+    checked: checked,
+    onChange: onChange,
+    style: {
+      display: "none"
+    }
+  }), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      width: 36,
+      height: 20,
+      background: checked ? "#4caf50" : "#ccc",
+      borderRadius: 12,
+      position: "relative",
+      transition: "background 0.2s",
+      display: "inline-block"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      position: "absolute",
+      left: checked ? 18 : 2,
+      top: 2,
+      width: 16,
+      height: 16,
+      background: "#fff",
+      borderRadius: "50%",
+      transition: "left 0.2s"
+    }
+  })));
+}
+
+export { Switch as default };
+//# sourceMappingURL=Switch.esm.js.map

package/dist/Switch.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.esm.js","sources":["../src/components/Switch.jsx"],"sourcesContent":["import React from \"react\";\r\nexport default function Switch({ checked, onChange }) {\r\n  return (\r\n    <label style={{ display: \"inline-flex\", alignItems: \"center\", cursor: \"pointer\" }}>\r\n      <input\r\n        type=\"checkbox\"\r\n        checked={checked}\r\n        onChange={onChange}\r\n        style={{ display: \"none\" }}\r\n      />\r\n      <span\r\n        style={{\r\n          width: 36,\r\n          height: 20,\r\n          background: checked ? \"#4caf50\" : \"#ccc\",\r\n          borderRadius: 12,\r\n          position: \"relative\",\r\n          transition: \"background 0.2s\",\r\n          display: \"inline-block\"\r\n        }}\r\n      >\r\n        <span\r\n          style={{\r\n            position: \"absolute\",\r\n            left: checked ? 18 : 2,\r\n            top: 2,\r\n            width: 16,\r\n            height: 16,\r\n            background: \"#fff\",\r\n            borderRadius: \"50%\",\r\n            transition: \"left 0.2s\"\r\n          }}\r\n        />\r\n      </span>\r\n    </label>\r\n  );\r\n}"],"names":["Switch","checked","onChange","React","createElement","style","display","alignItems","cursor","type","width","height","background","borderRadius","position","transition","left","top"],"mappings":";;AACe,SAASA,MAAMA,CAAC;EAAEC,OAAO;AAAEC,EAAAA;AAAS,CAAC,EAAE;EACpD,oBACEC,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,aAAa;AAAEC,MAAAA,UAAU,EAAE,QAAQ;AAAEC,MAAAA,MAAM,EAAE;AAAU;GAAE,eAChFL,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEK,IAAAA,IAAI,EAAC,UAAU;AACfR,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBG,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAO;AAAE,GAC5B,CAAC,eACFH,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,KAAK,EAAE;AACLK,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,UAAU,EAAEX,OAAO,GAAG,SAAS,GAAG,MAAM;AACxCY,MAAAA,YAAY,EAAE,EAAE;AAChBC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,UAAU,EAAE,iBAAiB;AAC7BT,MAAAA,OAAO,EAAE;AACX;GAAE,eAEFH,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,KAAK,EAAE;AACLS,MAAAA,QAAQ,EAAE,UAAU;AACpBE,MAAAA,IAAI,EAAEf,OAAO,GAAG,EAAE,GAAG,CAAC;AACtBgB,MAAAA,GAAG,EAAE,CAAC;AACNP,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,YAAY,EAAE,KAAK;AACnBE,MAAAA,UAAU,EAAE;AACd;GACD,CACG,CACD,CAAC;AAEZ;;;;"}