ekm-ui 0.3.35 → 0.3.37

package/.turbo/turbo-build.log

@@ -10,7 +10,7 @@ Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 DTS Build start
-DTS ⚡️ Build success in 37885ms
+DTS ⚡️ Build success in 41162ms
 DTS dist/index.d.ts                        2.51 KB
 DTS dist/ekm-logo.d.ts                     104.00 B
 DTS dist/footer-heart-icon.d.ts            70.00 B
@@ -18,7 +18,7 @@ Browserslist: caniuse-lite is outdated. Please run:
 DTS dist/alert-banner.d.ts                 1007.00 B
 DTS dist/alert.d.ts                        245.00 B
 DTS dist/avatar.d.ts                       799.00 B
-DTS dist/badge.d.ts                        641.00 B
+DTS dist/badge.d.ts                        678.00 B
 DTS dist/breadcrumb.d.ts                   1.23 KB
 DTS dist/button-group-item.d.ts            228.00 B
 DTS dist/button.d.ts                       1018.00 B
@@ -40,7 +40,7 @@ Browserslist: caniuse-lite is outdated. Please run:
 DTS dist/loading-button.d.ts               509.00 B
 DTS dist/love-footer.d.ts                  68.00 B
 DTS dist/mini-feature-block.d.ts           254.00 B
-DTS dist/modal.d.ts                        1.67 KB
+DTS dist/modal.d.ts                        1.76 KB
 DTS dist/no-results-block.d.ts             256.00 B
 DTS dist/page-header.d.ts                  294.00 B
 DTS dist/navbar/navbar.d.ts                292.00 B
@@ -67,21 +67,21 @@ Browserslist: caniuse-lite is outdated. Please run:
 DTS dist/rich-text-editor/index.d.ts       613.00 B
 "HiArchive", "HiCurrencyDollar", "HiInbox", "HiLogout", "HiOutlineTicket", "HiShoppingBag", "HiUserCircle", "HiUsers" and "HiViewGrid" are imported from external module "react-icons/hi" but never used in "dist/chunk-256SAVHD.mjs".
 ESM dist/file-picker/file-picker.css          121.94 KB
-ESM dist/stacked-list-item.css                121.94 KB
 ESM dist/layout/layout.css                    121.93 KB
+ESM dist/stacked-list-item.css                121.94 KB
 ESM dist/index.css                            121.93 KB
 ESM dist/card-payment-block.css               121.94 KB
 ESM dist/drag-and-drop.css                    121.94 KB
 ESM dist/file-picker/file-picker.css.map      173.07 KB
-ESM dist/stacked-list-item.css.map            173.07 KB
 ESM dist/layout/layout.css.map                173.07 KB
-ESM dist/index.css.map                        173.07 KB
+ESM dist/stacked-list-item.css.map            173.07 KB
 ESM dist/card-payment-block.css.map           173.07 KB
-ESM dist/search/search.mjs                    184.00 B
+ESM dist/index.css.map                        173.07 KB
+ESM dist/drag-and-drop.css.map                173.07 KB
 ESM dist/chunk-23SJGKDR.mjs                   1.34 KB
+ESM dist/search/search.mjs                    184.00 B
 ESM dist/sidebar/sidebar.mjs                  154.00 B
 ESM dist/sort/sort.mjs                        180.00 B
-ESM dist/drag-and-drop.css.map                173.07 KB
 ESM dist/table-header/table-header.mjs        195.00 B
 ESM dist/toast/index.mjs                      192.00 B
 ESM dist/tooltip/tooltip.mjs                  154.00 B
@@ -123,15 +123,15 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/color-picker.mjs                     161.00 B
 ESM dist/dashboard-notification.mjs           243.00 B
 ESM dist/drag-and-drop.mjs                    1.67 KB
-ESM dist/chunk-GJ5MSGOY.mjs                   20.41 KB
+ESM dist/chunk-NNTE32GB.mjs                   20.41 KB
 ESM dist/chunk-XFCPRHEY.mjs                   3.50 KB
 ESM dist/chunk-EHJJX6ZZ.mjs                   1.81 KB
 ESM dist/chunk-ZFBRBOQI.mjs                   2.02 KB
+ESM dist/chunk-45QX7OUO.mjs                   75.40 KB
 ESM dist/chunk-QWPN2UNV.mjs                   2.29 KB
 ESM dist/chunk-ASCPOK5F.mjs                   2.13 KB
-ESM dist/chunk-45QX7OUO.mjs                   75.40 KB
-ESM dist/chunk-FAFXVD4P.mjs                   1.75 KB
 ESM dist/chunk-25FJ277C.mjs                   1.21 KB
+ESM dist/chunk-FAFXVD4P.mjs                   1.75 KB
 ESM dist/chunk-BRWFUWH7.mjs                   3.79 KB
 ESM dist/chunk-256SAVHD.mjs                   10.39 KB
 ESM dist/chunk-VPLCWU7T.mjs                   6.54 KB
@@ -141,28 +141,28 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/chunk-7X4WYXA2.mjs                   1.32 KB
 ESM dist/chunk-RMX72FR3.mjs                   576.00 B
 ESM dist/chunk-2IL2LP47.mjs                   1.40 KB
-ESM dist/chunk-RQKBPSBN.mjs                   880.00 B
-ESM dist/chunk-JOAZ2IMI.mjs                   4.64 KB
+ESM dist/chunk-I44SFKMY.mjs                   880.00 B
+ESM dist/chunk-HDDPZMUQ.mjs                   4.58 KB
 ESM dist/chunk-ZWJSMASL.mjs                   2.88 KB
 ESM dist/chunk-OT256LE6.mjs                   496.00 B
-ESM dist/chunk-YAZSSUKX.mjs                   766.00 B
-ESM dist/chunk-2PA7AVZK.mjs                   2.36 KB
+ESM dist/chunk-AHKENQVI.mjs                   766.00 B
+ESM dist/chunk-WMFTYTMD.mjs                   2.52 KB
 ESM dist/chunk-EWNPNF2B.mjs                   525.00 B
 ESM dist/chunk-OZK25XNR.mjs                   1.04 KB
 ESM dist/chunk-XGHRMSFX.mjs                   3.22 KB
 ESM dist/chunk-ZT7KDTGF.mjs                   1.69 KB
 ESM dist/chunk-IEHJB2LC.mjs                   725.00 B
+ESM dist/chunk-FRIXS4BL.mjs                   56.39 KB
 ESM dist/chunk-QOVVHEU2.mjs                   615.00 B
 ESM dist/chunk-D6H235SZ.mjs                   486.00 B
-ESM dist/chunk-FRIXS4BL.mjs                   56.39 KB
 ESM dist/chunk-PJMH47GY.mjs                   1004.00 B
 ESM dist/chunk-KAQJAKQH.mjs                   589.00 B
-ESM dist/chunk-DEHFRU4D.mjs                   1.01 KB
+ESM dist/chunk-CVNRLWG6.mjs                   1.03 KB
 ESM dist/chunk-7Q4BF7BT.mjs                   953.00 B
 ESM dist/chunk-F6ZWBNIM.mjs                   1.16 KB
 ESM dist/chunk-PT4DPY4L.mjs                   591.00 B
-ESM dist/chunk-4SFCR75V.mjs                   1.32 KB
 ESM dist/draggable-stacked-list-item.mjs      251.00 B
+ESM dist/chunk-4SFCR75V.mjs                   1.32 KB
 ESM dist/chunk-WLJEFSES.mjs                   1.27 KB
 ESM dist/drawer.mjs                           150.00 B
 ESM dist/chunk-QRNTMHBL.mjs                   1.60 KB
@@ -175,7 +175,7 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/avatar.mjs                           212.00 B
 ESM dist/chunk-YJKULMWM.mjs                   1.67 KB
 ESM dist/badge.mjs                            179.00 B
-ESM dist/chunk-2XHFIVT7.mjs                   2.85 KB
+ESM dist/chunk-ZI635H5Y.mjs                   2.85 KB
 ESM dist/breadcrumb.mjs                       231.00 B
 ESM dist/chunk-JCWSMIVA.mjs                   1.58 KB
 ESM dist/button-group-item.mjs                170.00 B
@@ -184,8 +184,8 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/chunk-S6EYHLVB.mjs                   3.88 KB
 ESM dist/chunk-GBY2NNWZ.mjs                   19.89 KB
 ESM dist/chunk-PUJZGK7Y.mjs                   15.70 KB
-ESM dist/search/search.mjs.map                51.00 B
 ESM dist/chunk-23SJGKDR.mjs.map               71.00 B
+ESM dist/search/search.mjs.map                51.00 B
 ESM dist/sidebar/sidebar.mjs.map              51.00 B
 ESM dist/sort/sort.mjs.map                    51.00 B
 ESM dist/table-header/table-header.mjs.map    51.00 B
@@ -229,14 +229,14 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/color-picker.mjs.map                 51.00 B
 ESM dist/dashboard-notification.mjs.map       51.00 B
 ESM dist/drag-and-drop.mjs.map                51.00 B
-ESM dist/chunk-GJ5MSGOY.mjs.map               52.35 KB
+ESM dist/chunk-NNTE32GB.mjs.map               52.35 KB
 ESM dist/chunk-XFCPRHEY.mjs.map               9.50 KB
 ESM dist/chunk-EHJJX6ZZ.mjs.map               5.17 KB
 ESM dist/chunk-ZFBRBOQI.mjs.map               4.60 KB
 ESM dist/chunk-QWPN2UNV.mjs.map               5.45 KB
 ESM dist/chunk-ASCPOK5F.mjs.map               4.30 KB
-ESM dist/chunk-FAFXVD4P.mjs.map               3.37 KB
 ESM dist/chunk-25FJ277C.mjs.map               2.23 KB
+ESM dist/chunk-FAFXVD4P.mjs.map               3.37 KB
 ESM dist/chunk-BRWFUWH7.mjs.map               8.11 KB
 ESM dist/chunk-256SAVHD.mjs.map               24.60 KB
 ESM dist/chunk-VPLCWU7T.mjs.map               13.60 KB
@@ -246,28 +246,28 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/chunk-7X4WYXA2.mjs.map               2.97 KB
 ESM dist/chunk-RMX72FR3.mjs.map               1.12 KB
 ESM dist/chunk-2IL2LP47.mjs.map               2.82 KB
-ESM dist/chunk-RQKBPSBN.mjs.map               2.18 KB
-ESM dist/chunk-JOAZ2IMI.mjs.map               8.59 KB
+ESM dist/chunk-I44SFKMY.mjs.map               2.18 KB
+ESM dist/chunk-HDDPZMUQ.mjs.map               8.51 KB
 ESM dist/chunk-ZWJSMASL.mjs.map               4.43 KB
 ESM dist/chunk-OT256LE6.mjs.map               728.00 B
-ESM dist/chunk-YAZSSUKX.mjs.map               1.63 KB
-ESM dist/chunk-2PA7AVZK.mjs.map               4.98 KB
+ESM dist/chunk-AHKENQVI.mjs.map               1.63 KB
+ESM dist/chunk-WMFTYTMD.mjs.map               5.32 KB
 ESM dist/chunk-EWNPNF2B.mjs.map               1.07 KB
 ESM dist/chunk-OZK25XNR.mjs.map               2.24 KB
 ESM dist/chunk-XGHRMSFX.mjs.map               7.78 KB
 ESM dist/chunk-ZT7KDTGF.mjs.map               2.43 KB
 ESM dist/chunk-IEHJB2LC.mjs.map               1.51 KB
