ekm-ui 0.3.41 → 0.3.45

package/dist/{chunk-QRNTMHBL.mjs → chunk-VQ3MZS4J.mjs}

@@ -3,8 +3,8 @@ import { Drawer } from 'flowbite';
 import { HiXMark } from 'react-icons/hi2';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function k({show:t,onClose:l,children:s,title:n}){let[e,d]=useState(),b=useCallback(o=>{if(o!==null){var f=o;let g={placement:"right",backdrop:!0,bodyScrolling:!1,edge:!1,edgeOffset:"",backdropClasses:"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30",onHide:l},i=new Drawer(f,g);return d(i),i}},[]);return useEffect(()=>{e&&(t?e.show():e.hide());},[t,e]),jsxs("div",{ref:b,id:"EKM-ui-drawer",className:"fixed right-0 top-0 z-40 h-screen w-[90%] translate-x-full overflow-y-auto bg-white transition-transform dark:bg-gray-800 sm:max-w-lg md:w-[500px]",tabIndex:-1,"aria-labelledby":"drawer-right-label",children:[jsxs("div",{className:"absolute w-full bg-white",children:[jsx("h5",{id:"drawer-js-label",className:"inline-flex w-full items-center border-b-2 p-4	 text-lg  font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white",children:n}),jsxs("button",{onClick:l,id:"drawer-hide-button",type:"button","aria-controls":"drawer-example",className:"absolute right-2.5 top-2.5 inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white",children:[jsx(HiXMark,{className:"h-auto w-6"}),jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsx("div",{className:"flex h-full flex-col p-4 pt-20",children:s})]})}
+function h({show:t,onClose:l,children:s,title:n}){let[e,d]=useState(),b=useCallback(o=>{if(o!==null){var f=o;let w={placement:"right",backdrop:!0,bodyScrolling:!1,edge:!1,edgeOffset:"",backdropClasses:"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30",onHide:l},i=new Drawer(f,w);return d(i),i}},[]);return useEffect(()=>{e&&(t?e.show():e.hide());},[t,e]),jsxs("div",{ref:b,id:"EKM-ui-drawer",className:"fixed right-0 top-0 z-40 h-screen w-[90%] translate-x-full overflow-y-auto bg-white transition-transform dark:bg-gray-800 sm:max-w-lg md:w-[500px]",tabIndex:-1,"aria-labelledby":"drawer-right-label",children:[jsxs("div",{className:"absolute w-full bg-white",children:[jsx("h5",{id:"drawer-js-label",className:"inline-flex w-full items-center border-b-2 p-4	 text-lg  font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white",children:n}),jsxs("button",{onClick:l,id:"drawer-hide-button",type:"button","aria-controls":"drawer-example",className:"absolute right-2.5 top-2.5 inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white",children:[jsx(HiXMark,{className:"h-auto w-6"}),jsx("span",{className:"sr-only",children:"Close menu"})]})]}),jsx("div",{className:"flex h-full flex-col p-4 pt-20",children:s})]})}h.displayName="Drawer";
 
-export { k as a };
+export { h as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-QRNTMHBL.mjs.map
+//# sourceMappingURL=chunk-VQ3MZS4J.mjs.map

package/dist/chunk-VQ3MZS4J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer.tsx"],"names":["useEffect","useCallback","useState","FBDrawer","HiXMark","jsx","jsxs","Drawer","show","onClose","children","title","drawer","setDrawer","drawerCallback","node","element","options"],"mappings":"AAEA,OAAS,aAAAA,EAAW,eAAAC,EAAa,YAAAC,MAAgB,QAEjD,OAAS,UAAUC,MAAgB,WACnC,OAAS,WAAAC,MAAe,kBAkDhB,cAAAC,EAMA,QAAAC,MANA,oBAzCD,SAASC,EAAO,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,MAAAC,CAAM,EAAU,CAChE,GAAM,CAACC,EAAQC,CAAS,EAAIX,EAA0B,EAChDY,EAAiBb,EAAac,GAAc,CAChD,GAAIA,IAAS,KAAM,CACjB,IAAIC,EAAUD,EACd,IAAME,EAAyB,CAC7B,UAAW,QACX,SAAU,GACV,cAAe,GACf,KAAM,GACN,WAAY,GACZ,gBACE,kEACF,OAAQR,CACV,EACMG,EAAS,IAAIT,EAASa,EAASC,CAAO,EAC5C,OAAAJ,EAAUD,CAAM,EACTA,EAEX,EAAG,CAAC,CAAC,EAEL,OAAAZ,EAAU,IAAM,CACTY,IAGDJ,EACFI,EAAO,KAAK,EAEZA,EAAO,KAAK,EAEhB,EAAG,CAACJ,EAAMI,CAAM,CAAC,EAGfN,EAAC,OACC,IAAKQ,EACL,GAAG,gBACH,UAAU,qJACV,SAAU,GACV,kBAAgB,qBAEhB,UAAAR,EAAC,OAAI,UAAU,2BACb,UAAAD,EAAC,MACC,GAAG,kBACH,UAAU,6IAET,SAAAM,EACH,EACAL,EAAC,UACC,QAASG,EACT,GAAG,qBACH,KAAK,SACL,gBAAc,iBACd,UAAU,+LAEV,UAAAJ,EAACD,EAAA,CAAQ,UAAU,aAAa,EAChCC,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,GACF,EACAA,EAAC,OAAI,UAAU,iCAAkC,SAAAK,EAAS,GAC5D,CAEJ,CAEAH,EAAO,YAAc","sourcesContent":["// THIS DRAWER IS FROM THE FLOWBITE LIBRARY PAGE\n\nimport { useEffect, useCallback, useState } from \"react\";\nimport type { DrawerInterface, DrawerOptions } from \"flowbite\";\nimport { Drawer as FBDrawer } from \"flowbite\";\nimport { HiXMark } from \"react-icons/hi2\";\n\ntype Props = {\n  show: boolean;\n  onClose: () => void;\n  children: JSX.Element;\n  title: string;\n};\n\nexport function Drawer({ show, onClose, children, title }: Props) {\n  const [drawer, setDrawer] = useState<DrawerInterface>();\n  const drawerCallback = useCallback((node: any) => {\n    if (node !== null) {\n      var element = node;\n      const options: DrawerOptions = {\n        placement: \"right\",\n        backdrop: true,\n        bodyScrolling: false,\n        edge: false,\n        edgeOffset: \"\",\n        backdropClasses:\n          \"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-30\",\n        onHide: onClose,\n      };\n      const drawer = new FBDrawer(element, options);\n      setDrawer(drawer);\n      return drawer;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!drawer) {\n      return;\n    }\n    if (show) {\n      drawer.show();\n    } else {\n      drawer.hide();\n    }\n  }, [show, drawer]);\n\n  return (\n    <div\n      ref={drawerCallback}\n      id=\"EKM-ui-drawer\"\n      className=\"fixed right-0 top-0 z-40 h-screen w-[90%] translate-x-full overflow-y-auto bg-white transition-transform dark:bg-gray-800 sm:max-w-lg md:w-[500px]\"\n      tabIndex={-1}\n      aria-labelledby=\"drawer-right-label\"\n    >\n      <div className=\"absolute w-full bg-white\">\n        <h5\n          id=\"drawer-js-label\"\n          className=\"inline-flex w-full items-center border-b-2 p-4\t text-lg  font-semibold text-gray-900 dark:border-gray-900 dark:bg-gray-900 dark:text-white\"\n        >\n          {title}\n        </h5>\n        <button\n          onClick={onClose}\n          id=\"drawer-hide-button\"\n          type=\"button\"\n          aria-controls=\"drawer-example\"\n          className=\"absolute right-2.5 top-2.5 inline-flex items-center rounded-lg bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white\"\n        >\n          <HiXMark className=\"h-auto w-6\" />\n          <span className=\"sr-only\">Close menu</span>\n        </button>\n      </div>\n      <div className=\"flex h-full flex-col p-4 pt-20\">{children}</div>\n    </div>\n  );\n}\n\nDrawer.displayName = \"Drawer\"\n"]}

package/dist/{chunk-AHKENQVI.mjs → chunk-W3DRXKTC.mjs}

@@ -1,8 +1,8 @@
-import { a } from './chunk-ZI635H5Y.mjs';
+import { a } from './chunk-3LINEESX.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function d({title:s,text:i,icon:m,badgeColor:l,badgeText:a$1}){return jsxs("div",{className:"flex flex-col items-center sm:flex-row",children:[jsx("img",{className:"mb-2 h-20 w-20 rounded-lg object-cover sm:mb-0",src:m,alt:s}),jsxs("div",{className:"mb-1 sm:ml-4",children:[jsxs("div",{className:"flex items-center",children:[jsx("p",{className:"text-sm font-semibold leading-6 text-gray-900 dark:text-white",children:s}),a$1&&jsx("div",{className:"ml-2",children:jsx(a,{color:l,children:a$1})})]}),jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:i})]})]})}
 
 export { d as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-AHKENQVI.mjs.map
+//# sourceMappingURL=chunk-W3DRXKTC.mjs.map

package/dist/{chunk-7X4WYXA2.mjs → chunk-WFRV27QA.mjs}

@@ -3,8 +3,8 @@ import { e as e$1, b, a as a$1 } from './chunk-23SJGKDR.mjs';
 import { forwardRef } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
-var e=e$1(a());var o=forwardRef(function(r,t){return jsxs(Fragment,{children:[r.label&&jsx("label",{htmlFor:`${r.id}-select`,className:"mb-2 block text-sm font-medium text-gray-900 dark:text-white",children:r.label}),jsx("select",b(a$1({id:`${r.id}-select`,ref:t,className:"block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"},r),{children:(r.options||[]).map(l=>jsx("option",{value:l.value,disabled:l.disabled,selected:l.selected,hidden:l.hidden,children:l.display},`${r.id}-${l.value}`))}))]})});o.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};
+var e=e$1(a());var t=forwardRef(function(r,s){return jsxs(Fragment,{children:[r.label&&jsx("label",{htmlFor:`${r.id}-select`,className:"mb-2 block text-sm font-medium text-gray-900 dark:text-white",children:r.label}),jsx("select",b(a$1({id:`${r.id}-select`,ref:s,className:"block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"},r),{children:(r.options||[]).map(l=>jsx("option",{value:l.value,disabled:l.disabled,selected:l.selected,hidden:l.hidden,children:l.display},`${r.id}-${l.value}`))}))]})});t.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};t.displayName="Select";
 
-export { o as a };
+export { t as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-7X4WYXA2.mjs.map
+//# sourceMappingURL=chunk-WFRV27QA.mjs.map

package/dist/chunk-WFRV27QA.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":"2FAEA,IAAAA,EAAsB,OADtB,OAAS,cAAAC,MAAkB,QAKvB,mBAAAC,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAFG,IAAMC,EAASJ,EAAW,SAAgBK,EAAOC,EAAK,CAC3D,OACEH,EAAAF,EAAA,CACG,UAAAI,EAAM,OACLH,EAAC,SACC,QAAS,GAAGG,EAAM,YAClB,UAAU,+DAET,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,UAEC,MAAOO,EAAE,MACT,SAAUA,EAAE,SACZ,SAAUA,EAAE,SACZ,OAAQA,EAAE,OAET,SAAAA,EAAE,SANE,GAAGJ,EAAM,MAAMI,EAAE,OAOxB,CAEH,GACH,GACF,CAEJ,CAAC,EAEDL,EAAO,UAAY,CAEjB,GAAI,EAAAM,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,aAAc,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,OAAQ,EAAAA,QAAU,MAAM,CAAC,EACnE,WAEH,QAAS,EAAAA,QAAU,QACjB,EAAAA,QAAU,MAAM,CACd,MAAO,EAAAA,QAAU,UAAU,CAAC,EAAAA,QAAU,OAAQ,EAAAA,QAAU,MAAM,CAAC,EAC5D,WACH,QAAS,EAAAA,QAAU,OAAO,UAC5B,CAAC,CACH,EAAE,WAEF,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAN,EAAO,YAAc","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\n\nexport const Select = forwardRef(function Select(props, ref) {\n  return (\n    <>\n      {props.label && (\n        <label\n          htmlFor={`${props.id}-select`}\n          className=\"mb-2 block text-sm font-medium text-gray-900 dark:text-white\"\n        >\n          {props.label}\n        </label>\n      )}\n      <select\n        id={`${props.id}-select`}\n        ref={ref}\n        className=\"block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500\"\n        {...props}\n      >\n        {(props.options || []).map((o) => {\n          return (\n            <option\n              key={`${props.id}-${o.value}`}\n              value={o.value}\n              disabled={o.disabled}\n              selected={o.selected}\n              hidden={o.hidden}\n            >\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])\n    .isRequired,\n  /** Array of objects with value and display properties */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n        .isRequired,\n      display: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n  /** Callback function when the dropdown value changes */\n  onChange: PropTypes.func.isRequired,\n};\n\nSelect.displayName = \"Select\";\n"]}

package/dist/{chunk-7Q4BF7BT.mjs → chunk-XUXHB434.mjs}

@@ -2,8 +2,8 @@ import { useRef, useEffect, useState } from 'react';
 import { SketchPicker } from 'react-color';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function P({defaultColour:u="#ff00ff",onChange:r,onComplete:l}){let t=useRef(null);useEffect(()=>{let e=o=>{t.current&&!t.current.contains(o.target)&&s(!1);};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0);}},[]);let[c,s]=useState(!1),[i,d]=useState(u),f=e=>{let o=e.hex;d(o),r!=null&&r(o);},h=e=>{l!=null&&l(e.hex);},m=()=>{s(!c);};return jsxs("div",{className:"relative",children:[jsx("button",{type:"button",className:" h-6 w-6 rounded-md border border-solid border-slate-300",style:{backgroundColor:`${i}`},onClick:m}),c&&jsx("div",{ref:t,children:jsx(SketchPicker,{className:"absolute right-0 z-10",disableAlpha:!0,color:i,onChange:f,onChangeComplete:h})})]})}
+function g({defaultColour:u="#ff00ff",onChange:r,onComplete:l}){let t=useRef(null);useEffect(()=>{let e=o=>{t.current&&!t.current.contains(o.target)&&s(!1);};return document.addEventListener("click",e,!0),()=>{document.removeEventListener("click",e,!0);}},[]);let[c,s]=useState(!1),[i,d]=useState(u),f=e=>{let o=e.hex;d(o),r!=null&&r(o);},h=e=>{l!=null&&l(e.hex);},m=()=>{s(!c);};return jsxs("div",{className:"relative",children:[jsx("button",{type:"button",className:" h-6 w-6 rounded-md border border-solid border-slate-300",style:{backgroundColor:`${i}`},onClick:m}),c&&jsx("div",{ref:t,children:jsx(SketchPicker,{className:"absolute right-0 z-10",disableAlpha:!0,color:i,onChange:f,onChangeComplete:h})})]})}g.displayName="ColorPicker";
 
-export { P as a };
+export { g as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-7Q4BF7BT.mjs.map
+//# sourceMappingURL=chunk-XUXHB434.mjs.map

package/dist/chunk-XUXHB434.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color-picker.tsx"],"names":["useState","useRef","useEffect","SketchPicker","jsx","jsxs","ColorPicker","defaultColour","onChange","onComplete","ref","handleClickOutside","e","setShowPicker","showPicker","colour","setColour","handleChange","color","hex","handleChangeComplete","toggleShowPicker"],"mappings":"AAAA,OAAS,YAAAA,EAAU,UAAAC,EAAQ,aAAAC,MAAiB,QAC5C,OAAS,gBAAAC,MAAoB,cA4CzB,OACE,OAAAC,EADF,QAAAC,MAAA,oBApCG,SAASC,EAAY,CAC1B,cAAAC,EAAgB,UAChB,SAAAC,EACA,WAAAC,CACF,EAAU,CACR,IAAMC,EAAMT,EAAY,IAAI,EAC5BC,EAAU,IAAM,CACd,IAAMS,EAAsBC,GAAkB,CACxCF,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASE,EAAE,MAAM,GAC/CC,EAAc,EAAK,CAEvB,EAEA,gBAAS,iBAAiB,QAASF,EAAoB,EAAI,EACpD,IAAM,CACX,SAAS,oBAAoB,QAASA,EAAoB,EAAI,CAChE,CACF,EAAG,CAAC,CAAC,EAEL,GAAM,CAACG,EAAYD,CAAa,EAAIb,EAAS,EAAK,EAC5C,CAACe,EAAQC,CAAS,EAAIhB,EAASO,CAAa,EAC5CU,EAAgBC,GAAe,CACnC,IAAMC,EAAMD,EAAM,IAClBF,EAAUG,CAAG,EACTX,GAAY,MAAMA,EAASW,CAAG,CACpC,EAEMC,EAAwBF,GAAe,CAEvCT,GAAc,MAAMA,EAAWS,EAAM,GAAG,CAC9C,EACMG,EAAmB,IAAM,CAC7BR,EAAc,CAACC,CAAU,CAC3B,EAEA,OACET,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,UACC,KAAK,SACL,UAAU,2DACV,MAAO,CACL,gBAAiB,GAAGW,GACtB,EACA,QAASM,EACV,EACAP,GACCV,EAAC,OAAI,IAAKM,EACR,SAAAN,EAACD,EAAA,CACC,UAAU,wBACV,aAAY,GACZ,MAAOY,EACP,SAAUE,EACV,iBAAkBG,EACpB,EACF,GAEJ,CAEJ,CAEAd,EAAY,YAAc","sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { SketchPicker } from \"react-color\";\n\ntype Props = {\n  defaultColour?: string;\n  onChange?: Function;\n  onComplete?: Function; // To reduce renders in the parent this cb is best, depending upon the context it is called\n};\n\nexport function ColorPicker({\n  defaultColour = \"#ff00ff\",\n  onChange,\n  onComplete,\n}: Props) {\n  const ref = useRef<any>(null);\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target)) {\n        setShowPicker(false);\n      }\n    };\n\n    document.addEventListener(\"click\", handleClickOutside, true);\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside, true);\n    };\n  }, []);\n\n  const [showPicker, setShowPicker] = useState(false);\n  const [colour, setColour] = useState(defaultColour);\n  const handleChange = (color: any) => {\n    const hex = color.hex;\n    setColour(hex);\n    if (onChange != null) onChange(hex);\n  };\n\n  const handleChangeComplete = (color: any) => {\n    // We don't set the colour here as it is done in onChange\n    if (onComplete != null) onComplete(color.hex);\n  };\n  const toggleShowPicker = () => {\n    setShowPicker(!showPicker);\n  };\n\n  return (\n    <div className=\"relative\">\n      <button\n        type=\"button\"\n        className=\" h-6 w-6 rounded-md border border-solid border-slate-300\"\n        style={{\n          backgroundColor: `${colour}`,\n        }}\n        onClick={toggleShowPicker}\n      ></button>\n      {showPicker && (\n        <div ref={ref}>\n          <SketchPicker\n            className=\"absolute right-0 z-10\"\n            disableAlpha\n            color={colour}\n            onChange={handleChange}\n            onChangeComplete={handleChangeComplete}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nColorPicker.displayName = \"ColorPicker\"\n\n\n"]}

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

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

package/dist/{chunk-ZFBRBOQI.mjs → chunk-ZJATBQ3X.mjs}

@@ -3,8 +3,8 @@ import { e as e$1 } from './chunk-23SJGKDR.mjs';
 import { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var e=e$1(a());function y({list:u,align:l="left",callback:c}){let[o,n]=useState(!0),d=useRef(0),i=useRef(null);useEffect(()=>{let t=p=>{i.current&&!i.current.contains(p.target)&&n(!0);};return document.addEventListener("click",t,!0),()=>{document.removeEventListener("click",t,!0);}},[]);let g=t=>{d.current+=1,n(!0),c(Object.assign(t,{count:d.current}));};return jsxs("div",{className:"relative",children:[jsxs("button",{id:"dropdownDefaultButton","data-dropdown-toggle":"dropdown",className:"bg-white border-2 border-slate-300 focus:ring-4 focus:outline-none focus:ring-slate-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center",type:"button",onClick:()=>n(!o),children:["Sort",jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none","aria-hidden":"true",className:"w-2.5 h-2.5 ml-2.5",viewBox:"0 0 10 6",children:jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m1 1 4 4 4-4"})})]}),jsx("div",{id:"dropdown",ref:i,className:`z-10 ${o?"hidden":""} absolute ${l==="left"?"left-0":"right-0"} 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:(u||[]).map(t=>jsx("li",{onClick:()=>g(t),children:jsx("a",{href:"javascript:undefined;",className:"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",children:t.display})},`ddi=${t.value}`))})})]})}y.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};
+var e=e$1(a());function l({list:u,align:c="left",callback:g}){let[o,i]=useState(!0),d=useRef(0),n=useRef(null);useEffect(()=>{let t=f=>{n.current&&!n.current.contains(f.target)&&i(!0);};return document.addEventListener("click",t,!0),()=>{document.removeEventListener("click",t,!0);}},[]);let p=t=>{d.current+=1,i(!0),g(Object.assign(t,{count:d.current}));};return jsxs("div",{className:"relative",children:[jsxs("button",{id:"dropdownDefaultButton","data-dropdown-toggle":"dropdown",className:"bg-white border-2 border-slate-300 focus:ring-4 focus:outline-none focus:ring-slate-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center",type:"button",onClick:()=>i(!o),children:["Sort",jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none","aria-hidden":"true",className:"w-2.5 h-2.5 ml-2.5",viewBox:"0 0 10 6",children:jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"m1 1 4 4 4-4"})})]}),jsx("div",{id:"dropdown",ref:n,className:`z-10 ${o?"hidden":""} absolute ${c==="left"?"left-0":"right-0"} 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:(u||[]).map(t=>jsx("li",{onClick:()=>p(t),children:jsx("a",{href:"javascript:undefined;",className:"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",children:t.display})},`ddi=${t.value}`))})})]})}l.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};l.displayName="Sort";
 
-export { y as a };
+export { l as a };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ZFBRBOQI.mjs.map
+//# sourceMappingURL=chunk-ZJATBQ3X.mjs.map

package/dist/chunk-ZJATBQ3X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sort/sort.tsx"],"names":["import_prop_types","useState","useRef","useEffect","jsx","jsxs","Sort","list","align","callback","hidden","setHidden","counter","ref","handleClickOutside","e","handleSelection","val","PropTypes"],"mappings":"kFAEA,IAAAA,EAAsB,OADtB,OAAS,YAAAC,EAAU,UAAAC,EAAQ,aAAAC,MAAiB,QA6BtC,OASI,OAAAC,EATJ,QAAAC,MAAA,oBA1BC,SAASC,EAAK,CAAE,KAAAC,EAAM,MAAAC,EAAQ,OAAQ,SAAAC,CAAS,EAAG,CACvD,GAAM,CAACC,EAAQC,CAAS,EAAIV,EAAS,EAAI,EACnCW,EAAUV,EAAO,CAAC,EAElBW,EAAMX,EAAO,IAAI,EACvBC,EAAU,IAAM,CACd,IAAMW,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,wBACH,uBAAqB,WACrB,UAAU,0KACV,KAAK,SACL,QAAS,IAAMM,EAAU,CAACD,CAAM,EACjC,iBAECN,EAAC,OAAI,MAAM,6BAA6B,KAAK,OAAO,cAAY,OAAO,UAAU,qBAAqB,QAAQ,WAC5G,SAAAA,EAAC,QAAK,OAAO,eAAe,cAAc,QAAQ,eAAe,QAAQ,YAAa,EAAG,EAAE,eAAe,EAC5G,GACF,EAEAA,EAAC,OACC,GAAG,WACH,IAAKS,EACL,UAAW,QAAQH,EAAS,SAAW,eAAeF,IAAU,OAAS,SAAW,sFAEpF,SAAAJ,EAAC,MAAG,UAAU,gDAAgD,kBAAgB,wBAC1E,UAAAG,GAAQ,CAAC,GAAG,IAAKU,GAEfb,EAAC,MAA4B,QAAS,IAAMY,EAAgBC,CAAG,EAC7D,SAAAb,EAAC,KAAE,KAAK,wBAAwB,UAAU,iFACvC,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,OAAO,OAAO,CAAC,EAEvC,SAAU,EAAAA,QAAU,KAAK,UAC3B,EAEAZ,EAAK,YAAc","sourcesContent":["//@ts-nocheck\nimport { useState, useRef, useEffect } from 'react'\nimport PropTypes from 'prop-types'\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=\"dropdownDefaultButton\"\n        data-dropdown-toggle=\"dropdown\"\n        className=\"bg-white border-2 border-slate-300 focus:ring-4 focus:outline-none focus:ring-slate-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center\"\n        type=\"button\"\n        onClick={() => setHidden(!hidden)}\n      >\n        Sort\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" aria-hidden=\"true\" className=\"w-2.5 h-2.5 ml-2.5\" viewBox=\"0 0 10 6\">\n          <path stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"m1 1 4 4 4-4\" />\n        </svg>\n      </button>\n\n      <div\n        id=\"dropdown\"\n        ref={ref}\n        className={`z-10 ${hidden ? 'hidden' : ''} absolute ${align === 'left' ? 'left-0' : 'right-0'} 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          {(list || []).map((val) => {\n            return (\n              <li key={`ddi=${val.value}`} onClick={() => handleSelection(val)}>\n                <a href=\"javascript:undefined;\" className=\"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white\">\n                  {val.display}\n                </a>\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\""]}

package/dist/color-picker.d.ts

@@ -4,5 +4,8 @@ type Props = {
     onComplete?: Function;
 };
 declare function ColorPicker({ defaultColour, onChange, onComplete, }: Props): JSX.Element;
+declare namespace ColorPicker {
+    var displayName: string;
+}
 
 export { ColorPicker };

package/dist/color-picker.mjs

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