@orbe-agro/client-core-prod 5.3.185

package/dist/@ecme/views/ui-components/forms/Select/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Basic.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Basic = () => {\n    return <Select placeholder=\"Please Select\" options={colourOptions} />\n}\n\nexport default Basic\n"],"names":["colourOptions","Basic","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD,GAEMC,IAAQ,MACF,gBAAAC,EAAAC,GAAA,EAAO,aAAY,iBAAgB,SAASH,GAAe;"}

package/dist/@ecme/views/ui-components/forms/Select/Creatable.js

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../../../components/ui/Select/index.js";
+import a from "react-select/creatable";
+import n from "../../../../components/ui/Select/Select.js";
+const r = [
+  { value: "ocean", label: "Ocean", color: "#00B8D9" },
+  { value: "blue", label: "Blue", color: "#0052CC" },
+  { value: "purple", label: "Purple", color: "#5243AA" },
+  { value: "red", label: "Red", color: "#FF5630" },
+  { value: "orange", label: "Orange", color: "#FF8B00" },
+  { value: "yellow", label: "Yellow", color: "#FFC400" },
+  { value: "green", label: "Green", color: "#36B37E" },
+  { value: "forest", label: "Forest", color: "#00875A" },
+  { value: "slate", label: "Slate", color: "#253858" },
+  { value: "silver", label: "Silver", color: "#666666" }
+], i = () => /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+  n,
+  {
+    isClearable: !0,
+    placeholder: "Type something...",
+    componentAs: a,
+    options: r,
+    onChange: (e, l) => {
+      console.group("Value Changed"), console.log(e), console.log(`action: ${l.action}`), console.groupEnd();
+    },
+    onInputChange: (e, l) => {
+      console.group("Input Changed"), console.log(e), console.log(`action: ${l.action}`), console.groupEnd();
+    }
+  }
+) });
+export {
+  i as default
+};
+//# sourceMappingURL=Creatable.js.map

package/dist/@ecme/views/ui-components/forms/Select/Creatable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Creatable.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Creatable.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\nimport CreatableSelect from 'react-select/creatable'\nimport type { InputActionMeta, ActionMeta } from 'react-select'\n\ntype Option = {\n    value: string\n    label: string\n    color: string\n}\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Creatable = () => {\n    const handleChange = (\n        newValue: Option | Option[] | null,\n        actionMeta: ActionMeta<Option>,\n    ) => {\n        console.group('Value Changed')\n        console.log(newValue)\n        console.log(`action: ${actionMeta.action}`)\n        console.groupEnd()\n    }\n\n    const handleInputChange = (\n        inputValue: string,\n        actionMeta: InputActionMeta,\n    ) => {\n        console.group('Input Changed')\n        console.log(inputValue)\n        console.log(`action: ${actionMeta.action}`)\n        console.groupEnd()\n    }\n\n    return (\n        <div>\n            <Select<Option>\n                isClearable\n                placeholder=\"Type something...\"\n                componentAs={CreatableSelect}\n                options={colourOptions}\n                onChange={handleChange}\n                onInputChange={handleInputChange}\n            />\n        </div>\n    )\n}\n\nexport default Creatable\n"],"names":["colourOptions","Creatable","jsx","Select","CreatableSelect","newValue","actionMeta","inputValue"],"mappings":";;;;AAUA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD,GAEMC,IAAY,wBAsBT,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAW;AAAA,IACX,aAAY;AAAA,IACZ,aAAaC;AAAA,IACb,SAASJ;AAAA,IACT,UA3BS,CACjBK,GACAC,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAID,CAAQ,GACpB,QAAQ,IAAI,WAAWC,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAS;AAAA,IACrB;AAAA,IAoBY,eAlBc,CACtBC,GACAD,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAIC,CAAU,GACtB,QAAQ,IAAI,WAAWD,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAS;AAAA,IACrB;AAAA,EAU2B;AAAA,GAEvB;"}

package/dist/@ecme/views/ui-components/forms/Select/Custom.js

