ekm-ui 0.0.29 → 0.2.0

package/dist/card-payment-block.mjs

@@ -1,36 +1,42 @@
-export { c as CardPaymentBlock } from './chunk-MG4OUK2N.mjs';
-import './chunk-HAQTLD4G.mjs';
-import './chunk-X6GXSTW7.mjs';
+export { c as CardPaymentBlock } from './chunk-IUZHBHDJ.mjs';
 import './chunk-ZHHTK7UM.mjs';
 import './chunk-QWPN2UNV.mjs';
-import './chunk-RMX72FR3.mjs';
-import './chunk-25FJ277C.mjs';
 import './chunk-FAFXVD4P.mjs';
 import './chunk-256SAVHD.mjs';
 import './chunk-VPLCWU7T.mjs';
 import './chunk-3ZCDEN7B.mjs';
 import './chunk-HDNA6QBW.mjs';
+import './chunk-HAQTLD4G.mjs';
+import './chunk-X6GXSTW7.mjs';
+import './chunk-FJQEJBBY.mjs';
+import './chunk-EWNPNF2B.mjs';
+import './chunk-YQAMEBON.mjs';
+import './chunk-EQANFKDN.mjs';
+import './chunk-RMX72FR3.mjs';
+import './chunk-NI4IFVX3.mjs';
+import './chunk-25FJ277C.mjs';
+import './chunk-LWDFKEBO.mjs';
+import './chunk-PJMH47GY.mjs';
 import './chunk-KAQJAKQH.mjs';
 import './chunk-BIU2AAPZ.mjs';
 import './chunk-B2KVPYRJ.mjs';
 import './chunk-OT256LE6.mjs';
-import './chunk-FJQEJBBY.mjs';
-import './chunk-EWNPNF2B.mjs';
-import './chunk-YQAMEBON.mjs';
+import './chunk-FRIXS4BL.mjs';
+import './chunk-YTTLKTRL.mjs';
+import './chunk-T2OVPC6F.mjs';
+import './chunk-3CISFAGD.mjs';
 import './chunk-ZPLTGYYM.mjs';
 import './chunk-QRNTMHBL.mjs';
+import './chunk-ER4YVWM3.mjs';
 import './chunk-ZT7KDTGF.mjs';
 import './chunk-WU66HPYP.mjs';
-import './chunk-FRIXS4BL.mjs';
-import './chunk-LWDFKEBO.mjs';
-import './chunk-PJMH47GY.mjs';
+import './chunk-NS6AVKX7.mjs';
 import './chunk-O3QYDTAF.mjs';
 import './chunk-664HOPW7.mjs';
+import './chunk-S7V4MUJ2.mjs';
 import './chunk-SAXGEQRG.mjs';
 import './chunk-LN7UO7PK.mjs';
-import './chunk-YTTLKTRL.mjs';
-import './chunk-T2OVPC6F.mjs';
-import './chunk-3CISFAGD.mjs';
+import './chunk-VASBTVLS.mjs';
 import './chunk-QTAUYFKM.mjs';
 import './chunk-RUPJ2ZHA.mjs';
 //# sourceMappingURL=out.js.map

package/dist/checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare const Checkbox: react.ForwardRefExoticComponent<react.RefAttributes<unknown>>;
+
+export { Checkbox };

package/dist/checkbox.mjs

@@ -0,0 +1,5 @@
+export { a as Checkbox } from './chunk-VASBTVLS.mjs';
+import './chunk-QTAUYFKM.mjs';
+import './chunk-RUPJ2ZHA.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=checkbox.mjs.map

package/dist/checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/chunk-EQANFKDN.mjs

