ekm-ui 0.0.16 → 0.0.17

package/.turbo/turbo-build.log

@@ -7,22 +7,22 @@ $ tsup
 CLI Cleaning output folder
 ESM Build start
 DTS Build start
-DTS ⚡️ Build success in 28179ms
+DTS ⚡️ Build success in 24945ms
 DTS dist/ekm-logo.d.ts                     104.00 B
 DTS dist/footer-heart-icon.d.ts            70.00 B
 DTS dist/index.d.ts                        1.40 KB
-DTS dist/alert.d.ts                        145.00 B
+DTS dist/alert.d.ts                        202.00 B
 DTS dist/avatar.d.ts                       222.00 B
 DTS dist/button-group-item.d.ts            228.00 B
 DTS dist/button.d.ts                       343.00 B
 DTS dist/card-payment-block.d.ts           170.00 B
 DTS dist/color-picker.d.ts                 215.00 B
-DTS dist/dashboard-notification.d.ts       296.00 B
+DTS dist/dashboard-notification.d.ts       369.00 B
 DTS dist/draggable-stacked-list-item.d.ts  299.00 B
 DTS dist/drawer.d.ts                       209.00 B
 DTS dist/form-row.d.ts                     294.00 B
 DTS dist/input-addon.d.ts                  195.00 B
-DTS dist/input-copy.d.ts                   179.00 B
+DTS dist/input-copy.d.ts                   240.00 B
 DTS dist/love-footer.d.ts                  68.00 B
 DTS dist/mini-feature-block.d.ts           254.00 B
 DTS dist/no-results-block.d.ts             256.00 B
@@ -37,14 +37,14 @@ $ tsup
 DTS dist/sidebar/sidebar.d.ts              166.00 B
 DTS dist/toast/index.d.ts                  420.00 B
 "HiArchive", "HiCurrencyDollar", "HiInbox", "HiLogout", "HiOutlineTicket", "HiShoppingBag", "HiUserCircle", "HiUsers" and "HiViewGrid" are imported from external module "react-icons/hi" but never used in "dist/chunk-256SAVHD.mjs".
-ESM dist/layout/layout.css                    101.51 KB
 ESM dist/stacked-list-item.css                101.52 KB
+ESM dist/layout/layout.css                    101.51 KB
 ESM dist/index.css                            101.51 KB
 ESM dist/card-payment-block.css               101.52 KB
-ESM dist/layout/layout.css.map                144.86 KB
 ESM dist/stacked-list-item.css.map            144.85 KB
-ESM dist/card-payment-block.css.map           144.85 KB
+ESM dist/layout/layout.css.map                144.86 KB
 ESM dist/index.css.map                        144.85 KB
+ESM dist/card-payment-block.css.map           144.85 KB
 ESM dist/chunk-RUPJ2ZHA.mjs                   1.13 KB
 ESM dist/navbar/navbar.mjs                    184.00 B
 ESM dist/rich-text-editor/index.mjs           159.00 B
@@ -80,23 +80,23 @@ $ tsup
 ESM dist/chunk-EWNPNF2B.mjs                   525.00 B
 ESM dist/chunk-Y5FSZ56P.mjs                   1002.00 B
 ESM dist/chunk-RMX72FR3.mjs                   576.00 B
-ESM dist/chunk-47SFKRQ7.mjs                   1.19 KB
+ESM dist/chunk-25FJ277C.mjs                   1.21 KB
 ESM dist/chunk-FAFXVD4P.mjs                   1.75 KB
-ESM dist/chunk-QUMY4T4W.mjs                   1.57 KB
+ESM dist/chunk-QRNTMHBL.mjs                   1.60 KB
 ESM dist/chunk-ZT7KDTGF.mjs                   1.69 KB
 ESM dist/chunk-LWDFKEBO.mjs                   617.00 B
 ESM dist/chunk-KAQJAKQH.mjs                   589.00 B
-ESM dist/chunk-2PMCYXYT.mjs                   857.00 B
+ESM dist/chunk-BIU2AAPZ.mjs                   886.00 B
 ESM dist/chunk-OT256LE6.mjs                   496.00 B
 ESM dist/chunk-FRIXS4BL.mjs                   56.39 KB
-ESM dist/chunk-NBWCYEL6.mjs                   706.00 B
+ESM dist/chunk-IFNV56OV.mjs                   728.00 B
 ESM dist/chunk-664HOPW7.mjs                   916.00 B
 ESM dist/chunk-SAXGEQRG.mjs                   693.00 B
 ESM dist/chunk-G676EBCC.mjs                   1.63 KB
 ESM dist/color-picker.mjs                     161.00 B
 ESM dist/chunk-YTTLKTRL.mjs                   953.00 B
 ESM dist/dashboard-notification.mjs           181.00 B
-ESM dist/chunk-VJ7LQOIW.mjs                   1.13 KB
+ESM dist/chunk-T2OVPC6F.mjs                   1.16 KB
 ESM dist/draggable-stacked-list-item.mjs      189.00 B
 ESM dist/chunk-ZPLTGYYM.mjs                   1.33 KB
 ESM dist/chunk-RUPJ2ZHA.mjs.map               71.00 B
@@ -134,23 +134,23 @@ $ tsup
 ESM dist/chunk-EWNPNF2B.mjs.map               1.07 KB
 ESM dist/chunk-Y5FSZ56P.mjs.map               1.72 KB
 ESM dist/chunk-RMX72FR3.mjs.map               1.12 KB
-ESM dist/chunk-47SFKRQ7.mjs.map               2.21 KB
+ESM dist/chunk-25FJ277C.mjs.map               2.23 KB
 ESM dist/chunk-FAFXVD4P.mjs.map               3.37 KB
-ESM dist/chunk-QUMY4T4W.mjs.map               3.42 KB
+ESM dist/chunk-QRNTMHBL.mjs.map               3.58 KB
 ESM dist/chunk-ZT7KDTGF.mjs.map               2.43 KB
 ESM dist/chunk-LWDFKEBO.mjs.map               1.46 KB
 ESM dist/chunk-KAQJAKQH.mjs.map               1.17 KB