@@ -0,0 +1,82 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import "../../../../components/ui/Select/index.js";
+import { Avatar as i } from "../../../../components/ui/Avatar/index.js";
+import { components as m } from "react-select";
+import c from "../../../../components/ui/Select/Option.js";
+import r from "../../../../components/ui/Select/Select.js";
+const { MultiValueLabel: u, Control: p } = m, n = [
+  { value: "us", label: "United State", imgPath: "/img/countries/US.png" },
+  { value: "cn", label: "China", imgPath: "/img/countries/CN.png" },
+  { value: "jp", label: "Japan", imgPath: "/img/countries/JP.png" },
+  { value: "fr", label: "French", imgPath: "/img/countries/FR.png" }
+], o = (a) => /* @__PURE__ */ t(
+  c,
+  {
+    ...a,
+    customLabel: (e, l) => /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t(i, { shape: "circle", size: 20, src: e.imgPath }),
+      /* @__PURE__ */ t("span", { className: "ml-2 rtl:mr-2", children: l })
+    ] })
+  }
+), h = ({ children: a, ...e }) => {
+  const l = e.getValue()[0];
+  return /* @__PURE__ */ s(p, { ...e, children: [
+    l && /* @__PURE__ */ t(
+      i,
+      {
+        className: "ltr:ml-4 rtl:mr-4",
+        shape: "circle",
+        size: 18,
+        src: l.imgPath
+      }
+    ),
+    a
+  ] });
+}, g = ({
+  children: a,
+  ...e
+}) => {
+  const { imgPath: l } = e.data;
+  return /* @__PURE__ */ t(u, { ...e, children: /* @__PURE__ */ s("div", { className: "inline-flex items-center", children: [
+    /* @__PURE__ */ t(
+      i,
+      {
+        className: "mr-2 rtl:ml-2",
+        shape: "circle",
+        size: 15,
+        src: l
+      }
+    ),
+    a
+  ] }) });
+}, v = () => /* @__PURE__ */ s("div", { children: [
+  /* @__PURE__ */ t(
+    r,
+    {
+      options: n,
+      components: {
+        Option: o,
+        Control: h
+      },
+      defaultValue: n[0],
+      className: "mb-4"
+    }
+  ),
+  /* @__PURE__ */ t(
+    r,
+    {
+      isMulti: !0,
+      options: n,
+      components: {
+        Option: o,
+        MultiValueLabel: g
+      },
+      defaultValue: [n[1], n[2]],
+      className: "mb-4"
+    }
+  )
+] });
+export {
+  v as default
+};
+//# sourceMappingURL=Custom.js.map

package/dist/@ecme/views/ui-components/forms/Select/Custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Custom.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Custom.tsx"],"sourcesContent":["import Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { components } from 'react-select'\nimport type {\n    ControlProps,\n    OptionProps,\n    MultiValueGenericProps,\n} from 'react-select'\n\ntype Option = {\n    value: string\n    label: string\n    imgPath: string\n}\n\nconst { MultiValueLabel, Control } = components\n\nconst countryOptions: Option[] = [\n    { value: 'us', label: 'United State', imgPath: '/img/countries/US.png' },\n    { value: 'cn', label: 'China', imgPath: '/img/countries/CN.png' },\n    { value: 'jp', label: 'Japan', imgPath: '/img/countries/JP.png' },\n    { value: 'fr', label: 'French', imgPath: '/img/countries/FR.png' },\n]\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar shape=\"circle\" size={20} src={data.imgPath} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={18}\n                    src={selected.imgPath}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst CustomControlMulti = ({\n    children,\n    ...props\n}: MultiValueGenericProps<Option, true>) => {\n    const { imgPath } = props.data\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={imgPath}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst Custom = () => {\n    return (\n        <div>\n            <Select<Option>\n                options={countryOptions}\n                components={{\n                    Option: CustomSelectOption,\n                    Control: CustomControl,\n                }}\n                defaultValue={countryOptions[0]}\n                className=\"mb-4\"\n            />\n            <Select<Option, true>\n                isMulti\n                options={countryOptions}\n                components={{\n                    Option: CustomSelectOption,\n                    MultiValueLabel: CustomControlMulti,\n                }}\n                defaultValue={[countryOptions[1], countryOptions[2]]}\n                className=\"mb-4\"\n            />\n        </div>\n    )\n}\n\nexport default Custom\n"],"names":["MultiValueLabel","Control","components","countryOptions","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","CustomControlMulti","imgPath","Custom","Select"],"mappings":";;;;;;AAeA,MAAM,EAAE,iBAAAA,GAAiB,SAAAC,EAAA,IAAYC,GAE/BC,IAA2B;AAAA,EAC7B,EAAE,OAAO,MAAM,OAAO,gBAAgB,SAAS,wBAAwB;AAAA,EACvE,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,wBAAwB;AAAA,EAChE,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,wBAAwB;AAAA,EAChE,EAAE,OAAO,MAAM,OAAO,UAAU,SAAS,wBAAwB;AACrE,GAEMC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MACf,gBAAAC,EAAA,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAJ,EAACK,KAAO,OAAM,UAAS,MAAM,IAAI,KAAKH,EAAK,SAAS;AAAA,MACnD,gBAAAF,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAMG,EAAA,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA;AAER,GAIFG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAkC;AACpE,QAAMS,IAAWT,EAAM,SAAS,EAAE,CAAC;AAE/B,SAAA,gBAAAK,EAACT,GAAS,EAAA,GAAGI,GACR,UAAA;AAAA,IACGS,KAAA,gBAAAR;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKG,EAAS;AAAA,MAAA;AAAA,IAClB;AAAA,IAEHD;AAAA,EAAA,GACL;AAER,GAEME,IAAqB,CAAC;AAAA,EACxB,UAAAF;AAAA,EACA,GAAGR;AACP,MAA4C;AAClC,QAAA,EAAE,SAAAW,MAAYX,EAAM;AAC1B,2BACKL,GAAiB,EAAA,GAAGK,GACjB,UAAC,gBAAAK,EAAA,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKK;AAAA,MAAA;AAAA,IACT;AAAA,IACCH;AAAA,EAAA,EAAA,CACL,EACJ,CAAA;AAER,GAEMI,IAAS,wBAEN,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,SAASf;AAAA,MACT,YAAY;AAAA,QACR,QAAQC;AAAA,QACR,SAASQ;AAAA,MACb;AAAA,MACA,cAAcT,EAAe,CAAC;AAAA,MAC9B,WAAU;AAAA,IAAA;AAAA,EACd;AAAA,EACA,gBAAAG;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,SAAO;AAAA,MACP,SAASf;AAAA,MACT,YAAY;AAAA,QACR,QAAQC;AAAA,QACR,iBAAiBW;AAAA,MACrB;AAAA,MACA,cAAc,CAACZ,EAAe,CAAC,GAAGA,EAAe,CAAC,CAAC;AAAA,MACnD,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Select/Disabled.js

