@orbe-agro/client-core 3.4.8 → 3.4.11

package/dist/lib/@ecme/components/ui/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../../../lib/@ecme/components/ui/Radio/Radio.tsx"],"sourcesContent":["import { useState, useMemo, useContext, useCallback, useEffect } from 'react'\nimport classNames from '@/utils/classNames'\nimport RadioGroupContext from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { InputHTMLAttributes, Ref } from 'react'\n\nexport interface RadioProps\n    extends CommonProps,\n        Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\n    checked?: boolean\n    radioClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange?: (value: any, e: MouseEvent) => void\n    ref?: Ref<HTMLInputElement>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    value?: any\n    vertical?: boolean\n    readOnly?: boolean\n}\n\nconst Radio = (props: RadioProps) => {\n    const {\n        name: nameContext,\n        disabled: disabledContext,\n        value: groupValue,\n        onChange: onGroupChange,\n        radioClass: customColorContext,\n    } = useContext(RadioGroupContext)\n\n    const {\n        children,\n        className,\n        checked: checkedProp,\n        radioClass,\n        defaultChecked,\n        disabled = disabledContext,\n        labelRef,\n        name = nameContext,\n        onChange,\n        readOnly,\n        ref,\n        value,\n        ...rest\n    } = props\n\n    const getChecked = () => {\n        return typeof groupValue !== 'undefined'\n            ? groupValue === value\n            : checkedProp\n    }\n\n    const [radioChecked, setRadioChecked] = useState(getChecked())\n\n    const radioColor = customColorContext || 'text-primary'\n\n    const controlProps = useMemo(() => {\n        if (typeof groupValue !== 'undefined') {\n            return { checked: radioChecked }\n        }\n        return { checked: checkedProp, defaultChecked }\n    }, [radioChecked, checkedProp, defaultChecked, groupValue])\n\n    const onRadioChange = useCallback(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (e: any) => {\n            if (disabled || readOnly) {\n                return\n            }\n            onGroupChange?.(value, e)\n            onChange?.(value, e)\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            disabled,\n            setRadioChecked,\n            onChange,\n            value,\n            onGroupChange,\n            groupValue,\n            readOnly,\n        ],\n    )\n\n    useEffect(() => {\n        const propChecked = getChecked()\n        if (radioChecked !== propChecked) {\n            setRadioChecked(propChecked)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, checkedProp, groupValue])\n\n    const radioDefaultClass = `radio peer ${radioColor}`\n    const radioColorClass = disabled && 'disabled'\n    const labelDisabledClass = disabled && 'disabled'\n\n    const labelClass = classNames('radio-label', labelDisabledClass, className)\n\n    return (\n        <label ref={labelRef} className={labelClass}>\n            <span className=\"radio-wrapper relative\">\n                <input\n                    ref={ref}\n                    type=\"radio\"\n                    className={classNames(\n                        radioDefaultClass,\n                        radioColorClass,\n                        radioClass,\n                    )}\n                    disabled={disabled}\n                    value={value}\n                    name={name}\n                    readOnly={readOnly}\n                    onChange={onRadioChange}\n                    {...controlProps}\n                    {...rest}\n                />\n                <svg\n                    viewBox=\"0 0 16 16\"\n                    className=\"h-4 w-4 stroke-neutral fill-neutral opacity-0 peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[0.75px]\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <circle cx=\"8\" cy=\"8\" r=\"3\" />\n                </svg>\n            </span>\n            {children ? (\n                <span className={classNames(disabled ? 'opacity-50' : '')}>\n                    {children}\n                </span>\n            ) : null}\n        </label>\n    )\n}\n\nexport default Radio\n"],"names":["Radio","props","nameContext","disabledContext","groupValue","onGroupChange","customColorContext","useContext","RadioGroupContext","children","className","checkedProp","radioClass","defaultChecked","disabled","labelRef","name","onChange","readOnly","ref","value","rest","getChecked","radioChecked","setRadioChecked","useState","radioColor","controlProps","useMemo","onRadioChange","useCallback","e","useEffect","propChecked","radioDefaultClass","radioColorClass","labelClass","classNames","jsxs","jsx"],"mappings":";;;;AAwBM,MAAAA,IAAQ,CAACC,MAAsB;AAC3B,QAAA;AAAA,IACF,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,OAAOC;AAAA,IACP,UAAUC;AAAA,IACV,YAAYC;AAAA,EAAA,IACZC,EAAWC,CAAiB,GAE1B;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAASC;AAAA,IACT,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAWX;AAAA,IACX,UAAAY;AAAA,IACA,MAAAC,IAAOd;AAAA,IACP,UAAAe;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHpB,GAEEqB,IAAa,MACR,OAAOlB,IAAe,MACvBA,MAAegB,IACfT,GAGJ,CAACY,GAAcC,CAAe,IAAIC,EAASH,GAAY,GAEvDI,IAAapB,KAAsB,gBAEnCqB,IAAeC,EAAQ,MACrB,OAAOxB,IAAe,MACf,EAAE,SAASmB,EAAa,IAE5B,EAAE,SAASZ,GAAa,gBAAAE,EAAe,GAC/C,CAACU,GAAcZ,GAAaE,GAAgBT,CAAU,CAAC,GAEpDyB,IAAgBC;AAAA;AAAA,IAElB,CAACC,MAAW;AACR,MAAIjB,KAAYI,MAGhBb,KAAA,QAAAA,EAAgBe,GAAOW,IACvBd,KAAA,QAAAA,EAAWG,GAAOW;AAAA,IACtB;AAAA;AAAA,IAEA;AAAA,MACIjB;AAAA,MACAU;AAAA,MACAP;AAAA,MACAG;AAAA,MACAf;AAAA,MACAD;AAAA,MACAc;AAAA,IAAA;AAAA,EAER;AAEA,EAAAc,EAAU,MAAM;AACZ,UAAMC,IAAcX,EAAW;AAC/B,IAAIC,MAAiBU,KACjBT,EAAgBS,CAAW;AAAA,EAGhC,GAAA,CAACb,GAAOT,GAAaP,CAAU,CAAC;AAE7B,QAAA8B,IAAoB,cAAcR,CAAU,IAC5CS,IAAkBrB,KAAY,YAG9BsB,IAAaC,EAAW,eAFHvB,KAAY,YAE0BJ,CAAS;AAE1E,SACK,gBAAA4B,EAAA,SAAA,EAAM,KAAKvB,GAAU,WAAWqB,GAC7B,UAAA;AAAA,IAAC,gBAAAE,EAAA,QAAA,EAAK,WAAU,0BACZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAApB;AAAA,UACA,MAAK;AAAA,UACL,WAAWkB;AAAA,YACPH;AAAA,YACAC;AAAA,YACAvB;AAAA,UACJ;AAAA,UACA,UAAAE;AAAA,UACA,OAAAM;AAAA,UACA,MAAAJ;AAAA,UACA,UAAAE;AAAA,UACA,UAAUW;AAAA,UACT,GAAGF;AAAA,UACH,GAAGN;AAAA,QAAA;AAAA,MACR;AAAA,MACA,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,UAAO,EAAA,IAAG,KAAI,IAAG,KAAI,GAAE,IAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC,GACJ;AAAA,IACC9B,IACI,gBAAA8B,EAAA,QAAA,EAAK,WAAWF,EAAWvB,IAAW,eAAe,EAAE,GACnD,UAAAL,EACL,CAAA,IACA;AAAA,EAAA,GACR;AAER;"}

package/dist/lib/@ecme/components/ui/Radio/context.js

@@ -0,0 +1,7 @@
+import { createContext as o } from "react";
+const t = o({}), e = t.Provider;
+export {
+  e as RadioGroupContextProvider,
+  t as default
+};
+//# sourceMappingURL=context.js.map

package/dist/lib/@ecme/components/ui/Radio/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../lib/@ecme/components/ui/Radio/context.tsx"],"sourcesContent":["import { createContext } from 'react'\n\ntype RadioGroupContextProps = {\n    vertical?: boolean\n    name?: string\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    value?: any\n    radioClass?: string\n    disabled?: boolean\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange?: (nextValue: any, e: MouseEvent) => void\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextProps>({})\n\nexport const RadioGroupContextProvider = RadioGroupContext.Provider\n\nexport default RadioGroupContext\n"],"names":["RadioGroupContext","createContext","RadioGroupContextProvider"],"mappings":";AAaM,MAAAA,IAAoBC,EAAsC,CAAE,CAAA,GAErDC,IAA4BF,EAAkB;"}

package/dist/lib/@ecme/components/ui/Radio/index.js

@@ -0,0 +1,9 @@
+import o from "./Radio.js";
+import r from "./Group.js";
+const p = o;
+p.Group = r;
+export {
+  p as Radio,
+  p as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/components/ui/Radio/index.tsx"],"sourcesContent":["import _Radio, { RadioProps } from './Radio'\nimport Group from './Group'\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react'\n\nexport type { RadioProps } from './Radio'\nexport type { RadioGroupProps } from './Group'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    RadioProps & RefAttributes<HTMLHtmlElement>\n> & {\n    Group: typeof Group\n}\n\nconst Radio = _Radio as CompoundedComponent\n\nRadio.Group = Group\n\nexport { Radio }\n\nexport default Radio\n"],"names":["Radio","_Radio","Group"],"mappings":";;AAaA,MAAMA,IAAQC;AAEdD,EAAM,QAAQE;"}

package/dist/lib/@ecme/components/ui/RangeCalendar/index.js

@@ -0,0 +1,6 @@
+import e from "../DatePicker/RangeCalendar.js";
+export {
+  e as RangeCalendar,
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/RangeCalendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/@ecme/components/ui/ScrollBar/ScrollBar.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import a from "simplebar-react";
+const l = ({ ref: r, ...o }) => /* @__PURE__ */ t(a, { ref: r, ...o });
+export {
+  l as default
+};
+//# sourceMappingURL=ScrollBar.js.map

package/dist/lib/@ecme/components/ui/ScrollBar/ScrollBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollBar.js","sources":["../../../../../../lib/@ecme/components/ui/ScrollBar/ScrollBar.tsx"],"sourcesContent":["import SimpleBarReact from 'simplebar-react'\nimport type { Props } from 'simplebar-react'\nimport type SimpleBarCore from 'simplebar-core'\nimport type { Ref, ReactNode, CSSProperties } from 'react'\n \nimport type { TypeAttributes } from '../@types/common'\n \nexport interface ScrollBarProps extends Omit<Props, 'ref'> {\n    direction?: TypeAttributes.Direction\n    ref?: Ref<SimpleBarCore>\n    children?: ReactNode\n    className?: string\n    style?: CSSProperties\n    autoHide?: boolean\n    scrollableNodeProps?: {\n        ref?: Ref<HTMLElement>\n    }\n}\n \nexport type ScrollBarRef = SimpleBarCore\n \nconst ScrollBar = ({ ref, ...props }: ScrollBarProps) => {\n    return <SimpleBarReact ref={ref} {...props} />\n}\n \nexport default ScrollBar"],"names":["ScrollBar","ref","props","jsx","SimpleBarReact"],"mappings":";;AAqBA,MAAMA,IAAY,CAAC,EAAE,KAAAC,GAAK,GAAGC,QACjB,gBAAAC,EAAAC,GAAA,EAAe,KAAAH,GAAW,GAAGC,EAAO,CAAA;"}

package/dist/lib/@ecme/components/ui/ScrollBar/index.js

@@ -0,0 +1,6 @@
+import o from "./ScrollBar.js";
+export {
+  o as ScrollBar,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/ScrollBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/@ecme/components/ui/Segment/Segment.js

@@ -0,0 +1,63 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import x from "../utils/classNames.js";
+import { SegmentContextProvider as A } from "./context.js";
+import C from "../hooks/useControllableState.js";
+const k = (n) => {
+  const {
+    children: l,
+    className: s,
+    defaultValue: i,
+    onChange: u = () => {
+    },
+    ref: m,
+    selectionType: r = "single",
+    size: f,
+    value: p,
+    ...c
+  } = n, [e, t] = C({
+    prop: p,
+    defaultProp: i,
+    onChange: u
+  }), g = (o) => {
+    t(o);
+  }, v = (o) => {
+    r === "single" && t(""), r === "multiple" && t((y = []) => y.filter(
+      (b) => b !== o
+    ));
+  }, d = h(() => {
+    if (r === "single")
+      return e && typeof e == "string" ? [e] : e && Array.isArray(e) ? e : [];
+    if (r === "multiple")
+      return e || [];
+  }, [r, e]);
+  return /* @__PURE__ */ a(
+    A,
+    {
+      value: {
+        value: d,
+        onActive: g,
+        onDeactivate: v,
+        selectionType: r,
+        size: f
+      },
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          ref: m,
+          className: x(
+            "segment",
+            "gap-2 bg-gray-100 dark:bg-gray-700",
+            s
+          ),
+          ...c,
+          children: l
+        }
+      )
+    }
+  );
+};
+export {
+  k as default
+};
+//# sourceMappingURL=Segment.js.map

package/dist/lib/@ecme/components/ui/Segment/Segment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segment.js","sources":["../../../../../../lib/@ecme/components/ui/Segment/Segment.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport classNames from '../utils/classNames'\nimport { SegmentContextProvider } from './context'\nimport useControllableState from '../hooks/useControllableState'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { SegmentValue } from './context'\nimport type { Ref } from 'react'\n\nexport interface SegmentProps extends CommonProps {\n    defaultValue?: SegmentValue\n    onChange?: (segmentValue: SegmentValue) => void\n    ref?: Ref<HTMLDivElement>\n    selectionType?: 'single' | 'multiple'\n    size?: TypeAttributes.Size\n    value?: SegmentValue\n}\n\nconst Segment = (props: SegmentProps) => {\n    const {\n        children,\n        className,\n        defaultValue,\n        onChange = () => {\n            // empty callback\n        },\n        ref,\n        selectionType = 'single',\n        size,\n        value: valueProp,\n        ...rest\n    } = props\n\n    const [value, setValue] = useControllableState({\n        prop: valueProp,\n        defaultProp: defaultValue,\n        onChange: onChange,\n    })\n\n    const onActive = (itemValue: SegmentValue) => {\n        setValue(itemValue)\n    }\n\n    const onDeactivate = (itemValue: SegmentValue) => {\n        if (selectionType === 'single') {\n            setValue('')\n        }\n\n        if (selectionType === 'multiple') {\n            setValue((prevValue = []) => {\n                return (prevValue as string[]).filter(\n                    (value) => value !== itemValue,\n                )\n            })\n        }\n    }\n\n    const segmentValue = useMemo(() => {\n        if (selectionType === 'single') {\n            if (value && typeof value === 'string') {\n                return [value]\n            }\n\n            if (value && Array.isArray(value)) {\n                return value\n            }\n\n            return []\n        }\n\n        if (selectionType === 'multiple') {\n            return value ? value : []\n        }\n    }, [selectionType, value])\n\n    return (\n        <SegmentContextProvider\n            value={{\n                value: segmentValue,\n                onActive: onActive,\n                onDeactivate: onDeactivate,\n                selectionType,\n                size,\n            }}\n        >\n            <div\n                ref={ref}\n                className={classNames(\n                    'segment',\n                    'gap-2 bg-gray-100 dark:bg-gray-700',\n                    className,\n                )}\n                {...rest}\n            >\n                {children}\n            </div>\n        </SegmentContextProvider>\n    )\n}\n\nexport default Segment\n"],"names":["Segment","props","children","className","defaultValue","onChange","ref","selectionType","size","valueProp","rest","value","setValue","useControllableState","onActive","itemValue","onDeactivate","prevValue","segmentValue","useMemo","jsx","SegmentContextProvider","classNames"],"mappings":";;;;;AAiBM,MAAAA,IAAU,CAACC,MAAwB;AAC/B,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW,MAAM;AAAA,IAEjB;AAAA,IACA,KAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,MAAAC;AAAA,IACA,OAAOC;AAAA,IACP,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAAqB;AAAA,IAC3C,MAAMJ;AAAA,IACN,aAAaL;AAAA,IACb,UAAAC;AAAA,EAAA,CACH,GAEKS,IAAW,CAACC,MAA4B;AAC1C,IAAAH,EAASG,CAAS;AAAA,EACtB,GAEMC,IAAe,CAACD,MAA4B;AAC9C,IAAIR,MAAkB,YAClBK,EAAS,EAAE,GAGXL,MAAkB,cACTK,EAAA,CAACK,IAAY,OACVA,EAAuB;AAAA,MAC3B,CAACN,MAAUA,MAAUI;AAAA,IACzB,CACH;AAAA,EAET,GAEMG,IAAeC,EAAQ,MAAM;AAC/B,QAAIZ,MAAkB;AACd,aAAAI,KAAS,OAAOA,KAAU,WACnB,CAACA,CAAK,IAGbA,KAAS,MAAM,QAAQA,CAAK,IACrBA,IAGJ,CAAC;AAGZ,QAAIJ,MAAkB;AACX,aAAAI,KAAgB,CAAC;AAAA,EAC5B,GACD,CAACJ,GAAeI,CAAK,CAAC;AAGrB,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,OAAOH;AAAA,QACP,UAAAJ;AAAA,QACA,cAAAE;AAAA,QACA,eAAAT;AAAA,QACA,MAAAC;AAAA,MACJ;AAAA,MAEA,UAAA,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAAd;AAAA,UACA,WAAWgB;AAAA,YACP;AAAA,YACA;AAAA,YACAnB;AAAA,UACJ;AAAA,UACC,GAAGO;AAAA,UAEH,UAAAR;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/components/ui/Segment/SegmentItem.js

@@ -0,0 +1,80 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useCallback as z } from "react";
+import a from "../utils/classNames.js";
+import { useSegment as C } from "./context.js";
+import { SEGMENT_SIZES as i, SIZES as p } from "../utils/constants.js";
+const E = (s) => Array.isArray(s) ? s[0] : s, M = (s) => {
+  const {
+    children: l,
+    className: b,
+    disabled: n = !1,
+    ref: d,
+    value: m,
+    size: g,
+    ...u
+  } = s, {
+    value: f,
+    onActive: t,
+    onDeactivate: r,
+    selectionType: o,
+    size: y
+  } = C(), c = f.includes(m), x = g || y, k = z(() => {
+    let e = "";
+    switch (x) {
+      case p.LG:
+        e = a(
+          i.lg.h,
+          "md:px-8 py-2 px-4 text-base"
+        );
+        break;
+      case p.SM:
+        e = a(i.sm.h, "px-3 py-2 text-sm");
+        break;
+      case p.XS:
+        e = a(i.xs.h, "px-3 py-1 text-xs");
+        break;
+      default:
+        e = a(i.md.h, "px-5 py-2");
+        break;
+    }
+    return e;
+  }, [x]), S = () => {
+    if (!n) {
+      if (c)
+        o === "multiple" && (r == null || r(m));
+      else if (o === "single" && (t == null || t(m)), o === "multiple") {
+        const e = [
+          ...f,
+          m
+        ];
+        t == null || t(e);
+      }
+    }
+  };
+  return typeof l == "function" ? E(l)({
+    active: c,
+    onSegmentItemClick: S,
+    disabled: n,
+    value: m,
+    ...u
+  }) : /* @__PURE__ */ h(
+    "button",
+    {
+      ref: d,
+      className: a(
+        "segment-item",
+        k(),
+        c && "segment-item-active",
+        n && "segment-item-disabled",
+        b
+      ),
+      onClick: S,
+      ...u,
+      children: l
+    }
+  );
+};
+export {
+  M as default
+};
+//# sourceMappingURL=SegmentItem.js.map

package/dist/lib/@ecme/components/ui/Segment/SegmentItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentItem.js","sources":["../../../../../../lib/@ecme/components/ui/Segment/SegmentItem.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport classNames from '../utils/classNames'\nimport { useSegment } from './context'\nimport { SEGMENT_SIZES, SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { SegmentValue } from './context'\nimport type { ReactNode, ComponentPropsWithRef } from 'react'\n\ntype ChildrenParams = {\n    active: boolean\n    disabled: boolean\n    value: string\n    onSegmentItemClick: () => void\n}\n\nexport interface SegmentItemProps\n    extends Omit<CommonProps, 'children'>,\n        Omit<ComponentPropsWithRef<'button'>, 'children'> {\n    children: ((params: ChildrenParams) => ReactNode) | ReactNode\n    disabled?: boolean\n    size?: TypeAttributes.Size\n    value?: string\n}\n\nconst unwrapArray = (arg: (params: ChildrenParams) => ReactNode) =>\n    Array.isArray(arg) ? arg[0] : arg\n\nconst SegmentItem = (props: SegmentItemProps) => {\n    const {\n        children,\n        className,\n        disabled = false,\n        ref,\n        value: valueProp,\n        size,\n        ...rest\n    } = props\n\n    const {\n        value: valueContext,\n        onActive,\n        onDeactivate,\n        selectionType,\n        size: segmentSize,\n    } = useSegment()\n\n    const active = (valueContext as string[]).includes(valueProp as string)\n\n    const buttonSize = size || segmentSize\n\n    const getSegmentSize = useCallback(() => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    SEGMENT_SIZES.lg.h,\n                    'md:px-8 py-2 px-4 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(SEGMENT_SIZES.sm.h, 'px-3 py-2 text-sm')\n                break\n            case SIZES.XS:\n                sizeClass = classNames(SEGMENT_SIZES.xs.h, 'px-3 py-1 text-xs')\n                break\n            default:\n                sizeClass = classNames(SEGMENT_SIZES.md.h, 'px-5 py-2')\n                break\n        }\n        return sizeClass\n    }, [buttonSize])\n\n    const onSegmentItemClick = () => {\n        if (!disabled) {\n            if (!active) {\n                if (selectionType === 'single') {\n                    onActive?.(valueProp as string)\n                }\n                if (selectionType === 'multiple') {\n                    const nextValue = [\n                        ...(valueContext as string[]),\n                        ...[valueProp],\n                    ] as string[]\n                    onActive?.(nextValue)\n                }\n            } else if (selectionType === 'multiple') {\n                onDeactivate?.(valueProp as SegmentValue)\n            }\n        }\n    }\n\n    return typeof children === 'function' ? (\n        unwrapArray(children)({\n            active,\n            onSegmentItemClick,\n            disabled,\n            value: valueProp,\n            ...rest,\n        })\n    ) : (\n        <button\n            ref={ref}\n            className={classNames(\n                'segment-item',\n                getSegmentSize(),\n                active && 'segment-item-active',\n                disabled && 'segment-item-disabled',\n                className,\n            )}\n            onClick={onSegmentItemClick}\n            {...rest}\n        >\n            {children}\n        </button>\n    )\n}\n\nexport default SegmentItem\n"],"names":["unwrapArray","arg","SegmentItem","props","children","className","disabled","ref","valueProp","size","rest","valueContext","onActive","onDeactivate","selectionType","segmentSize","useSegment","active","buttonSize","getSegmentSize","useCallback","sizeClass","SIZES","classNames","SEGMENT_SIZES","onSegmentItemClick","nextValue","jsx"],"mappings":";;;;;AAwBA,MAAMA,IAAc,CAACC,MACjB,MAAM,QAAQA,CAAG,IAAIA,EAAI,CAAC,IAAIA,GAE5BC,IAAc,CAACC,MAA4B;AACvC,QAAA;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP,GAEE;AAAA,IACF,OAAOQ;AAAA,IACP,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAMC;AAAA,MACNC,EAAW,GAETC,IAAUN,EAA0B,SAASH,CAAmB,GAEhEU,IAAaT,KAAQM,GAErBI,IAAiBC,EAAY,MAAM;AACrC,QAAIC,IAAY;AAChB,YAAQH,GAAY;AAAA,MAChB,KAAKI,EAAM;AACK,QAAAD,IAAAE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjB;AAAA,QACJ;AACA;AAAA,MACJ,KAAKF,EAAM;AACP,QAAAD,IAAYE,EAAWC,EAAc,GAAG,GAAG,mBAAmB;AAC9D;AAAA,MACJ,KAAKF,EAAM;AACP,QAAAD,IAAYE,EAAWC,EAAc,GAAG,GAAG,mBAAmB;AAC9D;AAAA,MACJ;AACI,QAAAH,IAAYE,EAAWC,EAAc,GAAG,GAAG,WAAW;AACtD;AAAA,IAAA;AAED,WAAAH;AAAA,EAAA,GACR,CAACH,CAAU,CAAC,GAETO,IAAqB,MAAM;AAC7B,QAAI,CAACnB;AACD,UAAKW;AAWL,QAAWH,MAAkB,eACzBD,KAAA,QAAAA,EAAeL;AAAA,eAXXM,MAAkB,aAClBF,KAAA,QAAAA,EAAWJ,KAEXM,MAAkB,YAAY;AAC9B,cAAMY,IAAY;AAAA,UACd,GAAIf;AAAA,UACAH;AAAA,QACR;AACA,QAAAI,KAAA,QAAAA,EAAWc;AAAA,MAAS;AAAA;AAAA,EAMpC;AAEA,SAAO,OAAOtB,KAAa,aACvBJ,EAAYI,CAAQ,EAAE;AAAA,IAClB,QAAAa;AAAA,IACA,oBAAAQ;AAAA,IACA,UAAAnB;AAAA,IACA,OAAOE;AAAA,IACP,GAAGE;AAAA,EACN,CAAA,IAED,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAApB;AAAA,MACA,WAAWgB;AAAA,QACP;AAAA,QACAJ,EAAe;AAAA,QACfF,KAAU;AAAA,QACVX,KAAY;AAAA,QACZD;AAAA,MACJ;AAAA,MACA,SAASoB;AAAA,MACR,GAAGf;AAAA,MAEH,UAAAN;AAAA,IAAA;AAAA,EACL;AAER;"}

package/dist/lib/@ecme/components/ui/Segment/context.js

@@ -0,0 +1,12 @@
+import { createContext as t, useContext as n } from "react";
+const e = t({}), r = e.Provider, m = e.Consumer;
+function s() {
+  return n(e);
+}
+export {
+  m as SegmentContextConsumer,
+  r as SegmentContextProvider,
+  e as default,
+  s as useSegment
+};
+//# sourceMappingURL=context.js.map

package/dist/lib/@ecme/components/ui/Segment/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../lib/@ecme/components/ui/Segment/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TypeAttributes } from '../@types/common'\n\nexport type SegmentValue = string[] | string\n\nexport type SegmentSelectionType = 'single' | 'multiple'\n\nexport type SegmentContextProps = {\n    value?: SegmentValue\n    onActive?: (itemValue: SegmentValue) => void\n    onDeactivate?: (itemValue: SegmentValue) => void\n    selectionType?: SegmentSelectionType\n    size?: TypeAttributes.Size | TypeAttributes.ControlSize\n}\n\nconst SegmentContext = createContext<SegmentContextProps>({})\n\nexport const SegmentContextProvider = SegmentContext.Provider\n\nexport const SegmentContextConsumer = SegmentContext.Consumer\n\nexport function useSegment() {\n    return useContext(SegmentContext)\n}\n\nexport default SegmentContext\n"],"names":["SegmentContext","createContext","SegmentContextProvider","SegmentContextConsumer","useSegment","useContext"],"mappings":";AAeM,MAAAA,IAAiBC,EAAmC,CAAE,CAAA,GAE/CC,IAAyBF,EAAe,UAExCG,IAAyBH,EAAe;AAE9C,SAASI,IAAa;AACzB,SAAOC,EAAWL,CAAc;AACpC;"}

package/dist/lib/@ecme/components/ui/Segment/index.js

@@ -0,0 +1,9 @@
+import e from "./Segment.js";
+import t from "./SegmentItem.js";
+const m = e;
+m.Item = t;
+export {
+  m as Segment,
+  m as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/Segment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/components/ui/Segment/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Segment, { SegmentProps } from './Segment'\nimport SegmentItem from './SegmentItem'\n\nexport type { SegmentProps } from './Segment'\nexport type { SegmentItemProps } from './SegmentItem'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    SegmentProps & RefAttributes<HTMLHtmlElement>\n> & {\n    Item: typeof SegmentItem\n}\n\nconst Segment = _Segment as CompoundedComponent\n\nSegment.Item = SegmentItem\n\nexport { Segment }\n\nexport default Segment\n"],"names":["Segment","_Segment","SegmentItem"],"mappings":";;AAaA,MAAMA,IAAUC;AAEhBD,EAAQ,OAAOE;"}

package/dist/lib/@ecme/components/ui/Select/Option.js

@@ -0,0 +1,26 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import m from "classnames";
+import { HiCheck as n } from "react-icons/hi";
+const b = (o) => {
+  const { innerProps: l, label: t, isSelected: e, isDisabled: r, data: i, customLabel: s } = o;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: m(
+        "select-option",
+        !r && !e && "hover:text-gray-800 hover:dark:text-gray-100",
+        e && "text-primary bg-primary-subtle",
+        r && "opacity-50 cursor-not-allowed"
+      ),
+      ...l,
+      children: [
+        s ? s(i, t) : /* @__PURE__ */ a("span", { className: "ml-2", children: t }),
+        e && /* @__PURE__ */ a(n, { className: "text-xl" })
+      ]
+    }
+  );
+};
+export {
+  b as default
+};
+//# sourceMappingURL=Option.js.map

package/dist/lib/@ecme/components/ui/Select/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../../../../lib/@ecme/components/ui/Select/Option.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiCheck } from 'react-icons/hi'\nimport type { ReactNode } from 'react'\nimport type { OptionProps as ReactSelectOptionProps } from 'react-select'\n\ntype DefaultOptionProps<T> = {\n    customLabel?: (data: T, label: string) => ReactNode\n}\n\nconst Option = <T,>(\n    props: ReactSelectOptionProps<T> & DefaultOptionProps<T>,\n) => {\n    const { innerProps, label, isSelected, isDisabled, data, customLabel } =\n        props\n\n    return (\n        <div\n            className={classNames(\n                'select-option',\n                !isDisabled &&\n                    !isSelected &&\n                    'hover:text-gray-800 hover:dark:text-gray-100',\n                isSelected && 'text-primary bg-primary-subtle',\n                isDisabled && 'opacity-50 cursor-not-allowed',\n            )}\n            {...innerProps}\n        >\n            {customLabel ? (\n                customLabel(data, label)\n            ) : (\n                <span className=\"ml-2\">{label}</span>\n            )}\n            {isSelected && <HiCheck className=\"text-xl\" />}\n        </div>\n    )\n}\n\nexport default Option\n"],"names":["Option","props","innerProps","label","isSelected","isDisabled","data","customLabel","jsxs","classNames","jsx","HiCheck"],"mappings":";;;AASM,MAAAA,IAAS,CACXC,MACC;AACD,QAAM,EAAE,YAAAC,GAAY,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,MAAAC,GAAM,aAAAC,MACrDN;AAGA,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACA,CAACJ,KACG,CAACD,KACD;AAAA,QACJA,KAAc;AAAA,QACdC,KAAc;AAAA,MAClB;AAAA,MACC,GAAGH;AAAA,MAEH,UAAA;AAAA,QACGK,IAAAA,EAAYD,GAAMH,CAAK,sBAEtB,QAAK,EAAA,WAAU,QAAQ,UAAMA,EAAA,CAAA;AAAA,QAEjCC,KAAc,gBAAAM,EAACC,GAAQ,EAAA,WAAU,UAAU,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD;AAER;"}

package/dist/lib/@ecme/components/ui/Select/Select.js

@@ -0,0 +1,116 @@
+import { jsx as r } from "react/jsx-runtime";
+import i from "../utils/classNames.js";
+import D from "react-select";
+import "../ConfigProvider/index.js";
+import { useForm as w, useFormItem as R } from "../Form/context.js";
+import { useInputGroup as L } from "../InputGroup/context.js";
+import { HiChevronDown as O, HiX as F } from "react-icons/hi";
+import H from "./Option.js";
+import T from "../Spinner/Spinner.js";
+import { CONTROL_SIZES as $ } from "../utils/constants.js";
+import { useConfig as k } from "../ConfigProvider/ConfigProvider.js";
+const B = () => /* @__PURE__ */ r("div", { className: "select-dropdown-indicator", children: /* @__PURE__ */ r(O, {}) }), G = ({
+  innerProps: { ref: n, ...l }
+}) => /* @__PURE__ */ r("div", { ...l, ref: n, children: /* @__PURE__ */ r("div", { className: "select-clear-indicator", children: /* @__PURE__ */ r(F, {}) }) }), P = ({
+  selectProps: n
+}) => {
+  const { themeColor: l } = n;
+  return /* @__PURE__ */ r(T, { className: `select-loading-indicatior text-${l}` });
+};
+function Y(n) {
+  var c, m, u;
+  const {
+    components: l,
+    componentAs: p = D,
+    size: f,
+    styles: g,
+    className: v,
+    classNames: b,
+    field: I,
+    invalid: h,
+    ...C
+  } = n, { controlSize: S } = k(), N = (c = w()) == null ? void 0 : c.size, x = (m = R()) == null ? void 0 : m.invalid, V = (u = L()) == null ? void 0 : u.size, s = f || V || N || S, a = h || x, y = i(`select select-${s}`, v);
+  return /* @__PURE__ */ r(
+    p,
+    {
+      className: y,
+      classNames: {
+        control: (o) => i(
+          "select-control",
+          $[s].minH,
+          o.isDisabled && "opacity-50 cursor-not-allowed",
+          (() => {
+            const e = [
+              "bg-gray-100 dark:bg-gray-700"
+            ], { isFocused: t } = o;
+            return t && e.push(
+              "select-control-focused ring-1 ring-primary border-primary bg-transparent"
+            ), a && e.push(
+              "select-control-invalid bg-error-subtle"
+            ), t && a && e.push("ring-error border-error"), e;
+          })()
+        ),
+        valueContainer: ({ isMulti: o, hasValue: e, selectProps: t }) => i(
+          "select-value-container",
+          o && e && t.controlShouldRenderValue ? "flex" : "grid"
+        ),
+        input: ({ value: o, isDisabled: e }) => i(
+          "select-input-container",
+          e ? "invisible" : "visible",
+          o && "[transform:translateZ(0)]"
+        ),
+        placeholder: () => i(
+          "select-placeholder",
+          a ? "text-error" : "text-gray-400"
+        ),
+        indicatorsContainer: () => "select-indicators-container",
+        singleValue: () => "select-single-value",
+        multiValue: () => "select-multi-value",
+        multiValueLabel: () => "select-multi-value-label",
+        multiValueRemove: () => "select-multi-value-remove",
+        menu: () => "select-menu",
+        ...b
+      },
+      classNamePrefix: "select",
+      styles: {
+        control: () => ({}),
+        valueContainer: () => ({}),
+        input: ({
+          margin: o,
+          paddingTop: e,
+          paddingBottom: t,
+          ...d
+        }) => ({ ...d }),
+        placeholder: () => ({}),
+        singleValue: () => ({}),
+        multiValue: () => ({}),
+        multiValueLabel: () => ({}),
+        multiValueRemove: () => ({}),
+        menu: ({
+          backgroundColor: o,
+          marginTop: e,
+          marginBottom: t,
+          border: d,
+          borderRadius: Z,
+          boxShadow: j,
+          ...z
+        }) => ({ ...z, zIndex: 50 }),
+        ...g
+      },
+      components: {
+        IndicatorSeparator: () => null,
+        Option: H,
+        LoadingIndicator: P,
+        DropdownIndicator: B,
+        ClearIndicator: G,
+        ...l
+      },
+      ...I,
+      ...C
+    }
+  );
+}
+export {
+  Y as default
+};
+//# sourceMappingURL=Select.js.map

package/dist/lib/@ecme/components/ui/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../../../lib/@ecme/components/ui/Select/Select.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport cn from '../utils/classNames'\nimport ReactSelect from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\nimport AsyncSelect from 'react-select/async'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm, useFormItem } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { HiChevronDown, HiX } from 'react-icons/hi'\nimport DefaultOption from './Option'\nimport Spinner from '../Spinner/Spinner'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    Props as ReactSelectProps,\n    StylesConfig,\n    ClassNamesConfig,\n    GroupBase,\n} from 'react-select'\nimport type { AsyncProps } from 'react-select/async'\nimport type { CreatableProps } from 'react-select/creatable'\nimport type { Ref, JSX } from 'react'\n\nconst DefaultDropdownIndicator = () => {\n    return (\n        <div className=\"select-dropdown-indicator\">\n            <HiChevronDown />\n        </div>\n    )\n}\n\ninterface DefaultClearIndicatorProps {\n    innerProps: JSX.IntrinsicElements['div']\n    ref: Ref<HTMLElement>\n}\n\nconst DefaultClearIndicator = ({\n    innerProps: { ref, ...restInnerProps },\n}: DefaultClearIndicatorProps) => {\n    return (\n        <div {...restInnerProps} ref={ref}>\n            <div className=\"select-clear-indicator\">\n                <HiX />\n            </div>\n        </div>\n    )\n}\n\ninterface DefaultLoadingIndicatorProps {\n    selectProps: { themeColor?: string }\n}\n\nconst DefaultLoadingIndicator = ({\n    selectProps,\n}: DefaultLoadingIndicatorProps) => {\n    const { themeColor } = selectProps\n    return (\n        <Spinner className={`select-loading-indicatior text-${themeColor}`} />\n    )\n}\n\nexport type SelectProps<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n> = CommonProps &\n    ReactSelectProps<Option, IsMulti, Group> &\n    AsyncProps<Option, IsMulti, Group> &\n    CreatableProps<Option, IsMulti, Group> & {\n        invalid?: boolean\n        size?: TypeAttributes.ControlSize\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        field?: any\n        componentAs?: ReactSelect | CreatableSelect | AsyncSelect\n    }\n\nfunction Select<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n>(props: SelectProps<Option, IsMulti, Group>) {\n    const {\n        components,\n        componentAs: Component = ReactSelect,\n        size,\n        styles,\n        className,\n        classNames,\n        field,\n        invalid,\n        ...rest\n    } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const formItemInvalid = useFormItem()?.invalid\n    const inputGroupSize = useInputGroup()?.size\n\n    const selectSize = (size ||\n        inputGroupSize ||\n        formControlSize ||\n        controlSize) as keyof typeof CONTROL_SIZES\n\n    const isSelectInvalid = invalid || formItemInvalid\n\n    const selectClass = cn(`select select-${selectSize}`, className)\n\n    return (\n        <Component<Option, IsMulti, Group>\n            className={selectClass}\n            classNames={\n                {\n                    control: (state) =>\n                        cn(\n                            'select-control',\n                            CONTROL_SIZES[selectSize].minH,\n                            state.isDisabled && 'opacity-50 cursor-not-allowed',\n                            (() => {\n                                const classes: string[] = [\n                                    'bg-gray-100 dark:bg-gray-700',\n                                ]\n\n                                const { isFocused } = state\n\n                                if (isFocused) {\n                                    classes.push(\n                                        'select-control-focused ring-1 ring-primary border-primary bg-transparent',\n                                    )\n                                }\n\n                                if (isSelectInvalid) {\n                                    classes.push(\n                                        'select-control-invalid bg-error-subtle',\n                                    )\n                                }\n\n                                if (isFocused && isSelectInvalid) {\n                                    classes.push('ring-error border-error')\n                                }\n\n                                return classes\n                            })(),\n                        ),\n                    valueContainer: ({ isMulti, hasValue, selectProps }) =>\n                        cn(\n                            'select-value-container',\n                            isMulti &&\n                                hasValue &&\n                                selectProps.controlShouldRenderValue\n                                ? 'flex'\n                                : 'grid',\n                        ),\n                    input: ({ value, isDisabled }) =>\n                        cn(\n                            'select-input-container',\n                            isDisabled ? 'invisible' : 'visible',\n                            value && '[transform:translateZ(0)]',\n                        ),\n                    placeholder: () =>\n                        cn(\n                            'select-placeholder',\n                            isSelectInvalid ? 'text-error' : 'text-gray-400',\n                        ),\n                    indicatorsContainer: () => 'select-indicators-container',\n                    singleValue: () => 'select-single-value',\n                    multiValue: () => 'select-multi-value',\n                    multiValueLabel: () => 'select-multi-value-label',\n                    multiValueRemove: () => 'select-multi-value-remove',\n                    menu: () => 'select-menu',\n                    ...classNames,\n                } as ClassNamesConfig<Option, IsMulti, Group>\n            }\n            classNamePrefix={'select'}\n            styles={\n                {\n                    control: () => ({}),\n                    valueContainer: () => ({}),\n                    input: ({\n                        margin,\n                        paddingTop,\n                        paddingBottom,\n                        ...provided\n                    }) => ({ ...provided }),\n                    placeholder: () => ({}),\n                    singleValue: () => ({}),\n                    multiValue: () => ({}),\n                    multiValueLabel: () => ({}),\n                    multiValueRemove: () => ({}),\n                    menu: ({\n                        backgroundColor,\n                        marginTop,\n                        marginBottom,\n                        border,\n                        borderRadius,\n                        boxShadow,\n                        ...provided\n                    }) => ({ ...provided, zIndex: 50 }),\n                    ...styles,\n                } as StylesConfig<Option, IsMulti, Group>\n            }\n            components={{\n                IndicatorSeparator: () => null,\n                Option: DefaultOption,\n                LoadingIndicator: DefaultLoadingIndicator,\n                DropdownIndicator: DefaultDropdownIndicator,\n                ClearIndicator: DefaultClearIndicator,\n                ...components,\n            }}\n            {...field}\n            {...rest}\n        />\n    )\n}\n\nexport default Select\n"],"names":["DefaultDropdownIndicator","jsx","HiChevronDown","DefaultClearIndicator","ref","restInnerProps","HiX","DefaultLoadingIndicator","selectProps","themeColor","Spinner","Select","props","components","Component","ReactSelect","size","styles","className","classNames","field","invalid","rest","controlSize","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","selectSize","isSelectInvalid","selectClass","cn","state","CONTROL_SIZES","classes","isFocused","isMulti","hasValue","value","isDisabled","margin","paddingTop","paddingBottom","provided","backgroundColor","marginTop","marginBottom","border","borderRadius","boxShadow","DefaultOption"],"mappings":"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"}

package/dist/lib/@ecme/components/ui/Select/index.js

@@ -0,0 +1,8 @@
+import e from "./Select.js";
+import { default as a } from "./Option.js";
+export {
+  a as Option,
+  e as Select,
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/@ecme/components/ui/Skeleton/Skeleton.js

@@ -0,0 +1,36 @@
+import { jsx as m } from "react/jsx-runtime";
+import i from "classnames";
+const f = (t) => {
+  const {
+    animation: s = !0,
+    asElement: l = "span",
+    className: o,
+    height: a,
+    ref: n,
+    style: c,
+    variant: e = "block",
+    width: r
+  } = t;
+  return /* @__PURE__ */ m(
+    l,
+    {
+      ref: n,
+      className: i(
+        "skeleton",
+        e === "circle" && "skeleton-circle",
+        e === "block" && "skeleton-block",
+        s && "animate-pulse",
+        o
+      ),
+      style: {
+        width: r,
+        height: a,
+        ...c
+      }
+    }
+  );
+};
+export {
+  f as default
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/lib/@ecme/components/ui/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../../../lib/@ecme/components/ui/Skeleton/Skeleton.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { ElementType, Ref } from 'react'\n\nexport interface SkeletonProps extends CommonProps {\n    animation?: boolean\n    asElement?: ElementType\n    height?: string | number\n    ref?: Ref<ElementType>\n    variant?: 'block' | 'circle'\n    width?: string | number\n}\n\nconst Skeleton = (props: SkeletonProps) => {\n    const {\n        animation = true,\n        asElement: Component = 'span',\n        className,\n        height,\n        ref,\n        style,\n        variant = 'block',\n        width,\n    } = props\n\n    return (\n        <Component\n            ref={ref}\n            className={classNames(\n                'skeleton',\n                variant === 'circle' && 'skeleton-circle',\n                variant === 'block' && 'skeleton-block',\n                animation && 'animate-pulse',\n                className,\n            )}\n            style={{\n                width,\n                height,\n                ...style,\n            }}\n        />\n    )\n}\n\nexport default Skeleton\n"],"names":["Skeleton","props","animation","Component","className","height","ref","style","variant","width","jsx","classNames"],"mappings":";;AAaM,MAAAA,IAAW,CAACC,MAAyB;AACjC,QAAA;AAAA,IACF,WAAAC,IAAY;AAAA,IACZ,WAAWC,IAAY;AAAA,IACvB,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,EAAA,IACAR;AAGA,SAAA,gBAAAS;AAAA,IAACP;AAAA,IAAA;AAAA,MACG,KAAAG;AAAA,MACA,WAAWK;AAAA,QACP;AAAA,QACAH,MAAY,YAAY;AAAA,QACxBA,MAAY,WAAW;AAAA,QACvBN,KAAa;AAAA,QACbE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,OAAAK;AAAA,QACA,QAAAJ;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,IACP;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/components/ui/Skeleton/index.js

@@ -0,0 +1,6 @@
+import o from "./Skeleton.js";
+export {
+  o as Skeleton,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/@ecme/components/ui/Spinner/Spinner.js

@@ -0,0 +1,37 @@
+import { jsx as f } from "react/jsx-runtime";
+import u from "classnames";
+import { CgSpinner as h } from "react-icons/cg";
+const g = (e) => {
+  const {
+    className: t,
+    customColorClass: n,
+    enableTheme: r = !0,
+    indicator: o = h,
+    isSpining: i = !0,
+    size: s = 20,
+    style: a,
+    ref: m,
+    ...p
+  } = e, l = n || r && "text-primary", c = {
+    height: s,
+    width: s,
+    ...a
+  }, C = u(
+    i && "animate-spin",
+    l,
+    t
+  );
+  return /* @__PURE__ */ f(
+    o,
+    {
+      ref: m,
+      style: c,
+      className: C,
+      ...p
+    }
+  );
+};
+export {
+  g as default
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/lib/@ecme/components/ui/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../../../lib/@ecme/components/ui/Spinner/Spinner.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { CgSpinner } from 'react-icons/cg'\nimport type { CommonProps } from '../@types/common'\nimport type { ElementType, Ref } from 'react'\n\nexport interface SpinnerProps extends CommonProps {\n    customColorClass?: string\n    enableTheme?: boolean\n    indicator?: ElementType\n    isSpining?: boolean\n    size?: string | number\n    ref?: Ref<HTMLElement>\n}\n\nconst Spinner = (props: SpinnerProps) => {\n    const {\n        className,\n        customColorClass,\n        enableTheme = true,\n        indicator: Component = CgSpinner,\n        isSpining = true,\n        size = 20,\n        style,\n        ref,\n        ...rest\n    } = props\n\n    const spinnerColor = customColorClass || (enableTheme && 'text-primary')\n\n    const spinnerStyle = {\n        height: size,\n        width: size,\n        ...style,\n    }\n\n    const spinnerClass = classNames(\n        isSpining && 'animate-spin',\n        spinnerColor,\n        className,\n    )\n\n    return (\n        <Component\n            ref={ref}\n            style={spinnerStyle}\n            className={spinnerClass}\n            {...rest}\n        />\n    )\n}\n\nexport default Spinner\n"],"names":["Spinner","props","className","customColorClass","enableTheme","Component","CgSpinner","isSpining","size","style","ref","rest","spinnerColor","spinnerStyle","spinnerClass","classNames","jsx"],"mappings":";;;AAcM,MAAAA,IAAU,CAACC,MAAwB;AAC/B,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAWC,IAAYC;AAAA,IACvB,WAAAC,IAAY;AAAA,IACZ,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHV,GAEEW,IAAeT,KAAqBC,KAAe,gBAEnDS,IAAe;AAAA,IACjB,QAAQL;AAAA,IACR,OAAOA;AAAA,IACP,GAAGC;AAAA,EACP,GAEMK,IAAeC;AAAA,IACjBR,KAAa;AAAA,IACbK;AAAA,IACAV;AAAA,EACJ;AAGI,SAAA,gBAAAc;AAAA,IAACX;AAAA,IAAA;AAAA,MACG,KAAAK;AAAA,MACA,OAAOG;AAAA,MACP,WAAWC;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,EACR;AAER;"}

package/dist/lib/@ecme/components/ui/Spinner/index.js

@@ -0,0 +1,6 @@
+import e from "./Spinner.js";
+export {
+  e as Spinner,
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lib/@ecme/components/ui/StatusIcon/StatusIcon.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { HiXCircle as e, HiExclamation as s, HiInformationCircle as l, HiCheckCircle as a } from "react-icons/hi";
+const x = {
+  success: {
+    color: "text-success",
+    icon: /* @__PURE__ */ o(a, {})
+  },
+  info: {
+    color: "text-info",
+    icon: /* @__PURE__ */ o(l, {})
+  },
+  warning: {
+    color: "text-warning",
+    icon: /* @__PURE__ */ o(s, {})
+  },
+  danger: {
+    color: "text-error",
+    icon: /* @__PURE__ */ o(e, {})
+  }
+}, u = (n) => {
+  const { type: t = "info", custom: i, iconColor: r } = n, c = x[t];
+  return /* @__PURE__ */ o("span", { className: `text-2xl ${r || c.color}`, children: i || c.icon });
+};
+export {
+  u as default
+};
+//# sourceMappingURL=StatusIcon.js.map

package/dist/lib/@ecme/components/ui/StatusIcon/StatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.js","sources":["../../../../../../lib/@ecme/components/ui/StatusIcon/StatusIcon.tsx"],"sourcesContent":["import {\n    HiCheckCircle,\n    HiInformationCircle,\n    HiExclamation,\n    HiXCircle,\n} from 'react-icons/hi'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, JSX } from 'react'\n\nexport interface StatusIconProps extends CommonProps {\n    type: TypeAttributes.Status\n    custom?: ReactNode | JSX.Element\n    iconColor?: string\n}\n\nconst ICONS: Record<\n    TypeAttributes.Status,\n    {\n        color: string\n        icon: JSX.Element\n    }\n> = {\n    success: {\n        color: 'text-success',\n        icon: <HiCheckCircle />,\n    },\n    info: {\n        color: 'text-info',\n        icon: <HiInformationCircle />,\n    },\n    warning: {\n        color: 'text-warning',\n        icon: <HiExclamation />,\n    },\n    danger: {\n        color: 'text-error',\n        icon: <HiXCircle />,\n    },\n}\n\nconst StatusIcon = (props: StatusIconProps) => {\n    const { type = 'info', custom, iconColor } = props\n\n    const icon = ICONS[type]\n\n    return (\n        <span className={`text-2xl ${iconColor || icon.color}`}>\n            {custom || icon.icon}\n        </span>\n    )\n}\n\nexport default StatusIcon\n"],"names":["ICONS","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","StatusIcon","props","type","custom","iconColor","icon","jsx"],"mappings":";;AAeA,MAAMA,IAMF;AAAA,EACA,SAAS;AAAA,IACL,OAAO;AAAA,IACP,wBAAOC,GAAc,CAAA,CAAA;AAAA,EACzB;AAAA,EACA,MAAM;AAAA,IACF,OAAO;AAAA,IACP,wBAAOC,GAAoB,CAAA,CAAA;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,IACL,OAAO;AAAA,IACP,wBAAOC,GAAc,CAAA,CAAA;AAAA,EACzB;AAAA,EACA,QAAQ;AAAA,IACJ,OAAO;AAAA,IACP,wBAAOC,GAAU,CAAA,CAAA;AAAA,EAAA;AAEzB,GAEMC,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,MAAAC,IAAO,QAAQ,QAAAC,GAAQ,WAAAC,EAAc,IAAAH,GAEvCI,IAAOV,EAAMO,CAAI;AAGnB,SAAA,gBAAAI,EAAC,QAAK,EAAA,WAAW,YAAYF,KAAaC,EAAK,KAAK,IAC/C,UAAUF,KAAAE,EAAK,KACpB,CAAA;AAER;"}

package/dist/lib/@ecme/components/ui/StatusIcon/index.js

@@ -0,0 +1,5 @@
+import o from "./StatusIcon.js";
+export {
+  o as default
+};
+//# sourceMappingURL=index.js.map