-ESM dist/chunk-2PMCYXYT.mjs.map               2.13 KB
+ESM dist/chunk-BIU2AAPZ.mjs.map               2.19 KB
 ESM dist/chunk-OT256LE6.mjs.map               728.00 B
 ESM dist/chunk-FRIXS4BL.mjs.map               56.85 KB
-ESM dist/chunk-NBWCYEL6.mjs.map               1.52 KB
+ESM dist/chunk-IFNV56OV.mjs.map               1.57 KB
 ESM dist/chunk-664HOPW7.mjs.map               2.02 KB
 ESM dist/chunk-SAXGEQRG.mjs.map               1.18 KB
 ESM dist/chunk-G676EBCC.mjs.map               2.60 KB
 ESM dist/color-picker.mjs.map                 51.00 B
 ESM dist/chunk-YTTLKTRL.mjs.map               3.15 KB
 ESM dist/dashboard-notification.mjs.map       51.00 B
-ESM dist/chunk-VJ7LQOIW.mjs.map               2.54 KB
+ESM dist/chunk-T2OVPC6F.mjs.map               2.62 KB
 ESM dist/draggable-stacked-list-item.mjs.map  51.00 B
 ESM dist/chunk-ZPLTGYYM.mjs.map               2.81 KB
-ESM ⚡️ Build success in 39870ms
+ESM ⚡️ Build success in 36333ms

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # ekm-ui
 
+## 0.0.17
+
+### Patch Changes
+
+- 997d38d: Updated Drawer Component
+
 ## 0.0.16
 
 ### Patch Changes

package/dist/alert.d.ts

@@ -3,5 +3,8 @@ type Props = {
     type: "warning" | "info";
 };
 declare function Alert({ text, type }: Props): JSX.Element;
+declare namespace Alert {
+    var displayName: string;
+}
 
 export { Alert };

package/dist/alert.mjs

@@ -1,4 +1,4 @@
-export { a as Alert } from './chunk-NBWCYEL6.mjs';
+export { a as Alert } from './chunk-IFNV56OV.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=alert.mjs.map

package/dist/card-payment-block.mjs

@@ -7,21 +7,21 @@ import './chunk-FJQEJBBY.mjs';
 import './chunk-EWNPNF2B.mjs';
 import './chunk-Y5FSZ56P.mjs';
 import './chunk-RMX72FR3.mjs';
-import './chunk-47SFKRQ7.mjs';
+import './chunk-25FJ277C.mjs';
 import './chunk-FAFXVD4P.mjs';
-import './chunk-QUMY4T4W.mjs';
+import './chunk-QRNTMHBL.mjs';
 import './chunk-ZT7KDTGF.mjs';
 import './chunk-LWDFKEBO.mjs';
 import './chunk-KAQJAKQH.mjs';
-import './chunk-2PMCYXYT.mjs';
+import './chunk-BIU2AAPZ.mjs';
 import './chunk-OT256LE6.mjs';
 import './chunk-FRIXS4BL.mjs';
-import './chunk-NBWCYEL6.mjs';
+import './chunk-IFNV56OV.mjs';
 import './chunk-664HOPW7.mjs';
 import './chunk-SAXGEQRG.mjs';
 import './chunk-G676EBCC.mjs';
 import './chunk-YTTLKTRL.mjs';
-import './chunk-VJ7LQOIW.mjs';
+import './chunk-T2OVPC6F.mjs';
 import './chunk-ZPLTGYYM.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map

package/dist/{chunk-47SFKRQ7.mjs → chunk-25FJ277C.mjs}

@@ -1,8 +1,8 @@
 import { HiXMark, HiPlayCircle } from 'react-icons/hi2';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function n({title:a,text:t,onClose:o,children:i,imgURL:s}){return jsxs("div",{className:"relative flex flex-col gap-4 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800 sm:flex-row",children:[jsx("div",{onClick:o,className:"absolute right-2 top-2 cursor-pointer rounded p-1 transition hover:bg-gray-200 hover:dark:bg-gray-600 ",children:jsx(HiXMark,{className:"h-6 w-6 text-gray-400 dark:text-gray-300"})}),jsxs("div",{className:"relative flex-shrink-0",children:[jsx("img",{src:s,alt:"",className:"h-60 w-full border border-gray-200 object-cover object-center transition sm:h-full sm:w-80"}),jsx(HiPlayCircle,{className:"absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 transform text-white"})]}),jsx("div",{className:"flex flex-col",children:jsxs("div",{className:"p-4",children:[jsx("p",{className:"mb-1 text-lg font-semibold dark:text-white",children:a}),jsx("p",{className:"mb-4 text-gray-500 dark:text-gray-400",children:t}),i]})})]})}
