ekm-ui 0.3.76 → 0.3.78

package/dist/{chunk-PPMW7YAZ.mjs → chunk-SFSA2WUE.mjs}

@@ -5,36 +5,36 @@ import { FaBold, FaItalic, FaUnderline, FaStrikethrough, FaRemoveFormat } from '
 import k from '@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor';
 import C from '@ckeditor/ckeditor5-alignment/src/alignment';
 import T from '@ckeditor/ckeditor5-autoformat/src/autoformat';
-import E from '@ckeditor/ckeditor5-block-quote/src/blockquote';
-import I from '@ckeditor/ckeditor5-basic-styles/src/bold';
-import w from '@ckeditor/ckeditor5-basic-styles/src/code';
-import S from '@ckeditor/ckeditor5-code-block/src/codeblock';
-import N from '@ckeditor/ckeditor5-essentials/src/essentials';
-import R from '@ckeditor/ckeditor5-heading/src/heading';
-import F from '@ckeditor/ckeditor5-image/src/image';
-import B from '@ckeditor/ckeditor5-image/src/imagecaption';
-import P from '@ckeditor/ckeditor5-image/src/imageresize';
-import H from '@ckeditor/ckeditor5-image/src/imagestyle';
-import D from '@ckeditor/ckeditor5-image/src/imagetoolbar';
-import A from '@ckeditor/ckeditor5-indent/src/indent';
-import _ from '@ckeditor/ckeditor5-indent/src/indentblock';
-import L from '@ckeditor/ckeditor5-basic-styles/src/italic';
-import O from '@ckeditor/ckeditor5-link/src/link';
-import U from '@ckeditor/ckeditor5-list/src/list';
-import M from '@ckeditor/ckeditor5-list/src/listproperties';
-import j from '@ckeditor/ckeditor5-paragraph/src/paragraph';
-import z from '@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice';
-import K from '@ckeditor/ckeditor5-image/src/pictureediting';
-import J from '@ckeditor/ckeditor5-remove-format/src/removeformat';
-import Q from '@ckeditor/ckeditor5-basic-styles/src/strikethrough';
-import q from '@ckeditor/ckeditor5-table/src/table';
-import G from '@ckeditor/ckeditor5-table/src/tabletoolbar';
-import V from '@ckeditor/ckeditor5-typing/src/texttransformation';
-import W from '@ckeditor/ckeditor5-basic-styles/src/underline';
+import E from '@ckeditor/ckeditor5-basic-styles/src/bold';
+import I from '@ckeditor/ckeditor5-basic-styles/src/code';
+import w from '@ckeditor/ckeditor5-basic-styles/src/italic';
+import S from '@ckeditor/ckeditor5-basic-styles/src/strikethrough';
+import N from '@ckeditor/ckeditor5-basic-styles/src/underline';
+import R from '@ckeditor/ckeditor5-block-quote/src/blockquote';
+import F from '@ckeditor/ckeditor5-code-block/src/codeblock';
+import B from '@ckeditor/ckeditor5-essentials/src/essentials';
+import P from '@ckeditor/ckeditor5-heading/src/heading';
+import H from '@ckeditor/ckeditor5-image/src/image';
+import D from '@ckeditor/ckeditor5-image/src/imagecaption';
+import A from '@ckeditor/ckeditor5-image/src/imageresize';
+import _ from '@ckeditor/ckeditor5-image/src/imagestyle';
+import L from '@ckeditor/ckeditor5-image/src/imagetoolbar';
+import O from '@ckeditor/ckeditor5-image/src/pictureediting';
+import U from '@ckeditor/ckeditor5-indent/src/indent';
+import M from '@ckeditor/ckeditor5-indent/src/indentblock';
+import j from '@ckeditor/ckeditor5-link/src/link';
+import z from '@ckeditor/ckeditor5-list/src/list';
+import K from '@ckeditor/ckeditor5-list/src/listproperties';
+import J from '@ckeditor/ckeditor5-paragraph/src/paragraph';
+import Q from '@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice';
+import q from '@ckeditor/ckeditor5-remove-format/src/removeformat';
+import G from '@ckeditor/ckeditor5-table/src/table';
+import V from '@ckeditor/ckeditor5-table/src/tabletoolbar';
+import W from '@ckeditor/ckeditor5-typing/src/texttransformation';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var m=class extends k{};m.builtinPlugins=[C,T,E,I,w,S,N,R,F,B,P,H,D,A,_,L,O,U,M,j,z,K,J,Q,q,G,V,W];m.defaultConfig={codeBlock:{languages:[{language:"css",label:"CSS"},{language:"html",label:"HTML"},{language:"javascript",label:"JavaScript"},{language:"php",label:"PHP"}]},image:{resizeUnit:"px",toolbar:["imageStyle:inline","imageStyle:wrapText","imageStyle:breakText","|","toggleImageCaption","imageTextAlternative"]},table:{contentToolbar:["tableColumn","tableRow","mergeTableCells"]},language:"en"};var v=m;function Me(t){let[e,l]=useState(null);return useEffect(()=>{e==null||e.listenTo(e==null?void 0:e.model.document.selection,"change:range",i=>{let o=e==null?void 0:e.model.document.selection,n=o==null?void 0:o.getFirstRange();if(n){let r="";for(let g of n.getItems())r+=g.data;t.onSelectedTextChange&&t.onSelectedTextChange(r);}}),e==null||e.model.document.on("change:data",()=>{t.onDataChange&&t.onDataChange((e==null?void 0:e.getData())||"");});},[e,t.onDataChange,t.onSelectedTextChange]),jsxs("div",{className:"mb-4 w-full rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-600 dark:bg-gray-700",children:[jsx(oe,{editor:e,additionalItems:t.additionalToolbarItems}),jsx(CKEditor,b(a({editor:v},t),{onReady:i=>{l(i),window.editor=i;let o="px-4 py-2 bg-white rounded-b-lg dark:bg-gray-800 block w-full text-sm text-gray-800 bg-white border-0 dark:bg-gray-800 focus:ring-0 dark:text-white dark:placeholder-gray-400";i.editing.view.change(n=>{let r=i.editing.view.document.getRoot();r&&(n.removeClass(["ck-content","ck-editor__editable","ck-rounded-corners","ck-editor__editable_inline"],r),n.addClass(o,r));});}}))]})}function oe({editor:t,additionalItems:e}){return jsx("div",{className:"flex items-center justify-between border-b px-3 py-2 dark:border-gray-600",children:jsx("div",{className:"flex flex-wrap items-center divide-gray-200 dark:divide-gray-600 sm:divide-x",children:jsxs("div",{className:"flex items-center space-x-2 sm:pr-4",children:[e,jsx(d,{commandName:"bold",label:"Bold",editor:t}),jsx(d,{commandName:"italic",label:"Italic",editor:t}),jsx(d,{commandName:"underline",label:"Underline",editor:t}),jsx(d,{commandName:"strikethrough",label:"Strikethrough",editor:t}),jsx(d,{commandName:"removeFormat",label:"Remove format",editor:t})]})})})}function d({editor:t,commandName:e,commandValue:l=null,label:i}){let o=t?t.commands.get(e):null,[n,r]=useState(!1),[g,y]=useState(!0);useEffect(()=>{if(!o)return;function c(){typeof(o==null?void 0:o.value)=="boolean"?r(!!o.value):r(l===(o==null?void 0:o.value));}function u(){y((o==null?void 0:o.isEnabled)||!1);}return o.on("change:value",c),o.on("change:isEnabled",u),c(),u(),function(){o.off("change:value",c),o.off("change:isEnabled",u);}},[o]);let s=["custom-editor-button"];return g?s.push(n?"custom-editor-button--fill bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-white":""):s.push("custom-editor-button--disabled"),s.push("mr-2 cursor-pointer rounded p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-white"),jsx("div",{className:"border-r",children:jsxs("button",{className:s.join(" "),onClick:()=>{t&&(l?t.execute(e,{value:l}):t.execute(e),t.editing.view.focus());},children:[jsx("span",{className:"sr-only",children:i}),ae[e]]})})}var ae={bold:jsx(FaBold,{}),italic:jsx(FaItalic,{}),underline:jsx(FaUnderline,{}),strikethrough:jsx(FaStrikethrough,{}),removeFormat:jsx(FaRemoveFormat,{})};
+var m=class extends k{};m.builtinPlugins=[C,T,R,E,I,F,B,P,H,D,A,_,L,U,M,w,j,z,K,J,Q,O,q,S,G,V,W,N];m.defaultConfig={codeBlock:{languages:[{language:"css",label:"CSS"},{language:"html",label:"HTML"},{language:"javascript",label:"JavaScript"},{language:"php",label:"PHP"}]},image:{resizeUnit:"px",toolbar:["imageStyle:inline","imageStyle:wrapText","imageStyle:breakText","|","toggleImageCaption","imageTextAlternative"]},table:{contentToolbar:["tableColumn","tableRow","mergeTableCells"]},language:"en"};var v=m;function Me(t){let[e,l]=useState(null);return useEffect(()=>{e==null||e.listenTo(e==null?void 0:e.model.document.selection,"change:range",i=>{let o=e==null?void 0:e.model.document.selection,n=o==null?void 0:o.getFirstRange();if(n){let r="";for(let g of n.getItems())r+=g.data;t.onSelectedTextChange&&t.onSelectedTextChange(r);}}),e==null||e.model.document.on("change:data",()=>{t.onDataChange&&t.onDataChange((e==null?void 0:e.getData())||"");});},[e,t.onDataChange,t.onSelectedTextChange]),jsxs("div",{className:"mb-4 w-full rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-600 dark:bg-gray-700",children:[jsx(oe,{editor:e,additionalItems:t.additionalToolbarItems}),jsx(CKEditor,b(a({editor:v},t),{onReady:i=>{l(i),window.editor=i;let o="px-4 py-2 bg-white rounded-b-lg dark:bg-gray-800 block w-full text-sm text-gray-800 bg-white border-0 dark:bg-gray-800 focus:ring-0 dark:text-white dark:placeholder-gray-400";i.editing.view.change(n=>{let r=i.editing.view.document.getRoot();r&&(n.removeClass(["ck-content","ck-editor__editable","ck-rounded-corners","ck-editor__editable_inline"],r),n.addClass(o,r));});}}))]})}function oe({editor:t,additionalItems:e}){return jsx("div",{className:"flex items-center justify-between border-b px-3 py-2 dark:border-gray-600",children:jsx("div",{className:"flex flex-wrap items-center divide-gray-200 dark:divide-gray-600 sm:divide-x",children:jsxs("div",{className:"flex items-center space-x-2 sm:pr-4",children:[e,jsx(d,{commandName:"bold",label:"Bold",editor:t}),jsx(d,{commandName:"italic",label:"Italic",editor:t}),jsx(d,{commandName:"underline",label:"Underline",editor:t}),jsx(d,{commandName:"strikethrough",label:"Strikethrough",editor:t}),jsx(d,{commandName:"removeFormat",label:"Remove format",editor:t})]})})})}function d({editor:t,commandName:e,commandValue:l=null,label:i}){let o=t?t.commands.get(e):null,[n,r]=useState(!1),[g,y]=useState(!0);useEffect(()=>{if(!o)return;function c(){typeof(o==null?void 0:o.value)=="boolean"?r(!!o.value):r(l===(o==null?void 0:o.value));}function u(){y((o==null?void 0:o.isEnabled)||!1);}return o.on("change:value",c),o.on("change:isEnabled",u),c(),u(),function(){o.off("change:value",c),o.off("change:isEnabled",u);}},[o]);let s=["custom-editor-button"];return g?s.push(n?"custom-editor-button--fill bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-white":""):s.push("custom-editor-button--disabled"),s.push("mr-2 cursor-pointer rounded p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-white"),jsx("div",{className:"border-r",children:jsxs("button",{className:s.join(" "),onClick:()=>{t&&(l?t.execute(e,{value:l}):t.execute(e),t.editing.view.focus());},children:[jsx("span",{className:"sr-only",children:i}),ae[e]]})})}var ae={bold:jsx(FaBold,{}),italic:jsx(FaItalic,{}),underline:jsx(FaUnderline,{}),strikethrough:jsx(FaStrikethrough,{}),removeFormat:jsx(FaRemoveFormat,{})};
 
 export { Me as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-PPMW7YAZ.mjs.map
+//# sourceMappingURL=chunk-SFSA2WUE.mjs.map

package/dist/chunk-SFSA2WUE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rich-text-editor/index.tsx","../src/rich-text-editor/headless-editor.ts"],"names":["CKEditor","useEffect","useState","FaBold","FaItalic","FaRemoveFormat","FaStrikethrough","FaUnderline","DecoupledEditorBase","Alignment","Autoformat","Bold","Code","Italic","Strikethrough","Underline","BlockQuote","CodeBlock","Essentials","Heading","Image","ImageCaption","ImageResize","ImageStyle","ImageToolbar","PictureEditing","Indent","IndentBlock","Link","List","ListProperties","Paragraph","PasteFromOffice","RemoveFormat","Table","TableToolbar","TextTransformation","HeadlessEditor","headless_editor_default","jsx","jsxs","RichTextEditor","props","editor","setEditor","e","selectedText","range","text","item","Toolbar","__spreadProps","__spreadValues","className","writer","root","additionalItems","EditorToolbarButton","commandName","commandValue","label","command","isOn","setIsOn","isEnabled","setIsEnabled","handleValueChange","handleIsEnabledChange","classNames","iconMap"],"mappings":"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","sourcesContent":["import { CKEditor } from \"@ckeditor/ckeditor5-react\";\nimport React, { useEffect, useState } from \"react\";\nimport {\n  FaBold,\n  FaItalic,\n  FaRemoveFormat,\n  FaStrikethrough,\n  FaUnderline,\n} from \"react-icons/fa\";\nimport HeadlessEditor from \"./headless-editor\";\n\ntype AdditionalProps = {\n  onDataChange?: (data: string) => void;\n  selectedText?: string | null;\n  onSelectedTextChange?: (text: string | null) => void;\n  additionalToolbarItems?: React.ReactNode;\n};\n\nexport function RichTextEditor(\n  props: Omit<CKEditor<HeadlessEditor>[\"props\"], \"editor\"> & AdditionalProps\n) {\n  const [editor, setEditor] = useState<HeadlessEditor | null>(null);\n\n  useEffect(() => {\n    editor?.listenTo(editor?.model.document.selection, \"change:range\", (e) => {\n      const selectedText = editor?.model.document.selection;\n      const range = selectedText?.getFirstRange();\n      if (range) {\n        let text = \"\";\n        for (const item of range.getItems()) {\n          // @ts-ignore\n          text += item.data;\n        }\n        if (props.onSelectedTextChange) {\n          props.onSelectedTextChange(text);\n        }\n      }\n    });\n\n    editor?.model.document.on(\"change:data\", () => {\n      if (props.onDataChange) {\n        props.onDataChange(editor?.getData() || \"\");\n      }\n    });\n  }, [editor, props.onDataChange, props.onSelectedTextChange]);\n\n  return (\n    <div className=\"mb-4 w-full rounded-lg border border-gray-200 bg-gray-50 dark:border-gray-600 dark:bg-gray-700\">\n      <Toolbar editor={editor} additionalItems={props.additionalToolbarItems} />\n      <CKEditor\n        editor={HeadlessEditor}\n        {...props}\n        onReady={(editor) => {\n          setEditor(editor);\n          // @ts-ignore\n          window.editor = editor;\n          const className =\n            \"px-4 py-2 bg-white rounded-b-lg dark:bg-gray-800 block w-full text-sm text-gray-800 bg-white border-0 dark:bg-gray-800 focus:ring-0 dark:text-white dark:placeholder-gray-400\";\n\n          editor.editing.view.change((writer) => {\n            const root = editor.editing.view.document.getRoot();\n            if (root) {\n              writer.removeClass(\n                [\n                  \"ck-content\",\n                  \"ck-editor__editable\",\n                  \"ck-rounded-corners\",\n                  \"ck-editor__editable_inline\",\n                ],\n                root\n              );\n              writer.addClass(className, root);\n            }\n          });\n        }}\n      />\n    </div>\n  );\n}\n\nfunction Toolbar({\n  editor,\n  additionalItems,\n}: {\n  editor: HeadlessEditor | null;\n  additionalItems?: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-center justify-between border-b px-3 py-2 dark:border-gray-600\">\n      <div className=\"flex flex-wrap items-center divide-gray-200 dark:divide-gray-600 sm:divide-x\">\n        <div className=\"flex items-center space-x-2 sm:pr-4\">\n          {additionalItems}\n          <EditorToolbarButton\n            commandName=\"bold\"\n            label=\"Bold\"\n            editor={editor}\n          />\n          <EditorToolbarButton\n            commandName=\"italic\"\n            label=\"Italic\"\n            editor={editor}\n          />\n          <EditorToolbarButton\n            commandName=\"underline\"\n            label=\"Underline\"\n            editor={editor}\n          />\n          <EditorToolbarButton\n            commandName=\"strikethrough\"\n            label=\"Strikethrough\"\n            editor={editor}\n          />\n          <EditorToolbarButton\n            commandName=\"removeFormat\"\n            label=\"Remove format\"\n            editor={editor}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction EditorToolbarButton({\n  editor,\n  commandName,\n  commandValue = null,\n  label,\n}: {\n  editor: HeadlessEditor | null;\n  commandName: keyof typeof iconMap;\n  commandValue?: string | null;\n  label: string;\n}) {\n  const command = editor ? editor.commands.get(commandName) : null;\n  const [isOn, setIsOn] = useState(false);\n  const [isEnabled, setIsEnabled] = useState(true);\n\n  useEffect(() => {\n    if (!command) {\n      return;\n    }\n\n    function handleValueChange() {\n      if (typeof command?.value === \"boolean\") {\n        setIsOn(!!command.value);\n      } else {\n        setIsOn(commandValue === command?.value);\n      }\n    }\n\n    function handleIsEnabledChange() {\n      setIsEnabled(command?.isEnabled || false);\n    }\n\n    command.on(\"change:value\", handleValueChange);\n    command.on(\"change:isEnabled\", handleIsEnabledChange);\n\n    handleValueChange();\n    handleIsEnabledChange();\n\n    return function cleanup() {\n      command.off(\"change:value\", handleValueChange);\n      command.off(\"change:isEnabled\", handleIsEnabledChange);\n    };\n  }, [command]);\n\n  const classNames = [\"custom-editor-button\"];\n\n  if (isEnabled) {\n    classNames.push(\n      isOn\n        ? \"custom-editor-button--fill bg-gray-100 text-gray-900 dark:bg-gray-600 dark:text-white\"\n        : \"\"\n    );\n  } else {\n    classNames.push(\"custom-editor-button--disabled\");\n  }\n\n  classNames.push(\n    \"mr-2 cursor-pointer rounded p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-white\"\n  );\n\n  return (\n    <div className=\"border-r\">\n      <button\n        className={classNames.join(\" \")}\n        onClick={() => {\n          if (!editor) {\n            return;\n          }\n          if (commandValue) {\n            editor.execute(commandName, { value: commandValue });\n          } else {\n            editor.execute(commandName);\n          }\n\n          editor.editing.view.focus();\n        }}\n      >\n        <span className=\"sr-only\">{label}</span>\n        {iconMap[commandName]}\n      </button>\n    </div>\n  );\n}\n\n// Icon map to map from the command name to the icon\nconst iconMap = {\n  bold: <FaBold />,\n  italic: <FaItalic />,\n  underline: <FaUnderline />,\n  strikethrough: <FaStrikethrough />,\n  removeFormat: <FaRemoveFormat />,\n};\n","// https://github.com/ckeditor/ckeditor5-demos/blob/master/headless/index.js\n\nimport DecoupledEditorBase from \"@ckeditor/ckeditor5-editor-decoupled/src/decouplededitor\";\n\nimport Alignment from \"@ckeditor/ckeditor5-alignment/src/alignment\";\nimport Autoformat from \"@ckeditor/ckeditor5-autoformat/src/autoformat\";\nimport Bold from \"@ckeditor/ckeditor5-basic-styles/src/bold\";\nimport Code from \"@ckeditor/ckeditor5-basic-styles/src/code\";\nimport Italic from \"@ckeditor/ckeditor5-basic-styles/src/italic\";\nimport Strikethrough from \"@ckeditor/ckeditor5-basic-styles/src/strikethrough\";\nimport Underline from \"@ckeditor/ckeditor5-basic-styles/src/underline\";\nimport BlockQuote from \"@ckeditor/ckeditor5-block-quote/src/blockquote\";\nimport CodeBlock from \"@ckeditor/ckeditor5-code-block/src/codeblock\";\nimport Essentials from \"@ckeditor/ckeditor5-essentials/src/essentials\";\nimport Heading from \"@ckeditor/ckeditor5-heading/src/heading\";\nimport Image from \"@ckeditor/ckeditor5-image/src/image\";\nimport ImageCaption from \"@ckeditor/ckeditor5-image/src/imagecaption\";\nimport ImageResize from \"@ckeditor/ckeditor5-image/src/imageresize\";\nimport ImageStyle from \"@ckeditor/ckeditor5-image/src/imagestyle\";\nimport ImageToolbar from \"@ckeditor/ckeditor5-image/src/imagetoolbar\";\nimport PictureEditing from \"@ckeditor/ckeditor5-image/src/pictureediting\";\nimport Indent from \"@ckeditor/ckeditor5-indent/src/indent\";\nimport IndentBlock from \"@ckeditor/ckeditor5-indent/src/indentblock\";\nimport Link from \"@ckeditor/ckeditor5-link/src/link\";\nimport List from \"@ckeditor/ckeditor5-list/src/list\";\nimport ListProperties from \"@ckeditor/ckeditor5-list/src/listproperties\";\nimport Paragraph from \"@ckeditor/ckeditor5-paragraph/src/paragraph\";\nimport PasteFromOffice from \"@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice\";\nimport RemoveFormat from \"@ckeditor/ckeditor5-remove-format/src/removeformat\";\nimport Table from \"@ckeditor/ckeditor5-table/src/table\";\nimport TableToolbar from \"@ckeditor/ckeditor5-table/src/tabletoolbar\";\nimport TextTransformation from \"@ckeditor/ckeditor5-typing/src/texttransformation\";\n\nclass HeadlessEditor extends DecoupledEditorBase {}\n\nHeadlessEditor.builtinPlugins = [\n  Alignment,\n  Autoformat,\n  BlockQuote,\n  Bold,\n  Code,\n  CodeBlock,\n  Essentials,\n  Heading,\n  Image,\n  ImageCaption,\n  ImageResize,\n  ImageStyle,\n  ImageToolbar,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  List,\n  ListProperties,\n  Paragraph,\n  PasteFromOffice,\n  PictureEditing,\n  RemoveFormat,\n  Strikethrough,\n  Table,\n  TableToolbar,\n  TextTransformation,\n  Underline,\n];\n\n// Editor configuration.\nHeadlessEditor.defaultConfig = {\n  // TODO: Figure out why typescript doesn't like these properties.\n  // @ts-ignore\n  codeBlock: {\n    languages: [\n      { language: \"css\", label: \"CSS\" },\n      { language: \"html\", label: \"HTML\" },\n      { language: \"javascript\", label: \"JavaScript\" },\n      { language: \"php\", label: \"PHP\" },\n    ],\n  },\n  image: {\n    resizeUnit: \"px\",\n    toolbar: [\n      \"imageStyle:inline\",\n      \"imageStyle:wrapText\",\n      \"imageStyle:breakText\",\n      \"|\",\n      \"toggleImageCaption\",\n      \"imageTextAlternative\",\n    ],\n  },\n  table: {\n    contentToolbar: [\"tableColumn\", \"tableRow\", \"mergeTableCells\"],\n  },\n  language: \"en\",\n};\n\nexport default HeadlessEditor;\n"]}

