ekm-ui 0.3.78 → 0.3.81

package/dist/{chunk-ECOC3JRK.mjs → chunk-P4BV63ZR.js}

@@ -5,4 +5,4 @@ function n({children:e,title:a,text:s,border:o,className:i}){return jsxs("div",{
 
 export { n as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ECOC3JRK.mjs.map
+//# sourceMappingURL=chunk-P4BV63ZR.js.map

package/dist/chunk-P5IM3T4M.js

@@ -0,0 +1,11 @@
+import { a as a$1 } from './chunk-TJMI4DH2.js';
+import { a } from './chunk-6LHL364H.js';
+import { e, b, a as a$2 } from './chunk-Z4LPO673.js';
+import { variantProps } from 'classname-variants/react';
+import { jsx } from 'react/jsx-runtime';
+
+var r=e(a(),1);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 t({color:d="gray",size:p="xs",className:b$1,children:n}){return jsx("div",{className:a$1("flex p-4",b$1),children:jsx("span",b(a$2({},i({color:d,size:p})),{children:n}))})}t.propTypes={color:r.default.string,size:r.default.oneOf(["xs","sm"]),className:r.default.string};t.displayName="Badge";
+
+export { t as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-P5IM3T4M.js.map

package/dist/{chunk-EH3ZVEVT.mjs.map → chunk-P5IM3T4M.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/badge.tsx"],"names":["import_prop_types","variantProps","jsx","badgeProps","Badge","color","size","className","children","twMerge","__spreadProps","__spreadValues","PropTypes"],"mappings":"oIAEA,IAAAA,EAAsB,OADtB,OAAS,gBAAAC,MAAoB,2BA4CvB,cAAAC,MAAA,oBAxCN,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,EAAM,CAAE,MAAAC,EAAQ,OAAQ,KAAAC,EAAO,KAAM,UAAAC,EAAW,SAAAC,CAAS,EAAG,CAC1E,OACEN,EAAC,OAAI,UAAWO,EAAQ,WAAYF,CAAS,EAC3C,SAAAL,EAAC,OAAAQ,EAAAC,EAAA,GAASR,EAAW,CAAE,MAAAE,EAAO,KAAAC,CAAK,CAAC,GAAnC,CAAuC,SAAAE,GAAS,EACnD,CAEJ,CAEAJ,EAAM,UAAY,CAEhB,MAAO,EAAAQ,QAAU,OAEjB,KAAM,EAAAA,QAAU,MAAM,CAAC,KAAM,IAAI,CAAC,EAElC,UAAW,EAAAA,QAAU,MACvB,EAEAR,EAAM,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { twMerge } from \"tailwind-merge\";\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({ color = \"gray\", size = \"xs\", className, children }) {\n  return (\n    <div className={twMerge(\"flex p-4\", className)}>\n      <span {...badgeProps({ color, size })}>{children}</span>\n    </div>\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  /** Additional classes */\n  className: PropTypes.string,\n};\n\nBadge.displayName = \"Badge\";\n"]}
+{"version":3,"sources":["../src/badge.tsx"],"names":["import_prop_types","variantProps","jsx","badgeProps","Badge","color","size","className","children","twMerge","__spreadProps","__spreadValues","PropTypes"],"mappings":"iIAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BA4CvB,cAAAC,MAAA,oBAxCN,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,EAAM,CAAE,MAAAC,EAAQ,OAAQ,KAAAC,EAAO,KAAM,UAAAC,EAAW,SAAAC,CAAS,EAAG,CAC1E,OACEN,EAAC,OAAI,UAAWO,EAAQ,WAAYF,CAAS,EAC3C,SAAAL,EAAC,OAAAQ,EAAAC,EAAA,GAASR,EAAW,CAAE,MAAAE,EAAO,KAAAC,CAAK,CAAC,GAAnC,CAAuC,SAAAE,GAAS,EACnD,CAEJ,CAEAJ,EAAM,UAAY,CAEhB,MAAO,EAAAQ,QAAU,OAEjB,KAAM,EAAAA,QAAU,MAAM,CAAC,KAAM,IAAI,CAAC,EAElC,UAAW,EAAAA,QAAU,MACvB,EAEAR,EAAM,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { twMerge } from \"tailwind-merge\";\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({ color = \"gray\", size = \"xs\", className, children }) {\n  return (\n    <div className={twMerge(\"flex p-4\", className)}>\n      <span {...badgeProps({ color, size })}>{children}</span>\n    </div>\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  /** Additional classes */\n  className: PropTypes.string,\n};\n\nBadge.displayName = \"Badge\";\n"]}

package/dist/chunk-QCHLLBHM.js

@@ -0,0 +1,11 @@
+import { a } from './chunk-6LHL364H.js';
+import { e as e$1, a as a$1, b } from './chunk-Z4LPO673.js';
+import { variantProps } from 'classname-variants/react';
+import { forwardRef } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var e=e$1(a(),1);var u=variantProps({base:"block p-2.5 w-full text-sm rounded-lg border ",variants:{color:{failure:"text-red-700 bg-red-50 border-red-500 focus:ring-red-500 focus:border-red-500 dark:bg-red-700 dark:border-red-600 dark:placeholder-red-700 dark:text-red-900 dark:focus:ring-red-500 dark:focus: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"}}),t=forwardRef(function(r,l){return jsxs(Fragment,{children:[r.label&&jsx("label",{htmlFor:r.id,className:"mb-2 block text-sm font-medium text-gray-900 dark:text-white",children:r.label}),jsx("textarea",a$1(b(a$1({ref:l,id:r.id,rows:r.rows||3},u(r)),{placeholder:r.placeholder||"Enter your text here..."}),r))]})});t.propTypes={id:e.default.string.isRequired,label:e.default.string,placeholder:e.default.string,rows:e.default.number,color:e.default.oneOf(["gray","failure"])};t.displayName="TextArea";
+
+export { t as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-QCHLLBHM.js.map

package/dist/{chunk-HOCKBMTF.mjs.map → chunk-QCHLLBHM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/textarea.tsx"],"names":["import_prop_types","variantProps","forwardRef","Fragment","jsx","jsxs","fieldProps","TextArea","props","ref","__spreadValues","__spreadProps","PropTypes"],"mappings":"2FAEA,IAAAA,EAAsB,OADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,QAkBvB,mBAAAC,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAhBJ,IAAMC,EAAaL,EAAa,CAC9B,KAAM,gDACN,SAAU,CACR,MAAO,CACL,QACE,iNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEYM,EAAWL,EAAW,SAAkBM,EAAOC,EAAK,CAC/D,OACEJ,EAAAF,EAAA,CACG,UAAAK,EAAM,OACLJ,EAAC,SACC,QAASI,EAAM,GACf,UAAU,+DAET,SAAAA,EAAM,MACT,EAEFJ,EAAC,WAAAM,EAAAC,EAAAD,EAAA,CACC,IAAKD,EACL,GAAID,EAAM,GACV,KAAMA,EAAM,MAAQ,GAChBF,EAAWE,CAAK,GAJrB,CAKC,YAAaA,EAAM,aAAe,4BAC9BA,EACL,GACH,CAEJ,CAAC,EAEDD,EAAS,UAAY,CAEnB,GAAI,EAAAK,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,YAAa,EAAAA,QAAU,OAEvB,KAAM,EAAAA,QAAU,OAEhB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,SAAS,CAAC,CAC5C,EAEAL,EAAS,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nconst fieldProps = variantProps({\n  base: \"block p-2.5 w-full text-sm rounded-lg border \",\n  variants: {\n    color: {\n      failure:\n        \"text-red-700 bg-red-50 border-red-500 focus:ring-red-500 focus:border-red-500 dark:bg-red-700 dark:border-red-600 dark:placeholder-red-700 dark:text-red-900 dark:focus:ring-red-500 dark:focus: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\nexport const TextArea = forwardRef(function TextArea(props, ref) {\n  return (\n    <>\n      {props.label && (\n        <label\n          htmlFor={props.id}\n          className=\"mb-2 block text-sm font-medium text-gray-900 dark:text-white\"\n        >\n          {props.label}\n        </label>\n      )}\n      <textarea\n        ref={ref}\n        id={props.id}\n        rows={props.rows || 3}\n        {...fieldProps(props)}\n        placeholder={props.placeholder || \"Enter your text here...\"}\n        {...props}\n      ></textarea>\n    </>\n  );\n});\n\nTextArea.propTypes = {\n  /** Unique id for the TextArea Component */\n  id: PropTypes.string.isRequired,\n  /** Optional Label to acompany TextArea Component */\n  label: PropTypes.string,\n  /** Optional placeholder text for TextArea Component */\n  placeholder: PropTypes.string,\n  /** Optional number of rows for the TextArea, this defaults to 3 rows if none provided */\n  rows: PropTypes.number,\n  /** Optional color defaults to gray and shpuld be set to failure if it fails validation*/\n  color: PropTypes.oneOf([\"gray\", \"failure\"]),\n};\n\nTextArea.displayName = \"TextArea\";\n"]}
+{"version":3,"sources":["../src/textarea.tsx"],"names":["import_prop_types","variantProps","forwardRef","Fragment","jsx","jsxs","fieldProps","TextArea","props","ref","__spreadValues","__spreadProps","PropTypes"],"mappings":"yFAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,QAkBvB,mBAAAC,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAhBJ,IAAMC,EAAaL,EAAa,CAC9B,KAAM,gDACN,SAAU,CACR,MAAO,CACL,QACE,iNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEYM,EAAWL,EAAW,SAAkBM,EAAOC,EAAK,CAC/D,OACEJ,EAAAF,EAAA,CACG,UAAAK,EAAM,OACLJ,EAAC,SACC,QAASI,EAAM,GACf,UAAU,+DAET,SAAAA,EAAM,MACT,EAEFJ,EAAC,WAAAM,EAAAC,EAAAD,EAAA,CACC,IAAKD,EACL,GAAID,EAAM,GACV,KAAMA,EAAM,MAAQ,GAChBF,EAAWE,CAAK,GAJrB,CAKC,YAAaA,EAAM,aAAe,4BAC9BA,EACL,GACH,CAEJ,CAAC,EAEDD,EAAS,UAAY,CAEnB,GAAI,EAAAK,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,YAAa,EAAAA,QAAU,OAEvB,KAAM,EAAAA,QAAU,OAEhB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,SAAS,CAAC,CAC5C,EAEAL,EAAS,YAAc","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nconst fieldProps = variantProps({\n  base: \"block p-2.5 w-full text-sm rounded-lg border \",\n  variants: {\n    color: {\n      failure:\n        \"text-red-700 bg-red-50 border-red-500 focus:ring-red-500 focus:border-red-500 dark:bg-red-700 dark:border-red-600 dark:placeholder-red-700 dark:text-red-900 dark:focus:ring-red-500 dark:focus: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\nexport const TextArea = forwardRef(function TextArea(props, ref) {\n  return (\n    <>\n      {props.label && (\n        <label\n          htmlFor={props.id}\n          className=\"mb-2 block text-sm font-medium text-gray-900 dark:text-white\"\n        >\n          {props.label}\n        </label>\n      )}\n      <textarea\n        ref={ref}\n        id={props.id}\n        rows={props.rows || 3}\n        {...fieldProps(props)}\n        placeholder={props.placeholder || \"Enter your text here...\"}\n        {...props}\n      ></textarea>\n    </>\n  );\n});\n\nTextArea.propTypes = {\n  /** Unique id for the TextArea Component */\n  id: PropTypes.string.isRequired,\n  /** Optional Label to acompany TextArea Component */\n  label: PropTypes.string,\n  /** Optional placeholder text for TextArea Component */\n  placeholder: PropTypes.string,\n  /** Optional number of rows for the TextArea, this defaults to 3 rows if none provided */\n  rows: PropTypes.number,\n  /** Optional color defaults to gray and shpuld be set to failure if it fails validation*/\n  color: PropTypes.oneOf([\"gray\", \"failure\"]),\n};\n\nTextArea.displayName = \"TextArea\";\n"]}

package/dist/{chunk-3TAXDPV6.mjs → chunk-QKHEEDZ4.js}

@@ -4,4 +4,4 @@ function i(){return jsx("div",{role:"status",children:jsxs("svg",{"aria-hidden":
 
 export { i as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-3TAXDPV6.mjs.map
+//# sourceMappingURL=chunk-QKHEEDZ4.js.map

package/dist/chunk-QMOPWIA3.js

@@ -0,0 +1,12 @@
+import { a } from './chunk-6LHL364H.js';
+import { e, b, a as a$1 } from './chunk-Z4LPO673.js';
+import { variantProps } from 'classname-variants/react';
+import { createContext, useState, useEffect, useContext } from 'react';
+import { BiChevronDown } from 'react-icons/bi';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var r=e(a(),1);var y=createContext(),S=variantProps({base:"focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium text-sm py-2.5 text-center inline-flex items-center dark:text-white w-full md:w-auto",variants:{color:{blue:"text-white bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 focus:ring-blue-300",gray:"text-white bg-gray-400 hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-gray-700 focus:ring-gray-300",lightGray:"text-slate-700 bg-white focus:ring-slate-300 border border-gray-300 dark:bg-gray-700 dark:border-gray-600 focus:ring-blue-300",green:"text-white bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700 focus:ring-green-300",red:"text-white bg-red-700 hover:bg-red-800 dark:bg-red-600 dark:hover:bg-red-700 focus:ring-red-300",yellow:"text-white bg-yellow-700 hover:bg-yellow-800 dark:bg-yellow-600 dark:hover:bg-yellow-700 focus:ring-yellow-300"},size:{sm:"px-5 py-1.5",md:"px-5 py-2.5",lg:"px-5 py-3.5",rsm:"px-2.5 py-2.5",rmd:"px-3.5 py-3.5",rlg:"px-4.5 py-4.5"},type:{rect:"rounded-lg",round:"rounded-full"},defaultVariants:{color:"blue",size:"md",type:"rect"}}});function t({id:e,label:a,type:n,color:p,size:w,children:h}){let[l,i]=useState(!1);useEffect(()=>{let d=s=>{s.target.id===e||s.target.id===`${e}-span`||s.target.id===`${e}-chevron`||i(!1);};return document.addEventListener("click",d),()=>{document.removeEventListener("click",d);}},[]);let f=()=>{i(d=>!d);};return jsx("div",{className:"relative",children:jsxs(y.Provider,{value:{showDropdown:l,setShowDropdown:i},children:[jsxs("button",b(a$1({id:e},S({color:p,size:w,type:n})),{"data-dropdown-toggle":`${e}-dropdown`,type:"button",onClick:()=>f(),children:[jsx("span",{id:`${e}-span`,className:"flex-auto",children:a}),n==="rect"&&jsx("span",{id:`${e}-chevron`,className:"items-right flex justify-end",children:jsx(BiChevronDown,{className:"pointer-events-none"})})]})),jsx("div",{id:`${l}${e}-dropdown`,className:`z-50 mt-2 absolute w-full md:w-44 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 ${l?"":"hidden"}`,children:jsx("ul",{className:"py-2 text-sm text-gray-700 dark:text-gray-200","aria-labelledby":"dropdownDefaultButton",children:h})})]})})}function m(){return jsx("li",{children:jsx("hr",{className:"my-2 h-px border-0 bg-gray-200 dark:bg-gray-700"})})}function g({callback:e,children:a}){let n=useContext(y);return jsx("li",{children:jsx("div",{className:"block cursor-pointer px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",onClick:()=>{n.setShowDropdown(!1),e();},children:a})})}t.Divider=m;t.Item=g;t.propTypes={id:r.default.string.isRequired,children:r.default.node.isRequired,type:r.default.oneOf(["rect","round"]),size:r.default.oneOf(["sm","md","lg","rsm","rmd","rlg"]),color:r.default.oneOf(["blue","gray","lightGray","green","red","yellow"]),label:r.default.oneOfType([r.default.string,r.default.node]).isRequired};t.defaultProps={type:"rect",size:"md",color:"blue",label:"Dropdown"};g.propTypes={callback:r.default.func.isRequired};t.displayName="Dropdown";m.displayName="Dropdown.Divider";g.displayName="Dropdown.Item";
+
+export { t as a, m as b, g as c };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-QMOPWIA3.js.map

package/dist/{chunk-R4A5DO7E.mjs.map → chunk-QMOPWIA3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/dropdown.tsx"],"names":["import_prop_types","variantProps","createContext","useContext","useEffect","useState","BiChevronDown","jsx","jsxs","DropdownContext","buttonProps","Dropdown","id","label","type","color","size","children","showDropdown","setShowDropdown","handleClickOutside","e","handleShowDropdown","prevState","__spreadProps","__spreadValues","DropdownDivider","DropdownItem","callback","context","PropTypes"],"mappings":"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","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { createContext, useContext, useEffect, useState } from \"react\";\nimport { BiChevronDown } from \"react-icons/bi\";\nconst DropdownContext = createContext();\n\n// BUTTON CLASSES\nconst buttonProps = variantProps({\n  base: 'focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium text-sm py-2.5 text-center inline-flex items-center dark:text-white w-full md:w-auto',\n  variants: {\n    color: {\n      blue: \"text-white bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 focus:ring-blue-300\",\n      gray: \"text-white bg-gray-400 hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-gray-700 focus:ring-gray-300\",\n      lightGray:\n        \"text-slate-700 bg-white focus:ring-slate-300 border border-gray-300 dark:bg-gray-700 dark:border-gray-600 focus:ring-blue-300\",\n      green:\n        \"text-white bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700 focus:ring-green-300\",\n      red: \"text-white bg-red-700 hover:bg-red-800 dark:bg-red-600 dark:hover:bg-red-700 focus:ring-red-300\",\n      yellow:\n        \"text-white bg-yellow-700 hover:bg-yellow-800 dark:bg-yellow-600 dark:hover:bg-yellow-700 focus:ring-yellow-300\",\n    },\n    size: {\n      sm: \"px-5 py-1.5\",\n      md: \"px-5 py-2.5\",\n      lg: \"px-5 py-3.5\",\n      // WORKAROUND: Compound variants don't work with classname-variants/react (revisit later)\n      rsm: \"px-2.5 py-2.5\",\n      rmd: \"px-3.5 py-3.5\",\n      rlg: \"px-4.5 py-4.5\",\n    },\n    type: {\n      rect: \"rounded-lg\",\n      round: \"rounded-full\",\n    },\n    defaultVariants: {\n      color: \"blue\",\n      size: \"md\",\n      type: \"rect\",\n    },\n  },\n});\n\nexport function Dropdown({ id, label, type, color, size, children }) {\n  const [showDropdown, setShowDropdown] = useState(false)\n  \n  useEffect(() => {\n    \n    const handleClickOutside = (e) => {\n      if (e.target.id === id || e.target.id === `${id}-span` || e.target.id === `${id}-chevron`) return\n      setShowDropdown(false)\n    }\n\n    document.addEventListener(\"click\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside);\n    };\n  }, []);\n\n  const handleShowDropdown = () => {\n    setShowDropdown(prevState => !prevState)\n  }\n\n\n  return (\n    <div className=\"relative\">\n      <DropdownContext.Provider value={{ showDropdown, setShowDropdown }}>\n        <button id={id} \n          {...buttonProps({ color, size, type })} \n          data-dropdown-toggle={`${id}-dropdown`} \n          type=\"button\"\n          onClick={() => handleShowDropdown(true)}\n        >\n          <span id={`${id}-span`}className='flex-auto' >{label}</span>\n          {type === 'rect' && <span id={`${id}-chevron`} className='items-right flex justify-end'><BiChevronDown className=\"pointer-events-none\" /></span>}\n        </button>\n        <div\n          id={`${showDropdown}${id}-dropdown`}\n          className={\n            `z-50 mt-2 absolute w-full md:w-44 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 ${\n              showDropdown ? '' : 'hidden'\n            }`}\n        >\n          <ul\n            className=\"py-2 text-sm text-gray-700 dark:text-gray-200\"\n            aria-labelledby=\"dropdownDefaultButton\"\n          >\n            {children}\n          </ul>\n        </div>\n      </DropdownContext.Provider>\n    </div>\n  );\n}\n\nexport function DropdownDivider() {\n  return (\n    <li>\n      <hr className=\"my-2 h-px border-0 bg-gray-200 dark:bg-gray-700\" />\n    </li>\n  );\n}\n\nexport function DropdownItem({ callback, children }) {\n  const context = useContext(DropdownContext);\n\n  const handleSelection = () => {\n    context.setShowDropdown(false);\n    callback();\n  };\n  return (\n    <li>\n      <div\n        className=\"block cursor-pointer px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white\"\n        onClick={handleSelection}\n      >\n        {children}\n      </div>\n    </li>\n  );\n}\n\nDropdown.Divider = DropdownDivider;\nDropdown.Item = DropdownItem;\n\nDropdown.propTypes = {\n  /** Unique id for the dropdown */\n  id: PropTypes.string.isRequired,\n  /** Components to be rendered as Part of the Compound Component*/\n  children: PropTypes.node.isRequired,\n  /** Shape of the button rectangle or round */\n  type: PropTypes.oneOf([\"rect\", \"round\"]),\n  /** Size of the button sm,md,lg used for rectangle and rsm, rmd, rlg used for a round button */\n  size: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"rsm\", \"rmd\", \"rlg\"]),\n  /** Colour of the button based upon predefined values */\n  color: PropTypes.oneOf([\n    \"blue\",\n    \"gray\",\n    \"lightGray\",\n    \"green\",\n    \"red\",\n    \"yellow\",\n  ]),\n  /** Rectangle should have a text label eg:'Dropdown' and a round type should take an icon element eg:'...' */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\nDropdown.defaultProps = {\n  type: \"rect\",\n  size: \"md\",\n  color: \"blue\",\n  label: \"Dropdown\",\n};\nDropdownItem.propTypes = {\n  /** Returns value of the dropdown item selected*/\n  callback: PropTypes.func.isRequired,\n};\n\nDropdown.displayName = \"Dropdown\";\nDropdownDivider.displayName = \"Dropdown.Divider\";\nDropdownItem.displayName = \"Dropdown.Item\";\n"]}
+{"version":3,"sources":["../src/dropdown.tsx"],"names":["import_prop_types","variantProps","createContext","useContext","useEffect","useState","BiChevronDown","jsx","jsxs","DropdownContext","buttonProps","Dropdown","id","label","type","color","size","children","showDropdown","setShowDropdown","handleClickOutside","e","handleShowDropdown","prevState","__spreadProps","__spreadValues","DropdownDivider","DropdownItem","callback","context","PropTypes"],"mappings":"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","sourcesContent":["//@ts-nocheck\nimport { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { createContext, useContext, useEffect, useState } from \"react\";\nimport { BiChevronDown } from \"react-icons/bi\";\nconst DropdownContext = createContext();\n\n// BUTTON CLASSES\nconst buttonProps = variantProps({\n  base: 'focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium text-sm py-2.5 text-center inline-flex items-center dark:text-white w-full md:w-auto',\n  variants: {\n    color: {\n      blue: \"text-white bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 focus:ring-blue-300\",\n      gray: \"text-white bg-gray-400 hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-gray-700 focus:ring-gray-300\",\n      lightGray:\n        \"text-slate-700 bg-white focus:ring-slate-300 border border-gray-300 dark:bg-gray-700 dark:border-gray-600 focus:ring-blue-300\",\n      green:\n        \"text-white bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700 focus:ring-green-300\",\n      red: \"text-white bg-red-700 hover:bg-red-800 dark:bg-red-600 dark:hover:bg-red-700 focus:ring-red-300\",\n      yellow:\n        \"text-white bg-yellow-700 hover:bg-yellow-800 dark:bg-yellow-600 dark:hover:bg-yellow-700 focus:ring-yellow-300\",\n    },\n    size: {\n      sm: \"px-5 py-1.5\",\n      md: \"px-5 py-2.5\",\n      lg: \"px-5 py-3.5\",\n      // WORKAROUND: Compound variants don't work with classname-variants/react (revisit later)\n      rsm: \"px-2.5 py-2.5\",\n      rmd: \"px-3.5 py-3.5\",\n      rlg: \"px-4.5 py-4.5\",\n    },\n    type: {\n      rect: \"rounded-lg\",\n      round: \"rounded-full\",\n    },\n    defaultVariants: {\n      color: \"blue\",\n      size: \"md\",\n      type: \"rect\",\n    },\n  },\n});\n\nexport function Dropdown({ id, label, type, color, size, children }) {\n  const [showDropdown, setShowDropdown] = useState(false)\n  \n  useEffect(() => {\n    \n    const handleClickOutside = (e) => {\n      if (e.target.id === id || e.target.id === `${id}-span` || e.target.id === `${id}-chevron`) return\n      setShowDropdown(false)\n    }\n\n    document.addEventListener(\"click\", handleClickOutside);\n\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside);\n    };\n  }, []);\n\n  const handleShowDropdown = () => {\n    setShowDropdown(prevState => !prevState)\n  }\n\n\n  return (\n    <div className=\"relative\">\n      <DropdownContext.Provider value={{ showDropdown, setShowDropdown }}>\n        <button id={id} \n          {...buttonProps({ color, size, type })} \n          data-dropdown-toggle={`${id}-dropdown`} \n          type=\"button\"\n          onClick={() => handleShowDropdown(true)}\n        >\n          <span id={`${id}-span`}className='flex-auto' >{label}</span>\n          {type === 'rect' && <span id={`${id}-chevron`} className='items-right flex justify-end'><BiChevronDown className=\"pointer-events-none\" /></span>}\n        </button>\n        <div\n          id={`${showDropdown}${id}-dropdown`}\n          className={\n            `z-50 mt-2 absolute w-full md:w-44 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 ${\n              showDropdown ? '' : 'hidden'\n            }`}\n        >\n          <ul\n            className=\"py-2 text-sm text-gray-700 dark:text-gray-200\"\n            aria-labelledby=\"dropdownDefaultButton\"\n          >\n            {children}\n          </ul>\n        </div>\n      </DropdownContext.Provider>\n    </div>\n  );\n}\n\nexport function DropdownDivider() {\n  return (\n    <li>\n      <hr className=\"my-2 h-px border-0 bg-gray-200 dark:bg-gray-700\" />\n    </li>\n  );\n}\n\nexport function DropdownItem({ callback, children }) {\n  const context = useContext(DropdownContext);\n\n  const handleSelection = () => {\n    context.setShowDropdown(false);\n    callback();\n  };\n  return (\n    <li>\n      <div\n        className=\"block cursor-pointer px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white\"\n        onClick={handleSelection}\n      >\n        {children}\n      </div>\n    </li>\n  );\n}\n\nDropdown.Divider = DropdownDivider;\nDropdown.Item = DropdownItem;\n\nDropdown.propTypes = {\n  /** Unique id for the dropdown */\n  id: PropTypes.string.isRequired,\n  /** Components to be rendered as Part of the Compound Component*/\n  children: PropTypes.node.isRequired,\n  /** Shape of the button rectangle or round */\n  type: PropTypes.oneOf([\"rect\", \"round\"]),\n  /** Size of the button sm,md,lg used for rectangle and rsm, rmd, rlg used for a round button */\n  size: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"rsm\", \"rmd\", \"rlg\"]),\n  /** Colour of the button based upon predefined values */\n  color: PropTypes.oneOf([\n    \"blue\",\n    \"gray\",\n    \"lightGray\",\n    \"green\",\n    \"red\",\n    \"yellow\",\n  ]),\n  /** Rectangle should have a text label eg:'Dropdown' and a round type should take an icon element eg:'...' */\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\nDropdown.defaultProps = {\n  type: \"rect\",\n  size: \"md\",\n  color: \"blue\",\n  label: \"Dropdown\",\n};\nDropdownItem.propTypes = {\n  /** Returns value of the dropdown item selected*/\n  callback: PropTypes.func.isRequired,\n};\n\nDropdown.displayName = \"Dropdown\";\nDropdownDivider.displayName = \"Dropdown.Divider\";\nDropdownItem.displayName = \"Dropdown.Item\";\n"]}

package/dist/{chunk-6UK5Y6KZ.mjs → chunk-QP53HWTU.js}

@@ -1,4 +1,4 @@
-import { a } from './chunk-UPAA75QA.mjs';
+import { a } from './chunk-4RKNVFVG.js';
 import i from 'clsx';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -6,4 +6,4 @@ function m({children:o,label:e,htmlFor:l,helperText:r,className:n,errorText:t}){
 
 export { m as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-6UK5Y6KZ.mjs.map
+//# sourceMappingURL=chunk-QP53HWTU.js.map

package/dist/{chunk-6UK5Y6KZ.mjs.map → chunk-QP53HWTU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/form-row.tsx"],"names":["clsx","jsx","jsxs","FormRow","children","label","htmlFor","helperText","className","errorText","Label"],"mappings":"yCAAA,OAAOA,MAAU,OAqBb,OACE,OAAAC,EADF,QAAAC,MAAA,oBATG,SAASC,EAAQ,CACtB,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,CACF,EAAU,CACR,OACEP,EAAC,OAAI,UAAWF,EAAK,yCAA0CQ,CAAS,EACtE,UAAAP,EAACS,EAAA,CAAM,QAASJ,EAAS,MAAOG,GAAa,UAC1C,SAAAJ,EACH,EACCD,EACAG,GAAc,CAACE,GACdR,EAAC,QAAK,UAAU,uDACb,SAAAM,EACH,EAEDE,GACCR,EAAC,QAAK,UAAU,qDACb,SAAAQ,EACH,GAEJ,CAEJ,CAEAN,EAAQ,YAAc","sourcesContent":["import clsx from \"clsx\";\nimport { Label } from \"./label\";\n\ntype Props = {\n  children: React.ReactNode;\n  label: string;\n  htmlFor: string;\n  helperText?: String;\n  className?: string;\n  errorText?: string;\n};\n\nexport function FormRow({\n  children,\n  label,\n  htmlFor,\n  helperText,\n  className,\n  errorText,\n}: Props) {\n  return (\n    <div className={clsx(\"grid grid-cols-1 content-start gap-y-2\", className)}>\n      <Label htmlFor={htmlFor} color={errorText && \"failure\"}>\n        {label}\n      </Label>\n      {children}\n      {helperText && !errorText && (\n        <span className=\"text-xs font-normal text-gray-500 dark:text-gray-400\">\n          {helperText}\n        </span>\n      )}\n      {errorText && (\n        <span className=\"text-xs font-normal text-red-500 dark:text-red-500\">\n          {errorText}\n        </span>\n      )}\n    </div>\n  );\n}\n\nFormRow.displayName = \"FormRow\";\n"]}
+{"version":3,"sources":["../src/form-row.tsx"],"names":["clsx","jsx","jsxs","FormRow","children","label","htmlFor","helperText","className","errorText","Label"],"mappings":"wCAAA,OAAOA,MAAU,OAqBb,OACE,OAAAC,EADF,QAAAC,MAAA,oBATG,SAASC,EAAQ,CACtB,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,CACF,EAAU,CACR,OACEP,EAAC,OAAI,UAAWF,EAAK,yCAA0CQ,CAAS,EACtE,UAAAP,EAACS,EAAA,CAAM,QAASJ,EAAS,MAAOG,GAAa,UAC1C,SAAAJ,EACH,EACCD,EACAG,GAAc,CAACE,GACdR,EAAC,QAAK,UAAU,uDACb,SAAAM,EACH,EAEDE,GACCR,EAAC,QAAK,UAAU,qDACb,SAAAQ,EACH,GAEJ,CAEJ,CAEAN,EAAQ,YAAc","sourcesContent":["import clsx from \"clsx\";\nimport { Label } from \"./label\";\n\ntype Props = {\n  children: React.ReactNode;\n  label: string;\n  htmlFor: string;\n  helperText?: String;\n  className?: string;\n  errorText?: string;\n};\n\nexport function FormRow({\n  children,\n  label,\n  htmlFor,\n  helperText,\n  className,\n  errorText,\n}: Props) {\n  return (\n    <div className={clsx(\"grid grid-cols-1 content-start gap-y-2\", className)}>\n      <Label htmlFor={htmlFor} color={errorText && \"failure\"}>\n        {label}\n      </Label>\n      {children}\n      {helperText && !errorText && (\n        <span className=\"text-xs font-normal text-gray-500 dark:text-gray-400\">\n          {helperText}\n        </span>\n      )}\n      {errorText && (\n        <span className=\"text-xs font-normal text-red-500 dark:text-red-500\">\n          {errorText}\n        </span>\n      )}\n    </div>\n  );\n}\n\nFormRow.displayName = \"FormRow\";\n"]}

package/dist/{chunk-LVJYP46A.mjs → chunk-RHBXFO7R.js}

@@ -6,4 +6,4 @@ function y(t,d=0){return [...Array(t).keys()].map(e=>e+d)}function k({pageSize:t
 
 export { k as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-LVJYP46A.mjs.map
+//# sourceMappingURL=chunk-RHBXFO7R.js.map

package/dist/{chunk-P7TACBB4.mjs → chunk-RTRHNOTP.js}

@@ -4,4 +4,4 @@ function a({featureTitle:s,featureDesc:t,featureIcon:i}){return jsxs("div",{clas
 
 export { a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-P7TACBB4.mjs.map
+//# sourceMappingURL=chunk-RTRHNOTP.js.map

package/dist/chunk-RUVOSKZO.js

@@ -0,0 +1,11 @@
+import { a as a$1 } from './chunk-6LHL364H.js';
+import { e, b, a as a$2 } from './chunk-Z4LPO673.js';
+import { variantProps } from 'classname-variants/react';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var a=e(a$1(),1);var p=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 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 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 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"}}),w=variantProps({base:"block p-2.5 w-full text-sm border min-w-0 flex-1 rounded-none",variants:{position:{left:"rounded-r-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 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,y){let{color:t,disabled:l,type:d,placeholder:n,id:g,icon:u,addon:s,position:c}=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$2({},v({color:t})),{type:d||"text",id:g,ref:y,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:[c=="left"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-l-lg 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({},w({color:t,position:c})),{type:d||"text",id:g,ref:e.ref,placeholder:n||"Enter your text here...",name:e.name,onChange:e.onChange,value:e.value})),c=="right"&&jsx("span",{className:"rounded-e-0 inline-flex items-center rounded-r-lg 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},p({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-RUVOSKZO.js.map

package/dist/{chunk-6F3XKP3G.mjs.map → chunk-RUVOSKZO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","variantProps","forwardRef","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"2FAEA,IAAAA,EAAsB,OADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,QA6DnB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3DR,IAAMC,EAAiBJ,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAYL,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKM,EAAaN,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYO,EAAYN,EAAW,SAAmBO,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EACpET,EACF,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACAb,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKL,EACL,YAAaI,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUG,EACV,SAAUH,EAAM,SAChB,MAAOA,EAAM,OACf,GACF,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OACC,UAAWQ,EAAW,qCAAuC,OAE5D,UAAAM,GAAY,QACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,EAEFd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,EAAO,SAAAO,CAAS,CAAC,GADnC,CAEC,KAAML,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACf,EACCS,GAAY,SACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,GAEJ,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,EAC9B,EACF,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 { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\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 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 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-r-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 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 } =\n    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={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\n          className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}\n        >\n          {position == \"left\" && (\n            <span className=\"rounded-e-0 inline-flex items-center rounded-l-lg 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, position })}\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-lg 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"]}
+{"version":3,"sources":["../src/textinput.tsx"],"names":["import_prop_types","variantProps","forwardRef","jsx","jsxs","textInputProps","iconProps","addonProps","TextInput","props","ref","color","disabled","type","placeholder","id","icon","addon","position","__spreadProps","__spreadValues","PropTypes"],"mappings":"yFAEA,IAAAA,EAAsB,SADtB,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,QA6DnB,OACE,OAAAC,EADF,QAAAC,MAAA,oBA3DR,IAAMC,EAAiBJ,EAAa,CAClC,KAAM,uDACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKK,EAAYL,EAAa,CAC7B,KAAM,6DACN,SAAU,CACR,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEKM,EAAaN,EAAa,CAC9B,KAAM,gEACN,SAAU,CACR,SAAU,CACR,KAAM,eACN,MAAO,cACT,EACA,MAAO,CACL,QACE,wOACF,QACE,sNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,OACP,SAAU,MACZ,CACF,CAAC,EAEYO,EAAYN,EAAW,SAAmBO,EAAOC,EAAK,CACjE,GAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,YAAAC,EAAa,GAAAC,EAAI,KAAAC,EAAM,MAAAC,EAAO,SAAAC,CAAS,EACpET,EACF,OAAIO,EAEAb,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAU,0EACZ,SAAAa,EACH,EACAb,EAAC,QAAAgB,EAAAC,EAAA,GACKd,EAAU,CAAE,MAAAK,CAAM,CAAC,GADxB,CAEC,KAAME,GAAc,OACpB,GAAIE,EACJ,IAAKL,EACL,YAAaI,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUG,EACV,SAAUH,EAAM,SAChB,MAAOA,EAAM,OACf,GACF,EACF,EAEOQ,EAEPd,EAAC,OAAI,UAAWM,EAAM,WAAaA,EAAM,UACvC,SAAAL,EAAC,OACC,UAAWQ,EAAW,qCAAuC,OAE5D,UAAAM,GAAY,QACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,EAEFd,EAAC,QAAAgB,EAAAC,EAAA,GACKb,EAAW,CAAE,MAAAI,EAAO,SAAAO,CAAS,CAAC,GADnC,CAEC,KAAML,GAAc,OACpB,GAAIE,EACJ,IAAKN,EAAM,IACX,YAAaK,GAAe,0BAC5B,KAAML,EAAM,KACZ,SAAUA,EAAM,SAChB,MAAOA,EAAM,OACf,EACCS,GAAY,SACXf,EAAC,QAAK,UAAU,2KACb,SAAAc,EACH,GAEJ,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,EAC9B,EACF,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 { variantProps } from \"classname-variants/react\";\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\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 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 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-r-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 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 } =\n    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={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\n          className={disabled ? \"flex cursor-not-allowed opacity-50\" : \"flex\"}\n        >\n          {position == \"left\" && (\n            <span className=\"rounded-e-0 inline-flex items-center rounded-l-lg 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, position })}\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-lg 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-ZT7KDTGF.mjs → chunk-SLIZ4TDR.js}

@@ -5,4 +5,4 @@ function a({className:t}){return jsxs("svg",{className:i("h-6 w-6",t),viewBox:"0
 
 export { a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ZT7KDTGF.mjs.map
+//# sourceMappingURL=chunk-SLIZ4TDR.js.map

package/dist/chunk-TBJGGVSZ.js

@@ -0,0 +1,10 @@
+import { a } from './chunk-6LHL364H.js';
+import { e as e$1, a as a$1 } from './chunk-Z4LPO673.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var r=e$1(a(),1);var e=forwardRef(function(o,a){return jsx("input",a$1({id:o.id,ref:a,type:"radio",className:`h-4 w-4 rounded-full border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-blue-600 ${o.disabled&&"opacity-50"}`},o))});e.propTypes={id:r.default.string.isRequired,checked:r.default.bool,disabled:r.default.bool,onChange:r.default.func};e.displayName="Radio";
+
+export { e as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-TBJGGVSZ.js.map

package/dist/{chunk-QFECX4D6.mjs.map → chunk-TBJGGVSZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/radio.tsx"],"names":["import_prop_types","forwardRef","jsx","Radio","props","ref","__spreadValues","PropTypes"],"mappings":"yFACA,IAAAA,EAAsB,OACtB,OAAS,cAAAC,MAAkB,QAIvB,cAAAC,MAAA,oBAFG,IAAMC,EAAQF,EAAW,SAAeG,EAAOC,EAAK,CACzD,OACEH,EAAC,QAAAI,EAAA,CACC,GAAIF,EAAM,GACV,IAAKC,EACL,KAAK,QACL,UAAW,4LACTD,EAAM,UAAY,gBAEhBA,EACN,CAEJ,CAAC,EAEDD,EAAM,UAAY,CAEhB,GAAI,EAAAI,QAAU,OAAO,WAErB,QAAS,EAAAA,QAAU,KAEnB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,IACtB,EAEAJ,EAAM,YAAc","sourcesContent":["//@ts-nocheck\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nexport const Radio = forwardRef(function Radio(props, ref) {\n  return (\n    <input\n      id={props.id}\n      ref={ref}\n      type=\"radio\"\n      className={`h-4 w-4 rounded-full border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-blue-600 ${\n        props.disabled && \"opacity-50\"\n      }`}\n      {...props}\n    />\n  );\n});\n\nRadio.propTypes = {\n  /** Id for Radio */\n  id: PropTypes.string.isRequired,\n  /** Bool to determine if radio has been checked */\n  checked: PropTypes.bool,\n  /** Bool to disable radio */\n  disabled: PropTypes.bool,\n  /** function to handle checked value */\n  onChange: PropTypes.func,\n};\n\nRadio.displayName = \"Radio\";\n"]}
+{"version":3,"sources":["../src/radio.tsx"],"names":["import_prop_types","forwardRef","jsx","Radio","props","ref","__spreadValues","PropTypes"],"mappings":"uFACA,IAAAA,EAAsB,SACtB,OAAS,cAAAC,MAAkB,QAIvB,cAAAC,MAAA,oBAFG,IAAMC,EAAQF,EAAW,SAAeG,EAAOC,EAAK,CACzD,OACEH,EAAC,QAAAI,EAAA,CACC,GAAIF,EAAM,GACV,IAAKC,EACL,KAAK,QACL,UAAW,4LACTD,EAAM,UAAY,gBAEhBA,EACN,CAEJ,CAAC,EAEDD,EAAM,UAAY,CAEhB,GAAI,EAAAI,QAAU,OAAO,WAErB,QAAS,EAAAA,QAAU,KAEnB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,IACtB,EAEAJ,EAAM,YAAc","sourcesContent":["//@ts-nocheck\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nexport const Radio = forwardRef(function Radio(props, ref) {\n  return (\n    <input\n      id={props.id}\n      ref={ref}\n      type=\"radio\"\n      className={`h-4 w-4 rounded-full border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-blue-600 ${\n        props.disabled && \"opacity-50\"\n      }`}\n      {...props}\n    />\n  );\n});\n\nRadio.propTypes = {\n  /** Id for Radio */\n  id: PropTypes.string.isRequired,\n  /** Bool to determine if radio has been checked */\n  checked: PropTypes.bool,\n  /** Bool to disable radio */\n  disabled: PropTypes.bool,\n  /** function to handle checked value */\n  onChange: PropTypes.func,\n};\n\nRadio.displayName = \"Radio\";\n"]}

package/dist/chunk-TBZ5YABX.js

@@ -0,0 +1,10 @@
+import { a } from './chunk-6LHL364H.js';
+import { e as e$1, b, a as a$1 } from './chunk-Z4LPO673.js';
+import { forwardRef } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var e=e$1(a(),1);var i=forwardRef(function(r,s){return jsxs(Fragment,{children:[r.label&&jsx("label",{htmlFor:`${r.id}-select`,className:"mb-2 block text-sm font-medium text-gray-900 dark:text-white",children:r.label}),jsx("select",b(a$1({id:`${r.id}-select`,ref:s,className:"block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"},r),{children:(r.options||[]).map(l=>jsx("option",{value:l.value,disabled:l.disabled,selected:l.selected,hidden:l.hidden,children:l.display},`${r.id}-${l.value}`))}))]})});i.propTypes={id:e.default.string.isRequired,label:e.default.string,defaultValue:e.default.oneOfType([e.default.string,e.default.number]),options:e.default.arrayOf(e.default.shape({value:e.default.oneOfType([e.default.string,e.default.number]).isRequired,display:e.default.string.isRequired})).isRequired,onChange:e.default.func.isRequired};i.displayName="Select";
+
+export { i as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-TBZ5YABX.js.map

package/dist/{chunk-G5A3E5IG.mjs.map → chunk-TBZ5YABX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/select.tsx"],"names":["import_prop_types","forwardRef","Fragment","jsx","jsxs","Select","props","ref","__spreadProps","__spreadValues","o","PropTypes"],"mappings":"gGACA,IAAAA,EAAsB,OACtB,OAAS,cAAAC,MAAkB,QAIvB,mBAAAC,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAFG,IAAMC,EAASJ,EAAW,SAAgBK,EAAOC,EAAK,CAC3D,OACEH,EAAAF,EAAA,CACG,UAAAI,EAAM,OACLH,EAAC,SACC,QAAS,GAAGG,EAAM,YAClB,UAAU,+DAET,SAAAA,EAAM,MACT,EAEFH,EAAC,SAAAK,EAAAC,EAAA,CACC,GAAI,GAAGH,EAAM,YACb,IAAKC,EACL,UAAU,uQACND,GAJL,CAMG,UAAAA,EAAM,SAAW,CAAC,GAAG,IAAKI,GAExBP,EAAC,UAEC,MAAOO,EAAE,MACT,SAAUA,EAAE,SACZ,SAAUA,EAAE,SACZ,OAAQA,EAAE,OAET,SAAAA,EAAE,SANE,GAAGJ,EAAM,MAAMI,EAAE,OAOxB,CAEH,GACH,GACF,CAEJ,CAAC,EAEDL,EAAO,UAAY,CAEjB,GAAI,EAAAM,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,aAAc,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,OAAQ,EAAAA,QAAU,MAAM,CAAC,EAEtE,QAAS,EAAAA,QAAU,QACjB,EAAAA,QAAU,MAAM,CACd,MAAO,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,OAAQ,EAAAA,QAAU,MAAM,CAAC,EAC5D,WACH,QAAS,EAAAA,QAAU,OAAO,UAC5B,CAAC,CACH,EAAE,WAEF,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAN,EAAO,YAAc","sourcesContent":["//@ts-nocheck\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nexport const Select = forwardRef(function Select(props, ref) {\n  return (\n    <>\n      {props.label && (\n        <label\n          htmlFor={`${props.id}-select`}\n          className=\"mb-2 block text-sm font-medium text-gray-900 dark:text-white\"\n        >\n          {props.label}\n        </label>\n      )}\n      <select\n        id={`${props.id}-select`}\n        ref={ref}\n        className=\"block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500\"\n        {...props}\n      >\n        {(props.options || []).map((o) => {\n          return (\n            <option\n              key={`${props.id}-${o.value}`}\n              value={o.value}\n              disabled={o.disabled}\n              selected={o.selected}\n              hidden={o.hidden}\n            >\n              {o.display}\n            </option>\n          );\n        })}\n      </select>\n    </>\n  );\n});\n\nSelect.propTypes = {\n  /** Unique id for the dropdown */\n  id: PropTypes.string.isRequired,\n  /** Optional label for the dropdown */\n  label: PropTypes.string,\n  /** Optional inital selected value must match the value of an element of an object in the options array. (defaults to first value in the list)*/\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Array of objects with value and display properties */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired,\n      display: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n  /** Callback function when the dropdown value changes */\n  onChange: PropTypes.func.isRequired,\n};\n\nSelect.displayName = \"Select\";\n"]}
+{"version":3,"sources":["../src/select.tsx"],"names":["import_prop_types","forwardRef","Fragment","jsx","jsxs","Select","props","ref","__spreadProps","__spreadValues","o","PropTypes"],"mappings":"8FACA,IAAAA,EAAsB,SACtB,OAAS,cAAAC,MAAkB,QAIvB,mBAAAC,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAFG,IAAMC,EAASJ,EAAW,SAAgBK,EAAOC,EAAK,CAC3D,OACEH,EAAAF,EAAA,CACG,UAAAI,EAAM,OACLH,EAAC,SACC,QAAS,GAAGG,EAAM,YAClB,UAAU,+DAET,SAAAA,EAAM,MACT,EAEFH,EAAC,SAAAK,EAAAC,EAAA,CACC,GAAI,GAAGH,EAAM,YACb,IAAKC,EACL,UAAU,uQACND,GAJL,CAMG,UAAAA,EAAM,SAAW,CAAC,GAAG,IAAKI,GAExBP,EAAC,UAEC,MAAOO,EAAE,MACT,SAAUA,EAAE,SACZ,SAAUA,EAAE,SACZ,OAAQA,EAAE,OAET,SAAAA,EAAE,SANE,GAAGJ,EAAM,MAAMI,EAAE,OAOxB,CAEH,GACH,GACF,CAEJ,CAAC,EAEDL,EAAO,UAAY,CAEjB,GAAI,EAAAM,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,aAAc,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,OAAQ,EAAAA,QAAU,MAAM,CAAC,EAEtE,QAAS,EAAAA,QAAU,QACjB,EAAAA,QAAU,MAAM,CACd,MAAO,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,OAAQ,EAAAA,QAAU,MAAM,CAAC,EAC5D,WACH,QAAS,EAAAA,QAAU,OAAO,UAC5B,CAAC,CACH,EAAE,WAEF,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAN,EAAO,YAAc","sourcesContent":["//@ts-nocheck\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nexport const Select = forwardRef(function Select(props, ref) {\n  return (\n    <>\n      {props.label && (\n        <label\n          htmlFor={`${props.id}-select`}\n          className=\"mb-2 block text-sm font-medium text-gray-900 dark:text-white\"\n        >\n          {props.label}\n        </label>\n      )}\n      <select\n        id={`${props.id}-select`}\n        ref={ref}\n        className=\"block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500\"\n        {...props}\n      >\n        {(props.options || []).map((o) => {\n          return (\n            <option\n              key={`${props.id}-${o.value}`}\n              value={o.value}\n              disabled={o.disabled}\n              selected={o.selected}\n              hidden={o.hidden}\n            >\n              {o.display}\n            </option>\n          );\n        })}\n      </select>\n    </>\n  );\n});\n\nSelect.propTypes = {\n  /** Unique id for the dropdown */\n  id: PropTypes.string.isRequired,\n  /** Optional label for the dropdown */\n  label: PropTypes.string,\n  /** Optional inital selected value must match the value of an element of an object in the options array. (defaults to first value in the list)*/\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Array of objects with value and display properties */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired,\n      display: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n  /** Callback function when the dropdown value changes */\n  onChange: PropTypes.func.isRequired,\n};\n\nSelect.displayName = \"Select\";\n"]}

package/dist/chunk-TG24MK5N.js

@@ -0,0 +1,34 @@
+import { a as a$g } from './chunk-F5B2GEIL.js';
+import { a as a$4 } from './chunk-N7JQ6EAC.js';
+import { a as a$b, b as b$1 } from './chunk-HVNLAQA6.js';
+import { a as a$j } from './chunk-4E6CDLVE.js';
+import { a as a$c } from './chunk-XXP5K6Y4.js';
+import { a as a$7 } from './chunk-TBJGGVSZ.js';
+import { a as a$f } from './chunk-QKHEEDZ4.js';
+import { a as a$a } from './chunk-RUVOSKZO.js';
+import { a as a$d } from './chunk-4EVAA6B6.js';
+import { a as a$e } from './chunk-TKQKGJ3X.js';
+import { a as a$3 } from './chunk-LJMVG4UJ.js';
+import { a as a$6 } from './chunk-WSRPB5OU.js';
+import { a as a$9 } from './chunk-QP53HWTU.js';
+import { a as a$8 } from './chunk-4RKNVFVG.js';
+import { a as a$i } from './chunk-ELWZ674J.js';
+import { a as a$h } from './chunk-2OPJLYW6.js';
+import { a as a$5 } from './chunk-BLUJNMXF.js';
+import { a as a$1 } from './chunk-6LHL364H.js';
+import { e, b, a as a$2, f } from './chunk-Z4LPO673.js';
+import { Badge, Sidebar } from 'flowbite-react';
+import { HiCreditCard, HiClipboardList, HiOutlineSearch } from 'react-icons/hi';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { forwardRef, useRef, useReducer, useState, useEffect, useImperativeHandle, useMemo } from 'react';
+import { HiChartPie, HiTag, HiShoppingBag, HiPaintBrush, HiStar, HiDocument, HiRocketLaunch, HiGlobeAlt } from 'react-icons/hi2';
+import { BiSearch } from 'react-icons/bi';
+import { BsCloudUpload, BsFillCheckCircleFill, BsFillImageFill } from 'react-icons/bs';
+import { FaTimesCircle } from 'react-icons/fa';
+import Fr from 'pluralize';
+
+function je({cardPayment:e,enablePayPal:r}){return jsxs(a$6,{className:"border-0 shadow-sm	",children:[jsx("h3",{className:"text-xl font-semibold dark:text-white",children:"Billing Details"}),jsx("div",{className:"flex items-center justify-between  pb-4",children:jsxs("fieldset",{className:"flex w-full flex-col gap-4",id:"radio",children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[r&&jsx(a$7,{id:"creditDebitCard",name:"paymentType",value:"creditDebitCard"}),jsx(a$8,{htmlFor:"creditDebitCard",children:"Pay by Credit or Debit card"})]}),jsxs("div",{className:r?"ml-6 flex gap-2":"flex gap-2",children:[jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/visa.png",alt:"VISA Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/mastercard.png",alt:"MasterCard Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/maestro.png",alt:"Maestro Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/amex.png",alt:"AMEX Card Logo"})]})]}),e&&jsxs(Fragment,{children:[jsxs("div",{className:"grid grid-cols-1 content-start gap-6 md:grid-cols-2",children:[jsx(a$9,{label:"Name on Card *",htmlFor:"nameOnCard",helperText:"This is your name as is appears on the front of your credit or debit card.",children:jsx(a$a,{id:"nameOnCard",name:"nameOnCard",placeholder:"Your name",type:"text",required:!0})}),jsx(a$9,{label:"Card Number *",htmlFor:"cardNumber",helperText:"This is the long number on the front of your credit or debit card.",children:jsx(a$a,{id:"nameOnCard",name:"nameOnCard",placeholder:"0000 0000 0000 0000",type:"number",rightIcon:HiCreditCard,required:!0})})]}),jsxs("div",{className:"grid grid-cols-1 content-start gap-6 sm:grid-cols-3 md:grid-cols-4",children:[jsx(a$9,{label:"Expiry Date *",htmlFor:"nameOnCard",helperText:"The expiry date as it appears on your card.",children:jsx(a$a,{id:"nameOnCard",name:"nameOnCard",placeholder:"MM / YY",type:"text",required:!0})}),jsx(a$9,{label:"Security Code (CVC) *",htmlFor:"cardNumber",helperText:"The last three digits on the back of your card\u2019s signature strip.",children:jsx(a$a,{id:"nameOnCard",name:"nameOnCard",placeholder:"123",type:"text",rightIcon:HiCreditCard,required:!0})}),jsx("img",{className:"mt-7 hidden h-auto w-16 sm:block",src:"https://shared.ekmcdn.com/images/rise/cvc-reminder-image.png",alt:""})]})]}),r&&jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(a$7,{id:"PayPal",name:"paymentType",value:"PayPal"}),jsx(a$8,{htmlFor:"PayPal",children:"PayPal"})]}),jsx("div",{className:"ml-6",children:jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/paypal.png",alt:"PayPal Icon"})})]})]})})]})}je.displayName="CardPaymentBlock";function $e(){return jsxs(Sidebar.Items,{children:[jsxs(Sidebar.ItemGroup,{children:[jsx(Sidebar.Item,{href:"/",icon:HiChartPie,className:"bg-gray-100 dark:bg-gray-700",children:"Dashboard"}),jsx(Sidebar.Item,{href:"/products",icon:HiTag,className:"",children:"Products"}),jsx(Sidebar.Item,{href:"/orders",icon:HiShoppingBag,label:"27",className:"",children:"Orders"}),jsxs(Sidebar.Collapse,{icon:HiPaintBrush,label:"Design",children:[jsx(Sidebar.Item,{href:"/design/design",className:"",children:"Theme"}),jsx(Sidebar.Item,{href:"/design/editor",className:"",children:"Editor"}),jsx(Sidebar.Item,{href:"/theme/webpages",className:"",children:"Webpages"})]}),jsx(Sidebar.Item,{href:"/features",icon:HiStar,className:"",children:"Features"})]}),jsxs(Sidebar.ItemGroup,{children:[jsx(Sidebar.Item,{href:"https://github.com/themesberg/flowbite-react/",icon:HiDocument,children:"Docs"}),jsx(Sidebar.Item,{href:"https://flowbite-react.com/",icon:HiRocketLaunch,children:"What's New"}),jsx(Sidebar.Item,{href:"https://github.com/themesberg/flowbite-react/issues",icon:HiGlobeAlt,children:"Support Centre"})]})]})}function pr({children:e,hasHeader:r}){let[s,c]=useState(!1),[E,P]=useState(!1);return useMemo(()=>{a$b()&&!s&&P(!0);},[s]),jsxs(Fragment,{children:[jsx(a$c,{onMenuButtonClick:()=>{c(!s);},showCloseButton:E,avatarImg:"https://avatars.githubusercontent.com/u/49406022?v=4"}),jsxs("div",{className:"flex",children:[jsx(b$1,{collapsed:s,children:jsx($e,{})}),jsxs("div",{className:"flex w-3/4 flex-grow flex-col",children:[jsx("main",{className:`"relative dark:bg-gray-900" flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ${r?"":"p-4"}`,children:e}),jsx(a$d,{companyName:"EKM"})]})]})]})}var z=e(a$1(),1);var u=Object.freeze({NONE:"none",OVER:"drag-over",UPLOADING:"uploading",ERROR:"error",SUCCESS:"success"}),Sr=Object.freeze({[u.NONE]:"border-gray-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600",[u.OVER]:"border-blue-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-blue-600 dark:hover:border-blue-500 dark:hover:bg-blue-600",[u.UPLOADING]:"border-blue-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-blue-600 dark:hover:border-blue-500 dark:hover:bg-blue-600",[u.ERROR]:"border-red-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-red-600 dark:hover:border-red-500 dark:hover:bg-red-600",[u.SUCCESS]:"border-green-300 bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-green-600 dark:hover:border-green-500 dark:hover:bg-green-600"}),Er=["png","webp","jpg","gif","jpeg"];function Ze(e,r){let s=!r||r.length===0?Er:r;if(!e||e.length===0)return !1;let c=e.split(".").pop().toLowerCase();return s.includes(c)}function oe({subtitle:e="PNG, WEBP, JPG, JPEG or GIF",filetypes:r,uploaded:s,exitCallback:c,callback:E,errorCallback:P,pickerCallback:O}){let[d,m]=useState(u.NONE);useEffect(()=>{Object.values(u).includes(s)&&(m(s),setTimeout(()=>{s===u.ERROR&&P?P():m(u.NONE);},2e3));},[s]);let C=f=>{f.preventDefault(),m(u.OVER);},y=f=>{f.preventDefault(),c&&c(),m(u.NONE);},k=f=>{f.preventDefault(),Ze(f.dataTransfer.files[0].name,r)?(m(u.UPLOADING),E(f.dataTransfer.files[0])):(m(u.ERROR),setTimeout(()=>{P();},2e3));},Z=f=>{Ze(f.target.files[0].name,r)?m(u.UPLOADING):m(u.ERROR),E(f.target.files[0]);},h=()=>{O&&O();},T=()=>jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[jsx(BsCloudUpload,{className:"h-12 w-12 text-gray-400 dark:text-gray-500"}),jsxs("p",{className:"mb-2 mt-5 text-sm text-gray-500 dark:text-gray-400",children:[jsx("span",{className:"font-semibold",children:"Click to upload"})," or drag and drop"]}),jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:e}),O&&jsx("div",{className:"mt-5",children:jsxs(a$5,{color:"default",onClick:h,children:[jsx(BiSearch,{className:"mr-2"}),"Browse File Manager"]})})]}),N=()=>jsx("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:jsx("p",{className:"mb-2 mt-5 text-sm text-blue-500 dark:text-blue-400",children:jsx("span",{className:"font-semibold",children:"Drop here to upload"})})}),L=()=>jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[jsxs("svg",{"aria-hidden":"true",className:"mr-2 inline h-10 w-10 animate-spin text-gray-200 dark:text-gray-600",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),jsx("p",{className:"mb-2 mt-5 text-sm text-blue-500 dark:text-blue-400",children:jsx("span",{className:"font-semibold",children:"Uploading..."})})]}),b=()=>jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[jsx(FaTimesCircle,{className:"h-12 w-12 text-red-400 dark:text-red-500"}),jsx("p",{className:"mb-2 mt-5 text-sm text-red-500 dark:text-red-400",children:jsx("span",{className:"font-semibold",children:"Unable to upload"})})]}),q=()=>jsxs("div",{className:"flex flex-col items-center justify-center pb-6 pt-5",children:[jsx(BsFillCheckCircleFill,{className:"h-12 w-12 text-green-400 dark:text-green-500"}),jsx("p",{className:"mb-2 mt-5 text-sm text-green-500 dark:text-green-400",children:jsx("span",{className:"font-semibold",children:"Uploaded"})})]}),i=()=>{switch(d){case u.OVER:return N();case u.UPLOADING:return L();case u.ERROR:return b();case u.SUCCESS:return q();default:return T()}};return jsx("div",{onDragEnter:f=>f.preventDefault(),onDragOver:C,onDrop:k,onDragLeave:y,className:"flex h-full w-full items-center justify-center",children:jsxs("label",{htmlFor:"dropzone-file",className:`flex h-full w-full cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed ${Sr[d]}`,children:[i(),d===u.NONE&&jsx("input",{id:"dropzone-file",type:"file",className:"hidden",onChange:Z})]})})}oe.propTypes={filetypes:z.default.arrayOf(z.default.string),subtitle:z.default.string,uploaded:z.default.oneOf(["none","success","error"]).isRequired,exitCallback:z.default.func,errorCallback:z.default.func.isRequired,callback:z.default.func.isRequired,pickerCallback:z.default.func};oe.displayName="DragAndDrop";var X=e(a$1(),1);var Je="/admin/api/common/directoryinformation/",t=Object.freeze({EMPTY:"EMPTY",SEARCH_LOADING:"SEARCH-LOADING",LOADING:"LOADING",LOADED:"LOADED",LOADED_NO_DRAG:"LOADED_NO_DRAG",SEARCH_RESULTS:"SEARCH-RESULTS",SEARCH_EMPTY:"SEARCH-EMPTY",UPLOAD_ERROR:"ERROR",DRAGGING:"DRAGGING"}),Dr=Object.freeze({mode:t.LOADING,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-5/6",listBorder:"",searchDisabled:!1});function Rr(e,r){switch(r.type){case t.EMPTY:return {mode:t.EMPTY,actionBtnTxt:"Add Image",actionBtnColor:"default",listSize:"h-5/6",listBorder:"",searchDisabled:!0};case t.LOADING:return Dr;case t.LOADED:return {mode:t.LOADED,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-[68.666667%]",listBorder:"border",searchDisabled:!1};case t.LOADED_NO_DRAG:return {mode:t.LOADED_NO_DRAG,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-[87.666667%]",listBorder:"border",searchDisabled:!1};case t.SEARCH_RESULTS:return {mode:t.SEARCH_RESULTS,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-5/6",listBorder:"border",searchDisabled:!1};case t.SEARCH_EMPTY:return {mode:t.SEARCH_EMPTY,actionBtnTxt:"I Accept",actionBtnColor:"success",listSize:"h-5/6",listBorder:"",searchDisabled:!1};default:throw new Error("Unknown file picker state: "+r.page)}}function _e({appUrl:e,uri:r,show:s,hideDrag:c=!1,onClose:E,callback:P}){let O=useRef(),[d,m]=useReducer(Rr,{mode:t.LOADING,footerBorder:"border-t"}),[C,y]=useState(0),k=useRef(1),[Z,h]=useState(!1),[T,N]=useState(!1),L=useRef({pages:0,totalEntries:0}),[b,q]=useState(!1),[i,f$1]=useState(null),[l,_]=useState(null),[pe,j]=useState([]),[fe,M]=useState("none");useEffect(()=>{s&&(m({type:t.LOADING}),_(null),L.current={pages:0,totalEntries:0},ee(),J(1));},[s]),useEffect(()=>{s&&(k.current=1,J(),N(!1));},[i]),useEffect(()=>{l&&_(null),T&&N(!1);},[d.mode]);let ee=()=>{j([]),M("none"),q(!1),_(null),N(!1);},J=(x=0)=>f(this,null,function*(){try{let G=x===0?k.current:x,re=(i==null?void 0:i.length)>0?`&FileNameIncludesString=${i}`:"&FileNameIncludesString=",U=yield (yield fetch(`${e}${Je}?CurrentPage=${G}&PageSize=10&Uri=${r}${re}`,{method:"GET",credentials:"same-origin",headers:{"Content-Type":"application/json"}})).json();if((i==null?void 0:i.length)>0&&m({type:t.SEARCH_RESULTS}),U.Items.Data.length>0&&G>1?j(Re=>[...Re,...U.Items.Data]):j(U.Items.Data),L.current={pages:U.Items.NumberOfPages,totalEntries:U.Items.Total},y(U.Items.NumberOfPages),(i==null?void 0:i.length)>0)m({type:U.Items.Data.length>0?t.SEARCH_RESULTS:t.SEARCH_EMPTY});else {let Re=c?t.LOADED_NO_DRAG:t.LOADED;m({type:U.Items.Data.length>0?Re:t.EMPTY});}M("none"),q(!1),h(!1);}catch(G){m({type:(i==null?void 0:i.length)===0?t.SEARCH_EMPTY:t.EMPTY});}}),De=x=>{c||(h(!0),O.current.removeFocus(),x.preventDefault());},Ge=x=>{c||h(!1);},n=x=>{var le;let G=(le=x.text)!=null?le:"",re=i!=null?i:"";f$1(x.text),(re.length>0&&G.length===0||re.length===0&&G.length>0&&d.mode!==t.LOADING)&&m({type:t.LOADING});},v=()=>{N(!0),h(!1),M("none");},I=()=>{P(`https://files.ekmcdn.com/${l.Uri}`),D();},D=()=>{ee(),E();},S=x=>f(this,null,function*(){if(x==null){M("error"),v();return}try{let G=Ir(x.name),re=yield Pr(x),le={Path:`/${r}/`,Name:G,Bytes:wr(re),ForceOverwriteFile:!0};(yield fetch(`${e}${Je}`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify(le)})).status===200?(M("success"),f$1(null),O.current.clear(),j([]),N(!1),J(1)):M("error");}catch(G){M("error");}}),W=x=>{switch(x.type){case"FETCH_DATA":q(x.payload),k.current<L.current.pages&&!b&&(q(!0),k.current=k.current+1,J());break;case"SELECTION":_(x.payload),N(!1);break;}},er=()=>{switch(d.mode){case t.EMPTY:return jsx(Ar,{});case t.LOADING:return jsx(kr,{});case t.SEARCH_RESULTS:case t.LOADED:case t.LOADED_NO_DRAG:return jsx(a$j,{border:d.listSize,files:pe,isMore:k.current<L.current.pages,selected:l==null?void 0:l.Name,page:k.current,pages:C,callback:W});case t.SEARCH_EMPTY:return jsx(Tr,{});}},rr=()=>jsxs(Fragment,{children:[jsx(a$4,{id:"file-search",ref:O,placeholder:"Search your images",disabled:d.searchDisabled,callback:n}),jsxs("div",{className:"mb-4 mt-4",children:[T&&jsxs(a$i,{type:"danger",onDismiss:()=>{N(!1);},children:[jsx("p",{className:"font-semibold",children:"File could not be uploaded"}),jsx("p",{children:"There was an error uploading the file. Please try again."})]}),d.mode!==t.SEARCH_RESULTS&&d.mode!==t.SEARCH_EMPTY&&!c&&jsx("div",{className:"h-68",children:jsx(oe,{uploaded:fe,callback:S,errorCallback:v})}),(d.mode===t.SEARCH_RESULTS||d.mode===t.SEARCH_EMPTY)&&(i==null?void 0:i.length)>0&&jsx("span",{className:"ms-1 text-sm font-medium text-gray-500 dark:text-gray-400 md:ms-2",children:`Showing results for..."${i}"`})]}),er()]});return jsxs(a$3,{show:s,onClose:D,title:"File Picker",onHide:()=>{},children:[jsxs("div",{className:"h-full",onDragEnter:De,children:[s&&Z&&!c&&(()=>jsx("div",{className:"absolute z-50 h-[90.666667%] w-[93.666667%]",children:jsx(oe,{uploaded:fe,exitCallback:Ge,callback:S,errorCallback:v})}))(),s&&rr()]}),jsxs("div",{className:"bottom-0 mt-0 grid grid-flow-col grid-cols-2 gap-4 bg-white pt-2  dark:border-gray-600",style:{marginTop:"-50px"},children:[jsx(a$5,{color:"light",onClick:D,children:"Close"}),jsx(a$5,{color:d.actionBtnColor,onClick:I,disabled:l==null,children:d.actionBtnTxt})]})]})}_e.propTypes={appUrl:X.default.string.isRequired,uri:X.default.string.isRequired,show:X.default.bool.isRequired,hideDrag:X.default.bool,onClose:X.default.func.isRequired,callback:X.default.func.isRequired};_e.displayName="FilePicker";function Ar(){return jsxs("div",{className:"mt-5 flex flex-col items-center justify-center",children:[jsx("h1",{children:jsx(BsFillImageFill,{className:"text-9xl text-gray-700"})}),jsx("p",{className:"mt-4 text-2xl font-semibold text-gray-900",children:"You Have No Images"}),jsx("p",{className:"mt-4 text-sm text-gray-500",children:"Images will appear here when you upload them"})]})}function kr(){return jsx("div",{className:"flex h-2/3 items-center justify-center overflow-y-auto",children:jsxs("div",{className:"flex flex-col items-center justify-center",children:[jsx("h1",{children:jsx(Lr,{})}),jsx("p",{className:"mt-4 text-2xl font-semibold text-gray-900",children:"Loading Files"}),jsx("p",{className:"mt-4 text-sm text-gray-500",children:"Don't worry, this won't take long..."})]})})}function Tr(){return jsx("div",{className:"flex h-5/6 items-center justify-center overflow-y-auto",children:jsxs("div",{className:"flex flex-col items-center justify-center",children:[jsx("h1",{children:jsx(HiOutlineSearch,{className:"text-9xl text-gray-700"})}),jsx("p",{className:"mt-4 text-2xl font-semibold text-gray-900",children:"No Files Found"}),jsx("p",{className:"mt-4 text-sm text-gray-500",children:"No files were found matching your search"})]})})}function Lr(){return jsxs("div",{role:"status",children:[jsxs("svg",{"aria-hidden":"true",className:"inline h-14 w-14 animate-spin fill-blue-600 text-gray-200 dark:text-gray-600",viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),jsx("span",{className:"sr-only",children:"Loading..."})]})}function Pr(e){return f(this,null,function*(){return new Uint8Array(yield Or(e))})}function Or(e){return new Promise((r,s)=>{let c=new FileReader;c.onloadend=E=>r(E.target.result),c.onerror=E=>s(E),c.readAsArrayBuffer(e);})}function wr(e){return btoa(Array.from(e).map(r=>String.fromCharCode(r)).join(""))}function Ir(e){return e.replace(/[^a-z0-9_\.-]/gi,"_").toLowerCase()}var se=e(a$1(),1);function K({title:e,message:r,icon:s,children:c}){return jsx(a$e,{icon:s||jsx(a$f,{}),title:e,text:r,children:c})}K.propTypes={title:se.PropTypes.string.isRequired,message:se.PropTypes.string,useSpinner:se.PropTypes.bool,icon:se.PropTypes.node,children:se.PropTypes.node};K.displayName="TableResultBlock";var me=e(a$1(),1);var a=Object.freeze({EMPTY:"EMPTY",SEARCH_LOADING:"SEARCH-LOADING",LOADING:"LOADING",LOADED:"LOADED",SELECTED:"SELECTED",SEARCH_RESULTS:"SEARCH-RESULTS",SEARCH_EMPTY:"SEARCH-EMPTY"}),Gr=[{display:"Name",value:"NME"},{display:"Category",value:"CAT"}],Ur=Object.freeze({mode:a.LOADING,listSize:"h-5/6",listBorder:"",searchDisabled:!1});function Yr(e){return [...[...e.orig].filter(s=>!e.remove.includes(s)),...e.add]}function zr(e,r){switch(r.type){case a.EMPTY:return {mode:a.EMPTY,listSize:"h-5/6",listBorder:"",searchDisabled:!0};case a.LOADING:return Ur;case a.LOADED:return {mode:a.LOADED,listSize:"h-[87.333333%]",listBorder:"border",searchDisabled:!1};case a.SELECTED:return {mode:a.SELECTED,listSize:"h-[80%]",listBorder:"border",searchDisabled:!1};case a.SEARCH_RESULTS:return {mode:a.SEARCH_RESULTS,listSize:"h-5/6",listBorder:"border",searchDisabled:!1};case a.SEARCH_EMPTY:return {mode:a.SEARCH_EMPTY,listSize:"h-5/6",listBorder:"",searchDisabled:!1};default:throw new Error("Unknown file picker state: "+r.page)}}var Me=forwardRef(function({show:r,preSelected:s=[],onClose:c,requestCallback:E,callback:P},O){let d=useRef(),m=useRef(!1),[C,y]=useReducer(zr,{mode:a.LOADING,footerBorder:"border-t"}),[k,Z]=useState(0),h=useRef(1),T=useRef({pages:0,totalEntries:0}),[N,L]=useState(!1),[b$1,q]=useState({text:"",category:{display:"Name",value:"NME"}}),[i,f]=useState([]),[l,_]=useState({orig:[],add:[],remove:[],isAll:!1});useEffect(()=>{r&&(y({type:a.LOADING}),T.current={pages:0,totalEntries:0},pe(),j(1),_(b(a$2({},l),{orig:s})),m.current=!0);},[r]),useEffect(()=>{r&&C.mode===m.current&&(h.current=1,j());},[b$1.text,b$1.category.display]);let pe=()=>{f([]),_({orig:[],add:[],remove:[],isAll:!1}),L(!1);},j=(n=0)=>{let v=n===0?h.current:n;E({SearchText:b$1.text,PageSize:11,Page:v,SearchType:b$1.category.display});};useImperativeHandle(O,()=>({responseHandler:n=>{var v,I,D;try{((v=b$1.text)==null?void 0:v.length)>0&&y({type:a.SEARCH_RESULTS}),n.Result.Data.length>0&&h.current>1?f(S=>[...S,...n.Result.Data]):f(n.Result.Data),T.current={pages:n.Result.NumberOfPages,totalEntries:n.Result.Total},Z(n.Result.NumberOfPages),((I=b$1.text)==null?void 0:I.length)>0?y({type:n.Result.Data.length>0?a.SEARCH_RESULTS:a.SEARCH_EMPTY}):y({type:n.Result.Data.length>0?a.LOADED:a.EMPTY}),l.orig.length+l.add.length-l.remove.length>0&&y({type:a.SELECTED}),L(!1);}catch(S){console.error("Error fetching products",S),y({type:((D=b$1.text)==null?void 0:D.length)===0?a.SEARCH_EMPTY:a.EMPTY});}}}));let fe=n=>{var D,S;let v=(D=n.text)!=null?D:"",I=(S=b$1.text)!=null?S:"";q(n),(I.length>0&&v.length===0||I.length===0&&v.length>0&&C.mode!==a.LOADING)&&y({type:a.LOADING});},M=()=>{P(l),ee();},ee=()=>{pe(),m.current=!1,c();},J=n=>{switch(n.type){case"FETCH_DATA":L(n.payload),h.current<T.current.pages&&!N&&(L(!0),h.current=h.current+1,j());break;case"SELECTION":let v=l.add.find(B=>B===n.payload)!=null,I=l.remove.find(B=>B===n.payload)!=null,D=l.orig.find(B=>B===n.payload)!=null,S=[...l.remove],W=[...l.add];D&&!I?S.push(n.payload):D&&I?S=[...S].filter(B=>B!==n.payload):!D&&!v?W.push(n.payload):!D&&v&&(W=[...W].filter(B=>B!==n.payload)),_(b(a$2({},l),{add:W,remove:S})),l.orig.length+W.length-S.length>0&&y({type:a.SELECTED});break;case"DESELECT_ALL":_(b(a$2({},l),{orig:[],add:[],remove:[]})),y({type:a.LOADED});break;}},De=()=>{switch(C.mode){case a.EMPTY:return jsx(K,{icon:jsx(HiClipboardList,{className:"mb-4 h-16 w-16 text-gray-500 dark:text-gray-400"}),title:"You Have No Products",message:"Your products will appear here",spinner:!1});case a.LOADING:return jsx(K,{title:"Loading Products",message:"Please wait this may take a few minutes",spinner:!0});case a.SEARCH_RESULTS:case a.SELECTED:case a.LOADED:return jsx(a$g,{border:C.listSize,products:i,isMore:h.current<T.current.pages,selected:Yr(l),page:h.current,pages:k,callback:J});case a.SEARCH_EMPTY:return jsx(K,{icon:jsx(HiClipboardList,{className:"mb-4 h-16 w-16 text-gray-500 dark:text-gray-400"}),title:"No Products Found",message:"No products were found matching your search"});}};return jsxs(a$3,{show:r,onClose:ee,title:"File Picker",onHide:()=>{},children:[jsx("div",{className:"h-full",children:r&&(()=>jsxs(Fragment,{children:[l.orig.length+l.add.length-l.remove.length>0&&jsx("div",{className:"mb-4 rounded-md border border-orange-200 bg-yellow-50 p-4",children:jsxs("p",{className:"text-center text-sm text-yellow-800",children:[`${Fr("product",l.orig.length+l.add.length-l.remove.length,!0)} selected.`,jsx("span",{onClick:()=>J({type:"DESELECT_ALL",payload:null}),className:"cursor-pointer text-primary-600 hover:underline",children:" Clear Selection."})]})}),jsx(a$4,{id:"file-search",ref:d,categories:Gr,placeholder:"Search your images",disabled:C.searchDisabled,callback:fe}),jsx("div",{className:"mb-4 mt-4",children:(C.mode===a.SEARCH_RESULTS||C.mode===a.SEARCH_EMPTY)&&b$1.text.length>0&&jsx("span",{className:"ms-1 text-sm font-medium text-gray-500 dark:text-gray-400 md:ms-2",children:`Showing results for..."${b$1.text}"`})}),De()]}))()}),jsxs("div",{className:"bottom-0 mt-0 grid grid-flow-col grid-cols-2 gap-4 bg-white pt-2  dark:border-gray-600",style:{marginTop:"-50px"},children:[jsx(a$5,{color:"light",onClick:ee,children:"Close"}),jsx(a$5,{color:"success",onClick:M,disabled:i.length===0,children:"Add Products"})]})]})});Me.propTypes={show:me.default.bool.isRequired,preSelected:me.default.array,onClose:me.default.func.isRequired,callback:me.default.func.isRequired};Me.displayName="ProductPicker";function Qe({id:e,title:r,text:s,avatarShow:c,avatarColor:E,avatarBorder:P,children:O,badgeText:d,badgeColor:m,icon:C}){function y(Z){var h=Z.split(" "),T=h[0],N=h[h.length-1],L=T.charAt(0);if(T!==N)var b=N.charAt(0);else var b="";return L+b}let k=y(r);return jsxs("li",{className:"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5  dark:hover:bg-gray-900",children:[jsxs("div",{className:"flex min-w-0 flex-auto items-center gap-x-4",children:[c&&jsx(a$h,{placeholderInitials:k,color:E,border:P}),C&&C,jsxs("div",{className:"min-w-0 flex-auto",children:[jsxs("div",{className:"flex gap-2",children:[jsx("p",{className:"truncate text-sm font-semibold text-gray-900 dark:text-white",children:r}),d&&jsx(Badge,{color:m||"info",children:d})]}),jsx("p",{className:"mt-1 flex text-xs text-gray-500 dark:text-gray-400",children:jsx("span",{className:"relative truncate",children:s})})]})]}),jsx("div",{className:"flex flex-shrink-0  items-center gap-x-4",children:jsx("div",{className:"sm:flex sm:flex-col sm:items-end",children:O})})]},e)}Qe.displayName="StackedListItem";
+
+export { Qe as a, pr as b, oe as c, _e as d, K as e, Me as f, je as g };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-TG24MK5N.js.map