ekm-ui 0.0.13 → 0.0.14

package/dist/card-payment-block.mjs

@@ -1,20 +1,23 @@
-export { c as CardPaymentBlock } from './chunk-KV5UCUDY.mjs';
+export { c as CardPaymentBlock } from './chunk-KYPV6EAR.mjs';
+import './chunk-RMX72FR3.mjs';
 import './chunk-256SAVHD.mjs';
 import './chunk-3ZCDEN7B.mjs';
 import './chunk-HAQTLD4G.mjs';
 import './chunk-QWPN2UNV.mjs';
+import './chunk-LWDFKEBO.mjs';
+import './chunk-KAQJAKQH.mjs';
 import './chunk-OT256LE6.mjs';
+import './chunk-FRIXS4BL.mjs';
 import './chunk-FJQEJBBY.mjs';
 import './chunk-EWNPNF2B.mjs';
 import './chunk-Y5FSZ56P.mjs';
-import './chunk-ZHQYEIOT.mjs';
+import './chunk-NBWCYEL6.mjs';
 import './chunk-664HOPW7.mjs';
+import './chunk-JKIN7YAI.mjs';
 import './chunk-G676EBCC.mjs';
-import './chunk-ADTTJ2WF.mjs';
-import './chunk-WSFN3NS3.mjs';
+import './chunk-YTTLKTRL.mjs';
+import './chunk-JWLV57CY.mjs';
 import './chunk-ZT7KDTGF.mjs';
-import './chunk-FRIXS4BL.mjs';
-import './chunk-V2Y67DG5.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=card-payment-block.mjs.map

package/dist/chunk-JKIN7YAI.mjs

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+
+function u({text:r,border:t,active:e,onclick:o}){return jsx("button",{type:"button",onClick:o,className:`"rounded-l-lg dark:focus:ring-blue-500" border border-gray-200 px-4 py-2 text-sm font-medium text-blue-700 hover:bg-gray-100 focus:z-10 focus:text-blue-700 focus:ring-2 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 dark:hover:text-white dark:focus:text-white
+      ${t}
+      ${e?"bg-primary-600 text-white hover:bg-primary-700 focus:text-white dark:bg-primary-600":""}
+
+      `,children:r})}
+
+export { u as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-JKIN7YAI.mjs.map

package/dist/chunk-JKIN7YAI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button-group-item.tsx"],"names":["jsx","ButtonGroupItem","text","border","active","onclick"],"mappings":"AASI,cAAAA,MAAA,oBAFG,SAASC,EAAgB,CAAE,KAAAC,EAAM,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,CAAQ,EAAU,CACxE,OACEL,EAAC,UACC,KAAK,SACL,QAASK,EACT,UAAW;AAAA,QACTF;AAAA,QAEAC,EACI,sFACA;AAAA;AAAA,QAKL,SAAAF,EACH,CAEJ","sourcesContent":["type Props = {\n  text: string;\n  border: string;\n  active?: boolean;\n  onclick?: () => void;\n};\n\nexport function ButtonGroupItem({ text, border, active, onclick }: Props) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onclick}\n      className={`\"rounded-l-lg dark:focus:ring-blue-500\" border border-gray-200 px-4 py-2 text-sm font-medium text-blue-700 hover:bg-gray-100 focus:z-10 focus:text-blue-700 focus:ring-2 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 dark:hover:text-white dark:focus:text-white\n      ${border}\n      ${\n        active\n          ? \"bg-primary-600 text-white hover:bg-primary-700 focus:text-white dark:bg-primary-600\"\n          : \"\"\n      }\n\n      `}\n    >\n      {text}\n    </button>\n  );\n}\n"]}

package/dist/{chunk-WSFN3NS3.mjs → chunk-JWLV57CY.mjs}

