xtreme-ui 0.0.121 → 0.0.122

package/dist/components/base/Avatar/Avatar.js

@@ -1,53 +0,0 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as z, useState as c, useEffect as E } from "react";
-import C from "clsx";
-import { FACE_ICONS as m } from "../../../utils/constants/iconCollection.js";
-import { readImageFile as F, readImageSrc as L } from "../../../utils/helper/imageHelper.js";
-import { Icon as b } from "../Icon/Icon.js";
-/* empty css            */
-import { EAvatarSize as M } from "./types.js";
-const R = z((h, g) => {
-  const { className: u, src: a, file: o, alt: v, placeholderIcon: y, size: l = "default", onClick: I } = h, [n, f] = c(), [x, A] = c(m.happy[0]), [N, t] = c(!!a || !!o), [p, r] = c(!1), d = typeof l == "number" ? l : M[l], S = C(
-    "xtrAvatar",
-    u,
-    N && "loading",
-    p && "error"
-  ), s = (e) => {
-    e && setTimeout(() => f(e), 300), setTimeout(() => t(!1), 1e3);
-  };
-  return E(() => {
-    A(m.happy[Math.floor(Math.random() * m.happy.length)]);
-    try {
-      o ? (t(!0), r(!1), F(o).then((e) => s(e)).catch((e) => {
-        console.log(e), t(!1), r(!0);
-      })) : a ? (t(!0), r(!1), L(a).then((e) => s(e)).catch((e) => {
-        console.log(e, a), t(!1), r(!0);
-      })) : (f(void 0), s());
-    } catch {
-      s();
-    }
-  }, [a, o]), /* @__PURE__ */ i(
-    "div",
-    {
-      ref: g,
-      className: S,
-      style: { "--avatarSize": d + "px" },
-      onClick: I,
-      role: "img",
-      children: n ? /* @__PURE__ */ i("img", { className: "image", src: n, alt: v }) : /* @__PURE__ */ i(
-        b,
-        {
-          className: "placeholder",
-          type: "solid",
-          size: 8 + d / 4,
-          code: p ? "e1b7" : y ?? x
-        }
-      )
-    }
-  );
-});
-R.displayName = "Avatar";
-export {
-  R as Avatar
-};

package/dist/components/base/Avatar/exports.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css              */const e=require("./Avatar.cjs"),r=require("./types.cjs");exports.Avatar=e.Avatar;exports.EAvatarSize=r.EAvatarSize;

package/dist/components/base/Avatar/exports.js

@@ -1,8 +0,0 @@
-/* empty css                         */
-/* empty css            */
-import { Avatar as m } from "./Avatar.js";
-import { EAvatarSize as e } from "./types.js";
-export {
-  m as Avatar,
-  e as EAvatarSize
-};

package/dist/components/base/Avatar/types.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(e=>(e[e.mini=64]="mini",e[e.default=96]="default",e[e.large=128]="large",e))(l||{});exports.EAvatarSize=l;

package/dist/components/base/Avatar/types.js

@@ -1,4 +0,0 @@
-var n = /* @__PURE__ */ ((l) => (l[l.mini = 64] = "mini", l[l.default = 96] = "default", l[l.large = 128] = "large", l))(n || {});
-export {
-  n as EAvatarSize
-};

package/dist/components/base/Button/Button.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),B=require("clsx"),b=require("../Icon/Icon.cjs"),g=require("../ProgressBar/ProgressBar.cjs");;/* empty css              */const q=require("./types.cjs"),c=j.forwardRef((a,u)=>{const{className:d,style:p={},label:t,type:s="primary",size:o="default",disabled:y=!1,loading:r=!1,icon:n,iconType:m,iconPosition:l="left",onClick:x}=a,i=()=>n?e.jsx(b.Icon,{className:"icon",code:n,type:m,size:o}):null,f=B("xtrButton","shadowRipple",`${s}Type`,`${o}Size`,!t&&"iconOnly",r&&"loading",d);return!t&&!n?null:e.jsxs("button",{ref:u,className:f,style:p,onClick:x,disabled:y,role:"button",children:[s.includes(q.EButtonTypes.link)&&e.jsx(g.ProgressBar,{className:"underline",intermediate:r}),l==="left"&&e.jsx(i,{}),t&&e.jsx("span",{className:"label",children:t}),l==="right"&&e.jsx(i,{})]})});c.displayName="Button";exports.Button=c;

package/dist/components/base/Button/Button.js

