ekm-ui 0.4.82 → 0.4.84

package/dist/{chunk-QYKN3JZ5.js.map → chunk-ATB5XT6K.js.map}

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

package/dist/{chunk-HW7AZG2V.js → chunk-EEZQ4QCT.js}

@@ -4,8 +4,8 @@ import { useState, useRef, useEffect } from 'react';
 import { BiChevronDown } from 'react-icons/bi';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var e=e$1(a(),1);function u({list:l,align:c="left",callback:p}){let[s,n]=useState(!0),a=useRef(0),i=useRef(null);useEffect(()=>{let t=f=>{i.current&&!i.current.contains(f.target)&&n(!0);};return document.addEventListener("click",t,!0),()=>{document.removeEventListener("click",t,!0);}},[]);let g=t=>{a.current+=1,n(!0),p(Object.assign(t,{count:a.current}));};return jsxs("div",{className:"relative",children:[jsxs("button",{id:"sortButton",className:"text-slate-700 bg-white border border-gray-300 focus:ring-4 focus:outline-none focus:ring-gray-300 dark:bg-gray-700 dark:border-gray-600 font-medium rounded-lg text-sm px-5 py-2 text-center inline-flex items-center w-full md:w-auto",type:"button",onClick:()=>n(!s),children:[jsx("span",{className:"flex-auto",children:"Sort"}),jsx("span",{className:"items-right flex justify-end",children:jsx(BiChevronDown,{className:"pointer-events-none"})})]}),jsx("div",{id:"sortDropdown",ref:i,className:`z-10 ${s?"hidden":""} absolute w-full md:w-auto ${c==="left"?"left-0":"right-0"} bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700`,children:jsx("ul",{className:"py-2 text-sm text-gray-700 dark:text-gray-200","aria-labelledby":"dropdownDefaultButton",children:(l||[]).map(t=>jsx("li",{onClick:()=>g(t),children:jsx("span",{className:"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white cursor-pointer whitespace-nowrap",children:t.display})},`ddi=${t.value}`))})})]})}u.propTypes={list:e.default.arrayOf(e.default.shape({display:e.default.string.isRequired,value:e.default.string.isRequired,name:e.default.string.isRequired,sort:e.default.string.isRequired})).isRequired,align:e.default.oneOf(["left","right"]),callback:e.default.func.isRequired};u.displayName="Sort";