+function n({title:t,text:a,onClose:o,children:i,imgURL:s}){return jsxs("div",{className:"relative flex flex-col gap-4 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800 sm:flex-row",children:[jsx("div",{onClick:o,className:"absolute right-2 top-2 cursor-pointer rounded p-1 transition hover:bg-gray-200 hover:dark:bg-gray-600 ",children:jsx(HiXMark,{className:"h-6 w-6 text-gray-400 dark:text-gray-300"})}),jsxs("div",{className:"relative flex-shrink-0",children:[jsx("img",{src:s,alt:"",className:"h-60 w-full border border-gray-200 object-cover object-center transition sm:h-full sm:w-80"}),jsx(HiPlayCircle,{className:"absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 transform text-white"})]}),jsx("div",{className:"flex flex-col justify-center",children:jsxs("div",{className:"p-4",children:[jsx("p",{className:"mb-1 text-lg font-semibold dark:text-white",children:t}),jsx("p",{className:"mb-4 text-gray-500 dark:text-gray-400",children:a}),i]})})]})}
 
 export { n as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-47SFKRQ7.mjs.map
+//# sourceMappingURL=chunk-25FJ277C.mjs.map

package/dist/{chunk-47SFKRQ7.mjs.map → chunk-25FJ277C.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/video-dashboard-notification.tsx"],"names":["HiPlayCircle","HiXMark","jsx","jsxs","VideoDashboardNotification","title","text","onClose","children","imgURL"],"mappings":"AAEA,OAAS,gBAAAA,EAAc,WAAAC,MAAe,kBAuB9B,cAAAC,EAEF,QAAAC,MAFE,oBAbD,SAASC,EAA2B,CACzC,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,OAAAC,CACF,EAAU,CACR,OACEN,EAAC,OAAI,UAAU,sJACb,UAAAD,EAAC,OACC,QAASK,EACT,UAAU,yGAEV,SAAAL,EAACD,EAAA,CAAQ,UAAU,2CAA2C,EAChE,EACAE,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OACC,IAAKO,EACL,IAAI,GACJ,UAAU,6FACZ,EACAP,EAACF,EAAA,CAAa,UAAU,6FAA6F,GACvH,EACAE,EAAC,OAAI,UAAU,gBACb,SAAAC,EAAC,OAAI,UAAU,MACb,UAAAD,EAAC,KAAE,UAAU,6CAA8C,SAAAG,EAAM,EACjEH,EAAC,KAAE,UAAU,wCAAyC,SAAAI,EAAK,EAC1DE,GACH,EACF,GACF,CAEJ","sourcesContent":["import clsx from \"clsx\";\nimport { Card } from \"flowbite-react\";\nimport { HiPlayCircle, HiXMark } from \"react-icons/hi2\";\n\ntype Props = {\n  onClose: () => void;\n  title: string;\n  text: string;\n  children: JSX.Element;\n  imgURL: string;\n};\n\nexport function VideoDashboardNotification({\n  title,\n  text,\n  onClose,\n  children,\n  imgURL,\n}: Props) {\n  return (\n    <div className=\"relative flex flex-col gap-4 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800 sm:flex-row\">\n      <div\n        onClick={onClose}\n        className=\"absolute right-2 top-2 cursor-pointer rounded p-1 transition hover:bg-gray-200 hover:dark:bg-gray-600 \"\n      >\n        <HiXMark className=\"h-6 w-6 text-gray-400 dark:text-gray-300\" />\n      </div>\n      <div className=\"relative flex-shrink-0\">\n        <img\n          src={imgURL}\n          alt=\"\"\n          className=\"h-60 w-full border border-gray-200 object-cover object-center transition sm:h-full sm:w-80\"\n        />\n        <HiPlayCircle className=\"absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 transform text-white\" />\n      </div>\n      <div className=\"flex flex-col\">\n        <div className=\"p-4\">\n          <p className=\"mb-1 text-lg font-semibold dark:text-white\">{title}</p>\n          <p className=\"mb-4 text-gray-500 dark:text-gray-400\">{text}</p>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/video-dashboard-notification.tsx"],"names":["HiPlayCircle","HiXMark","jsx","jsxs","VideoDashboardNotification","title","text","onClose","children","imgURL"],"mappings":"AAEA,OAAS,gBAAAA,EAAc,WAAAC,MAAe,kBAuB9B,cAAAC,EAEF,QAAAC,MAFE,oBAbD,SAASC,EAA2B,CACzC,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,OAAAC,CACF,EAAU,CACR,OACEN,EAAC,OAAI,UAAU,sJACb,UAAAD,EAAC,OACC,QAASK,EACT,UAAU,yGAEV,SAAAL,EAACD,EAAA,CAAQ,UAAU,2CAA2C,EAChE,EACAE,EAAC,OAAI,UAAU,yBACb,UAAAD,EAAC,OACC,IAAKO,EACL,IAAI,GACJ,UAAU,6FACZ,EACAP,EAACF,EAAA,CAAa,UAAU,6FAA6F,GACvH,EACAE,EAAC,OAAI,UAAU,+BACb,SAAAC,EAAC,OAAI,UAAU,MACb,UAAAD,EAAC,KAAE,UAAU,6CAA8C,SAAAG,EAAM,EACjEH,EAAC,KAAE,UAAU,wCAAyC,SAAAI,EAAK,EAC1DE,GACH,EACF,GACF,CAEJ","sourcesContent":["import clsx from \"clsx\";\nimport { Card } from \"flowbite-react\";\nimport { HiPlayCircle, HiXMark } from \"react-icons/hi2\";\n\ntype Props = {\n  onClose: () => void;\n  title: string;\n  text: string;\n  children: JSX.Element;\n  imgURL: string;\n};\n\nexport function VideoDashboardNotification({\n  title,\n  text,\n  onClose,\n  children,\n  imgURL,\n}: Props) {\n  return (\n    <div className=\"relative flex flex-col gap-4 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-800 sm:flex-row\">\n      <div\n        onClick={onClose}\n        className=\"absolute right-2 top-2 cursor-pointer rounded p-1 transition hover:bg-gray-200 hover:dark:bg-gray-600 \"\n      >\n        <HiXMark className=\"h-6 w-6 text-gray-400 dark:text-gray-300\" />\n      </div>\n      <div className=\"relative flex-shrink-0\">\n        <img\n          src={imgURL}\n          alt=\"\"\n          className=\"h-60 w-full border border-gray-200 object-cover object-center transition sm:h-full sm:w-80\"\n        />\n        <HiPlayCircle className=\"absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 transform text-white\" />\n      </div>\n      <div className=\"flex flex-col justify-center\">\n        <div className=\"p-4\">\n          <p className=\"mb-1 text-lg font-semibold dark:text-white\">{title}</p>\n          <p className=\"mb-4 text-gray-500 dark:text-gray-400\">{text}</p>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-BIU2AAPZ.mjs

@@ -0,0 +1,9 @@
+import { useState, useEffect } from 'react';
+import { TextInput } from 'flowbite-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function i({id:n,name:o,text:a}){let[s,r]=useState(!1);return useEffect(()=>{let e=setInterval(()=>{r(!1);},1e3);return ()=>clearInterval(e)},[s]),jsxs("div",{className:"relative rounded-md shadow-sm",children:[jsx(TextInput,{id:n,name:o,color:s?"success":"grey",value:a,type:"text",disabled:!0}),jsx("button",{className:"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3",onClick:()=>{let e=document.getElementById(n);e&&(e.select(),e.setSelectionRange(0,99999),navigator.clipboard.writeText(e.value),r(!0));},children:jsx("span",{className:"text-gray-500 sm:text-sm",id:"price-currency",children:"COPY"})})]})}i.displayName="InputCopy";
+
+export { i as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-BIU2AAPZ.mjs.map

package/dist/chunk-BIU2AAPZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-copy.tsx"],"names":["useState","useEffect","TextInput","jsx","jsxs","InputCopy","id","name","text","selected","setSelected","interval","copy"],"mappings":"AAAA,OAAS,YAAAA,EAAU,aAAAC,MAAiB,QACpC,OAAS,aAAAC,MAAiB,iBA8BtB,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBG,SAASC,EAAU,CAAE,GAAAC,EAAI,KAAAC,EAAM,KAAAC,CAAK,EAAmB,CAC5D,GAAM,CAACC,EAAUC,CAAW,EAAIV,EAAS,EAAK,EAE9C,OAAAC,EAAU,IAAM,CACd,IAAMU,EAAW,YAAY,IAAM,CACjCD,EAAY,EAAK,CACnB,EAAG,GAAI,EAEP,MAAO,IAAM,cAAcC,CAAQ,CACrC,EAAG,CAACF,CAAQ,CAAC,EAaXL,EAAC,OAAI,UAAU,gCACb,UAAAD,EAACD,EAAA,CACC,GAAII,EACJ,KAAMC,EACN,MAAOE,EAAW,UAAY,OAC9B,MAAOD,EACP,KAAK,OACL,SAAQ,GACV,EACAL,EAAC,UACC,UAAU,mEACV,QAtBa,IAAM,CACvB,IAAMS,EAAO,SAAS,eAAeN,CAAE,EACnCM,IACFA,EAAK,OAAO,EACZA,EAAK,kBAAkB,EAAG,KAAK,EAC/B,UAAU,UAAU,UAAUA,EAAK,KAAK,EACxCF,EAAY,EAAI,EAEpB,EAgBM,SAAAP,EAAC,QAAK,UAAU,2BAA2B,GAAG,iBAAiB,gBAE/D,EACF,GACF,CAEJ,CAEAE,EAAU,YAAc","sourcesContent":["import { useState, useEffect } from \"react\";\nimport { TextInput } from \"flowbite-react\";\n\ntype InputCopyProps = {\n  id: string;\n  name: string;\n  text: string;\n};\n\nexport function InputCopy({ id, name, text }: InputCopyProps) {\n  const [selected, setSelected] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setSelected(false);\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [selected]);\n\n  const handleCopy = () => {\n    const copy = document.getElementById(id) as HTMLInputElement;\n    if (copy) {\n      copy.select();\n      copy.setSelectionRange(0, 99999);\n      navigator.clipboard.writeText(copy.value);\n      setSelected(true);\n    }\n  };\n\n  return (\n    <div className=\"relative rounded-md shadow-sm\">\n      <TextInput\n        id={id}\n        name={name}\n        color={selected ? \"success\" : \"grey\"}\n        value={text}\n        type=\"text\"\n        disabled\n      />\n      <button\n        className=\"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3\"\n        onClick={handleCopy}\n      >\n        <span className=\"text-gray-500 sm:text-sm\" id=\"price-currency\">\n          COPY\n        </span>\n      </button>\n    </div>\n  );\n}\n\nInputCopy.displayName = \"InputCopy\";\n"]}

package/dist/{chunk-NBWCYEL6.mjs → chunk-IFNV56OV.mjs}

@@ -2,8 +2,8 @@ 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})]})}
+function l({text:a,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:a})]})}l.displayName="Alert";
 
