ekm-ui 0.3.85 → 0.3.89

package/dist/card-payment-block.js

@@ -1,22 +1,24 @@
-export { g as CardPaymentBlock } from './chunk-BS2JSVCX.js';
+export { g as CardPaymentBlock } from './chunk-PZSZTHB6.js';
+import './chunk-RHBXFO7R.js';
 import './chunk-CVZY2CLV.js';
 import './chunk-N7JQ6EAC.js';
 import './chunk-HVNLAQA6.js';
 import './chunk-52VBZOHL.js';
 import './chunk-ZHMUFBQM.js';
-import './chunk-Q3HXAUZP.js';
 import './chunk-E62SCYLR.js';
+import './chunk-Q3HXAUZP.js';
 import './chunk-JHGOFDVG.js';
 import './chunk-4E6CDLVE.js';
 import './chunk-XXP5K6Y4.js';
-import './chunk-RHBXFO7R.js';
-import './chunk-P4BV63ZR.js';
+import './chunk-X6RBGNFS.js';
+import './chunk-7Q6OMA2A.js';
+import './chunk-5QCQEH52.js';
 import './chunk-QCHLLBHM.js';
 import './chunk-LIXVY47P.js';
 import './chunk-G2WGEIWK.js';
 import './chunk-7WJGATIR.js';
 import './chunk-RTRHNOTP.js';
-import './chunk-RS2EPFQY.js';
+import './chunk-SFEJDNIA.js';
 import './chunk-E5KIDP3Z.js';
 import './chunk-TBJGGVSZ.js';
 import './chunk-QKHEEDZ4.js';
@@ -28,8 +30,8 @@ import './chunk-EEMQBWYJ.js';
 import './chunk-LTMZ5RRZ.js';
 import './chunk-IY6WVOAI.js';
 import './chunk-VGGEDWFD.js';
-import './chunk-TKQKGJ3X.js';
-import './chunk-LJMVG4UJ.js';
+import './chunk-AVTJXS4U.js';
+import './chunk-F7AUKLLE.js';
 import './chunk-QMOPWIA3.js';
 import './chunk-SLIZ4TDR.js';
 import './chunk-FPELMAZN.js';
@@ -38,9 +40,9 @@ import './chunk-6YBVKGQW.js';
 import './chunk-ISA6E23B.js';
 import './chunk-7Z2AKRKU.js';
 import './chunk-WSRPB5OU.js';
-import './chunk-MD4AM55R.js';
+import './chunk-4GDWK5BI.js';
 import './chunk-DSJ5TRZW.js';
-import './chunk-QP53HWTU.js';
+import './chunk-UUMCAKW4.js';
 import './chunk-4RKNVFVG.js';
 import './chunk-M4UBHZDH.js';
 import './chunk-TMO76FWT.js';

package/dist/{chunk-MD4AM55R.js → chunk-4GDWK5BI.js}

@@ -1,5 +1,5 @@
 import { a as a$3 } from './chunk-DSJ5TRZW.js';
-import { a as a$2 } from './chunk-QP53HWTU.js';
+import { a as a$2 } from './chunk-UUMCAKW4.js';
 import { a as a$4 } from './chunk-BLUJNMXF.js';
 import { a } from './chunk-6LHL364H.js';
 import { d, e, b as b$1, a as a$1 } from './chunk-Z4LPO673.js';
