xtreme-ui 0.0.95 → 0.0.96

package/dist/components/base/ColorPicker/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,WAAW,8GAiCtB,CAAC"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,8GAkCtB,CAAC"}

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

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

package/dist/components/base/ColorPicker/colorPicker.module.scss.js

@@ -1,13 +1,13 @@
-const e = "_colorPicker_1lsi0_1", l = "_wheel_1lsi0_6", s = "_shade_1lsi0_10", o = "_alpha_1lsi0_10", _ = {
+const e = "_colorPicker_16j6k_1", o = "_wheel_16j6k_5", _ = "_shade_16j6k_9", a = "_alpha_16j6k_9", c = {
   colorPicker: e,
-  wheel: l,
-  shade: s,
-  alpha: o
+  wheel: o,
+  shade: _,
+  alpha: a
 };
 export {
-  o as alpha,
+  a as alpha,
   e as colorPicker,
-  _ as default,
-  s as shade,
-  l as wheel
+  c as default,
+  _ as shade,
+  o as wheel
 };

package/dist/components/base/ColorPopper/ColorPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/ColorPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,GAAG,EAAE,MAAM,OAAO,CAAC;AAqB9E,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAE/D,iBAAS,gBAAgB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EAAG,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,cAAc,CAAC,2CA+H9G;kBA/HQ,gBAAgB;;;AAiIzB,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EACxF,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACvD,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"ColorPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/ColorPopper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoD,GAAG,EAAE,MAAM,OAAO,CAAC;AAwB9E,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAE/D,iBAAS,gBAAgB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EAAG,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,cAAc,CAAC,2CAqO9G;kBArOQ,gBAAgB;;;AAuOzB,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EACxF,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACvD,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

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

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

package/dist/components/base/ColorPopper/types.d.ts

@@ -1,12 +1,23 @@
+import { TThemeScheme } from '../../context/Theme/types';
 import { HslColor, RgbColor, HsvColor, RgbaColor, AnyColor } from 'colord';
+export declare enum EColorPopperSize {
+    mini = "mini",
+    default = "default"
+}
 export type ExtractColorType<T> = T extends RgbColor ? RgbColor : T extends RgbaColor ? RgbaColor : T extends HslColor ? HslColor : T extends HsvColor ? HsvColor : AnyColor;
 export type TColorPopperProps<T extends AnyColor = AnyColor> = {
     className?: string;
     popperClassName?: string;
+    size?: keyof typeof EColorPopperSize;
     placeholder?: string;
+    colorHeading?: string;
+    schemeHeading?: string;
+    themeScheme?: TThemeScheme | undefined;
+    setThemeScheme?: (scheme: TThemeScheme | undefined) => void;
     showReset?: boolean;
     alpha?: boolean;
     shade?: boolean;
+    swatch?: T[];
     color: T;
     setColor: (col: ExtractColorType<T>) => void;
 };

package/dist/components/base/ColorPopper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEhF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,QAAQ,GACjD,QAAQ,GACR,CAAC,SAAS,SAAS,GACnB,SAAS,GACT,CAAC,SAAS,QAAQ,GAClB,QAAQ,GACR,CAAC,SAAS,QAAQ,GAClB,QAAQ,GACR,QAAQ,CAAC;AAEZ,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAC7C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEhF,oBAAY,gBAAgB;IAC3B,IAAI,SAAS;IACb,OAAO,YAAY;CACnB;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,QAAQ,GACjD,QAAQ,GAAG,CAAC,SAAS,SAAS,GAAG,SAAS,GAAG,CAAC,SAAS,QAAQ,GAC/D,QAAQ,GAAG,CAAC,SAAS,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvD,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC;IACb,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAC7C,CAAC"}

package/dist/components/base/Icon/Icon.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import a from "clsx";
+import { forwardRef as a } from "react";
+import f from "clsx";
 import "../../../utils/constants/theme.js";
-import { unicodeToString as f } from "../../../utils/function/string.js";
+import { unicodeToString as d } from "../../../utils/function/string.js";
 /* empty css          */
-import { EIconSize as d } from "./types.js";
-const u = l((e, i) => {
-  const { className: n, code: r, type: c = "light", size: o = "default", onClick: t } = e, m = `${typeof o == "number" ? o : d[o]}px`, s = a(
+import { EIconSize as u } from "./types.js";
+const x = a((e, i) => {
+  const { className: n, style: r = {}, code: c, type: m = "light", size: o = "default", onClick: t } = e, s = `${typeof o == "number" ? o : u[o]}px`, l = f(
     "xtrIcon",
     "fontAwesome",
-    c,
+    m,
     t && "iconButton",
     n
   );
@@ -18,15 +18,15 @@ const u = l((e, i) => {
     "i",
     {
       ref: i,
-      className: s,
-      style: { "--iconSize": m },
-      "data-content": f(r),
+      className: l,
+      style: { "--iconSize": s, ...r },
+      "data-content": d(c),
       role: "img",
       onClick: t
     }
   );
 });
-u.displayName = "Icon";
+x.displayName = "Icon";
 export {
-  u as Icon
+  x as Icon
 };

package/dist/components/base/Icon/types.d.ts

@@ -1,5 +1,7 @@
+import { CSSProperties } from 'react';
 export type IIconProps = {
     className?: string;
+    style?: CSSProperties;
     code: string;
     type?: keyof typeof EIconType;
     size?: number | keyof typeof EIconSize;

package/dist/components/base/Icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Icon/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAA;AACD,oBAAY,SAAS;IACpB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,KAAK,UAAU;CACf;AAED,oBAAY,SAAS;IACpB,IAAI,KAAK;IACT,OAAO,KAAK;IACZ,KAAK,KAAK;CACV"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,UAAU,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,OAAO,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAA;AACD,oBAAY,SAAS;IACpB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,KAAK,UAAU;CACf;AAED,oBAAY,SAAS;IACpB,IAAI,KAAK;IACT,OAAO,KAAK;IACZ,KAAK,KAAK;CACV"}

package/dist/components/base/Textfield/Textfield.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/Textfield.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,SAAS,8GAsGpB,CAAC"}
+{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/Textfield.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,SAAS,8GAwGpB,CAAC"}

package/dist/components/base/Textfield/Textfield.js

@@ -1,17 +1,18 @@
 "use client";
 import { jsxs as w, jsx as o } from "react/jsx-runtime";
-import { forwardRef as v, useMemo as f } from "react";
-import D from "clsx";
-import { Icon as F } from "../Icon/Icon.js";
+import { forwardRef as D, useMemo as f } from "react";
+import F from "clsx";
+import { Icon as L } from "../Icon/Icon.js";
 import r from "./textfield.module.scss.js";
-const L = v((g, T) => {
+const U = D((g, T) => {
   const {
-    className: C,
-    style: I,
+    className: v,
+    style: C,
     type: e = "text",
-    textarea: n,
+    textarea: t,
     placeholder: a,
     autoComplete: m = "off",
+    active: I,
     autoFocus: d,
     icon: l,
     iconType: E = "regular",
@@ -23,28 +24,29 @@ const L = v((g, T) => {
     onKeyDown: i,
     onEnterKey: u
   } = g, p = f(() => {
-    if (n === !0) return null;
+    if (t === !0) return null;
     if (l) return l;
     if (e === "number") return "23";
     if (e === "search") return "f002";
     if (e === "password") return "f30d";
-  }, [n, l, e]), K = f(() => {
+  }, [t, l, e]), K = f(() => {
     if (a) return a;
     if (e === "number") return "Enter a number";
     if (e === "search") return "Search";
     if (e === "password") return "Enter password";
     if (e === "phone") return "Enter phone number";
-  }, [a, e]), j = f(() => e === "phone" ? "number" : e, [e]), N = (t) => {
-    c == null || c(t);
-  }, b = (t) => {
-    t.key === "Enter" && (u == null || u(t)), i == null || i(t);
-  }, k = D(
+  }, [a, e]), j = f(() => e === "phone" ? "number" : e, [e]), N = (n) => {
+    c == null || c(n);
+  }, b = (n) => {
+    n.key === "Enter" && (u == null || u(n)), i == null || i(n);
+  }, k = F(
     r.textfield,
     p && r.withIcon,
-    n && r.textarea,
+    t && r.textarea,
     s && r.hasValue,
     e === "phone" && r.phone,
-    C
+    I && r.active,
+    v
   );
   return /* @__PURE__ */ w(
     "div",
@@ -52,14 +54,14 @@ const L = v((g, T) => {
       ref: T,
       className: k,
       role: "textbox",
-      style: I,
+      style: C,
       children: [
-        p && !n && /* @__PURE__ */ o(F, { className: r.icon, code: p, type: E }),
+        p && !t && /* @__PURE__ */ o(L, { className: r.icon, code: p, type: E }),
         e === "phone" && /* @__PURE__ */ w("div", { className: r.dialCode, children: [
           /* @__PURE__ */ o("span", { style: { backgroundImage: "url(https://flagcdn.com/in.svg)" } }),
           /* @__PURE__ */ o("p", { children: "+91" })
         ] }),
-        n ? /* @__PURE__ */ o(
+        t ? /* @__PURE__ */ o(
           "textarea",
           {
             className: r.input,
@@ -92,7 +94,7 @@ const L = v((g, T) => {
     }
   );
 });
-L.displayName = "Textfield";
+U.displayName = "Textfield";
 export {
-  L as Textfield
+  U as Textfield
 };

package/dist/components/base/Textfield/textfield.module.scss.js

@@ -1,23 +1,25 @@
-const e = "_textfield_zn0ed_1", n = "_icon_zn0ed_29", t = "_dialCode_zn0ed_39", _ = "_input_zn0ed_60", o = "_placeholder_zn0ed_79", d = "_withIcon_zn0ed_94", a = "_textarea_zn0ed_104", c = "_phone_zn0ed_114", l = "_hasValue_zn0ed_120", s = {
-  textfield: e,
-  icon: n,
-  dialCode: t,
-  input: _,
+const t = "_textfield_1dif2_1", e = "_icon_1dif2_29", _ = "_dialCode_1dif2_39", i = "_input_1dif2_60", o = "_placeholder_1dif2_79", a = "_withIcon_1dif2_94", c = "_textarea_1dif2_104", d = "_phone_1dif2_114", n = "_hasValue_1dif2_120", l = "_active_1dif2_141", s = {
+  textfield: t,
+  icon: e,
+  dialCode: _,
+  input: i,
   placeholder: o,
-  withIcon: d,
-  textarea: a,
-  phone: c,
-  hasValue: l
+  withIcon: a,
+  textarea: c,
+  phone: d,
+  hasValue: n,
+  active: l
 };
 export {
+  l as active,
   s as default,
-  t as dialCode,
-  l as hasValue,
-  n as icon,
-  _ as input,
-  c as phone,
+  _ as dialCode,
+  n as hasValue,
+  e as icon,
+  i as input,
+  d as phone,
   o as placeholder,
-  a as textarea,
-  e as textfield,
-  d as withIcon
+  c as textarea,
+  t as textfield,
+  a as withIcon
 };

package/dist/components/base/Textfield/types.d.ts

@@ -6,6 +6,7 @@ export type TTextfieldProps = {
     type?: keyof typeof ETextfieldType;
     textarea?: boolean;
     placeholder?: string;
+    active?: boolean;
     autoFocus?: boolean;
     autoComplete?: keyof typeof ETextfieldAutoComplete;
     icon?: string;

package/dist/components/base/Textfield/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAChF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAA;AACD,aAAK,cAAc;IAClB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CACjB;AAED,aAAK,sBAAsB;IAC1B,KAAK,QAAQ;IACb,IAAI,OAAO;IACX,MAAM,SAAS;IACf,kBAAkB,qBAAqB;IACvC,YAAY,eAAe;IAC3B,iBAAiB,oBAAoB;IACrC,aAAa,gBAAgB;IAC7B,kBAAkB,qBAAqB;IACvC,UAAU,aAAa;IACvB,OAAO,UAAU;IACjB,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,kBAAkB,qBAAqB;IACvC,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,gBAAgB,mBAAmB;IACnC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,SAAS,YAAY;IACrB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,gBAAgB,mBAAmB;IACnC,WAAW,cAAc;IACzB,QAAQ,WAAW;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,sBAAsB,yBAAyB;IAC/C,oBAAoB,uBAAuB;IAC3C,UAAU,aAAa;IACvB,MAAM,SAAS;IACf,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,KAAK,QAAQ;IACb,kBAAkB,qBAAqB;IACvC,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,WAAW,cAAc;IACzB,eAAe,kBAAkB;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAChF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAA;AACD,aAAK,cAAc;IAClB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CACjB;AAED,aAAK,sBAAsB;IAC1B,KAAK,QAAQ;IACb,IAAI,OAAO;IACX,MAAM,SAAS;IACf,kBAAkB,qBAAqB;IACvC,YAAY,eAAe;IAC3B,iBAAiB,oBAAoB;IACrC,aAAa,gBAAgB;IAC7B,kBAAkB,qBAAqB;IACvC,UAAU,aAAa;IACvB,OAAO,UAAU;IACjB,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,kBAAkB,qBAAqB;IACvC,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,gBAAgB,mBAAmB;IACnC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,SAAS,YAAY;IACrB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,gBAAgB,mBAAmB;IACnC,WAAW,cAAc;IACzB,QAAQ,WAAW;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,sBAAsB,yBAAyB;IAC/C,oBAAoB,uBAAuB;IAC3C,UAAU,aAAa;IACvB,MAAM,SAAS;IACf,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,KAAK,QAAQ;IACb,kBAAkB,qBAAqB;IACvC,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,WAAW,cAAc;IACzB,eAAe,kBAAkB;CACjC"}

package/dist/components/layout/ThemePicker/ThemePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAqC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG/E,eAAO,MAAM,WAAW,8GAuEtB,CAAC"}
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAaA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAqC,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG/E,eAAO,MAAM,WAAW,8GAwEtB,CAAC"}