-export { s as a };
+export { l as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-NBWCYEL6.mjs.map
+//# sourceMappingURL=chunk-IFNV56OV.mjs.map

package/dist/chunk-IFNV56OV.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,CAEAD,EAAM,YAAc","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\nAlert.displayName = \"Alert\";\n"]}

package/dist/chunk-QRNTMHBL.mjs

@@ -0,0 +1,10 @@
+import { useState, useCallback, useEffect } from 'react';
+import { Drawer } from 'flowbite';
+import { HiXMark } from 'react-icons/hi2';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function k({show:t,onClose:l,children:s,title:n}){let[e,d]=useState(),b=useCallback(o=>{if(o!==null){var f=o;let g={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,g);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})]})}
+
+export { k as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-QRNTMHBL.mjs.map

package/dist/chunk-QRNTMHBL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer.tsx"],"names":["useEffect","useCallback","useState","FBDrawer","HiXMark","jsx","jsxs","Drawer","show","onClose","children","title","drawer","setDrawer","drawerCallback","node","element","options"],"mappings":"AAEA,OAAS,aAAAA,EAAW,eAAAC,EAAa,YAAAC,MAAgB,QAEjD,OAAS,UAAUC,MAAgB,WACnC,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,EAAIX,EAA0B,EAChDY,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,IAAIT,EAASa,EAASC,CAAO,EAC5C,OAAAJ,EAAUD,CAAM,EACTA,EAEX,EAAG,CAAC,CAAC,EAEL,OAAAZ,EAAU,IAAM,CACTY,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","sourcesContent":["// THIS DRAWER IS FROM THE FLOWBITE LIBRARY PAGE\n\nimport { useEffect, useCallback, useState } from \"react\";\nimport type { DrawerInterface, DrawerOptions } from \"flowbite\";\nimport { Drawer as FBDrawer } from \"flowbite\";\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"]}

package/dist/{chunk-VJ7LQOIW.mjs → chunk-T2OVPC6F.mjs}

@@ -2,8 +2,8 @@ import { Card } from 'flowbite-react';
 import { HiXMark } from 'react-icons/hi2';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function n({title:a,text:s,onClose:o,children:i,type:r,imgURL:l}){return jsxs(Card,{className:"relative shadow-sm",children:[jsx("div",{onClick:o,className:"absolute right-2 top-2 cursor-pointer rounded p-1 transition hover:bg-gray-200 hover:dark:bg-gray-600 ",children:jsx(HiXMark,{className:"h-6 w-6 text-gray-400 dark:text-gray-300"})}),jsxs("div",{className:`flex flex-col gap-4  ${r=="lg"?"items-center justify-center ":"sm:flex-row"}`,children:[jsx("div",{className:"flex-shrink-0",children:jsx("img",{src:l,alt:"",className:`h-16 w-16 rounded-md  border border-gray-200 ${r=="lg"?"h-28 w-28 object-cover object-center":""}`})}),jsxs("div",{className:`${r=="lg"?"flex flex-col items-center":""}`,children:[jsx("p",{className:`mb-1 text-lg font-semibold dark:text-white ${r=="lg"?"text-center":""}`,children:a}),jsx("p",{className:`mb-6 text-gray-500 dark:text-gray-400 ${r=="lg"?"text-center":""}`,children:s}),i]})]})]})}
+function m({title:a,text:o,onClose:s,children:i,type:r,imgURL:l}){return jsxs(Card,{className:"relative shadow-sm",children:[jsx("div",{onClick:s,className:"absolute right-2 top-2 cursor-pointer rounded p-1 transition hover:bg-gray-200 hover:dark:bg-gray-600 ",children:jsx(HiXMark,{className:"h-6 w-6 text-gray-400 dark:text-gray-300"})}),jsxs("div",{className:`flex flex-col gap-4  ${r=="lg"?"items-center justify-center ":"sm:flex-row"}`,children:[jsx("div",{className:"flex-shrink-0",children:jsx("img",{src:l,alt:"",className:`h-16 w-16 rounded-md  border border-gray-200 ${r=="lg"?"h-28 w-28 object-cover object-center":""}`})}),jsxs("div",{className:`${r=="lg"?"flex flex-col items-center":""}`,children:[jsx("p",{className:`mb-1 text-lg font-semibold dark:text-white ${r=="lg"?"text-center":""}`,children:a}),jsx("p",{className:`mb-6 text-gray-500 dark:text-gray-400 ${r=="lg"?"text-center":""}`,children:o}),i]})]})]})}m.displayName="DashboardNotification";
 
-export { n as a };
+export { m as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-VJ7LQOIW.mjs.map
+//# sourceMappingURL=chunk-T2OVPC6F.mjs.map

package/dist/chunk-T2OVPC6F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dashboard-notification.tsx"],"names":["Card","HiXMark","jsx","jsxs","DashboardNotification","title","text","onClose","children","type","imgURL"],"mappings":"AACA,OAAS,QAAAA,MAAY,iBACrB,OAAS,WAAAC,MAAe,kBAyBhB,cAAAC,EAgBA,QAAAC,MAhBA,oBAdD,SAASC,EAAsB,CACpC,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,OAAAC,CACF,EAAU,CACR,OACEP,EAACH,EAAA,CAAK,UAAW,qBACf,UAAAE,EAAC,OACC,QAASK,EACT,UAAU,yGAEV,SAAAL,EAACD,EAAA,CAAQ,UAAU,2CAA2C,EAChE,EACAE,EAAC,OACC,UAAW,wBACTM,GAAQ,KAAO,+BAAiC,gBAGlD,UAAAP,EAAC,OAAI,UAAU,gBACb,SAAAA,EAAC,OACC,IAAKQ,EACL,IAAI,GACJ,UAAW,gDACTD,GAAQ,KAAO,uCAAyC,KAE5D,EACF,EACAN,EAAC,OAAI,UAAW,GAAGM,GAAQ,KAAO,6BAA+B,KAC/D,UAAAP,EAAC,KACC,UAAW,8CACTO,GAAQ,KAAO,cAAgB,KAGhC,SAAAJ,EACH,EACAH,EAAC,KACC,UAAW,yCACTO,GAAQ,KAAO,cAAgB,KAGhC,SAAAH,EACH,EACCE,GACH,GACF,GACF,CAEJ,CAEAJ,EAAsB,YAAc","sourcesContent":["import clsx from \"clsx\";\nimport { Card } from \"flowbite-react\";\nimport { HiXMark } from \"react-icons/hi2\";\n\ntype Props = {\n  onClose: () => void;\n  title: string;\n  text: string;\n  children: JSX.Element;\n  imgURL: string;\n  type: \"sm\" | \"lg\";\n};\n\nexport function DashboardNotification({\n  title,\n  text,\n  onClose,\n  children,\n  type,\n  imgURL,\n}: Props) {\n  return (\n    <Card className={`relative shadow-sm`}>\n      <div\n        onClick={onClose}\n        className=\"absolute right-2 top-2 cursor-pointer rounded p-1 transition hover:bg-gray-200 hover:dark:bg-gray-600 \"\n      >\n        <HiXMark className=\"h-6 w-6 text-gray-400 dark:text-gray-300\" />\n      </div>\n      <div\n        className={`flex flex-col gap-4  ${\n          type == \"lg\" ? \"items-center justify-center \" : \"sm:flex-row\"\n        }`}\n      >\n        <div className=\"flex-shrink-0\">\n          <img\n            src={imgURL}\n            alt=\"\"\n            className={`h-16 w-16 rounded-md  border border-gray-200 ${\n              type == \"lg\" ? \"h-28 w-28 object-cover object-center\" : \"\"\n            }`}\n          />\n        </div>\n        <div className={`${type == \"lg\" ? \"flex flex-col items-center\" : \"\"}`}>\n          <p\n            className={`mb-1 text-lg font-semibold dark:text-white ${\n              type == \"lg\" ? \"text-center\" : \"\"\n            }`}\n          >\n            {title}\n          </p>\n          <p\n            className={`mb-6 text-gray-500 dark:text-gray-400 ${\n              type == \"lg\" ? \"text-center\" : \"\"\n            }`}\n          >\n            {text}\n          </p>\n          {children}\n        </div>\n      </div>\n    </Card>\n  );\n}\n\nDashboardNotification.displayName = \"DashboardNotification\";\n"]}