@@ -0,0 +1,10 @@
+import { a } from './chunk-QTAUYFKM.mjs';
+import { e as e$1, b, a as a$1 } from './chunk-RUPJ2ZHA.mjs';
+import { forwardRef } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var e=e$1(a());var n=forwardRef(function(r,d){return jsxs(Fragment,{children:[r.label&&jsx("label",{htmlFor:`${r.id}-select`,className:"block mb-2 text-sm font-medium text-gray-900 dark:text-white",children:r.label}),jsx("select",b(a$1({id:`${r.id}-select`,ref:d,className:"bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"},r),{children:(r.options||[]).map(l=>jsx("option",{value:l.value,disabled:l.disabled,children:l.display},`${r.id}-${l.value}`))}))]})});n.propTypes={id:e.default.string.isRequired,label:e.default.string,defaultValue:e.default.oneOfType([e.default.string,e.default.number]).isRequired,options:e.default.arrayOf(e.default.shape({value:e.default.oneOfType([e.default.string,e.default.number]).isRequired,display:e.default.string.isRequired})).isRequired,onChange:e.default.func.isRequired};
+
+export { n as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-EQANFKDN.mjs.map

package/dist/chunk-EQANFKDN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/select.tsx"],"names":["import_prop_types","forwardRef","Fragment","jsx","jsxs","Select","props","ref","__spreadProps","__spreadValues","o","PropTypes"],"mappings":"gGAEA,IAAAA,EAAsB,OADtB,OAAS,cAAAC,MAAkB,QAIvB,mBAAAC,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAFG,IAAMC,EAASJ,EAAW,SAAgBK,EAAOC,EAAK,CAC3D,OACEH,EAAAF,EAAA,CACG,UAAAI,EAAM,OACLH,EAAC,SAAM,QAAS,GAAGG,EAAM,YAAa,UAAU,+DAC7C,SAAAA,EAAM,MACT,EAEFH,EAAC,SAAAK,EAAAC,EAAA,CACC,GAAI,GAAGH,EAAM,YACb,IAAKC,EACL,UAAU,uQACND,GAJL,CAMG,UAAAA,EAAM,SAAW,CAAC,GAAG,IAAKI,GAExBP,EAAC,UAAsC,MAAOO,EAAE,MAAO,SAAUA,EAAE,SAChE,SAAAA,EAAE,SADQ,GAAGJ,EAAM,MAAMI,EAAE,OAE9B,CAEH,GACH,GACF,CAEJ,CAAC,EAEDL,EAAO,UAAY,CAEf,GAAI,EAAAM,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,aAAc,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,OAAQ,EAAAA,QAAU,MAAM,CAAC,EAAE,WAExE,QAAS,EAAAA,QAAU,QAAQ,EAAAA,QAAU,MAAM,CACvC,MAAO,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,OAAQ,EAAAA,QAAU,MAAM,CAAC,EAAE,WACjE,QAAS,EAAAA,QAAU,OAAO,UAC9B,CAAC,CAAC,EAAE,WAEJ,SAAU,EAAAA,QAAU,KAAK,UAC7B","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nexport const Select = forwardRef(function Select(props, ref) {\n  return (\n    <>\n      {props.label && (\n        <label htmlFor={`${props.id}-select`} className=\"block mb-2 text-sm font-medium text-gray-900 dark:text-white\">\n          {props.label}\n        </label>\n      )}\n      <select\n        id={`${props.id}-select`}\n        ref={ref}\n        className=\"bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n        {...props}\n      >\n        {(props.options || []).map((o) => {\n          return (\n            <option key={`${props.id}-${o.value}`} value={o.value} disabled={o.disabled}>\n              {o.display}\n            </option>\n          )\n        })}\n      </select>\n    </>\n  )\n})\n\nSelect.propTypes = {\n/** Unique id for the dropdown */\n    id: PropTypes.string.isRequired,\n    /** Optional label for the dropdown */\n    label: PropTypes.string,\n  /** Optional inital selected value must match the value of an element of an object in the options array. (defaults to first value in the list)*/\n    defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    /** Array of objects with value and display properties */\n    options: PropTypes.arrayOf(PropTypes.shape({\n        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n        display: PropTypes.string.isRequired\n    })).isRequired,\n    /** Callback function when the dropdown value changes */\n    onChange: PropTypes.func.isRequired\n}\n"]}

package/dist/chunk-ER4YVWM3.mjs

@@ -0,0 +1,12 @@
+import { a } from './chunk-QTAUYFKM.mjs';
+import { e as e$1, c, b, a as a$1 } from './chunk-RUPJ2ZHA.mjs';
+import { variantProps } from 'classname-variants/react';
+import { createContext, useState, useEffect, useContext } from 'react';
+import { BiChevronDown } from 'react-icons/bi';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var e=e$1(a());var f=createContext(),P=variantProps({base:"text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium text-sm py-2.5 text-center inline-flex items-center",variants:{color:{blue:"bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 focus:ring-blue-300",gray:"bg-gray-700 hover:bg-gray-800 dark:bg-gray-600 dark:hover:bg-gray-700 focus:ring-gray-300",green:"bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700 focus:ring-green-300",red:"bg-red-700 hover:bg-red-800 dark:bg-red-600 dark:hover:bg-red-700 focus:ring-red-300",yellow:"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"}}}),t=Object.freeze({OPEN:"open",CLOSED:"closed"});function n(u){var l=u,{children:d}=l,r=c(l,["children"]);let[i,a]=useState(t.CLOSED),h=()=>{a(i===t.CLOSED?t.OPEN:t.CLOSED);};return useEffect(()=>{let g=w=>{w.target.id!==r.id&&a(t.CLOSED);};return document.addEventListener("click",g),()=>{document.removeEventListener("click",g);}},[]),jsxs(f.Provider,{value:{showDropdown:i,setShowDropdown:a},children:[jsxs("button",b(a$1({id:r.id},P(r)),{"data-dropdown-toggle":`${r.id}-dropdown`,type:"button",onClick:h,children:[r.label,r.type==="rect"&&jsx(BiChevronDown,{})]})),jsx("div",{id:`${r.id}-dropdown`,className:`z-10 mt-2 absolute ${i===t.OPEN?"":"hidden"} bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700`,children:jsx("ul",{className:"py-2 text-sm text-gray-700 dark:text-gray-200","aria-labelledby":"dropdownDefaultButton",children:d})})]})}function m(){return jsx("li",{children:jsx("hr",{className:"h-px my-2 bg-gray-200 border-0 dark:bg-gray-700"})})}function s({callback:d,children:r}){let u=useContext(f);return jsx("li",{children:jsx("div",{className:"block px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",onClick:()=>{u.setShowDropdown(!1),d();},children:r})})}n.Divider=m;n.Item=s;n.propTypes={id:e.default.string.isRequired,children:e.default.oneOfType([e.default.shape({type:e.default.oneOf([s])}),e.default.arrayOf(e.default.shape({type:e.default.oneOf([m])}))]).isRequired,type:e.default.oneOf(["rect","round"]),size:e.default.oneOf(["sm","md","lg","rsm","rmd","rlg"]),color:e.default.oneOf(["blue","gray","green","red","yellow"]),label:e.default.oneOfType([e.default.string,e.default.node]).isRequired,callback:e.default.func.isRequired};n.defaultProps={type:"rect",size:"md",color:"blue",label:"Dropdown"};s.propTypes={callback:e.default.func.isRequired};
+
+export { n as a, m as b, s as c };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-ER4YVWM3.mjs.map

package/dist/chunk-ER4YVWM3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dropdown.tsx"],"names":["import_prop_types","variantProps","useState","createContext","useContext","useEffect","BiChevronDown","jsx","jsxs","DropdownContext","buttonProps","DropdownState","Dropdown","_a","_b","children","props","__objRest","showDropdown","setShowDropdown","handleShowDropdown","handleClickOutside","e","__spreadProps","__spreadValues","DropdownDivider","DropdownItem","callback","context","PropTypes"],"mappings":"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","sourcesContent":["//@ts-nocheck\nimport { variantProps } from 'classname-variants/react'\nimport { useState, createContext, useContext, useEffect, useRef } from 'react'\nimport { BiChevronDown } from 'react-icons/bi'\nimport PropTypes from 'prop-types'\nconst DropdownContext = createContext()\n\n// BUTTON CLASSES\nconst buttonProps = variantProps({\n  base: 'text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium text-sm py-2.5 text-center inline-flex items-center',\n  variants: {\n    color: {\n      blue: 'bg-blue-700 hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 focus:ring-blue-300',\n      gray: 'bg-gray-700 hover:bg-gray-800 dark:bg-gray-600 dark:hover:bg-gray-700 focus:ring-gray-300',\n      green: 'bg-green-700 hover:bg-green-800 dark:bg-green-600 dark:hover:bg-green-700 focus:ring-green-300',\n      red: 'bg-red-700 hover:bg-red-800 dark:bg-red-600 dark:hover:bg-red-700 focus:ring-red-300',\n      yellow: '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 DropdownState = Object.freeze({\n  OPEN: 'open',\n  CLOSED: 'closed',\n})\n\nexport function Dropdown({ children, ...props }) {\n  const [showDropdown, setShowDropdown] = useState(DropdownState.CLOSED)\n  const handleShowDropdown = () => {\n    const currState = showDropdown\n    setShowDropdown(currState === DropdownState.CLOSED ? DropdownState.OPEN : DropdownState.CLOSED)\n  }\n\n  useEffect(() => {\n    const handleClickOutside = (e) => {\n      if (e.target.id === props.id) return\n      setShowDropdown(DropdownState.CLOSED)\n    }\n\n    document.addEventListener('click', handleClickOutside)\n\n    return () => {\n      document.removeEventListener('click', handleClickOutside)\n    }\n  }, [])\n\n  return (\n    <DropdownContext.Provider value={{ showDropdown, setShowDropdown }}>\n      <button id={props.id} {...buttonProps(props)} data-dropdown-toggle={`${props.id}-dropdown`} type=\"button\" onClick={handleShowDropdown}>\n        {props.label}\n        {props.type === 'rect' && <BiChevronDown />}\n      </button>\n      <div\n        id={`${props.id}-dropdown`}\n        className={`z-10 mt-2 absolute ${\n          showDropdown === DropdownState.OPEN ? '' : 'hidden'\n        } bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700`}\n      >\n        <ul className=\"py-2 text-sm text-gray-700 dark:text-gray-200\" aria-labelledby=\"dropdownDefaultButton\">\n          {children}\n        </ul>\n      </div>\n    </DropdownContext.Provider>\n  )\n}\n\nexport function DropdownDivider() {\n  return (\n    <li>\n      <hr className=\"h-px my-2 bg-gray-200 border-0 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 className=\"block px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white\" onClick={handleSelection}>\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.oneOfType([\n        PropTypes.shape({ type: PropTypes.oneOf([DropdownItem]), }),\n        PropTypes.arrayOf(PropTypes.shape({ type: PropTypes.oneOf([DropdownDivider]) }))\n    ]).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(['blue', 'gray', 'green', 'red', 'yellow']),\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    /** Returns value of the selected item */\n    callback: PropTypes.func.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}"]}

package/dist/{chunk-MG4OUK2N.mjs → chunk-IUZHBHDJ.mjs}

@@ -1,7 +1,7 @@
-import { a as a$1, b } from './chunk-HAQTLD4G.mjs';
 import { a as a$2 } from './chunk-256SAVHD.mjs';
-import { a as a$3 } from './chunk-OT256LE6.mjs';
+import { a as a$1, b } from './chunk-HAQTLD4G.mjs';
 import { a } from './chunk-LWDFKEBO.mjs';
+import { a as a$3 } from './chunk-OT256LE6.mjs';
 import { a as a$4 } from './chunk-664HOPW7.mjs';
 import { Card, Radio, Label, TextInput, Badge, Sidebar } from 'flowbite-react';
 import { HiCreditCard } from 'react-icons/hi';
@@ -9,8 +9,8 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
 import { HiChartPie, HiTag, HiShoppingBag, HiPaintBrush, HiStar, HiDocument, HiRocketLaunch, HiGlobeAlt } from 'react-icons/hi2';
 
-function X({cardPayment:a$1,enablePayPal:i}){return jsxs(Card,{className:"border-0 shadow-sm	",children:[jsx("h3",{className:"text-lg font-semibold dark:text-white",children:"Billing Details"}),jsx("div",{className:"flex items-center justify-between border-b-2 pb-4",children:jsxs("fieldset",{className:"flex w-full flex-col gap-4",id:"radio",children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[i&&jsx(Radio,{defaultChecked:!0,id:"creditDebitCard",name:"paymentType",value:"creditDebitCard"}),jsx(Label,{htmlFor:"creditDebitCard",children:"Pay by Credit or Debit card"})]}),jsxs("div",{className:i?"ml-6 flex gap-2":"flex gap-2",children:[jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/visa.png",alt:"VISA Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/mastercard.png",alt:"MasterCard Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/maestro.png",alt:"Maestro Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/amex.png",alt:"AMEX Card Logo"})]})]}),a$1&&jsxs(Fragment,{children:[jsxs("div",{className:"grid grid-cols-1 content-start gap-6 sm:grid-cols-2",children:[jsx(a,{label:"Name on Card *",htmlFor:"nameOnCard",helperText:"This is your name as is appears on the front of your credit or debit card.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"Your name",type:"text",required:!0})}),jsx(a,{label:"Card Number *",htmlFor:"cardNumber",helperText:"This is the long number on the front of your credit or debit card.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"0000 0000 0000 0000",type:"number",rightIcon:HiCreditCard,required:!0})})]}),jsxs("div",{className:"grid grid-cols-1 content-start gap-6 sm:grid-cols-4",children:[jsx(a,{label:"Expiry Date *",htmlFor:"nameOnCard",helperText:"The expiry date as it appears on your card.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"MM / YY",type:"text",required:!0})}),jsx(a,{label:"Security Code (CVC) *",htmlFor:"cardNumber",helperText:"The last three digits on the back of your card\u2019s signature strip.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"123",type:"number",rightIcon:HiCreditCard,required:!0})})]})]}),i&&jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(Radio,{id:"PayPal",name:"paymentType",value:"PayPal"}),jsx(Label,{htmlFor:"PayPal",children:"PayPal"})]}),jsx("div",{className:"ml-6",children:jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/paypal.png",alt:"PayPal Icon"})})]})]})})]})}function B(){return jsxs(Sidebar.Items,{children:[jsxs(Sidebar.ItemGroup,{children:[jsx(Sidebar.Item,{href:"/",icon:HiChartPie,className:"bg-gray-100 dark:bg-gray-700",children:"Dashboard"}),jsx(Sidebar.Item,{href:"/products",icon:HiTag,className:"",children:"Products"}),jsx(Sidebar.Item,{href:"/orders",icon:HiShoppingBag,label:"27",className:"",children:"Orders"}),jsxs(Sidebar.Collapse,{icon:HiPaintBrush,label:"Design",children:[jsx(Sidebar.Item,{href:"/design/design",className:"",children:"Theme"}),jsx(Sidebar.Item,{href:"/design/editor",className:"",children:"Editor"}),jsx(Sidebar.Item,{href:"/theme/webpages",className:"",children:"Webpages"})]}),jsx(Sidebar.Item,{href:"/features",icon:HiStar,className:"",children:"Features"})]}),jsxs(Sidebar.ItemGroup,{children:[jsx(Sidebar.Item,{href:"https://github.com/themesberg/flowbite-react/",icon:HiDocument,children:"Docs"}),jsx(Sidebar.Item,{href:"https://flowbite-react.com/",icon:HiRocketLaunch,children:"What's New"}),jsx(Sidebar.Item,{href:"https://github.com/themesberg/flowbite-react/issues",icon:HiGlobeAlt,children:"Support Centre"})]})]})}function Z({children:a,hasHeader:i}){let[s,g]=useState(!1),[f,b$1]=useState(!1);return useMemo(()=>{a$1()&&!s&&b$1(!0);},[s]),jsxs(Fragment,{children:[jsx(a$2,{onMenuButtonClick:()=>{g(!s);},showCloseButton:f,avatarImg:"https://avatars.githubusercontent.com/u/49406022?v=4"}),jsxs("div",{className:"flex",children:[jsx(b,{collapsed:s,children:jsx(B,{})}),jsxs("div",{className:"flex w-3/4 flex-grow flex-col",children:[jsx("main",{className:`"relative dark:bg-gray-900" flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ${i?"":"p-4"}`,children:a}),jsx(a$3,{})]})]})]})}function j({id:a,title:i,text:s,avatarShow:g,avatarColor:f,avatarBorder:b,children:H,badgeText:I,badgeColor:A,icon:N}){function O(M){var h=M.split(" "),S=h[0],w=h[h.length-1],E=S.charAt(0);if(S!==w)var k=w.charAt(0);else var k="";return [E,k]}let R=O(i);return jsxs("li",{className:"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5  dark:hover:bg-gray-900",children:[jsxs("div",{className:"flex min-w-0 flex-auto items-center gap-x-4",children:[g&&jsx(a$4,{placeholderInitials:R,color:f,border:b}),N&&N,jsxs("div",{className:"min-w-0 flex-auto",children:[jsxs("div",{className:"flex gap-2",children:[jsx("p",{className:"truncate text-sm font-semibold text-gray-900 dark:text-white",children:i}),I&&jsx(Badge,{color:A||"info",children:I})]}),jsx("p",{className:"mt-1 flex text-xs text-gray-500 dark:text-gray-400",children:jsx("span",{className:"relative truncate",children:s})})]})]}),jsx("div",{className:"flex flex-shrink-0  items-center gap-x-4",children:jsx("div",{className:"sm:flex sm:flex-col sm:items-end",children:H})})]},a)}
+function X({cardPayment:a$1,enablePayPal:i}){return jsxs(Card,{className:"border-0 shadow-sm	",children:[jsx("h3",{className:"text-lg font-semibold dark:text-white",children:"Billing Details"}),jsx("div",{className:"flex items-center justify-between border-b-2 pb-4",children:jsxs("fieldset",{className:"flex w-full flex-col gap-4",id:"radio",children:[jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[i&&jsx(Radio,{defaultChecked:!0,id:"creditDebitCard",name:"paymentType",value:"creditDebitCard"}),jsx(Label,{htmlFor:"creditDebitCard",children:"Pay by Credit or Debit card"})]}),jsxs("div",{className:i?"ml-6 flex gap-2":"flex gap-2",children:[jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/visa.png",alt:"VISA Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/mastercard.png",alt:"MasterCard Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/maestro.png",alt:"Maestro Card Logo"}),jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/amex.png",alt:"AMEX Card Logo"})]})]}),a$1&&jsxs(Fragment,{children:[jsxs("div",{className:"grid grid-cols-1 content-start gap-6 sm:grid-cols-2",children:[jsx(a,{label:"Name on Card *",htmlFor:"nameOnCard",helperText:"This is your name as is appears on the front of your credit or debit card.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"Your name",type:"text",required:!0})}),jsx(a,{label:"Card Number *",htmlFor:"cardNumber",helperText:"This is the long number on the front of your credit or debit card.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"0000 0000 0000 0000",type:"number",rightIcon:HiCreditCard,required:!0})})]}),jsxs("div",{className:"grid grid-cols-1 content-start gap-6 sm:grid-cols-4",children:[jsx(a,{label:"Expiry Date *",htmlFor:"nameOnCard",helperText:"The expiry date as it appears on your card.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"MM / YY",type:"text",required:!0})}),jsx(a,{label:"Security Code (CVC) *",htmlFor:"cardNumber",helperText:"The last three digits on the back of your card\u2019s signature strip.",children:jsx(TextInput,{id:"nameOnCard",name:"nameOnCard",placeholder:"123",type:"number",rightIcon:HiCreditCard,required:!0})})]})]}),i&&jsxs("div",{className:"flex flex-col gap-2",children:[jsxs("div",{className:"flex items-center gap-2",children:[jsx(Radio,{id:"PayPal",name:"paymentType",value:"PayPal"}),jsx(Label,{htmlFor:"PayPal",children:"PayPal"})]}),jsx("div",{className:"ml-6",children:jsx("img",{src:"https://shared.ekmcdn.com/images/uifw/cards/paypal.png",alt:"PayPal Icon"})})]})]})})]})}function F(){return jsxs(Sidebar.Items,{children:[jsxs(Sidebar.ItemGroup,{children:[jsx(Sidebar.Item,{href:"/",icon:HiChartPie,className:"bg-gray-100 dark:bg-gray-700",children:"Dashboard"}),jsx(Sidebar.Item,{href:"/products",icon:HiTag,className:"",children:"Products"}),jsx(Sidebar.Item,{href:"/orders",icon:HiShoppingBag,label:"27",className:"",children:"Orders"}),jsxs(Sidebar.Collapse,{icon:HiPaintBrush,label:"Design",children:[jsx(Sidebar.Item,{href:"/design/design",className:"",children:"Theme"}),jsx(Sidebar.Item,{href:"/design/editor",className:"",children:"Editor"}),jsx(Sidebar.Item,{href:"/theme/webpages",className:"",children:"Webpages"})]}),jsx(Sidebar.Item,{href:"/features",icon:HiStar,className:"",children:"Features"})]}),jsxs(Sidebar.ItemGroup,{children:[jsx(Sidebar.Item,{href:"https://github.com/themesberg/flowbite-react/",icon:HiDocument,children:"Docs"}),jsx(Sidebar.Item,{href:"https://flowbite-react.com/",icon:HiRocketLaunch,children:"What's New"}),jsx(Sidebar.Item,{href:"https://github.com/themesberg/flowbite-react/issues",icon:HiGlobeAlt,children:"Support Centre"})]})]})}function Z({children:a,hasHeader:i}){let[s,f]=useState(!1),[g,b$1]=useState(!1);return useMemo(()=>{a$1()&&!s&&b$1(!0);},[s]),jsxs(Fragment,{children:[jsx(a$2,{onMenuButtonClick:()=>{f(!s);},showCloseButton:g,avatarImg:"https://avatars.githubusercontent.com/u/49406022?v=4"}),jsxs("div",{className:"flex",children:[jsx(b,{collapsed:s,children:jsx(F,{})}),jsxs("div",{className:"flex w-3/4 flex-grow flex-col",children:[jsx("main",{className:`"relative dark:bg-gray-900" flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ${i?"":"p-4"}`,children:a}),jsx(a$3,{})]})]})]})}function j({id:a,title:i,text:s,avatarShow:f,avatarColor:g,avatarBorder:b,children:A,badgeText:I,badgeColor:H,icon:N}){function O(M){var x=M.split(" "),S=x[0],w=x[x.length-1],E=S.charAt(0);if(S!==w)var k=w.charAt(0);else var k="";return [E,k]}let R=O(i);return jsxs("li",{className:"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5  dark:hover:bg-gray-900",children:[jsxs("div",{className:"flex min-w-0 flex-auto items-center gap-x-4",children:[f&&jsx(a$4,{placeholderInitials:R,color:g,border:b}),N&&N,jsxs("div",{className:"min-w-0 flex-auto",children:[jsxs("div",{className:"flex gap-2",children:[jsx("p",{className:"truncate text-sm font-semibold text-gray-900 dark:text-white",children:i}),I&&jsx(Badge,{color:H||"info",children:I})]}),jsx("p",{className:"mt-1 flex text-xs text-gray-500 dark:text-gray-400",children:jsx("span",{className:"relative truncate",children:s})})]})]}),jsx("div",{className:"flex flex-shrink-0  items-center gap-x-4",children:jsx("div",{className:"sm:flex sm:flex-col sm:items-end",children:A})})]},a)}
 
 export { j as a, Z as b, X as c };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-MG4OUK2N.mjs.map
+//# sourceMappingURL=chunk-IUZHBHDJ.mjs.map

package/dist/chunk-NI4IFVX3.mjs

@@ -0,0 +1,11 @@
+import { a } from './chunk-QTAUYFKM.mjs';
+import { e as e$1, a as a$1, b } from './chunk-RUPJ2ZHA.mjs';
+import { forwardRef } from 'react';
+import { variantProps } from 'classname-variants/react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var e=e$1(a());var g=variantProps({base:"block p-2.5 w-full text-sm rounded-lg border ",variants:{color:{failure:"text-red-700 bg-red-50 border-red-500 focus:ring-red-500 focus:border-red-500 dark:bg-red-700 dark:border-red-600 dark:placeholder-red-700 dark:text-red-900 dark:focus:ring-red-500 dark:focus:border-red-500",gray:"text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"}},defaultVariants:{color:"gray"}}),u=forwardRef(function(r,t){return jsxs(Fragment,{children:[r.label&&jsx("label",{htmlFor:r.id,className:"block mb-2 text-sm font-medium text-gray-900 dark:text-white",children:r.label}),jsx("textarea",a$1(b(a$1({ref:t,id:r.id,rows:r.rows||3},g(r)),{placeholder:r.placeholder||"Enter your text here..."}),r))]})});u.propTypes={id:e.default.string.isRequired,label:e.default.string,placeholder:e.default.string,rows:e.default.number,color:e.default.oneOf(["gray","failure"])};
+
+export { u as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-NI4IFVX3.mjs.map

package/dist/chunk-NI4IFVX3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textarea.tsx"],"names":["import_prop_types","forwardRef","variantProps","Fragment","jsx","jsxs","fieldProps","TextArea","props","ref","__spreadValues","__spreadProps","PropTypes"],"mappings":"2FAGA,IAAAA,EAAsB,OAFtB,OAAS,cAAAC,MAAkB,QAC3B,OAAS,gBAAAC,MAAoB,2BAmBzB,mBAAAC,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAhBJ,IAAMC,EAAaJ,EAAa,CAC9B,KAAM,gDACN,SAAU,CACR,MAAO,CACL,QACE,iNACF,KAAM,wNACR,CACF,EACA,gBAAiB,CACf,MAAO,MACT,CACF,CAAC,EAEYK,EAAWN,EAAW,SAAkBO,EAAOC,EAAK,CAC/D,OACEJ,EAAAF,EAAA,CACG,UAAAK,EAAM,OACLJ,EAAC,SAAM,QAASI,EAAM,GAAI,UAAU,+DACjC,SAAAA,EAAM,MACT,EAEFJ,EAAC,WAAAM,EAAAC,EAAAD,EAAA,CACC,IAAKD,EACL,GAAID,EAAM,GACV,KAAMA,EAAM,MAAQ,GAChBF,EAAWE,CAAK,GAJrB,CAKC,YAAaA,EAAM,aAAe,4BAC9BA,EACL,GACH,CAEJ,CAAC,EAEDD,EAAS,UAAY,CAEjB,GAAI,EAAAK,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,YAAa,EAAAA,QAAU,OAEvB,KAAM,EAAAA,QAAU,OAEhB,MAAO,EAAAA,QAAU,MAAM,CAAC,OAAQ,SAAS,CAAC,CAC9C","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from 'react'\nimport { variantProps } from 'classname-variants/react'\nimport PropTypes from 'prop-types'\n\nconst fieldProps = variantProps({\n  base: 'block p-2.5 w-full text-sm rounded-lg border ',\n  variants: {\n    color: {\n      failure:\n        'text-red-700 bg-red-50 border-red-500 focus:ring-red-500 focus:border-red-500 dark:bg-red-700 dark:border-red-600 dark:placeholder-red-700 dark:text-red-900 dark:focus:ring-red-500 dark:focus:border-red-500',\n      gray: 'text-gray-900 bg-gray-50 border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500',\n    },\n  },\n  defaultVariants: {\n    color: 'gray',\n  },\n})\n\nexport const TextArea = forwardRef(function TextArea(props, ref) {\n  return (\n    <>\n      {props.label && (\n        <label htmlFor={props.id} className=\"block mb-2 text-sm font-medium text-gray-900 dark:text-white\">\n          {props.label}\n        </label>\n      )}\n      <textarea\n        ref={ref}\n        id={props.id}\n        rows={props.rows || 3}\n        {...fieldProps(props)}\n        placeholder={props.placeholder || 'Enter your text here...'}\n        {...props}\n      ></textarea>\n    </>\n  )\n})\n\nTextArea.propTypes = {\n    /** Unique id for the TextArea Component */\n    id: PropTypes.string.isRequired,\n    /** Optional Label to acompany TextArea Component */\n    label: PropTypes.string,\n    /** Optional placeholder text for TextArea Component */\n    placeholder: PropTypes.string,\n    /** Optional number of rows for the TextArea, this defaults to 3 rows if none provided */\n    rows: PropTypes.number,\n    /** Optional color defaults to gray and shpuld be set to failure if it fails validation*/\n    color: PropTypes.oneOf(['gray', 'failure']),\n}"]}

package/dist/chunk-NS6AVKX7.mjs

@@ -0,0 +1,12 @@
+import { a } from './chunk-QTAUYFKM.mjs';
+import { e, c } from './chunk-RUPJ2ZHA.mjs';
+import { createContext, useRef, useState, useContext, useEffect, Children, cloneElement } from 'react';
+import { HiChevronUp, HiChevronDown } from 'react-icons/hi';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var r=e(a());var u=createContext();function y(g){var t=g,{children:d}=t;c(t,["children"]);let n=useRef([]),[o,a]=useState(null),c$1=s=>{a(o===s?null:s);},p=s=>{n.current.push(s);},m=()=>n.current;return jsx(u.Provider,{value:{currentlyShowing:o,handleSelection:c$1,addPanelOrder:p,getPanelList:m},children:d})}function b(g){var t=g,{children:d}=t,e=c(t,["children"]);let n=useContext(u);return useEffect(()=>{n.addPanelOrder(e.id);},[]),jsx("div",{id:`${e.id}-panel`,"data-accordion":"collapse",children:Children.map(d,o=>cloneElement(o,{id:e.id}))})}function x(g){var t=g,{children:d}=t,e=c(t,["children"]);let n=useContext(u),o=p=>{n.handleSelection(e.id);},a=n.getPanelList(),c$1=a[a.length-1]===e.id;return jsx("h2",{id:`${e.id}-title`,children:jsxs("button",{type:"button",className:`flex items-center justify-between w-full p-5 font-medium text-left border ${c$1&&n.currentlyShowing!==e.id?"border-b-1":"border-b-0"} border-gray-200 ${a[0]===e.id?"rounded-t-xl":c$1&&n.currentlyShowing!==e.id?"rounded-b-xl":"rounded-none"} ${n.currentlyShowing===e.id&&"bg-gray-100"}
+         dark:focus:ring-gray-800 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-500 dark:text-gray-400`,"data-accordion-target":`#${e.id}-title`,"aria-expanded":"true","aria-controls":`${e.id}-title`,onClick:o,children:[jsx("span",{children:d}),n.currentlyShowing===`${e.id}`?jsx(HiChevronUp,{className:"w-6 h-6"}):jsx(HiChevronDown,{className:"w-6 h-6"})]})})}function f(g){var t=g,{children:d}=t,e=c(t,["children"]);let n=useContext(u),o=n.getPanelList();return jsx("div",{className:e.id!==n.currentlyShowing?"hidden":"","aria-labelledby":"accordion-collapse-heading-1",children:jsx("div",{className:`p-5 border ${o[o.length-1]===e.id&&n.currentlyShowing===e.id?"rounded-b-xl border-b-1":"border-b-0"} border-gray-200 dark:border-gray-700 dark:bg-gray-900`,children:d})})}y.Panel=b;y.Title=x;y.Content=f;y.propTypes={children:r.default.shape({type:r.default.arrayOf([b])}).isRequired};b.propTypes={id:r.default.string.isRequired,children:r.default.oneOfType([r.default.shape({type:r.default.oneOf([x])}),r.default.shape({type:r.default.oneOf([f])})]).isRequired};f.propTypes={children:r.default.oneOfType([r.default.elementType])};
+
+export { u as a, y as b, b as c, x as d, f as e };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-NS6AVKX7.mjs.map

package/dist/chunk-NS6AVKX7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion.tsx"],"names":["import_prop_types","useState","createContext","useContext","useEffect","useRef","cloneElement","Children","HiChevronDown","HiChevronUp","jsx","jsxs","AccordionContext","Accordion","_a","_b","children","props","__objRest","panelListRef","currentlyShowing","setCurrentlyShowing","handleSelection","id","addPanelOrder","getPanelList","AccordionPanel","context","child","AccordionTitle","e","panelList","isLastPanel","AccordionContent","PropTypes"],"mappings":"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","sourcesContent":["//@ts-nocheck\nimport { useState, createContext, useContext, useEffect, useRef, cloneElement, Children } from 'react'\nimport { HiChevronDown, HiChevronUp } from 'react-icons/hi'\nimport PropTypes from 'prop-types'\nexport const AccordionContext = createContext()\n\nexport function Accordion({ children, ...props }) {\n  const panelListRef = useRef([])\n  const [currentlyShowing, setCurrentlyShowing] = useState(null)\n\n  const handleSelection = (id) => {\n    if (currentlyShowing === id) {\n      setCurrentlyShowing(null)\n    } else {\n      setCurrentlyShowing(id)\n    }\n  }\n\n  const addPanelOrder = (id) => {\n    panelListRef.current.push(id)\n  }\n\n  const getPanelList = () => {\n    return panelListRef.current\n  }\n\n  return <AccordionContext.Provider value={{ currentlyShowing, handleSelection, addPanelOrder, getPanelList }}>{children}</AccordionContext.Provider>\n}\n\nexport function AccordionPanel({ children, ...props }) {\n  const context = useContext(AccordionContext)\n  useEffect(() => {\n    context.addPanelOrder(props.id)\n  }, [])\n\n  return (\n    <div id={`${props.id}-panel`} data-accordion=\"collapse\">\n      {Children.map(children, (child) => {\n        return cloneElement(child, { id: props.id })\n      })}\n    </div>\n  )\n}\n\nexport function AccordionTitle({ children, ...props }) {\n  const context = useContext(AccordionContext)\n\n  const handleSelection = (e) => {\n    context.handleSelection(props.id)\n  }\n\n  const panelList = context.getPanelList()\n  const isLastPanel = panelList[panelList.length - 1] === props.id\n\n  return (\n    <h2 id={`${props.id}-title`}>\n      <button\n        type=\"button\"\n        className={`flex items-center justify-between w-full p-5 font-medium text-left border ${\n          isLastPanel && context.currentlyShowing !== props.id ? 'border-b-1' : 'border-b-0'\n        } border-gray-200 ${\n          panelList[0] === props.id ? 'rounded-t-xl' : isLastPanel && context.currentlyShowing !== props.id ? 'rounded-b-xl' : 'rounded-none'\n        } ${context.currentlyShowing === props.id && 'bg-gray-100'}\n         dark:focus:ring-gray-800 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-500 dark:text-gray-400`}\n        data-accordion-target={`#${props.id}-title`}\n        aria-expanded=\"true\"\n        aria-controls={`${props.id}-title`}\n        onClick={handleSelection}\n      >\n        <span>{children}</span>\n        {context.currentlyShowing === `${props.id}` ? <HiChevronUp className=\"w-6 h-6\" /> : <HiChevronDown className=\"w-6 h-6\" />}\n      </button>\n    </h2>\n  )\n}\n\nexport function AccordionContent({ children, ...props }) {\n  const context = useContext(AccordionContext)\n  const panelList = context.getPanelList()\n  return (\n    <div className={props.id !== context.currentlyShowing ? 'hidden' : ''} aria-labelledby=\"accordion-collapse-heading-1\">\n      <div\n        className={`p-5 border ${\n          panelList[panelList.length - 1] === props.id && context.currentlyShowing === props.id ? 'rounded-b-xl border-b-1' : 'border-b-0'\n        } border-gray-200 dark:border-gray-700 dark:bg-gray-900`}\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n\nAccordion.Panel = AccordionPanel\nAccordion.Title = AccordionTitle\nAccordion.Content = AccordionContent\n\nAccordion.propTypes = {\n  /** Components to be rendered as Part of the Compound Component, each panel is a seperate accordion section*/\n  children: PropTypes.shape({ type: PropTypes.arrayOf([AccordionPanel]) }).isRequired,\n}\n\nAccordionPanel.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.oneOfType([\n    PropTypes.shape({ type: PropTypes.oneOf([AccordionTitle]) }),\n    PropTypes.shape({ type: PropTypes.oneOf([AccordionContent]) }),\n  ]).isRequired,\n}\n\nAccordionContent.propTypes = {\n  /** Components held within the Content section of the AccordionPanel*/\n  children: PropTypes.oneOfType([PropTypes.elementType]),\n}\n"]}

package/dist/chunk-S7V4MUJ2.mjs

@@ -0,0 +1,10 @@
+import { a as a$1 } from './chunk-QTAUYFKM.mjs';
+import { e as e$1 } from './chunk-RUPJ2ZHA.mjs';
+import { HiOutlineChevronRight } from 'react-icons/hi';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var e=e$1(a$1());function n({children:r}){return jsx("nav",{className:"flex","aria-label":"Breadcrumb",children:jsx("ol",{className:"inline-flex items-center space-x-1 md:space-x-3",children:r})})}function a({children:r}){return jsx("li",{className:"inline-flex items-center",children:r})}function l({children:r}){return jsxs("li",{className:"inline-flex items-center",children:[jsx(HiOutlineChevronRight,{class:"w-3 h-3 mr-2.5"}),r]})}n.Home=a;n.Item=l;n.propTypes={children:e.default.arrayOf([e.default.oneOfType([e.default.shape({type:e.default.oneOf([a])}),e.default.arrayOf(e.default.shape({type:l}))])]).isRequired};a.propTypes={children:e.default.arrayOf([e.default.node]).isRequired};l.propTypes={children:e.default.oneOfType([e.default.string,e.default.node]).isRequired};
+
+export { n as a, a as b, l as c };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-S7V4MUJ2.mjs.map

package/dist/chunk-S7V4MUJ2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/breadcrumb.tsx"],"names":["import_prop_types","HiOutlineChevronRight","jsx","jsxs","Breadcrumb","children","BreadcrumbHome","BreadcrumbItem","PropTypes"],"mappings":"kFAEA,IAAAA,EAAsB,OADtB,OAAS,yBAAAC,MAA6B,iBAMhC,cAAAC,EASF,QAAAC,MATE,oBAHC,SAASC,EAAW,CAAE,SAAAC,CAAS,EAAG,CACvC,OACEH,EAAC,OAAI,UAAU,OAAO,aAAW,aAC/B,SAAAA,EAAC,MAAG,UAAU,kDAAmD,SAAAG,EAAS,EAC5E,CAEJ,CACO,SAASC,EAAe,CAAE,SAAAD,CAAS,EAAG,CAC3C,OAAOH,EAAC,MAAG,UAAU,2BAA4B,SAAAG,EAAS,CAC5D,CACO,SAASE,EAAe,CAAE,SAAAF,CAAS,EAAG,CAC3C,OACEF,EAAC,MAAG,UAAU,2BACZ,UAAAD,EAACD,EAAA,CAAsB,MAAM,iBAAiB,EAC7CI,GACH,CAEJ,CAEAD,EAAW,KAAOE,EAClBF,EAAW,KAAOG,EAElBH,EAAW,UAAY,CAEnB,SAAU,EAAAI,QAAU,QAAQ,CAAC,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,MAAM,CAAE,KAAM,EAAAA,QAAU,MAAM,CAACF,CAAc,CAAC,CAAE,CAAC,EAC7G,EAAAE,QAAU,QAAQ,EAAAA,QAAU,MAAM,CAAE,KAAMD,CAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,UACrE,EAEAD,EAAe,UAAY,CAEvB,SAAW,EAAAE,QAAU,QAAQ,CAAC,EAAAA,QAAU,IAAI,CAAC,EAAE,UACnD,EAEAD,EAAe,UAAY,CAE3B,SAAW,EAAAC,QAAU,UAAU,CAC3B,EAAAA,QAAU,OACV,EAAAA,QAAU,IAAI,CAAC,EAAE,UACrB","sourcesContent":["//@ts-nocheck\nimport { HiOutlineChevronRight } from 'react-icons/hi'\nimport PropTypes from 'prop-types'\n\nexport function Breadcrumb({ children }) {\n  return (\n    <nav className=\"flex\" aria-label=\"Breadcrumb\">\n      <ol className=\"inline-flex items-center space-x-1 md:space-x-3\">{children}</ol>\n    </nav>\n  )\n}\nexport function BreadcrumbHome({ children }) {\n  return <li className=\"inline-flex items-center\">{children}</li>\n}\nexport function BreadcrumbItem({ children }) {\n  return (\n    <li className=\"inline-flex items-center\">\n      <HiOutlineChevronRight class=\"w-3 h-3 mr-2.5\" />\n      {children}\n    </li>\n  )\n}\n\nBreadcrumb.Home = BreadcrumbHome\nBreadcrumb.Item = BreadcrumbItem\n\nBreadcrumb.propTypes = {\n    /** Beadcrumb compunds elements that make up the breadcrumb*/\n    children: PropTypes.arrayOf([PropTypes.oneOfType([PropTypes.shape({ type: PropTypes.oneOf([BreadcrumbHome]) }),\n    PropTypes.arrayOf(PropTypes.shape({ type: BreadcrumbItem }))])]).isRequired\n}\n\nBreadcrumbHome.propTypes = {\n    /** Elements to show in the breadcrumb usually this will be an icon with just a string or element like a span */\n    children : PropTypes.arrayOf([PropTypes.node]).isRequired\n}\n\nBreadcrumbItem.propTypes = {\n    /** Elements to show in the breadcrumb usually this will be just a string or element like a span */\nchildren : PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node]).isRequired\n}"]}

package/dist/chunk-VASBTVLS.mjs

@@ -0,0 +1,10 @@
+import { a } from './chunk-QTAUYFKM.mjs';
+import { e, a as a$1 } from './chunk-RUPJ2ZHA.mjs';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var r=e(a());var b=forwardRef(function(e,l){return jsxs("div",{className:"flex items-center",children:[jsx("input",a$1({id:e.id,ref:l,type:"checkbox",className:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"},e)),e.label&&jsx("label",{id:`${e.id}-lbl`,htmlFor:e.id,className:"ms-2 text-sm font-medium text-gray-900 dark:text-gray-300",children:e.label})]})});b.propTypes={id:r.default.string.isRequired,label:r.default.string,checked:r.default.bool,disabled:r.default.bool,onChange:r.default.func};
+
+export { b as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-VASBTVLS.mjs.map

package/dist/chunk-VASBTVLS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox.tsx"],"names":["import_prop_types","forwardRef","jsx","jsxs","Checkbox","props","ref","__spreadValues","PropTypes"],"mappings":"oFAEA,IAAAA,EAAsB,OADtB,OAAS,cAAAC,MAAkB,QAKvB,OACE,OAAAC,EADF,QAAAC,MAAA,oBAFG,IAAMC,EAAWH,EAAW,SAAkBI,EAAOC,EAAK,CAC/D,OACEH,EAAC,OAAI,UAAU,oBACb,UAAAD,EAAC,QAAAK,EAAA,CACC,GAAIF,EAAM,GACV,IAAKC,EACL,KAAK,WACL,UAAU,uLACND,EACN,EACCA,EAAM,OACLH,EAAC,SAAM,GAAI,GAAGG,EAAM,SAAU,QAASA,EAAM,GAAI,UAAU,4DACxD,SAAAA,EAAM,MACT,GAEJ,CAEJ,CAAC,EAEDD,EAAS,UAAY,CACjB,GAAI,EAAAI,QAAU,OAAO,WACrB,MAAO,EAAAA,QAAU,OACjB,QAAS,EAAAA,QAAU,KACnB,SAAU,EAAAA,QAAU,KACpB,SAAU,EAAAA,QAAU,IACxB","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nexport const Checkbox = forwardRef(function Checkbox(props, ref) {\n  return (\n    <div className=\"flex items-center\">\n      <input\n        id={props.id}\n        ref={ref}\n        type=\"checkbox\"\n        className=\"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600\"\n        {...props}\n      />\n      {props.label && (\n        <label id={`${props.id}-lbl`} htmlFor={props.id} className=\"ms-2 text-sm font-medium text-gray-900 dark:text-gray-300\">\n          {props.label}\n        </label>\n      )}\n    </div>\n  )\n})\n\nCheckbox.propTypes = {\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string,\n    checked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func,\n}"]}

package/dist/dropdown.d.ts

@@ -0,0 +1,49 @@
+import PropTypes from 'prop-types';
+
+declare function Dropdown({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+declare namespace Dropdown {
+    var Divider: typeof DropdownDivider;
+    var Item: typeof DropdownItem;
+    var propTypes: {
+        /** Unique id for the dropdown */
+        id: PropTypes.Validator<string>;
+        /** Components to be rendered as Part of the Compound Component*/
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<typeof DropdownItem>;
+        }> | (PropTypes.InferProps<{
+            type: PropTypes.Requireable<typeof DropdownDivider>;
+        }> | null | undefined)[] | null | undefined>>>;
+        /** Shape of the button rectangle or round */
+        type: PropTypes.Requireable<string>;
+        /** Size of the button sm,md,lg used for rectangle and rsm, rmd, rlg used for a round button */
+        size: PropTypes.Requireable<string>;
+        /** Colour of the button based upon predefined values */
+        color: PropTypes.Requireable<string>;
+        /** Rectangle should have a text label eg:'Dropdown' and a round type should take an icon element eg:'...' */
+        label: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        /** Returns value of the selected item */
+        callback: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    var defaultProps: {
+        type: string;
+        size: string;
+        color: string;
+        label: string;
+    };
+}
+declare function DropdownDivider(): JSX.Element;
+declare function DropdownItem({ callback, children }: {
+    callback: any;
+    children: any;
+}): JSX.Element;
+declare namespace DropdownItem {
+    var propTypes: {
+        /** Returns value of the dropdown item selected*/
+        callback: PropTypes.Validator<(...args: any[]) => any>;
+    };
+}
+
+export { Dropdown, DropdownDivider, DropdownItem };

package/dist/dropdown.mjs

@@ -0,0 +1,5 @@
+export { a as Dropdown, b as DropdownDivider, c as DropdownItem } from './chunk-ER4YVWM3.mjs';
+import './chunk-QTAUYFKM.mjs';
+import './chunk-RUPJ2ZHA.mjs';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=dropdown.mjs.map

package/dist/dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}