+ESM dist/chunk-FRIXS4BL.mjs.map               56.85 KB
 ESM dist/chunk-QOVVHEU2.mjs.map               1.44 KB
 ESM dist/chunk-D6H235SZ.mjs.map               804.00 B
-ESM dist/chunk-FRIXS4BL.mjs.map               56.85 KB
 ESM dist/chunk-PJMH47GY.mjs.map               1.90 KB
 ESM dist/chunk-KAQJAKQH.mjs.map               1.17 KB
-ESM dist/chunk-DEHFRU4D.mjs.map               2.03 KB
+ESM dist/chunk-CVNRLWG6.mjs.map               2.09 KB
 ESM dist/chunk-7Q4BF7BT.mjs.map               3.15 KB
 ESM dist/chunk-F6ZWBNIM.mjs.map               2.59 KB
 ESM dist/chunk-PT4DPY4L.mjs.map               998.00 B
-ESM dist/chunk-4SFCR75V.mjs.map               2.80 KB
 ESM dist/draggable-stacked-list-item.mjs.map  51.00 B
+ESM dist/chunk-4SFCR75V.mjs.map               2.80 KB
 ESM dist/chunk-WLJEFSES.mjs.map               2.38 KB
 ESM dist/drawer.mjs.map                       51.00 B
 ESM dist/chunk-QRNTMHBL.mjs.map               3.58 KB
@@ -280,7 +280,7 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/avatar.mjs.map                       51.00 B
 ESM dist/chunk-YJKULMWM.mjs.map               3.70 KB
 ESM dist/badge.mjs.map                        51.00 B
-ESM dist/chunk-2XHFIVT7.mjs.map               4.25 KB
+ESM dist/chunk-ZI635H5Y.mjs.map               4.25 KB
 ESM dist/breadcrumb.mjs.map                   51.00 B
 ESM dist/chunk-JCWSMIVA.mjs.map               3.25 KB
 ESM dist/button-group-item.mjs.map            51.00 B
@@ -290,4 +290,4 @@ Browserslist: caniuse-lite is outdated. Please run:
 ESM dist/chunk-GBY2NNWZ.mjs.map               117.04 KB
 ESM dist/chunk-PUJZGK7Y.mjs.map               62.53 KB
 ESM dist/chunk-45QX7OUO.mjs.map               711.34 KB
-ESM ⚡️ Build success in 47952ms
+ESM ⚡️ Build success in 53403ms

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # ekm-ui
 
+## 0.3.37
+
+### Patch Changes
+
+- 77bbef32: Fix for badge and input components
+
 ## 0.3.35
 
 ### Patch Changes

package/dist/badge.d.ts