package/dist/dashboard-notification.d.ts

@@ -7,5 +7,8 @@ type Props = {
     type: "sm" | "lg";
 };
 declare function DashboardNotification({ title, text, onClose, children, type, imgURL, }: Props): JSX.Element;
+declare namespace DashboardNotification {
+    var displayName: string;
+}
 
 export { DashboardNotification };

package/dist/dashboard-notification.mjs

@@ -1,4 +1,4 @@
-export { a as DashboardNotification } from './chunk-VJ7LQOIW.mjs';
+export { a as DashboardNotification } from './chunk-T2OVPC6F.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=dashboard-notification.mjs.map

package/dist/drawer.mjs

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

package/dist/index.mjs

@@ -7,21 +7,21 @@ export { a as MiniFeatureBlock } from './chunk-FJQEJBBY.mjs';
 export { a as NoResultsBlock } from './chunk-EWNPNF2B.mjs';
 export { a as PageHeader } from './chunk-Y5FSZ56P.mjs';
 export { a as TextRow } from './chunk-RMX72FR3.mjs';
-export { a as VideoDashboardNotification } from './chunk-47SFKRQ7.mjs';
+export { a as VideoDashboardNotification } from './chunk-25FJ277C.mjs';
 export { a as VideoModal } from './chunk-FAFXVD4P.mjs';
