pillardash-ui-react 0.0.3 → 0.0.5

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps {
     children: ReactNode;
@@ -11,7 +12,17 @@ interface ButtonProps {
     icon?: ReactNode;
     loading?: boolean;
 }
-declare const CustomButton: FC<ButtonProps>;
+declare const Button: FC<ButtonProps>;
 
-export { CustomButton as default };
-export type { ButtonProps };
+type CheckBoxProps = {
+    variant?: "check" | "dot" | "toggle";
+    size?: "sm" | "md" | "lg";
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+    label?: string;
+};
+declare function CheckBox({ variant, size, checked, disabled, onChange, label, }: CheckBoxProps): react_jsx_runtime.JSX.Element;
+
+export { Button, CheckBox };
+export type { ButtonProps, CheckBoxProps };

package/dist/index.js

@@ -1,7 +1,7 @@
-"use strict";var r=require("react/jsx-runtime");function e(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var t={exports:{}};
+"use strict";var e=require("react/jsx-runtime"),r=require("react");function t(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var o,n={exports:{}};
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/!function(r){!function(){var e={}.hasOwnProperty;function t(){for(var r="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(r=i(r,o(t)))}return r}function o(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var o="";for(var a in r)e.call(r,a)&&r[a]&&(o=i(o,a));return o}function i(r,e){return e?r?r+" "+e:r+e:r}r.exports?(t.default=t,r.exports=t):window.classNames=t}()}(t);var o=e(t.exports);module.exports=function(e){var t=e.children,i=e.onClick,a=e.type,n=void 0===a?"button":a,s=e.size,l=void 0===s?"medium":s,d=e.variant,c=void 0===d?"primary":d,m=e.disabled,p=void 0!==m&&m,u=e.className,x=e.icon,y=e.loading,h=void 0!==y&&y,v=o("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===l,"h-5 w-5":"medium"===l,"h-6 w-6":"large"===l},"primary"===c?"text-white":"text-primary"),g=o("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[l],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[c],p?"opacity-50 cursor-not-allowed":"hover:shadow-lg",u);return r.jsx("button",{type:n,onClick:i,disabled:p,className:g,children:h?r.jsxs(r.Fragment,{children:[r.jsxs("svg",{className:v,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),t]}):r.jsxs(r.Fragment,{children:[x&&r.jsx("span",{className:"mr-2",children:x}),t]})})};
+*/o=n,function(){var e={}.hasOwnProperty;function r(){for(var e="",r=0;r<arguments.length;r++){var o=arguments[r];o&&(e=n(e,t(o)))}return e}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return r.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var o="";for(var i in t)e.call(t,i)&&t[i]&&(o=n(o,i));return o}function n(e,r){return r?e?e+" "+r:e+r:e}o.exports?(r.default=r,o.exports=r):window.classNames=r}();var i=t(n.exports);exports.Button=function(r){var t=r.children,o=r.onClick,n=r.type,a=void 0===n?"button":n,l=r.size,s=void 0===l?"medium":l,c=r.variant,d=void 0===c?"primary":c,u=r.disabled,h=void 0!==u&&u,g=r.className,m=r.icon,x=r.loading,p=void 0!==x&&x,y=i("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===s,"h-5 w-5":"medium"===s,"h-6 w-6":"large"===s},"primary"===d?"text-white":"text-primary"),v=i("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[s],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[d],h?"opacity-50 cursor-not-allowed":"hover:shadow-lg",g);return e.jsx("button",{type:a,onClick:o,disabled:h,className:v,children:p?e.jsxs(e.Fragment,{children:[e.jsxs("svg",{className:y,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),t]}):e.jsxs(e.Fragment,{children:[m&&e.jsx("span",{className:"mr-2",children:m}),t]})})},exports.CheckBox=function(t){var o=t.variant,n=void 0===o?"check":o,i=t.size,a=void 0===i?"sm":i,l=t.checked,s=void 0!==l&&l,c=t.disabled,d=void 0!==c&&c,u=t.onChange,h=t.label,g=r.useState(s),m=g[0],x=g[1],p=function(){if(!d){var e=!m;x(e),null==u||u(e)}},y={sm:{container:"h-6 w-6",toggle:"w-10 h-6",toggleCircle:"h-4 w-4"},md:{container:"h-8 w-8",toggle:"w-12 h-7",toggleCircle:"h-5 w-5"},lg:{container:"h-10 w-10",toggle:"w-14 h-8",toggleCircle:"h-6 w-6"}};return e.jsxs("div",{className:"flex items-center gap-2",children:["toggle"===n?e.jsx("div",{className:"relative rounded-full transition-colors ".concat(y[a].toggle," ").concat(m?"bg-primary":"bg-gray-200"," ").concat(d?"cursor-not-allowed opacity-50":"cursor-pointer"),onClick:p,children:e.jsx("div",{className:"absolute top-1 transform rounded-full bg-white transition-transform ".concat(y[a].toggleCircle," ").concat(m?"right-1/2 translate-x-full":"left-1"),children:m&&"toggle"===n&&e.jsx("svg",{className:"h-full w-full text-teal-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})})}):e.jsxs("div",{className:"".concat(y[a].container," ").concat("check"===n?"rounded-lg":"rounded-full"," flex items-center justify-center border-2 transition-colors ").concat(m?"border-primary bg-primary":"border-gray-200 bg-gray-50"," ").concat(d?"cursor-not-allowed opacity-50":"cursor-pointer"),onClick:p,children:[m&&"check"===n&&e.jsx("svg",{className:"h-3/4 w-3/4 text-white",fill:"none",viewBox:"0 0 28 28",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),m&&"dot"===n&&e.jsx("div",{className:"h-2/4 w-2/4 rounded-full bg-white"})]}),h&&e.jsx("label",{className:"".concat(d?"text-gray-400":"text-gray-700"),children:h})]})};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/classnames/index.js","../src/components/CustomButton.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps {\n    children: ReactNode;\n    onClick?: () => void;\n    type?: \"button\" | \"submit\" | \"reset\";\n    size?: \"small\" | \"medium\" | \"large\";\n    variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n    disabled?: boolean;\n    className?: string;\n    icon?: ReactNode;\n    loading?: boolean;\n}\n\nconst CustomButton: FC<ButtonProps> = ({\n                                           children,\n                                           onClick,\n                                           type = \"button\",\n                                           size = \"medium\",\n                                           variant = \"primary\",\n                                           disabled = false,\n                                           className,\n                                           icon,\n                                           loading = false,\n                                       }) => {\n    const baseClasses =\n        \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n    const sizeClasses = {\n        small: \"px-5 py-2 text-sm\",\n        medium: \"px-6 py-3 text-md\",\n        large: \"px-8 py-4 text-lg\",\n    };\n    const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n        primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n        secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n        dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n        neutral:\n            \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n    };\n\n    const spinnerClasses = classNames(\n        \"animate-spin -ml-1 mr-3\",\n        {\n            \"h-4 w-4\": size === \"small\",\n            \"h-5 w-5\": size === \"medium\",\n            \"h-6 w-6\": size === \"large\",\n        },\n        variant === \"primary\" ? \"text-white\" : \"text-primary\"\n    );\n\n    const classes = classNames(\n        baseClasses,\n        sizeClasses[size],\n        variantClasses[variant],\n        disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n        className\n    );\n\n    return (\n        <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n            {loading ? (\n                <>\n                    <svg\n                        className={spinnerClasses}\n                        xmlns='http://www.w3.org/2000/svg'\n                        fill='none'\n                        viewBox='0 0 24 24'\n                    >\n                        <circle\n                            className='opacity-25'\n                            cx='12'\n                            cy='12'\n                            r='10'\n                            stroke='currentColor'\n                            strokeWidth='4'\n                        ></circle>\n                        <path\n                            className='opacity-75'\n                            fill='currentColor'\n                            d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n                        ></path>\n                    </svg>\n                    {children}\n                </>\n            ) : (\n                <>\n                    {icon && <span className='mr-2'>{icon}</span>}\n                    {children}\n                </>\n            )}\n        </button>\n    );\n};\n\nexport default CustomButton;"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","_a","children","onClick","_b","type","_c","size","_d","variant","_e","disabled","className","icon","_f","loading","spinnerClasses","small","medium","large","primary","secondary","dark","neutral","_jsx","_jsxs","_Fragment","Fragment","xmlns","fill","viewBox","jsx","cx","cy","r","stroke","strokeWidth","d"],"mappings":";;;;;gBAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,yCCQsC,SAACuB,OACIC,EAAQD,EAAAC,SACRC,EAAOF,EAAAE,QACPC,EAAeH,EAAAI,KAAfA,OAAO,IAAAD,EAAA,WACPE,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,YAAAC,aAAU,UAASD,EACnBE,EAAgBT,EAAAU,SAAhBA,OAAW,IAAAD,KACXE,cACAC,SACAC,EAAAb,EAAAc,QAAAA,OAAO,IAAAD,GAAQA,EAiBhDE,EAAiBtC,EACnB,0BACA,CACI,UAAoB,UAAT6B,EACX,UAAoB,WAATA,EACX,UAAoB,UAATA,GAEH,YAAZE,EAAwB,aAAe,gBAGrC9B,EAAUD,EAxBZ,mHACgB,CAChBuC,MAAO,oBACPC,OAAQ,oBACRC,MAAO,qBAsBKZ,GApB8E,CAC1Fa,QAAS,qGACTC,UAAW,8FACXC,KAAM,sFACNC,QACI,4FAgBWd,GACfE,EAAW,gCAAkC,kBAC7CC,GAGJ,OACIY,EAAAA,cAAQnB,KAAMA,EAAMF,QAASA,EAASQ,SAAUA,EAAUC,UAAWjC,EAAOuB,SACvEa,EACGU,EAAAA,KACIC,EAAAC,SAAA,CAAAzB,SAAA,CAAAuB,EAAAA,KAAA,MAAA,CACIb,UAAWI,EACXY,MAAM,6BACNC,KAAK,OACLC,QAAQ,YAAW5B,SAAA,CAEnBsB,EACIO,IAAA,SAAA,CAAAnB,UAAU,aACVoB,GAAG,KACHC,GAAG,KACHC,EAAE,KACFC,OAAO,eACPC,YAAY,MAEhBZ,MAAA,OAAA,CACIZ,UAAU,aACViB,KAAK,eACLQ,EAAE,uHAGTnC,KAGLuB,EAAAA,KACKC,EAAAC,SAAA,CAAAzB,SAAA,CAAAW,GAAQW,EAAAA,IAAA,OAAA,CAAMZ,UAAU,OAAQV,SAAAW,IAChCX,MAKrB","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../node_modules/classnames/index.js","../src/components/Button/Button.tsx","../src/components/Form/CheckBox/CheckBox.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps {\n    children: ReactNode;\n    onClick?: () => void;\n    type?: \"button\" | \"submit\" | \"reset\";\n    size?: \"small\" | \"medium\" | \"large\";\n    variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n    disabled?: boolean;\n    className?: string;\n    icon?: ReactNode;\n    loading?: boolean;\n}\n\nconst Button: FC<ButtonProps> = ({\n                                           children,\n                                           onClick,\n                                           type = \"button\",\n                                           size = \"medium\",\n                                           variant = \"primary\",\n                                           disabled = false,\n                                           className,\n                                           icon,\n                                           loading = false,\n                                       }) => {\n    const baseClasses =\n        \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n    const sizeClasses = {\n        small: \"px-5 py-2 text-sm\",\n        medium: \"px-6 py-3 text-md\",\n        large: \"px-8 py-4 text-lg\",\n    };\n    const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n        primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n        secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n        dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n        neutral:\n            \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n    };\n\n    const spinnerClasses = classNames(\n        \"animate-spin -ml-1 mr-3\",\n        {\n            \"h-4 w-4\": size === \"small\",\n            \"h-5 w-5\": size === \"medium\",\n            \"h-6 w-6\": size === \"large\",\n        },\n        variant === \"primary\" ? \"text-white\" : \"text-primary\"\n    );\n\n    const classes = classNames(\n        baseClasses,\n        sizeClasses[size],\n        variantClasses[variant],\n        disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n        className\n    );\n\n    return (\n        <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n            {loading ? (\n                <>\n                    <svg\n                        className={spinnerClasses}\n                        xmlns='http://www.w3.org/2000/svg'\n                        fill='none'\n                        viewBox='0 0 24 24'\n                    >\n                        <circle\n                            className='opacity-25'\n                            cx='12'\n                            cy='12'\n                            r='10'\n                            stroke='currentColor'\n                            strokeWidth='4'\n                        ></circle>\n                        <path\n                            className='opacity-75'\n                            fill='currentColor'\n                            d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n                        ></path>\n                    </svg>\n                    {children}\n                </>\n            ) : (\n                <>\n                    {icon && <span className='mr-2'>{icon}</span>}\n                    {children}\n                </>\n            )}\n        </button>\n    );\n};\n\nexport default Button;","\"use client\";\n\nimport { useState } from \"react\";\n\nexport type CheckBoxProps = {\n    variant?: \"check\" | \"dot\" | \"toggle\";\n    size?: \"sm\" | \"md\" | \"lg\";\n    checked?: boolean;\n    disabled?: boolean;\n    onChange?: (checked: boolean) => void;\n    label?: string;\n};\n\nexport default function CheckBox({\n    variant = \"check\",\n    size = \"sm\",\n    checked = false,\n    disabled = false,\n    onChange,\n    label,\n}: CheckBoxProps) {\n    const [isChecked, setIsChecked] = useState(checked);\n\n    const handleChange = () => {\n        if (disabled) return;\n\n        const newValue = !isChecked;\n        setIsChecked(newValue);\n        onChange?.(newValue);\n    };\n\n    // Size classes\n    const sizeClasses = {\n        sm: {\n            container: \"h-6 w-6\",\n            toggle: \"w-10 h-6\",\n            toggleCircle: \"h-4 w-4\",\n        },\n        md: {\n            container: \"h-8 w-8\",\n            toggle: \"w-12 h-7\",\n            toggleCircle: \"h-5 w-5\",\n        },\n        lg: {\n            container: \"h-10 w-10\",\n            toggle: \"w-14 h-8\",\n            toggleCircle: \"h-6 w-6\",\n        },\n    };\n\n    // Render different variants\n    const renderCheckBox = () => {\n        if (variant === \"toggle\") {\n            return (\n                <div\n                    className={`relative rounded-full transition-colors ${sizeClasses[size].toggle} ${\n                        isChecked ? \"bg-primary\" : \"bg-gray-200\"\n                    } ${disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\"}`}\n                    onClick={handleChange}\n                >\n                    <div\n                        className={`absolute top-1 transform rounded-full bg-white transition-transform ${sizeClasses[size].toggleCircle} ${\n                            isChecked ? \"right-1/2 translate-x-full\" : \"left-1\"\n                        }`}\n                    >\n                        {isChecked && variant === \"toggle\" && (\n                            <svg\n                                className='h-full w-full text-teal-600'\n                                fill='none'\n                                viewBox='0 0 24 24'\n                                stroke='currentColor'\n                            >\n                                <path\n                                    strokeLinecap='round'\n                                    strokeLinejoin='round'\n                                    strokeWidth={2}\n                                    d='M5 13l4 4L19 7'\n                                />\n                            </svg>\n                        )}\n                    </div>\n                </div>\n            );\n        }\n\n        return (\n            <div\n                className={`${sizeClasses[size].container} ${variant === \"check\" ? \"rounded-lg\" : \"rounded-full\"} flex items-center justify-center border-2 transition-colors ${\n                    isChecked ? \"border-primary bg-primary\" : \"border-gray-200 bg-gray-50\"\n                } ${disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\"}`}\n                onClick={handleChange}\n            >\n                {isChecked && variant === \"check\" && (\n                    <svg\n                        className='h-3/4 w-3/4 text-white'\n                        fill='none'\n                        viewBox='0 0 28 28'\n                        stroke='currentColor'\n                    >\n                        <path\n                            strokeLinecap='round'\n                            strokeLinejoin='round'\n                            strokeWidth={2}\n                            d='M5 13l4 4L19 7'\n                        />\n                    </svg>\n                )}\n                {isChecked && variant === \"dot\" && (\n                    <div className='h-2/4 w-2/4 rounded-full bg-white'></div>\n                )}\n            </div>\n        );\n    };\n\n    return (\n        <div className='flex items-center gap-2'>\n            {renderCheckBox()}\n            {label && (\n                <label className={`${disabled ? \"text-gray-400\" : \"text-gray-700\"}`}>{label}</label>\n            )}\n        </div>\n    );\n}\n\nfunction CheckBoxDemo() {\n    return (\n        <div className='min-h-screen bg-gray-50 p-8'>\n            <div className='mx-auto max-w-md rounded-lg bg-white p-6 shadow'>\n                <h2 className='mb-6 text-xl font-semibold'>CheckBox Component Demo</h2>\n\n                <div className='space-y-8'>\n                    {/* Check variant */}\n                    <div className='space-y-4'>\n                        <h3 className='font-medium'>Check Variant</h3>\n                        <div className='flex flex-wrap items-center gap-4'>\n                            <CheckBox variant='check' size='sm' label='Small' />\n                            <CheckBox variant='check' size='md' checked label='Medium' />\n                            <CheckBox variant='check' size='lg' label='Large' />\n                            <CheckBox variant='check' disabled label='Disabled' />\n                        </div>\n                    </div>\n\n                    {/* Dot variant */}\n                    <div className='space-y-4'>\n                        <h3 className='font-medium'>Dot Variant</h3>\n                        <div className='flex flex-wrap items-center gap-4'>\n                            <CheckBox variant='dot' size='sm' label='Small' />\n                            <CheckBox variant='dot' size='md' checked label='Medium' />\n                            <CheckBox variant='dot' size='lg' label='Large' />\n                            <CheckBox variant='dot' disabled label='Disabled' />\n                        </div>\n                    </div>\n\n                    {/* Toggle variant */}\n                    <div className='space-y-4'>\n                        <h3 className='font-medium'>Toggle Variant</h3>\n                        <div className='flex flex-wrap items-center gap-4'>\n                            <CheckBox variant='toggle' size='sm' label='Small' />\n                            <CheckBox variant='toggle' size='md' checked label='Medium' />\n                            <CheckBox variant='toggle' size='lg' label='Large' />\n                            <CheckBox variant='toggle' disabled label='Disabled' />\n                        </div>\n                    </div>\n\n                    {/* Form sample */}\n                    <div className='space-y-4 border-t pt-4'>\n                        <h3 className='font-medium'>Sample Form</h3>\n                        <div className='space-y-3'>\n                            <CheckBox variant='check' checked label='Accept terms and conditions' />\n                            <CheckBox variant='toggle' checked label='Subscribe to newsletter' />\n                            <CheckBox variant='dot' label='Remember me' />\n\n                            <div className='pt-3'>\n                                <button className='rounded bg-teal-600 px-4 py-2 text-white transition-colors hover:bg-teal-700'>\n                                    Submit\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport { CheckBoxDemo };\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","_a","children","onClick","_b","type","_c","size","_d","variant","_e","disabled","className","icon","_f","loading","spinnerClasses","small","medium","large","primary","secondary","dark","neutral","_jsx","_jsxs","_Fragment","Fragment","xmlns","fill","viewBox","jsx","cx","cy","r","stroke","strokeWidth","d","checked","onChange","label","useState","isChecked","setIsChecked","handleChange","newValue","sizeClasses","sm","container","toggle","toggleCircle","md","lg","concat","strokeLinecap","strokeLinejoin"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import{jsx as r,jsxs as e,Fragment as t}from"react/jsx-runtime";function o(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var i,a={exports:{}};
+import{jsx as r,jsxs as e,Fragment as t}from"react/jsx-runtime";import{useState as o}from"react";function i(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var n,a={exports:{}};
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/i=a,function(){var r={}.hasOwnProperty;function e(){for(var r="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(r=o(r,t(i)))}return r}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return e.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var a in t)r.call(t,a)&&t[a]&&(i=o(i,a));return i}function o(r,e){return e?r?r+" "+e:r+e:r}i.exports?(e.default=e,i.exports=e):window.classNames=e}();var n=o(a.exports),l=function(o){var i=o.children,a=o.onClick,l=o.type,s=void 0===l?"button":l,d=o.size,c=void 0===d?"medium":d,m=o.variant,p=void 0===m?"primary":m,u=o.disabled,y=void 0!==u&&u,h=o.className,x=o.icon,v=o.loading,b=void 0!==v&&v,g=n("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===c,"h-5 w-5":"medium"===c,"h-6 w-6":"large"===c},"primary"===p?"text-white":"text-primary"),f=n("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[c],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[p],y?"opacity-50 cursor-not-allowed":"hover:shadow-lg",h);return r("button",{type:s,onClick:a,disabled:y,className:f,children:e(t,b?{children:[e("svg",{className:g,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),i]}:{children:[x&&r("span",{className:"mr-2",children:x}),i]})})};export{l as default};
+*/n=a,function(){var r={}.hasOwnProperty;function e(){for(var r="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(r=o(r,t(i)))}return r}function t(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return e.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var n in t)r.call(t,n)&&t[n]&&(i=o(i,n));return i}function o(r,e){return e?r?r+" "+e:r+e:r}n.exports?(e.default=e,n.exports=e):window.classNames=e}();var l=i(a.exports),c=function(o){var i=o.children,n=o.onClick,a=o.type,c=void 0===a?"button":a,s=o.size,d=void 0===s?"medium":s,h=o.variant,g=void 0===h?"primary":h,u=o.disabled,m=void 0!==u&&u,p=o.className,y=o.icon,v=o.loading,f=void 0!==v&&v,w=l("animate-spin -ml-1 mr-3",{"h-4 w-4":"small"===d,"h-5 w-5":"medium"===d,"h-6 w-6":"large"===d},"primary"===g?"text-white":"text-primary"),b=l("rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out",{small:"px-5 py-2 text-sm",medium:"px-6 py-3 text-md",large:"px-8 py-4 text-lg"}[d],{primary:"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary",secondary:"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white",dark:"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary",neutral:"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white"}[g],m?"opacity-50 cursor-not-allowed":"hover:shadow-lg",p);return r("button",{type:c,onClick:n,disabled:m,className:b,children:e(t,f?{children:[e("svg",{className:w,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[r("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),i]}:{children:[y&&r("span",{className:"mr-2",children:y}),i]})})};function s(t){var i=t.variant,n=void 0===i?"check":i,a=t.size,l=void 0===a?"sm":a,c=t.checked,s=void 0!==c&&c,d=t.disabled,h=void 0!==d&&d,g=t.onChange,u=t.label,m=o(s),p=m[0],y=m[1],v=function(){if(!h){var r=!p;y(r),null==g||g(r)}},f={sm:{container:"h-6 w-6",toggle:"w-10 h-6",toggleCircle:"h-4 w-4"},md:{container:"h-8 w-8",toggle:"w-12 h-7",toggleCircle:"h-5 w-5"},lg:{container:"h-10 w-10",toggle:"w-14 h-8",toggleCircle:"h-6 w-6"}};return e("div",{className:"flex items-center gap-2",children:["toggle"===n?r("div",{className:"relative rounded-full transition-colors ".concat(f[l].toggle," ").concat(p?"bg-primary":"bg-gray-200"," ").concat(h?"cursor-not-allowed opacity-50":"cursor-pointer"),onClick:v,children:r("div",{className:"absolute top-1 transform rounded-full bg-white transition-transform ".concat(f[l].toggleCircle," ").concat(p?"right-1/2 translate-x-full":"left-1"),children:p&&"toggle"===n&&r("svg",{className:"h-full w-full text-teal-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})})}):e("div",{className:"".concat(f[l].container," ").concat("check"===n?"rounded-lg":"rounded-full"," flex items-center justify-center border-2 transition-colors ").concat(p?"border-primary bg-primary":"border-gray-200 bg-gray-50"," ").concat(h?"cursor-not-allowed opacity-50":"cursor-pointer"),onClick:v,children:[p&&"check"===n&&r("svg",{className:"h-3/4 w-3/4 text-white",fill:"none",viewBox:"0 0 28 28",stroke:"currentColor",children:r("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})}),p&&"dot"===n&&r("div",{className:"h-2/4 w-2/4 rounded-full bg-white"})]}),u&&r("label",{className:"".concat(h?"text-gray-400":"text-gray-700"),children:u})]})}export{c as Button,s as CheckBox};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../node_modules/classnames/index.js","../src/components/CustomButton.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps {\n    children: ReactNode;\n    onClick?: () => void;\n    type?: \"button\" | \"submit\" | \"reset\";\n    size?: \"small\" | \"medium\" | \"large\";\n    variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n    disabled?: boolean;\n    className?: string;\n    icon?: ReactNode;\n    loading?: boolean;\n}\n\nconst CustomButton: FC<ButtonProps> = ({\n                                           children,\n                                           onClick,\n                                           type = \"button\",\n                                           size = \"medium\",\n                                           variant = \"primary\",\n                                           disabled = false,\n                                           className,\n                                           icon,\n                                           loading = false,\n                                       }) => {\n    const baseClasses =\n        \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n    const sizeClasses = {\n        small: \"px-5 py-2 text-sm\",\n        medium: \"px-6 py-3 text-md\",\n        large: \"px-8 py-4 text-lg\",\n    };\n    const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n        primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n        secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n        dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n        neutral:\n            \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n    };\n\n    const spinnerClasses = classNames(\n        \"animate-spin -ml-1 mr-3\",\n        {\n            \"h-4 w-4\": size === \"small\",\n            \"h-5 w-5\": size === \"medium\",\n            \"h-6 w-6\": size === \"large\",\n        },\n        variant === \"primary\" ? \"text-white\" : \"text-primary\"\n    );\n\n    const classes = classNames(\n        baseClasses,\n        sizeClasses[size],\n        variantClasses[variant],\n        disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n        className\n    );\n\n    return (\n        <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n            {loading ? (\n                <>\n                    <svg\n                        className={spinnerClasses}\n                        xmlns='http://www.w3.org/2000/svg'\n                        fill='none'\n                        viewBox='0 0 24 24'\n                    >\n                        <circle\n                            className='opacity-25'\n                            cx='12'\n                            cy='12'\n                            r='10'\n                            stroke='currentColor'\n                            strokeWidth='4'\n                        ></circle>\n                        <path\n                            className='opacity-75'\n                            fill='currentColor'\n                            d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n                        ></path>\n                    </svg>\n                    {children}\n                </>\n            ) : (\n                <>\n                    {icon && <span className='mr-2'>{icon}</span>}\n                    {children}\n                </>\n            )}\n        </button>\n    );\n};\n\nexport default CustomButton;"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","CustomButton","_a","children","onClick","_b","type","_c","size","_d","variant","_e","disabled","className","icon","_f","loading","spinnerClasses","small","medium","large","primary","secondary","dark","neutral","_jsx","_jsxs","_Fragment","xmlns","fill","viewBox","cx","cy","r","stroke","strokeWidth","d"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBCQMuB,EAAgC,SAACC,OACIC,EAAQD,EAAAC,SACRC,EAAOF,EAAAE,QACPC,EAAeH,EAAAI,KAAfA,OAAO,IAAAD,EAAA,WACPE,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,YAAAC,aAAU,UAASD,EACnBE,EAAgBT,EAAAU,SAAhBA,OAAW,IAAAD,KACXE,cACAC,SACAC,EAAAb,EAAAc,QAAAA,OAAO,IAAAD,GAAQA,EAiBhDE,EAAiBvC,EACnB,0BACA,CACI,UAAoB,UAAT8B,EACX,UAAoB,WAATA,EACX,UAAoB,UAATA,GAEH,YAAZE,EAAwB,aAAe,gBAGrC/B,EAAUD,EAxBZ,mHACgB,CAChBwC,MAAO,oBACPC,OAAQ,oBACRC,MAAO,qBAsBKZ,GApB8E,CAC1Fa,QAAS,qGACTC,UAAW,8FACXC,KAAM,sFACNC,QACI,4FAgBWd,GACfE,EAAW,gCAAkC,kBAC7CC,GAGJ,OACIY,YAAQnB,KAAMA,EAAMF,QAASA,EAASQ,SAAUA,EAAUC,UAAWlC,EAAOwB,SAEpEuB,EACIC,EAFPX,EAEO,CAAAb,SAAA,CAAAuB,EAAA,MAAA,CACIb,UAAWI,EACXW,MAAM,6BACNC,KAAK,OACLC,QAAQ,YAAW3B,SAAA,CAEnBsB,EACI,SAAA,CAAAZ,UAAU,aACVkB,GAAG,KACHC,GAAG,KACHC,EAAE,KACFC,OAAO,eACPC,YAAY,MAEhBV,EAAA,OAAA,CACIZ,UAAU,aACVgB,KAAK,eACLO,EAAE,uHAGTjC,IAIA,CAAAA,SAAA,CAAAW,GAAQW,EAAA,OAAA,CAAMZ,UAAU,OAAQV,SAAAW,IAChCX,MAKrB","x_google_ignoreList":[0]}
+{"version":3,"file":"index.mjs","sources":["../node_modules/classnames/index.js","../src/components/Button/Button.tsx","../src/components/Form/CheckBox/CheckBox.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\n\nexport interface ButtonProps {\n    children: ReactNode;\n    onClick?: () => void;\n    type?: \"button\" | \"submit\" | \"reset\";\n    size?: \"small\" | \"medium\" | \"large\";\n    variant?: \"primary\" | \"secondary\" | \"dark\" | \"neutral\";\n    disabled?: boolean;\n    className?: string;\n    icon?: ReactNode;\n    loading?: boolean;\n}\n\nconst Button: FC<ButtonProps> = ({\n                                           children,\n                                           onClick,\n                                           type = \"button\",\n                                           size = \"medium\",\n                                           variant = \"primary\",\n                                           disabled = false,\n                                           className,\n                                           icon,\n                                           loading = false,\n                                       }) => {\n    const baseClasses =\n        \"rounded-xl text-sm transition-all font-semibold duration-300 inline-flex items-center justify-center ease-in-out\";\n    const sizeClasses = {\n        small: \"px-5 py-2 text-sm\",\n        medium: \"px-6 py-3 text-md\",\n        large: \"px-8 py-4 text-lg\",\n    };\n    const variantClasses: { secondary: string; primary: string; dark: string; neutral: string } = {\n        primary: \"bg-primary text-white hover:bg-white border-primary border hover:border-primary hover:text-primary\",\n        secondary: \"border text-white hover:text-secondary text-sm bg-secondary border-secondary hover:bg-white\",\n        dark: \"text-white border bg-dark text-sm border-dark hover:bg-primary hover:border-primary\",\n        neutral:\n            \"text-gray-700 border bg-white text-sm border-gray-300 hover:bg-gray-700 hover:text-white\",\n    };\n\n    const spinnerClasses = classNames(\n        \"animate-spin -ml-1 mr-3\",\n        {\n            \"h-4 w-4\": size === \"small\",\n            \"h-5 w-5\": size === \"medium\",\n            \"h-6 w-6\": size === \"large\",\n        },\n        variant === \"primary\" ? \"text-white\" : \"text-primary\"\n    );\n\n    const classes = classNames(\n        baseClasses,\n        sizeClasses[size],\n        variantClasses[variant],\n        disabled ? \"opacity-50 cursor-not-allowed\" : \"hover:shadow-lg\",\n        className\n    );\n\n    return (\n        <button type={type} onClick={onClick} disabled={disabled} className={classes}>\n            {loading ? (\n                <>\n                    <svg\n                        className={spinnerClasses}\n                        xmlns='http://www.w3.org/2000/svg'\n                        fill='none'\n                        viewBox='0 0 24 24'\n                    >\n                        <circle\n                            className='opacity-25'\n                            cx='12'\n                            cy='12'\n                            r='10'\n                            stroke='currentColor'\n                            strokeWidth='4'\n                        ></circle>\n                        <path\n                            className='opacity-75'\n                            fill='currentColor'\n                            d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n                        ></path>\n                    </svg>\n                    {children}\n                </>\n            ) : (\n                <>\n                    {icon && <span className='mr-2'>{icon}</span>}\n                    {children}\n                </>\n            )}\n        </button>\n    );\n};\n\nexport default Button;","\"use client\";\n\nimport { useState } from \"react\";\n\nexport type CheckBoxProps = {\n    variant?: \"check\" | \"dot\" | \"toggle\";\n    size?: \"sm\" | \"md\" | \"lg\";\n    checked?: boolean;\n    disabled?: boolean;\n    onChange?: (checked: boolean) => void;\n    label?: string;\n};\n\nexport default function CheckBox({\n    variant = \"check\",\n    size = \"sm\",\n    checked = false,\n    disabled = false,\n    onChange,\n    label,\n}: CheckBoxProps) {\n    const [isChecked, setIsChecked] = useState(checked);\n\n    const handleChange = () => {\n        if (disabled) return;\n\n        const newValue = !isChecked;\n        setIsChecked(newValue);\n        onChange?.(newValue);\n    };\n\n    // Size classes\n    const sizeClasses = {\n        sm: {\n            container: \"h-6 w-6\",\n            toggle: \"w-10 h-6\",\n            toggleCircle: \"h-4 w-4\",\n        },\n        md: {\n            container: \"h-8 w-8\",\n            toggle: \"w-12 h-7\",\n            toggleCircle: \"h-5 w-5\",\n        },\n        lg: {\n            container: \"h-10 w-10\",\n            toggle: \"w-14 h-8\",\n            toggleCircle: \"h-6 w-6\",\n        },\n    };\n\n    // Render different variants\n    const renderCheckBox = () => {\n        if (variant === \"toggle\") {\n            return (\n                <div\n                    className={`relative rounded-full transition-colors ${sizeClasses[size].toggle} ${\n                        isChecked ? \"bg-primary\" : \"bg-gray-200\"\n                    } ${disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\"}`}\n                    onClick={handleChange}\n                >\n                    <div\n                        className={`absolute top-1 transform rounded-full bg-white transition-transform ${sizeClasses[size].toggleCircle} ${\n                            isChecked ? \"right-1/2 translate-x-full\" : \"left-1\"\n                        }`}\n                    >\n                        {isChecked && variant === \"toggle\" && (\n                            <svg\n                                className='h-full w-full text-teal-600'\n                                fill='none'\n                                viewBox='0 0 24 24'\n                                stroke='currentColor'\n                            >\n                                <path\n                                    strokeLinecap='round'\n                                    strokeLinejoin='round'\n                                    strokeWidth={2}\n                                    d='M5 13l4 4L19 7'\n                                />\n                            </svg>\n                        )}\n                    </div>\n                </div>\n            );\n        }\n\n        return (\n            <div\n                className={`${sizeClasses[size].container} ${variant === \"check\" ? \"rounded-lg\" : \"rounded-full\"} flex items-center justify-center border-2 transition-colors ${\n                    isChecked ? \"border-primary bg-primary\" : \"border-gray-200 bg-gray-50\"\n                } ${disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\"}`}\n                onClick={handleChange}\n            >\n                {isChecked && variant === \"check\" && (\n                    <svg\n                        className='h-3/4 w-3/4 text-white'\n                        fill='none'\n                        viewBox='0 0 28 28'\n                        stroke='currentColor'\n                    >\n                        <path\n                            strokeLinecap='round'\n                            strokeLinejoin='round'\n                            strokeWidth={2}\n                            d='M5 13l4 4L19 7'\n                        />\n                    </svg>\n                )}\n                {isChecked && variant === \"dot\" && (\n                    <div className='h-2/4 w-2/4 rounded-full bg-white'></div>\n                )}\n            </div>\n        );\n    };\n\n    return (\n        <div className='flex items-center gap-2'>\n            {renderCheckBox()}\n            {label && (\n                <label className={`${disabled ? \"text-gray-400\" : \"text-gray-700\"}`}>{label}</label>\n            )}\n        </div>\n    );\n}\n\nfunction CheckBoxDemo() {\n    return (\n        <div className='min-h-screen bg-gray-50 p-8'>\n            <div className='mx-auto max-w-md rounded-lg bg-white p-6 shadow'>\n                <h2 className='mb-6 text-xl font-semibold'>CheckBox Component Demo</h2>\n\n                <div className='space-y-8'>\n                    {/* Check variant */}\n                    <div className='space-y-4'>\n                        <h3 className='font-medium'>Check Variant</h3>\n                        <div className='flex flex-wrap items-center gap-4'>\n                            <CheckBox variant='check' size='sm' label='Small' />\n                            <CheckBox variant='check' size='md' checked label='Medium' />\n                            <CheckBox variant='check' size='lg' label='Large' />\n                            <CheckBox variant='check' disabled label='Disabled' />\n                        </div>\n                    </div>\n\n                    {/* Dot variant */}\n                    <div className='space-y-4'>\n                        <h3 className='font-medium'>Dot Variant</h3>\n                        <div className='flex flex-wrap items-center gap-4'>\n                            <CheckBox variant='dot' size='sm' label='Small' />\n                            <CheckBox variant='dot' size='md' checked label='Medium' />\n                            <CheckBox variant='dot' size='lg' label='Large' />\n                            <CheckBox variant='dot' disabled label='Disabled' />\n                        </div>\n                    </div>\n\n                    {/* Toggle variant */}\n                    <div className='space-y-4'>\n                        <h3 className='font-medium'>Toggle Variant</h3>\n                        <div className='flex flex-wrap items-center gap-4'>\n                            <CheckBox variant='toggle' size='sm' label='Small' />\n                            <CheckBox variant='toggle' size='md' checked label='Medium' />\n                            <CheckBox variant='toggle' size='lg' label='Large' />\n                            <CheckBox variant='toggle' disabled label='Disabled' />\n                        </div>\n                    </div>\n\n                    {/* Form sample */}\n                    <div className='space-y-4 border-t pt-4'>\n                        <h3 className='font-medium'>Sample Form</h3>\n                        <div className='space-y-3'>\n                            <CheckBox variant='check' checked label='Accept terms and conditions' />\n                            <CheckBox variant='toggle' checked label='Subscribe to newsletter' />\n                            <CheckBox variant='dot' label='Remember me' />\n\n                            <div className='pt-3'>\n                                <button className='rounded bg-teal-600 px-4 py-2 text-white transition-colors hover:bg-teal-700'>\n                                    Submit\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport { CheckBoxDemo };\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","Button","_a","children","onClick","_b","type","_c","size","_d","variant","_e","disabled","className","icon","_f","loading","spinnerClasses","small","medium","large","primary","secondary","dark","neutral","_jsx","_jsxs","_Fragment","xmlns","fill","viewBox","cx","cy","r","stroke","strokeWidth","d","CheckBox","checked","onChange","label","useState","isChecked","setIsChecked","handleChange","newValue","sizeClasses","sm","container","toggle","toggleCircle","md","lg","concat","strokeLinecap","strokeLinejoin"],"mappings":"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","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pillardash-ui-react",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "description": "PillarDash Reusable UI components",
   "main": "dist/index.js",
@@ -33,20 +33,26 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "classnames": "^2.3.2"
+    "classnames": "^2.3.2",
+    "lucide-react": "^0.511.0",
+    "@tiptap/extension-image": "^2.12.0",
+    "@tiptap/extension-underline": "^2.12.0",
+    "@tiptap/pm": "^2.12.0",
+    "@tiptap/react": "^2.12.0",
+    "@tiptap/starter-kit": "^2.12.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.5",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.3",
     "rollup": "^4.9.0",
-    "tslib": "^2.8.1",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "typescript": "^5.3.3",
-    "@rollup/plugin-terser": "^0.4.4",
-    "rollup-plugin-postcss": "^4.0.2"
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.3.3"
   }
 }