@@ -1,52 +0,0 @@
-"use client";
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { forwardRef as B } from "react";
-import N from "clsx";
-import { Icon as b } from "../Icon/Icon.js";
-import { ProgressBar as g } from "../ProgressBar/ProgressBar.js";
-/* empty css            */
-import { EButtonTypes as h } from "./types.js";
-const C = B((a, c) => {
-  const {
-    className: m,
-    style: p = {},
-    label: e,
-    type: n = "primary",
-    size: l = "default",
-    disabled: u = !1,
-    loading: i = !1,
-    icon: t,
-    iconType: d,
-    iconPosition: s = "left",
-    onClick: f
-  } = a, r = () => t ? /* @__PURE__ */ o(b, { className: "icon", code: t, type: d, size: l }) : null, y = N(
-    "xtrButton",
-    "shadowRipple",
-    `${n}Type`,
-    `${l}Size`,
-    !e && "iconOnly",
-    i && "loading",
-    m
-  );
-  return !e && !t ? null : /* @__PURE__ */ x(
-    "button",
-    {
-      ref: c,
-      className: y,
-      style: p,
-      onClick: f,
-      disabled: u,
-      role: "button",
-      children: [
-        n.includes(h.link) && /* @__PURE__ */ o(g, { className: "underline", intermediate: i }),
-        s === "left" && /* @__PURE__ */ o(r, {}),
-        e && /* @__PURE__ */ o("span", { className: "label", children: e }),
-        s === "right" && /* @__PURE__ */ o(r, {})
-      ]
-    }
-  );
-});
-C.displayName = "Button";
-export {
-  C as Button
-};

package/dist/components/base/Button/exports.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css              */const t=require("./Button.cjs"),e=require("./types.cjs");exports.Button=t.Button;exports.EButtonTypes=e.EButtonTypes;

package/dist/components/base/Button/exports.js

@@ -1,8 +0,0 @@
-/* empty css                         */
-/* empty css            */
-import { Button as m } from "./Button.js";
-import { EButtonTypes as f } from "./types.js";
-export {
-  m as Button,
-  f as EButtonTypes
-};

package/dist/components/base/Button/types.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a=(r=>(r.primary="primary",r.primaryDanger="primaryDanger",r.secondary="secondary",r.secondaryDanger="secondaryDanger",r.link="link",r.linkDanger="linkDanger",r))(a||{});exports.EButtonTypes=a;

package/dist/components/base/Button/types.js

@@ -1,4 +0,0 @@
-var a = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryDanger = "primaryDanger", r.secondary = "secondary", r.secondaryDanger = "secondaryDanger", r.link = "link", r.linkDanger = "linkDanger", r))(a || {});
-export {
-  a as EButtonTypes
-};

package/dist/components/base/ColorPicker/ColorPicker.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),C=require("@uiw/react-color-alpha"),m=require("@uiw/react-color-shade-slider"),x=require("@uiw/react-color-wheel"),q=require("clsx");;/* empty css                   */const a=180,c=d.forwardRef((l,t)=>{const{className:i,shade:n=!0,alpha:h=!0,color:e={h:0,s:0,v:100,a:1},setColor:o}=l,u=q("xtrColorPicker",i);return s.jsxs("div",{ref:t,className:u,children:[s.jsx(x,{className:"wheel",color:e,width:a,height:a,onChange:r=>o(r.hsva)}),n&&s.jsx(m,{className:"shade",hsva:e,onChange:({v:r})=>o({...e,v:r})}),h&&s.jsx(C,{className:"alpha",hsva:e,onChange:({a:r})=>o({...e,a:r})})]})});c.displayName="ColorPicker";exports.ColorPicker=c;

package/dist/components/base/ColorPicker/ColorPicker.js

@@ -1,50 +0,0 @@
-"use client";
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import d from "@uiw/react-color-alpha";
-import C from "@uiw/react-color-shade-slider";
-import f from "@uiw/react-color-wheel";
-import x from "clsx";
-/* empty css                 */
-const s = 180, N = p((l, t) => {
-  const { className: h, shade: m = !0, alpha: i = !0, color: o = { h: 0, s: 0, v: 100, a: 1 }, setColor: e } = l, c = x("xtrColorPicker", h);
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      ref: t,
-      className: c,
-      children: [
-        /* @__PURE__ */ a(
-          f,
-          {
-            className: "wheel",
-            color: o,
-            width: s,
-            height: s,
-            onChange: (r) => e(r.hsva)
-          }
-        ),
-        m && /* @__PURE__ */ a(
-          C,
-          {
-            className: "shade",
-            hsva: o,
-            onChange: ({ v: r }) => e({ ...o, v: r })
-          }
-        ),
-        i && /* @__PURE__ */ a(
-          d,
-          {
-            className: "alpha",
-            hsva: o,
-            onChange: ({ a: r }) => e({ ...o, a: r })
-          }
-        )
-      ]
-    }
-  );
-});
-N.displayName = "ColorPicker";
-export {
-  N as ColorPicker
-};