-export { a as Drawer } from './chunk-QUMY4T4W.mjs';
+export { a as Drawer } from './chunk-QRNTMHBL.mjs';
 import './chunk-ZT7KDTGF.mjs';
 export { a as FormRow } from './chunk-LWDFKEBO.mjs';
 export { a as InputAddon } from './chunk-KAQJAKQH.mjs';
-export { a as InputCopy } from './chunk-2PMCYXYT.mjs';
+export { a as InputCopy } from './chunk-BIU2AAPZ.mjs';
 export { a as LoveFooter } from './chunk-OT256LE6.mjs';
 import './chunk-FRIXS4BL.mjs';
-export { a as Alert } from './chunk-NBWCYEL6.mjs';
+export { a as Alert } from './chunk-IFNV56OV.mjs';
 export { a as Avatar } from './chunk-664HOPW7.mjs';
 export { a as ButtonGroupItem } from './chunk-SAXGEQRG.mjs';
 export { a as Button } from './chunk-G676EBCC.mjs';
 export { a as ColorPicker } from './chunk-YTTLKTRL.mjs';
-export { a as DashboardNotification } from './chunk-VJ7LQOIW.mjs';
+export { a as DashboardNotification } from './chunk-T2OVPC6F.mjs';
 export { a as DraggableStackedListItem } from './chunk-ZPLTGYYM.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map

package/dist/input-copy.d.ts

@@ -4,5 +4,8 @@ type InputCopyProps = {
     text: string;
 };
 declare function InputCopy({ id, name, text }: InputCopyProps): JSX.Element;
+declare namespace InputCopy {
+    var displayName: string;
+}
 
 export { InputCopy };

package/dist/input-copy.mjs

@@ -1,4 +1,4 @@
-export { a as InputCopy } from './chunk-2PMCYXYT.mjs';
+export { a as InputCopy } from './chunk-BIU2AAPZ.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=input-copy.mjs.map

package/dist/layout/layout.mjs

@@ -7,21 +7,21 @@ import '../chunk-FJQEJBBY.mjs';
 import '../chunk-EWNPNF2B.mjs';
 import '../chunk-Y5FSZ56P.mjs';
 import '../chunk-RMX72FR3.mjs';
-import '../chunk-47SFKRQ7.mjs';
+import '../chunk-25FJ277C.mjs';
 import '../chunk-FAFXVD4P.mjs';
-import '../chunk-QUMY4T4W.mjs';
+import '../chunk-QRNTMHBL.mjs';
 import '../chunk-ZT7KDTGF.mjs';
 import '../chunk-LWDFKEBO.mjs';
 import '../chunk-KAQJAKQH.mjs';
-import '../chunk-2PMCYXYT.mjs';
+import '../chunk-BIU2AAPZ.mjs';
 import '../chunk-OT256LE6.mjs';
 import '../chunk-FRIXS4BL.mjs';
-import '../chunk-NBWCYEL6.mjs';
+import '../chunk-IFNV56OV.mjs';
 import '../chunk-664HOPW7.mjs';
 import '../chunk-SAXGEQRG.mjs';
 import '../chunk-G676EBCC.mjs';
 import '../chunk-YTTLKTRL.mjs';
-import '../chunk-VJ7LQOIW.mjs';
+import '../chunk-T2OVPC6F.mjs';
 import '../chunk-ZPLTGYYM.mjs';
 import '../chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map

package/dist/stacked-list-item.mjs

@@ -7,21 +7,21 @@ import './chunk-FJQEJBBY.mjs';
 import './chunk-EWNPNF2B.mjs';
 import './chunk-Y5FSZ56P.mjs';
 import './chunk-RMX72FR3.mjs';
-import './chunk-47SFKRQ7.mjs';
+import './chunk-25FJ277C.mjs';
 import './chunk-FAFXVD4P.mjs';
-import './chunk-QUMY4T4W.mjs';
+import './chunk-QRNTMHBL.mjs';
 import './chunk-ZT7KDTGF.mjs';
 import './chunk-LWDFKEBO.mjs';
 import './chunk-KAQJAKQH.mjs';
-import './chunk-2PMCYXYT.mjs';
+import './chunk-BIU2AAPZ.mjs';
 import './chunk-OT256LE6.mjs';
 import './chunk-FRIXS4BL.mjs';