package/dist/{chunk-XUXHB434.mjs → chunk-SM4TG5VI.mjs}

@@ -6,4 +6,4 @@ function g({defaultColour:u="#ff00ff",onChange:r,onComplete:l}){let t=useRef(nul
 
 export { g as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-XUXHB434.mjs.map
+//# sourceMappingURL=chunk-SM4TG5VI.mjs.map

package/dist/chunk-SM4TG5VI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color-picker.tsx"],"names":["useEffect","useRef","useState","SketchPicker","jsx","jsxs","ColorPicker","defaultColour","onChange","onComplete","ref","handleClickOutside","e","setShowPicker","showPicker","colour","setColour","handleChange","color","hex","handleChangeComplete","toggleShowPicker"],"mappings":"AAAA,OAAS,aAAAA,EAAW,UAAAC,EAAQ,YAAAC,MAAgB,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,EAC5BD,EAAU,IAAM,CACd,IAAMW,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,EAAIX,EAAS,EAAK,EAC5C,CAACa,EAAQC,CAAS,EAAId,EAASK,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,CAEAd,EAAY,YAAc","sourcesContent":["import { useEffect, useRef, useState } 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\nColorPicker.displayName = \"ColorPicker\";\n"]}

package/dist/{chunk-D6H235SZ.mjs → chunk-UPAA75QA.mjs}

@@ -6,4 +6,4 @@ function s(f){var a$2=f,{children:i}=a$2,e=c(a$2,["children"]);return jsx("label
 
 export { s as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-D6H235SZ.mjs.map
+//# sourceMappingURL=chunk-UPAA75QA.mjs.map

package/dist/chunk-UPAA75QA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/label.tsx"],"names":["jsx","Label","_a","_b","children","props","__objRest","__spreadProps","__spreadValues","twMerge"],"mappings":"gGAKI,cAAAA,MAAA,oBAFG,SAASC,EAAMC,EAAwB,CAAxB,IAAAC,EAAAD,EAAE,UAAAE,CAHxB,EAGsBD,EAAeE,EAAAC,EAAfH,EAAe,CAAb,aACtB,OACEH,EAAC,QAAAO,EAAAC,EAAA,CACC,UAAWC,EACT,oDACAJ,EAAM,WAAaA,EAAM,SAC3B,EACA,cAAY,kBACRA,GANL,CAQE,SAAAD,GACH,CAEJ,CAEAH,EAAM,YAAc","sourcesContent":["//@ts-nocheck\nimport { twMerge } from \"tailwind-merge\";\n\nexport function Label({ children, ...props }) {\n  return (\n    <label\n      className={twMerge(\n        \"text-sm font-medium text-gray-900 dark:text-white\",\n        props.className && props.className\n      )}\n      data-testid=\"flowbite-label\"\n      {...props}\n    >\n      {children}\n    </label>\n  );\n}\n\nLabel.displayName = \"Label\";\n"]}

package/dist/{chunk-256SAVHD.mjs → chunk-W3XYS7M3.mjs}

@@ -8,4 +8,4 @@ function X({onMenuButtonClick:t,showCloseButton:s,avatarImg:g,avatarPlaceholderI
 
 export { X as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-256SAVHD.mjs.map
+//# sourceMappingURL=chunk-W3XYS7M3.mjs.map

package/dist/{chunk-256SAVHD.mjs.map → chunk-W3XYS7M3.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/navbar/navbar.tsx"],"names":["Avatar","Button","Dropdown","FlowbiteNavbar","Label","TextInput","useEffect","HiArchive","HiBell","HiCog","HiCurrencyDollar","HiEye","HiInbox","HiLogout","HiMenuAlt1","HiOutlineTicket","HiSearch","HiShoppingBag","HiUserCircle","HiUsers","HiViewGrid","HiPlusSm","HiX","jsx","jsxs","Navbar","onMenuButtonClick","showCloseButton","avatarImg","avatarPlaceholderInitials","handleMobileTapInsideMain","event","main","isClickInsideMain","EkmLogo","NotificationBellDropdown","UserDropdown","NewMessageIcon","NewFollowIcon","NewLoveIcon","NewMentionIcon","NewVideoIcon","img","placeholderInitials"],"mappings":"yCAAA,OACE,UAAAA,EACA,UAAAC,EACA,YAAAC,EACA,UAAUC,EACV,SAAAC,EACA,aAAAC,MACK,iBACP,OAAa,aAAAC,MAAiB,QAC9B,OACE,aAAAC,EACA,UAAAC,EACA,SAAAC,EACA,oBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,cAAAC,EACA,mBAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,cAAAC,EACA,YAAAC,EACA,OAAAC,MACK,iBA8CO,cAAAC,EAEF,QAAAC,MAFE,oBApCP,SAASC,EAAO,CACrB,kBAAAC,EACA,gBAAAC,EACA,UAAAC,EACA,0BAAAC,CACF,EAAU,CAER,OAAAvB,EAAU,IAAM,CACVqB,GACFD,EAAkB,CAEtB,EAAG,CAAC,QAAQ,CAAC,EAGbpB,EAAU,IAAM,CACd,SAASwB,EAA0BC,EAAmB,CACpD,IAAMC,EAAO,SAAS,cAAc,MAAM,EACpCC,EAAoBD,GAAA,YAAAA,EAAM,SAASD,EAAM,QAE3CJ,GAAmBM,GACrBP,EAAkB,CAEtB,CAEA,gBAAS,iBAAiB,YAAaI,CAAyB,EACzD,IAAM,CACX,SAAS,oBAAoB,YAAaA,CAAyB,CACrE,CACF,EAAG,CAAC,CAAC,EAGHP,EAACpB,EAAA,CAAe,MAAK,GAAC,UAAU,2BAC9B,SAAAoB,EAAC,OAAI,UAAU,yBACb,SAAAC,EAAC,OAAI,UAAU,oCACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAD,EAACpB,EAAe,MAAf,CAAqB,KAAK,kBAAkB,OAAO,SAClD,SAAAoB,EAACW,EAAA,CAAQ,UAAU,OAAO,EAC5B,EACAV,EAAC,UACC,QAAS,IAAME,EAAkB,EACjC,UAAU,gKAEV,UAAAH,EAAC,QAAK,UAAU,UAAU,0BAAc,EACvCI,EACCJ,EAACD,EAAA,CAAI,UAAU,UAAU,EAEzBC,EAACT,EAAA,CAAW,UAAU,UAAU,GAEpC,EACAU,EAAC,QAAK,UAAU,kBACd,UAAAD,EAACnB,EAAA,CAAM,QAAQ,SAAS,UAAU,UAAU,kBAE5C,EACAmB,EAAClB,EAAA,CACC,KAAMW,EACN,GAAG,SACH,KAAK,SACL,YAAY,SACZ,SAAQ,GACR,KAAM,GACN,KAAK,SACP,GACF,GACF,EACAQ,EAAC,OAAI,UAAU,6BACb,UAAAA,EAAC,OAAI,UAAU,oBACb,UAAAA,EAAC,UAAO,UAAU,8PAChB,UAAAD,EAAC,QAAK,UAAU,UAAU,kBAAM,EAChCA,EAACP,EAAA,CAAS,UAAU,UAAU,GAChC,EACAO,EAAC,OACC,SAAAC,EAACvB,EAAA,CAAO,KAAK,SAAS,UAAU,OAAO,KAAK,KAC1C,UAAAsB,EAACF,EAAA,CAAS,UAAU,qBAAqB,EAAE,YAC7C,EACF,EACAE,EAACY,EAAA,EAAyB,EAC1BZ,EAACrB,EAAA,CACC,UAAW,GACX,OAAM,GACN,MACEsB,EAAC,QAAK,UAAU,+DACd,UAAAD,EAAC,QAAK,UAAU,UAAU,yBAAa,EACvCA,EAACd,EAAA,CAAM,UAAU,uFAAuF,GAC1G,EAEJ,GACF,EACAc,EAAC,OAAI,UAAU,kBACb,SAAAA,EAACa,EAAA,CACC,IAAKR,EACL,oBAAqBC,EACvB,EACF,GACF,GACF,EACF,EACF,CAEJ,CAEA,IAAMM,EAA+B,UAAY,CAC/C,OACEZ,EAACrB,EAAA,CACC,UAAW,GACX,OAAM,GACN,MACEsB,EAAC,QAAK,UAAU,+DACd,UAAAD,EAAC,QAAK,UAAU,UAAU,yBAAa,EACvCA,EAACf,EAAA,CAAO,UAAU,uFAAuF,GAC3G,EAGF,SAAAgB,EAAC,OAAI,UAAU,gBACb,UAAAD,EAAC,OAAI,UAAU,8HAA8H,yBAE7I,EACAC,EAAC,OACC,UAAAA,EAAC,KACC,KAAK,IACL,UAAU,wFAEV,UAAAA,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OACC,IAAI,GACJ,IAAI,iDACJ,UAAU,yBACZ,EACAA,EAAC,OAAI,UAAU,oIACb,SAAAA,EAACc,EAAA,EAAe,EAClB,GACF,EACAb,EAAC,OAAI,UAAU,cACb,UAAAA,EAAC,OAAI,UAAU,8DAA8D,iCAE3ED,EAAC,QAAK,UAAU,8CAA8C,wBAE9D,EAAO,qDAET,EACAA,EAAC,OAAI,UAAU,6DAA6D,6BAE5E,GACF,GACF,EACAC,EAAC,KACC,KAAK,IACL,UAAU,wFAEV,UAAAA,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OACC,IAAI,GACJ,IAAI,iDACJ,UAAU,yBACZ,EACAA,EAAC,OAAI,UAAU,iIACb,SAAAA,EAACe,EAAA,EAAc,EACjB,GACF,EACAd,EAAC,OAAI,UAAU,cACb,UAAAA,EAAC,OAAI,UAAU,8DACb,UAAAD,EAAC,QAAK,UAAU,8CAA8C,qBAE9D,EAAO,cAEPA,EAAC,QAAK,UAAU,4CAA4C,oBAE5D,EAAO,8BAET,EACAA,EAAC,OAAI,UAAU,6DAA6D,0BAE5E,GACF,GACF,EACAC,EAAC,KACC,KAAK,IACL,UAAU,wFAEV,UAAAA,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OACC,IAAI,GACJ,IAAI,iDACJ,UAAU,yBACZ,EACAA,EAAC,OAAI,UAAU,gIACb,SAAAA,EAACgB,EAAA,EAAY,EACf,GACF,EACAf,EAAC,OAAI,UAAU,cACb,UAAAA,EAAC,OAAI,UAAU,8DACb,UAAAD,EAAC,QAAK,UAAU,8CAA8C,yBAE9D,EAAO,cAEPA,EAAC,QAAK,UAAU,4CAA4C,sBAE5D,EAAO,sDAET,EACAA,EAAC,OAAI,UAAU,6DAA6D,0BAE5E,GACF,GACF,EACAC,EAAC,KACC,KAAK,IACL,UAAU,wFAEV,UAAAA,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OACC,IAAI,GACJ,IAAI,mDACJ,UAAU,yBACZ,EACAA,EAAC,OAAI,UAAU,kIACb,SAAAA,EAACiB,EAAA,EAAe,EAClB,GACF,EACAhB,EAAC,OAAI,UAAU,cACb,UAAAA,EAAC,OAAI,UAAU,8DACb,UAAAD,EAAC,QAAK,UAAU,8CAA8C,6BAE9D,EAAO,sCAEPA,EAAC,QAAK,UAAU,qDAAqD,yBAErE,EAAO,wBAET,EACAA,EAAC,OAAI,UAAU,6DAA6D,sBAE5E,GACF,GACF,EACAC,EAAC,KACC,KAAK,IACL,UAAU,0DAEV,UAAAA,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OACC,IAAI,GACJ,IAAI,mDACJ,UAAU,yBACZ,EACAA,EAAC,OAAI,UAAU,mIACb,SAAAA,EAACkB,EAAA,EAAa,EAChB,GACF,EACAjB,EAAC,OAAI,UAAU,cACb,UAAAA,EAAC,OAAI,UAAU,8DACb,UAAAD,EAAC,QAAK,UAAU,8CAA8C,wBAE9D,EAAO,wFAGT,EACAA,EAAC,OAAI,UAAU,6DAA6D,uBAE5E,GACF,GACF,GACF,EACAA,EAAC,KACC,KAAK,IACL,UAAU,6JAEV,SAAAC,EAAC,OAAI,UAAU,mCACb,UAAAD,EAACZ,EAAA,CAAM,UAAU,UAAU,EAC3BY,EAAC,QAAK,oBAAQ,GAChB,EACF,GACF,EACF,CAEJ,EAEMc,EAAqB,UAAY,CACrC,OACEb,EAAC,OACC,UAAU,qBACV,KAAK,eACL,QAAQ,YACR,MAAM,6BAEN,UAAAD,EAAC,QAAK,EAAE,2HAA2H,EACnIA,EAAC,QAAK,EAAE,oHAAoH,GAC9H,CAEJ,EAEMe,EAAoB,UAAY,CACpC,OACEf,EAAC,OACC,UAAU,qBACV,KAAK,eACL,QAAQ,YACR,MAAM,6BAEN,SAAAA,EAAC,QAAK,EAAE,0IAA0I,EACpJ,CAEJ,EAEMgB,EAAkB,UAAY,CAClC,OACEhB,EAAC,OACC,UAAU,qBACV,KAAK,eACL,QAAQ,YACR,MAAM,6BAEN,SAAAA,EAAC,QACC,SAAS,UACT,EAAE,gHACF,SAAS,UACV,EACH,CAEJ,EAEMiB,EAAqB,UAAY,CACrC,OACEjB,EAAC,OACC,UAAU,qBACV,KAAK,eACL,QAAQ,YACR,MAAM,6BAEN,SAAAA,EAAC,QACC,SAAS,UACT,EAAE,6JACF,SAAS,UACV,EACH,CAEJ,EAEMkB,EAAmB,UAAY,CACnC,OACElB,EAAC,OACC,UAAU,qBACV,KAAK,eACL,QAAQ,YACR,MAAM,6BAEN,SAAAA,EAAC,QAAK,EAAE,6JAA6J,EACvK,CAEJ,EAwGA,SAASa,EAAa,CACpB,IAAAM,EACA,oBAAAC,CACF,EAGG,CACD,OACEnB,EAACtB,EAAA,CACC,UAAW,GACX,OAAM,GACN,MACEsB,EAAC,QACC,UAAAD,EAAC,QAAK,UAAU,UAAU,qBAAS,EACnCA,EAACvB,EAAA,CACC,IAAI,GACJ,IAAK0C,EACL,oBAAqBC,EACrB,QAAO,GACP,KAAK,KACP,GACF,EAGF,UAAAnB,EAACtB,EAAS,OAAT,CACC,UAAAqB,EAAC,QAAK,UAAU,gBAAgB,qBAAS,EACzCA,EAAC,QAAK,UAAU,qCAAqC,kCAErD,GACF,EACAA,EAACrB,EAAS,KAAT,CAAc,qBAAS,EACxBqB,EAACrB,EAAS,KAAT,CAAc,oBAAQ,EACvBqB,EAACrB,EAAS,KAAT,CAAc,oBAAQ,EACvBqB,EAACrB,EAAS,QAAT,EAAiB,EAClBqB,EAACrB,EAAS,KAAT,CAAc,oBAAQ,GACzB,CAEJ","sourcesContent":["import {\n  Avatar,\n  Button,\n  Dropdown,\n  Navbar as FlowbiteNavbar,\n  Label,\n  TextInput,\n} from \"flowbite-react\";\nimport { FC, useEffect } from \"react\";\nimport {\n  HiArchive,\n  HiBell,\n  HiCog,\n  HiCurrencyDollar,\n  HiEye,\n  HiInbox,\n  HiLogout,\n  HiMenuAlt1,\n  HiOutlineTicket,\n  HiSearch,\n  HiShoppingBag,\n  HiUserCircle,\n  HiUsers,\n  HiViewGrid,\n  HiPlusSm,\n  HiX,\n} from \"react-icons/hi\";\nimport { EkmLogo } from \"../ekm-logo\";\n\ntype Props = {\n  onMenuButtonClick: () => void;\n  showCloseButton?: boolean;\n  avatarImg?: string;\n  avatarPlaceholderInitials?: string;\n};\n\nexport function Navbar({\n  onMenuButtonClick,\n  showCloseButton,\n  avatarImg,\n  avatarPlaceholderInitials,\n}: Props) {\n  // Close Sidebar on page change on mobile\n  useEffect(() => {\n    if (showCloseButton) {\n      onMenuButtonClick();\n    }\n  }, [location]);\n\n  // Close Sidebar on mobile tap inside main content\n  useEffect(() => {\n    function handleMobileTapInsideMain(event: MouseEvent) {\n      const main = document.querySelector(\"main\");\n      const isClickInsideMain = main?.contains(event.target as Node);\n\n      if (showCloseButton && isClickInsideMain) {\n        onMenuButtonClick();\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleMobileTapInsideMain);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleMobileTapInsideMain);\n    };\n  }, []);\n\n  return (\n    <FlowbiteNavbar fluid className=\"border-b border-gray-200\">\n      <div className=\"w-full lg:px-5 lg:pl-0\">\n        <div className=\"flex items-center justify-between\">\n          <div className=\"flex items-center\">\n            <FlowbiteNavbar.Brand href=\"https://ekm.com\" target=\"_blank\">\n              <EkmLogo className=\"mr-3\" />\n            </FlowbiteNavbar.Brand>\n            <button\n              onClick={() => onMenuButtonClick()}\n              className=\"mr-3 cursor-pointer rounded p-2 text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white lg:inline\"\n            >\n              <span className=\"sr-only\">Toggle sidebar</span>\n              {showCloseButton ? (\n                <HiX className=\"h-6 w-6\" />\n              ) : (\n                <HiMenuAlt1 className=\"h-6 w-6\" />\n              )}\n            </button>\n            <form className=\"hidden md:block\">\n              <Label htmlFor=\"search\" className=\"sr-only\">\n                Search\n              </Label>\n              <TextInput\n                icon={HiSearch}\n                id=\"search\"\n                name=\"search\"\n                placeholder=\"Search\"\n                required\n                size={32}\n                type=\"search\"\n              />\n            </form>\n          </div>\n          <div className=\"flex items-center lg:gap-3\">\n            <div className=\"flex items-center\">\n              <button className=\"cursor-pointer rounded p-2 text-gray-600 hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:ring-2 focus:ring-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:bg-gray-700 dark:focus:ring-gray-700 lg:hidden\">\n                <span className=\"sr-only\">Search</span>\n                <HiSearch className=\"h-6 w-6\" />\n              </button>\n              <div>\n                <Button type=\"button\" className=\"mr-3\" size=\"xs\">\n                  <HiPlusSm className=\"-ml-1 mr-1 h-5 w-5\" /> Upgrade\n                </Button>\n              </div>\n              <NotificationBellDropdown />\n              <Dropdown\n                arrowIcon={false}\n                inline\n                label={\n                  <span className=\"mr-1 rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700\">\n                    <span className=\"sr-only\">Notifications</span>\n                    <HiCog className=\"text-2xl text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white \" />\n                  </span>\n                }\n              />\n            </div>\n            <div className=\"hidden lg:block\">\n              <UserDropdown\n                img={avatarImg}\n                placeholderInitials={avatarPlaceholderInitials}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </FlowbiteNavbar>\n  );\n}\n\nconst NotificationBellDropdown: FC = function () {\n  return (\n    <Dropdown\n      arrowIcon={false}\n      inline\n      label={\n        <span className=\"mr-2 rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700\">\n          <span className=\"sr-only\">Notifications</span>\n          <HiBell className=\"text-2xl text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white \" />\n        </span>\n      }\n    >\n      <div className=\"max-w-[24rem]\">\n        <div className=\"block rounded-t-xl bg-gray-50 px-4 py-2 text-center text-base font-medium text-gray-700 dark:bg-gray-700 dark:text-gray-400\">\n          Notifications\n        </div>\n        <div>\n          <a\n            href=\"#\"\n            className=\"flex border-y px-4 py-3 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/men/47.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-primary-700 dark:border-gray-700\">\n                <NewMessageIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                New message from&nbsp;\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Bonnie Green\n                </span>\n                : \"Hey, what's up? All set for the presentation?\"\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                a few moments ago\n              </div>\n            </div>\n          </a>\n          <a\n            href=\"#\"\n            className=\"flex border-b px-4 py-3 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/men/32.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-gray-900 dark:border-gray-700\">\n                <NewFollowIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Jese Leos\n                </span>\n                &nbsp;and&nbsp;\n                <span className=\"font-medium text-gray-900 dark:text-white\">\n                  5 others\n                </span>\n                &nbsp;started following you.\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                10 minutes ago\n              </div>\n            </div>\n          </a>\n          <a\n            href=\"#\"\n            className=\"flex border-b px-4 py-3 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/men/38.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-red-600 dark:border-gray-700\">\n                <NewLoveIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Joseph Mcfall\n                </span>\n                &nbsp;and&nbsp;\n                <span className=\"font-medium text-gray-900 dark:text-white\">\n                  141 others\n                </span>\n                &nbsp;love your story. See it and view more stories.\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                44 minutes ago\n              </div>\n            </div>\n          </a>\n          <a\n            href=\"#\"\n            className=\"flex border-b px-4 py-3 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/women/10.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-green-400 dark:border-gray-700\">\n                <NewMentionIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Leslie Livingston\n                </span>\n                &nbsp;mentioned you in a comment:&nbsp;\n                <span className=\"font-medium text-primary-700 dark:text-primary-500\">\n                  @bonnie.green\n                </span>\n                &nbsp;what do you say?\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                1 hour ago\n              </div>\n            </div>\n          </a>\n          <a\n            href=\"#\"\n            className=\"flex px-4 py-3 hover:bg-gray-100 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/women/90.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-purple-500 dark:border-gray-700\">\n                <NewVideoIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Robert Brown\n                </span>\n                &nbsp;posted a new video: Glassmorphism - learn how to implement\n                the new design trend.\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                3 hours ago\n              </div>\n            </div>\n          </a>\n        </div>\n        <a\n          href=\"#\"\n          className=\"block rounded-b-xl bg-gray-50 py-2 text-center text-base font-normal text-gray-900 hover:bg-gray-100 dark:bg-gray-700 dark:text-white dark:hover:underline\"\n        >\n          <div className=\"inline-flex items-center gap-x-2\">\n            <HiEye className=\"h-6 w-6\" />\n            <span>View all</span>\n          </div>\n        </a>\n      </div>\n    </Dropdown>\n  );\n};\n\nconst NewMessageIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z\"></path>\n      <path d=\"M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z\"></path>\n    </svg>\n  );\n};\n\nconst NewFollowIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z\"></path>\n    </svg>\n  );\n};\n\nconst NewLoveIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n\nconst NewMentionIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n\nconst NewVideoIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z\"></path>\n    </svg>\n  );\n};\n\nconst AppDrawerDropdown: FC = function () {\n  return (\n    <Dropdown\n      arrowIcon={false}\n      inline\n      label={\n        <span className=\"rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700\">\n          <span className=\"sr-only\">Apps</span>\n          <HiViewGrid className=\"text-2xl text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white\" />\n        </span>\n      }\n    >\n      <div className=\"block rounded-t-lg border-b bg-gray-50 px-4 py-2 text-center text-base font-medium text-gray-700 dark:border-b-gray-600 dark:bg-gray-700 dark:text-white\">\n        Apps\n      </div>\n      <div className=\"grid grid-cols-3 gap-4 p-4\">\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiShoppingBag className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Sales\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiUsers className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Users\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiInbox className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Inbox\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiUserCircle className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Profile\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiCog className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Settings\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiArchive className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Products\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiCurrencyDollar className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Pricing\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiOutlineTicket className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Billing\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiLogout className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Logout\n          </div>\n        </a>\n      </div>\n    </Dropdown>\n  );\n};\n\nfunction UserDropdown({\n  img,\n  placeholderInitials,\n}: {\n  img?: string;\n  placeholderInitials?: string;\n}) {\n  return (\n    <Dropdown\n      arrowIcon={false}\n      inline\n      label={\n        <span>\n          <span className=\"sr-only\">User menu</span>\n          <Avatar\n            alt=\"\"\n            img={img}\n            placeholderInitials={placeholderInitials}\n            rounded\n            size=\"sm\"\n          />\n        </span>\n      }\n    >\n      <Dropdown.Header>\n        <span className=\"block text-sm\">Neil Sims</span>\n        <span className=\"block truncate text-sm font-medium\">\n          neil.sims@flowbite.com\n        </span>\n      </Dropdown.Header>\n      <Dropdown.Item>Dashboard</Dropdown.Item>\n      <Dropdown.Item>Settings</Dropdown.Item>\n      <Dropdown.Item>Earnings</Dropdown.Item>\n      <Dropdown.Divider />\n      <Dropdown.Item>Sign out</Dropdown.Item>\n    </Dropdown>\n  );\n}\n"]}
+{"version":3,"sources":["../src/navbar/navbar.tsx"],"names":["Avatar","Button","Dropdown","FlowbiteNavbar","Label","TextInput","useEffect","HiArchive","HiBell","HiCog","HiCurrencyDollar","HiEye","HiInbox","HiLogout","HiMenuAlt1","HiOutlineTicket","HiPlusSm","HiSearch","HiShoppingBag","HiUserCircle","HiUsers","HiViewGrid","HiX","jsx","jsxs","Navbar","onMenuButtonClick","showCloseButton","avatarImg","avatarPlaceholderInitials","handleMobileTapInsideMain","event","main","isClickInsideMain","EkmLogo","NotificationBellDropdown","UserDropdown","NewMessageIcon","NewFollowIcon","NewLoveIcon","NewMentionIcon","NewVideoIcon","img","placeholderInitials"],"mappings":"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","sourcesContent":["import {\n  Avatar,\n  Button,\n  Dropdown,\n  Navbar as FlowbiteNavbar,\n  Label,\n  TextInput,\n} from \"flowbite-react\";\nimport { FC, useEffect } from \"react\";\nimport {\n  HiArchive,\n  HiBell,\n  HiCog,\n  HiCurrencyDollar,\n  HiEye,\n  HiInbox,\n  HiLogout,\n  HiMenuAlt1,\n  HiOutlineTicket,\n  HiPlusSm,\n  HiSearch,\n  HiShoppingBag,\n  HiUserCircle,\n  HiUsers,\n  HiViewGrid,\n  HiX,\n} from \"react-icons/hi\";\nimport { EkmLogo } from \"../ekm-logo\";\n\ntype Props = {\n  onMenuButtonClick: () => void;\n  showCloseButton?: boolean;\n  avatarImg?: string;\n  avatarPlaceholderInitials?: string;\n};\n\nexport function Navbar({\n  onMenuButtonClick,\n  showCloseButton,\n  avatarImg,\n  avatarPlaceholderInitials,\n}: Props) {\n  // Close Sidebar on page change on mobile\n  useEffect(() => {\n    if (showCloseButton) {\n      onMenuButtonClick();\n    }\n  }, [location]);\n\n  // Close Sidebar on mobile tap inside main content\n  useEffect(() => {\n    function handleMobileTapInsideMain(event: MouseEvent) {\n      const main = document.querySelector(\"main\");\n      const isClickInsideMain = main?.contains(event.target as Node);\n\n      if (showCloseButton && isClickInsideMain) {\n        onMenuButtonClick();\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleMobileTapInsideMain);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleMobileTapInsideMain);\n    };\n  }, []);\n\n  return (\n    <FlowbiteNavbar fluid className=\"border-b border-gray-200\">\n      <div className=\"w-full lg:px-5 lg:pl-0\">\n        <div className=\"flex items-center justify-between\">\n          <div className=\"flex items-center\">\n            <FlowbiteNavbar.Brand href=\"https://ekm.com\" target=\"_blank\">\n              <EkmLogo className=\"mr-3\" />\n            </FlowbiteNavbar.Brand>\n            <button\n              onClick={() => onMenuButtonClick()}\n              className=\"mr-3 cursor-pointer rounded p-2 text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white lg:inline\"\n            >\n              <span className=\"sr-only\">Toggle sidebar</span>\n              {showCloseButton ? (\n                <HiX className=\"h-6 w-6\" />\n              ) : (\n                <HiMenuAlt1 className=\"h-6 w-6\" />\n              )}\n            </button>\n            <form className=\"hidden md:block\">\n              <Label htmlFor=\"search\" className=\"sr-only\">\n                Search\n              </Label>\n              <TextInput\n                icon={HiSearch}\n                id=\"search\"\n                name=\"search\"\n                placeholder=\"Search\"\n                required\n                size={32}\n                type=\"search\"\n              />\n            </form>\n          </div>\n          <div className=\"flex items-center lg:gap-3\">\n            <div className=\"flex items-center\">\n              <button className=\"cursor-pointer rounded p-2 text-gray-600 hover:bg-gray-100 hover:text-gray-900 focus:bg-gray-100 focus:ring-2 focus:ring-gray-100 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:bg-gray-700 dark:focus:ring-gray-700 lg:hidden\">\n                <span className=\"sr-only\">Search</span>\n                <HiSearch className=\"h-6 w-6\" />\n              </button>\n              <div>\n                <Button type=\"button\" className=\"mr-3\" size=\"xs\">\n                  <HiPlusSm className=\"-ml-1 mr-1 h-5 w-5\" /> Upgrade\n                </Button>\n              </div>\n              <NotificationBellDropdown />\n              <Dropdown\n                arrowIcon={false}\n                inline\n                label={\n                  <span className=\"mr-1 rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700\">\n                    <span className=\"sr-only\">Notifications</span>\n                    <HiCog className=\"text-2xl text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white \" />\n                  </span>\n                }\n              />\n            </div>\n            <div className=\"hidden lg:block\">\n              <UserDropdown\n                img={avatarImg}\n                placeholderInitials={avatarPlaceholderInitials}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </FlowbiteNavbar>\n  );\n}\n\nconst NotificationBellDropdown: FC = function () {\n  return (\n    <Dropdown\n      arrowIcon={false}\n      inline\n      label={\n        <span className=\"mr-2 rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700\">\n          <span className=\"sr-only\">Notifications</span>\n          <HiBell className=\"text-2xl text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white \" />\n        </span>\n      }\n    >\n      <div className=\"max-w-[24rem]\">\n        <div className=\"block rounded-t-xl bg-gray-50 px-4 py-2 text-center text-base font-medium text-gray-700 dark:bg-gray-700 dark:text-gray-400\">\n          Notifications\n        </div>\n        <div>\n          <a\n            href=\"#\"\n            className=\"flex border-y px-4 py-3 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/men/47.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-primary-700 dark:border-gray-700\">\n                <NewMessageIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                New message from&nbsp;\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Bonnie Green\n                </span>\n                : \"Hey, what's up? All set for the presentation?\"\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                a few moments ago\n              </div>\n            </div>\n          </a>\n          <a\n            href=\"#\"\n            className=\"flex border-b px-4 py-3 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/men/32.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-gray-900 dark:border-gray-700\">\n                <NewFollowIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Jese Leos\n                </span>\n                &nbsp;and&nbsp;\n                <span className=\"font-medium text-gray-900 dark:text-white\">\n                  5 others\n                </span>\n                &nbsp;started following you.\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                10 minutes ago\n              </div>\n            </div>\n          </a>\n          <a\n            href=\"#\"\n            className=\"flex border-b px-4 py-3 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/men/38.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-red-600 dark:border-gray-700\">\n                <NewLoveIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Joseph Mcfall\n                </span>\n                &nbsp;and&nbsp;\n                <span className=\"font-medium text-gray-900 dark:text-white\">\n                  141 others\n                </span>\n                &nbsp;love your story. See it and view more stories.\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                44 minutes ago\n              </div>\n            </div>\n          </a>\n          <a\n            href=\"#\"\n            className=\"flex border-b px-4 py-3 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/women/10.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-green-400 dark:border-gray-700\">\n                <NewMentionIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Leslie Livingston\n                </span>\n                &nbsp;mentioned you in a comment:&nbsp;\n                <span className=\"font-medium text-primary-700 dark:text-primary-500\">\n                  @bonnie.green\n                </span>\n                &nbsp;what do you say?\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                1 hour ago\n              </div>\n            </div>\n          </a>\n          <a\n            href=\"#\"\n            className=\"flex px-4 py-3 hover:bg-gray-100 dark:hover:bg-gray-600\"\n          >\n            <div className=\"shrink-0\">\n              <img\n                alt=\"\"\n                src=\"https://randomuser.me/api/portraits/women/90.jpg\"\n                className=\"h-11 w-11 rounded-full\"\n              />\n              <div className=\"absolute -mt-5 ml-6 flex h-5 w-5 items-center justify-center rounded-full border border-white bg-purple-500 dark:border-gray-700\">\n                <NewVideoIcon />\n              </div>\n            </div>\n            <div className=\"w-full pl-3\">\n              <div className=\"mb-1.5 text-sm font-normal text-gray-500 dark:text-gray-400\">\n                <span className=\"font-semibold text-gray-900 dark:text-white\">\n                  Robert Brown\n                </span>\n                &nbsp;posted a new video: Glassmorphism - learn how to implement\n                the new design trend.\n              </div>\n              <div className=\"text-xs font-medium text-primary-700 dark:text-primary-400\">\n                3 hours ago\n              </div>\n            </div>\n          </a>\n        </div>\n        <a\n          href=\"#\"\n          className=\"block rounded-b-xl bg-gray-50 py-2 text-center text-base font-normal text-gray-900 hover:bg-gray-100 dark:bg-gray-700 dark:text-white dark:hover:underline\"\n        >\n          <div className=\"inline-flex items-center gap-x-2\">\n            <HiEye className=\"h-6 w-6\" />\n            <span>View all</span>\n          </div>\n        </a>\n      </div>\n    </Dropdown>\n  );\n};\n\nconst NewMessageIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z\"></path>\n      <path d=\"M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z\"></path>\n    </svg>\n  );\n};\n\nconst NewFollowIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z\"></path>\n    </svg>\n  );\n};\n\nconst NewLoveIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n\nconst NewMentionIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z\"\n        clipRule=\"evenodd\"\n      ></path>\n    </svg>\n  );\n};\n\nconst NewVideoIcon: FC = function () {\n  return (\n    <svg\n      className=\"h-3 w-3 text-white\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z\"></path>\n    </svg>\n  );\n};\n\nconst AppDrawerDropdown: FC = function () {\n  return (\n    <Dropdown\n      arrowIcon={false}\n      inline\n      label={\n        <span className=\"rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700\">\n          <span className=\"sr-only\">Apps</span>\n          <HiViewGrid className=\"text-2xl text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white\" />\n        </span>\n      }\n    >\n      <div className=\"block rounded-t-lg border-b bg-gray-50 px-4 py-2 text-center text-base font-medium text-gray-700 dark:border-b-gray-600 dark:bg-gray-700 dark:text-white\">\n        Apps\n      </div>\n      <div className=\"grid grid-cols-3 gap-4 p-4\">\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiShoppingBag className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Sales\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiUsers className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Users\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiInbox className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Inbox\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiUserCircle className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Profile\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiCog className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Settings\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiArchive className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Products\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiCurrencyDollar className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Pricing\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiOutlineTicket className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Billing\n          </div>\n        </a>\n        <a\n          href=\"#\"\n          className=\"block rounded-lg p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-600\"\n        >\n          <HiLogout className=\"mx-auto mb-1 h-7 w-7 text-gray-500 dark:text-white\" />\n          <div className=\"text-sm font-medium text-gray-900 dark:text-white\">\n            Logout\n          </div>\n        </a>\n      </div>\n    </Dropdown>\n  );\n};\n\nfunction UserDropdown({\n  img,\n  placeholderInitials,\n}: {\n  img?: string;\n  placeholderInitials?: string;\n}) {\n  return (\n    <Dropdown\n      arrowIcon={false}\n      inline\n      label={\n        <span>\n          <span className=\"sr-only\">User menu</span>\n          <Avatar\n            alt=\"\"\n            img={img}\n            placeholderInitials={placeholderInitials}\n            rounded\n            size=\"sm\"\n          />\n        </span>\n      }\n    >\n      <Dropdown.Header>\n        <span className=\"block text-sm\">Neil Sims</span>\n        <span className=\"block truncate text-sm font-medium\">\n          neil.sims@flowbite.com\n        </span>\n      </Dropdown.Header>\n      <Dropdown.Item>Dashboard</Dropdown.Item>\n      <Dropdown.Item>Settings</Dropdown.Item>\n      <Dropdown.Item>Earnings</Dropdown.Item>\n      <Dropdown.Divider />\n      <Dropdown.Item>Sign out</Dropdown.Item>\n    </Dropdown>\n  );\n}\n"]}

package/dist/chunk-X2JENUDV.mjs

@@ -0,0 +1,16 @@
+import { a as a$3 } from './chunk-G5A3E5IG.mjs';
+import { a as a$2 } from './chunk-6UK5Y6KZ.mjs';
+import { a as a$4 } from './chunk-QHJF4QWW.mjs';
+import { a } from './chunk-PUJZGK7Y.mjs';
+import { d, e, b as b$1, a as a$1 } from './chunk-23SJGKDR.mjs';
+import { createContext, useState, useRef, useEffect, useMemo } from 'react';
+import { useForm, Controller } from 'react-hook-form';
+import { variantProps } from 'classname-variants/react';
+import { BiChevronDown } from 'react-icons/bi';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var P=d((Ft,X)=>{function Le(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}X.exports=Le;});var Q=d((At,J)=>{var Pe=typeof global=="object"&&global&&global.Object===Object&&global;J.exports=Pe;});var H=d((It,Z)=>{var He=Q(),We=typeof self=="object"&&self&&self.Object===Object&&self,Ye=He||We||Function("return this")();Z.exports=Ye;});var te=d((Lt,ee)=>{var Ue=H(),ze=function(){return Ue.Date.now()};ee.exports=ze;});var ae=d((Pt,re)=>{var Be=/\s/;function $e(e){for(var t=e.length;t--&&Be.test(e.charAt(t)););return t}re.exports=$e;});var oe=d((Ht,ne)=>{var Ge=ae(),_e=/^\s+/;function Ke(e){return e&&e.slice(0,Ge(e)+1).replace(_e,"")}ne.exports=Ke;});var W=d((Wt,ie)=>{var Ve=H(),Xe=Ve.Symbol;ie.exports=Xe;});var ue=d((Yt,de)=>{var le=W(),se=Object.prototype,Je=se.hasOwnProperty,Qe=se.toString,D=le?le.toStringTag:void 0;function Ze(e){var t=Je.call(e,D),n=e[D];try{e[D]=void 0;var d=!0;}catch(T){}var m=Qe.call(e);return d&&(t?e[D]=n:delete e[D]),m}de.exports=Ze;});var ge=d((Ut,ce)=>{var et=Object.prototype,tt=et.toString;function rt(e){return tt.call(e)}ce.exports=rt;});var be=d((zt,pe)=>{var fe=W(),at=ue(),nt=ge(),ot="[object Null]",it="[object Undefined]",me=fe?fe.toStringTag:void 0;function lt(e){return e==null?e===void 0?it:ot:me&&me in Object(e)?at(e):nt(e)}pe.exports=lt;});var ye=d((Bt,ve)=>{function st(e){return e!=null&&typeof e=="object"}ve.exports=st;});var Te=d(($t,he)=>{var dt=be(),ut=ye(),ct="[object Symbol]";function gt(e){return typeof e=="symbol"||ut(e)&&dt(e)==ct}he.exports=gt;});var ke=d((Gt,Se)=>{var ft=oe(),xe=P(),mt=Te(),we=0/0,pt=/^[-+]0x[0-9a-f]+$/i,bt=/^0b[01]+$/i,vt=/^0o[0-7]+$/i,yt=parseInt;function ht(e){if(typeof e=="number")return e;if(mt(e))return we;if(xe(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=xe(t)?t+"":t;}if(typeof e!="string")return e===0?e:+e;e=ft(e);var n=bt.test(e);return n||vt.test(e)?yt(e.slice(2),n?2:8):pt.test(e)?we:+e}Se.exports=ht;});var De=d((_t,Ee)=>{var Tt=P(),Y=te(),Oe=ke(),xt="Expected a function",wt=Math.max,St=Math.min;function kt(e,t,n){var d,m,T,v,l,u,c=0,C=!1,p=!1,w=!0;if(typeof e!="function")throw new TypeError(xt);t=Oe(t)||0,Tt(n)&&(C=!!n.leading,p="maxWait"in n,T=p?wt(Oe(n.maxWait)||0,t):T,w="trailing"in n?!!n.trailing:w);function S(a){var f=d,x=m;return d=m=void 0,c=a,v=e.apply(x,f),v}function B(a){return c=a,l=setTimeout(y,t),C?S(a):v}function F(a){var f=a-u,x=a-c,j=t-f;return p?St(j,T-x):j}function O(a){var f=a-u,x=a-c;return u===void 0||f>=t||f<0||p&&x>=T}function y(){var a=Y();if(O(a))return k(a);l=setTimeout(y,F(a));}function k(a){return l=void 0,w&&d?S(a):(d=m=void 0,v)}function N(){l!==void 0&&clearTimeout(l),c=0,d=u=m=l=void 0;}function A(){return l===void 0?v:k(Y())}function E(){var a=Y(),f=O(a);if(d=arguments,m=this,u=a,f){if(l===void 0)return B(u);if(p)return clearTimeout(l),l=setTimeout(y,t),S(u)}return l===void 0&&(l=setTimeout(y,t)),v}return E.cancel=N,E.flush=A,E}Ee.exports=kt;});var Me=e(De()),b=e(a());var jt=createContext(),Mt=variantProps({base:"focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium text-sm py-2.5 text-center inline-flex items-center dark:text-white w-full md:w-auto",variants:{color:{blue:"text-white bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 focus:ring-blue-300",gray:"text-white bg-gray-400 hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-gray-700 focus:ring-gray-300",lightGray:"text-slate-700 bg-white focus:ring-slate-300 border border-gray-300 dark:bg-gray-700 dark:border-gray-600 focus:ring-blue-300",green:"text-white bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700 focus:ring-green-300",red:"text-white bg-red-700 hover:bg-red-800 dark:bg-red-600 dark:hover:bg-red-700 focus:ring-red-300",yellow:"text-white bg-yellow-700 hover:bg-yellow-800 dark:bg-yellow-600 dark:hover:bg-yellow-700 focus:ring-yellow-300"},size:{sm:"px-5 py-1.5",md:"px-5 py-2.5",lg:"px-5 py-3.5",rsm:"px-2.5 py-2.5",rmd:"px-3.5 py-3.5",rlg:"px-4.5 py-4.5"},type:{rect:"rounded-lg",round:"rounded-full"},defaultVariants:{color:"blue",size:"md",type:"rect"}}}),i=Object.freeze({SELECT:{value:0,display:"Select Date Range"},TODAY:{value:2,display:"Today"},WEEK:{value:3,display:"Last Week"},MONTH:{value:4,display:"Last Month"},THREE_MONTH:{value:5,display:"Last 3 Months"},YEAR:{value:6,display:"Last Year"},CUSTOM:{value:7,display:"Custom Date Range"}});function je(e){let t=[{value:i.TODAY.value,display:i.TODAY.display},{value:i.WEEK.value,display:i.WEEK.display},{value:i.MONTH.value,display:i.MONTH.display},{value:i.THREE_MONTH.value,display:i.THREE_MONTH.display},{value:i.YEAR.value,display:i.YEAR.display},{value:i.CUSTOM.value,display:i.CUSTOM.display}];return e===i.SELECT.value&&t.unshift({value:i.SELECT.value,display:i.SELECT.display}),t}function qt(e){var t=new Date;let n={From:null,To:null};switch(e){case i.TODAY.value:n.From=new Date;break;case i.WEEK.value:t.setDate(t.getDate()-7),n.From=t;break;case i.MONTH.value:t.setMonth(t.getMonth()-1),n.From=t;break;case i.THREE_MONTH.value:t.setMonth(t.getMonth()-3),n.From=t;break;case i.YEAR.value:t.setFullYear(t.getFullYear()-1),n.From=t;break;}if(n)return n.From=n.From,n.To=new Date,n}function qe({id:e,className:t="",title:n="Date Range",type:d="rect",color:m="lightGray",align:T="left",size:v="sm",callback:l}){let[u,c]=useState(!1),C=()=>{c(!0);},p=useRef(null);useEffect(()=>{let r=g=>{p.current&&!p.current.contains(g.target)&&c(!1);};return document.addEventListener("click",r,!0),()=>{document.removeEventListener("click",r,!0);}},[]);let w=useMemo(()=>{var r=new Date;return r.setDate(r.getDate()-1),r},[new Date().getDay()]),S=useMemo(()=>new Date(new Date().setMinutes(0,0,0)),[new Date().getDay()]),[B,F]=useState(!1),[O,y]=useState(!1),{control:k,reset:N,handleSubmit:A,watch:E,formState:{errors:a}}=useForm({defaultValues:{start:w.toISOString().split("T")[0],end:S.toISOString().split("T")[0],dateSelect:i.SELECT.value}}),f=E("dateSelect"),x=useRef((0, Me.default)(r=>{Fe(r);},1e3)).current,j=r=>{r.preventDefault(),c(!1),y(!1),N();},Re=r=>{x(r);},Fe=r=>{if(r.emptyChk){F(!0);return}let g=je(parseInt(r.dateSelect)).find(R=>R.value===parseInt(r.dateSelect)),M=new Date(r.start),q=new Date(r.end);if(g.value<i.CUSTOM.value){let R=qt(g.value);M=R.From,q=R.To;}if(M.setUTCHours(0,0,0,0),q.setUTCHours(23,59,59,59),q<M){y(!0);return}l({Mode:g,From:M,To:q}),N(),c(!1);},I=()=>{O&&y(!1);},Ae=()=>jsxs("div",{className:t,children:[jsx(a$2,{label:"Date Range",htmlFor:"dateSelect",className:"mb-4",helperText:"Please choose date range from which you want to export.",children:jsx(Controller,{name:"dateSelect",control:k,rules:{required:"Please select a date range.",validate:{selected:r=>r!==0||"Please select a date range."}},render:({field:r})=>jsx(a$3,{id:"dateSelect",defaultValue:r.value,onChange:g=>{r.onChange(g),I();},options:je(r.value),ref:r.ref,color:a.dateSelect?"failure":"gray"})})}),f==i.CUSTOM.value&&jsx(Fragment,{children:jsxs("div",{className:"grid grid-cols-2",children:[jsx(Controller,{name:"start",control:k,rules:{required:"A start date is required.",validate:{whitespace:r=>((r==null?void 0:r.toString().trim())||"").length>0||"A start date is required."}},render:({field:r})=>jsxs("div",{className:"w-50 pr-1",children:[jsx("label",{htmlFor:"start",children:"From:"}),jsx("input",{type:"date",id:"startDatePicker",value:r.value,name:"start",max:w,onChange:g=>{r.onChange(g),I();},className:"mt-1 block w-full",color:a.start?"failure":"gray"})]})}),a.start&&jsx("div",{className:"mt-1 text-sm text-red-600 dark:text-red-500",children:a.start.message}),jsx(Controller,{name:"end",control:k,rules:{required:"An end date is required.",validate:{whitespace:r=>((r==null?void 0:r.toString().trim())||"").length>0||"An end date is required."}},render:({field:r})=>jsxs("div",{className:"w-50 pr-1",children:[jsx("label",{htmlFor:"end",children:"To:"}),jsx("input",{type:"date",id:"endDatePicker",value:r.value,name:"end",max:S,onChange:g=>{r.onChange(g),I();},className:"mt-1 block w-full",color:a.end?"failure":"gray"})]})})]})}),jsxs("div",{className:"h-4",children:[a.end&&jsx("div",{className:"mt-1 text-sm text-red-600 dark:text-red-500",children:a.end.message}),a.dateSelect&&jsx("div",{className:" z-50 text-sm text-red-600 dark:text-red-500 ",children:a.dateSelect.message}),O&&jsx("div",{className:"mt-1 text-sm text-red-600 dark:text-red-500",children:"A valid custom date range is required."})]}),jsxs("div",{className:"flex justify-end gap-4",children:[jsx(a$4,{color:"gray",size:"sm",outline:!0,onClick:j,children:"Cancel"}),jsx(a$4,{color:"default",size:"sm",type:"submit",children:"Apply"})]})]});return jsx("div",{id:`${e}-panel`,className:"relative",children:jsxs(jt.Provider,{value:{showDropdown:u,setShowDropdown:c},children:[jsxs("button",b$1(a$1({id:e},Mt({color:m,size:v,type:d})),{"data-dropdown-toggle":`${e}-dropdown`,type:"button",onClick:C,children:[jsx("span",{className:"flex-auto",children:n}),d==="rect"&&jsx("span",{className:"items-right flex justify-end",children:jsx(BiChevronDown,{className:"pointer-events-none"})})]})),jsx("div",{id:`${e}-dropdown`,ref:p,className:`z-50 w-full md:w-80 mt-2 absolute ${u?"":"hidden"} ${T==="left"?"left-0":"right-0"} bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700`,children:jsx("div",{className:"py-2 text-sm text-gray-700 dark:text-gray-200","aria-labelledby":"dropdownDefaultButton",children:jsx("form",{className:"space-y-6 p-3",onSubmit:A(Re),children:u&&Ae()})})})]})})}qe.propTypes={id:b.default.string.isRequired,className:b.default.string,title:b.default.string,type:b.default.oneOf(["rect","round"]),color:b.default.oneOf(["blue","gray","lightGray","green","red","yellow"]),align:b.default.oneOf(["left","right"]),size:b.default.oneOf(["sm","md","lg"]),callback:b.default.func.isRequired};qe.displayName="DateRangePicker";
+
+export { qe as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-X2JENUDV.mjs.map

package/dist/chunk-X2JENUDV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../node_modules/lodash/isObject.js","../../../node_modules/lodash/_freeGlobal.js","../../../node_modules/lodash/_root.js","../../../node_modules/lodash/now.js","../../../node_modules/lodash/_trimmedEndIndex.js","../../../node_modules/lodash/_baseTrim.js","../../../node_modules/lodash/_Symbol.js","../../../node_modules/lodash/_getRawTag.js","../../../node_modules/lodash/_objectToString.js","../../../node_modules/lodash/_baseGetTag.js","../../../node_modules/lodash/isObjectLike.js","../../../node_modules/lodash/isSymbol.js","../../../node_modules/lodash/toNumber.js","../../../node_modules/lodash/debounce.js","../src/date-range-picker.tsx"],"names":["require_isObject","__commonJSMin","exports","module","isObject","value","type","require_freeGlobal","freeGlobal","require_root","freeSelf","root","require_now","now","require_trimmedEndIndex","reWhitespace","trimmedEndIndex","string","index","require_baseTrim","reTrimStart","baseTrim","require_Symbol","Symbol","require_getRawTag","objectProto","hasOwnProperty","nativeObjectToString","symToStringTag","getRawTag","isOwn","tag","unmasked","e","result","require_objectToString","objectToString","require_baseGetTag","nullTag","undefinedTag","baseGetTag","require_isObjectLike","isObjectLike","require_isSymbol","symbolTag","isSymbol","require_toNumber","NAN","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","toNumber","other","isBinary","require_debounce","FUNC_ERROR_TEXT","nativeMax","nativeMin","debounce","func","wait","options","lastArgs","lastThis","maxWait","timerId","lastCallTime","lastInvokeTime","leading","maxing","trailing","invokeFunc","time","args","thisArg","leadingEdge","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","timeWaiting","shouldInvoke","trailingEdge","cancel","flush","debounced","isInvoking","useState","useRef","useMemo","useEffect","createContext","import_debounce","import_prop_types","useForm","Controller","variantProps","BiChevronDown","Fragment","jsx","jsxs","DropdownContext","buttonProps","dateRangeType","getSelectOptions","currentValue","dateRangeCalculation","dateType","d","obj","DateRangePicker","id","className","title","color","align","size","callback","showDropdown","setShowDropdown","handleShowDropdown","ref","handleClickOutside","MinDate","MaxDate","err","setErr","dateErr","setDateErr","control","reset","handleSubmit","watch","errors","watchDateType","debouncedExport","data","exportRequest","handleCancel","onSubmit","mode","x","fromDate","toDate","onChanged","renderContent","FormRow","field","Select","v","Button","__spreadProps","__spreadValues","PropTypes"],"mappings":"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","sourcesContent":["/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n  var type = typeof value;\n  return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\nmodule.exports = now;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n  var index = string.length;\n\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n  return string\n    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n    : string;\n}\n\nmodule.exports = baseTrim;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n  var isOwn = hasOwnProperty.call(value, symToStringTag),\n      tag = value[symToStringTag];\n\n  try {\n    value[symToStringTag] = undefined;\n    var unmasked = true;\n  } catch (e) {}\n\n  var result = nativeObjectToString.call(value);\n  if (unmasked) {\n    if (isOwn) {\n      value[symToStringTag] = tag;\n    } else {\n      delete value[symToStringTag];\n    }\n  }\n  return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n  return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var Symbol = require('./_Symbol'),\n    getRawTag = require('./_getRawTag'),\n    objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n    undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  if (value == null) {\n    return value === undefined ? undefinedTag : nullTag;\n  }\n  return (symToStringTag && symToStringTag in Object(value))\n    ? getRawTag(value)\n    : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var baseTrim = require('./_baseTrim'),\n    isObject = require('./isObject'),\n    isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var isObject = require('./isObject'),\n    now = require('./now'),\n    toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        timeWaiting = wait - timeSinceLastCall;\n\n    return maxing\n      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n      : timeWaiting;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        clearTimeout(timerId);\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\nmodule.exports = debounce;\n","//@ts-nocheck\nimport { useState, useRef, useMemo, useEffect, createContext } from 'react'\n//@ts-nocheck\nimport { Select } from './select'\nimport { Button } from './button'\nimport { FormRow } from './form-row'\nimport { useForm, Controller } from 'react-hook-form'\nimport debounce from 'lodash/debounce'\nimport { variantProps } from 'classname-variants/react'\nimport { BiChevronDown } from 'react-icons/bi'\nimport PropTypes from 'prop-types'\nconst DropdownContext = createContext()\n\n// BUTTON CLASSES\nconst buttonProps = variantProps({\n  base: 'focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium text-sm py-2.5 text-center inline-flex items-center dark:text-white w-full md:w-auto',\n  variants: {\n    color: {\n      blue: \"text-white bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 focus:ring-blue-300\",\n      gray: \"text-white bg-gray-400 hover:bg-gray-600 dark:bg-gray-600 dark:hover:bg-gray-700 focus:ring-gray-300\",\n      lightGray:\n        \"text-slate-700 bg-white focus:ring-slate-300 border border-gray-300 dark:bg-gray-700 dark:border-gray-600 focus:ring-blue-300\",\n      green:\n        \"text-white bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700 focus:ring-green-300\",\n      red: \"text-white bg-red-700 hover:bg-red-800 dark:bg-red-600 dark:hover:bg-red-700 focus:ring-red-300\",\n      yellow:\n        \"text-white bg-yellow-700 hover:bg-yellow-800 dark:bg-yellow-600 dark:hover:bg-yellow-700 focus:ring-yellow-300\",\n    },\n    size: {\n      sm: \"px-5 py-1.5\",\n      md: \"px-5 py-2.5\",\n      lg: \"px-5 py-3.5\",\n      // WORKAROUND: Compound variants don't work with classname-variants/react (revisit later)\n      rsm: \"px-2.5 py-2.5\",\n      rmd: \"px-3.5 py-3.5\",\n      rlg: \"px-4.5 py-4.5\",\n    },\n    type: {\n      rect: \"rounded-lg\",\n      round: \"rounded-full\",\n    },\n    defaultVariants: {\n      color: \"blue\",\n      size: \"md\",\n      type: \"rect\",\n    },\n  },\n});\n\nconst dateRangeType = Object.freeze({\n  SELECT: { value: 0, display: \"Select Date Range\" },\n  TODAY: { value: 2, display: \"Today\" },\n  WEEK: { value: 3, display: \"Last Week\" },\n  MONTH: { value: 4, display: \"Last Month\" },\n  THREE_MONTH: { value: 5, display: \"Last 3 Months\" },\n  YEAR: { value: 6, display: \"Last Year\" },\n  CUSTOM: { value: 7, display: \"Custom Date Range\" },\n});\n\nfunction getSelectOptions(currentValue) {\n  const options = [\n    { value: dateRangeType.TODAY.value, display: dateRangeType.TODAY.display },\n    { value: dateRangeType.WEEK.value, display: dateRangeType.WEEK.display },\n    { value: dateRangeType.MONTH.value, display: dateRangeType.MONTH.display },\n    {\n      value: dateRangeType.THREE_MONTH.value,\n      display: dateRangeType.THREE_MONTH.display,\n    },\n    { value: dateRangeType.YEAR.value, display: dateRangeType.YEAR.display },\n    {\n      value: dateRangeType.CUSTOM.value,\n      display: dateRangeType.CUSTOM.display,\n    },\n  ];\n\n  if (currentValue === dateRangeType.SELECT.value)\n    options.unshift({\n      value: dateRangeType.SELECT.value,\n      display: dateRangeType.SELECT.display,\n    });\n  return options;\n}\n\nfunction dateRangeCalculation(dateType) {\n  var d = new Date();\n  let obj = { From: null, To: null };\n  switch (dateType) {\n    case dateRangeType.TODAY.value:\n      obj.From = new Date();\n      break;\n    case dateRangeType.WEEK.value:\n      d.setDate(d.getDate() - 7);\n      obj.From = d;\n      break;\n    case dateRangeType.MONTH.value:\n      d.setMonth(d.getMonth() - 1);\n      obj.From = d;\n      break;\n    case dateRangeType.THREE_MONTH.value:\n      d.setMonth(d.getMonth() - 3);\n      obj.From = d;\n      break;\n    case dateRangeType.YEAR.value:\n      d.setFullYear(d.getFullYear() - 1);\n      obj.From = d;\n      break;\n\n    default:\n      break;\n  }\n\n  if (!obj) return;\n\n  obj.From = obj.From;\n  obj.To = new Date();\n\n  return obj;\n}\n\nexport function DateRangePicker({ id, className='', title = 'Date Range', type = 'rect', color = 'lightGray', align = 'left', size = 'sm', callback }) {\n  const [showDropdown, setShowDropdown] = useState(false)\n  const handleShowDropdown = () => {\n    setShowDropdown(true)\n  }\n\n  const ref = useRef(null)\n\n  useEffect(() => {\n    const handleClickOutside = (e) => {\n      if (ref.current && !ref.current.contains(e.target)) {\n        setShowDropdown(false)\n      }\n    }\n\n    document.addEventListener('click', handleClickOutside, true)\n    return () => {\n      document.removeEventListener('click', handleClickOutside, true)\n    }\n  }, [])\n\n  const MinDate = useMemo(() => {\n    var d = new Date();\n    d.setDate(d.getDate() - 1);\n    return d;\n  }, [new Date().getDay()]);\n\n  const MaxDate = useMemo(() => {\n    return new Date(new Date().setMinutes(0, 0, 0));\n  }, [new Date().getDay()]);\n\n  const [err, setErr] = useState(false);\n  const [dateErr, setDateErr] = useState(false);\n\n  const {\n    control,\n    reset,\n    handleSubmit,\n    watch,\n    formState: { errors },\n  } = useForm({\n    defaultValues: {\n      start: MinDate.toISOString().split(\"T\")[0],\n      end: MaxDate.toISOString().split(\"T\")[0],\n      dateSelect: dateRangeType.SELECT.value,\n    },\n  });\n\n  const watchDateType = watch(\"dateSelect\");\n  const debouncedExport = useRef(\n    debounce((data) => {\n      exportRequest(data);\n    }, 1000)\n  ).current;\n\n  const handleCancel = (e) => {\n    e.preventDefault();\n    setShowDropdown(false);\n    setDateErr(false);\n    reset();\n  };\n\n  const onSubmit = (data) => {\n    debouncedExport(data);\n  };\n\n  const exportRequest = (data) => {\n    if (data.emptyChk) {\n      setErr(true);\n      return;\n    }\n\n    const mode = getSelectOptions(parseInt(data.dateSelect)).find(\n      (x) => x.value === parseInt(data.dateSelect)\n    );\n    let fromDate = new Date(data.start);\n    let toDate = new Date(data.end);\n\n    if (mode.value < dateRangeType.CUSTOM.value) {\n      let obj = dateRangeCalculation(mode.value);\n      fromDate = obj.From;\n      toDate = obj.To;\n    }\n\n    fromDate.setUTCHours(0, 0, 0, 0);\n\n    toDate.setUTCHours(23, 59, 59, 59);\n\n    if (toDate < fromDate) {\n      setDateErr(true);\n      return;\n    }\n\n    callback({\n      Mode: mode,\n      From: fromDate,\n      To: toDate,\n    });\n\n    reset()\n    setShowDropdown(false)\n  }\n\n  const onChanged = () => {\n    if (dateErr) setDateErr(false);\n  };\n\n  const renderContent = () => (\n    <div className={className}>\n      <FormRow\n        label=\"Date Range\"\n        htmlFor=\"dateSelect\"\n        className=\"mb-4\"\n        helperText=\"Please choose date range from which you want to export.\"\n      >\n        <Controller\n          name=\"dateSelect\"\n          control={control}\n          rules={{\n            required: \"Please select a date range.\",\n            validate: {\n              selected: (r) => r !== 0 || \"Please select a date range.\",\n            },\n          }}\n          render={({ field }) => (\n            <Select\n              id=\"dateSelect\"\n              defaultValue={field.value}\n              onChange={(e) => {\n                field.onChange(e);\n                onChanged();\n              }}\n              options={getSelectOptions(field.value)}\n              ref={field.ref}\n              color={errors.dateSelect ? \"failure\" : \"gray\"}\n            />\n          )}\n        />\n      </FormRow>\n      {watchDateType == dateRangeType.CUSTOM.value && (\n        <>\n          <div className=\"grid grid-cols-2\">\n            <Controller\n              name=\"start\"\n              control={control}\n              rules={{\n                required: \"A start date is required.\",\n                validate: {\n                  whitespace: (v) =>\n                    (v?.toString().trim() || \"\").length > 0 ||\n                    \"A start date is required.\",\n                },\n              }}\n              render={({ field }) => (\n                <div className=\"w-50 pr-1\">\n                  <label htmlFor=\"start\">From:</label>\n                  <input\n                    type=\"date\"\n                    id=\"startDatePicker\"\n                    value={field.value}\n                    name=\"start\"\n                    max={MinDate}\n                    onChange={(e) => {\n                      field.onChange(e);\n                      onChanged();\n                    }}\n                    className=\"mt-1 block w-full\"\n                    color={errors.start ? \"failure\" : \"gray\"}\n                  />\n                </div>\n              )}\n            />\n            {errors.start && (\n              <div className=\"mt-1 text-sm text-red-600 dark:text-red-500\">\n                {errors.start.message}\n              </div>\n            )}\n\n            <Controller\n              name=\"end\"\n              control={control}\n              rules={{\n                required: \"An end date is required.\",\n                validate: {\n                  whitespace: (v) =>\n                    (v?.toString().trim() || \"\").length > 0 ||\n                    \"An end date is required.\",\n                },\n              }}\n              render={({ field }) => (\n                <div className=\"w-50 pr-1\">\n                  <label htmlFor=\"end\">To:</label>\n                  <input\n                    type=\"date\"\n                    id=\"endDatePicker\"\n                    value={field.value}\n                    name=\"end\"\n                    max={MaxDate}\n                    onChange={(e) => {\n                      field.onChange(e);\n                      onChanged();\n                    }}\n                    className=\"mt-1 block w-full\"\n                    color={errors.end ? \"failure\" : \"gray\"}\n                  />\n                </div>\n              )}\n            />\n          </div>\n        </>\n      )}\n      <div className=\"h-4\">\n        {errors.end && (\n          <div className=\"mt-1 text-sm text-red-600 dark:text-red-500\">\n            {errors.end.message}\n          </div>\n        )}\n        {errors.dateSelect && (\n          <div className=\" z-50 text-sm text-red-600 dark:text-red-500 \">\n            {errors.dateSelect.message}\n          </div>\n        )}\n        {dateErr && (\n          <div className=\"mt-1 text-sm text-red-600 dark:text-red-500\">\n            A valid custom date range is required.\n          </div>\n        )}\n      </div>\n      <div className=\"flex justify-end gap-4\">\n        <Button color=\"gray\" size=\"sm\" outline onClick={handleCancel}>\n          Cancel\n        </Button>\n        <Button color=\"default\" size=\"sm\" type=\"submit\">\n          Apply\n        </Button>\n      </div>\n    </div>\n  );\n\n  return (\n    <div id={`${id}-panel`} className=\"relative\">\n      <DropdownContext.Provider value={{ showDropdown, setShowDropdown }}>\n        <button id={id} \n          {...buttonProps({ color, size, type })} \n          data-dropdown-toggle={`${id}-dropdown`} \n          type=\"button\" \n          onClick={handleShowDropdown}\n        >\n          <span className='flex-auto'>{title}</span>\n          {type === 'rect' && <span className='items-right flex justify-end'><BiChevronDown className=\"pointer-events-none\" /></span>}\n        </button>\n        <div\n          id={`${id}-dropdown`}\n          ref={ref}\n          className={`z-50 w-full md:w-80 mt-2 absolute ${\n            showDropdown ? '' : 'hidden'\n          } ${align === 'left' ? 'left-0' : 'right-0'} bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700`}\n        >\n          <div className=\"py-2 text-sm text-gray-700 dark:text-gray-200\" aria-labelledby=\"dropdownDefaultButton\">\n            <form className=\"space-y-6 p-3\" onSubmit={handleSubmit(onSubmit)}>\n              {showDropdown && renderContent()}\n            </form>\n          </div>\n        </div>\n      </DropdownContext.Provider>\n    </div>\n  );\n}\n\nDateRangePicker.propTypes = {\n  /** This is the unique Id for the DateRangePicker component */\n  id: PropTypes.string.isRequired,\n  /** This is an optional option for the wrapper div if any css is wanted to be added to the component */\n  className: PropTypes.string,\n  /** This is the title for the DateRangePicker component defaults to 'Date Range'*/\n  title: PropTypes.string,\n  /** Type of button for the DateRangePicker component defaults to 'rect'*/\n  type: PropTypes.oneOf([\"rect\", \"round\"]),\n  /** Color of the button for the DateRangePicker component defaults to 'lightGray'*/\n  color: PropTypes.oneOf([\n    \"blue\",\n    \"gray\",\n    \"lightGray\",\n    \"green\",\n    \"red\",\n    \"yellow\",\n  ]),\n  /** Aligns the dropdown protion of the DateRangePicker to either the left or right of the button. Defaults to align with the left side of the button*/\n  align: PropTypes.oneOf([\"left\", \"right\"]),\n  /** Size of the button for the DateRangePicker component defaults to 'sm'*/\n  size: PropTypes.oneOf([\"sm\", \"md\", \"lg\"]),\n  /** Callback function for the DateRangePicker component outputs the chosen date range in the following format eg:{From:\"2024-03-03T00:00:00.000Z\" To:\"2024-05-03T00:00:00.000Z\" Mode:{\n    \"value\": 7,\n    \"display\": \"Custom Date Range\"\n}} */\n  callback: PropTypes.func.isRequired,\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"]}

package/dist/chunk-XBWUYKZW.mjs

@@ -0,0 +1,10 @@
+import { a as a$1 } from './chunk-PUJZGK7Y.mjs';
+import { e } from './chunk-23SJGKDR.mjs';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var a=e(a$1());var t=forwardRef(function(e,l){return jsx("div",{className:e.className&&e.className,children:jsxs("label",{className:`relative mb-5 inline-flex items-center ${e.disabled&&"cursor-not-allowed opacity-50"}`,children:[jsx("input",{id:e.id,ref:l,type:"checkbox",className:"peer sr-only",onChange:e.onChange,name:e.name,checked:e.checked,disabled:e.disabled}),jsx("div",{className:"peer h-6 w-11 rounded-full bg-gray-200 after:absolute after:start-[2px] after:top-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-blue-600 peer-checked:after:translate-x-full peer-checked:after:border-white rtl:peer-checked:after:-translate-x-full dark:border-gray-600 dark:bg-gray-700"}),e.label&&jsx("span",{class:"ms-3 text-sm font-medium text-gray-900 dark:text-gray-300",children:e.label})]})})});t.propTypes={id:a.default.string.isRequired,checked:a.default.bool,disabled:a.default.bool,onChange:a.default.func,label:a.default.string};t.displayName="ToggleSwitch";
+
+export { t as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-XBWUYKZW.mjs.map

package/dist/chunk-XBWUYKZW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toggleswitch.tsx"],"names":["import_prop_types","forwardRef","jsx","jsxs","ToggleSwitch","props","ref","PropTypes"],"mappings":"kFACA,IAAAA,EAAsB,OACtB,OAAS,cAAAC,MAAkB,QAKpB,OAKG,OAAAC,EALH,QAAAC,MAAA,oBAHA,IAAMC,EAAeH,EAAW,SAAsBI,EAAOC,EAAK,CACvE,OACEJ,EAAC,OAAI,UAAWG,EAAM,WAAaA,EAAM,UACtC,SAAAF,EAAC,SACE,UAAW,0CACTE,EAAM,UAAY,kCAGpB,UAAAH,EAAC,SACC,GAAIG,EAAM,GACV,IAAKC,EACL,KAAK,WACL,UAAW,eACX,SAAUD,EAAM,SAChB,KAAMA,EAAM,KACZ,QAASA,EAAM,QACf,SAAUA,EAAM,SAChB,EACFH,EAAC,OAAI,UAAU,qYAAqY,EACnZG,EAAM,OACLH,EAAC,QAAK,MAAM,4DACT,SAAAG,EAAM,MACT,GAEJ,EACF,CAEN,CAAC,EAEDD,EAAa,UAAY,CAEvB,GAAI,EAAAG,QAAU,OAAO,WAErB,QAAS,EAAAA,QAAU,KAEnB,SAAU,EAAAA,QAAU,KAEpB,SAAU,EAAAA,QAAU,KACpB,MAAO,EAAAA,QAAU,MACnB,EAEAH,EAAa,YAAc","sourcesContent":["//@ts-nocheck\nimport PropTypes from \"prop-types\";\nimport { forwardRef } from \"react\";\n\nexport const ToggleSwitch = forwardRef(function ToggleSwitch(props, ref) {\n  return (\n    <div className={props.className && props.className}>\n       <label\n          className={`relative mb-5 inline-flex items-center ${\n            props.disabled && \"cursor-not-allowed opacity-50\"\n          }`}\n          >\n          <input\n            id={props.id}\n            ref={ref}\n            type=\"checkbox\"\n            className={`peer sr-only`}\n            onChange={props.onChange}\n            name={props.name}\n            checked={props.checked}\n            disabled={props.disabled}\n            />\n          <div className=\"peer h-6 w-11 rounded-full bg-gray-200 after:absolute after:start-[2px] after:top-0.5 after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-blue-600 peer-checked:after:translate-x-full peer-checked:after:border-white rtl:peer-checked:after:-translate-x-full dark:border-gray-600 dark:bg-gray-700\" />\n          {props.label && (\n            <span class=\"ms-3 text-sm font-medium text-gray-900 dark:text-gray-300\">\n              {props.label}\n            </span>\n          )}\n        </label>\n      </div>\n  );\n});\n\nToggleSwitch.propTypes = {\n  /** Id for Toggle switch */\n  id: PropTypes.string.isRequired,\n  /** Bool to determine if ToggleSwitch has been checked */\n  checked: PropTypes.bool,\n  /** Bool to disable toggle switch */\n  disabled: PropTypes.bool,\n  /** function to handle checked value */\n  onChange: PropTypes.func,\n  label: PropTypes.string,\n};\n\nToggleSwitch.displayName = \"ToggleSwitch\";\n"]}

package/dist/{chunk-Q365BFES.mjs → chunk-YJINOUZ7.mjs}

@@ -7,4 +7,4 @@ var r=e(a());function H(w,n,t){let l=useRef(0),s=useRef(null),u=useCallback(w,t)
 
 export { S as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-Q365BFES.mjs.map
+//# sourceMappingURL=chunk-YJINOUZ7.mjs.map

package/dist/chunk-YJINOUZ7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/search/search.tsx"],"names":["import_prop_types","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","useState","Fragment","jsx","jsxs","useDebounceEffect","effect","delay","deps","instanceRef","handlerRef","callback","Search","id","categories","placeholder","disabled","initialValue","reference","state","setState","currentSearchValue","setCurrentSearchValue","hidden","setHidden","__spreadProps","__spreadValues","handleSearchChange","handleTypeChange","selection","handleKeyDown","ref","handleClickOutside","e","renderDropdown","x","PropTypes"],"mappings":"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","sourcesContent":["//@ts-nocheck\nimport PropTypes from \"prop-types\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nfunction useDebounceEffect(effect, delay, deps) {\n  const instanceRef = useRef(0);\n  const handlerRef = useRef(null);\n  const callback = useCallback(effect, deps);\n\n  useEffect(() => {\n    if (instanceRef.current === 0) {\n      instanceRef.current = 1;\n    } else {\n      handlerRef.current = setTimeout(() => {\n        callback();\n      }, delay);\n    }\n    return () => {\n      clearTimeout(handlerRef.current);\n    };\n  }, [callback, delay]);\n}\n\nexport const Search = forwardRef(function Search(\n  {\n    id,\n    categories = [],\n    delay = 1500,\n    placeholder = \"Enter a keyword to search...\",\n    callback,\n    disabled = false,\n    initialValue = \"\",\n  },\n  reference\n) {\n  // Create state based on config\n  const [state, setState] = useState({\n    text: null,\n    category: categories?.length > 0 ? categories[0] : null,\n  });\n  const [currentSearchValue, setCurrentSearchValue] = useState(initialValue);\n  const [hidden, setHidden] = useState(true);\n\n  useImperativeHandle(reference, () => ({\n    clear: () => {\n      setCurrentSearchValue(\"\");\n      setState({ ...state, text: \"\" });\n    },\n    removeFocus: () => {\n      document.getElementById(`${id}-search-input`).blur();\n    },\n  }));\n\n  const handleSearchChange = (e) => {\n    setCurrentSearchValue(e.target.value);\n    setState({ ...state, text: e.target.value });\n  };\n\n  const handleTypeChange = (e, selection) => {\n    e.preventDefault();\n    setState({ ...state, category: selection });\n    setHidden(true);\n  };\n\n  const handleKeyDown = (e) => {\n    if ((e.charCode || e.keyCode) === 13) {\n      e.preventDefault();\n    }\n  };\n\n  useDebounceEffect(\n    () => {\n      callback(state);\n    },\n    delay,\n    [state.text, state.category]\n  );\n  useEffect(() => {\n    if (initialValue !== currentSearchValue)\n      setCurrentSearchValue(initialValue);\n  }, [initialValue]);\n\n  const ref = useRef(null);\n  useEffect(() => {\n    const handleClickOutside = (e) => {\n      if (ref.current && !ref.current.contains(e.target)) {\n        setHidden(true);\n      }\n    };\n\n    document.addEventListener(\"click\", handleClickOutside, true);\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside, true);\n    };\n  }, []);\n\n  const renderDropdown = () => (\n    <>\n      <button\n        id={`${id}-dropdown-button`}\n        data-dropdown-toggle=\"dropdown\"\n        className=\"absolute right-0 top-0 z-10 inline-flex flex-shrink-0 items-center rounded-r-lg border border-gray-300 bg-white p-2.5 px-4 py-2.5 text-center text-sm font-medium text-gray-900 hover:bg-gray-200 focus:outline-none focus:ring-4 focus:ring-gray-300 dark:border-gray-700 dark:bg-gray-600 dark:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-800\"\n        type=\"button\"\n        onClick={() => setHidden(!hidden)}\n      >\n        {state.category.display}\n        <svg\n          className=\"ml-2.5 h-2.5 w-2.5\"\n          aria-hidden=\"true\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 10 6\"\n        >\n          <path\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth=\"2\"\n            d=\"m1 1 4 4 4-4\"\n          />\n        </svg>\n      </button>\n      <div\n        id={`${id}-dropdown`}\n        ref={ref}\n        className={`z-10 ${\n          hidden ? \"hidden\" : \"\"\n        } absolute right-0 w-44 divide-y divide-gray-100 rounded-r-lg bg-white shadow dark:bg-gray-700`}\n      >\n        <ul\n          className=\"py-2 text-sm text-gray-700 dark:text-gray-200\"\n          aria-labelledby=\"dropdown-button\"\n        >\n          {(categories || []).map((x) => {\n            return (\n              <li key={`gst-${x.display}`}>\n                <a\n                  href=\"#\"\n                  className=\"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white\"\n                  onClick={(e) => handleTypeChange(e, x)}\n                >\n                  {x.display}\n                </a>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </>\n  );\n\n  return (\n    <div className=\"flex\">\n      <div className=\"relative w-full\">\n        <input\n          ref={reference}\n          placeholder={placeholder}\n          value={currentSearchValue}\n          aria-label=\"search\"\n          aria-describedby=\"Search\"\n          onChange={handleSearchChange}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          id={`${id}-search-input`}\n          className=\"block w-full rounded-lg border border-r-2 border-gray-300 border-r-gray-300  bg-gray-50  p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500\"\n        />\n        {categories?.length > 0 && renderDropdown()}\n      </div>\n    </div>\n  );\n});\n\nSearch.propTypes = {\n  /** Optional List of categories that the search term can be applied to. If supplied\n   *  the categories appear on the far right of the search input in a drop down list, otherwise it is hidden.\n   */\n  categories: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The text shown to the user in the dropdown.\n       */\n      display: PropTypes.string.isRequired,\n      /**\n       * The value set when the item is selected.\n       */\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired,\n    })\n  ),\n  /**\n   * The delay between requests made to the server when typing in milliseconds.\n   */\n  delay: PropTypes.number,\n  /**\n   * Optional placeholder for the search field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Callback with the search object for use in the application the format is:\n   * { text: '', category: {display:\"\", value:\"\"} }. Note: category is null if no options are provided.\n   */\n  callback: PropTypes.func.isRequired,\n  /**\n   * If set to true, the text in the search box cannot be changed\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If set, will be the value in the search bar when it first loads.\n   * If not set, the search bar will just be empty.\n   */\n  initialValue: PropTypes.string,\n};\n\nSearch.displayName = \"Search\";\n"]}

package/dist/{chunk-4IKXV4FQ.mjs → chunk-Z5YZVKS5.mjs}

@@ -1,8 +1,8 @@
-import { a } from './chunk-FRIXS4BL.mjs';
+import { a } from './chunk-JPF3K5TD.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function n({companyName:a$1}){return a$1?jsxs("div",{className:"full-w flex flex-shrink-0 items-center justify-center bg-gray-50 p-2.5 dark:bg-gray-900",children:[jsxs("span",{className:"text-sm text-gray-400",children:[a$1," e-commerce"]}),jsx(a,{}),jsx("span",{className:"text-sm text-gray-400",children:"powered by EKM"})]}):jsxs("div",{className:"full-w flex flex-shrink-0 items-center justify-center bg-gray-50 p-2.5 dark:bg-gray-900",children:[jsx("span",{className:"text-sm text-gray-400",children:"Designed & built"}),jsx(a,{}),jsx("span",{className:"text-sm text-gray-400",children:"with love in the UK"})]})}
 
 export { n as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-4IKXV4FQ.mjs.map
+//# sourceMappingURL=chunk-Z5YZVKS5.mjs.map

package/dist/{chunk-ZHCGY4YB.mjs → chunk-ZO5NWKNY.mjs}

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

package/dist/{chunk-ZHCGY4YB.mjs.map → chunk-ZO5NWKNY.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-copy.tsx"],"names":["useState","useEffect","jsx","jsxs","InputCopy","id","name","text","selected","setSelected","interval","TextInput","copy"],"mappings":"yCACA,OAAS,YAAAA,EAAU,aAAAC,MAAiB,QA+BhC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBG,SAASC,EAAU,CAAE,GAAAC,EAAI,KAAAC,EAAM,KAAAC,CAAK,EAAmB,CAC5D,GAAM,CAACC,EAAUC,CAAW,EAAIT,EAAS,EAAK,EAE9C,OAAAC,EAAU,IAAM,CACd,IAAMS,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,EAACS,EAAA,CACC,GAAIN,EACJ,KAAMC,EACN,MAAOE,EAAW,UAAY,OAC9B,MAAOD,EACP,KAAK,OACL,SAAQ,GACV,EACAL,EAAC,UACC,UAAU,mEACV,QAtBa,IAAM,CACvB,IAAMU,EAAO,SAAS,eAAeP,CAAE,EACnCO,IACFA,EAAK,OAAO,EACZA,EAAK,kBAAkB,EAAG,KAAK,EAC/B,UAAU,UAAU,UAAUA,EAAK,KAAK,EACxCH,EAAY,EAAI,EAEpB,EAgBM,SAAAP,EAAC,QAAK,UAAU,2BAA2B,GAAG,iBAAiB,gBAE/D,EACF,GACF,CAEJ,CAEAE,EAAU,YAAc","sourcesContent":["// @ts-nocheck\nimport { useState, useEffect } from \"react\";\nimport { TextInput } from \"./textinput\";\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"]}
+{"version":3,"sources":["../src/input-copy.tsx"],"names":["useEffect","useState","jsx","jsxs","InputCopy","id","name","text","selected","setSelected","interval","TextInput","copy"],"mappings":"yCACA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QA+BhC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBG,SAASC,EAAU,CAAE,GAAAC,EAAI,KAAAC,EAAM,KAAAC,CAAK,EAAmB,CAC5D,GAAM,CAACC,EAAUC,CAAW,EAAIR,EAAS,EAAK,EAE9C,OAAAD,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,EAACS,EAAA,CACC,GAAIN,EACJ,KAAMC,EACN,MAAOE,EAAW,UAAY,OAC9B,MAAOD,EACP,KAAK,OACL,SAAQ,GACV,EACAL,EAAC,UACC,UAAU,mEACV,QAtBa,IAAM,CACvB,IAAMU,EAAO,SAAS,eAAeP,CAAE,EACnCO,IACFA,EAAK,OAAO,EACZA,EAAK,kBAAkB,EAAG,KAAK,EAC/B,UAAU,UAAU,UAAUA,EAAK,KAAK,EACxCH,EAAY,EAAI,EAEpB,EAgBM,SAAAP,EAAC,QAAK,UAAU,2BAA2B,GAAG,iBAAiB,gBAE/D,EACF,GACF,CAEJ,CAEAE,EAAU,YAAc","sourcesContent":["// @ts-nocheck\nimport { useEffect, useState } from \"react\";\nimport { TextInput } from \"./textinput\";\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/color-picker.mjs

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

package/dist/dashboard-notification.mjs

@@ -1,4 +1,4 @@
-export { a as DashboardNotification } from './chunk-F6ZWBNIM.mjs';
+export { a as DashboardNotification } from './chunk-CIUW5YZ7.mjs';
 import './chunk-PT4DPY4L.mjs';
 import './chunk-GBY2NNWZ.mjs';
 import './chunk-23SJGKDR.mjs';

package/dist/date-range-picker.mjs

@@ -1,7 +1,7 @@
-export { a as DateRangePicker } from './chunk-CZNQ24DQ.mjs';
-import './chunk-WFRV27QA.mjs';
-import './chunk-HEKVJKLH.mjs';
-import './chunk-D6H235SZ.mjs';
+export { a as DateRangePicker } from './chunk-X2JENUDV.mjs';
+import './chunk-G5A3E5IG.mjs';
+import './chunk-6UK5Y6KZ.mjs';
+import './chunk-UPAA75QA.mjs';
 import './chunk-QHJF4QWW.mjs';
 import './chunk-GBY2NNWZ.mjs';
 import './chunk-PUJZGK7Y.mjs';