@@ -13,4 +13,4 @@ var P=d((Ft,X)=>{function Le(e){var t=typeof e;return e!=null&&(t=="object"||t==
 
 export { qe as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-MD4AM55R.js.map
+//# sourceMappingURL=chunk-4GDWK5BI.js.map

package/dist/chunk-5QCQEH52.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function l({children:e,title:a,text:s,border:i,className:n,id:d}){return jsxs("div",{id:d||void 0,className:`${n||""} flex flex-wrap items-center justify-between gap-4 sm:flex-nowrap 
+      ${i?"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]})}l.displayName="TextRow";
+
+export { l as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-5QCQEH52.js.map

package/dist/chunk-5QCQEH52.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/text-row.tsx"],"names":["jsx","jsxs","TextRow","children","title","text","border","className","id"],"mappings":"AAgBM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAPC,SAASC,EAAQ,CAAE,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,OAAAC,EAAQ,UAAAC,EAAW,GAAAC,CAAG,EAAU,CAC/E,OACEP,EAAC,OACC,GAAIO,GAAM,OACV,UAAW,GAAGD,GAAa;AAAA,QACzBD,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,CAEAD,EAAQ,YAAc","sourcesContent":["type Props = {\n  children?: JSX.Element;\n  title: string;\n  text: string;\n  border?: boolean;\n  className?: string;\n  id?: string | null;\n};\n\nexport function TextRow({ children, title, text, border, className, id }: Props) {\n  return (\n    <div\n      id={id || undefined}\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\nTextRow.displayName = \"TextRow\";\n"]}

package/dist/chunk-7Q6OMA2A.js

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function d(){return jsx("div",{className:"border-b bg-white p-8 shadow-sm dark:border-gray-700 dark:bg-gray-800 lg:flex lg:items-center lg:justify-between",children:jsxs("div",{className:"w-full",children:[jsx("div",{className:"w-32 h-4 bg-gray-200 rounded-md"}),jsx("div",{className:"flex items-center",children:jsx("div",{className:"mt-2 w-80 h-10 bg-gray-400 rounded-md"})})]})})}function l({children:r}){return jsxs("main",{id:"nbuiContainer",className:"relative dark:bg-gray-900 flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ",children:[jsx(d,{}),jsx("form",{className:"grid-col-1 grid gap-y-4 px-4",children:r})]})}
+
+export { l as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-7Q6OMA2A.js.map

package/dist/chunk-7Q6OMA2A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nbui/nbui-container.tsx"],"names":["jsx","jsxs","NBUI_PageHeader","NBUI_Container","children"],"mappings":"AAIM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAHN,SAASC,GAAkB,CACzB,OACEF,EAAC,OAAI,UAAU,mHACb,SAAAC,EAAC,OAAI,UAAU,SACb,UAAAD,EAAC,OAAI,UAAU,kCAAkC,EACjDA,EAAC,OAAI,UAAU,oBACb,SAAAA,EAAC,OAAI,UAAU,wCAAwC,EACzD,GACF,EACF,CAEJ,CAEO,SAASG,EAAe,CAAE,SAAAC,CAAS,EAAG,CAC3C,OACEH,EAAC,QAAK,GAAG,gBAAgB,UAAU,6FACjC,UAAAD,EAACE,EAAA,EAAgB,EACjBF,EAAC,QAAK,UAAU,+BAAgC,SAAAI,EAAS,GAC3D,CAEJ","sourcesContent":["//@ts-nocheck\nfunction NBUI_PageHeader() {\n  return (\n    <div className=\"border-b bg-white p-8 shadow-sm dark:border-gray-700 dark:bg-gray-800 lg:flex lg:items-center lg:justify-between\">\n      <div className=\"w-full\">\n        <div className=\"w-32 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"flex items-center\">\n          <div className=\"mt-2 w-80 h-10 bg-gray-400 rounded-md\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function NBUI_Container({ children }) {\n  return (\n    <main id=\"nbuiContainer\" className=\"relative dark:bg-gray-900 flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 \">\n      <NBUI_PageHeader />\n      <form className=\"grid-col-1 grid gap-y-4 px-4\">{children}</form>\n    </main>\n  )\n}"]}

package/dist/chunk-AVTJXS4U.js

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function x({icon:t,title:l,text:s,children:n,buttons:r}){return jsxs("div",{id:"noResultsBlock",className:"flex flex-col items-center justify-between px-4 py-16 sm:px-8",children:[t,jsx("h4",{className:"text-center text-xl font-bold dark:text-white",children:l}),jsx("p",{className:"mb-6 text-center text-gray-500 dark:text-gray-400",children:s}),jsx("div",{className:"flex flex-wrap",children:n})]})}
+
+export { x as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-AVTJXS4U.js.map

package/dist/chunk-AVTJXS4U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/no-results-block.tsx"],"names":["jsx","jsxs","NoResultsBlock","icon","title","text","children","buttons"],"mappings":"AAWI,OAEE,OAAAA,EAFF,QAAAC,MAAA,oBAFG,SAASC,EAAe,CAAE,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,QAAAC,CAAQ,EAAU,CAC9E,OACEN,EAAC,OAAI,GAAG,iBAAiB,UAAU,gEAChC,UAAAE,EACDH,EAAC,MAAG,UAAU,gDAAiD,SAAAI,EAAM,EACrEJ,EAAC,KAAE,UAAU,oDACV,SAAAK,EACH,EACAL,EAAC,OAAI,UAAU,iBAAkB,SAAAM,EAAS,GAC5C,CAEJ","sourcesContent":["\ntype Props = {\n  title: string;\n  icon: JSX.Element;\n  text: string;\n  buttons?: JSX.Element;\n  children?: JSX.Element;\n};\n\nexport function NoResultsBlock({ icon, title, text, children, buttons }: Props) {\n  return (\n    <div id='noResultsBlock' className=\"flex flex-col items-center justify-between px-4 py-16 sm:px-8\">\n      {icon}\n      <h4 className=\"text-center text-xl font-bold dark:text-white\">{title}</h4>\n      <p className=\"mb-6 text-center text-gray-500 dark:text-gray-400\">\n        {text}\n      </p>\n      <div className=\"flex flex-wrap\">{children}</div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-LJMVG4UJ.js → chunk-F7AUKLLE.js}

@@ -3,8 +3,8 @@ import { useState, useCallback, useEffect } from 'react';
 import { HiXMark } from 'react-icons/hi2';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function h({show:t,onClose:l,children:s,title:n}){let[e,d]=useState(),b=useCallback(o=>{if(o!==null){var f=o;let w={placement:"right",backdrop:!0,bodyScrolling:!1,edge:!1,edgeOffset:"",backdropClasses:"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30",onHide:l},i=new Drawer(f,w);return d(i),i}},[]);return useEffect(()=>{e&&(t?e.show():e.hide());},[t,e]),jsxs("div",{ref:b,id:"EKM-ui-drawer",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]",tabIndex:-1,"aria-labelledby":"drawer-right-label",children:[jsxs("div",{className:"absolute w-full bg-white",children:[jsx("h5",{id:"drawer-js-label",className:"inline-flex w-full items-center border-b-2 p-4	 text-lg  font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white",children:n}),jsxs("button",{onClick:l,id:"drawer-hide-button",type:"button","aria-controls":"drawer-example",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",children:[jsx(HiXMark,{className:"h-auto w-6"}),jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsx("div",{className:"flex h-full flex-col p-4 pt-20",children:s})]})}h.displayName="Drawer";
+function h({show:t,onClose:l,children:s,title:n}){let[e,d]=useState(),b=useCallback(o=>{if(o!==null){var f=o;let w={placement:"right",backdrop:!0,bodyScrolling:!1,edge:!1,edgeOffset:"",backdropClasses:"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30",onHide:l},i=new Drawer(f,w);return d(i),i}},[]);return useEffect(()=>{e&&(t?e.show():e.hide());},[t,e]),jsxs("div",{ref:b,id:"EKM-ui-drawer",className:"fixed right-0 top-0 z-50 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]",tabIndex:-1,"aria-labelledby":"drawer-right-label",children:[jsxs("div",{className:"absolute w-full bg-white",children:[jsx("h5",{id:"drawer-js-label",className:"inline-flex w-full items-center border-b-2 p-4	 text-lg  font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white",children:n}),jsxs("button",{onClick:l,id:"drawer-hide-button",type:"button","aria-controls":"drawer-example",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",children:[jsx(HiXMark,{className:"h-auto w-6"}),jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsx("div",{className:"flex h-full flex-col p-4 pt-20",children:s})]})}h.displayName="Drawer";
 
 export { h as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-LJMVG4UJ.js.map
+//# sourceMappingURL=chunk-F7AUKLLE.js.map

package/dist/{chunk-LJMVG4UJ.js.map → chunk-F7AUKLLE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/drawer.tsx"],"names":["FBDrawer","useCallback","useEffect","useState","HiXMark","jsx","jsxs","Drawer","show","onClose","children","title","drawer","setDrawer","drawerCallback","node","element","options"],"mappings":"AAGA,OAAS,UAAUA,MAAgB,WACnC,OAAS,eAAAC,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QACjD,OAAS,WAAAC,MAAe,kBAkDhB,cAAAC,EAMA,QAAAC,MANA,oBAzCD,SAASC,EAAO,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,MAAAC,CAAM,EAAU,CAChE,GAAM,CAACC,EAAQC,CAAS,EAAIV,EAA0B,EAChDW,EAAiBb,EAAac,GAAc,CAChD,GAAIA,IAAS,KAAM,CACjB,IAAIC,EAAUD,EACd,IAAME,EAAyB,CAC7B,UAAW,QACX,SAAU,GACV,cAAe,GACf,KAAM,GACN,WAAY,GACZ,gBACE,kEACF,OAAQR,CACV,EACMG,EAAS,IAAIZ,EAASgB,EAASC,CAAO,EAC5C,OAAAJ,EAAUD,CAAM,EACTA,EAEX,EAAG,CAAC,CAAC,EAEL,OAAAV,EAAU,IAAM,CACTU,IAGDJ,EACFI,EAAO,KAAK,EAEZA,EAAO,KAAK,EAEhB,EAAG,CAACJ,EAAMI,CAAM,CAAC,EAGfN,EAAC,OACC,IAAKQ,EACL,GAAG,gBACH,UAAU,qJACV,SAAU,GACV,kBAAgB,qBAEhB,UAAAR,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,CAEAH,EAAO,YAAc","sourcesContent":["// THIS DRAWER IS FROM THE FLOWBITE LIBRARY PAGE\n\nimport type { DrawerInterface, DrawerOptions } from \"flowbite\";\nimport { Drawer as FBDrawer } from \"flowbite\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { HiXMark } from \"react-icons/hi2\";\n\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  const [drawer, setDrawer] = useState<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        onHide: onClose,\n      };\n      const drawer = new FBDrawer(element, options);\n      setDrawer(drawer);\n      return drawer;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!drawer) {\n      return;\n    }\n    if (show) {\n      drawer.show();\n    } else {\n      drawer.hide();\n    }\n  }, [show, drawer]);\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\nDrawer.displayName = \"Drawer\";\n"]}
+{"version":3,"sources":["../src/drawer.tsx"],"names":["FBDrawer","useCallback","useEffect","useState","HiXMark","jsx","jsxs","Drawer","show","onClose","children","title","drawer","setDrawer","drawerCallback","node","element","options"],"mappings":"AAGA,OAAS,UAAUA,MAAgB,WACnC,OAAS,eAAAC,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QACjD,OAAS,WAAAC,MAAe,kBAkDhB,cAAAC,EAMA,QAAAC,MANA,oBAzCD,SAASC,EAAO,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,MAAAC,CAAM,EAAU,CAChE,GAAM,CAACC,EAAQC,CAAS,EAAIV,EAA0B,EAChDW,EAAiBb,EAAac,GAAc,CAChD,GAAIA,IAAS,KAAM,CACjB,IAAIC,EAAUD,EACd,IAAME,EAAyB,CAC7B,UAAW,QACX,SAAU,GACV,cAAe,GACf,KAAM,GACN,WAAY,GACZ,gBACE,kEACF,OAAQR,CACV,EACMG,EAAS,IAAIZ,EAASgB,EAASC,CAAO,EAC5C,OAAAJ,EAAUD,CAAM,EACTA,EAEX,EAAG,CAAC,CAAC,EAEL,OAAAV,EAAU,IAAM,CACTU,IAGDJ,EACFI,EAAO,KAAK,EAEZA,EAAO,KAAK,EAEhB,EAAG,CAACJ,EAAMI,CAAM,CAAC,EAGfN,EAAC,OACC,IAAKQ,EACL,GAAG,gBACH,UAAU,qJACV,SAAU,GACV,kBAAgB,qBAEhB,UAAAR,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,CAEAH,EAAO,YAAc","sourcesContent":["// THIS DRAWER IS FROM THE FLOWBITE LIBRARY PAGE\n\nimport type { DrawerInterface, DrawerOptions } from \"flowbite\";\nimport { Drawer as FBDrawer } from \"flowbite\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { HiXMark } from \"react-icons/hi2\";\n\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  const [drawer, setDrawer] = useState<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        onHide: onClose,\n      };\n      const drawer = new FBDrawer(element, options);\n      setDrawer(drawer);\n      return drawer;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!drawer) {\n      return;\n    }\n    if (show) {\n      drawer.show();\n    } else {\n      drawer.hide();\n    }\n  }, [show, drawer]);\n\n  return (\n    <div\n      ref={drawerCallback}\n      id=\"EKM-ui-drawer\"\n      className=\"fixed right-0 top-0 z-50 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\nDrawer.displayName = \"Drawer\";\n"]}

package/dist/{chunk-BS2JSVCX.js → chunk-PZSZTHB6.js}

@@ -7,10 +7,10 @@ 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-HTXOCBXA.js';
 import { a as a$d } from './chunk-LTMZ5RRZ.js';
-import { a as a$e } from './chunk-TKQKGJ3X.js';
-import { a as a$3 } from './chunk-LJMVG4UJ.js';
+import { a as a$e } from './chunk-AVTJXS4U.js';
+import { a as a$3 } from './chunk-F7AUKLLE.js';
 import { a as a$6 } from './chunk-WSRPB5OU.js';
-import { a as a$9 } from './chunk-QP53HWTU.js';
+import { a as a$9 } from './chunk-UUMCAKW4.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';
@@ -31,4 +31,4 @@ function je({cardPayment:e,enablePayPal:r}){return jsxs(a$6,{className:"border-0
 
 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-BS2JSVCX.js.map
+//# sourceMappingURL=chunk-PZSZTHB6.js.map

package/dist/chunk-SFEJDNIA.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-TRVGXTCI.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function x({children:l,title:i,text:m,breadcrumbs:s,extras:n}){return jsx("div",{id:"pageHeader",className:"border-b bg-white p-8 shadow-sm dark:border-gray-700 dark:bg-gray-800 lg:flex lg:items-center lg:justify-between",children:jsxs("div",{className:"flex w-full flex-wrap items-center justify-between gap-x-8 gap-y-4 sm:flex-nowrap ",children:[jsxs("div",{children:[jsx(a,{"aria-label":"Default breadcrumb example",children:(s||[]).map((r,d)=>d===0?jsx(a.Home,{href:r.linkURL,children:r.linkLabel},r.linkURL):jsx(a.Item,{href:r.linkURL,children:r.linkLabel},r.linkURL))}),jsxs("div",{className:"flex items-center",children:[jsx("h2",{className:"mt-2 text-xl font-semibold leading-7 text-gray-900 dark:text-white sm:truncate",children:i}),n]}),jsx("p",{className:" text-sm font-normal text-gray-500 dark:text-gray-400",children:m})]}),jsx("div",{className:"mt-1 flex flex-shrink-0 flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6",children:l})]})})}x.displayName="PageHeader";
+
+export { x as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-SFEJDNIA.js.map

package/dist/chunk-SFEJDNIA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/page-header.tsx"],"names":["jsx","jsxs","PageHeader","children","title","text","breadcrumbs","extras","Breadcrumb","bc","i"],"mappings":"mCAoBkB,cAAAA,EAYR,QAAAC,MAZQ,oBATX,SAASC,EAAW,CAAE,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,YAAAC,EAAa,OAAAC,CAAO,EAAU,CAChF,OACEP,EAAC,OAAI,GAAG,aAAa,UAAU,mHAC7B,SAAAC,EAAC,OAAI,UAAU,qFACb,UAAAA,EAAC,OACC,UAAAD,EAACQ,EAAA,CAAW,aAAW,6BACnB,UAAAF,GAAe,CAAC,GAAG,IAAI,CAACG,EAAIC,IACxBA,IAAM,EAENV,EAACQ,EAAW,KAAX,CAAiC,KAAMC,EAAG,QACxC,SAAAA,EAAG,WADgBA,EAAG,OAEzB,EAIFT,EAACQ,EAAW,KAAX,CAAiC,KAAMC,EAAG,QACxC,SAAAA,EAAG,WADgBA,EAAG,OAEzB,CAEH,EACH,EACAR,EAAC,OAAI,UAAU,oBACf,UAAAD,EAAC,MAAG,UAAU,iFACX,SAAAI,EACD,EACDG,GACH,EACEP,EAAC,KAAE,UAAU,wDACV,SAAAK,EACH,GACF,EACAL,EAAC,OAAI,UAAU,iFACZ,SAAAG,EACH,GACF,EACF,CAEJ,CAEAD,EAAW,YAAc","sourcesContent":["//@ts-nocheck\nimport { Breadcrumb } from \"./breadcrumb\";\n\ntype Props = {\n  title: string;\n  text?: string | Element[];\n  children?: JSX.Element;\n  breadcrumbs: Array<{ linkLabel: string; linkURL: string }>;\n  extras: JSX.Element;\n};\n\nexport function PageHeader({ children, title, text, breadcrumbs, extras }: Props) {\n  return (\n    <div id=\"pageHeader\" className=\"border-b bg-white p-8 shadow-sm dark:border-gray-700 dark:bg-gray-800 lg:flex lg:items-center lg:justify-between\">\n      <div className=\"flex w-full flex-wrap items-center justify-between gap-x-8 gap-y-4 sm:flex-nowrap \">\n        <div>\n          <Breadcrumb aria-label=\"Default breadcrumb example\">\n            {(breadcrumbs || []).map((bc, i) => {\n              if (i === 0) {\n                return (\n                  <Breadcrumb.Home key={bc.linkURL} href={bc.linkURL}>\n                    {bc.linkLabel}\n                  </Breadcrumb.Home>\n                );\n              }\n              return (\n                <Breadcrumb.Item key={bc.linkURL} href={bc.linkURL}>\n                  {bc.linkLabel}\n                </Breadcrumb.Item>\n              );\n            })}\n          </Breadcrumb>\n          <div className='flex items-center'>\n          <h2 className=\"mt-2 text-xl font-semibold leading-7 text-gray-900 dark:text-white sm:truncate\">\n            {title}\n            </h2>\n          {extras}\n        </div>      \n          <p className=\" text-sm font-normal text-gray-500 dark:text-gray-400\">\n            {text}\n          </p>\n        </div>\n        <div className=\"mt-1 flex flex-shrink-0 flex-col sm:mt-0 sm:flex-row sm:flex-wrap sm:space-x-6\">\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nPageHeader.displayName = \"PageHeader\";\n"]}

package/dist/chunk-UUMCAKW4.js

@@ -0,0 +1,9 @@
+import { a } from './chunk-4RKNVFVG.js';
+import d from 'clsx';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function m({children:n,label:e,htmlFor:o,helperText:r,className:l,errorText:t,id:i}){return jsxs("div",{id:i||void 0,className:d("grid grid-cols-1 content-start gap-y-2",l),children:[jsx(a,{htmlFor:o,color:t&&"failure",children:e}),n,r&&!t&&jsx("span",{className:"text-xs font-normal text-gray-500 dark:text-gray-400",children:r}),t&&jsx("span",{className:"text-xs font-normal text-red-500 dark:text-red-500",children:t})]})}m.displayName="FormRow";
+
+export { m as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-UUMCAKW4.js.map

package/dist/chunk-UUMCAKW4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form-row.tsx"],"names":["clsx","jsx","jsxs","FormRow","children","label","htmlFor","helperText","className","errorText","id","Label"],"mappings":"wCAAA,OAAOA,MAAU,OAuBb,OACE,OAAAC,EADF,QAAAC,MAAA,oBAVG,SAASC,EAAQ,CACtB,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,EACA,GAAAC,CACF,EAAU,CACR,OACER,EAAC,OAAI,GAAIQ,GAAM,OAAW,UAAWV,EAAK,yCAA0CQ,CAAS,EAC3F,UAAAP,EAACU,EAAA,CAAM,QAASL,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  id?: string | null;\n};\n\nexport function FormRow({\n  children,\n  label,\n  htmlFor,\n  helperText,\n  className,\n  errorText,\n  id,\n}: Props) {\n  return (\n    <div id={id || undefined} 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-X6RBGNFS.js

@@ -0,0 +1,7 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function r(){return jsx("div",{className:"flex flex-col rounded-lg border border-gray-200 bg-white px-5 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800",children:jsxs("div",{className:"flex h-full flex-col justify-center gap-4",children:[jsx("div",{className:"w-1/4 h-6 bg-gray-400 rounded-md"}),jsx("div",{className:"mt-2 w-2/4 h-4 bg-gray-200 rounded-md"}),jsx("div",{className:"mt-4 w-2/4 h-4 bg-gray-200 rounded-md"}),jsx("div",{className:"mt-4 w-2/4 h-4 bg-gray-200 rounded-md"}),jsx("div",{className:"mt-4 w-2/4 h-4 bg-gray-200 rounded-md"}),jsx("div",{className:"mt-4 w-2/4 h-4 bg-gray-200 rounded-md"}),jsx("div",{className:"mt-4 w-2/4 h-4 bg-gray-200 rounded-md"})]})})}
+
+export { r as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-X6RBGNFS.js.map

package/dist/chunk-X6RBGNFS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nbui/nbui-card.tsx"],"names":["jsx","jsxs","NBUI_Card"],"mappings":"AAGM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAHC,SAASC,GAAY,CAC1B,OACEF,EAAC,OAAI,UAAU,qHACb,SAAAC,EAAC,OAAI,UAAU,4CACb,UAAAD,EAAC,OAAI,UAAU,mCAAmC,EAClDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACF,CAEJ","sourcesContent":["export function NBUI_Card() {\n  return (\n    <div className=\"flex flex-col rounded-lg border border-gray-200 bg-white px-5 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800\">\n      <div className=\"flex h-full flex-col justify-center gap-4\">\n        <div className=\"w-1/4 h-6 bg-gray-400 rounded-md\" />\n        <div className=\"mt-2 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n      </div>\n    </div>\n  )\n}"]}

package/dist/date-range-picker.js

@@ -1,6 +1,6 @@
-export { a as DateRangePicker } from './chunk-MD4AM55R.js';
+export { a as DateRangePicker } from './chunk-4GDWK5BI.js';
 import './chunk-DSJ5TRZW.js';
-import './chunk-QP53HWTU.js';
+import './chunk-UUMCAKW4.js';
 import './chunk-4RKNVFVG.js';
 import './chunk-BLUJNMXF.js';
 import './chunk-TJMI4DH2.js';