@@ -0,0 +1,47 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import "../../../../components/ui/Select/index.js";
+import a from "../../../../components/ui/Select/Select.js";
+const e = [
+  { value: "ocean", label: "Ocean", color: "#00B8D9", isDisabled: !0 },
+  { value: "blue", label: "Blue", color: "#0052CC", isDisabled: !0 },
+  { value: "purple", label: "Purple", color: "#5243AA" },
+  { value: "red", label: "Red", color: "#FF5630", isDisabled: !0 },
+  { value: "orange", label: "Orange", color: "#FF8B00" },
+  { value: "yellow", label: "Yellow", color: "#FFC400" },
+  { value: "green", label: "Green", color: "#36B37E" },
+  { value: "forest", label: "Forest", color: "#00875A", isDisabled: !0 },
+  { value: "slate", label: "Slate", color: "#253858", isDisabled: !0 },
+  { value: "silver", label: "Silver", color: "#666666" }
+], t = () => /* @__PURE__ */ o("div", { children: [
+  /* @__PURE__ */ l(
+    a,
+    {
+      className: "mb-4",
+      placeholder: "Certain options disabled",
+      options: e
+    }
+  ),
+  /* @__PURE__ */ l(
+    a,
+    {
+      isDisabled: !0,
+      className: "mb-4",
+      placeholder: "Please Select",
+      defaultValue: e[2],
+      options: e
+    }
+  ),
+  /* @__PURE__ */ l(
+    a,
+    {
+      isDisabled: !0,
+      isMulti: !0,
+      defaultValue: [e[2], e[3]],
+      options: e
+    }
+  )
+] });
+export {
+  t as default
+};
+//# sourceMappingURL=Disabled.js.map

package/dist/@ecme/views/ui-components/forms/Select/Disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Disabled.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isDisabled: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isDisabled: true },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A', isDisabled: true },\n    { value: 'slate', label: 'Slate', color: '#253858', isDisabled: true },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Select\n                className=\"mb-4\"\n                placeholder=\"Certain options disabled\"\n                options={colourOptions}\n            />\n            <Select\n                isDisabled\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                defaultValue={colourOptions[2]}\n                options={colourOptions}\n            />\n            <Select\n                isDisabled\n                isMulti\n                defaultValue={[colourOptions[2], colourOptions[3]]}\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["colourOptions","Disabled","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,GAAK;AAAA,EACrE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAK;AAAA,EACnE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,YAAY,GAAK;AAAA,EACjE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,WAAW,YAAY,GAAK;AAAA,EACvE,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,GAAK;AAAA,EACrE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD,GAEMC,IAAW,wBAER,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EACb;AAAA,EACA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,cAAcH,EAAc,CAAC;AAAA,MAC7B,SAASA;AAAA,IAAA;AAAA,EACb;AAAA,EACA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,SAAO;AAAA,MACP,cAAc,CAACH,EAAc,CAAC,GAAGA,EAAc,CAAC,CAAC;AAAA,MACjD,SAASA;AAAA,IAAA;AAAA,EAAA;AACb,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Select/DisabledSearch.js