-import './chunk-NBWCYEL6.mjs';
+import './chunk-IFNV56OV.mjs';
 import './chunk-664HOPW7.mjs';
 import './chunk-SAXGEQRG.mjs';
 import './chunk-G676EBCC.mjs';
 import './chunk-YTTLKTRL.mjs';
-import './chunk-VJ7LQOIW.mjs';
+import './chunk-T2OVPC6F.mjs';
 import './chunk-ZPLTGYYM.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map

package/dist/video-dashboard-notification.mjs

@@ -1,4 +1,4 @@
-export { a as VideoDashboardNotification } from './chunk-47SFKRQ7.mjs';
+export { a as VideoDashboardNotification } from './chunk-25FJ277C.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=video-dashboard-notification.mjs.map

package/package.json

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

package/src/alert.tsx

@@ -37,3 +37,5 @@ export function Alert({ text, type }: Props) {
     </div>
   );
 }
+
+Alert.displayName = "Alert";

package/src/dashboard-notification.tsx

@@ -62,3 +62,5 @@ export function DashboardNotification({
     </Card>
   );
 }
+
+DashboardNotification.displayName = "DashboardNotification";

package/src/drawer.tsx

@@ -1,10 +1,10 @@
 // THIS DRAWER IS FROM THE FLOWBITE LIBRARY PAGE
 
-import { useEffect, useCallback } from "react";
+import { useEffect, useCallback, useState } from "react";
+import type { DrawerInterface, DrawerOptions } from "flowbite";
 import { Drawer as FBDrawer } from "flowbite";
-import type { DrawerOptions, DrawerInterface } from "flowbite";
 import { HiXMark } from "react-icons/hi2";
-import { Button } from "./index";
+
 type Props = {
   show: boolean;
   onClose: () => void;
@@ -13,7 +13,7 @@ type Props = {
 };
 
 export function Drawer({ show, onClose, children, title }: Props) {
-  var drawer: DrawerInterface;
+  const [drawer, setDrawer] = useState<DrawerInterface>();
   const drawerCallback = useCallback((node: any) => {
     if (node !== null) {
       var element = node;
@@ -25,8 +25,10 @@ export function Drawer({ show, onClose, children, title }: Props) {
         edgeOffset: "",
         backdropClasses:
           "bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30",
+        onHide: onClose,
       };
-      drawer = new FBDrawer(element, options);
+      const drawer = new FBDrawer(element, options);
+      setDrawer(drawer);
       return drawer;
     }
   }, []);
@@ -40,7 +42,7 @@ export function Drawer({ show, onClose, children, title }: Props) {
     } else {
       drawer.hide();
     }
-  }, [show]);
+  }, [show, drawer]);
 
   return (
     <div

package/src/input-copy.tsx

@@ -38,14 +38,16 @@ export function InputCopy({ id, name, text }: InputCopyProps) {
         type="text"
         disabled
       />
-      <div
+      <button
         className="absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3"
         onClick={handleCopy}
       >
         <span className="text-gray-500 sm:text-sm" id="price-currency">
           COPY
         </span>
-      </div>
+      </button>
     </div>
   );
 }
+
+InputCopy.displayName = "InputCopy";

package/src/video-dashboard-notification.tsx