package/dist/components/base/ColorPicker/exports.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                   */const e=require("./ColorPicker.cjs");exports.ColorPicker=e.ColorPicker;

package/dist/components/base/ColorPicker/exports.js

@@ -1,6 +0,0 @@
-/* empty css                         */
-/* empty css                 */
-import { ColorPicker as p } from "./ColorPicker.js";
-export {
-  p as ColorPicker
-};

package/dist/components/base/ColorPopper/ColorPopper.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),l=require("@floating-ui/react"),C=require("clsx"),r=require("colord"),le=require("../ColorPicker/ColorPicker.cjs"),ne=require("../Icon/Icon.cjs"),ce=require("../Textfield/Textfield.cjs"),ie=require("../../hooks/useScreen.cjs"),ae=require("../../../utils/helper/colorHelper.cjs"),de=require("../../../utils/constants/theme.cjs"),ue=require("../../../utils/function/mergeRefs.cjs"),R=require("../Button/Button.cjs");;/* empty css                   */function F(L,O){const{className:T,popperClassName:V,input:g="textfield",size:z="default",placeholder:A="Color Picker",colorHeading:p="Pick color",schemeHeading:k,themeScheme:v,setThemeScheme:y,showReset:D=!0,alpha:U,shade:W,swatch:H,hideWheel:w=!1,color:d,setColor:m}=L,_=ie.useScreenType(),n=t.useMemo(()=>r.colord(d),[]),x=t.useMemo(()=>r.getFormat(d),[d]),[j,u]=t.useState(n.toHsv()),[c,h]=t.useState(n.toHex()),[G,J]=t.useState(p),b=t.useRef(!1),[I,P]=t.useState(!1),{refs:N,floatingStyles:K,context:S}=l.useFloating({open:I,onOpenChange:P,middleware:[l.shift({crossAxis:!0,padding:18}),l.flip(),l.offset(({placement:e})=>e==="bottom"?10:16)],whileElementsMounted:l.autoUpdate}),{isMounted:Q,styles:X}=l.useTransitionStyles(S,{duration:200,initial:({side:e})=>({opacity:0,translate:e==="bottom"?"0px 8px":"0px -8px"})}),{getReferenceProps:B,getFloatingProps:Y}=l.useInteractions([l.useClick(S),l.useDismiss(S)]),[$,Z,q]=t.useMemo(()=>{const e=r.colord(j),s=e.toHsl(),i=n.toHsl();return[`${Math.round(s.h)} ${Math.round(s.s)}% ${Math.round(s.l)}%`,`${Math.round(i.h)} ${Math.round(i.s)}% ${Math.round(i.l)}%`,e.isLight()?"black":"white"]},[n,j]),ee=c!==n.toHex(),M=g==="button"||g==="buttonLabel",f=e=>{b.current=!0,x==="rgb"?m(e.toRgb()):x==="hex"?m(e.toHex()):x==="hsl"?m(e.toHsl()):x==="hsv"&&m(e.toHsv())},E=e=>{h(e);const s=r.colord(e);s.isValid()&&(u(s.toHsv()),f(s))},oe=e=>{const s=r.colord(e);u(e),h(s.toHex()),f(s)},se=e=>{const s=r.colord(e);u(s.toHsv()),h(s.toHex()),f(s)},te=()=>{u(n.toHsv()),h(n.toHex()),f(n)};return t.useEffect(()=>{if(!b.current){const e=r.colord(d);u(e.toHsv()),h(e.toHex())}b.current=!1},[d]),t.useEffect(()=>{J(ae.getColorLabel(r.colord(c).toHsl())??p)},[p,c]),o.jsxs(o.Fragment,{children:[M?o.jsx(R.Button,{className:"xtrColorButton",ref:N.setReference,size:z,icon:"f53f",iconType:"solid",label:g==="buttonLabel"?c:void 0,style:{"--themeColor":$,"--iconColor":q,color:q},onClick:()=>P(!0),...B()}):o.jsx(ce.Textfield,{className:C("xtrColorInput",T),ref:N.setReference,placeholder:A,icon:"f53f",iconType:"solid",active:I,value:c,onChange:e=>E(e.target.value),style:{"--colorBrandPrimary":$,"--iconColor":q},onFocus:()=>P(!0),...B()}),Q&&o.jsxs("div",{ref:ue.mergeRefs([O,N.setFloating]),className:C("xtrColorPopper",V),style:{...K,...X,"--colorBrandPrimary":$},...Y(),children:[(H||!w)&&o.jsxs("div",{className:C("header",M&&"withInput"),children:[o.jsxs("div",{className:"heading",children:[o.jsxs("div",{children:[o.jsx("h1",{children:G}),M&&o.jsx("input",{placeholder:"#Hex",className:C("popperInput",T),value:c,autoFocus:_.isLargest,onChange:e=>E(e.target.value)})]}),o.jsx("h1",{children:p})]}),D&&o.jsx(ne.Icon,{code:"f1da",type:"solid",style:{"--colorBrandPrimary":Z,visibility:ee?"visible":"hidden"},onClick:te})]}),H&&o.jsx("div",{className:"swatch",children:H.map((e,s)=>{const i=r.colord(c).isEqual(e),a=r.colord(e).toHsl(),re=`${a.h} ${a.s}% ${a.l}%`;return o.jsx(R.Button,{className:"swatchItem",icon:"f00c",iconType:"solid",size:"mini",style:{"--themeColor":re,color:i?"white":"transparent"},onClick:()=>se(a)},`ThemeColor-${a.h}${a.s}${a.l}-${s}`)})}),!w&&o.jsx(le.ColorPicker,{className:"colorPicker",alpha:U,shade:W,color:j,setColor:oe}),k&&o.jsxs("div",{className:"themeScheme",children:[o.jsx("div",{className:"header",children:o.jsxs("div",{className:"heading",children:[o.jsx("div",{children:o.jsx("h1",{children:v})}),o.jsx("h1",{children:k})]})}),o.jsx("div",{className:"schemeSelector",children:de.THEME_SCHEME.map(({name:e,icon:s},i)=>o.jsx(R.Button,{icon:s,iconType:"solid",disabled:v===e,type:v===e?"primary":"secondary",onClick:()=>y==null?void 0:y(e)},`ThemeScheme-${e}-${i}`))})]})]})]})}const he=t.forwardRef(F);F.displayName="ColorPopper";exports.ColorPopper=he;