@@ -7,4 +7,4 @@ function h({show:t,onClose:l,children:i,title:s}){var e;let n=useCallback(o=>{if
 
 export { h as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-WSFN3NS3.mjs.map
+//# sourceMappingURL=chunk-JWLV57CY.mjs.map

package/dist/{chunk-WSFN3NS3.mjs.map → chunk-JWLV57CY.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/drawer.tsx"],"names":["useEffect","useCallback","FBDrawer","HiXMark","jsx","jsxs","Drawer","show","onClose","children","title","drawer","drawerCallback","node","element","options"],"mappings":"AAEA,OAAS,aAAAA,EAAW,eAAAC,MAAmB,QACvC,OAAS,UAAUC,MAAgB,WAEnC,OAAS,WAAAC,MAAe,kBAiDhB,cAAAC,EAMA,QAAAC,MANA,oBAxCD,SAASC,EAAO,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,MAAAC,CAAM,EAAU,CAChE,IAAIC,EACJ,IAAMC,EAAiBX,EAAaY,GAAc,CAChD,GAAIA,IAAS,KAAM,CACjB,IAAIC,EAAUD,EACd,IAAME,EAAyB,CAC7B,UAAW,QACX,SAAU,GACV,cAAe,GACf,KAAM,GACN,WAAY,GACZ,gBACE,iEACJ,EACA,OAAAJ,EAAS,IAAIT,EAASY,EAASC,CAAO,EAC/BJ,EAEX,EAAG,CAAC,CAAC,EAEL,OAAAX,EAAU,IAAM,CACd,QAAQ,IAAIW,CAAM,EACbA,IAGDJ,EACFI,EAAO,KAAK,EAEZA,EAAO,KAAK,EAEhB,EAAG,CAACJ,CAAI,CAAC,EAGPF,EAAC,OACC,IAAKO,EACL,GAAG,gBACH,UAAU,qJACV,SAAU,GACV,kBAAgB,qBAEhB,UAAAP,EAAC,OAAI,UAAU,2BACb,UAAAD,EAAC,MACC,GAAG,kBACH,UAAU,6IAET,SAAAM,EACH,EACAL,EAAC,UACC,QAASG,EACT,GAAG,qBACH,KAAK,SACL,gBAAc,iBACd,UAAU,+LAEV,UAAAJ,EAACD,EAAA,CAAQ,UAAU,aAAa,EAChCC,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,GACF,EAEAA,EAAC,OAAI,UAAU,iCAAkC,SAAAK,EAAS,GAC5D,CAEJ","sourcesContent":["// THIS DRAWER IS FROM THE FLOWBITE LIBRARY PAGE\n\nimport { useEffect, useCallback } from \"react\";\nimport { Drawer as FBDrawer } from \"flowbite\";\nimport type { DrawerOptions, DrawerInterface } from \"flowbite\";\nimport { HiXMark } from \"react-icons/hi2\";\nimport { Button } from \"./index\";\ntype Props = {\n  show: boolean;\n  onClose: () => void;\n  children: JSX.Element;\n  title: string;\n};\n\nexport function Drawer({ show, onClose, children, title }: Props) {\n  var drawer: DrawerInterface;\n  const drawerCallback = useCallback((node: any) => {\n    if (node !== null) {\n      var element = node;\n      const options: DrawerOptions = {\n        placement: \"right\",\n        backdrop: true,\n        bodyScrolling: false,\n        edge: false,\n        edgeOffset: \"\",\n        backdropClasses:\n          \"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30\",\n      };\n      drawer = new FBDrawer(element, options);\n      return drawer;\n    }\n  }, []);\n\n  useEffect(() => {\n    console.log(drawer);\n    if (!drawer) {\n      return;\n    }\n    if (show) {\n      drawer.show();\n    } else {\n      drawer.hide();\n    }\n  }, [show]);\n\n  return (\n    <div\n      ref={drawerCallback}\n      id=\"EKM-ui-drawer\"\n      className=\"fixed right-0 top-0 z-40 h-screen w-[90%] translate-x-full overflow-y-auto bg-white transition-transform dark:bg-gray-800 sm:max-w-lg md:w-[500px]\"\n      tabIndex={-1}\n      aria-labelledby=\"drawer-right-label\"\n    >\n      <div className=\"absolute w-full bg-white\">\n        <h5\n          id=\"drawer-js-label\"\n          className=\"inline-flex w-full items-center border-b-2 p-4\t text-lg  font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white\"\n        >\n          {title}\n        </h5>\n        <button\n          onClick={onClose}\n          id=\"drawer-hide-button\"\n          type=\"button\"\n          aria-controls=\"drawer-example\"\n          className=\"absolute right-2.5 top-2.5 inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white\"\n        >\n          <HiXMark className=\"h-auto w-6\" />\n          <span className=\"sr-only\">Close menu</span>\n        </button>\n      </div>\n\n      <div className=\"flex h-full flex-col p-4 pt-20\">{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/drawer.tsx"],"names":["useEffect","useCallback","FBDrawer","HiXMark","jsx","jsxs","Drawer","show","onClose","children","title","drawer","drawerCallback","node","element","options"],"mappings":"AAEA,OAAS,aAAAA,EAAW,eAAAC,MAAmB,QACvC,OAAS,UAAUC,MAAgB,WAEnC,OAAS,WAAAC,MAAe,kBAiDhB,cAAAC,EAMA,QAAAC,MANA,oBAxCD,SAASC,EAAO,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,MAAAC,CAAM,EAAU,CAChE,IAAIC,EACJ,IAAMC,EAAiBX,EAAaY,GAAc,CAChD,GAAIA,IAAS,KAAM,CACjB,IAAIC,EAAUD,EACd,IAAME,EAAyB,CAC7B,UAAW,QACX,SAAU,GACV,cAAe,GACf,KAAM,GACN,WAAY,GACZ,gBACE,iEACJ,EACA,OAAAJ,EAAS,IAAIT,EAASY,EAASC,CAAO,EAC/BJ,EAEX,EAAG,CAAC,CAAC,EAEL,OAAAX,EAAU,IAAM,CACd,QAAQ,IAAIW,CAAM,EACbA,IAGDJ,EACFI,EAAO,KAAK,EAEZA,EAAO,KAAK,EAEhB,EAAG,CAACJ,CAAI,CAAC,EAGPF,EAAC,OACC,IAAKO,EACL,GAAG,gBACH,UAAU,qJACV,SAAU,GACV,kBAAgB,qBAEhB,UAAAP,EAAC,OAAI,UAAU,2BACb,UAAAD,EAAC,MACC,GAAG,kBACH,UAAU,6IAET,SAAAM,EACH,EACAL,EAAC,UACC,QAASG,EACT,GAAG,qBACH,KAAK,SACL,gBAAc,iBACd,UAAU,+LAEV,UAAAJ,EAACD,EAAA,CAAQ,UAAU,aAAa,EAChCC,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,GACF,EACAA,EAAC,OAAI,UAAU,iCAAkC,SAAAK,EAAS,GAC5D,CAEJ","sourcesContent":["// THIS DRAWER IS FROM THE FLOWBITE LIBRARY PAGE\n\nimport { useEffect, useCallback } from \"react\";\nimport { Drawer as FBDrawer } from \"flowbite\";\nimport type { DrawerOptions, DrawerInterface } from \"flowbite\";\nimport { HiXMark } from \"react-icons/hi2\";\nimport { Button } from \"./index\";\ntype Props = {\n  show: boolean;\n  onClose: () => void;\n  children: JSX.Element;\n  title: string;\n};\n\nexport function Drawer({ show, onClose, children, title }: Props) {\n  var drawer: DrawerInterface;\n  const drawerCallback = useCallback((node: any) => {\n    if (node !== null) {\n      var element = node;\n      const options: DrawerOptions = {\n        placement: \"right\",\n        backdrop: true,\n        bodyScrolling: false,\n        edge: false,\n        edgeOffset: \"\",\n        backdropClasses:\n          \"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30\",\n      };\n      drawer = new FBDrawer(element, options);\n      return drawer;\n    }\n  }, []);\n\n  useEffect(() => {\n    console.log(drawer);\n    if (!drawer) {\n      return;\n    }\n    if (show) {\n      drawer.show();\n    } else {\n      drawer.hide();\n    }\n  }, [show]);\n\n  return (\n    <div\n      ref={drawerCallback}\n      id=\"EKM-ui-drawer\"\n      className=\"fixed right-0 top-0 z-40 h-screen w-[90%] translate-x-full overflow-y-auto bg-white transition-transform dark:bg-gray-800 sm:max-w-lg md:w-[500px]\"\n      tabIndex={-1}\n      aria-labelledby=\"drawer-right-label\"\n    >\n      <div className=\"absolute w-full bg-white\">\n        <h5\n          id=\"drawer-js-label\"\n          className=\"inline-flex w-full items-center border-b-2 p-4\t text-lg  font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white\"\n        >\n          {title}\n        </h5>\n        <button\n          onClick={onClose}\n          id=\"drawer-hide-button\"\n          type=\"button\"\n          aria-controls=\"drawer-example\"\n          className=\"absolute right-2.5 top-2.5 inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white\"\n        >\n          <HiXMark className=\"h-auto w-6\" />\n          <span className=\"sr-only\">Close menu</span>\n        </button>\n      </div>\n      <div className=\"flex h-full flex-col p-4 pt-20\">{children}</div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-KAQJAKQH.mjs

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function i({leftAddon:s,inputField:a,rightAddon:t}){return jsxs("div",{className:"relative rounded-md shadow-sm",children:[s&&jsx("div",{className:"absolute inset-y-0 left-0 flex items-center pl-3",children:jsx("span",{className:"text-gray-500 sm:text-sm",children:s})}),a,t&&jsx("div",{className:"absolute inset-y-0 right-0 flex items-center pr-3",children:jsx("span",{className:"text-gray-500 sm:text-sm",id:"price-currency",children:t})})]})}
+
+export { i as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-KAQJAKQH.mjs.map

package/dist/chunk-KAQJAKQH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-addon.tsx"],"names":["jsx","jsxs","InputAddon","leftAddon","inputField","rightAddon"],"mappings":"AAaI,OAGM,OAAAA,EAHN,QAAAC,MAAA,oBAPG,SAASC,EAAW,CACzB,UAAAC,EACA,WAAAC,EACA,WAAAC,CAEF,EAAU,CACR,OACEJ,EAAC,OAAI,UAAU,gCACZ,UAAAE,GACCH,EAAC,OAAI,UAAU,mDACb,SAAAA,EAAC,QAAK,UAAU,2BAA4B,SAAAG,EAAU,EACxD,EAEDC,EACAC,GACCL,EAAC,OAAI,UAAU,oDACb,SAAAA,EAAC,QAAK,UAAU,2BAA2B,GAAG,iBAC3C,SAAAK,EACH,EACF,GAEJ,CAEJ","sourcesContent":["type Props = {\n  leftAddon?: any;\n  inputField:any\n  rightAddon?: any;\n};\n\nexport function InputAddon({\n  leftAddon,\n  inputField,\n  rightAddon,\n  \n}: Props) {\n  return (\n    <div className=\"relative rounded-md shadow-sm\">\n      {leftAddon && (\n        <div className=\"absolute inset-y-0 left-0 flex items-center pl-3\">\n          <span className=\"text-gray-500 sm:text-sm\">{leftAddon}</span>\n        </div>\n      )}\n      {inputField}\n      {rightAddon && (\n        <div className=\"absolute inset-y-0 right-0 flex items-center pr-3\">\n          <span className=\"text-gray-500 sm:text-sm\" id=\"price-currency\">\n            {rightAddon}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-KV5UCUDY.mjs → chunk-KYPV6EAR.mjs}

@@ -1,16 +1,16 @@
 import { a as a$2 } from './chunk-256SAVHD.mjs';
 import { a as a$1, b } from './chunk-HAQTLD4G.mjs';
+import { a } from './chunk-LWDFKEBO.mjs';
 import { a as a$3 } from './chunk-OT256LE6.mjs';
 import { a as a$4 } from './chunk-664HOPW7.mjs';
-import { a } from './chunk-V2Y67DG5.mjs';
 import { Card, Radio, Label, TextInput, Badge, Sidebar } from 'flowbite-react';
 import { HiCreditCard } from 'react-icons/hi';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
 import { HiChartPie, HiTag, HiShoppingBag, HiPaintBrush, HiStar, HiDocument, HiRocketLaunch, HiGlobeAlt } from 'react-icons/hi2';
 
-function E({cardPayment:a$1,enablePayPal:i}){return jsxs(Card,{className:"border-0 shadow-sm	",children:[jsx("h3",{className:"text-lg font-semibold dark:text-white",children:"Billing Details"}),jsx("div",{className:"flex items-center justify-between border-b-2 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:[i&&jsx(Radio,{defaultChecked:!0,id:"creditDebitCard",name:"paymentType",value:"creditDebitCard"}),jsx(Label,{htmlFor:"creditDebitCard",children:"Pay by Credit or Debit card"})]}),jsxs("div",{className:i?"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"})]})]}),a$1&&jsxs(Fragment,{children:[jsxs("div",{className:"grid grid-cols-1 content-start gap-6 sm:grid-cols-2",children:[jsx(a,{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(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"Your name",type:"text",required:!0})}),jsx(a,{label:"Card Number *",htmlFor:"cardNumber",helperText:"This is the long number on the front of your credit or debit card.",children:jsx(TextInput,{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-4",children:[jsx(a,{label:"Expiry Date *",htmlFor:"nameOnCard",helperText:"The expiry date as it appears on your card.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"MM / YY",type:"text",required:!0})}),jsx(a,{label:"Security Code (CVC) *",htmlFor:"cardNumber",helperText:"The last three digits on the back of your card\u2019s signature strip.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"123",type:"number",rightIcon:HiCreditCard,required:!0})})]})]}),i&&jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(Radio,{id:"PayPal",name:"paymentType",value:"PayPal"}),jsx(Label,{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"})})]})]})})]})}function F(){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 Q({children:a,hasHeader:i}){let[m,g]=useState(!1),[f,b$1]=useState(!1);return useMemo(()=>{a$1()&&!m&&b$1(!0);},[m]),jsxs(Fragment,{children:[jsx(a$2,{onMenuButtonClick:()=>{g(!m);},showCloseButton:f,avatarImg:"https://avatars.githubusercontent.com/u/49406022?v=4"}),jsxs("div",{className:"flex",children:[jsx(b,{collapsed:m,children:jsx(F,{})}),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 ${i?"":"p-4"}`,children:a}),jsx(a$3,{})]})]})]})}function Z({id:a,title:i,text:m,avatarShow:g,avatarColor:f,avatarBorder:b,children:B,isLocked:H}){function D(R){var h=R.split(" "),N=h[0],I=h[h.length-1],A=N.charAt(0);if(N!==I)var S=I.charAt(0);else var S="";return [A,S]}let O=D(i);return jsxs("li",{className:"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5 dark:hover:bg-gray-900 sm:px-6  lg:px-8",children:[jsxs("div",{className:"flex min-w-0 flex-auto gap-x-4",children:[g&&jsx(a$4,{placeholderInitials:O,color:f,border:b}),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:i}),H&&jsx(Badge,{color:"failure",children:"Locked"})]}),jsx("p",{className:"mt-1 flex text-xs text-gray-500 dark:text-gray-400",children:jsx("span",{className:"relative truncate hover:underline",children:m})})]})]}),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:B})})]},a)}
+function G({cardPayment:a$1,enablePayPal:i}){return jsxs(Card,{className:"border-0 shadow-sm	",children:[jsx("h3",{className:"text-lg font-semibold dark:text-white",children:"Billing Details"}),jsx("div",{className:"flex items-center justify-between border-b-2 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:[i&&jsx(Radio,{defaultChecked:!0,id:"creditDebitCard",name:"paymentType",value:"creditDebitCard"}),jsx(Label,{htmlFor:"creditDebitCard",children:"Pay by Credit or Debit card"})]}),jsxs("div",{className:i?"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"})]})]}),a$1&&jsxs(Fragment,{children:[jsxs("div",{className:"grid grid-cols-1 content-start gap-6 sm:grid-cols-2",children:[jsx(a,{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(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"Your name",type:"text",required:!0})}),jsx(a,{label:"Card Number *",htmlFor:"cardNumber",helperText:"This is the long number on the front of your credit or debit card.",children:jsx(TextInput,{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-4",children:[jsx(a,{label:"Expiry Date *",htmlFor:"nameOnCard",helperText:"The expiry date as it appears on your card.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"MM / YY",type:"text",required:!0})}),jsx(a,{label:"Security Code (CVC) *",htmlFor:"cardNumber",helperText:"The last three digits on the back of your card\u2019s signature strip.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"123",type:"number",rightIcon:HiCreditCard,required:!0})})]})]}),i&&jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(Radio,{id:"PayPal",name:"paymentType",value:"PayPal"}),jsx(Label,{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"})})]})]})})]})}function T(){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 U({children:a,hasHeader:i}){let[m,g]=useState(!1),[f,b$1]=useState(!1);return useMemo(()=>{a$1()&&!m&&b$1(!0);},[m]),jsxs(Fragment,{children:[jsx(a$2,{onMenuButtonClick:()=>{g(!m);},showCloseButton:f,avatarImg:"https://avatars.githubusercontent.com/u/49406022?v=4"}),jsxs("div",{className:"flex",children:[jsx(b,{collapsed:m,children:jsx(T,{})}),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 ${i?"":"p-4"}`,children:a}),jsx(a$3,{})]})]})]})}function _({id:a,title:i,text:m,avatarShow:g,avatarColor:f,avatarBorder:b,children:H,isLocked:D,icon:N}){function O(A){var h=A.split(" "),I=h[0],S=h[h.length-1],E=I.charAt(0);if(I!==S)var w=S.charAt(0);else var w="";return [E,w]}let R=O(i);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:[g&&jsx(a$4,{placeholderInitials:R,color:f,border:b}),N&&N,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:i}),D&&jsx(Badge,{color:"failure",children:"Locked"})]}),jsx("p",{className:"mt-1 flex text-xs text-gray-500 dark:text-gray-400",children:jsx("span",{className:"relative truncate",children:m})})]})]}),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:H})})]},a)}
 
-export { Z as a, Q as b, E as c };
+export { _ as a, U as b, G as c };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-KV5UCUDY.mjs.map
+//# sourceMappingURL=chunk-KYPV6EAR.mjs.map

package/dist/chunk-KYPV6EAR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/card-payment-block.tsx","../src/layout/layout.tsx","../shared/sidebar-items.tsx","../src/stacked-list-item.tsx"],"names":["TextInput","Card","Radio","Label","HiCreditCard","Fragment","jsx","jsxs","CardPaymentBlock","cardPayment","enablePayPal","FormRow","useMemo","useState","Sidebar","HiChartPie","HiDocument","HiGlobeAlt","HiPaintBrush","HiShoppingBag","HiTag","HiRocketLaunch","HiStar","SidebarItems","currentPage","Layout","children","hasHeader","isSidebarCollapsed","setIsSidebarCollapsed","showNavbarCloseButton","setShowNavbarCloseButton","is_small_screen_default","Navbar","LoveFooter","Badge","StackedListItem","id","title","text","avatarShow","avatarColor","avatarBorder","isLocked","icon","getFirstAndLastLetters","str","words","firstWord","lastWord","firstLetter","lastLetter","avatarLetters","Avatar"],"mappings":"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","sourcesContent":["import { FormRow } from \"./index\";\nimport { TextInput, Card, Radio, Label } from \"flowbite-react\";\nimport { HiCreditCard } from \"react-icons/hi\";\n\nexport function CardPaymentBlock({\n  cardPayment,\n  enablePayPal,\n}: {\n  cardPayment?: boolean;\n  enablePayPal?: boolean;\n}) {\n  return (\n    <Card className=\"border-0 shadow-sm\t\">\n      <h3 className=\"text-lg font-semibold dark:text-white\">Billing Details</h3>\n      <div className=\"flex items-center justify-between border-b-2 pb-4\">\n        <fieldset className=\"flex w-full flex-col gap-4\" id=\"radio\">\n          <div className=\"flex flex-col gap-2\">\n            <div className=\"flex items-center gap-2\">\n              {enablePayPal && (\n                <Radio\n                  defaultChecked\n                  id=\"creditDebitCard\"\n                  name=\"paymentType\"\n                  value=\"creditDebitCard\"\n                />\n              )}\n\n              <Label htmlFor=\"creditDebitCard\">\n                Pay by Credit or Debit card\n              </Label>\n            </div>\n            <div className={enablePayPal ? \"ml-6 flex gap-2\" : \"flex gap-2\"}>\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/visa.png\"\n                alt=\"VISA Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/mastercard.png\"\n                alt=\"MasterCard Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/maestro.png\"\n                alt=\"Maestro Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/amex.png\"\n                alt=\"AMEX Card Logo\"\n              />\n            </div>\n          </div>\n          {cardPayment && (\n            <>\n              <div className=\"grid grid-cols-1 content-start gap-6 sm:grid-cols-2\">\n                <FormRow\n                  label=\"Name on Card *\"\n                  htmlFor=\"nameOnCard\"\n                  helperText=\"This is your name as is appears on the front of your credit or debit card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"Your name\"\n                    type=\"text\"\n                    required\n                  />\n                </FormRow>\n                <FormRow\n                  label=\"Card Number *\"\n                  htmlFor=\"cardNumber\"\n                  helperText=\"This is the long number on the front of your credit or debit card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"0000 0000 0000 0000\"\n                    type=\"number\"\n                    rightIcon={HiCreditCard}\n                    required\n                  />\n                </FormRow>\n              </div>\n              <div className=\"grid grid-cols-1 content-start gap-6 sm:grid-cols-4\">\n                <FormRow\n                  label=\"Expiry Date *\"\n                  htmlFor=\"nameOnCard\"\n                  helperText=\"The expiry date as it appears on your card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"MM / YY\"\n                    type=\"text\"\n                    required\n                  />\n                </FormRow>\n                <FormRow\n                  label=\"Security Code (CVC) *\"\n                  htmlFor=\"cardNumber\"\n                  helperText=\"The last three digits on the back of your card’s signature strip.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"123\"\n                    type=\"number\"\n                    rightIcon={HiCreditCard}\n                    required\n                  />\n                </FormRow>\n              </div>\n            </>\n          )}\n          {enablePayPal && (\n            <div className=\"flex flex-col gap-2\">\n              <div className=\"flex items-center gap-2\">\n                <Radio id=\"PayPal\" name=\"paymentType\" value=\"PayPal\" />\n                <Label htmlFor=\"PayPal\">PayPal</Label>\n              </div>\n              <div className=\"ml-6\">\n                <img\n                  src=\"https://shared.ekmcdn.com/images/uifw/cards/paypal.png\"\n                  alt=\"PayPal Icon\"\n                />\n              </div>\n            </div>\n          )}\n        </fieldset>\n      </div>\n    </Card>\n  );\n}\n","import { Navbar, Sidebar, LoveFooter } from \"../\";\nimport { useMemo, useState } from \"react\";\nimport isSmallScreen from \"../helpers/is-small-screen\";\nimport { SidebarItems } from \"../../shared/sidebar-items\";\n\ntype Props = {\n  children: JSX.Element;\n  hasHeader?: boolean;\n};\n\nexport function Layout({ children, hasHeader }: Props) {\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n  const [showNavbarCloseButton, setShowNavbarCloseButton] = useState(false);\n\n  useMemo(() => {\n    if (isSmallScreen() && !isSidebarCollapsed) {\n      setShowNavbarCloseButton(true);\n    }\n  }, [isSidebarCollapsed]);\n\n  return (\n    <>\n      <Navbar\n        onMenuButtonClick={() => {\n          setIsSidebarCollapsed(!isSidebarCollapsed);\n        }}\n        showCloseButton={showNavbarCloseButton}\n        avatarImg=\"https://avatars.githubusercontent.com/u/49406022?v=4\"\n      />\n      <div className=\"flex\">\n        <Sidebar collapsed={isSidebarCollapsed}>\n          <SidebarItems />\n        </Sidebar>\n        <div className=\"flex w-3/4 flex-grow flex-col\">\n          <main\n            className={`\"relative dark:bg-gray-900\" flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ${\n              !hasHeader ? \"p-4\" : \"\"\n            }`}\n          >\n            {children}\n          </main>\n          <LoveFooter />\n        </div>\n      </div>\n    </>\n  );\n}\n","import { Sidebar } from \"flowbite-react\";\n\nimport {\n  HiChartPie,\n  HiClipboard,\n  HiDocument,\n  HiGlobeAlt,\n  HiPaintBrush,\n  HiShoppingBag,\n  HiTag,\n  HiRocketLaunch,\n  HiStar,\n} from \"react-icons/hi2\";\n\nexport function SidebarItems() {\n  const currentPage = \"/\" as string;\n  return (\n    <Sidebar.Items>\n      <Sidebar.ItemGroup>\n        <Sidebar.Item\n          href=\"/\"\n          icon={HiChartPie}\n          className={\"/\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"}\n        >\n          Dashboard\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"/products\"\n          icon={HiTag}\n          className={\n            \"/products\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Products\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"/orders\"\n          icon={HiShoppingBag}\n          label=\"27\"\n          className={\n            \"/orders\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Orders\n        </Sidebar.Item>\n        <Sidebar.Collapse icon={HiPaintBrush} label=\"Design\">\n          <Sidebar.Item\n            href=\"/design/design\"\n            className={\n              \"/design/theme\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Theme\n          </Sidebar.Item>\n          <Sidebar.Item\n            href=\"/design/editor\"\n            className={\n              \"/e-commerce/billing\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Editor\n          </Sidebar.Item>\n          <Sidebar.Item\n            href=\"/theme/webpages\"\n            className={\n              \"/e-commerce/invoice\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Webpages\n          </Sidebar.Item>\n        </Sidebar.Collapse>\n        <Sidebar.Item\n          href=\"/features\"\n          icon={HiStar}\n          className={\n            \"/features\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Features\n        </Sidebar.Item>\n      </Sidebar.ItemGroup>\n      <Sidebar.ItemGroup>\n        <Sidebar.Item\n          href=\"https://github.com/themesberg/flowbite-react/\"\n          icon={HiDocument}\n        >\n          Docs\n        </Sidebar.Item>\n        <Sidebar.Item href=\"https://flowbite-react.com/\" icon={HiRocketLaunch}>\n          What's New\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"https://github.com/themesberg/flowbite-react/issues\"\n          icon={HiGlobeAlt}\n        >\n          Support Centre\n        </Sidebar.Item>\n      </Sidebar.ItemGroup>\n    </Sidebar.Items>\n  );\n}\n","import { Avatar } from \"./\";\nimport { Badge } from \"flowbite-react\";\n\ntype Props = {\n  id: number;\n  title: string;\n  text?: string | JSX.Element;\n  avatarShow?: boolean;\n  avatarColor?: string;\n  avatarBorder?: string;\n  children?: JSX.Element;\n  isLocked?: boolean;\n  icon?: JSX.Element;\n};\n\nexport function StackedListItem({\n  id,\n  title,\n  text,\n  avatarShow,\n  avatarColor,\n  avatarBorder,\n  children,\n  isLocked,\n  icon,\n}: Props) {\n  function getFirstAndLastLetters(str: string) {\n    var words = str.split(\" \");\n    var firstWord = words[0];\n    var lastWord = words[words.length - 1];\n    var firstLetter = firstWord.charAt(0);\n    if (firstWord !== lastWord) {\n      var lastLetter = lastWord.charAt(0);\n    } else {\n      var lastLetter = \"\";\n    }\n    return [firstLetter, lastLetter];\n  }\n\n  let avatarLetters = getFirstAndLastLetters(title);\n\n  return (\n    <li\n      key={id}\n      className=\"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5  dark:hover:bg-gray-900\"\n    >\n      <div className=\"flex min-w-0 flex-auto items-center gap-x-4\">\n        {avatarShow && (\n          <Avatar\n            placeholderInitials={avatarLetters}\n            color={avatarColor}\n            border={avatarBorder}\n          />\n        )}\n        {icon && icon}\n        <div className=\"min-w-0 flex-auto\">\n          <div className=\"flex gap-2\">\n            <p className=\"truncate text-sm font-semibold text-gray-900 dark:text-white\">\n              {title}\n            </p>\n            {isLocked && <Badge color=\"failure\">Locked</Badge>}\n          </div>\n          <p className=\"mt-1 flex text-xs text-gray-500 dark:text-gray-400\">\n            <span className=\"relative truncate\">{text}</span>\n          </p>\n        </div>\n      </div>\n      <div className=\"flex flex-shrink-0  items-center gap-x-4\">\n        <div className=\"sm:flex sm:flex-col sm:items-end\">{children}</div>\n      </div>\n    </li>\n  );\n}\n"]}

package/dist/{chunk-V2Y67DG5.mjs → chunk-LWDFKEBO.mjs}

@@ -6,4 +6,4 @@ function d({children:s,label:o,htmlFor:e,helperText:r,className:n,errorText:t}){
 
 export { d as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-V2Y67DG5.mjs.map
+//# sourceMappingURL=chunk-LWDFKEBO.mjs.map

package/dist/{chunk-V2Y67DG5.mjs.map → chunk-LWDFKEBO.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/form-row.tsx"],"names":["clsx","Label","jsx","jsxs","FormRow","children","label","htmlFor","helperText","className","errorText"],"mappings":"AAAA,OAAOA,MAAU,OACjB,OAAS,SAAAC,MAAa,iBAoBlB,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,UAAWH,EAAK,yCAA0CS,CAAS,EACtE,UAAAP,EAACD,EAAA,CAAM,QAASM,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","sourcesContent":["import clsx from \"clsx\";\nimport { Label } from \"flowbite-react\";\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"]}
+{"version":3,"sources":["../src/form-row.tsx"],"names":["clsx","Label","jsx","jsxs","FormRow","children","label","htmlFor","helperText","className","errorText"],"mappings":"AAAA,OAAOA,MAAU,OACjB,OAAS,SAAAC,MAAa,iBAoBlB,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,UAAWH,EAAK,yCAA0CS,CAAS,EACtE,UAAAP,EAACD,EAAA,CAAM,QAASM,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","sourcesContent":["import clsx from \"clsx\";\nimport { Label } from \"flowbite-react\";\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"]}

package/dist/chunk-NBWCYEL6.mjs

@@ -0,0 +1,9 @@
+import e from 'clsx';
+import { HiExclamation, HiInformationCircle } from 'react-icons/hi';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function s({text:i,type:r}){return jsxs("div",{className:e("flex items-center",{info:" text-blue-500  dark:text-blue-200",warning:" text-yellow-500  dark:text-yellow-200"}[r]),children:[r=="warning"&&jsx(HiExclamation,{className:"ml-4 mr-2 h-auto w-5 flex-shrink-0 "}),r=="info"&&jsx(HiInformationCircle,{className:"ml-4 mr-2 h-auto w-5 flex-shrink-0 "}),jsx("p",{className:e("text-sm font-medium",{info:" text-gray-500 dark:bg-gray-400 ",warning:""}[r]),children:i})]})}
+
+export { s as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-NBWCYEL6.mjs.map

package/dist/chunk-NBWCYEL6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alert.tsx"],"names":["clsx","HiInformationCircle","HiExclamation","jsx","jsxs","Alert","text","type"],"mappings":"AAAA,OAAOA,MAAU,OACjB,OAAS,uBAAAC,EAAqB,iBAAAC,MAAqB,iBAS/C,OAUI,OAAAC,EAVJ,QAAAC,MAAA,oBAFG,SAASC,EAAM,CAAE,KAAAC,EAAM,KAAAC,CAAK,EAAU,CAC3C,OACEH,EAAC,OACC,UAAWJ,EACT,oBACA,CACE,KAAM,qCACN,QAAS,wCACX,EAAEO,CAAI,CACR,EAEC,UAAAA,GAAQ,WACPJ,EAACD,EAAA,CAAc,UAAU,sCAAsC,EAEhEK,GAAQ,QACPJ,EAACF,EAAA,CAAoB,UAAU,sCAAsC,EAEvEE,EAAC,KACC,UAAWH,EACT,sBACA,CACE,KAAM,mCACN,QAAS,EACX,EAAEO,CAAI,CACR,EAEC,SAAAD,EACH,GACF,CAEJ","sourcesContent":["import clsx from \"clsx\";\nimport { HiInformationCircle, HiExclamation } from \"react-icons/hi\";\n\ntype Props = {\n  text: string;\n  type: \"warning\" | \"info\";\n};\n\nexport function Alert({ text, type }: Props) {\n  return (\n    <div\n      className={clsx(\n        \"flex items-center\",\n        {\n          info: \" text-blue-500  dark:text-blue-200\",\n          warning: \" text-yellow-500  dark:text-yellow-200\",\n        }[type]\n      )}\n    >\n      {type == \"warning\" && (\n        <HiExclamation className=\"ml-4 mr-2 h-auto w-5 flex-shrink-0 \" />\n      )}\n      {type == \"info\" && (\n        <HiInformationCircle className=\"ml-4 mr-2 h-auto w-5 flex-shrink-0 \" />\n      )}\n      <p\n        className={clsx(\n          \"text-sm font-medium\",\n          {\n            info: \" text-gray-500 dark:bg-gray-400 \",\n            warning: \"\",\n          }[type]\n        )}\n      >\n        {text}\n      </p>\n    </div>\n  );\n}\n"]}

package/dist/chunk-RMX72FR3.mjs

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function i({children:e,title:a,text:s,border:n,className:o}){return jsxs("div",{className:`${o} flex flex-wrap items-center justify-between gap-4 sm:flex-nowrap 
+      ${n?"border-b pb-4 dark:border-gray-900":""} `,children:[jsxs("div",{children:[jsx("p",{className:"mb-1 text-sm font-medium dark:text-white",children:a}),jsx("p",{className:"flex-shrink text-xs font-normal text-gray-500 dark:text-gray-400",children:s})]}),e&&e]})}
+
+export { i as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-RMX72FR3.mjs.map

package/dist/chunk-RMX72FR3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/text-row.tsx"],"names":["jsx","jsxs","TextRow","children","title","text","border","className"],"mappings":"AAcM,OACE,OAAAA,EADF,QAAAC,MAAA,oBANC,SAASC,EAAQ,CAAE,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,OAAAC,EAAQ,UAAAC,CAAU,EAAU,CAC3E,OACEN,EAAC,OACC,UAAW,GAAGM;AAAA,QACZD,EAAS,qCAAuC,MAElD,UAAAL,EAAC,OACC,UAAAD,EAAC,KAAE,UAAU,2CAA4C,SAAAI,EAAM,EAC/DJ,EAAC,KAAE,UAAU,mEACV,SAAAK,EACH,GACF,EACCF,GAAYA,GACf,CAEJ","sourcesContent":["type Props = {\n  children?: JSX.Element;\n  title: string;\n  text: string;\n  border?: boolean;\n  className?: string;\n};\n\nexport function TextRow({ children, title, text, border, className }: Props) {\n  return (\n    <div\n      className={`${className} flex flex-wrap items-center justify-between gap-4 sm:flex-nowrap \n      ${border ? \"border-b pb-4 dark:border-gray-900\" : \"\"} `}\n    >\n      <div>\n        <p className=\"mb-1 text-sm font-medium dark:text-white\">{title}</p>\n        <p className=\"flex-shrink text-xs font-normal text-gray-500 dark:text-gray-400\">\n          {text}\n        </p>\n      </div>\n      {children && children}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-ADTTJ2WF.mjs → chunk-YTTLKTRL.mjs}

@@ -2,8 +2,8 @@ import { useRef, useEffect, useState } from 'react';
 import { SketchPicker } from 'react-color';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function P({defaultColour:u="#ff00ff",onChange:r,onComplete:l}){let t=useRef(null);useEffect(()=>{let e=o=>{t.current&&!t.current.contains(o.target)&&s(!1);};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0);}},[]);let[c,s]=useState(!1),[i,d]=useState(u),f=e=>{let o=e.hex;d(o),r!=null&&r(o);},h=e=>{l!=null&&l(e.hex);},m=()=>{s(!c);};return jsxs("div",{className:"relative",children:[jsx("button",{type:"button",className:" h-6 w-6 rounded-md border-2 border-solid border-slate-600",style:{backgroundColor:`${i}`},onClick:m}),c&&jsx("div",{ref:t,children:jsx(SketchPicker,{className:"absolute right-0 z-10",disableAlpha:!0,color:i,onChange:f,onChangeComplete:h})})]})}
+function P({defaultColour:u="#ff00ff",onChange:r,onComplete:l}){let t=useRef(null);useEffect(()=>{let e=o=>{t.current&&!t.current.contains(o.target)&&s(!1);};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0);}},[]);let[c,s]=useState(!1),[i,d]=useState(u),f=e=>{let o=e.hex;d(o),r!=null&&r(o);},h=e=>{l!=null&&l(e.hex);},m=()=>{s(!c);};return jsxs("div",{className:"relative",children:[jsx("button",{type:"button",className:" h-6 w-6 rounded-md border border-solid border-slate-300",style:{backgroundColor:`${i}`},onClick:m}),c&&jsx("div",{ref:t,children:jsx(SketchPicker,{className:"absolute right-0 z-10",disableAlpha:!0,color:i,onChange:f,onChangeComplete:h})})]})}
 
 export { P as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ADTTJ2WF.mjs.map
+//# sourceMappingURL=chunk-YTTLKTRL.mjs.map

package/dist/{chunk-ADTTJ2WF.mjs.map → chunk-YTTLKTRL.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/color-picker.tsx"],"names":["useState","useRef","useEffect","SketchPicker","jsx","jsxs","ColorPicker","defaultColour","onChange","onComplete","ref","handleClickOutside","e","setShowPicker","showPicker","colour","setColour","handleChange","color","hex","handleChangeComplete","toggleShowPicker"],"mappings":"AAAA,OAAS,YAAAA,EAAU,UAAAC,EAAQ,aAAAC,MAAiB,QAC5C,OAAS,gBAAAC,MAAoB,cA4CzB,OACE,OAAAC,EADF,QAAAC,MAAA,oBApCG,SAASC,EAAY,CAC1B,cAAAC,EAAgB,UAChB,SAAAC,EACA,WAAAC,CACF,EAAU,CACR,IAAMC,EAAMT,EAAY,IAAI,EAC5BC,EAAU,IAAM,CACd,IAAMS,EAAsBC,GAAkB,CACxCF,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASE,EAAE,MAAM,GAC/CC,EAAc,EAAK,CAEvB,EAEA,gBAAS,iBAAiB,QAASF,EAAoB,EAAI,EACpD,IAAM,CACX,SAAS,oBAAoB,QAASA,EAAoB,EAAI,CAChE,CACF,EAAG,CAAC,CAAC,EAEL,GAAM,CAACG,EAAYD,CAAa,EAAIb,EAAS,EAAK,EAC5C,CAACe,EAAQC,CAAS,EAAIhB,EAASO,CAAa,EAC5CU,EAAgBC,GAAe,CACnC,IAAMC,EAAMD,EAAM,IAClBF,EAAUG,CAAG,EACTX,GAAY,MAAMA,EAASW,CAAG,CACpC,EAEMC,EAAwBF,GAAe,CAEvCT,GAAc,MAAMA,EAAWS,EAAM,GAAG,CAC9C,EACMG,EAAmB,IAAM,CAC7BR,EAAc,CAACC,CAAU,CAC3B,EAEA,OACET,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,UACC,KAAK,SACL,UAAU,6DACV,MAAO,CACL,gBAAiB,GAAGW,GACtB,EACA,QAASM,EACV,EACAP,GACCV,EAAC,OAAI,IAAKM,EACR,SAAAN,EAACD,EAAA,CACC,UAAU,wBACV,aAAY,GACZ,MAAOY,EACP,SAAUE,EACV,iBAAkBG,EACpB,EACF,GAEJ,CAEJ","sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { SketchPicker } from \"react-color\";\n\ntype Props = {\n  defaultColour?: string;\n  onChange?: Function;\n  onComplete?: Function; // To reduce renders in the parent this cb is best, depending upon the context it is called\n};\n\nexport function ColorPicker({\n  defaultColour = \"#ff00ff\",\n  onChange,\n  onComplete,\n}: Props) {\n  const ref = useRef<any>(null);\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target)) {\n        setShowPicker(false);\n      }\n    };\n\n    document.addEventListener(\"click\", handleClickOutside, true);\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside, true);\n    };\n  }, []);\n\n  const [showPicker, setShowPicker] = useState(false);\n  const [colour, setColour] = useState(defaultColour);\n  const handleChange = (color: any) => {\n    const hex = color.hex;\n    setColour(hex);\n    if (onChange != null) onChange(hex);\n  };\n\n  const handleChangeComplete = (color: any) => {\n    // We don't set the colour here as it is done in onChange\n    if (onComplete != null) onComplete(color.hex);\n  };\n  const toggleShowPicker = () => {\n    setShowPicker(!showPicker);\n  };\n\n  return (\n    <div className=\"relative\">\n      <button\n        type=\"button\"\n        className=\" h-6 w-6 rounded-md border-2 border-solid border-slate-600\"\n        style={{\n          backgroundColor: `${colour}`,\n        }}\n        onClick={toggleShowPicker}\n      ></button>\n      {showPicker && (\n        <div ref={ref}>\n          <SketchPicker\n            className=\"absolute right-0 z-10\"\n            disableAlpha\n            color={colour}\n            onChange={handleChange}\n            onChangeComplete={handleChangeComplete}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/color-picker.tsx"],"names":["useState","useRef","useEffect","SketchPicker","jsx","jsxs","ColorPicker","defaultColour","onChange","onComplete","ref","handleClickOutside","e","setShowPicker","showPicker","colour","setColour","handleChange","color","hex","handleChangeComplete","toggleShowPicker"],"mappings":"AAAA,OAAS,YAAAA,EAAU,UAAAC,EAAQ,aAAAC,MAAiB,QAC5C,OAAS,gBAAAC,MAAoB,cA4CzB,OACE,OAAAC,EADF,QAAAC,MAAA,oBApCG,SAASC,EAAY,CAC1B,cAAAC,EAAgB,UAChB,SAAAC,EACA,WAAAC,CACF,EAAU,CACR,IAAMC,EAAMT,EAAY,IAAI,EAC5BC,EAAU,IAAM,CACd,IAAMS,EAAsBC,GAAkB,CACxCF,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASE,EAAE,MAAM,GAC/CC,EAAc,EAAK,CAEvB,EAEA,gBAAS,iBAAiB,QAASF,EAAoB,EAAI,EACpD,IAAM,CACX,SAAS,oBAAoB,QAASA,EAAoB,EAAI,CAChE,CACF,EAAG,CAAC,CAAC,EAEL,GAAM,CAACG,EAAYD,CAAa,EAAIb,EAAS,EAAK,EAC5C,CAACe,EAAQC,CAAS,EAAIhB,EAASO,CAAa,EAC5CU,EAAgBC,GAAe,CACnC,IAAMC,EAAMD,EAAM,IAClBF,EAAUG,CAAG,EACTX,GAAY,MAAMA,EAASW,CAAG,CACpC,EAEMC,EAAwBF,GAAe,CAEvCT,GAAc,MAAMA,EAAWS,EAAM,GAAG,CAC9C,EACMG,EAAmB,IAAM,CAC7BR,EAAc,CAACC,CAAU,CAC3B,EAEA,OACET,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,UACC,KAAK,SACL,UAAU,2DACV,MAAO,CACL,gBAAiB,GAAGW,GACtB,EACA,QAASM,EACV,EACAP,GACCV,EAAC,OAAI,IAAKM,EACR,SAAAN,EAACD,EAAA,CACC,UAAU,wBACV,aAAY,GACZ,MAAOY,EACP,SAAUE,EACV,iBAAkBG,EACpB,EACF,GAEJ,CAEJ","sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { SketchPicker } from \"react-color\";\n\ntype Props = {\n  defaultColour?: string;\n  onChange?: Function;\n  onComplete?: Function; // To reduce renders in the parent this cb is best, depending upon the context it is called\n};\n\nexport function ColorPicker({\n  defaultColour = \"#ff00ff\",\n  onChange,\n  onComplete,\n}: Props) {\n  const ref = useRef<any>(null);\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target)) {\n        setShowPicker(false);\n      }\n    };\n\n    document.addEventListener(\"click\", handleClickOutside, true);\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside, true);\n    };\n  }, []);\n\n  const [showPicker, setShowPicker] = useState(false);\n  const [colour, setColour] = useState(defaultColour);\n  const handleChange = (color: any) => {\n    const hex = color.hex;\n    setColour(hex);\n    if (onChange != null) onChange(hex);\n  };\n\n  const handleChangeComplete = (color: any) => {\n    // We don't set the colour here as it is done in onChange\n    if (onComplete != null) onComplete(color.hex);\n  };\n  const toggleShowPicker = () => {\n    setShowPicker(!showPicker);\n  };\n\n  return (\n    <div className=\"relative\">\n      <button\n        type=\"button\"\n        className=\" h-6 w-6 rounded-md border border-solid border-slate-300\"\n        style={{\n          backgroundColor: `${colour}`,\n        }}\n        onClick={toggleShowPicker}\n      ></button>\n      {showPicker && (\n        <div ref={ref}>\n          <SketchPicker\n            className=\"absolute right-0 z-10\"\n            disableAlpha\n            color={colour}\n            onChange={handleChange}\n            onChangeComplete={handleChangeComplete}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/color-picker.mjs

@@ -1,4 +1,4 @@
-export { a as ColorPicker } from './chunk-ADTTJ2WF.mjs';
+export { a as ColorPicker } from './chunk-YTTLKTRL.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=color-picker.mjs.map

package/dist/drawer.mjs

@@ -1,4 +1,4 @@
-export { a as Drawer } from './chunk-WSFN3NS3.mjs';
+export { a as Drawer } from './chunk-JWLV57CY.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=drawer.mjs.map

package/dist/form-row.d.ts

@@ -2,7 +2,7 @@ type Props = {
     children: React.ReactNode;
     label: string;
     htmlFor: string;
-    helperText?: string;
+    helperText?: String;
     className?: string;
     errorText?: string;
 };

package/dist/form-row.mjs

@@ -1,4 +1,4 @@
-export { a as FormRow } from './chunk-V2Y67DG5.mjs';
+export { a as FormRow } from './chunk-LWDFKEBO.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=form-row.mjs.map