@@ -0,0 +1,26 @@
+import { jsx as l } from "react/jsx-runtime";
+import "../../../../components/ui/Select/index.js";
+import e from "../../../../components/ui/Select/Select.js";
+const o = [
+  { value: "ocean", label: "Ocean", color: "#00B8D9" },
+  { value: "blue", label: "Blue", color: "#0052CC" },
+  { value: "purple", label: "Purple", color: "#5243AA" },
+  { value: "red", label: "Red", color: "#FF5630" },
+  { value: "orange", label: "Orange", color: "#FF8B00" },
+  { value: "yellow", label: "Yellow", color: "#FFC400" },
+  { value: "green", label: "Green", color: "#36B37E" },
+  { value: "forest", label: "Forest", color: "#00875A" },
+  { value: "slate", label: "Slate", color: "#253858" },
+  { value: "silver", label: "Silver", color: "#666666" }
+], u = () => /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
+  e,
+  {
+    isSearchable: !1,
+    placeholder: "Please Select",
+    options: o
+  }
+) });
+export {
+  u as default
+};
+//# sourceMappingURL=DisabledSearch.js.map

package/dist/@ecme/views/ui-components/forms/Select/DisabledSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledSearch.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/DisabledSearch.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst DisabledSearch = () => {\n    return (\n        <div>\n            <Select\n                isSearchable={false}\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default DisabledSearch\n"],"names":["colourOptions","DisabledSearch","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD,GAEMC,IAAiB,wBAEd,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAc;AAAA,IACd,aAAY;AAAA,IACZ,SAASH;AAAA,EAAA;AAAA,GAEjB;"}

package/dist/@ecme/views/ui-components/forms/Select/Group.js

@@ -0,0 +1,44 @@
+import { jsx as l } from "react/jsx-runtime";
+import "../../../../components/ui/Select/index.js";
+import o from "../../../../components/ui/Select/Select.js";
+const e = [
+  {
+    label: "Colours",
+    options: [
+      { value: "ocean", label: "Ocean", color: "#00B8D9" },
+      { value: "blue", label: "Blue", color: "#0052CC" },
+      { value: "purple", label: "Purple", color: "#5243AA" },
+      { value: "red", label: "Red", color: "#FF5630" },
+      { value: "orange", label: "Orange", color: "#FF8B00" },
+      { value: "yellow", label: "Yellow", color: "#FFC400" },
+      { value: "green", label: "Green", color: "#36B37E" },
+      { value: "forest", label: "Forest", color: "#00875A" },
+      { value: "slate", label: "Slate", color: "#253858" },
+      { value: "silver", label: "Silver", color: "#666666" }
+    ]
+  },
+  {
+    label: "Flavours",
+    options: [
+      { value: "vanilla", label: "Vanilla", rating: "safe" },
+      { value: "chocolate", label: "Chocolate", rating: "good" },
+      { value: "strawberry", label: "Strawberry", rating: "wild" },
+      {
+        value: "salted-caramel",
+        label: "Salted Caramel",
+        rating: "crazy"
+      }
+    ]
+  }
+], r = (a) => /* @__PURE__ */ l("div", { className: "font-bold text-xs uppercase text-gray-800 dark:text-white my-2", children: a.label }), n = () => /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(
+  o,
+  {
+    defaultValue: e[0].options[1],
+    options: e,
+    formatGroupLabel: r
+  }
+) });
+export {
+  n as default
+};
+//# sourceMappingURL=Group.js.map