@@ -33,7 +33,7 @@ export function VideoDashboardNotification({
         />
         <HiPlayCircle className="absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 transform text-white" />
       </div>
-      <div className="flex flex-col">
+      <div className="flex flex-col justify-center">
         <div className="p-4">
           <p className="mb-1 text-lg font-semibold dark:text-white">{title}</p>
           <p className="mb-4 text-gray-500 dark:text-gray-400">{text}</p>

package/dist/chunk-2PMCYXYT.mjs

@@ -1,9 +0,0 @@
-import { useState, useEffect } from 'react';
-import { TextInput } from 'flowbite-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function y({id:s,name:a,text:o}){let[n,r]=useState(!1);return useEffect(()=>{let e=setInterval(()=>{r(!1);},1e3);return ()=>clearInterval(e)},[n]),jsxs("div",{className:"relative rounded-md shadow-sm",children:[jsx(TextInput,{id:s,name:a,color:n?"success":"grey",value:o,type:"text",disabled:!0}),jsx("div",{className:"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3",onClick:()=>{let e=document.getElementById(s);e&&(e.select(),e.setSelectionRange(0,99999),navigator.clipboard.writeText(e.value),r(!0));},children:jsx("span",{className:"text-gray-500 sm:text-sm",id:"price-currency",children:"COPY"})})]})}
-
-export { y as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-2PMCYXYT.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/input-copy.tsx"],"names":["useState","useEffect","TextInput","jsx","jsxs","InputCopy","id","name","text","selected","setSelected","interval","copy"],"mappings":"AAAA,OAAS,YAAAA,EAAU,aAAAC,MAAiB,QACpC,OAAS,aAAAC,MAAiB,iBA8BtB,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBG,SAASC,EAAU,CAAE,GAAAC,EAAI,KAAAC,EAAM,KAAAC,CAAK,EAAmB,CAC5D,GAAM,CAACC,EAAUC,CAAW,EAAIV,EAAS,EAAK,EAE9C,OAAAC,EAAU,IAAM,CACd,IAAMU,EAAW,YAAY,IAAM,CACjCD,EAAY,EAAK,CACnB,EAAG,GAAI,EAEP,MAAO,IAAM,cAAcC,CAAQ,CACrC,EAAG,CAACF,CAAQ,CAAC,EAaXL,EAAC,OAAI,UAAU,gCACb,UAAAD,EAACD,EAAA,CACC,GAAII,EACJ,KAAMC,EACN,MAAOE,EAAW,UAAY,OAC9B,MAAOD,EACP,KAAK,OACL,SAAQ,GACV,EACAL,EAAC,OACC,UAAU,mEACV,QAtBa,IAAM,CACvB,IAAMS,EAAO,SAAS,eAAeN,CAAE,EACnCM,IACFA,EAAK,OAAO,EACZA,EAAK,kBAAkB,EAAG,KAAK,EAC/B,UAAU,UAAU,UAAUA,EAAK,KAAK,EACxCF,EAAY,EAAI,EAEpB,EAgBM,SAAAP,EAAC,QAAK,UAAU,2BAA2B,GAAG,iBAAiB,gBAE/D,EACF,GACF,CAEJ","sourcesContent":["import { useState, useEffect } from \"react\";\nimport { TextInput } from \"flowbite-react\";\n\ntype InputCopyProps = {\n  id: string;\n  name: string;\n  text: string;\n};\n\nexport function InputCopy({ id, name, text }: InputCopyProps) {\n  const [selected, setSelected] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setSelected(false);\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [selected]);\n\n  const handleCopy = () => {\n    const copy = document.getElementById(id) as HTMLInputElement;\n    if (copy) {\n      copy.select();\n      copy.setSelectionRange(0, 99999);\n      navigator.clipboard.writeText(copy.value);\n      setSelected(true);\n    }\n  };\n\n  return (\n    <div className=\"relative rounded-md shadow-sm\">\n      <TextInput\n        id={id}\n        name={name}\n        color={selected ? \"success\" : \"grey\"}\n        value={text}\n        type=\"text\"\n        disabled\n      />\n      <div\n        className=\"absolute inset-y-0 right-0 flex cursor-pointer items-center pr-3\"\n        onClick={handleCopy}\n      >\n        <span className=\"text-gray-500 sm:text-sm\" id=\"price-currency\">\n          COPY\n        </span>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-NBWCYEL6.mjs.map

@@ -1 +0,0 @@
-{"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-QUMY4T4W.mjs

@@ -1,10 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import { Drawer } from 'flowbite';
-import { HiXMark } from 'react-icons/hi2';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function h({show:t,onClose:l,children:i,title:s}){var e;let n=useCallback(o=>{if(o!==null){var d=o;let b={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"};return e=new Drawer(d,b),e}},[]);return useEffect(()=>{e&&(t?e.show():e.hide());},[t]),jsxs("div",{ref:n,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:s}),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:i})]})}
-
-export { h as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-QUMY4T4W.mjs.map

package/dist/chunk-QUMY4T4W.mjs.map

@@ -1 +0,0 @@
-{"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,kBAgDhB,cAAAC,EAMA,QAAAC,MANA,oBAvCD,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,CACTW,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    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-VJ7LQOIW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/dashboard-notification.tsx"],"names":["Card","HiXMark","jsx","jsxs","DashboardNotification","title","text","onClose","children","type","imgURL"],"mappings":"AACA,OAAS,QAAAA,MAAY,iBACrB,OAAS,WAAAC,MAAe,kBAyBhB,cAAAC,EAgBA,QAAAC,MAhBA,oBAdD,SAASC,EAAsB,CACpC,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,OAAAC,CACF,EAAU,CACR,OACEP,EAACH,EAAA,CAAK,UAAW,qBACf,UAAAE,EAAC,OACC,QAASK,EACT,UAAU,yGAEV,SAAAL,EAACD,EAAA,CAAQ,UAAU,2CAA2C,EAChE,EACAE,EAAC,OACC,UAAW,wBACTM,GAAQ,KAAO,+BAAiC,gBAGlD,UAAAP,EAAC,OAAI,UAAU,gBACb,SAAAA,EAAC,OACC,IAAKQ,EACL,IAAI,GACJ,UAAW,gDACTD,GAAQ,KAAO,uCAAyC,KAE5D,EACF,EACAN,EAAC,OAAI,UAAW,GAAGM,GAAQ,KAAO,6BAA+B,KAC/D,UAAAP,EAAC,KACC,UAAW,8CACTO,GAAQ,KAAO,cAAgB,KAGhC,SAAAJ,EACH,EACAH,EAAC,KACC,UAAW,yCACTO,GAAQ,KAAO,cAAgB,KAGhC,SAAAH,EACH,EACCE,GACH,GACF,GACF,CAEJ","sourcesContent":["import clsx from \"clsx\";\nimport { Card } from \"flowbite-react\";\nimport { HiXMark } from \"react-icons/hi2\";\n\ntype Props = {\n  onClose: () => void;\n  title: string;\n  text: string;\n  children: JSX.Element;\n  imgURL: string;\n  type: \"sm\" | \"lg\";\n};\n\nexport function DashboardNotification({\n  title,\n  text,\n  onClose,\n  children,\n  type,\n  imgURL,\n}: Props) {\n  return (\n    <Card className={`relative shadow-sm`}>\n      <div\n        onClick={onClose}\n        className=\"absolute right-2 top-2 cursor-pointer rounded p-1 transition hover:bg-gray-200 hover:dark:bg-gray-600 \"\n      >\n        <HiXMark className=\"h-6 w-6 text-gray-400 dark:text-gray-300\" />\n      </div>\n      <div\n        className={`flex flex-col gap-4  ${\n          type == \"lg\" ? \"items-center justify-center \" : \"sm:flex-row\"\n        }`}\n      >\n        <div className=\"flex-shrink-0\">\n          <img\n            src={imgURL}\n            alt=\"\"\n            className={`h-16 w-16 rounded-md  border border-gray-200 ${\n              type == \"lg\" ? \"h-28 w-28 object-cover object-center\" : \"\"\n            }`}\n          />\n        </div>\n        <div className={`${type == \"lg\" ? \"flex flex-col items-center\" : \"\"}`}>\n          <p\n            className={`mb-1 text-lg font-semibold dark:text-white ${\n              type == \"lg\" ? \"text-center\" : \"\"\n            }`}\n          >\n            {title}\n          </p>\n          <p\n            className={`mb-6 text-gray-500 dark:text-gray-400 ${\n              type == \"lg\" ? \"text-center\" : \"\"\n            }`}\n          >\n            {text}\n          </p>\n          {children}\n        </div>\n      </div>\n    </Card>\n  );\n}\n"]}