package/dist/components/base/ColorPopper/ColorPopper.js

@@ -1,211 +0,0 @@
-"use client";
-import { jsxs as a, Fragment as ie, jsx as t } from "react/jsx-runtime";
-import { forwardRef as ae, useMemo as T, useState as C, useRef as ce, useEffect as O } from "react";
-import { useFloating as de, autoUpdate as he, shift as me, flip as pe, offset as ue, useTransitionStyles as fe, useInteractions as Ce, useClick as ge, useDismiss as ve } from "@floating-ui/react";
-import g from "clsx";
-import { colord as s, getFormat as xe } from "colord";
-import { ColorPicker as ye } from "../ColorPicker/ColorPicker.js";
-import { Icon as He } from "../Icon/Icon.js";
-import { Textfield as be } from "../Textfield/Textfield.js";
-import { useScreenType as Ne } from "../../hooks/useScreen.js";
-import { getColorLabel as $e } from "../../../utils/helper/colorHelper.js";
-import { THEME_SCHEME as Pe } from "../../../utils/constants/theme.js";
-import { mergeRefs as ke } from "../../../utils/function/mergeRefs.js";
-import { Button as I } from "../Button/Button.js";
-/* empty css                 */
-function j(z, A) {
-  const {
-    className: S,
-    popperClassName: q,
-    input: v = "textfield",
-    size: D = "default",
-    placeholder: U = "Color Picker",
-    colorHeading: m = "Pick color",
-    schemeHeading: E,
-    themeScheme: x,
-    setThemeScheme: y,
-    showReset: W = !0,
-    alpha: _,
-    shade: G,
-    swatch: H,
-    hideWheel: F = !1,
-    color: c,
-    setColor: p
-  } = z, J = Ne(), r = T(() => s(c), []), u = T(() => xe(c), [c]), [b, d] = C(r.toHsv()), [l, h] = C(r.toHex()), [K, Q] = C(m), N = ce(!1), [L, $] = C(!1), { refs: P, floatingStyles: X, context: k } = de({
-    open: L,
-    onOpenChange: $,
-    middleware: [
-      me({ crossAxis: !0, padding: 18 }),
-      pe(),
-      ue(({ placement: e }) => e === "bottom" ? 10 : 16)
-    ],
-    whileElementsMounted: he
-  }), { isMounted: Y, styles: Z } = fe(k, {
-    duration: 200,
-    initial: ({ side: e }) => ({
-      opacity: 0,
-      translate: e === "bottom" ? "0px 8px" : "0px -8px"
-    })
-  }), { getReferenceProps: B, getFloatingProps: ee } = Ce([
-    ge(k),
-    ve(k)
-  ]), [w, oe, M] = T(() => {
-    const e = s(b), o = e.toHsl(), n = r.toHsl();
-    return [
-      `${Math.round(o.h)} ${Math.round(o.s)}% ${Math.round(o.l)}%`,
-      `${Math.round(n.h)} ${Math.round(n.s)}% ${Math.round(n.l)}%`,
-      e.isLight() ? "black" : "white"
-    ];
-  }, [r, b]), te = l !== r.toHex(), R = v === "button" || v === "buttonLabel", f = (e) => {
-    N.current = !0, u === "rgb" ? p(e.toRgb()) : u === "hex" ? p(e.toHex()) : u === "hsl" ? p(e.toHsl()) : u === "hsv" && p(e.toHsv());
-  }, V = (e) => {
-    h(e);
-    const o = s(e);
-    o.isValid() && (d(o.toHsv()), f(o));
-  }, se = (e) => {
-    const o = s(e);
-    d(e), h(o.toHex()), f(o);
-  }, re = (e) => {
-    const o = s(e);
-    d(o.toHsv()), h(o.toHex()), f(o);
-  }, le = () => {
-    d(r.toHsv()), h(r.toHex()), f(r);
-  };
-  return O(() => {
-    if (!N.current) {
-      const e = s(c);
-      d(e.toHsv()), h(e.toHex());
-    }
-    N.current = !1;
-  }, [c]), O(() => {
-    Q($e(s(l).toHsl()) ?? m);
-  }, [m, l]), /* @__PURE__ */ a(ie, { children: [
-    R ? /* @__PURE__ */ t(
-      I,
-      {
-        className: "xtrColorButton",
-        ref: P.setReference,
-        size: D,
-        icon: "f53f",
-        iconType: "solid",
-        label: v === "buttonLabel" ? l : void 0,
-        style: {
-          "--themeColor": w,
-          "--iconColor": M,
-          color: M
-        },
-        onClick: () => $(!0),
-        ...B()
-      }
-    ) : /* @__PURE__ */ t(
-      be,
-      {
-        className: g("xtrColorInput", S),
-        ref: P.setReference,
-        placeholder: U,
-        icon: "f53f",
-        iconType: "solid",
-        active: L,
-        value: l,
-        onChange: (e) => V(e.target.value),
-        style: {
-          "--colorBrandPrimary": w,
-          "--iconColor": M
-        },
-        onFocus: () => $(!0),
-        ...B()
-      }
-    ),
-    Y && /* @__PURE__ */ a(
-      "div",
-      {
-        ref: ke([A, P.setFloating]),
-        className: g("xtrColorPopper", q),
-        style: { ...X, ...Z, "--colorBrandPrimary": w },
-        ...ee(),
-        children: [
-          (H || !F) && /* @__PURE__ */ a("div", { className: g("header", R && "withInput"), children: [
-            /* @__PURE__ */ a("div", { className: "heading", children: [
-              /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ t("h1", { children: K }),
-                R && /* @__PURE__ */ t(
-                  "input",
-                  {
-                    placeholder: "#Hex",
-                    className: g("popperInput", S),
-                    value: l,
-                    autoFocus: J.isLargest,
-                    onChange: (e) => V(e.target.value)
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t("h1", { children: m })
-            ] }),
-            W && /* @__PURE__ */ t(
-              He,
-              {
-                code: "f1da",
-                type: "solid",
-                style: {
-                  "--colorBrandPrimary": oe,
-                  visibility: te ? "visible" : "hidden"
-                },
-                onClick: le
-              }
-            )
-          ] }),
-          H && /* @__PURE__ */ t("div", { className: "swatch", children: H.map((e, o) => {
-            const n = s(l).isEqual(e), i = s(e).toHsl(), ne = `${i.h} ${i.s}% ${i.l}%`;
-            return /* @__PURE__ */ t(
-              I,
-              {
-                className: "swatchItem",
-                icon: "f00c",
-                iconType: "solid",
-                size: "mini",
-                style: {
-                  "--themeColor": ne,
-                  color: n ? "white" : "transparent"
-                },
-                onClick: () => re(i)
-              },
-              `ThemeColor-${i.h}${i.s}${i.l}-${o}`
-            );
-          }) }),
-          !F && /* @__PURE__ */ t(
-            ye,
-            {
-              className: "colorPicker",
-              alpha: _,
-              shade: G,
-              color: b,
-              setColor: se
-            }
-          ),
-          E && /* @__PURE__ */ a("div", { className: "themeScheme", children: [
-            /* @__PURE__ */ t("div", { className: "header", children: /* @__PURE__ */ a("div", { className: "heading", children: [
-              /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("h1", { children: x }) }),
-              /* @__PURE__ */ t("h1", { children: E })
-            ] }) }),
-            /* @__PURE__ */ t("div", { className: "schemeSelector", children: Pe.map(({ name: e, icon: o }, n) => /* @__PURE__ */ t(
-              I,
-              {
-                icon: o,
-                iconType: "solid",
-                disabled: x === e,
-                type: x === e ? "primary" : "secondary",
-                onClick: () => y == null ? void 0 : y(e)
-              },
-              `ThemeScheme-${e}-${n}`
-            )) })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-const Ae = ae(j);
-j.displayName = "ColorPopper";
-export {
-  Ae as ColorPopper
-};

package/dist/components/base/ColorPopper/exports.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                   */const e=require("./ColorPopper.cjs");exports.ColorPopper=e.ColorPopper;

package/dist/components/base/ColorPopper/exports.js

@@ -1,6 +0,0 @@
-/* empty css                         */
-/* empty css                 */
-import { ColorPopper as t } from "./ColorPopper.js";
-export {
-  t as ColorPopper
-};

package/dist/components/base/DatePicker/DatePicker.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("clsx"),e=require("react-datetime-picker"),c=require("../Icon/Icon.cjs");;/* empty css                  */const x={date:"dd-MM-yyyy",dateRange:"dd-MM-yyyy",time:"h:mm:ss a",timeRange:"h:mm:ss a",dateTime:"dd-MM-yyyy h:mm:ss a",dateTimeRange:"dd-MM-yyyy h:mm:ss a"},R={date:e,dateRange:e,time:e,timeRange:e,dateTime:e,dateTimeRange:e},k=r=>{const{className:s,type:a="date",format:n,dayPlaceholder:d="dd",monthPlaceholder:m="mm",yearPlaceholder:i="yyyy",hourPlaceholder:l="hh",minutePlaceholder:y="mm",secondPlaceholder:h="ss",placeholder:o="Select a Date",icon:u="f784",value:P,onChange:D}=r,g={className:p("xtrDatePicker",s),calendarIcon:t.jsx(c.Icon,{code:u,type:"regular"}),clearIcon:t.jsx(c.Icon,{code:"e59b",type:"solid"}),format:n??x[a],dayPlaceholder:d,monthPlaceholder:m,yearPlaceholder:i,hourPlaceholder:l,minutePlaceholder:y,secondPlaceholder:h,placeholder:o,value:P,onChange:D},M=R[a];return t.jsx(M,{"data-testid":o,...g})};exports.DatePicker=k;

package/dist/components/base/DatePicker/DatePicker.js

@@ -1,58 +0,0 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import M from "clsx";
-import e from "react-datetime-picker";
-import { Icon as m } from "../Icon/Icon.js";
-/* empty css                */
-const u = {
-  date: "dd-MM-yyyy",
-  dateRange: "dd-MM-yyyy",
-  time: "h:mm:ss a",
-  timeRange: "h:mm:ss a",
-  dateTime: "dd-MM-yyyy h:mm:ss a",
-  dateTimeRange: "dd-MM-yyyy h:mm:ss a"
-}, x = {
-  date: e,
-  dateRange: e,
-  time: e,
-  timeRange: e,
-  dateTime: e,
-  dateTimeRange: e
-}, b = (r) => {
-  const {
-    className: c,
-    type: t = "date",
-    format: d,
-    dayPlaceholder: s = "dd",
-    monthPlaceholder: n = "mm",
-    yearPlaceholder: l = "yyyy",
-    hourPlaceholder: i = "hh",
-    minutePlaceholder: y = "mm",
-    secondPlaceholder: h = "ss",
-    placeholder: o = "Select a Date",
-    icon: p = "f784",
-    value: P,
-    onChange: D
-  } = r, f = {
-    className: M(
-      "xtrDatePicker",
-      c
-    ),
-    calendarIcon: /* @__PURE__ */ a(m, { code: p, type: "regular" }),
-    clearIcon: /* @__PURE__ */ a(m, { code: "e59b", type: "solid" }),
-    format: d ?? u[t],
-    dayPlaceholder: s,
-    monthPlaceholder: n,
-    yearPlaceholder: l,
-    hourPlaceholder: i,
-    minutePlaceholder: y,
-    secondPlaceholder: h,
-    placeholder: o,
-    value: P,
-    onChange: D
-  }, g = x[t];
-  return /* @__PURE__ */ a(g, { "data-testid": o, ...f });
-};
-export {
-  b as DatePicker
-};

package/dist/components/base/DatePicker/exports.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                  */const e=require("./DatePicker.cjs"),r=require("./types.cjs");exports.DatePicker=e.DatePicker;exports.EDatePickerTypes=r.EDatePickerTypes;

package/dist/components/base/DatePicker/exports.js

@@ -1,8 +0,0 @@
-/* empty css                         */
-/* empty css                */
-import { DatePicker as p } from "./DatePicker.js";
-import { EDatePickerTypes as m } from "./types.js";
-export {
-  p as DatePicker,
-  m as EDatePickerTypes
-};

package/dist/components/base/DatePicker/types.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.date="date",e.dateRange="dateRange",e.time="time",e.timeRange="timeRange",e.dateTime="dateTime",e.dateTimeRange="dateTimeRange",e))(t||{});exports.EDatePickerTypes=t;

package/dist/components/base/DatePicker/types.js

@@ -1,4 +0,0 @@
-var e = /* @__PURE__ */ ((a) => (a.date = "date", a.dateRange = "dateRange", a.time = "time", a.timeRange = "timeRange", a.dateTime = "dateTime", a.dateTimeRange = "dateTimeRange", a))(e || {});
-export {
-  e as EDatePickerTypes
-};

package/dist/components/base/FilePicker/FilePicker.cjs

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("clsx"),x=require("react-dom"),F=require("use-file-picker"),h=require("../../layout/ImageEditor/ImageEditor.cjs"),C=require("../Button/Button.cjs"),y=require("../Icon/Icon.cjs");;/* empty css                  */const I=require("./getFilePickerIcon.cjs"),E=require("./types.cjs"),N=k=>{var g,b,m;const{className:f,children:s,draggable:u=!1,editable:j=!1,multiple:c=!1,accept:i="*/*",onChange:l}=k,t=j&&!c&&(i.includes("image")||E.imageExts.includes((m=(b=(g=i==null?void 0:i.split)==null?void 0:g.call(i,","))==null?void 0:b[0])==null?void 0:m.replace(".",""))),{openFilePicker:n,loading:P,plainFiles:e,clear:d}=F.useFilePicker({accept:i,multiple:c,onFilesSuccessfullySelected:({plainFiles:o})=>{t||l(o)}}),a=q("xtrFilePicker",s&&"wrapper",u&&"draggable",f);return s?r.jsxs(r.Fragment,{children:[r.jsx("div",{className:a,onClick:n,children:s}),t&&(e==null?void 0:e[0])&&x.createPortal(r.jsx(h.ImageEditor,{file:e==null?void 0:e[0],clearFile:d,onChange:o=>l(o.blob?[o.blob]:[])}),document.body)]}):u?r.jsxs("div",{className:a,onClick:n,children:[r.jsx(y.Icon,{code:"f0ed",type:"duotone",size:64}),r.jsxs("h2",{children:["Drop File",c?"s":""," Here"]}),r.jsx("p",{children:"or click here to open file chooser"})]}):r.jsxs(r.Fragment,{children:[r.jsx(C.Button,{className:a,label:`Choose File${c?"s":""}`,icon:I.getFilePickerIcon(i),onClick:n,loading:P}),t&&(e==null?void 0:e[0])&&x.createPortal(r.jsx(h.ImageEditor,{file:e==null?void 0:e[0],clearFile:d,onChange:o=>l(o.blob?[o.blob]:[])}),document.body)]})};exports.FilePicker=N;

package/dist/components/base/FilePicker/FilePicker.js

@@ -1,73 +0,0 @@
-"use client";
-import { jsxs as c, Fragment as h, jsx as i } from "react/jsx-runtime";
-import y from "clsx";
-import { createPortal as p } from "react-dom";
-import { useFilePicker as N } from "use-file-picker";
-import { ImageEditor as k } from "../../layout/ImageEditor/ImageEditor.js";
-import { Button as E } from "../Button/Button.js";
-import { Icon as I } from "../Icon/Icon.js";
-/* empty css                */
-import { getFilePickerIcon as j } from "./getFilePickerIcon.js";
-import { imageExts as S } from "./types.js";
-const J = (C) => {
-  var b, u, g;
-  const { className: x, children: t, draggable: d = !1, editable: P = !1, multiple: l = !1, accept: o = "*/*", onChange: n } = C, m = P && !l && (o.includes("image") || S.includes((g = (u = (b = o == null ? void 0 : o.split) == null ? void 0 : b.call(o, ",")) == null ? void 0 : u[0]) == null ? void 0 : g.replace(".", ""))), { openFilePicker: s, loading: F, plainFiles: e, clear: f } = N({
-    accept: o,
-    multiple: l,
-    onFilesSuccessfullySelected: ({ plainFiles: r }) => {
-      m || n(r);
-    }
-  }), a = y(
-    "xtrFilePicker",
-    t && "wrapper",
-    d && "draggable",
-    x
-  );
-  return t ? /* @__PURE__ */ c(h, { children: [
-    /* @__PURE__ */ i("div", { className: a, onClick: s, children: t }),
-    m && (e == null ? void 0 : e[0]) && p(
-      /* @__PURE__ */ i(
-        k,
-        {
-          file: e == null ? void 0 : e[0],
-          clearFile: f,
-          onChange: (r) => n(r.blob ? [r.blob] : [])
-        }
-      ),
-      document.body
-    )
-  ] }) : d ? /* @__PURE__ */ c("div", { className: a, onClick: s, children: [
-    /* @__PURE__ */ i(I, { code: "f0ed", type: "duotone", size: 64 }),
-    /* @__PURE__ */ c("h2", { children: [
-      "Drop File",
-      l ? "s" : "",
-      " Here"
-    ] }),
-    /* @__PURE__ */ i("p", { children: "or click here to open file chooser" })
-  ] }) : /* @__PURE__ */ c(h, { children: [
-    /* @__PURE__ */ i(
-      E,
-      {
-        className: a,
-        label: `Choose File${l ? "s" : ""}`,
-        icon: j(o),
-        onClick: s,
-        loading: F
-      }
-    ),
-    m && (e == null ? void 0 : e[0]) && p(
-      /* @__PURE__ */ i(
-        k,
-        {
-          file: e == null ? void 0 : e[0],
-          clearFile: f,
-          onChange: (r) => n(r.blob ? [r.blob] : [])
-        }
-      ),
-      document.body
-    )
-  ] });
-};
-export {
-  J as FilePicker
-};

package/dist/components/base/FilePicker/exports.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                           */;/* empty css                  */const e=require("./FilePicker.cjs"),i=require("./types.cjs");exports.FilePicker=e.FilePicker;exports.FilePickerIcon=i.FilePickerIcon;

package/dist/components/base/FilePicker/exports.js

@@ -1,8 +0,0 @@
-/* empty css                         */
-/* empty css                */
-import { FilePicker as m } from "./FilePicker.js";
-import { FilePickerIcon as t } from "./types.js";
-export {
-  m as FilePicker,
-  t as FilePickerIcon
-};

package/dist/components/base/FilePicker/getFilePickerIcon.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./types.cjs"),u=(i="")=>{var c,t;if(i.includes(",")&&i.includes("/")){let n=0;if(i.split(",").map(l=>{var s;return(s=l.split("/"))==null?void 0:s[0]}).forEach(l=>{l in e.FilePickerIcon&&n++}),n>0)return e.FilePickerIcon.multimedia}if(i.includes("/")){const[n,r]=i.split("/");if(r in e.FilePickerIcon)return e.FilePickerIcon[r];if(n in e.FilePickerIcon)return e.FilePickerIcon[n]}const o=i.includes(",")?(t=(c=i.split(","))==null?void 0:c[0])==null?void 0:t.replace(".",""):i.replace(".","");return o in e.FilePickerIcon?e.FilePickerIcon[o]:e.FilePickerIcon.file};exports.getFilePickerIcon=u;