@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 declare function Badge({ color, size, icon, children, ...props }: {
     [x: string]: any;
     color?: string | undefined;
@@ -6,7 +8,7 @@ declare function Badge({ color, size, icon, children, ...props }: {
     children: any;
 }): JSX.Element;
 declare namespace Badge {
-    var PropTypes: {
+    var propTypes: {
         /** String for color of badge */
         color: PropTypes.Requireable<string>;
         /** String to determine the size of the badge. "xs, sm" */

package/dist/badge.mjs

@@ -1,4 +1,4 @@
-export { a as Badge } from './chunk-2XHFIVT7.mjs';
+export { a as Badge } from './chunk-ZI635H5Y.mjs';
 import './chunk-PUJZGK7Y.mjs';
 import './chunk-23SJGKDR.mjs';
 //# sourceMappingURL=out.js.map

package/dist/card-payment-block.mjs

@@ -1,4 +1,4 @@
-export { e as CardPaymentBlock } from './chunk-GJ5MSGOY.mjs';
+export { e as CardPaymentBlock } from './chunk-NNTE32GB.mjs';
 import './chunk-XFCPRHEY.mjs';
 import './chunk-EHJJX6ZZ.mjs';
 import './chunk-ZFBRBOQI.mjs';
@@ -16,12 +16,12 @@ import './chunk-NTGEZMHP.mjs';
 import './chunk-7X4WYXA2.mjs';
 import './chunk-RMX72FR3.mjs';
 import './chunk-2IL2LP47.mjs';
-import './chunk-RQKBPSBN.mjs';
-import './chunk-JOAZ2IMI.mjs';
+import './chunk-I44SFKMY.mjs';
+import './chunk-HDDPZMUQ.mjs';
 import './chunk-ZWJSMASL.mjs';
 import './chunk-OT256LE6.mjs';
-import './chunk-YAZSSUKX.mjs';
-import './chunk-2PA7AVZK.mjs';
+import './chunk-AHKENQVI.mjs';
+import './chunk-WMFTYTMD.mjs';
 import './chunk-EWNPNF2B.mjs';
 import './chunk-OZK25XNR.mjs';
 import './chunk-XGHRMSFX.mjs';
@@ -32,7 +32,7 @@ import './chunk-QOVVHEU2.mjs';
 import './chunk-D6H235SZ.mjs';
 import './chunk-PJMH47GY.mjs';
 import './chunk-KAQJAKQH.mjs';
-import './chunk-DEHFRU4D.mjs';
+import './chunk-CVNRLWG6.mjs';
 import './chunk-7Q4BF7BT.mjs';
 import './chunk-F6ZWBNIM.mjs';
 import './chunk-PT4DPY4L.mjs';
@@ -43,7 +43,7 @@ import './chunk-JACXLYPD.mjs';
 import './chunk-TWLN46WO.mjs';
 import './chunk-O3QYDTAF.mjs';
 import './chunk-YJKULMWM.mjs';
-import './chunk-2XHFIVT7.mjs';
+import './chunk-ZI635H5Y.mjs';
 import './chunk-JCWSMIVA.mjs';
 import './chunk-SAXGEQRG.mjs';
 import './chunk-S6EYHLVB.mjs';

package/dist/checkbox.mjs

@@ -1,4 +1,4 @@
-export { a as Checkbox } from './chunk-DEHFRU4D.mjs';
+export { a as Checkbox } from './chunk-CVNRLWG6.mjs';
 import './chunk-GBY2NNWZ.mjs';
 import './chunk-PUJZGK7Y.mjs';
 import './chunk-23SJGKDR.mjs';

package/dist/{chunk-YAZSSUKX.mjs → chunk-AHKENQVI.mjs}

@@ -1,8 +1,8 @@
-import { a } from './chunk-2XHFIVT7.mjs';
+import { a } from './chunk-ZI635H5Y.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function d({title:s,text:i,icon:m,badgeColor:l,badgeText:a$1}){return jsxs("div",{className:"flex flex-col items-center sm:flex-row",children:[jsx("img",{className:"mb-2 h-20 w-20 rounded-lg object-cover sm:mb-0",src:m,alt:s}),jsxs("div",{className:"mb-1 sm:ml-4",children:[jsxs("div",{className:"flex items-center",children:[jsx("p",{className:"text-sm font-semibold leading-6 text-gray-900 dark:text-white",children:s}),a$1&&jsx("div",{className:"ml-2",children:jsx(a,{color:l,children:a$1})})]}),jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:i})]})]})}
 
 export { d as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-YAZSSUKX.mjs.map
+//# sourceMappingURL=chunk-AHKENQVI.mjs.map

package/dist/chunk-CVNRLWG6.mjs

@@ -0,0 +1,11 @@
+import { a as a$3 } from './chunk-GBY2NNWZ.mjs';
+import { a as a$1 } from './chunk-PUJZGK7Y.mjs';
+import { e, a as a$2 } from './chunk-23SJGKDR.mjs';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var a=e(a$1());var i=forwardRef(function(e,t){return jsxs("div",{className:"flex items-center",children:[jsx("input",a$2({id:e.id,name:e.name,ref:t,type:"checkbox",className:a$3(e.disabled&&"opacity-40",e.className&&e.className,"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600")},e)),e.label&&jsx("label",{id:`${e.id}-lbl`,htmlFor:e.id,className:"ms-2 text-sm font-medium text-gray-900 dark:text-gray-300",children:e.label})]})});i.propTypes={id:a.default.string.isRequired,label:a.default.string,checked:a.default.bool,disabled:a.default.bool,onChange:a.default.func};i.displayName="Checkbox";
+
+export { i as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-CVNRLWG6.mjs.map

package/dist/chunk-CVNRLWG6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox.tsx"],"names":["import_prop_types","forwardRef","jsx","jsxs","Checkbox","props","ref","__spreadValues","twMerge","PropTypes"],"mappings":"kIAEA,IAAAA,EAAsB,OADtB,OAAS,cAAAC,MAAkB,QAMvB,OACE,OAAAC,EADF,QAAAC,MAAA,oBAFG,IAAMC,EAAWH,EAAW,SAAkBI,EAAOC,EAAK,CAC/D,OACEH,EAAC,OAAI,UAAU,oBACb,UAAAD,EAAC,QAAAK,EAAA,CACC,GAAIF,EAAM,GACV,KAAMA,EAAM,KACZ,IAAKC,EACL,KAAK,WACL,UAAWE,EAAQH,EAAM,UAAY,aAAcA,EAAM,WAAaA,EAAM,UAAW,qLAAqL,GACxQA,EACJ,EACDA,EAAM,OACLH,EAAC,SAAM,GAAI,GAAGG,EAAM,SAAU,QAASA,EAAM,GAAI,UAAU,4DACxD,SAAAA,EAAM,MACT,GAEJ,CAEJ,CAAC,EAEDD,EAAS,UAAY,CAEjB,GAAI,EAAAK,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,QAAS,EAAAA,QAAU,KAEnB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,IACxB,EAEAL,EAAS,YAAc","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { twMerge } from 'tailwind-merge'\n\nexport const Checkbox = forwardRef(function Checkbox(props, ref) {\n  return (\n    <div className=\"flex items-center\">\n      <input\n        id={props.id}\n        name={props.name}\n        ref={ref}\n        type=\"checkbox\"\n        className={twMerge(props.disabled && \"opacity-40\", props.className && props.className, \"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600\")}\n        {...props}\n        />\n      {props.label && (\n        <label id={`${props.id}-lbl`} htmlFor={props.id} className=\"ms-2 text-sm font-medium text-gray-900 dark:text-gray-300\">\n          {props.label}\n        </label>\n      )}\n    </div>\n  )\n})\n\nCheckbox.propTypes = {\n    /** String for id of checkbox */\n    id: PropTypes.string.isRequired,\n    /** String for label placed after checkbox */\n    label: PropTypes.string,\n    /** Bool to determine if checkbox has been checked */\n    checked: PropTypes.bool,\n    /** Bool for disabled state of checkbox */\n    disabled: PropTypes.bool,\n    /** function to handle checked value */\n    onChange: PropTypes.func,\n}\n\nCheckbox.displayName = \"Checkbox\";"]}

package/dist/chunk-HDDPZMUQ.mjs

@@ -0,0 +1,11 @@
+import { a } from './chunk-PUJZGK7Y.mjs';
+import { e, b, a as a$1 } from './chunk-23SJGKDR.mjs';
+import { forwardRef } from 'react';
+import { variantProps } from 'classname-variants/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var d=e(a());var h=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),p=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),v=variantProps({base:"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none",variants:{position:{left:"rounded-s-lg",right:"rounded-l-lg"},color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray",position:"left"}}),k=forwardRef(function(e,N){let{color:t,disabled:l,type:a,placeholder:n,id:g,icon:u,addon:s,position:i}=e;return u?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:"relative",children:[jsx("div",{className:"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5",children:u}),jsx("input",b(a$1({},p({color:t})),{type:a||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,disabled:l,onChange:e.onChange,value:e.value}))]})}):s?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:l?"flex cursor-not-allowed opacity-50":"flex",children:[i=="left"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-s-md border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s}),jsx("input",b(a$1({},v({color:t})),{type:a||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value})),i=="right"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-r-md border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s})]})}):jsx("div",{className:e.className&&e.className,children:jsx("div",{className:l?"relative cursor-not-allowed opacity-50":"relative",children:jsx("input",a$1({type:a||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value},h({color:t})))})})});k.propTypes={id:d.default.string.isRequired,placeholder:d.default.string,color:d.default.oneOf(["gray","failure","success"]),icon:d.default.element,addon:d.default.element,disabled:d.default.bool,position:d.default.oneOf(["left","right"])};k.displayName="TextInput";
+
+export { k as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-HDDPZMUQ.mjs.map

package/dist/chunk-HDDPZMUQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","forwardRef","variantProps","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"gGAGA,IAAAA,EAAsB,OAFtB,OAAS,cAAAC,MAAkB,QAC3B,OAAS,gBAAAC,MAAoB,2BA6DrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA1DR,IAAMC,EAAiBH,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,iOACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKI,EAAYJ,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,iOACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAaL,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,iOACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYM,EAAYP,EAAW,SAAmBQ,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EAAIT,EAC1E,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACEb,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUG,EACV,SAAUH,EAAM,SAChB,MAAOA,EAAM,OACb,GACN,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAWQ,EAAW,qCAAuC,OACjE,UAAAM,GAAY,QACVf,EAAC,QAAK,UAAU,2KACd,SAAAc,EACH,EAEAd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,CAAM,CAAC,GADzB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACb,EACDS,GAAY,SACZf,EAAC,QAAK,UAAU,2KACd,SAAAc,EACH,GAEF,EACF,EAIAd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAN,EAAC,OACC,UACES,EAAW,yCAA2C,WAGxD,SAAAT,EAAC,QAAAiB,EAAA,CACC,KAAMP,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACTJ,EAAe,CAAE,MAAAM,CAAM,CAAC,EAC5B,EACJ,EACF,CAGN,CAAC,EAEDH,EAAU,UAAY,CAEpB,GAAI,EAAAa,QAAU,OAAO,WAErB,YAAa,EAAAA,QAAU,OAEvB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,UAAW,SAAS,CAAC,EAErD,KAAM,EAAAA,QAAU,QAEhB,MAAO,EAAAA,QAAU,QAEjB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,MAAM,CAAC,OAAQ,OAAO,CAAC,CAC7C,EAEAb,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from \"react\";\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\n\nconst textInputProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border text-sm rounded-lg\",\n  variants: {\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n  },\n});\n\nconst iconProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10\",\n  variants: {\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n  },\n});\n\nconst addonProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none\",\n  variants: {\n    position: {\n      left: \"rounded-s-lg\",\n      right: \"rounded-l-lg\",\n    },\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n    position: \"left\"\n  },\n});\n\nexport const TextInput = forwardRef(function TextInput(props, ref) {\n  const { color, disabled, type, placeholder, id, icon, addon, position } = props;\n  if (icon) {\n    return (\n      <div className={props.className && props.className}>\n        <div className=\"relative\">\n          <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5\">\n            {icon}\n          </div>\n            <input\n              {...iconProps({ color })}\n              type={type ? type : \"text\"}\n              id={id}\n              ref={props.ref}\n              placeholder={placeholder || \"Enter your text here...\"}\n              name={props.name}\n              disabled={disabled}\n              onChange={props.onChange}\n              value={props.value}\n              />\n        </div>\n      </div>\n    );\n  } else if (addon) {\n    return (\n      <div className={props.className && props.className}>\n        <div className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}>\n        {position == \"left\" &&\n          (<span className=\"rounded-e-0 inline-flex items-center rounded-s-md border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n            {addon}\n          </span>)\n        }\n          <input\n            {...addonProps({ color })}\n            type={type ? type : \"text\"}\n            id={id}\n            ref={props.ref}\n            placeholder={placeholder || \"Enter your text here...\"}\n            name={props.name}\n            onChange={props.onChange}\n            value={props.value}\n            />\n          {position == \"right\" && \n          (<span className=\"rounded-e-0 inline-flex items-center rounded-r-md border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n            {addon}\n          </span>)\n        }\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div className={props.className && props.className}>\n        <div\n          className={\n            disabled ? \"relative cursor-not-allowed opacity-50\" : \"relative\"\n          }\n          >\n          <input\n            type={type ? type : \"text\"}\n            id={id}\n            ref={props.ref}\n            placeholder={placeholder || \"Enter your text here...\"}\n            name={props.name}\n            onChange={props.onChange}\n            value={props.value}\n            {...textInputProps({ color })}\n            />\n        </div>\n      </div>\n    );\n  }\n});\n\nTextInput.propTypes = {\n  /** Unique id for the TextInput Component */\n  id: PropTypes.string.isRequired,\n  /** Optional placeholder text for TextInput Component */\n  placeholder: PropTypes.string,\n  /** Optional color defaults to gray. Failure and Success options available*/\n  color: PropTypes.oneOf([\"gray\", \"failure\", \"success\"]),\n  /** Optional icon TextInput Component */\n  icon: PropTypes.element,\n  /** Optional addon TextInput Component */\n  addon: PropTypes.element,\n  /** Optional to disable component */\n  disabled: PropTypes.bool,\n  /** Optional for position of Addon */\n  position: PropTypes.oneOf([\"left\", \"right\"]),\n};\n\nTextInput.displayName = \"TextInput\";\n"]}

package/dist/{chunk-RQKBPSBN.mjs → chunk-I44SFKMY.mjs}

@@ -1,4 +1,4 @@
-import { a } from './chunk-JOAZ2IMI.mjs';
+import { a } from './chunk-HDDPZMUQ.mjs';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -6,4 +6,4 @@ function i({id:n,name:a$1,text:l}){let[s,r]=useState(!1);return useEffect(()=>{l
 
 export { i as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-RQKBPSBN.mjs.map
+//# sourceMappingURL=chunk-I44SFKMY.mjs.map

package/dist/{chunk-GJ5MSGOY.mjs → chunk-NNTE32GB.mjs}

@@ -3,7 +3,7 @@ import { a as a$6, b } from './chunk-EHJJX6ZZ.mjs';
 import { a as a$e } from './chunk-BRWFUWH7.mjs';
 import { a as a$7 } from './chunk-256SAVHD.mjs';
 import { a as a$2 } from './chunk-NTGEZMHP.mjs';
-import { a as a$5 } from './chunk-JOAZ2IMI.mjs';
+import { a as a$5 } from './chunk-HDDPZMUQ.mjs';
 import { a as a$8 } from './chunk-OT256LE6.mjs';
 import { a as a$4 } from './chunk-QOVVHEU2.mjs';
 import { a as a$3 } from './chunk-D6H235SZ.mjs';
@@ -27,4 +27,4 @@ function Se({cardPayment:t,enablePayPal:a}){return jsxs(a$1,{className:"border-0
 
 export { hr as a, Je as b, q as c, ke as d, Se as e };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-GJ5MSGOY.mjs.map
+//# sourceMappingURL=chunk-NNTE32GB.mjs.map

package/dist/chunk-WMFTYTMD.mjs

@@ -0,0 +1,11 @@
+import { a } from './chunk-PUJZGK7Y.mjs';
+import { e as e$1, c, b, a as a$1 } from './chunk-23SJGKDR.mjs';
+import { FaTimes } from 'react-icons/fa';
+import { variantProps } from 'classname-variants/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var e=e$1(a());var v=variantProps({base:"relative p-4 w-full max-h-full ",variants:{size:{xsm:"max-w-md",sm:"max-w-xl",md:"max-w-2xl",lg:"max-w-3xl"},defaultVariants:{size:"md"}}});function o(w){var n=w,{children:d,show:a=!0}=n,t=c(n,["children","show"]);if(!a)return jsx("div",{});let y=()=>jsxs("div",{className:"flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600",children:[jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:t.title}),m()]}),m=(c=!1)=>jsxs("button",{type:"button",className:`${c&&"absolute top-3 end-2.5"} text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white`,"data-modal-hide":"default-modal",onClick:t.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]});return jsx("div",{id:"default-modal",tabIndex:"-1","aria-hidden":"true",className:"overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50",role:"dialog",children:jsx("div",b(a$1({},v(t)),{children:jsxs("div",{className:"relative pt-4 pl-4 pr-4 bg-white rounded-lg shadow dark:bg-gray-700",children:[t.title?y():m(!0),d]})}))})}function l({children:d}){return jsx("div",{children:d})}function s({children:d,border:a=!0,alignment:t="center"}){return jsx("div",{className:`flex gap-4 ${t=="center"&&"justify-center"} ${t=="left"&&"justify-start"} ${t=="right"&&"justify-end"} items-end p-4 md:p-5 ${a&&"border-t"} border-gray-200 rounded-b dark:border-gray-600`,children:d})}o.Body=l;o.Footer=s;o.defaultProps={size:"md"};o.propTypes={title:e.default.string,show:e.default.bool,size:e.default.oneOf(["xsm","sm","md","lg"]),onClose:e.default.func.isRequired,children:e.default.node.isRequired};l.propTypes={children:e.default.node.isRequired};s.propTypes={border:e.default.bool,children:e.default.node.isRequired,alignment:e.default.oneOf(["left","center","right"])};o.displayName="Modal";s.displayName="ModalFooter";l.displayName="ModalBody";
+
+export { o as a, l as b, s as c };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-WMFTYTMD.mjs.map

package/dist/chunk-WMFTYTMD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal.tsx"],"names":["import_prop_types","FaTimes","variantProps","jsx","jsxs","modalProps","Modal","_a","_b","children","show","props","__objRest","renderHeadedModal","renderCloseButton","isHeadless","__spreadProps","__spreadValues","ModalBody","ModalFooter","border","alignment","PropTypes"],"mappings":"uGAGA,IAAAA,EAAsB,OAFtB,OAAS,WAAAC,MAAe,iBACxB,OAAS,gBAAAC,MAAoB,2BAmBT,cAAAC,EAGhB,QAAAC,MAHgB,oBAhBpB,IAAMC,EAAaH,EAAa,CAC9B,KAAM,kCACN,SAAU,CACR,KAAM,CACJ,IAAK,WACL,GAAI,WACJ,GAAI,YACJ,GAAI,WACN,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,CAAC,EAEM,SAASI,EAAMC,EAAqC,CAArC,IAAAC,EAAAD,EAAE,UAAAE,EAAU,KAAAC,EAAO,EApBzC,EAoBsBF,EAA4BG,EAAAC,EAA5BJ,EAA4B,CAA1B,WAAU,SAChC,GAAI,CAACE,EAAM,OAAOP,EAAC,QAAI,EAEvB,IAAMU,EAAoB,IACxBT,EAAC,OAAI,UAAU,uFACb,UAAAD,EAAC,MAAG,UAAU,sDAAuD,SAAAQ,EAAM,MAAM,EAChFG,EAAkB,GACrB,EAGIA,EAAoB,CAACC,EAAa,KACtCX,EAAC,UACC,KAAK,SACL,UAAW,GACTW,GAAc,sNAEhB,kBAAgB,gBAChB,QAASJ,EAAM,QAEf,UAAAR,EAACF,EAAA,EAAQ,EACTE,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,EAGF,OACEA,EAAC,OACC,GAAG,gBACH,SAAS,KACT,cAAY,OACZ,UAAU,oNACV,KAAK,SAEL,SAAAA,EAAC,MAAAa,EAAAC,EAAA,GAAQZ,EAAWM,CAAK,GAAxB,CACC,SAAAP,EAAC,OAAI,UAAU,sEACZ,UAAAO,EAAM,MAAQE,EAAkB,EAAIC,EAAkB,EAAI,EAC1DL,GACH,GACF,EACF,CAEJ,CAEO,SAASS,EAAU,CAAE,SAAAT,CAAS,EAAG,CACtC,OAAON,EAAC,OAAK,SAAAM,EAAS,CACxB,CAEO,SAASU,EAAY,CAAE,SAAAV,EAAU,OAAAW,EAAS,GAAM,UAAAC,EAAY,QAAS,EAAG,CAC7E,OAAOlB,EAAC,OAAI,UAAW,cAAckB,GAAa,UAAY,oBAAoBA,GAAa,QAAU,mBAAmBA,GAAa,SAAW,sCAAsCD,GAAU,4DAA8D,SAAAX,EAAS,CAC7Q,CAEAH,EAAM,KAAOY,EACbZ,EAAM,OAASa,EAEfb,EAAM,aAAe,CACnB,KAAM,IACR,EAEAA,EAAM,UAAY,CAEhB,MAAO,EAAAgB,QAAU,OAEjB,KAAM,EAAAA,QAAU,KAEhB,KAAM,EAAAA,QAAU,MAAM,CAAC,MAAO,KAAM,KAAM,IAAI,CAAC,EAE/C,QAAS,EAAAA,QAAU,KAAK,WAExB,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAJ,EAAU,UAAY,CAEpB,SAAU,EAAAI,QAAU,KAAK,UAC3B,EAEAH,EAAY,UAAY,CAEtB,OAAQ,EAAAG,QAAU,KAClB,SAAU,EAAAA,QAAU,KAAK,WACzB,UAAW,EAAAA,QAAU,MAAM,CAAC,OAAQ,SAAU,OAAO,CAAC,CACxD,EAEAhB,EAAM,YAAc,QACpBa,EAAY,YAAc,cAC1BD,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { FaTimes } from 'react-icons/fa'\nimport { variantProps } from 'classname-variants/react'\nimport PropTypes from 'prop-types'\n\nconst modalProps = variantProps({\n  base: 'relative p-4 w-full max-h-full ',\n  variants: {\n    size: {\n      xsm: 'max-w-md',\n      sm: 'max-w-xl',\n      md: 'max-w-2xl',\n      lg: 'max-w-3xl',\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n})\n\nexport function Modal({ children, show = true, ...props }) {\n  if (!show) return <div />\n\n  const renderHeadedModal = () => (\n    <div className=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600\">\n      <h3 className=\"text-xl font-semibold text-gray-900 dark:text-white\">{props.title}</h3>\n      {renderCloseButton()}\n    </div>\n  )\n\n  const renderCloseButton = (isHeadless = false) => (\n    <button\n      type=\"button\"\n      className={`${\n        isHeadless && 'absolute top-3 end-2.5'\n      } text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white`}\n      data-modal-hide=\"default-modal\"\n      onClick={props.onClose}\n    >\n      <FaTimes />\n      <span className=\"sr-only\">Close modal</span>\n    </button>\n  )\n\n  return (\n    <div\n      id=\"default-modal\"\n      tabIndex=\"-1\"\n      aria-hidden=\"true\"\n      className=\"overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50\"\n      role=\"dialog\"\n    >\n      <div {...modalProps(props)}>\n        <div className=\"relative pt-4 pl-4 pr-4 bg-white rounded-lg shadow dark:bg-gray-700\">\n          {props.title ? renderHeadedModal() : renderCloseButton(true)}\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function ModalBody({ children }) {\n  return <div>{children}</div>\n}\n\nexport function ModalFooter({ children, border = true, alignment = \"center\" }) {\n  return <div className={`flex gap-4 ${alignment == 'center' && 'justify-center'} ${alignment == 'left' && 'justify-start'} ${alignment == 'right' && 'justify-end'} items-end p-4 md:p-5 ${border && 'border-t'} border-gray-200 rounded-b dark:border-gray-600`}>{children}</div>\n}\n\nModal.Body = ModalBody\nModal.Footer = ModalFooter\n\nModal.defaultProps = {\n  size: 'md',\n}\n\nModal.propTypes = {\n  /** Tile of the modal not providing a title makes this a headless modal */\n  title: PropTypes.string,\n  /** Whether or not the modal is visible */\n  show: PropTypes.bool,\n  /** Size of the modal */\n  size: PropTypes.oneOf(['xsm', 'sm', 'md', 'lg']),\n  /** Callback for the close action */\n  onClose: PropTypes.func.isRequired,\n  /** Modal.Body and Modal.Footer compounds used to build up the modal. The footer is optional */\n  children: PropTypes.node.isRequired,\n}\n\nModalBody.propTypes = {\n  /** Markup to make up the Modal content */\n  children: PropTypes.node.isRequired,\n}\n\nModalFooter.propTypes = {\n  /** Markup to make up the Modal Footer */\n  border: PropTypes.bool,\n  children: PropTypes.node.isRequired,\n  alignment: PropTypes.oneOf(['left', 'center', 'right']),\n}\n\nModal.displayName = \"Modal\"\nModalFooter.displayName = \"ModalFooter\"\nModalBody.displayName = \"ModalBody\"\n"]}

package/dist/{chunk-2XHFIVT7.mjs → chunk-ZI635H5Y.mjs}

@@ -3,8 +3,8 @@ import { e, c, b, a as a$1 } from './chunk-23SJGKDR.mjs';
 import { variantProps } from 'classname-variants/react';
 import { jsxs } from 'react/jsx-runtime';
 
-var r=e(a());var i=variantProps({base:"flex h-fit items-center gap-1 font-semibold rounded px-2 py-0.5",variants:{color:{info:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-800 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",gray:"bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600",failure:"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300",success:"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300",warning:"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300",indigo:"bg-indigo-100 text-indigo-800 dark:bg-indigo-200 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300",purple:"bg-purple-100 text-purple-800 dark:bg-purple-200 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300",pink:"bg-pink-100 text-pink-800 dark:bg-pink-200 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300",blue:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",cyan:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",dark:"bg-gray-600 text-gray-100 dark:bg-gray-900 dark:text-gray-200 group-hover:bg-gray-500 dark:group-hover:bg-gray-700",light:"bg-gray-200 text-gray-800 dark:bg-gray-400 dark:text-gray-900 group-hover:bg-gray-300 dark:group-hover:bg-gray-500",green:"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300",lime:"bg-lime-100 text-lime-800 dark:bg-lime-200 dark:text-lime-900 group-hover:bg-lime-200 dark:group-hover:bg-lime-300",red:"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300",teal:"bg-teal-100 text-teal-800 dark:bg-teal-200 dark:text-teal-900 group-hover:bg-teal-200 dark:group-hover:bg-teal-300",yellow:"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300"},size:{xs:"p-1 text-xs",sm:"p-1.5 text-sm"}}});function d(h){var a=h,{color:b$1="gray",size:p="xs",icon:e,children:n}=a,k=c(a,["color","size","icon","children"]);return jsxs("span",b(a$1(a$1({},i({color:b$1,size:p,icon:e})),k),{children:[e&&e,n]}))}d.PropTypes={color:r.default.string,size:r.default.oneOf(["xs","sm"]),icon:r.default.element};d.displayName="Badge";
+var r=e(a());var i=variantProps({base:"flex h-fit items-center gap-1 font-semibold rounded px-2 py-0.5",variants:{color:{info:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-800 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",gray:"bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600",failure:"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300",success:"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300",warning:"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300",indigo:"bg-indigo-100 text-indigo-800 dark:bg-indigo-200 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300",purple:"bg-purple-100 text-purple-800 dark:bg-purple-200 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300",pink:"bg-pink-100 text-pink-800 dark:bg-pink-200 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300",blue:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",cyan:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",dark:"bg-gray-600 text-gray-100 dark:bg-gray-900 dark:text-gray-200 group-hover:bg-gray-500 dark:group-hover:bg-gray-700",light:"bg-gray-200 text-gray-800 dark:bg-gray-400 dark:text-gray-900 group-hover:bg-gray-300 dark:group-hover:bg-gray-500",green:"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300",lime:"bg-lime-100 text-lime-800 dark:bg-lime-200 dark:text-lime-900 group-hover:bg-lime-200 dark:group-hover:bg-lime-300",red:"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300",teal:"bg-teal-100 text-teal-800 dark:bg-teal-200 dark:text-teal-900 group-hover:bg-teal-200 dark:group-hover:bg-teal-300",yellow:"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300"},size:{xs:"p-1 text-xs",sm:"p-1.5 text-sm"}}});function d(h){var a=h,{color:p="gray",size:b$1="xs",icon:e,children:n}=a,k=c(a,["color","size","icon","children"]);return jsxs("span",b(a$1(a$1({},i({color:p,size:b$1,icon:e})),k),{children:[e&&e,n]}))}d.propTypes={color:r.default.string,size:r.default.oneOf(["xs","sm"]),icon:r.default.element};d.displayName="Badge";
 
 export { d as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-2XHFIVT7.mjs.map
+//# sourceMappingURL=chunk-ZI635H5Y.mjs.map

package/dist/{chunk-2XHFIVT7.mjs.map → chunk-ZI635H5Y.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/badge.tsx"],"names":["import_prop_types","variantProps","jsxs","badgeProps","Badge","_a","_b","color","size","icon","children","props","__objRest","__spreadProps","__spreadValues","PropTypes"],"mappings":"uGAEA,IAAAA,EAAsB,OADtB,OAAS,gBAAAC,MAAoB,2BAgDzB,eAAAC,MAAA,oBA7CJ,IAAMC,EAAaF,EAAa,CAC9B,KAAM,kEACN,SAAU,CACR,MAAO,CACL,KAAM,qHACN,KAAM,qHACN,QACE,+GACF,QACE,2HACF,QACE,iIACF,OACE,iIACF,OACE,iIACF,KAAM,qHACN,KAAM,qHACN,KAAM,qHACN,KAAM,qHACN,MACE,qHACF,MACE,2HACF,KAAM,qHACN,IAAK,+GACL,KAAM,qHACN,OACE,gIACJ,EACA,KAAM,CACJ,GAAI,cACJ,GAAI,eACN,CACF,CACF,CAAC,EAEM,SAASG,EAAMC,EAMnB,CANmB,IAAAC,EAAAD,EACpB,OAAAE,EAAQ,OACR,KAAAC,EAAO,KACP,KAAAC,EACA,SAAAC,CA7CF,EAyCsBJ,EAKjBK,EAAAC,EALiBN,EAKjB,CAJH,QACA,OACA,OACA,aAGA,OACEJ,EAAC,OAAAW,EAAAC,IAAA,GAASX,EAAW,CAAE,MAAAI,EAAO,KAAAC,EAAM,KAAAC,CAAK,CAAC,GAAOE,GAAhD,CACE,UAAAF,GAAQA,EACRC,IACH,CAEJ,CAEAN,EAAM,UAAY,CAEhB,MAAO,EAAAW,QAAU,OAEjB,KAAM,EAAAA,QAAU,MAAM,CAAC,KAAM,IAAI,CAAC,EAElC,KAAM,EAAAA,QAAU,OAClB,EAEAX,EAAM,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\n\nconst badgeProps = variantProps({\n  base: \"flex h-fit items-center gap-1 font-semibold rounded px-2 py-0.5\",\n  variants: {\n    color: {\n      info: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-800 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      gray: \"bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600\",\n      failure:\n        \"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300\",\n      success:\n        \"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300\",\n      warning:\n        \"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300\",\n      indigo:\n        \"bg-indigo-100 text-indigo-800 dark:bg-indigo-200 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300\",\n      purple:\n        \"bg-purple-100 text-purple-800 dark:bg-purple-200 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300\",\n      pink: \"bg-pink-100 text-pink-800 dark:bg-pink-200 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300\",\n      blue: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      cyan: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      dark: \"bg-gray-600 text-gray-100 dark:bg-gray-900 dark:text-gray-200 group-hover:bg-gray-500 dark:group-hover:bg-gray-700\",\n      light:\n        \"bg-gray-200 text-gray-800 dark:bg-gray-400 dark:text-gray-900 group-hover:bg-gray-300 dark:group-hover:bg-gray-500\",\n      green:\n        \"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300\",\n      lime: \"bg-lime-100 text-lime-800 dark:bg-lime-200 dark:text-lime-900 group-hover:bg-lime-200 dark:group-hover:bg-lime-300\",\n      red: \"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300\",\n      teal: \"bg-teal-100 text-teal-800 dark:bg-teal-200 dark:text-teal-900 group-hover:bg-teal-200 dark:group-hover:bg-teal-300\",\n      yellow:\n        \"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300\",\n    },\n    size: {\n      xs: \"p-1 text-xs\",\n      sm: \"p-1.5 text-sm\",\n    },\n  },\n});\n\nexport function Badge({\n  color = \"gray\",\n  size = \"xs\",\n  icon,\n  children,\n  ...props\n}) {\n  return (\n    <span {...badgeProps({ color, size, icon })} {...props}>\n      {icon && icon}\n      {children}\n    </span>\n  );\n}\n\nBadge.PropTypes = {\n  /** String for color of badge */\n  color: PropTypes.string,\n  /** String to determine the size of the badge. \"xs, sm\" */\n  size: PropTypes.oneOf([\"xs\", \"sm\"]),\n  /** Boolean to change styling of badge for having an Icon */\n  icon: PropTypes.element,\n};\n\nBadge.displayName = \"Badge\";\n"]}
+{"version":3,"sources":["../src/badge.tsx"],"names":["import_prop_types","variantProps","jsxs","badgeProps","Badge","_a","_b","color","size","icon","children","props","__objRest","__spreadProps","__spreadValues","PropTypes"],"mappings":"uGAEA,IAAAA,EAAsB,OADtB,OAAS,gBAAAC,MAAoB,2BAgDzB,eAAAC,MAAA,oBA7CJ,IAAMC,EAAaF,EAAa,CAC9B,KAAM,kEACN,SAAU,CACR,MAAO,CACL,KAAM,qHACN,KAAM,qHACN,QACE,+GACF,QACE,2HACF,QACE,iIACF,OACE,iIACF,OACE,iIACF,KAAM,qHACN,KAAM,qHACN,KAAM,qHACN,KAAM,qHACN,MACE,qHACF,MACE,2HACF,KAAM,qHACN,IAAK,+GACL,KAAM,qHACN,OACE,gIACJ,EACA,KAAM,CACJ,GAAI,cACJ,GAAI,eACN,CACF,CACF,CAAC,EAEM,SAASG,EAAMC,EAMnB,CANmB,IAAAC,EAAAD,EACpB,OAAAE,EAAQ,OACR,KAAAC,EAAO,KACP,KAAAC,EACA,SAAAC,CA7CF,EAyCsBJ,EAKjBK,EAAAC,EALiBN,EAKjB,CAJH,QACA,OACA,OACA,aAGA,OACEJ,EAAC,OAAAW,EAAAC,IAAA,GAASX,EAAW,CAAE,MAAAI,EAAO,KAAAC,EAAM,KAAAC,CAAK,CAAC,GAAOE,GAAhD,CACE,UAAAF,GAAQA,EACRC,IACH,CAEJ,CAEAN,EAAM,UAAY,CAEhB,MAAO,EAAAW,QAAU,OAEjB,KAAM,EAAAA,QAAU,MAAM,CAAC,KAAM,IAAI,CAAC,EAElC,KAAM,EAAAA,QAAU,OAClB,EAEAX,EAAM,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\n\nconst badgeProps = variantProps({\n  base: \"flex h-fit items-center gap-1 font-semibold rounded px-2 py-0.5\",\n  variants: {\n    color: {\n      info: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-800 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      gray: \"bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600\",\n      failure:\n        \"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300\",\n      success:\n        \"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300\",\n      warning:\n        \"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300\",\n      indigo:\n        \"bg-indigo-100 text-indigo-800 dark:bg-indigo-200 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300\",\n      purple:\n        \"bg-purple-100 text-purple-800 dark:bg-purple-200 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300\",\n      pink: \"bg-pink-100 text-pink-800 dark:bg-pink-200 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300\",\n      blue: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      cyan: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      dark: \"bg-gray-600 text-gray-100 dark:bg-gray-900 dark:text-gray-200 group-hover:bg-gray-500 dark:group-hover:bg-gray-700\",\n      light:\n        \"bg-gray-200 text-gray-800 dark:bg-gray-400 dark:text-gray-900 group-hover:bg-gray-300 dark:group-hover:bg-gray-500\",\n      green:\n        \"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300\",\n      lime: \"bg-lime-100 text-lime-800 dark:bg-lime-200 dark:text-lime-900 group-hover:bg-lime-200 dark:group-hover:bg-lime-300\",\n      red: \"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300\",\n      teal: \"bg-teal-100 text-teal-800 dark:bg-teal-200 dark:text-teal-900 group-hover:bg-teal-200 dark:group-hover:bg-teal-300\",\n      yellow:\n        \"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300\",\n    },\n    size: {\n      xs: \"p-1 text-xs\",\n      sm: \"p-1.5 text-sm\",\n    },\n  },\n});\n\nexport function Badge({\n  color = \"gray\",\n  size = \"xs\",\n  icon,\n  children,\n  ...props\n}) {\n  return (\n    <span {...badgeProps({ color, size, icon })} {...props}>\n      {icon && icon}\n      {children}\n    </span>\n  );\n}\n\nBadge.propTypes = {\n  /** String for color of badge */\n  color: PropTypes.string,\n  /** String to determine the size of the badge. \"xs, sm\" */\n  size: PropTypes.oneOf([\"xs\", \"sm\"]),\n  /** Boolean to change styling of badge for having an Icon */\n  icon: PropTypes.element,\n};\n\nBadge.displayName = \"Badge\";\n"]}

package/dist/drag-and-drop.mjs

@@ -1,4 +1,4 @@
-export { c as DragAndDrop } from './chunk-GJ5MSGOY.mjs';
+export { c as DragAndDrop } from './chunk-NNTE32GB.mjs';
 import './chunk-XFCPRHEY.mjs';
 import './chunk-EHJJX6ZZ.mjs';
 import './chunk-ZFBRBOQI.mjs';
@@ -16,12 +16,12 @@ import './chunk-NTGEZMHP.mjs';
 import './chunk-7X4WYXA2.mjs';
 import './chunk-RMX72FR3.mjs';
 import './chunk-2IL2LP47.mjs';
-import './chunk-RQKBPSBN.mjs';
-import './chunk-JOAZ2IMI.mjs';
+import './chunk-I44SFKMY.mjs';
+import './chunk-HDDPZMUQ.mjs';
 import './chunk-ZWJSMASL.mjs';
 import './chunk-OT256LE6.mjs';
-import './chunk-YAZSSUKX.mjs';
-import './chunk-2PA7AVZK.mjs';
+import './chunk-AHKENQVI.mjs';
+import './chunk-WMFTYTMD.mjs';
 import './chunk-EWNPNF2B.mjs';
 import './chunk-OZK25XNR.mjs';
 import './chunk-XGHRMSFX.mjs';
@@ -32,7 +32,7 @@ import './chunk-QOVVHEU2.mjs';
 import './chunk-D6H235SZ.mjs';
 import './chunk-PJMH47GY.mjs';
 import './chunk-KAQJAKQH.mjs';
-import './chunk-DEHFRU4D.mjs';
+import './chunk-CVNRLWG6.mjs';
 import './chunk-7Q4BF7BT.mjs';
 import './chunk-F6ZWBNIM.mjs';
 import './chunk-PT4DPY4L.mjs';
@@ -43,7 +43,7 @@ import './chunk-JACXLYPD.mjs';
 import './chunk-TWLN46WO.mjs';
 import './chunk-O3QYDTAF.mjs';
 import './chunk-YJKULMWM.mjs';
-import './chunk-2XHFIVT7.mjs';
+import './chunk-ZI635H5Y.mjs';
 import './chunk-JCWSMIVA.mjs';
 import './chunk-SAXGEQRG.mjs';
 import './chunk-S6EYHLVB.mjs';

package/dist/file-picker/file-picker.mjs

@@ -1,4 +1,4 @@
-export { d as FilePicker } from '../chunk-GJ5MSGOY.mjs';
+export { d as FilePicker } from '../chunk-NNTE32GB.mjs';
 import '../chunk-XFCPRHEY.mjs';
 import '../chunk-EHJJX6ZZ.mjs';
 import '../chunk-ZFBRBOQI.mjs';
@@ -16,12 +16,12 @@ import '../chunk-NTGEZMHP.mjs';
 import '../chunk-7X4WYXA2.mjs';
 import '../chunk-RMX72FR3.mjs';
 import '../chunk-2IL2LP47.mjs';
-import '../chunk-RQKBPSBN.mjs';
-import '../chunk-JOAZ2IMI.mjs';
+import '../chunk-I44SFKMY.mjs';
+import '../chunk-HDDPZMUQ.mjs';
 import '../chunk-ZWJSMASL.mjs';
 import '../chunk-OT256LE6.mjs';
-import '../chunk-YAZSSUKX.mjs';
-import '../chunk-2PA7AVZK.mjs';
+import '../chunk-AHKENQVI.mjs';
+import '../chunk-WMFTYTMD.mjs';
 import '../chunk-EWNPNF2B.mjs';
 import '../chunk-OZK25XNR.mjs';
 import '../chunk-XGHRMSFX.mjs';
@@ -32,7 +32,7 @@ import '../chunk-QOVVHEU2.mjs';
 import '../chunk-D6H235SZ.mjs';
 import '../chunk-PJMH47GY.mjs';
 import '../chunk-KAQJAKQH.mjs';
-import '../chunk-DEHFRU4D.mjs';
+import '../chunk-CVNRLWG6.mjs';
 import '../chunk-7Q4BF7BT.mjs';
 import '../chunk-F6ZWBNIM.mjs';
 import '../chunk-PT4DPY4L.mjs';
@@ -43,7 +43,7 @@ import '../chunk-JACXLYPD.mjs';
 import '../chunk-TWLN46WO.mjs';
 import '../chunk-O3QYDTAF.mjs';
 import '../chunk-YJKULMWM.mjs';
-import '../chunk-2XHFIVT7.mjs';
+import '../chunk-ZI635H5Y.mjs';
 import '../chunk-JCWSMIVA.mjs';
 import '../chunk-SAXGEQRG.mjs';
 import '../chunk-S6EYHLVB.mjs';

package/dist/index.mjs

@@ -1,4 +1,4 @@
-export { e as CardPaymentBlock, c as DragAndDrop, d as FilePicker, b as Layout, a as StackedListItem } from './chunk-GJ5MSGOY.mjs';
+export { e as CardPaymentBlock, c as DragAndDrop, d as FilePicker, b as Layout, a as StackedListItem } from './chunk-NNTE32GB.mjs';
 export { a as Search } from './chunk-XFCPRHEY.mjs';
 export { b as Sidebar } from './chunk-EHJJX6ZZ.mjs';
 export { a as Sort } from './chunk-ZFBRBOQI.mjs';
@@ -16,12 +16,12 @@ export { a as Radio } from './chunk-NTGEZMHP.mjs';
 export { a as Select } from './chunk-7X4WYXA2.mjs';
 export { a as TextRow } from './chunk-RMX72FR3.mjs';
 export { a as TextArea } from './chunk-2IL2LP47.mjs';
-export { a as InputCopy } from './chunk-RQKBPSBN.mjs';
-export { a as TextInput } from './chunk-JOAZ2IMI.mjs';
+export { a as InputCopy } from './chunk-I44SFKMY.mjs';
+export { a as TextInput } from './chunk-HDDPZMUQ.mjs';
 export { a as LoadingButton } from './chunk-ZWJSMASL.mjs';
 export { a as LoveFooter } from './chunk-OT256LE6.mjs';
-export { a as MiniFeatureBlock } from './chunk-YAZSSUKX.mjs';
-export { a as Modal } from './chunk-2PA7AVZK.mjs';
+export { a as MiniFeatureBlock } from './chunk-AHKENQVI.mjs';
+export { a as Modal } from './chunk-WMFTYTMD.mjs';
 export { a as NoResultsBlock } from './chunk-EWNPNF2B.mjs';
 export { a as PageHeader } from './chunk-OZK25XNR.mjs';
 export { a as Dropdown } from './chunk-XGHRMSFX.mjs';
@@ -32,7 +32,7 @@ export { a as FormRow } from './chunk-QOVVHEU2.mjs';
 export { a as Label } from './chunk-D6H235SZ.mjs';
 export { a as ImageThumbnail } from './chunk-PJMH47GY.mjs';
 export { a as InputAddon } from './chunk-KAQJAKQH.mjs';
-export { a as Checkbox } from './chunk-DEHFRU4D.mjs';
+export { a as Checkbox } from './chunk-CVNRLWG6.mjs';
 export { a as ColorPicker } from './chunk-7Q4BF7BT.mjs';
 export { a as DashboardNotification } from './chunk-F6ZWBNIM.mjs';
 export { a as Card } from './chunk-PT4DPY4L.mjs';
@@ -43,7 +43,7 @@ export { b as Accordion } from './chunk-JACXLYPD.mjs';
 export { a as AlertBanner } from './chunk-TWLN46WO.mjs';
 export { a as Alert } from './chunk-O3QYDTAF.mjs';
 export { a as Avatar } from './chunk-YJKULMWM.mjs';
-export { a as Badge } from './chunk-2XHFIVT7.mjs';
+export { a as Badge } from './chunk-ZI635H5Y.mjs';
 export { a as Breadcrumb } from './chunk-JCWSMIVA.mjs';
 export { a as ButtonGroupItem } from './chunk-SAXGEQRG.mjs';
 export { a as Button } from './chunk-S6EYHLVB.mjs';

package/dist/input-copy.mjs

@@ -1,5 +1,5 @@
-export { a as InputCopy } from './chunk-RQKBPSBN.mjs';
-import './chunk-JOAZ2IMI.mjs';
+export { a as InputCopy } from './chunk-I44SFKMY.mjs';
+import './chunk-HDDPZMUQ.mjs';
 import './chunk-PUJZGK7Y.mjs';
 import './chunk-23SJGKDR.mjs';
 //# sourceMappingURL=out.js.map

package/dist/layout/layout.mjs

@@ -1,4 +1,4 @@
-export { b as Layout } from '../chunk-GJ5MSGOY.mjs';
+export { b as Layout } from '../chunk-NNTE32GB.mjs';
 import '../chunk-XFCPRHEY.mjs';
 import '../chunk-EHJJX6ZZ.mjs';
 import '../chunk-ZFBRBOQI.mjs';
@@ -16,12 +16,12 @@ import '../chunk-NTGEZMHP.mjs';
 import '../chunk-7X4WYXA2.mjs';
 import '../chunk-RMX72FR3.mjs';
 import '../chunk-2IL2LP47.mjs';
-import '../chunk-RQKBPSBN.mjs';
-import '../chunk-JOAZ2IMI.mjs';
+import '../chunk-I44SFKMY.mjs';
+import '../chunk-HDDPZMUQ.mjs';
 import '../chunk-ZWJSMASL.mjs';
 import '../chunk-OT256LE6.mjs';
-import '../chunk-YAZSSUKX.mjs';
-import '../chunk-2PA7AVZK.mjs';
+import '../chunk-AHKENQVI.mjs';
+import '../chunk-WMFTYTMD.mjs';
 import '../chunk-EWNPNF2B.mjs';
 import '../chunk-OZK25XNR.mjs';
 import '../chunk-XGHRMSFX.mjs';
@@ -32,7 +32,7 @@ import '../chunk-QOVVHEU2.mjs';
 import '../chunk-D6H235SZ.mjs';
 import '../chunk-PJMH47GY.mjs';
 import '../chunk-KAQJAKQH.mjs';
-import '../chunk-DEHFRU4D.mjs';
+import '../chunk-CVNRLWG6.mjs';
 import '../chunk-7Q4BF7BT.mjs';
 import '../chunk-F6ZWBNIM.mjs';
 import '../chunk-PT4DPY4L.mjs';
@@ -43,7 +43,7 @@ import '../chunk-JACXLYPD.mjs';
 import '../chunk-TWLN46WO.mjs';
 import '../chunk-O3QYDTAF.mjs';
 import '../chunk-YJKULMWM.mjs';
-import '../chunk-2XHFIVT7.mjs';
+import '../chunk-ZI635H5Y.mjs';
 import '../chunk-JCWSMIVA.mjs';
 import '../chunk-SAXGEQRG.mjs';
 import '../chunk-S6EYHLVB.mjs';

package/dist/mini-feature-block.mjs

@@ -1,5 +1,5 @@
-export { a as MiniFeatureBlock } from './chunk-YAZSSUKX.mjs';
-import './chunk-2XHFIVT7.mjs';
+export { a as MiniFeatureBlock } from './chunk-AHKENQVI.mjs';
+import './chunk-ZI635H5Y.mjs';
 import './chunk-PUJZGK7Y.mjs';
 import './chunk-23SJGKDR.mjs';
 //# sourceMappingURL=out.js.map

package/dist/modal.d.ts

@@ -35,15 +35,17 @@ declare namespace ModalBody {
     };
     var displayName: string;
 }
-declare function ModalFooter({ children, border }: {
+declare function ModalFooter({ children, border, alignment }: {
     children: any;
     border?: boolean | undefined;
+    alignment?: string | undefined;
 }): JSX.Element;
 declare namespace ModalFooter {
     var propTypes: {
         /** Markup to make up the Modal Footer */
         border: PropTypes.Requireable<boolean>;
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        alignment: PropTypes.Requireable<string>;
     };
     var displayName: string;
 }

package/dist/modal.mjs

@@ -1,4 +1,4 @@
-export { a as Modal, b as ModalBody, c as ModalFooter } from './chunk-2PA7AVZK.mjs';
+export { a as Modal, b as ModalBody, c as ModalFooter } from './chunk-WMFTYTMD.mjs';
 import './chunk-PUJZGK7Y.mjs';
 import './chunk-23SJGKDR.mjs';
 //# sourceMappingURL=out.js.map

package/dist/stacked-list-item.mjs

@@ -1,4 +1,4 @@
-export { a as StackedListItem } from './chunk-GJ5MSGOY.mjs';
+export { a as StackedListItem } from './chunk-NNTE32GB.mjs';
 import './chunk-XFCPRHEY.mjs';
 import './chunk-EHJJX6ZZ.mjs';
 import './chunk-ZFBRBOQI.mjs';
@@ -16,12 +16,12 @@ import './chunk-NTGEZMHP.mjs';
 import './chunk-7X4WYXA2.mjs';
 import './chunk-RMX72FR3.mjs';
 import './chunk-2IL2LP47.mjs';
-import './chunk-RQKBPSBN.mjs';
-import './chunk-JOAZ2IMI.mjs';
+import './chunk-I44SFKMY.mjs';
+import './chunk-HDDPZMUQ.mjs';
 import './chunk-ZWJSMASL.mjs';
 import './chunk-OT256LE6.mjs';
-import './chunk-YAZSSUKX.mjs';
-import './chunk-2PA7AVZK.mjs';
+import './chunk-AHKENQVI.mjs';
+import './chunk-WMFTYTMD.mjs';
 import './chunk-EWNPNF2B.mjs';
 import './chunk-OZK25XNR.mjs';
 import './chunk-XGHRMSFX.mjs';
@@ -32,7 +32,7 @@ import './chunk-QOVVHEU2.mjs';
 import './chunk-D6H235SZ.mjs';
 import './chunk-PJMH47GY.mjs';
 import './chunk-KAQJAKQH.mjs';
-import './chunk-DEHFRU4D.mjs';
+import './chunk-CVNRLWG6.mjs';
 import './chunk-7Q4BF7BT.mjs';
 import './chunk-F6ZWBNIM.mjs';
 import './chunk-PT4DPY4L.mjs';
@@ -43,7 +43,7 @@ import './chunk-JACXLYPD.mjs';
 import './chunk-TWLN46WO.mjs';
 import './chunk-O3QYDTAF.mjs';
 import './chunk-YJKULMWM.mjs';
-import './chunk-2XHFIVT7.mjs';
+import './chunk-ZI635H5Y.mjs';
 import './chunk-JCWSMIVA.mjs';
 import './chunk-SAXGEQRG.mjs';
 import './chunk-S6EYHLVB.mjs';

package/dist/textinput.mjs

@@ -1,4 +1,4 @@
-export { a as TextInput } from './chunk-JOAZ2IMI.mjs';
+export { a as TextInput } from './chunk-HDDPZMUQ.mjs';
 import './chunk-PUJZGK7Y.mjs';
 import './chunk-23SJGKDR.mjs';
 //# sourceMappingURL=out.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ekm-ui",
-  "version": "0.3.35",
+  "version": "0.3.37",
   "sideEffects": [
     "**/*.css"
   ],

package/src/badge.tsx

@@ -54,7 +54,7 @@ export function Badge({
   );
 }
 
-Badge.PropTypes = {
+Badge.propTypes = {
   /** String for color of badge */
   color: PropTypes.string,
   /** String to determine the size of the badge. "xs, sm" */

package/src/checkbox.tsx

@@ -12,6 +12,7 @@ export const Checkbox = forwardRef(function Checkbox(props, ref) {
         ref={ref}
         type="checkbox"
         className={twMerge(props.disabled && "opacity-40", props.className && props.className, "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600")}
+        {...props}
         />
       {props.label && (
         <label id={`${props.id}-lbl`} htmlFor={props.id} className="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">

package/src/modal.tsx

@@ -64,8 +64,8 @@ export function ModalBody({ children }) {
   return <div>{children}</div>
 }
 
-export function ModalFooter({ children, border = true }) {
-  return <div className={`inline-block items-end p-4 md:p-5 ${border && 'border-t'} border-gray-200 rounded-b dark:border-gray-600`}>{children}</div>
+export function ModalFooter({ children, border = true, alignment = "center" }) {
+  return <div className={`flex gap-4 ${alignment == 'center' && 'justify-center'} ${alignment == 'left' && 'justify-start'} ${alignment == 'right' && 'justify-end'} items-end p-4 md:p-5 ${border && 'border-t'} border-gray-200 rounded-b dark:border-gray-600`}>{children}</div>
 }
 
 Modal.Body = ModalBody
@@ -97,6 +97,7 @@ ModalFooter.propTypes = {
   /** Markup to make up the Modal Footer */
   border: PropTypes.bool,
   children: PropTypes.node.isRequired,
+  alignment: PropTypes.oneOf(['left', 'center', 'right']),
 }
 
 Modal.displayName = "Modal"

package/src/textinput.tsx

@@ -65,7 +65,6 @@ export const TextInput = forwardRef(function TextInput(props, ref) {
           <div className="pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5">
             {icon}
           </div>
-          <div className={disabled && "cursor-not-allowed opacity-50"}>
             <input
               {...iconProps({ color })}
               type={type ? type : "text"}
@@ -73,10 +72,10 @@ export const TextInput = forwardRef(function TextInput(props, ref) {
               ref={props.ref}
               placeholder={placeholder || "Enter your text here..."}
               name={props.name}
+              disabled={disabled}
               onChange={props.onChange}
               value={props.value}
               />
-          </div>
         </div>
       </div>
     );

package/dist/chunk-2PA7AVZK.mjs

@@ -1,11 +0,0 @@
-import { a } from './chunk-PUJZGK7Y.mjs';
-import { e as e$1, c, b, a as a$1 } from './chunk-23SJGKDR.mjs';
-import { FaTimes } from 'react-icons/fa';
-import { variantProps } from 'classname-variants/react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var e=e$1(a());var h=variantProps({base:"relative p-4 w-full max-h-full ",variants:{size:{xsm:"max-w-md",sm:"max-w-xl",md:"max-w-2xl",lg:"max-w-3xl"},defaultVariants:{size:"md"}}});function d(w){var n=w,{children:t,show:a=!0}=n,o=c(n,["children","show"]);if(!a)return jsx("div",{});let y=()=>jsxs("div",{className:"flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600",children:[jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:o.title}),m()]}),m=(b=!1)=>jsxs("button",{type:"button",className:`${b&&"absolute top-3 end-2.5"} text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white`,"data-modal-hide":"default-modal",onClick:o.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]});return jsx("div",{id:"default-modal",tabIndex:"-1","aria-hidden":"true",className:"overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50",role:"dialog",children:jsx("div",b(a$1({},h(o)),{children:jsxs("div",{className:"relative pt-4 pl-4 pr-4 bg-white rounded-lg shadow dark:bg-gray-700",children:[o.title?y():m(!0),t]})}))})}function l({children:t}){return jsx("div",{children:t})}function s({children:t,border:a=!0}){return jsx("div",{className:`inline-block items-end p-4 md:p-5 ${a&&"border-t"} border-gray-200 rounded-b dark:border-gray-600`,children:t})}d.Body=l;d.Footer=s;d.defaultProps={size:"md"};d.propTypes={title:e.default.string,show:e.default.bool,size:e.default.oneOf(["xsm","sm","md","lg"]),onClose:e.default.func.isRequired,children:e.default.node.isRequired};l.propTypes={children:e.default.node.isRequired};s.propTypes={border:e.default.bool,children:e.default.node.isRequired};d.displayName="Modal";s.displayName="ModalFooter";l.displayName="ModalBody";
-
-export { d as a, l as b, s as c };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-2PA7AVZK.mjs.map

package/dist/chunk-2PA7AVZK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/modal.tsx"],"names":["import_prop_types","FaTimes","variantProps","jsx","jsxs","modalProps","Modal","_a","_b","children","show","props","__objRest","renderHeadedModal","renderCloseButton","isHeadless","__spreadProps","__spreadValues","ModalBody","ModalFooter","border","PropTypes"],"mappings":"uGAGA,IAAAA,EAAsB,OAFtB,OAAS,WAAAC,MAAe,iBACxB,OAAS,gBAAAC,MAAoB,2BAmBT,cAAAC,EAGhB,QAAAC,MAHgB,oBAhBpB,IAAMC,EAAaH,EAAa,CAC9B,KAAM,kCACN,SAAU,CACR,KAAM,CACJ,IAAK,WACL,GAAI,WACJ,GAAI,YACJ,GAAI,WACN,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,CAAC,EAEM,SAASI,EAAMC,EAAqC,CAArC,IAAAC,EAAAD,EAAE,UAAAE,EAAU,KAAAC,EAAO,EApBzC,EAoBsBF,EAA4BG,EAAAC,EAA5BJ,EAA4B,CAA1B,WAAU,SAChC,GAAI,CAACE,EAAM,OAAOP,EAAC,QAAI,EAEvB,IAAMU,EAAoB,IACxBT,EAAC,OAAI,UAAU,uFACb,UAAAD,EAAC,MAAG,UAAU,sDAAuD,SAAAQ,EAAM,MAAM,EAChFG,EAAkB,GACrB,EAGIA,EAAoB,CAACC,EAAa,KACtCX,EAAC,UACC,KAAK,SACL,UAAW,GACTW,GAAc,sNAEhB,kBAAgB,gBAChB,QAASJ,EAAM,QAEf,UAAAR,EAACF,EAAA,EAAQ,EACTE,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,EAGF,OACEA,EAAC,OACC,GAAG,gBACH,SAAS,KACT,cAAY,OACZ,UAAU,oNACV,KAAK,SAEL,SAAAA,EAAC,MAAAa,EAAAC,EAAA,GAAQZ,EAAWM,CAAK,GAAxB,CACC,SAAAP,EAAC,OAAI,UAAU,sEACZ,UAAAO,EAAM,MAAQE,EAAkB,EAAIC,EAAkB,EAAI,EAC1DL,GACH,GACF,EACF,CAEJ,CAEO,SAASS,EAAU,CAAE,SAAAT,CAAS,EAAG,CACtC,OAAON,EAAC,OAAK,SAAAM,EAAS,CACxB,CAEO,SAASU,EAAY,CAAE,SAAAV,EAAU,OAAAW,EAAS,EAAK,EAAG,CACvD,OAAOjB,EAAC,OAAI,UAAW,qCAAqCiB,GAAU,4DAA8D,SAAAX,EAAS,CAC/I,CAEAH,EAAM,KAAOY,EACbZ,EAAM,OAASa,EAEfb,EAAM,aAAe,CACnB,KAAM,IACR,EAEAA,EAAM,UAAY,CAEhB,MAAO,EAAAe,QAAU,OAEjB,KAAM,EAAAA,QAAU,KAEhB,KAAM,EAAAA,QAAU,MAAM,CAAC,MAAO,KAAM,KAAM,IAAI,CAAC,EAE/C,QAAS,EAAAA,QAAU,KAAK,WAExB,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAH,EAAU,UAAY,CAEpB,SAAU,EAAAG,QAAU,KAAK,UAC3B,EAEAF,EAAY,UAAY,CAEtB,OAAQ,EAAAE,QAAU,KAClB,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAf,EAAM,YAAc,QACpBa,EAAY,YAAc,cAC1BD,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { FaTimes } from 'react-icons/fa'\nimport { variantProps } from 'classname-variants/react'\nimport PropTypes from 'prop-types'\n\nconst modalProps = variantProps({\n  base: 'relative p-4 w-full max-h-full ',\n  variants: {\n    size: {\n      xsm: 'max-w-md',\n      sm: 'max-w-xl',\n      md: 'max-w-2xl',\n      lg: 'max-w-3xl',\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n})\n\nexport function Modal({ children, show = true, ...props }) {\n  if (!show) return <div />\n\n  const renderHeadedModal = () => (\n    <div className=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600\">\n      <h3 className=\"text-xl font-semibold text-gray-900 dark:text-white\">{props.title}</h3>\n      {renderCloseButton()}\n    </div>\n  )\n\n  const renderCloseButton = (isHeadless = false) => (\n    <button\n      type=\"button\"\n      className={`${\n        isHeadless && 'absolute top-3 end-2.5'\n      } text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white`}\n      data-modal-hide=\"default-modal\"\n      onClick={props.onClose}\n    >\n      <FaTimes />\n      <span className=\"sr-only\">Close modal</span>\n    </button>\n  )\n\n  return (\n    <div\n      id=\"default-modal\"\n      tabIndex=\"-1\"\n      aria-hidden=\"true\"\n      className=\"overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50\"\n      role=\"dialog\"\n    >\n      <div {...modalProps(props)}>\n        <div className=\"relative pt-4 pl-4 pr-4 bg-white rounded-lg shadow dark:bg-gray-700\">\n          {props.title ? renderHeadedModal() : renderCloseButton(true)}\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function ModalBody({ children }) {\n  return <div>{children}</div>\n}\n\nexport function ModalFooter({ children, border = true }) {\n  return <div className={`inline-block items-end p-4 md:p-5 ${border && 'border-t'} border-gray-200 rounded-b dark:border-gray-600`}>{children}</div>\n}\n\nModal.Body = ModalBody\nModal.Footer = ModalFooter\n\nModal.defaultProps = {\n  size: 'md',\n}\n\nModal.propTypes = {\n  /** Tile of the modal not providing a title makes this a headless modal */\n  title: PropTypes.string,\n  /** Whether or not the modal is visible */\n  show: PropTypes.bool,\n  /** Size of the modal */\n  size: PropTypes.oneOf(['xsm', 'sm', 'md', 'lg']),\n  /** Callback for the close action */\n  onClose: PropTypes.func.isRequired,\n  /** Modal.Body and Modal.Footer compounds used to build up the modal. The footer is optional */\n  children: PropTypes.node.isRequired,\n}\n\nModalBody.propTypes = {\n  /** Markup to make up the Modal content */\n  children: PropTypes.node.isRequired,\n}\n\nModalFooter.propTypes = {\n  /** Markup to make up the Modal Footer */\n  border: PropTypes.bool,\n  children: PropTypes.node.isRequired,\n}\n\nModal.displayName = \"Modal\"\nModalFooter.displayName = \"ModalFooter\"\nModalBody.displayName = \"ModalBody\"\n"]}

package/dist/chunk-DEHFRU4D.mjs

@@ -1,11 +0,0 @@
-import { a as a$2 } from './chunk-GBY2NNWZ.mjs';
-import { a as a$1 } from './chunk-PUJZGK7Y.mjs';
-import { e } from './chunk-23SJGKDR.mjs';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var a=e(a$1());var d=forwardRef(function(e,i){return jsxs("div",{className:"flex items-center",children:[jsx("input",{id:e.id,name:e.name,ref:i,type:"checkbox",className:a$2(e.disabled&&"opacity-40",e.className&&e.className,"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600")}),e.label&&jsx("label",{id:`${e.id}-lbl`,htmlFor:e.id,className:"ms-2 text-sm font-medium text-gray-900 dark:text-gray-300",children:e.label})]})});d.propTypes={id:a.default.string.isRequired,label:a.default.string,checked:a.default.bool,disabled:a.default.bool,onChange:a.default.func};d.displayName="Checkbox";
-
-export { d as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-DEHFRU4D.mjs.map

package/dist/chunk-DEHFRU4D.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/checkbox.tsx"],"names":["import_prop_types","forwardRef","jsx","jsxs","Checkbox","props","ref","twMerge","PropTypes"],"mappings":"2HAEA,IAAAA,EAAsB,OADtB,OAAS,cAAAC,MAAkB,QAMvB,OACE,OAAAC,EADF,QAAAC,MAAA,oBAFG,IAAMC,EAAWH,EAAW,SAAkBI,EAAOC,EAAK,CAC/D,OACEH,EAAC,OAAI,UAAU,oBACb,UAAAD,EAAC,SACC,GAAIG,EAAM,GACV,KAAMA,EAAM,KACZ,IAAKC,EACL,KAAK,WACL,UAAWC,EAAQF,EAAM,UAAY,aAAcA,EAAM,WAAaA,EAAM,UAAW,qLAAqL,EAC5Q,EACDA,EAAM,OACLH,EAAC,SAAM,GAAI,GAAGG,EAAM,SAAU,QAASA,EAAM,GAAI,UAAU,4DACxD,SAAAA,EAAM,MACT,GAEJ,CAEJ,CAAC,EAEDD,EAAS,UAAY,CAEjB,GAAI,EAAAI,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,QAAS,EAAAA,QAAU,KAEnB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,IACxB,EAEAJ,EAAS,YAAc","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { twMerge } from 'tailwind-merge'\n\nexport const Checkbox = forwardRef(function Checkbox(props, ref) {\n  return (\n    <div className=\"flex items-center\">\n      <input\n        id={props.id}\n        name={props.name}\n        ref={ref}\n        type=\"checkbox\"\n        className={twMerge(props.disabled && \"opacity-40\", props.className && props.className, \"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600\")}\n        />\n      {props.label && (\n        <label id={`${props.id}-lbl`} htmlFor={props.id} className=\"ms-2 text-sm font-medium text-gray-900 dark:text-gray-300\">\n          {props.label}\n        </label>\n      )}\n    </div>\n  )\n})\n\nCheckbox.propTypes = {\n    /** String for id of checkbox */\n    id: PropTypes.string.isRequired,\n    /** String for label placed after checkbox */\n    label: PropTypes.string,\n    /** Bool to determine if checkbox has been checked */\n    checked: PropTypes.bool,\n    /** Bool for disabled state of checkbox */\n    disabled: PropTypes.bool,\n    /** function to handle checked value */\n    onChange: PropTypes.func,\n}\n\nCheckbox.displayName = \"Checkbox\";"]}

package/dist/chunk-JOAZ2IMI.mjs

@@ -1,11 +0,0 @@
-import { a as a$1 } from './chunk-PUJZGK7Y.mjs';
-import { e, b, a as a$2 } from './chunk-23SJGKDR.mjs';
-import { forwardRef } from 'react';
-import { variantProps } from 'classname-variants/react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var a=e(a$1());var h=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),p=variantProps({base:"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10",variants:{color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),v=variantProps({base:"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none",variants:{position:{left:"rounded-s-lg",right:"rounded-l-lg"},color:{success:"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500",failure:"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray",position:"left"}}),k=forwardRef(function(e,N){let{color:t,disabled:l,type:d,placeholder:n,id:g,icon:i,addon:s,position:u}=e;return i?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:"relative",children:[jsx("div",{className:"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5",children:i}),jsx("div",{className:l&&"cursor-not-allowed opacity-50",children:jsx("input",b(a$2({},p({color:t})),{type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value}))})]})}):s?jsx("div",{className:e.className&&e.className,children:jsxs("div",{className:l?"flex cursor-not-allowed opacity-50":"flex",children:[u=="left"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-s-md border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s}),jsx("input",b(a$2({},v({color:t})),{type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value})),u=="right"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-r-md border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400",children:s})]})}):jsx("div",{className:e.className&&e.className,children:jsx("div",{className:l?"relative cursor-not-allowed opacity-50":"relative",children:jsx("input",a$2({type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value},h({color:t})))})})});k.propTypes={id:a.default.string.isRequired,placeholder:a.default.string,color:a.default.oneOf(["gray","failure","success"]),icon:a.default.element,addon:a.default.element,disabled:a.default.bool,position:a.default.oneOf(["left","right"])};k.displayName="TextInput";
-
-export { k as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-JOAZ2IMI.mjs.map

package/dist/chunk-JOAZ2IMI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","forwardRef","variantProps","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"gGAGA,IAAAA,EAAsB,OAFtB,OAAS,cAAAC,MAAkB,QAC3B,OAAS,gBAAAC,MAAoB,2BA6DrB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA1DR,IAAMC,EAAiBH,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,iOACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKI,EAAYJ,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,iOACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAaL,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,iOACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYM,EAAYP,EAAW,SAAmBQ,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EAAIT,EAC1E,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACAb,EAAC,OAAI,UAAWS,GAAY,gCAC1B,SAAAT,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACb,EACJ,GACF,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAWQ,EAAW,qCAAuC,OACjE,UAAAM,GAAY,QACVf,EAAC,QAAK,UAAU,2KACd,SAAAc,EACH,EAEAd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,CAAM,CAAC,GADzB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACb,EACDS,GAAY,SACZf,EAAC,QAAK,UAAU,2KACd,SAAAc,EACH,GAEF,EACF,EAIAd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAN,EAAC,OACC,UACES,EAAW,yCAA2C,WAGxD,SAAAT,EAAC,QAAAiB,EAAA,CACC,KAAMP,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACTJ,EAAe,CAAE,MAAAM,CAAM,CAAC,EAC5B,EACJ,EACF,CAGN,CAAC,EAEDH,EAAU,UAAY,CAEpB,GAAI,EAAAa,QAAU,OAAO,WAErB,YAAa,EAAAA,QAAU,OAEvB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,UAAW,SAAS,CAAC,EAErD,KAAM,EAAAA,QAAU,QAEhB,MAAO,EAAAA,QAAU,QAEjB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,MAAM,CAAC,OAAQ,OAAO,CAAC,CAC7C,EAEAb,EAAU,YAAc","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from \"react\";\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\n\nconst textInputProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border text-sm rounded-lg\",\n  variants: {\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n  },\n});\n\nconst iconProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border text-sm rounded-lg ps-10\",\n  variants: {\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n  },\n});\n\nconst addonProps = variantProps({\n  base: \"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none\",\n  variants: {\n    position: {\n      left: \"rounded-s-lg\",\n      right: \"rounded-l-lg\",\n    },\n    color: {\n      success:\n        \"bg-green-50 border border-green-500 text-green-900 dark:text-green-400 placeholder-green-700 dark:placeholder-green-500 text-sm focus:ring-green-500 focus:border-green-500 block w-full p-2.5 dark:bg-gray-700 dark:border-green-500\",\n      failure:\n        \"bg-red-50 border border-red-500 text-red-900 placeholder-red-700 text-sm rounded-lg focus:ring-red-500 dark:bg-gray-700 focus:border-red-500 block w-full p-2.5 dark:text-red-500 dark:placeholder-red-500 dark:border-red-500\",\n      gray: \"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\",\n    },\n  },\n  defaultVariants: {\n    color: \"gray\",\n    position: \"left\"\n  },\n});\n\nexport const TextInput = forwardRef(function TextInput(props, ref) {\n  const { color, disabled, type, placeholder, id, icon, addon, position } = props;\n  if (icon) {\n    return (\n      <div className={props.className && props.className}>\n        <div className=\"relative\">\n          <div className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center ps-3.5\">\n            {icon}\n          </div>\n          <div className={disabled && \"cursor-not-allowed opacity-50\"}>\n            <input\n              {...iconProps({ color })}\n              type={type ? type : \"text\"}\n              id={id}\n              ref={props.ref}\n              placeholder={placeholder || \"Enter your text here...\"}\n              name={props.name}\n              onChange={props.onChange}\n              value={props.value}\n              />\n          </div>\n        </div>\n      </div>\n    );\n  } else if (addon) {\n    return (\n      <div className={props.className && props.className}>\n        <div className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}>\n        {position == \"left\" &&\n          (<span className=\"rounded-e-0 inline-flex items-center rounded-s-md border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n            {addon}\n          </span>)\n        }\n          <input\n            {...addonProps({ color })}\n            type={type ? type : \"text\"}\n            id={id}\n            ref={props.ref}\n            placeholder={placeholder || \"Enter your text here...\"}\n            name={props.name}\n            onChange={props.onChange}\n            value={props.value}\n            />\n          {position == \"right\" && \n          (<span className=\"rounded-e-0 inline-flex items-center rounded-r-md border border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400\">\n            {addon}\n          </span>)\n        }\n        </div>\n      </div>\n    );\n  } else {\n    return (\n      <div className={props.className && props.className}>\n        <div\n          className={\n            disabled ? \"relative cursor-not-allowed opacity-50\" : \"relative\"\n          }\n          >\n          <input\n            type={type ? type : \"text\"}\n            id={id}\n            ref={props.ref}\n            placeholder={placeholder || \"Enter your text here...\"}\n            name={props.name}\n            onChange={props.onChange}\n            value={props.value}\n            {...textInputProps({ color })}\n            />\n        </div>\n      </div>\n    );\n  }\n});\n\nTextInput.propTypes = {\n  /** Unique id for the TextInput Component */\n  id: PropTypes.string.isRequired,\n  /** Optional placeholder text for TextInput Component */\n  placeholder: PropTypes.string,\n  /** Optional color defaults to gray. Failure and Success options available*/\n  color: PropTypes.oneOf([\"gray\", \"failure\", \"success\"]),\n  /** Optional icon TextInput Component */\n  icon: PropTypes.element,\n  /** Optional addon TextInput Component */\n  addon: PropTypes.element,\n  /** Optional to disable component */\n  disabled: PropTypes.bool,\n  /** Optional for position of Addon */\n  position: PropTypes.oneOf([\"left\", \"right\"]),\n};\n\nTextInput.displayName = \"TextInput\";\n"]}