package/dist/@ecme/views/ui-components/forms/Select/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Group.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\ntype Option = {\n    label: string\n    options: {\n        value: string\n        label: string\n        color?: string\n        rating?: string\n    }[]\n}\n\nconst groupedOptions: Option[] = [\n    {\n        label: 'Colours',\n        options: [\n            { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n            { value: 'blue', label: 'Blue', color: '#0052CC' },\n            { value: 'purple', label: 'Purple', color: '#5243AA' },\n            { value: 'red', label: 'Red', color: '#FF5630' },\n            { value: 'orange', label: 'Orange', color: '#FF8B00' },\n            { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n            { value: 'green', label: 'Green', color: '#36B37E' },\n            { value: 'forest', label: 'Forest', color: '#00875A' },\n            { value: 'slate', label: 'Slate', color: '#253858' },\n            { value: 'silver', label: 'Silver', color: '#666666' },\n        ],\n    },\n    {\n        label: 'Flavours',\n        options: [\n            { value: 'vanilla', label: 'Vanilla', rating: 'safe' },\n            { value: 'chocolate', label: 'Chocolate', rating: 'good' },\n            { value: 'strawberry', label: 'Strawberry', rating: 'wild' },\n            {\n                value: 'salted-caramel',\n                label: 'Salted Caramel',\n                rating: 'crazy',\n            },\n        ],\n    },\n]\n\nconst formatGroupLabel = (data: Option) => (\n    <div className=\"font-bold text-xs uppercase text-gray-800 dark:text-white my-2\">\n        {data.label}\n    </div>\n)\n\nconst Group = () => {\n    return (\n        <div>\n            <Select\n                defaultValue={groupedOptions[0].options[1]}\n                options={groupedOptions}\n                formatGroupLabel={formatGroupLabel}\n            />\n        </div>\n    )\n}\n\nexport default Group\n"],"names":["groupedOptions","formatGroupLabel","data","jsx","Group","Select"],"mappings":";;;AAYA,MAAMA,IAA2B;AAAA,EAC7B;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,MACL,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,MACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,MACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,MACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,MAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,MACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,MACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,MACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,MACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,MACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,IAAA;AAAA,EAE7D;AAAA,EACA;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,MACL,EAAE,OAAO,WAAW,OAAO,WAAW,QAAQ,OAAO;AAAA,MACrD,EAAE,OAAO,aAAa,OAAO,aAAa,QAAQ,OAAO;AAAA,MACzD,EAAE,OAAO,cAAc,OAAO,cAAc,QAAQ,OAAO;AAAA,MAC3D;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,EACJ;AAER,GAEMC,IAAmB,CAACC,MACtB,gBAAAC,EAAC,SAAI,WAAU,kEACV,YAAK,OACV,GAGEC,IAAQ,wBAEL,OACG,EAAA,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,cAAcL,EAAe,CAAC,EAAE,QAAQ,CAAC;AAAA,IACzC,SAASA;AAAA,IACT,kBAAAC;AAAA,EAAA;AAAA,GAER;"}

package/dist/@ecme/views/ui-components/forms/Select/LoadOptionOnExpand.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as r } from "react";
+import "../../../../components/ui/Select/index.js";
+import n from "../../../../components/ui/Select/Select.js";
+const i = [
+  { value: "ocean", label: "Ocean", color: "#00B8D9", isFixed: !0 },
+  { value: "blue", label: "Blue", color: "#0052CC", isDisabled: !0 },
+  { value: "purple", label: "Purple", color: "#5243AA" },
+  { value: "red", label: "Red", color: "#FF5630", isFixed: !0 },
+  { value: "orange", label: "Orange", color: "#FF8B00" },
+  { value: "yellow", label: "Yellow", color: "#FFC400" },
+  { value: "green", label: "Green", color: "#36B37E" },
+  { value: "forest", label: "Forest", color: "#00875A" },
+  { value: "slate", label: "Slate", color: "#253858" },
+  { value: "silver", label: "Silver", color: "#666666" }
+], b = () => {
+  const [e, a] = r([]), [t, l] = r(!1), s = () => {
+    setTimeout(() => {
+      a(i), l(!1);
+    }, 1500);
+  };
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(n, { options: e, isLoading: t, onFocus: () => {
+    e.length === 0 && (l(!0), s());
+  } }) });
+};
+export {
+  b as default
+};
+//# sourceMappingURL=LoadOptionOnExpand.js.map

package/dist/@ecme/views/ui-components/forms/Select/LoadOptionOnExpand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadOptionOnExpand.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/LoadOptionOnExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\n\ntype Option = {\n    value: string\n    label: string\n    color: string\n    isFixed?: boolean\n    isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst LoadOptionOnExpand = () => {\n    const [options, setOptions] = useState<Option[]>([])\n    const [loading, setLoading] = useState(false)\n\n    const promiseOptions = () => {\n        setTimeout(() => {\n            setOptions(colourOptions)\n            setLoading(false)\n        }, 1500)\n    }\n\n    const onFocus = () => {\n        if (options.length === 0) {\n            setLoading(true)\n            promiseOptions()\n        }\n    }\n\n    return (\n        <div>\n            <Select options={options} isLoading={loading} onFocus={onFocus} />\n        </div>\n    )\n}\n\nexport default LoadOptionOnExpand\n"],"names":["colourOptions","LoadOptionOnExpand","options","setOptions","useState","loading","setLoading","promiseOptions","jsx","Select"],"mappings":";;;;AAWA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAK;AAAA,EAClE,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAK;AAAA,EACnE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAK;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD,GAEMC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAmB,CAAA,CAAE,GAC7C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAiB,MAAM;AACzB,eAAW,MAAM;AACb,MAAAJ,EAAWH,CAAa,GACxBM,EAAW,EAAK;AAAA,OACjB,IAAI;AAAA,EACX;AAUI,SAAA,gBAAAE,EAAC,SACG,UAAC,gBAAAA,EAAAC,GAAA,EAAO,SAAAP,GAAkB,WAAWG,GAAS,SATtC,MAAM;AACd,IAAAH,EAAQ,WAAW,MACnBI,EAAW,EAAI,GACAC,EAAA;AAAA,EAEvB,GAIwE,EACpE,CAAA;AAER;"}

package/dist/@ecme/views/ui-components/forms/Select/MultiSelection.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../../../../components/ui/Select/index.js";
+import o from "../../../../components/ui/Select/Select.js";
+const l = [
+  { value: "ocean", label: "Ocean", color: "#00B8D9" },
+  { value: "blue", label: "Blue", color: "#0052CC" },
+  { value: "purple", label: "Purple", color: "#5243AA" },
+  { value: "red", label: "Red", color: "#FF5630" },
+  { value: "orange", label: "Orange", color: "#FF8B00" },
+  { value: "yellow", label: "Yellow", color: "#FFC400" },
+  { value: "green", label: "Green", color: "#36B37E" },
+  { value: "forest", label: "Forest", color: "#00875A" },
+  { value: "slate", label: "Slate", color: "#253858" },
+  { value: "silver", label: "Silver", color: "#666666" }
+], t = () => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+  o,
+  {
+    isMulti: !0,
+    placeholder: "Please Select",
+    defaultValue: [l[2], l[3]],
+    options: l
+  }
+) });
+export {
+  t as default
+};
+//# sourceMappingURL=MultiSelection.js.map