+var e=e$1(a(),1);function u({list:l,align:c="left",callback:p}){let[s,n]=useState(!0),a=useRef(0),i=useRef(null);useEffect(()=>{let t=f=>{i.current&&!i.current.contains(f.target)&&n(!0);};return document.addEventListener("click",t,!0),()=>{document.removeEventListener("click",t,!0);}},[]);let g=t=>{a.current+=1,n(!0),p(Object.assign(t,{count:a.current}));};return jsxs("div",{className:"relative",children:[jsxs("button",{id:"sortButton",className:"text-slate-700 bg-white border border-gray-300 focus:ring-4 focus:outline-none focus:ring-gray-300 dark:bg-gray-700 dark:border-gray-600 font-medium rounded-lg text-sm px-5 py-2 text-center inline-flex items-center w-full md:w-auto",type:"button",onClick:()=>n(!s),children:[jsx("span",{className:"flex-auto",children:"Sort"}),jsx("span",{className:"items-right flex justify-end",children:jsx(BiChevronDown,{className:"pointer-events-none"})})]}),jsx("div",{id:"sortDropdown",ref:i,className:`z-10 ${s?"hidden":""} absolute w-full md:w-auto ${c==="left"?"left-0":"right-0"} bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700`,children:jsx("ul",{className:"py-2 text-sm text-gray-700 dark:text-gray-200 mb-0","aria-labelledby":"dropdownDefaultButton",children:(l||[]).map(t=>jsx("li",{onClick:()=>g(t),children:jsx("span",{className:"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white cursor-pointer whitespace-nowrap",children:t.display})},`ddi=${t.value}`))})})]})}u.propTypes={list:e.default.arrayOf(e.default.shape({display:e.default.string.isRequired,value:e.default.string.isRequired,name:e.default.string.isRequired,sort:e.default.string.isRequired})).isRequired,align:e.default.oneOf(["left","right"]),callback:e.default.func.isRequired};u.displayName="Sort";
 
 export { u as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-HW7AZG2V.js.map
+//# sourceMappingURL=chunk-EEZQ4QCT.js.map

package/dist/chunk-EEZQ4QCT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sort/sort.tsx"],"names":["import_prop_types","useState","useRef","useEffect","BiChevronDown","jsx","jsxs","Sort","list","align","callback","hidden","setHidden","counter","ref","handleClickOutside","e","handleSelection","val","PropTypes"],"mappings":"gFAEA,IAAAA,EAAsB,SADtB,OAAS,YAAAC,EAAU,UAAAC,EAAQ,aAAAC,MAAiB,QAE5C,OAAS,iBAAAC,MAAqB,iBA4BxB,OAME,OAAAC,EANF,QAAAC,MAAA,oBA1BC,SAASC,EAAK,CAAE,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,SAAAC,CAAS,EAAG,CACvD,GAAM,CAACC,EAAQC,CAAS,EAAIX,EAAS,EAAI,EACnCY,EAAUX,EAAO,CAAC,EAElBY,EAAMZ,EAAO,IAAI,EACvBC,EAAU,IAAM,CACd,IAAMY,EAAsBC,GAAM,CAC5BF,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASE,EAAE,MAAM,GAC/CJ,EAAU,EAAI,CAElB,EAEA,gBAAS,iBAAiB,QAASG,EAAoB,EAAI,EACpD,IAAM,CACX,SAAS,oBAAoB,QAASA,EAAoB,EAAI,CAChE,CACF,EAAG,CAAC,CAAC,EAEL,IAAME,EAAmBC,GAAQ,CAC/BL,EAAQ,SAAW,EAEnBD,EAAU,EAAI,EACdF,EAAS,OAAO,OAAOQ,EAAK,CAAE,MAAOL,EAAQ,OAAQ,CAAC,CAAC,CACzD,EACA,OACEP,EAAC,OAAI,UAAU,WACb,UAAAA,EAAC,UACC,GAAG,aACH,UAAU,0OACV,KAAK,SACL,QAAS,IAAMM,EAAU,CAACD,CAAM,EAEhC,UAAAN,EAAC,QAAK,UAAU,YAAY,gBAAI,EAChCA,EAAC,QAAK,UAAU,+BAA+B,SAAAA,EAACD,EAAA,CAAc,UAAU,sBAAsB,EAAE,GAClG,EAEAC,EAAC,OACC,GAAG,eACH,IAAKS,EACL,UAAW,QAAQH,EAAS,SAAW,gCAAgCF,IAAU,OAAS,SAAW,iFAErG,SAAAJ,EAAC,MACC,UAAU,qDACV,kBAAgB,wBAEd,UAAAG,GAAQ,CAAC,GAAG,IAAKU,GAEfb,EAAC,MAA4B,QAAS,IAAMY,EAAgBC,CAAG,EAC7D,SAAAb,EAAC,QAAK,UAAU,kHACb,SAAAa,EAAI,QACP,GAHO,OAAOA,EAAI,OAIpB,CAEH,EACH,EACF,GACF,CAEJ,CAEAX,EAAK,UAAY,CAEf,KAAM,EAAAY,QAAU,QACd,EAAAA,QAAU,MAAM,CACd,QAAS,EAAAA,QAAU,OAAO,WAC1B,MAAO,EAAAA,QAAU,OAAO,WACxB,KAAM,EAAAA,QAAU,OAAO,WACvB,KAAM,EAAAA,QAAU,OAAO,UACzB,CAAC,CACH,EAAE,WAIF,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,OAAO,CAAC,EAExC,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAZ,EAAK,YAAc","sourcesContent":["//@ts-nocheck\nimport { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { BiChevronDown } from 'react-icons/bi';\n\nexport function Sort({ list, align = \"left\", callback }) {\n  const [hidden, setHidden] = useState(true);\n  const counter = useRef(0);\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 handleSelection = (val) => {\n    counter.current += 1;\n    // ensures that each selection object is unique.\n    setHidden(true);\n    callback(Object.assign(val, { count: counter.current }));\n  };\n  return (\n    <div className=\"relative\">\n      <button\n        id=\"sortButton\"\n        className=\"text-slate-700 bg-white border border-gray-300 focus:ring-4 focus:outline-none focus:ring-gray-300 dark:bg-gray-700 dark:border-gray-600 font-medium rounded-lg text-sm px-5 py-2 text-center inline-flex items-center w-full md:w-auto\"\n        type=\"button\"\n        onClick={() => setHidden(!hidden)}\n      >\n        <span className='flex-auto'>Sort</span>\n        <span className='items-right flex justify-end'><BiChevronDown className=\"pointer-events-none\" /></span>\n      </button>\n\n      <div\n        id=\"sortDropdown\"\n        ref={ref}\n        className={`z-10 ${hidden ? 'hidden' : ''} absolute w-full md:w-auto ${align === 'left' ? 'left-0' : 'right-0'} bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700`}\n      >\n        <ul\n          className=\"py-2 text-sm text-gray-700 dark:text-gray-200 mb-0\"\n          aria-labelledby=\"dropdownDefaultButton\"\n        >\n          {(list || []).map((val) => {\n            return (\n              <li key={`ddi=${val.value}`} onClick={() => handleSelection(val)}>\n                <span className=\"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white cursor-pointer whitespace-nowrap\">\n                  {val.display}\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    </div>\n  );\n}\n\nSort.propTypes = {\n  /** List of options for user selection *(see notes for example)* */\n  list: PropTypes.arrayOf(\n    PropTypes.shape({\n      display: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      sort: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n  /** Aligns the dropdown protion of the sort to either the left or right of the button.\n   * Defaults to align with the left side of the button\n   */\n  align: PropTypes.oneOf([\"left\", \"right\"]),\n  /** Returns{ display, value, name, sort, count} */\n  callback: PropTypes.func.isRequired,\n};\n\nSort.displayName = \"Sort\";\n"]}

package/dist/chunk-HRW54QT7.js

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

package/dist/chunk-HRW54QT7.js.map

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

package/dist/chunk-IK4MVM4N.js

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

package/dist/chunk-IK4MVM4N.js.map

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

package/dist/chunk-JOB452G4.js

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

package/dist/chunk-JOB452G4.js.map

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

package/dist/chunk-NMSJJG33.js

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

package/dist/chunk-NMSJJG33.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nbui/nbui-card-table.tsx"],"names":["jsx","jsxs","NBUI_Card_Table"],"mappings":"AAIM,cAAAA,EACA,QAAAC,MADA,oBAJC,SAASC,GAAkB,CAChC,OACEF,EAAC,OAAI,UAAU,4HACf,SAAAC,EAAC,OAAI,UAAU,4CACb,UAAAD,EAAC,OAAI,UAAU,mCAAmC,EAClDC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,uCAAuC,EACtDA,EAAC,OAAI,UAAU,uCAAuC,GACxD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,GACF,EACF,CAEF","sourcesContent":["export function NBUI_Card_Table() {\n  return (\n    <div className=\"w-full flex flex-col rounded-lg border border-gray-200 bg-white px-5 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800\">\n    <div className=\"flex h-full flex-col justify-center gap-4\">\n      <div className=\"w-1/4 h-6 bg-gray-400 rounded-md\" />\n      <div className=\"flex gap-2\">\n        <div className=\"mt-4 w-1/3 h-6 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-40 h-6 bg-gray-300 rounded-md\" />\n        <div className=\"mt-4 w-40 h-6 bg-gray-300 rounded-md\" />\n      </div>\n      <div className=\"flex gap-2\">\n        <div className=\"mt-4 w-1/4 h-6 bg-gray-300 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-6 bg-gray-300 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-6 bg-gray-300 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-6 bg-gray-300 rounded-md\" />\n      </div>\n      <div className=\"flex gap-2\">\n        <div className=\"mt-4 w-1/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n      </div>\n      <div className=\"flex gap-2\">\n        <div className=\"mt-4 w-1/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n      </div>\n      <div className=\"flex gap-2\">\n        <div className=\"mt-4 w-1/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n      </div>\n      <div className=\"flex gap-2\">\n        <div className=\"mt-4 w-1/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n      </div>\n      <div className=\"flex gap-2\">\n        <div className=\"mt-4 w-1/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n      </div>\n      <div className=\"flex gap-2\">\n        <div className=\"mt-4 w-1/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n      </div>\n    </div>\n  </div>\n  )\n}"]}

package/dist/chunk-TPEKJBUD.js

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

package/dist/chunk-TPEKJBUD.js.map

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

package/dist/{chunk-KOZLNTEE.js → chunk-USQTN5LF.js}

@@ -1,5 +1,5 @@
 import { a as a$i } from './chunk-KVZTQHFG.js';
-import { a as a$e } from './chunk-PSYIXRU7.js';
+import { a as a$e } from './chunk-7CSWVPIB.js';
 import { a as a$8, b } from './chunk-HVNLAQA6.js';
 import { a as a$j } from './chunk-IJV4UGKJ.js';
 import { a as a$9 } from './chunk-XXP5K6Y4.js';
@@ -34,4 +34,4 @@ function Xe({cardPayment:r,enablePayPal:e}){return jsxs(a$3,{className:"border-0
 
 export { nr as a, Nr as b, le as c, Fe as d, K as e, Ye as f, ir as g, Xe as h };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-KOZLNTEE.js.map
+//# sourceMappingURL=chunk-USQTN5LF.js.map

package/dist/chunk-XHQ6QTNP.js

@@ -0,0 +1,9 @@
+import s from 'clsx';
+import { useMemo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function n(t,i=0){return [...Array(t).keys()].map(r=>r+i)}function w({pageSize:t,total:i,current:r,onChange:o,loading:h,pageSizeOptions:p=[10,25,50,100]}){let b=Math.min((r-1)*t+1,i),v=Math.min(b+t-1,i),a=Math.ceil(i/t),u=useMemo(()=>a>5&&r>=4,[a,r]),y=useMemo(()=>a>5&&r<a-3,[a,r]),g=[];return a<=5?g=n(a,1):y?g=n(5,Math.max(r-2,1)):g=n(5,a-4),jsx("div",{id:"paginationControl",className:"w-full",children:jsx("div",{className:"relative overflow-hidden rounded-b-lg bg-white  dark:bg-gray-800",children:jsxs("nav",{className:" flex flex-wrap items-start justify-between gap-x-4 gap-y-2 md:items-center","aria-label":"Table navigation",children:[jsxs("div",{className:"flex w-full justify-between md:hidden",children:[jsxs("button",{id:"btnPreviousM",disabled:r===1,className:s(r===1&&"cursor-not-allowed","ml-0 flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>o(r-1,t),children:[jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"})}),jsx("span",{className:"leading-none",children:"Previous"})]}),jsxs("button",{id:"btnNextM",disabled:r===a,className:s(r===a&&"cursor-not-allowed","flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>o(r+1,t),children:[jsx("span",{children:"Next"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"})})]})]}),jsxs("div",{className:"hidden items-center w-full justify-between md:flex",children:[jsx("div",{id:"showingSection",className:"text-sm font-normal text-gray-500 dark:text-gray-400",children:!h&&jsxs("span",{className:"text-gray-500 dark:text-white",children:["Showing ",jsx("span",{className:"text-gray-900 font-semibold",children:`${i===0?0:b} - ${v}`})," ","of"," ",jsx("span",{className:"text-gray-900 font-semibold",children:i})]})}),jsxs("ul",{className:"hidden items-stretch -space-x-px md:inline-flex mb-0",children:[jsx("li",{children:jsxs("button",{id:"btnPrevious",disabled:r===1,className:s(r===1&&"cursor-not-allowed","ml-0 flex h-full items-center justify-center rounded-l-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>o(r-1,t),children:[jsx("span",{className:"sr-only",children:"Previous"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd"})})]})}),u&&jsxs(Fragment,{children:[jsx("li",{children:jsx("button",{id:"btnPage1",className:s(r===1&&"cursor-not-allowed","flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),onClick:()=>o(1,t),children:"1"})}),jsx("li",{className:"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400",children:"..."})]}),g.map(d=>jsx("li",{children:jsx("button",{id:`btnPage${d}`,onClick:()=>o(d,t),className:s("hidden items-center justify-center border px-[8px] lg:px-3 py-2 text-sm leading-tight",d===r?"md:flex z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white st-pageCurrent":"lg:flex border-gray-300 bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:d})},d)),y&&jsxs(Fragment,{children:[jsx("li",{className:"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400",children:"..."}),jsx("li",{children:jsx("button",{id:"btnLast",className:"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white",onClick:()=>o(a,t),children:a})})]}),jsx("li",{children:jsxs("button",{id:"btnNext",disabled:r===a,onClick:()=>o(r+1,t),className:s(r===a&&"cursor-not-allowed","flex h-full items-center justify-center rounded-r-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"),children:[jsx("span",{className:"sr-only",children:"Next"}),jsx("svg",{className:"h-5 w-5","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"})})]})})]}),jsxs("div",{id:"rowsPerPageSection",className:"flex items-center space-x-3",children:[jsx("label",{htmlFor:"rows",className:"text-sm font-normal text-gray-500 dark:text-gray-400 mb-0",children:"Show"}),jsx("select",{id:"rows",className:"block rounded-lg border border-gray-300 bg-gray-50 py-1.5 pl-3.5 pr-6 text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500",onChange:d=>o(1,Number(d.target.value)),value:t,children:p.map(d=>jsx("option",{value:d,children:d},d))})]})]})]})})})}
+
+export { w as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-XHQ6QTNP.js.map

package/dist/{chunk-FOWKHGHJ.js.map → chunk-XHQ6QTNP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/pagination/pagination.tsx"],"names":["clsx","useMemo","Fragment","jsx","jsxs","range","size","startAt","i","Pagination","pageSize","total","current","onChange","loading","pageSizeOptions","from","to","totalPages","showJumpPrev","showJumpNext","pages","page","e","option"],"mappings":"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","sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\n\nexport type PaginationProps = {\n  pageSize: number;\n  total: number;\n  current: number;\n  onChange: (page: number, pageSize: number) => void;\n  loading?: boolean;\n  pageSizeOptions?: number[];\n};\n\nfunction range(size: number, startAt = 0): number[] {\n  return [...Array(size).keys()].map((i) => i + startAt);\n}\n\nexport function Pagination({\n  pageSize,\n  total,\n  current,\n  onChange,\n  loading,\n  pageSizeOptions = [10, 25, 50, 100],\n}: PaginationProps) {\n  // Calculate the values that are displayed\n  const from = Math.min((current - 1) * pageSize + 1, total);\n  const to = Math.min(from + pageSize - 1, total);\n  const totalPages = Math.ceil(total / pageSize);\n\n  const showJumpPrev = useMemo(() => {\n    return totalPages > 5 && current >= 4;\n  }, [totalPages, current]);\n\n  const showJumpNext = useMemo(() => {\n    return totalPages > 5 && current < totalPages - 3;\n  }, [totalPages, current]);\n\n  let pages: number[] = [];\n\n  if (totalPages <= 5) {\n    pages = range(totalPages, 1);\n  } else if (showJumpNext) {\n    pages = range(5, Math.max(current - 2, 1));\n  } else {\n    pages = range(5, totalPages - 4);\n  }\n\n  return (\n    <div id=\"paginationControl\" className=\"w-full\">\n      <div className=\"relative overflow-hidden rounded-b-lg bg-white  dark:bg-gray-800\">\n        <nav\n          className=\" flex flex-wrap items-start justify-between gap-x-4 gap-y-2 md:items-center\"\n          aria-label=\"Table navigation\"\n        >\n          <div className=\"flex w-full justify-between md:hidden\">\n            <button\n              id=\"btnPreviousM\"\n              disabled={current === 1}\n              className={clsx(\n                current === 1 && \"cursor-not-allowed\",\n                \"ml-0 flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n              )}\n              onClick={() => onChange(current - 1, pageSize)}\n            >\n              <svg\n                className=\"h-5 w-5\"\n                aria-hidden=\"true\"\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=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                  clipRule=\"evenodd\"\n                ></path>\n              </svg>\n              <span className=\"leading-none\">Previous</span>\n            </button>\n\n            <button\n              id=\"btnNextM\"\n              disabled={current === totalPages}\n              className={clsx(\n                current === totalPages && \"cursor-not-allowed\",\n                \"flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n              )}\n              onClick={() => onChange(current + 1, pageSize)}\n            >\n              <span>Next</span>\n              <svg\n                className=\"h-5 w-5\"\n                aria-hidden=\"true\"\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=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                  clipRule=\"evenodd\"\n                ></path>\n              </svg>\n            </button>\n          </div>\n          <div className=\"hidden items-center w-full justify-between md:flex\">\n            <div id=\"showingSection\" className=\"text-sm font-normal text-gray-500 dark:text-gray-400\">\n              {!loading && (\n                <span className=\"text-gray-500 dark:text-white\">\n                    Showing <span className=\"text-gray-900 font-semibold\">{`${total === 0 ? 0 : from} - ${to}`}</span>{\" \"}of{\" \"}\n                  <span className=\"text-gray-900 font-semibold\">\n                    {total}\n                  </span>\n                </span>\n              )}\n            </div>\n            <ul className=\"hidden items-stretch -space-x-px md:inline-flex\">\n              <li>\n                <button\n                  id=\"btnPrevious\"\n                  disabled={current === 1}\n                  className={clsx(\n                    current === 1 && \"cursor-not-allowed\",\n                    \"ml-0 flex h-full items-center justify-center rounded-l-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  )}\n                  onClick={() => onChange(current - 1, pageSize)}\n                >\n                  <span className=\"sr-only\">Previous</span>\n                  <svg\n                    className=\"h-5 w-5\"\n                    aria-hidden=\"true\"\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=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                      clipRule=\"evenodd\"\n                    ></path>\n                  </svg>\n                </button>\n              </li>\n              {showJumpPrev && (\n                <>\n                  <li>\n                    <button\n                      id=\"btnPage1\"\n                      className={clsx(\n                        current === 1 && \"cursor-not-allowed\",\n                        \"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                      )}\n                      onClick={() => onChange(1, pageSize)}\n                    >\n                      1\n                    </button>\n                  </li>\n                  <li className=\"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400\">\n                    ...\n                  </li>\n                </>\n              )}\n              {pages.map((page) => (\n                <li key={page}>\n                  <button\n                    id={`btnPage${page}`}\n                    onClick={() => onChange(page, pageSize)}\n                    className={clsx(\n                      \"hidden items-center justify-center border px-[8px] lg:px-3 py-2 text-sm leading-tight\",\n                      page === current\n                        ? \"md:flex z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white st-pageCurrent\"\n                        : \"lg:flex border-gray-300 bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    )}\n                  >\n                    {page}\n                  </button>\n                </li>\n              ))}\n              {showJumpNext && (\n                <>\n                  <li className=\"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400\">\n                    ...\n                  </li>\n                  <li>\n                    <button\n                      id=\"btnLast\"\n                      className=\"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                      onClick={() => onChange(totalPages, pageSize)}\n                    >\n                      {totalPages}\n                    </button>\n                  </li>\n                </>\n              )}\n              <li>\n                <button\n                  id=\"btnNext\"\n                  disabled={current === totalPages}\n                  onClick={() => onChange(current + 1, pageSize)}\n                  className={clsx(\n                    current === totalPages && \"cursor-not-allowed\",\n                    \"flex h-full items-center justify-center rounded-r-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  )}\n                >\n                  <span className=\"sr-only\">Next</span>\n                  <svg\n                    className=\"h-5 w-5\"\n                    aria-hidden=\"true\"\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=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                      clipRule=\"evenodd\"\n                    ></path>\n                  </svg>\n                </button>\n              </li>\n            </ul>\n            <div id=\"rowsPerPageSection\" className=\"flex items-center space-x-3\">\n              <label\n                htmlFor=\"rows\"\n                className=\"text-sm font-normal text-gray-500 dark:text-gray-400 mb-0\"\n              >\n                Show\n              </label>\n              <select\n                id=\"rows\"\n                className=\"block rounded-lg border border-gray-300 bg-gray-50 py-1.5 pl-3.5 pr-6 text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500\"\n                onChange={(e) => onChange(1, Number(e.target.value))}\n                value={pageSize}\n              >\n                {pageSizeOptions.map((option) => (\n                  <option key={option} value={option}>\n                    {option}\n                  </option>\n                ))}\n              </select>\n              \n            </div>\n          \n          </div>\n        </nav>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/pagination/pagination.tsx"],"names":["clsx","useMemo","Fragment","jsx","jsxs","range","size","startAt","i","Pagination","pageSize","total","current","onChange","loading","pageSizeOptions","from","to","totalPages","showJumpPrev","showJumpNext","pages","page","e","option"],"mappings":"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","sourcesContent":["import clsx from \"clsx\";\nimport { useMemo } from \"react\";\n\nexport type PaginationProps = {\n  pageSize: number;\n  total: number;\n  current: number;\n  onChange: (page: number, pageSize: number) => void;\n  loading?: boolean;\n  pageSizeOptions?: number[];\n};\n\nfunction range(size: number, startAt = 0): number[] {\n  return [...Array(size).keys()].map((i) => i + startAt);\n}\n\nexport function Pagination({\n  pageSize,\n  total,\n  current,\n  onChange,\n  loading,\n  pageSizeOptions = [10, 25, 50, 100],\n}: PaginationProps) {\n  // Calculate the values that are displayed\n  const from = Math.min((current - 1) * pageSize + 1, total);\n  const to = Math.min(from + pageSize - 1, total);\n  const totalPages = Math.ceil(total / pageSize);\n\n  const showJumpPrev = useMemo(() => {\n    return totalPages > 5 && current >= 4;\n  }, [totalPages, current]);\n\n  const showJumpNext = useMemo(() => {\n    return totalPages > 5 && current < totalPages - 3;\n  }, [totalPages, current]);\n\n  let pages: number[] = [];\n\n  if (totalPages <= 5) {\n    pages = range(totalPages, 1);\n  } else if (showJumpNext) {\n    pages = range(5, Math.max(current - 2, 1));\n  } else {\n    pages = range(5, totalPages - 4);\n  }\n\n  return (\n    <div id=\"paginationControl\" className=\"w-full\">\n      <div className=\"relative overflow-hidden rounded-b-lg bg-white  dark:bg-gray-800\">\n        <nav\n          className=\" flex flex-wrap items-start justify-between gap-x-4 gap-y-2 md:items-center\"\n          aria-label=\"Table navigation\"\n        >\n          <div className=\"flex w-full justify-between md:hidden\">\n            <button\n              id=\"btnPreviousM\"\n              disabled={current === 1}\n              className={clsx(\n                current === 1 && \"cursor-not-allowed\",\n                \"ml-0 flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n              )}\n              onClick={() => onChange(current - 1, pageSize)}\n            >\n              <svg\n                className=\"h-5 w-5\"\n                aria-hidden=\"true\"\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=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                  clipRule=\"evenodd\"\n                ></path>\n              </svg>\n              <span className=\"leading-none\">Previous</span>\n            </button>\n\n            <button\n              id=\"btnNextM\"\n              disabled={current === totalPages}\n              className={clsx(\n                current === totalPages && \"cursor-not-allowed\",\n                \"flex h-full items-center justify-center rounded-lg border border-gray-300 bg-white px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n              )}\n              onClick={() => onChange(current + 1, pageSize)}\n            >\n              <span>Next</span>\n              <svg\n                className=\"h-5 w-5\"\n                aria-hidden=\"true\"\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=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                  clipRule=\"evenodd\"\n                ></path>\n              </svg>\n            </button>\n          </div>\n          <div className=\"hidden items-center w-full justify-between md:flex\">\n            <div id=\"showingSection\" className=\"text-sm font-normal text-gray-500 dark:text-gray-400\">\n              {!loading && (\n                <span className=\"text-gray-500 dark:text-white\">\n                    Showing <span className=\"text-gray-900 font-semibold\">{`${total === 0 ? 0 : from} - ${to}`}</span>{\" \"}of{\" \"}\n                  <span className=\"text-gray-900 font-semibold\">\n                    {total}\n                  </span>\n                </span>\n              )}\n            </div>\n            <ul className=\"hidden items-stretch -space-x-px md:inline-flex mb-0\">\n              <li>\n                <button\n                  id=\"btnPrevious\"\n                  disabled={current === 1}\n                  className={clsx(\n                    current === 1 && \"cursor-not-allowed\",\n                    \"ml-0 flex h-full items-center justify-center rounded-l-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  )}\n                  onClick={() => onChange(current - 1, pageSize)}\n                >\n                  <span className=\"sr-only\">Previous</span>\n                  <svg\n                    className=\"h-5 w-5\"\n                    aria-hidden=\"true\"\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=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                      clipRule=\"evenodd\"\n                    ></path>\n                  </svg>\n                </button>\n              </li>\n              {showJumpPrev && (\n                <>\n                  <li>\n                    <button\n                      id=\"btnPage1\"\n                      className={clsx(\n                        current === 1 && \"cursor-not-allowed\",\n                        \"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                      )}\n                      onClick={() => onChange(1, pageSize)}\n                    >\n                      1\n                    </button>\n                  </li>\n                  <li className=\"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400\">\n                    ...\n                  </li>\n                </>\n              )}\n              {pages.map((page) => (\n                <li key={page}>\n                  <button\n                    id={`btnPage${page}`}\n                    onClick={() => onChange(page, pageSize)}\n                    className={clsx(\n                      \"hidden items-center justify-center border px-[8px] lg:px-3 py-2 text-sm leading-tight\",\n                      page === current\n                        ? \"md:flex z-10 border-primary-300 bg-primary-50 text-primary-600 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white st-pageCurrent\"\n                        : \"lg:flex border-gray-300 bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                    )}\n                  >\n                    {page}\n                  </button>\n                </li>\n              ))}\n              {showJumpNext && (\n                <>\n                  <li className=\"flex cursor-default items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400\">\n                    ...\n                  </li>\n                  <li>\n                    <button\n                      id=\"btnLast\"\n                      className=\"flex items-center justify-center border border-gray-300 bg-white px-[8px] lg:px-3 py-2 text-sm leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                      onClick={() => onChange(totalPages, pageSize)}\n                    >\n                      {totalPages}\n                    </button>\n                  </li>\n                </>\n              )}\n              <li>\n                <button\n                  id=\"btnNext\"\n                  disabled={current === totalPages}\n                  onClick={() => onChange(current + 1, pageSize)}\n                  className={clsx(\n                    current === totalPages && \"cursor-not-allowed\",\n                    \"flex h-full items-center justify-center rounded-r-lg border border-gray-300 bg-white px-[8px] lg:px-3 py-1.5 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white\"\n                  )}\n                >\n                  <span className=\"sr-only\">Next</span>\n                  <svg\n                    className=\"h-5 w-5\"\n                    aria-hidden=\"true\"\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=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                      clipRule=\"evenodd\"\n                    ></path>\n                  </svg>\n                </button>\n              </li>\n            </ul>\n            <div id=\"rowsPerPageSection\" className=\"flex items-center space-x-3\">\n              <label\n                htmlFor=\"rows\"\n                className=\"text-sm font-normal text-gray-500 dark:text-gray-400 mb-0\"\n              >\n                Show\n              </label>\n              <select\n                id=\"rows\"\n                className=\"block rounded-lg border border-gray-300 bg-gray-50 py-1.5 pl-3.5 pr-6 text-sm text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-primary-500 dark:focus:ring-primary-500\"\n                onChange={(e) => onChange(1, Number(e.target.value))}\n                value={pageSize}\n              >\n                {pageSizeOptions.map((option) => (\n                  <option key={option} value={option}>\n                    {option}\n                  </option>\n                ))}\n              </select>\n              \n            </div>\n          \n          </div>\n        </nav>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-YYZ2YQ5H.js

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

package/dist/chunk-YYZ2YQ5H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/nbui/nbui-card-form.tsx"],"names":["jsx","jsxs","NBUI_Card_Form"],"mappings":"AAIQ,cAAAA,EAEA,QAAAC,MAFA,oBAJD,SAASC,GAAiB,CAC/B,OACEF,EAAC,OAAI,UAAU,4HACb,SAAAC,EAAC,OAAI,UAAU,4CACb,UAAAD,EAAC,OAAI,UAAU,mCAAmC,EAClDA,EAAC,OAAI,UAAU,mCAAmC,EAClDC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAA,EAAC,OAAI,UAAU,mCAAmC,EAClDC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,GACF,EACF,CAEJ","sourcesContent":["export function NBUI_Card_Form() {\n  return (\n    <div className=\"w-full flex flex-col rounded-lg border border-gray-200 bg-white px-5 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800\">\n      <div className=\"flex h-full flex-col justify-center gap-4\">\n        <div className=\"w-1/4 h-6 bg-gray-400 rounded-md\" />\n        <div className=\"w-2/4 h-4 bg-gray-400 rounded-md\" />\n        <div className=\"flex gap-2\">\n          <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n          <div className=\"mt-4 w-2/4 h-6 bg-gray-200 rounded-md\" />\n        </div>\n        <div className=\"flex gap-2\">\n          <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n          <div className=\"mt-4 w-2/4 h-6 bg-gray-200 rounded-md\" />\n        </div>\n        <div className=\"flex gap-2\">\n          <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n          <div className=\"mt-4 w-2/4 h-6 bg-gray-200 rounded-md\" />\n        </div>\n        <div className=\"w-2/4 h-4 bg-gray-400 rounded-md\" />\n        <div className=\"flex gap-2\">\n          <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n          <div className=\"mt-4 w-2/4 h-6 bg-gray-200 rounded-md\" />\n        </div>\n        <div className=\"flex gap-2\">\n          <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n          <div className=\"mt-4 w-2/4 h-6 bg-gray-200 rounded-md\" />\n        </div>\n        <div className=\"flex gap-2\">\n          <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n          <div className=\"mt-4 w-2/4 h-6 bg-gray-200 rounded-md\" />\n        </div>\n      </div>\n    </div>\n  )\n}"]}

package/dist/country-picker/country-modal.js

@@ -1,26 +1,26 @@
-export { g as CountryPicker } from '../chunk-KOZLNTEE.js';
+export { g as CountryPicker } from '../chunk-USQTN5LF.js';
 import '../chunk-DBTCX3TP.js';
 import '../chunk-YZ2YZSNQ.js';
 import '../chunk-GVNUAH45.js';
 import '../chunk-JAR3LP2K.js';
-import '../chunk-FOWKHGHJ.js';
+import '../chunk-XHQ6QTNP.js';
 import '../chunk-KVZTQHFG.js';
-import '../chunk-PSYIXRU7.js';
+import '../chunk-7CSWVPIB.js';
 import '../chunk-HVNLAQA6.js';
-import '../chunk-HW7AZG2V.js';
-import '../chunk-AN66H4D6.js';
-import '../chunk-GWERJBUR.js';
-import '../chunk-I2DMRDYJ.js';
-import '../chunk-FTVJMY65.js';
-import '../chunk-YXTGVTGL.js';
-import '../chunk-EZPRW5WN.js';
-import '../chunk-XKE3VK6Z.js';
+import '../chunk-EEZQ4QCT.js';
+import '../chunk-2C6KIRDZ.js';
+import '../chunk-JOB452G4.js';
+import '../chunk-2OJQHLAM.js';
+import '../chunk-HRW54QT7.js';
+import '../chunk-IK4MVM4N.js';
+import '../chunk-NMSJJG33.js';
+import '../chunk-TPEKJBUD.js';
 import '../chunk-7Q6OMA2A.js';
 import '../chunk-RTRHNOTP.js';
 import '../chunk-XABECXZS.js';
 import '../chunk-IJV4UGKJ.js';
 import '../chunk-XXP5K6Y4.js';
-import '../chunk-LWTESXND.js';
+import '../chunk-YYZ2YQ5H.js';
 import '../chunk-LIXVY47P.js';
 import '../chunk-Y5DEGGVQ.js';
 import '../chunk-Q4MYDT2M.js';
@@ -51,7 +51,7 @@ import '../chunk-MMFRYMGJ.js';
 import '../chunk-W5BREWLN.js';
 import '../chunk-23MWYGN4.js';
 import '../chunk-NDDDT4TO.js';
-import '../chunk-QYKN3JZ5.js';
+import '../chunk-ATB5XT6K.js';
 import '../chunk-SLIZ4TDR.js';
 import '../chunk-TXJVQRS6.js';
 import '../chunk-PGRADSYH.js';

package/dist/drag-and-drop.js

@@ -1,26 +1,26 @@
-export { c as DragAndDrop } from './chunk-KOZLNTEE.js';
+export { c as DragAndDrop } from './chunk-USQTN5LF.js';
 import './chunk-DBTCX3TP.js';
 import './chunk-YZ2YZSNQ.js';
 import './chunk-GVNUAH45.js';
 import './chunk-JAR3LP2K.js';
-import './chunk-FOWKHGHJ.js';
+import './chunk-XHQ6QTNP.js';
 import './chunk-KVZTQHFG.js';
-import './chunk-PSYIXRU7.js';
+import './chunk-7CSWVPIB.js';
 import './chunk-HVNLAQA6.js';
-import './chunk-HW7AZG2V.js';
-import './chunk-AN66H4D6.js';
-import './chunk-GWERJBUR.js';
-import './chunk-I2DMRDYJ.js';
-import './chunk-FTVJMY65.js';
-import './chunk-YXTGVTGL.js';
-import './chunk-EZPRW5WN.js';
-import './chunk-XKE3VK6Z.js';
+import './chunk-EEZQ4QCT.js';
+import './chunk-2C6KIRDZ.js';
+import './chunk-JOB452G4.js';
+import './chunk-2OJQHLAM.js';
+import './chunk-HRW54QT7.js';
+import './chunk-IK4MVM4N.js';
+import './chunk-NMSJJG33.js';
+import './chunk-TPEKJBUD.js';
 import './chunk-7Q6OMA2A.js';
 import './chunk-RTRHNOTP.js';
 import './chunk-XABECXZS.js';
 import './chunk-IJV4UGKJ.js';
 import './chunk-XXP5K6Y4.js';
-import './chunk-LWTESXND.js';
+import './chunk-YYZ2YQ5H.js';
 import './chunk-LIXVY47P.js';
 import './chunk-Y5DEGGVQ.js';
 import './chunk-Q4MYDT2M.js';
@@ -51,7 +51,7 @@ import './chunk-MMFRYMGJ.js';
 import './chunk-W5BREWLN.js';
 import './chunk-23MWYGN4.js';
 import './chunk-NDDDT4TO.js';
-import './chunk-QYKN3JZ5.js';
+import './chunk-ATB5XT6K.js';
 import './chunk-SLIZ4TDR.js';
 import './chunk-TXJVQRS6.js';
 import './chunk-PGRADSYH.js';

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-export { a as Dropdown, b as DropdownDivider, c as DropdownItem } from './chunk-QYKN3JZ5.js';
+export { a as Dropdown, b as DropdownDivider, c as DropdownItem } from './chunk-ATB5XT6K.js';
 import './chunk-6LHL364H.js';
 import './chunk-Z4LPO673.js';
 //# sourceMappingURL=out.js.map

package/dist/file-picker/file-picker.js

@@ -1,26 +1,26 @@
-export { d as FilePicker } from '../chunk-KOZLNTEE.js';
+export { d as FilePicker } from '../chunk-USQTN5LF.js';
 import '../chunk-DBTCX3TP.js';
 import '../chunk-YZ2YZSNQ.js';
 import '../chunk-GVNUAH45.js';
 import '../chunk-JAR3LP2K.js';
-import '../chunk-FOWKHGHJ.js';
+import '../chunk-XHQ6QTNP.js';
 import '../chunk-KVZTQHFG.js';
-import '../chunk-PSYIXRU7.js';
+import '../chunk-7CSWVPIB.js';
 import '../chunk-HVNLAQA6.js';
-import '../chunk-HW7AZG2V.js';
-import '../chunk-AN66H4D6.js';
-import '../chunk-GWERJBUR.js';
-import '../chunk-I2DMRDYJ.js';
-import '../chunk-FTVJMY65.js';
-import '../chunk-YXTGVTGL.js';
-import '../chunk-EZPRW5WN.js';
-import '../chunk-XKE3VK6Z.js';
+import '../chunk-EEZQ4QCT.js';
+import '../chunk-2C6KIRDZ.js';
+import '../chunk-JOB452G4.js';
+import '../chunk-2OJQHLAM.js';
+import '../chunk-HRW54QT7.js';
+import '../chunk-IK4MVM4N.js';
+import '../chunk-NMSJJG33.js';
+import '../chunk-TPEKJBUD.js';
 import '../chunk-7Q6OMA2A.js';
 import '../chunk-RTRHNOTP.js';
 import '../chunk-XABECXZS.js';
 import '../chunk-IJV4UGKJ.js';
 import '../chunk-XXP5K6Y4.js';
-import '../chunk-LWTESXND.js';
+import '../chunk-YYZ2YQ5H.js';
 import '../chunk-LIXVY47P.js';
 import '../chunk-Y5DEGGVQ.js';
 import '../chunk-Q4MYDT2M.js';
@@ -51,7 +51,7 @@ import '../chunk-MMFRYMGJ.js';
 import '../chunk-W5BREWLN.js';
 import '../chunk-23MWYGN4.js';
 import '../chunk-NDDDT4TO.js';
-import '../chunk-QYKN3JZ5.js';
+import '../chunk-ATB5XT6K.js';
 import '../chunk-SLIZ4TDR.js';
 import '../chunk-TXJVQRS6.js';
 import '../chunk-PGRADSYH.js';

package/dist/index.js

@@ -1,26 +1,26 @@
-export { h as CardPaymentBlock, g as CountryPicker, c as DragAndDrop, d as FilePicker, b as Layout, f as ProductPicker, a as StackedListItem, e as TableResultBlock } from './chunk-KOZLNTEE.js';
+export { h as CardPaymentBlock, g as CountryPicker, c as DragAndDrop, d as FilePicker, b as Layout, f as ProductPicker, a as StackedListItem, e as TableResultBlock } from './chunk-USQTN5LF.js';
 export { a as TableHeader } from './chunk-DBTCX3TP.js';
 export { b as ToastProvider, c as useToast } from './chunk-YZ2YZSNQ.js';
 export { a as NBUI_Footer } from './chunk-GVNUAH45.js';
 export { a as NBUI_Page_Layout } from './chunk-JAR3LP2K.js';
-export { a as Pagination } from './chunk-FOWKHGHJ.js';
+export { a as Pagination } from './chunk-XHQ6QTNP.js';
 import './chunk-KVZTQHFG.js';
-export { a as Search } from './chunk-PSYIXRU7.js';
+export { a as Search } from './chunk-7CSWVPIB.js';
 export { b as Sidebar } from './chunk-HVNLAQA6.js';
-export { a as Sort } from './chunk-HW7AZG2V.js';
-export { a as NBUI_Card_Image } from './chunk-AN66H4D6.js';
-export { a as NBUI_Card_Large } from './chunk-GWERJBUR.js';
-export { a as NBUI_Card_Paragraphs_Large } from './chunk-I2DMRDYJ.js';
-export { a as NBUI_Card_Paragraphs } from './chunk-FTVJMY65.js';
-export { a as NBUI_Card_Small } from './chunk-YXTGVTGL.js';
-export { a as NBUI_Card_Table } from './chunk-EZPRW5WN.js';
-export { a as NBUI_Card } from './chunk-XKE3VK6Z.js';
+export { a as Sort } from './chunk-EEZQ4QCT.js';
+export { a as NBUI_Card_Image } from './chunk-2C6KIRDZ.js';
+export { a as NBUI_Card_Large } from './chunk-JOB452G4.js';
+export { a as NBUI_Card_Paragraphs_Large } from './chunk-2OJQHLAM.js';
+export { a as NBUI_Card_Paragraphs } from './chunk-HRW54QT7.js';
+export { a as NBUI_Card_Small } from './chunk-IK4MVM4N.js';
+export { a as NBUI_Card_Table } from './chunk-NMSJJG33.js';
+export { a as NBUI_Card } from './chunk-TPEKJBUD.js';
 export { a as NBUI_Container } from './chunk-7Q6OMA2A.js';
 export { a as StaffPickCard } from './chunk-RTRHNOTP.js';
 export { a as FeaturePageGroup } from './chunk-XABECXZS.js';
 import './chunk-IJV4UGKJ.js';
 export { a as Navbar } from './chunk-XXP5K6Y4.js';
-export { a as NBUI_Card_Form } from './chunk-LWTESXND.js';
+export { a as NBUI_Card_Form } from './chunk-YYZ2YQ5H.js';
 export { a as VideoDashboardNotification } from './chunk-LIXVY47P.js';
 export { a as VideoModal } from './chunk-Y5DEGGVQ.js';
 import './chunk-Q4MYDT2M.js';
@@ -51,7 +51,7 @@ export { a as DateTimePicker } from './chunk-MMFRYMGJ.js';
 export { a as DraggableStackedListItem } from './chunk-W5BREWLN.js';
 export { a as ToggleSwitch } from './chunk-23MWYGN4.js';
 export { a as Drawer } from './chunk-NDDDT4TO.js';
-export { a as Dropdown } from './chunk-QYKN3JZ5.js';
+export { a as Dropdown } from './chunk-ATB5XT6K.js';
 export { a as EkmLogo } from './chunk-SLIZ4TDR.js';
 export { a as FixedAlert } from './chunk-TXJVQRS6.js';
 export { a as Checkbox } from './chunk-PGRADSYH.js';

package/dist/layout/layout.js

@@ -1,26 +1,26 @@
-export { b as Layout } from '../chunk-KOZLNTEE.js';
+export { b as Layout } from '../chunk-USQTN5LF.js';
 import '../chunk-DBTCX3TP.js';
 import '../chunk-YZ2YZSNQ.js';
 import '../chunk-GVNUAH45.js';
 import '../chunk-JAR3LP2K.js';
-import '../chunk-FOWKHGHJ.js';
+import '../chunk-XHQ6QTNP.js';
 import '../chunk-KVZTQHFG.js';
-import '../chunk-PSYIXRU7.js';
+import '../chunk-7CSWVPIB.js';
 import '../chunk-HVNLAQA6.js';
-import '../chunk-HW7AZG2V.js';
-import '../chunk-AN66H4D6.js';
-import '../chunk-GWERJBUR.js';
-import '../chunk-I2DMRDYJ.js';
-import '../chunk-FTVJMY65.js';
-import '../chunk-YXTGVTGL.js';
-import '../chunk-EZPRW5WN.js';
-import '../chunk-XKE3VK6Z.js';
+import '../chunk-EEZQ4QCT.js';
+import '../chunk-2C6KIRDZ.js';
+import '../chunk-JOB452G4.js';
+import '../chunk-2OJQHLAM.js';
+import '../chunk-HRW54QT7.js';
+import '../chunk-IK4MVM4N.js';
+import '../chunk-NMSJJG33.js';
+import '../chunk-TPEKJBUD.js';
 import '../chunk-7Q6OMA2A.js';
 import '../chunk-RTRHNOTP.js';
 import '../chunk-XABECXZS.js';
 import '../chunk-IJV4UGKJ.js';
 import '../chunk-XXP5K6Y4.js';
-import '../chunk-LWTESXND.js';
+import '../chunk-YYZ2YQ5H.js';
 import '../chunk-LIXVY47P.js';
 import '../chunk-Y5DEGGVQ.js';
 import '../chunk-Q4MYDT2M.js';
@@ -51,7 +51,7 @@ import '../chunk-MMFRYMGJ.js';
 import '../chunk-W5BREWLN.js';
 import '../chunk-23MWYGN4.js';
 import '../chunk-NDDDT4TO.js';
-import '../chunk-QYKN3JZ5.js';
+import '../chunk-ATB5XT6K.js';
 import '../chunk-SLIZ4TDR.js';
 import '../chunk-TXJVQRS6.js';
 import '../chunk-PGRADSYH.js';

package/dist/nbui/nbui-card-form.js

@@ -1,4 +1,4 @@
-export { a as NBUI_Card_Form } from '../chunk-LWTESXND.js';
+export { a as NBUI_Card_Form } from '../chunk-YYZ2YQ5H.js';
 import '../chunk-Z4LPO673.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=nbui-card-form.js.map

package/dist/nbui/nbui-card-image.js

@@ -1,4 +1,4 @@
-export { a as NBUI_Card_Image } from '../chunk-AN66H4D6.js';
+export { a as NBUI_Card_Image } from '../chunk-2C6KIRDZ.js';
 import '../chunk-Z4LPO673.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=nbui-card-image.js.map

package/dist/nbui/nbui-card-lg.js

@@ -1,4 +1,4 @@
-export { a as NBUI_Card_Large } from '../chunk-GWERJBUR.js';
+export { a as NBUI_Card_Large } from '../chunk-JOB452G4.js';
 import '../chunk-Z4LPO673.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=nbui-card-lg.js.map

package/dist/nbui/nbui-card-paragraphs-lg.js

@@ -1,4 +1,4 @@
-export { a as NBUI_Card_Paragraphs_Large } from '../chunk-I2DMRDYJ.js';
+export { a as NBUI_Card_Paragraphs_Large } from '../chunk-2OJQHLAM.js';
 import '../chunk-Z4LPO673.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=nbui-card-paragraphs-lg.js.map