package/dist/@ecme/views/ui-components/forms/Select/MultiSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelection.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/MultiSelection.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst MultiSelection = () => {\n    return (\n        <div>\n            <Select\n                isMulti\n                placeholder=\"Please Select\"\n                defaultValue={[colourOptions[2], colourOptions[3]]}\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default MultiSelection\n"],"names":["colourOptions","MultiSelection","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD,GAEMC,IAAiB,wBAEd,OACG,EAAA,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAO;AAAA,IACP,aAAY;AAAA,IACZ,cAAc,CAACH,EAAc,CAAC,GAAGA,EAAc,CAAC,CAAC;AAAA,IACjD,SAASA;AAAA,EAAA;AAAA,GAEjB;"}

package/dist/@ecme/views/ui-components/forms/Select/Size.js

@@ -0,0 +1,45 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import "../../../../components/ui/Select/index.js";
+import l from "../../../../components/ui/Select/Select.js";
+const o = [
+  { value: "ocean", label: "Ocean", color: "#00B8D9" },
+  { value: "blue", label: "Blue", color: "#0052CC" },
+  { value: "purple", label: "Purple", color: "#5243AA" },
+  { value: "red", label: "Red", color: "#FF5630" },
+  { value: "orange", label: "Orange", color: "#FF8B00" },
+  { value: "yellow", label: "Yellow", color: "#FFC400" },
+  { value: "green", label: "Green", color: "#36B37E" },
+  { value: "forest", label: "Forest", color: "#00875A" },
+  { value: "slate", label: "Slate", color: "#253858" },
+  { value: "silver", label: "Silver", color: "#666666" }
+], t = () => /* @__PURE__ */ a("div", { children: [
+  /* @__PURE__ */ e(
+    l,
+    {
+      size: "sm",
+      className: "mb-4",
+      placeholder: "Please Select",
+      options: o
+    }
+  ),
+  /* @__PURE__ */ e(
+    l,
+    {
+      className: "mb-4",
+      placeholder: "Please Select",
+      options: o
+    }
+  ),
+  /* @__PURE__ */ e(
+    l,
+    {
+      size: "lg",
+      placeholder: "Please Select",
+      options: o
+    }
+  )
+] });
+export {
+  t as default
+};
+//# sourceMappingURL=Size.js.map

package/dist/@ecme/views/ui-components/forms/Select/Size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Size.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n    { value: 'blue', label: 'Blue', color: '#0052CC' },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630' },\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n    { value: 'green', label: 'Green', color: '#36B37E' },\n    { value: 'forest', label: 'Forest', color: '#00875A' },\n    { value: 'slate', label: 'Slate', color: '#253858' },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Size = () => {\n    return (\n        <div>\n            <Select\n                size=\"sm\"\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n            <Select\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n            <Select\n                size=\"lg\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":["colourOptions","Size","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAU;AAAA,EACjD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAU;AAAA,EAC/C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AAAA,EACrD,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAU;AAAA,EACnD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU;AACzD,GAEMC,IAAO,wBAEJ,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EACZ;AAAA,EACD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EACZ;AAAA,EACD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AACZ,GACL;"}

package/dist/@ecme/views/ui-components/forms/Select/index.js

@@ -0,0 +1,153 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import c from "../../../../components/docs/DemoLayout.js";
+import a from "./Basic.js";
+import s from "./Size.js";
+import l from "./Disabled.js";
+import n from "./DisabledSearch.js";
+import r from "./MultiSelection.js";
+import i from "./Group.js";
+import m from "./Custom.js";
+import d from "./AsyncOnSearch.js";
+import p from "./LoadOptionOnExpand.js";
+import h from "./Creatable.js";
+const t = "Select", f = {
+  title: "Select",
+  desc: 'Select allows a user to pick single or multiple options from a list. This component is a wrapper of <a class="underline text-blue-500" href="https://react-select.com/home" target="_blank">react-select</a>.'
+}, u = [
+  {
+    mdName: "Basic",
+    mdPath: t,
+    title: "Basic",
+    desc: "Basic Usage.",
+    component: /* @__PURE__ */ e(a, {})
+  },
+  {
+    mdName: "Size",
+    mdPath: t,
+    title: "Size",
+    desc: "There's three sizes of option for Select.",
+    component: /* @__PURE__ */ e(s, {})
+  },
+  {
+    mdName: "MultiSelection",
+    mdPath: t,
+    title: "Multi Selection",
+    desc: "By setting <code>isMulti</code> to true, we can select multiple options from the list.",
+    component: /* @__PURE__ */ e(r, {})
+  },
+  {
+    mdName: "Disabled",
+    mdPath: t,
+    title: "Disabled",
+    desc: "Example of disabled.",
+    component: /* @__PURE__ */ e(l, {})
+  },
+  {
+    mdName: "DisabledSearch",
+    mdPath: t,
+    title: "Disabled Search",
+    desc: "Select is searchable by default, but we can also turn it off by setting <code>isSearchable</code> to false.",
+    component: /* @__PURE__ */ e(n, {})
+  },
+  {
+    mdName: "Group",
+    mdPath: t,
+    title: "Group",
+    desc: "Options can be grouped with nested data.",
+    component: /* @__PURE__ */ e(i, {})
+  },
+  {
+    mdName: "Custom",
+    mdPath: t,
+    title: "Custom",
+    desc: 'React-select allow us to make customization the building block of the component, refer <a class="underline text-blue-500" href="https://react-select.com/components" target="_blank">here</a> for more detail infomation',
+    component: /* @__PURE__ */ e(m, {})
+  },
+  {
+    mdName: "AsyncOnSearch",
+    mdPath: t,
+    title: "Async on Search",
+    desc: "Use the Async component to load options from a remote source as the user types.",
+    component: /* @__PURE__ */ e(d, {})
+  },
+  {
+    mdName: "LoadOptionOnExpand",
+    mdPath: t,
+    title: "Load Options on Expand",
+    desc: "We can also load options upon clicking the Select.",
+    component: /* @__PURE__ */ e(p, {})
+  },
+  {
+    mdName: "Creatable",
+    mdPath: t,
+    title: "Creatable",
+    desc: "Example of creating new option via Select input.",
+    component: /* @__PURE__ */ e(h, {})
+  }
+], b = [
+  {
+    component: "Select",
+    api: [
+      {
+        propName: "componentAs",
+        type: "<code>ReactNode</code>",
+        default: "<code>ReactSelect</code>",
+        desc: "Receive extensive component from react-select, such as <code>Async</code> & <code>Creatable</code>"
+      },
+      {
+        propName: "size",
+        type: "<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>",
+        default: "<code>'md'</code>",
+        desc: "Select size"
+      }
+    ]
+  }
+], S = /* @__PURE__ */ o("div", { className: "demo-api-table mb-12", children: [
+  /* @__PURE__ */ e("h4", { className: "mb-5", children: "Dependencies" }),
+  /* @__PURE__ */ e("h6", { id: "react-select-api", className: "mb-3", children: "React Select" }),
+  /* @__PURE__ */ o("p", { className: "mb-1", children: [
+    /* @__PURE__ */ e("code", { children: "Select" }),
+    " is a wrapper component of",
+    " ",
+    /* @__PURE__ */ e(
+      "a",
+      {
+        className: "underline text-blue-500",
+        href: "https://react-select.com/home",
+        target: "_blank",
+        rel: "noreferrer",
+        children: "react-select"
+      }
+    ),
+    "."
+  ] }),
+  /* @__PURE__ */ o("p", { children: [
+    "All react-select props can be applied on this component, refer",
+    " ",
+    /* @__PURE__ */ e(
+      "a",
+      {
+        className: "underline text-blue-500",
+        href: "https://react-select.com/props",
+        target: "_blank",
+        rel: "noreferrer",
+        children: "official docs"
+      }
+    ),
+    " ",
+    "for the complete api list.",
+    " "
+  ] })
+] }), E = () => /* @__PURE__ */ e(
+  c,
+  {
+    header: f,
+    demos: u,
+    api: b,
+    extra: S
+  }
+);
+export {
+  E as default
+};
+//# sourceMappingURL=index.js.map

package/dist/@ecme/views/ui-components/forms/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport Disabled from './Disabled'\nimport DisabledSearch from './DisabledSearch'\nimport MultiSelection from './MultiSelection'\nimport Group from './Group'\nimport Custom from './Custom'\nimport AsyncOnSearch from './AsyncOnSearch'\nimport LoadOptionOnExpand from './LoadOptionOnExpand'\nimport Creatable from './Creatable'\n\nconst mdPath = 'Select'\n\nconst demoHeader = {\n    title: 'Select',\n    desc: 'Select allows a user to pick single or multiple options from a list. This component is a wrapper of <a class=\"underline text-blue-500\" href=\"https://react-select.com/home\" target=\"_blank\">react-select</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic Usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `There's three sizes of option for Select.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultiSelection',\n        mdPath: mdPath,\n        title: 'Multi Selection',\n        desc: `By setting <code>isMulti</code> to true, we can select multiple options from the list.`,\n        component: <MultiSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Example of disabled.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'DisabledSearch',\n        mdPath: mdPath,\n        title: 'Disabled Search',\n        desc: `Select is searchable by default, but we can also turn it off by setting <code>isSearchable</code> to false.`,\n        component: <DisabledSearch />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Options can be grouped with nested data.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `React-select allow us to make customization the building block of the component, refer <a class=\"underline text-blue-500\" href=\"https://react-select.com/components\" target=\"_blank\">here</a> for more detail infomation`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'AsyncOnSearch',\n        mdPath: mdPath,\n        title: 'Async on Search',\n        desc: `Use the Async component to load options from a remote source as the user types.`,\n        component: <AsyncOnSearch />,\n    },\n    {\n        mdName: 'LoadOptionOnExpand',\n        mdPath: mdPath,\n        title: 'Load Options on Expand',\n        desc: `We can also load options upon clicking the Select.`,\n        component: <LoadOptionOnExpand />,\n    },\n    {\n        mdName: 'Creatable',\n        mdPath: mdPath,\n        title: 'Creatable',\n        desc: `Example of creating new option via Select input.`,\n        component: <Creatable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Select',\n        api: [\n            {\n                propName: 'componentAs',\n                type: `<code>ReactNode</code>`,\n                default: `<code>ReactSelect</code>`,\n                desc: 'Receive extensive component from react-select, such as <code>Async</code> & <code>Creatable</code>',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Select size',\n            },\n        ],\n    },\n]\n\nconst reactSelectApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-select-api\" className=\"mb-3\">\n            React Select\n        </h6>\n        <p className=\"mb-1\">\n            <code>Select</code> is a wrapper component of{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/home\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                react-select\n            </a>\n            .\n        </p>\n        <p>\n            All react-select props can be applied on this component, refer{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst Select = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactSelectApi}\n        />\n    )\n}\n\nexport default Select\n"],"names":["mdPath","demoHeader","demos","Basic","Size","MultiSelection","Disabled","DisabledSearch","Group","Custom","AsyncOnSearch","LoadOptionOnExpand","Creatable","demoApi","reactSelectApi","jsxs","jsx","Select","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/Switcher/Basic.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../../../components/ui/Switcher/index.js";
+import t from "../../../../components/ui/Switcher/Switcher.js";
+const g = () => /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(t, { defaultChecked: !0, onChange: (e, r) => {
+  console.log(e, r);
+} }) });
+export {
+  g as default
+};
+//# sourceMappingURL=Basic.js.map

package/dist/@ecme/views/ui-components/forms/Switcher/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Basic.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport type { ChangeEvent } from 'react'\n\nconst Basic = () => {\n    const onSwitcherToggle = (val: boolean, e: ChangeEvent) => {\n        console.log(val, e)\n    }\n\n    return (\n        <div>\n            <Switcher defaultChecked onChange={onSwitcherToggle} />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Switcher","val","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAMN,gBAAAC,EAAC,SACG,UAAC,gBAAAA,EAAAC,GAAA,EAAS,gBAAc,IAAC,UANR,CAACC,GAAcC,MAAmB;AAC/C,UAAA,IAAID,GAAKC,CAAC;AACtB,GAI6D,EACzD,CAAA;"}

package/dist/@ecme/views/ui-components/forms/Switcher/Colors.js

@@ -0,0 +1,11 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import "../../../../components/ui/Switcher/index.js";
+import r from "../../../../components/ui/Switcher/Switcher.js";
+const c = () => /* @__PURE__ */ s("div", { children: [
+  /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(r, { defaultChecked: !0, switcherClass: "bg-green-500" }) }),
+  /* @__PURE__ */ e("div", { className: "mb-4", children: /* @__PURE__ */ e(r, { defaultChecked: !0, switcherClass: "bg-red-500" }) })
+] });
+export {
+  c as default
+};
+//# sourceMappingURL=Colors.js.map

package/dist/@ecme/views/ui-components/forms/Switcher/Colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Colors.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Colors = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-green-500\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-red-500\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Colors\n"],"names":["Colors","jsx","Switcher"],"mappings":";;;AAEA,MAAMA,IAAS,wBAEN,OACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,gBAAc,IAAC,eAAc,eAAA,CAAe,EAC1D,CAAA;AAAA,EACA,gBAAAD,EAAC,OAAI,EAAA,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,gBAAc,IAAC,eAAc,aAAa,CAAA,EACxD,CAAA;AAAA,GACJ;"}