xtreme-ui 0.0.131 → 0.0.133

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as w, jsx as r } from "react/jsx-runtime";
+import { jsxs as w, jsx as n } from "react/jsx-runtime";
 import j from "clsx";
 import { Icon as k } from "gliff";
 import { forwardRef as L, useId as B, useMemo as u } from "react";
@@ -9,27 +9,27 @@ const M = L((p, K) => {
     className: N,
     style: g,
     type: e = "text",
-    textarea: n,
+    textarea: r,
     placeholder: t,
     autoComplete: d = "off",
     active: I,
-    autoFocus: f,
+    autoFocus: m,
     icon: a,
     iconType: T = "regular",
     value: l,
-    onChange: m,
+    onChange: f,
     onFocus: h,
     onBlur: y,
     onKeyUp: E,
     onKeyDown: v,
     onEnterKey: C
   } = p, D = B(), c = p.id ?? D, s = u(() => {
-    if (n === !0) return null;
+    if (r === !0) return null;
     if (a) return a;
     if (e === "number") return "23";
     if (e === "search") return "f002";
     if (e === "password") return "f30d";
-  }, [n, a, e]), i = u(() => {
+  }, [r, a, e]), i = u(() => {
     if (t) return t;
     if (e === "number") return "Enter a number";
     if (e === "search") return "Search";
@@ -42,44 +42,44 @@ const M = L((p, K) => {
   }, F = j(
     "xtrTextfield",
     s && "withIcon",
-    n && "textarea",
+    r && "textarea",
     l && "hasValue",
     e === "phone" && "phone",
     I && "active",
     N
   );
   return /* @__PURE__ */ w("div", { ref: K, className: F, style: g, children: [
-    /* @__PURE__ */ r("label", { className: "placeholder", htmlFor: c, children: i }),
-    s && !n && /* @__PURE__ */ r(k, { code: s, type: T }),
+    /* @__PURE__ */ n("label", { className: "placeholder", htmlFor: c, children: i }),
+    s && !r && /* @__PURE__ */ n(k, { className: "xIcon", code: s, type: T }),
     e === "phone" && /* @__PURE__ */ w("div", { className: "dialCode", children: [
-      /* @__PURE__ */ r("span", { style: { backgroundImage: "url(https://flagcdn.com/in.svg)" } }),
-      /* @__PURE__ */ r("p", { children: "+91" })
+      /* @__PURE__ */ n("span", { style: { backgroundImage: "url(https://flagcdn.com/in.svg)" } }),
+      /* @__PURE__ */ n("p", { children: "+91" })
     ] }),
-    n ? /* @__PURE__ */ r(
+    r ? /* @__PURE__ */ n(
       "textarea",
       {
         className: "input",
         id: c,
-        autoFocus: f,
+        autoFocus: m,
         autoComplete: d,
         value: l,
-        onChange: m,
+        onChange: f,
         onFocus: h,
         onBlur: y,
         onKeyUp: x,
         onKeyDown: b,
         "aria-label": i
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ n(
       "input",
       {
         className: "input",
         id: c,
         type: U,
-        autoFocus: f,
+        autoFocus: m,
         autoComplete: d,
         value: l,
-        onChange: m,
+        onChange: f,
         onFocus: h,
         onBlur: y,
         onKeyUp: x,

package/dist/components/layout/ImageEditor/ImageEditor.js

@@ -1,57 +1,57 @@
 "use client";
-import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
 import Z from "clsx";
-import { Icon as s } from "gliff";
+import { Icon as n } from "gliff";
 import { useState as t, useCallback as b, useEffect as j } from "react";
 import A from "react-easy-crop";
 import { Spinner as R } from "../../base/Spinner/Spinner.js";
 import { readImageFile as $, getImageSize as _, getCroppedImg as q } from "../../../utils/helper/imageHelper.js";
 import './imageEditor.css';/* empty css                 */
-const S = 1, T = (x) => {
-  const { className: y, file: i, clearFile: m, minImageSize: r, cropShape: k = "round", aspect: z = 1, zoomSpeed: v = 1, onChange: w } = x, [l, d] = t(), [E, p] = t(!0), [F, g] = t(S), [L, f] = t({ x: 0, y: 0 }), [C, a] = t(0), [M, u] = t(), N = Z("xtrImageEditor", y), P = async () => {
+const h = 1, T = (S) => {
+  const { className: y, file: c, clearFile: m, minImageSize: a, cropShape: N = "round", aspect: k = 1, zoomSpeed: z = 1, onChange: v } = S, [l, d] = t(), [w, p] = t(!0), [E, g] = t(h), [F, f] = t({ x: 0, y: 0 }), [C, r] = t(0), [L, I] = t(), M = Z("xtrImageEditor", y), P = async () => {
     try {
-      const e = await q(l, M, C);
-      e && w(e);
+      const e = await q(l, L, C);
+      e && v(e);
     } catch (e) {
       console.error(e);
     }
-    c();
-  }, c = b(() => {
-    d(void 0), f({ x: 0, y: 0 }), g(S), a(0), u(void 0), m?.(), p(!0);
+    i();
+  }, i = b(() => {
+    d(void 0), f({ x: 0, y: 0 }), g(h), r(0), I(void 0), m?.(), p(!0);
   }, [m]);
   return j(() => {
     (async () => {
-      if (!i) return;
-      const n = await $(i), h = await _(n);
-      if (r && Math.min(h.width, h.height) < r)
-        return c(), console.log(`Image should be at least ${r}x${r}`);
-      d(n);
+      if (!c) return;
+      const s = await $(c), u = await _(s);
+      if (a && Math.min(u.width, u.height) < a)
+        return i(), console.log(`Image should be at least ${a}x${a}`);
+      d(s);
     })();
-  }, [c, i, r]), i ? /* @__PURE__ */ I("div", { className: N, children: [
+  }, [i, c, a]), c ? /* @__PURE__ */ x("div", { className: M, children: [
     /* @__PURE__ */ o(
       A,
       {
         image: l,
         onMediaLoaded: () => p(!1),
-        cropShape: k,
-        aspect: z,
-        zoom: F,
-        zoomSpeed: v,
+        cropShape: N,
+        aspect: k,
+        zoom: E,
+        zoomSpeed: z,
         onZoomChange: g,
         rotation: C,
-        onRotationChange: a,
-        crop: L,
+        onRotationChange: r,
+        crop: F,
         onCropChange: f,
-        onCropComplete: (e, n) => u(n)
+        onCropComplete: (e, s) => I(s)
       }
     ),
-    /* @__PURE__ */ I("div", { className: "editorControls", children: [
-      /* @__PURE__ */ o(s, { code: "f00d", type: "solid", onClick: c }),
-      /* @__PURE__ */ o(s, { code: "f2ea", type: "solid", onClick: () => a((e) => e - 90) }),
-      /* @__PURE__ */ o(s, { code: "f2f9", type: "solid", onClick: () => a((e) => e + 90) }),
-      /* @__PURE__ */ o(s, { code: "f00c", type: "solid", onClick: P })
+    /* @__PURE__ */ x("div", { className: "editorControls", children: [
+      /* @__PURE__ */ o(n, { className: "xIcon", code: "f00d", type: "solid", onClick: i }),
+      /* @__PURE__ */ o(n, { className: "xIcon", code: "f2ea", type: "solid", onClick: () => r((e) => e - 90) }),
+      /* @__PURE__ */ o(n, { className: "xIcon", code: "f2f9", type: "solid", onClick: () => r((e) => e + 90) }),
+      /* @__PURE__ */ o(n, { className: "xIcon", code: "f00c", type: "solid", onClick: P })
     ] }),
-    E && /* @__PURE__ */ o(R, { fullpage: !0 })
+    w && /* @__PURE__ */ o(R, { fullpage: !0 })
   ] }) : null;
 };
 export {

package/dist/components/layout/Navigation/Navigation.js

@@ -1,19 +1,19 @@
 "use client";
 import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import r from "clsx";
+import c from "clsx";
 import { Icon as v } from "gliff";
 import { forwardRef as g, useState as x, useEffect as b } from "react";
 import './navigation.css';/* empty css                */
-const j = g((t, c) => {
-  const { className: l, children: m, hrefPropName: f = "href", routes: d = [], pathname: e = "", as: h = "a" } = t, [i, n] = x("/"), p = r("xtrNavigation", l);
+const j = g((r, t) => {
+  const { className: l, children: m, hrefPropName: f = "href", routes: d = [], pathname: e = "", as: h = "a" } = r, [i, n] = x("/"), N = c("xtrNavigation", l);
   return b(() => {
     i === e && n("/");
-  }, [i, e]), /* @__PURE__ */ o("nav", { ref: c, className: p, children: [
+  }, [i, e]), /* @__PURE__ */ o("nav", { ref: t, className: N, children: [
     /* @__PURE__ */ s("div", { className: "brand", children: m }),
-    /* @__PURE__ */ s("div", { className: "routeList", children: d.map((a, N) => /* @__PURE__ */ o(
+    /* @__PURE__ */ s("div", { className: "routeList", children: d.map((a, p) => /* @__PURE__ */ o(
       h,
       {
-        className: r("route", a?.href === i && "loading", a?.href === e && "active"),
+        className: c("route", a?.href === i && "loading", a?.href === e && "active"),
         [f]: a?.href,
         onClick: () => {
           setTimeout(() => {
@@ -21,11 +21,11 @@ const j = g((t, c) => {
           }, 150);
         },
         children: [
-          a?.icon && /* @__PURE__ */ s(v, { code: a?.icon, set: a?.href === e ? "duotone" : void 0, type: a?.href === e ? void 0 : "light" }),
+          a?.icon && /* @__PURE__ */ s(v, { className: "xIcon", code: a?.icon, set: a?.href === e ? "duotone" : void 0, type: a?.href === e ? void 0 : "light" }),
           /* @__PURE__ */ s("span", { className: "label", children: a?.name })
         ]
       },
-      `route-${a?.href}-${N}`
+      `route-${a?.href}-${p}`
     )) })
   ] });
 });

package/dist/components/layout/SiderModal/SiderModal.js

@@ -1,27 +1,27 @@
 "use client";
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import r from "clsx";
+import s from "clsx";
 import { Icon as f } from "gliff";
 import { forwardRef as y } from "react";
-import { Button as s } from "../../base/Button/Button.js";
+import { Button as r } from "../../base/Button/Button.js";
 import { useXData as u } from "../../context/useContext.js";
 import './siderModal.css';/* empty css                */
-const h = y((i, d) => {
-  const { className: l, children: m, title: n, icon: a, primaryButtonProps: t = {}, secondaryButtonProps: c = {} } = i, { setSiderMode: p } = u(), N = r("xtrSiderModal", l);
-  return /* @__PURE__ */ e("div", { ref: d, className: N, role: "dialog", children: [
+const x = y((i, l) => {
+  const { className: d, children: m, title: n, icon: a, primaryButtonProps: t = {}, secondaryButtonProps: c = {} } = i, { setSiderMode: p } = u(), N = s("xtrSiderModal", d);
+  return /* @__PURE__ */ e("div", { ref: l, className: N, role: "dialog", children: [
     /* @__PURE__ */ e("div", { className: "header", children: [
-      /* @__PURE__ */ o(s, { className: "back", icon: "f053", onClick: () => p("closed") }),
-      a && /* @__PURE__ */ o(f, { code: a, set: "duotone" }),
+      /* @__PURE__ */ o(r, { className: "back", icon: "f053", onClick: () => p("closed") }),
+      a && /* @__PURE__ */ o(f, { className: "xIcon", code: a, set: "duotone" }),
       /* @__PURE__ */ o("p", { className: "title", children: n })
     ] }),
     /* @__PURE__ */ o("div", { className: "body", children: m }),
     /* @__PURE__ */ e("div", { className: "footer", children: [
-      /* @__PURE__ */ o(s, { type: "primary", ...t, className: r("primaryButton", t?.className) }),
-      /* @__PURE__ */ o(s, { type: "secondary", ...c, className: r("secondaryButton", c?.className) })
+      /* @__PURE__ */ o(r, { type: "primary", ...t, className: s("primaryButton", t?.className) }),
+      /* @__PURE__ */ o(r, { type: "secondary", ...c, className: s("secondaryButton", c?.className) })
     ] })
   ] });
 });
-h.displayName = "SiderModal";
+x.displayName = "SiderModal";
 export {
-  h as SiderModal
+  x as SiderModal
 };

package/dist/components/layout/ThemePicker/themePicker.css

@@ -1 +1 @@
-.xtrThemePicker{container-type:inline-size;--schemeSize: 190px;--schemeGap: calc(var(--schemeSize) / 8);--globalTertiaryColor: var(--colorBackgroundTertiary);position:relative;width:100%;max-width:100%;display:flex;flex-direction:column}.xtrThemePicker .themeSchemes{width:fit-content;display:flex;gap:calc(var(--schemeGap) / 1.2)}.xtrThemePicker .themeSchemes *{transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem{--rippleShadowColor: var(--globalTertiaryColor);--cardBorderRadius: calc(var(--schemeGap) / 2);position:relative;width:var(--schemeSize);height:calc(var(--schemeSize) * .8);background:var(--colorBackgroundSecondary);-webkit-user-select:none;user-select:none;border:2px solid var(--colorBackgroundTertiary);cursor:pointer;transition:all var(--animDurDefault) var(--cubicBezierPrimary),box-shadow var(--animDurDefault) linear}@media(prefers-color-scheme:light){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media(prefers-color-scheme:dark){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}.xtrThemePicker .themeSchemes .themeSchemeItem.light{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}.xtrThemePicker .themeSchemes .themeSchemeItem.dark{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}.xtrThemePicker .themeSchemes .themeSchemeItem .design{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation{position:absolute;top:0;left:0;width:25%;height:100%;display:flex;flex-direction:column;gap:calc(var(--schemeGap) / 6);padding:calc(var(--schemeGap) / 2.4) 0;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem{width:100%;height:calc(var(--schemeGap) / 6);background:#000;opacity:.2}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:first-child{margin-top:10px;background:#fff}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:last-child{margin-top:auto}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content{position:absolute;top:0;left:4%;width:96%;height:100%;border-top-left-radius:calc(var(--schemeGap) / 2);border-bottom-left-radius:calc(var(--schemeGap) / 2);background:var(--colorBackgroundPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header{position:absolute;top:0;left:0;width:100%;height:calc(var(--schemeGap) / 2)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:before{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 3);display:block;width:calc(var(--schemeGap) / 4);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:after{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 1.2);display:block;width:calc(var(--schemeGap) * 2);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile{position:absolute;top:calc(var(--schemeGap) / 1.1);left:50%;transform:translate(-50%);width:calc(var(--schemeGap));height:calc(var(--schemeGap));border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile:before{content:"";position:absolute;top:calc(var(--schemeGap) * 1.2);left:50%;transform:translate(-50%);display:block;width:calc(var(--schemeGap) * 1.5);height:calc(var(--schemeGap) / 8);border-radius:9999px;background:var(--colorBackgroundTertiary);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;color:var(--colorContentPrimary);margin-bottom:calc(var(--schemeGap) / 2);gap:calc(var(--schemeGap) / 3)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerIcon{font-size:max(10px,var(--schemeGap) / 1.5);text-transform:capitalize;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerLabel{font-size:max(10px,var(--schemeGap) / 1.6);font-variation-settings:"wdth" 75,"wght" 700;text-transform:uppercase;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content{top:0;left:20%;width:80%}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation .navigationItem,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation .navigationItem{opacity:.3}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .content .header:before,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content .header:before{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .footer,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .footer{color:hsl(var(--colorBrandPrimary))}.xtrThemePicker .swatches{position:relative;width:calc(var(--schemeSize) * 3 + var(--schemeGap) * 2 / 1.2);display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:calc(var(--schemeGap) / 1.5);padding:0 4px;margin-top:var(--schemeGap);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .swatches .xtrThemeSelect,.xtrThemePicker .swatches .xtrColorButton{width:100%!important;grid-column:span 2}.xtrThemePicker .swatches .xtrButton .label{font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:.8px}@container (width < 640px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 130px;--schemeGap: calc(var(--schemeSize) / 8)}}@container (width < 420px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 100px;--schemeGap: calc(var(--schemeSize) / 8)}.xtrThemePicker .xtrButton{padding:6px 12px}.xtrThemePicker .xtrButton .xIcon{--iconSize: 14px !important}.xtrThemePicker .xtrButton .label{letter-spacing:unset;font-size:11px}}@container (width < 325px){.xtrThemePicker{--schemeSize: 100px}.xtrThemePicker .themeSchemeItem{display:none}.xtrThemePicker .swatches{width:100%;grid-template-columns:1fr}.xtrThemePicker .swatches>.xtrButton:not(.xtrColorButton){display:none}}
+.xtrThemePicker{container-type:inline-size;--schemeSize: 190px;--schemeGap: calc(var(--schemeSize) / 8);--globalTertiaryColor: var(--colorBackgroundTertiary);position:relative;width:100%;max-width:100%;display:flex;flex-direction:column}.xtrThemePicker .themeSchemes{width:fit-content;display:flex;gap:calc(var(--schemeGap) / 1.2)}.xtrThemePicker .themeSchemes *{transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem{--rippleShadowColor: var(--globalTertiaryColor);--cardBorderRadius: calc(var(--schemeGap) / 2);position:relative;width:var(--schemeSize);height:calc(var(--schemeSize) * .8);background:var(--colorBackgroundSecondary);-webkit-user-select:none;user-select:none;border:2px solid var(--colorBackgroundTertiary);cursor:pointer;transition:all var(--animDurDefault) var(--cubicBezierPrimary),box-shadow var(--animDurDefault) linear}@media(prefers-color-scheme:light){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media(prefers-color-scheme:dark){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}.xtrThemePicker .themeSchemes .themeSchemeItem.light{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}.xtrThemePicker .themeSchemes .themeSchemeItem.dark{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}.xtrThemePicker .themeSchemes .themeSchemeItem .design{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation{position:absolute;top:0;left:0;width:25%;height:100%;display:flex;flex-direction:column;gap:calc(var(--schemeGap) / 6);padding:calc(var(--schemeGap) / 2.4) 0;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem{width:100%;height:calc(var(--schemeGap) / 6);background:#000;opacity:.2}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:first-child{margin-top:10px;background:#fff}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:last-child{margin-top:auto}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content{position:absolute;top:0;left:4%;width:96%;height:100%;border-top-left-radius:calc(var(--schemeGap) / 2);border-bottom-left-radius:calc(var(--schemeGap) / 2);background:var(--colorBackgroundPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header{position:absolute;top:0;left:0;width:100%;height:calc(var(--schemeGap) / 2)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:before{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 3);display:block;width:calc(var(--schemeGap) / 4);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:after{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 1.2);display:block;width:calc(var(--schemeGap) * 2);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile{position:absolute;top:calc(var(--schemeGap) / 1.1);left:50%;transform:translate(-50%);width:calc(var(--schemeGap));height:calc(var(--schemeGap));border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile:before{content:"";position:absolute;top:calc(var(--schemeGap) * 1.2);left:50%;transform:translate(-50%);display:block;width:calc(var(--schemeGap) * 1.5);height:calc(var(--schemeGap) / 8);border-radius:9999px;background:var(--colorBackgroundTertiary);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;color:var(--colorContentPrimary);margin-bottom:calc(var(--schemeGap) / 2);gap:calc(var(--schemeGap) / 3)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerIcon{font-size:max(10px,var(--schemeGap) / 1.5);text-transform:capitalize;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerLabel{font-size:max(10px,var(--schemeGap) / 1.6);font-variation-settings:"wdth" 75,"wght" 700;text-transform:uppercase;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content{top:0;left:20%;width:80%}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation .navigationItem,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation .navigationItem{opacity:.3}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .content .header:before,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content .header:before{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .footer,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .footer{color:hsl(var(--colorBrandPrimary))}.xtrThemePicker .swatches{position:relative;width:calc(var(--schemeSize) * 3 + var(--schemeGap) * 2 / 1.2);display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:calc(var(--schemeGap) / 1.5);padding:0 4px;margin-top:var(--schemeGap);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .swatches .xtrThemeSelect,.xtrThemePicker .swatches .xtrColorButton{width:100%!important;grid-column:span 2}.xtrThemePicker .swatches .xtrButton .label{font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:.8px}@container (width < 640px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 130px;--schemeGap: calc(var(--schemeSize) / 8)}}@container (width < 420px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 100px;--schemeGap: calc(var(--schemeSize) / 8)}.xtrThemePicker .xtrButton{padding:6px 12px}.xtrThemePicker .xtrButton .icon{--iconSize: 14px !important}.xtrThemePicker .xtrButton .label{letter-spacing:unset;font-size:11px}}@container (width < 325px){.xtrThemePicker{--schemeSize: 100px}.xtrThemePicker .themeSchemeItem{display:none}.xtrThemePicker .swatches{width:100%;grid-template-columns:1fr}.xtrThemePicker .swatches>.xtrButton:not(.xtrColorButton){display:none}}

package/dist/storybook/CNAME

@@ -0,0 +1 @@
+xtremeui.ritik.me

package/dist/storybook/assets/ActionCard-CDhkSMfk.js

@@ -0,0 +1 @@
+import{r as p,j as m}from"./iframe-D1n-vaq5.js";import{c as u}from"./clsx-B-dksMZM.js";var r=(e=>(e[e.mini=100]="mini",e[e.default=164]="default",e[e.large=254]="large",e))(r||{});const s=p.forwardRef((e,l)=>{const{className:i,children:n,style:o={},size:a="default",onClick:d}=e,t=Array.isArray(a)?a:[r[a],r[a]],c=u("xtrActionCard","shadowRipple",`${a}Size`,i);return m.jsx("footer",{ref:l,className:c,style:{"--cardWidth":`${t[0]}px`,"--cardHeight":`${t[1]}px`,...o},onClick:d,children:n})});s.displayName="ActionCard";try{s.displayName="ActionCard",s.__docgenInfo={description:"",displayName:"ActionCard",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"TActionCardSize"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}}}catch{}export{s as A};

package/dist/storybook/assets/ActionCard-DHSVBAUN.css

@@ -0,0 +1 @@
+.xtrActionCard{--cardWidth: 164px;--cardHeight: 164px;--rippleColor: var(--colorBrandPrimary);--rippleShadowColor: var(--colorBackgroundTertiary);--cardBorderRadius: calc(min(var(--cardWidth), var(--cardHeight))*.1) ;position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--cardBorderRadius);background:var(--colorBackgroundSecondary);cursor:pointer}.xtrActionCard.miniSize{--rippleSize: 24px 12px}.xtrActionCard.smallSize{--rippleSize: 30px 15px}.xtrActionCard.mediumSize{--rippleSize: 48px 24px}

package/dist/storybook/assets/ActionCard.stories-BprGCxRW.js

@@ -0,0 +1,3 @@
+import{A as e}from"./ActionCard-CDhkSMfk.js";import"./iframe-D1n-vaq5.js";import"./preload-helper-PPVm8Dsz.js";import"./clsx-B-dksMZM.js";const m={title:"Components/Action Card",component:e,tags:["autodocs"],argTypes:{className:{control:!1},size:{defaultValue:{summary:"default"}}},args:{size:"default"}},a={args:{}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {}
+}`,...a.parameters?.docs?.source}}};const c=["Default"];export{a as Default,c as __namedExportsOrder,m as default};

package/dist/storybook/assets/Avatar-D1jiU4vG.js

@@ -0,0 +1 @@
+import{r as c,j as p,$ as S}from"./iframe-D1n-vaq5.js";import{c as j}from"./clsx-B-dksMZM.js";const y={happy:["f118","e392","f580","f5b8","e409","e3a4","e39d","f5c2","e398","e396","f4da","e391","e390","e38f","e38d","e389","e383","f59c","f59b","f59a","f599","f598","e37d","f597","f596","e379","f58c","f581","f58b","f58a","f589","f588","f587","f586","f585","f584","f583","f582","e377","f579","e2fe","e372","e36e","e47c","e36b","e368","f2fe"]},M=async a=>new Promise((t,s)=>{fetch(a).then(e=>(e.ok||s(e.status),e.blob())).then(e=>t(URL.createObjectURL(e)))}),V=async a=>new Promise((t,s)=>{const e=new FileReader;e.onloadend=()=>{const r=e?.result?.toString();r?t(r):s()},e.onerror=s,e.readAsDataURL(a)}),x=a=>new Promise((t,s)=>{const e=new Image;e.addEventListener("load",()=>t(e)),e.addEventListener("error",r=>s(r)),e.src=a}),A=a=>a*Math.PI/180,k=async a=>new Promise(t=>{x(a).then(s=>{t({width:s.width,height:s.height})})}),z=async(a,t,s=0)=>{if(!a||!t)return null;const e=await x(a);return new Promise(r=>{const o=document.createElement("canvas"),i=o.getContext("2d");if(!i)return null;const n=2*(Math.max(e.width,e.height)/2*Math.sqrt(2));o.width=n,o.height=n,i.translate(n/2,n/2),i.rotate(A(s)),i.translate(-n/2,-n/2),i.drawImage(e,n/2-e.width*.5,n/2-e.height*.5);const u=i.getImageData(0,0,n,n);o.width=t.width,o.height=t.height,i.putImageData(u,Math.round(0-n/2+e.width*.5-t.x),Math.round(0-n/2+e.height*.5-t.y)),o.toBlob(m=>r({blob:m??void 0,base64:o.toDataURL("image/jpeg")}),"image/jpeg")})};var v=(a=>(a[a.mini=64]="mini",a[a.default=96]="default",a[a.large=128]="large",a))(v||{});const I=c.forwardRef((a,t)=>{const{className:s,src:e,file:r,alt:o,placeholderIcon:i,size:f="default",onClick:n}=a,[u,m]=c.useState(),[N,L]=c.useState(y.happy[0]),[R,d]=c.useState(!!e||!!r),[w,h]=c.useState(!1),b=typeof f=="number"?f:v[f],_={"--iconSize":`${8+b/4}px`},q=j("xtrAvatar",s,R&&"loading",w&&"error"),g=l=>{l&&setTimeout(()=>m(l),300),setTimeout(()=>d(!1),1e3)};return c.useEffect(()=>{L(y.happy[Math.floor(Math.random()*y.happy.length)]);try{r?(d(!0),h(!1),V(r).then(l=>g(l)).catch(l=>{console.log(l),d(!1),h(!0)})):e?(d(!0),h(!1),M(e).then(l=>g(l)).catch(l=>{console.log(l,e),d(!1),h(!0)})):(m(void 0),g())}catch{g()}},[e,r]),p.jsx("div",{ref:t,className:q,style:{"--avatarSize":`${b}px`},onClick:n,role:"img",children:u?p.jsx("img",{className:"image",src:u,alt:o}):p.jsx(S,{className:"placeholder",type:"solid",style:_,code:w?"e1b7":i??N})})});I.displayName="Avatar";try{I.displayName="Avatar",I.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}},file:{defaultValue:null,description:"",name:"file",required:!1,type:{name:"Blob"}},alt:{defaultValue:null,description:"",name:"alt",required:!1,type:{name:"string"}},placeholderIcon:{defaultValue:null,description:"",name:"placeholderIcon",required:!1,type:{name:"string"}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:'number | "mini" | "default" | "large"'}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}}}catch{}export{I as A,z as a,k as g,V as r};

package/dist/storybook/assets/Avatar-DBQ2m7dF.css

@@ -0,0 +1 @@
+.xtrAvatar{--avatarSize: 64px;position:relative;width:var(--avatarSize);height:var(--avatarSize);display:flex;justify-content:center;align-items:center;cursor:pointer}.xtrAvatar:before{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(2px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/75%);transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar:after{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(4px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/100%);border-left-color:transparent;border-right-color:transparent;opacity:0;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar .placeholder{color:hsl(var(--colorBrandPrimary)/100%)}.xtrAvatar .image{--imageSize: calc(100% - (4px + var(--avatarSize) / 100));position:absolute;width:var(--imageSize);height:var(--imageSize);border-radius:50%;object-fit:cover;object-position:center;z-index:2;transition:all var(--animDurFast) var(--cubicBezierPrimary);animation:fadeIn .2s ease-out forwards}.xtrAvatar.loading:after{opacity:1;animation:avatarSpin 1s infinite linear}.xtrAvatar.error:before,.xtrAvatar.error:after{border-color:hsl(var(--colorAlertError))}.xtrAvatar.error .placeholder{color:hsl(var(--colorAlertError))}.xtrAvatar:hover:before,.xtrAvatar:hover:after{scale:1.1}.xtrAvatar:active:before,.xtrAvatar:active:after{scale:1}@keyframes avatarSpin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(360deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(720deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

package/dist/storybook/assets/Avatar.stories-BXepr3nb.js

@@ -0,0 +1,6 @@
+import{A as a}from"./Avatar-D1jiU4vG.js";import"./iframe-D1n-vaq5.js";import"./preload-helper-PPVm8Dsz.js";import"./clsx-B-dksMZM.js";const n={title:"Components/Avatar",component:a,tags:["autodocs"],argTypes:{className:{control:!1},size:{control:{type:"range",min:32,max:512,step:16},defaultValue:{summary:64}}},args:{size:64}},t={args:{src:"https://avatars.githubusercontent.com/u/24320496?v=4",size:256}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    src: "https://avatars.githubusercontent.com/u/24320496?v=4",
+    size: 256
+  }
+}`,...t.parameters?.docs?.source}}};const c=["Default"];export{t as Default,c as __namedExportsOrder,n as default};

package/dist/storybook/assets/Button-BV0Y9Gxw.css

@@ -0,0 +1 @@
+.xtrButton{--themeColor: var(--colorBrandPrimary);--rippleColor: var(--themeColor);--rippleShadowColor: var(--themeColor);position:relative;display:flex;justify-content:center;align-items:center;border:none;border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none}.xtrButton .label{margin:0;text-transform:uppercase;z-index:1;color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .icon{color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .underline{position:absolute;width:100%;left:0;bottom:0}.xtrButton .underline>span{width:20%!important}.xtrButton:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:inherit;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton.primaryType,.xtrButton.primaryDangerType{background:hsl(var(--themeColor));color:#fff}.xtrButton.secondaryType,.xtrButton.secondaryDangerType{background:var(--colorBackgroundSecondary);color:var(--colorContentPrimary)}.xtrButton.linkType,.xtrButton.linkDangerType{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}.xtrButton.linkType .label,.xtrButton.linkDangerType .label{letter-spacing:unset;text-transform:unset}.xtrButton.linkType:before,.xtrButton.linkDangerType:before{display:none}.xtrButton.linkType:hover,.xtrButton.linkDangerType:hover{color:hsl(var(--themeColor))}.xtrButton.linkType:hover .label,.xtrButton.linkDangerType:hover .label{filter:contrast(.8) brightness(1.2)}.xtrButton.linkType:active .label,.xtrButton.linkDangerType:active .label{filter:contrast(1.2) brightness(.8)}.xtrButton.primaryDangerType,.xtrButton.secondaryDangerType,.xtrButton.linkDangerType{--themeColor: var(--colorAlertError)}.xtrButton.primaryDangerType .underline span,.xtrButton.secondaryDangerType .underline span,.xtrButton.linkDangerType .underline span{background:hsl(var(--themeColor))}.xtrButton.miniSize{--rippleSize: 24px 12px;line-height:16px;padding:8px 16px;gap:8px}.xtrButton.miniSize .label{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}.xtrButton.miniSize.iconOnly{padding:0}.xtrButton.miniSize.iconOnly .icon{width:32px;height:32px}.xtrButton.defaultSize{--rippleSize: 30px 15px;line-height:18px;padding:10px 20px;gap:10px}.xtrButton.defaultSize .label{font-size:14px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}.xtrButton.defaultSize.iconOnly{padding:0}.xtrButton.defaultSize.iconOnly .icon{width:44px;height:44px}.xtrButton.largeSize{--rippleSize: 48px 24px;line-height:28px;padding:16px 32px;gap:14px}.xtrButton.largeSize .label{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}.xtrButton.largeSize.iconOnly{padding:0}.xtrButton.largeSize.iconOnly .icon{width:60px;height:60px}.xtrButton:hover{color:#fff}.xtrButton:hover .underline span{width:100%!important}.xtrButton:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}.xtrButton.loading{--loaderColor: hsl(var(--themeColor));pointer-events:none;overflow:hidden;background:hsl(var(--themeColor)/80%)}.xtrButton.loading.secondaryType,.xtrButton.loading.secondaryDangerType{--loaderColor: var(--colorBackgroundTertiary);background:var(--colorBackgroundSecondary)}.xtrButton.loading.linkType,.xtrButton.loading.linkDangerType{background:none}.xtrButton.loading.linkType .underline>span,.xtrButton.loading.linkDangerType .underline>span{width:150%!important}.xtrButton.loading.linkType:after,.xtrButton.loading.linkDangerType:after{display:none}.xtrButton.loading:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:barberPole .25s infinite linear}.xtrButton.loading.iconOnly{background:transparent;overflow:unset}.xtrButton.loading.iconOnly.secondaryType,.xtrButton.loading.iconOnly.secondaryDangerType{color:#fff}.xtrButton.loading.iconOnly:before{clip-path:circle(45% at 50% 50%);opacity:1}.xtrButton.loading.iconOnly:after{width:100%;background:none;border:2px solid hsl(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:loader .25s infinite linear}.xtrButton:disabled{background:hsl(var(--themeColor)/20%);color:hsl(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}.xtrButton:disabled.secondaryType,.xtrButton:disabled.secondaryDangerType{background:hsl(var(--themeColor)/5%)}.xtrButton:disabled.linkType{background:none}.xtrButton:disabled.linkType .underline:before{width:0%}.xtrButton:disabled.linkType .underline span{width:0%}@keyframes barberPole{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(180deg)}}

package/dist/storybook/assets/Button-iXUA29dG.js

@@ -0,0 +1 @@
+import{r as x,j as l,$ as N}from"./iframe-D1n-vaq5.js";import{c as q}from"./clsx-B-dksMZM.js";import{P as V}from"./ProgressBar-DrZ8QUUS.js";var d=(e=>(e.primary="primary",e.primaryDanger="primaryDanger",e.secondary="secondary",e.secondaryDanger="secondaryDanger",e.link="link",e.linkDanger="linkDanger",e))(d||{});const b={mini:{"--iconSize":"12px"},default:{"--iconSize":"14px"},large:{"--iconSize":"22px"}},i=x.forwardRef((e,c)=>{const{className:m,style:p={},label:a,type:r="primary",size:s="default",disabled:f=!1,loading:t=!1,icon:n,iconType:y,iconPosition:u="left",onClick:g}=e,o=n?l.jsx(N,{className:"icon",code:n,type:y,style:b[s]}):null,v=q("xtrButton","shadowRipple",`${r}Type`,`${s}Size`,!a&&"iconOnly",t&&"loading",m);return!a&&!n?null:l.jsxs("button",{ref:c,className:v,style:p,onClick:g,disabled:f,children:[r.includes(d.link)&&l.jsx(V,{className:"underline",intermediate:t}),u==="left"&&o,a&&l.jsx("span",{className:"label",children:a}),u==="right"&&o]})});i.displayName="Button";try{i.displayName="Button",i.__docgenInfo={description:"",displayName:"Button",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"link"'},{value:'"primary"'},{value:'"primaryDanger"'},{value:'"secondary"'},{value:'"secondaryDanger"'},{value:'"linkDanger"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"mini"'},{value:'"default"'},{value:'"large"'}]}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},iconType:{defaultValue:null,description:"",name:"iconType",required:!1,type:{name:"enum",value:[{value:'"thin"'},{value:'"light"'},{value:'"regular"'},{value:'"solid"'}]}},iconPosition:{defaultValue:null,description:"",name:"iconPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}}}}}catch{}export{i as B};

package/dist/storybook/assets/Button.stories-D2hJNNae.js

@@ -0,0 +1,134 @@
+import{B as S}from"./Button-iXUA29dG.js";import"./iframe-D1n-vaq5.js";import"./preload-helper-PPVm8Dsz.js";import"./clsx-B-dksMZM.js";import"./ProgressBar-DrZ8QUUS.js";const L={title:"Components/Button",component:S,tags:["autodocs"],argTypes:{className:{control:!1},onClick:{control:!1},size:{defaultValue:{summary:"default"}},iconPosition:{defaultValue:{summary:"left"}},iconType:{defaultValue:{summary:"light"}}},args:{disabled:!1,loading:!1,iconPosition:"left"}},e={args:{type:"primary",label:"Submit",size:"default"}},a={args:{type:"primary",label:"Download",size:"default",icon:"f33d"}},r={args:{type:"primary",size:"default",label:"Send",icon:"e20a",iconType:"solid",disabled:!0}},n={args:{type:"primary",size:"default",icon:"f0ee",label:"Upload",loading:!0}},s={args:{type:"primary",size:"default",icon:"f013"}},o={args:{type:"primary",size:"default",icon:"f07a",disabled:!0}},t={args:{type:"primary",size:"default",icon:"f011",loading:!0}},c={args:{type:"primaryDanger",label:"Delete",size:"default",icon:"f2ed",iconType:"solid"}},i={args:{type:"secondary",label:"Cancel",size:"default"}},d={args:{type:"secondary",label:"Add to Favorites",size:"default",icon:"f005"}},l={args:{type:"secondary",size:"default",label:"Report",icon:"f188",disabled:!0}},p={args:{type:"secondary",size:"default",label:"Extract",icon:"f1c6",loading:!0}},u={args:{type:"secondary",size:"default",icon:"f075"}},m={args:{type:"secondary",size:"default",icon:"f084",disabled:!0}},y={args:{type:"secondary",size:"default",icon:"f021",loading:!0}},g={args:{type:"secondaryDanger",label:"Block",size:"default",icon:"f05e"}},f={args:{type:"link",label:"Click here",size:"default"}},b={args:{type:"link",label:"hi@ritik.me",size:"default",icon:"f0e0"}},z={args:{type:"linkDanger",label:"Remove post",size:"default"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    label: "Submit",
+    size: "default"
+  }
+}`,...e.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    label: "Download",
+    size: "default",
+    icon: "f33d"
+  }
+}`,...a.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    label: "Send",
+    icon: "e20a",
+    iconType: "solid",
+    disabled: true
+  }
+}`,...r.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    icon: "f0ee",
+    label: "Upload",
+    loading: true
+  }
+}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    icon: "f013"
+  }
+}`,...s.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    icon: "f07a",
+    disabled: true
+  }
+}`,...o.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primary",
+    size: "default",
+    icon: "f011",
+    loading: true
+  }
+}`,...t.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "primaryDanger",
+    label: "Delete",
+    size: "default",
+    icon: "f2ed",
+    iconType: "solid"
+  }
+}`,...c.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    label: "Cancel",
+    size: "default"
+  }
+}`,...i.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    label: "Add to Favorites",
+    size: "default",
+    icon: "f005"
+  }
+}`,...d.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    label: "Report",
+    icon: "f188",
+    disabled: true
+  }
+}`,...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    label: "Extract",
+    icon: "f1c6",
+    loading: true
+  }
+}`,...p.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    icon: "f075"
+  }
+}`,...u.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    icon: "f084",
+    disabled: true
+  }
+}`,...m.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondary",
+    size: "default",
+    icon: "f021",
+    loading: true
+  }
+}`,...y.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "secondaryDanger",
+    label: "Block",
+    size: "default",
+    icon: "f05e"
+  }
+}`,...g.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "link",
+    label: "Click here",
+    size: "default"
+  }
+}`,...f.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "link",
+    label: "hi@ritik.me",
+    size: "default",
+    icon: "f0e0"
+  }
+}`,...b.parameters?.docs?.source}}};z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  args: {
+    type: "linkDanger",
+    label: "Remove post",
+    size: "default"
+  }
+}`,...z.parameters?.docs?.source}}};const h=["Primary","PrimaryWithIcon","PrimaryDisabled","PrimaryLoading","PrimaryIconButton","PrimaryIconButtonDisabled","PrimaryIconButtonLoading","PrimaryDanger","Secondary","SecondaryWithIcon","SecondaryDisabled","SecondaryLoading","SecondaryIconButton","SecondaryIconButtonDisabled","SecondaryIconButtonLoading","SecondaryDanger","Link","LinkWithIcon","LinkDanger"];export{f as Link,z as LinkDanger,b as LinkWithIcon,e as Primary,c as PrimaryDanger,r as PrimaryDisabled,s as PrimaryIconButton,o as PrimaryIconButtonDisabled,t as PrimaryIconButtonLoading,n as PrimaryLoading,a as PrimaryWithIcon,i as Secondary,g as SecondaryDanger,l as SecondaryDisabled,u as SecondaryIconButton,m as SecondaryIconButtonDisabled,y as SecondaryIconButtonLoading,p as SecondaryLoading,d as SecondaryWithIcon,h as __namedExportsOrder,L as default};

package/dist/storybook/assets/Color-6BZIO3FS-dpk_P4Yi.js

@@ -0,0 +1 @@
+import{g as ce,P as he,M as de,s as M,F as fe,B as U}from"./blocks-CeTRoaZu.js";import{r as y,R as v,_ as ge,a as P}from"./iframe-D1n-vaq5.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DXUygHIV.js";import"./index-DOqVBqX6.js";var be=P({"../../../node_modules/color-name/index.js"(r,o){o.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Y=P({"../../../node_modules/color-convert/conversions.js"(r,o){var s=be(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};o.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.min(n,t,a),i=Math.max(n,t,a),c=i-l,d,g;i===l?d=0:n===i?d=(t-a)/c:t===i?d=2+(a-n)/c:a===i&&(d=4+(n-t)/c),d=Math.min(d*60,360),d<0&&(d+=360);let b=(l+i)/2;return i===l?g=0:b<=.5?g=c/(i+l):g=c/(2-i-l),[d,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,l,i,c=e[0]/255,d=e[1]/255,g=e[2]/255,b=Math.max(c,d,g),p=b-Math.min(c,d,g),m=function(w){return(b-w)/6/p+1/2};return p===0?(l=0,i=0):(i=p/b,n=m(c),t=m(d),a=m(g),c===b?l=a-t:d===b?l=1/3+n-a:g===b&&(l=2/3+t-n),l<0?l+=1:l>1&&(l-=1)),[l*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],l=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[l,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.min(1-n,1-t,1-a),i=(1-n-l)/(1-l)||0,c=(1-t-l)/(1-l)||0,d=(1-a-l)/(1-l)||0;return[i*100,c*100,d*100,l*100]};function f(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let l of Object.keys(s)){let i=s[l],c=f(e,i);c<t&&(t=c,a=l)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let l=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[l*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],l=n[2];t/=95.047,a/=100,l/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,l=l>.008856?l**(1/3):7.787*l+16/116;let i=116*a-16,c=500*(t-a),d=200*(a-l);return[i,c,d]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,l,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?l=a*(1+t):l=a+t-a*t;let d=2*a-l,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=d+(l-d)*6*i:2*i<1?c=l:3*i<2?c=d+(l-d)*(2/3-i)*6:c=d,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,l=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,l*=i<=1?i:2-i;let c=(a+t)/2,d=a===0?2*l/(i+l):2*t/(a+t);return[n,d*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,l=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),d=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,l){case 0:return[a,g,c];case 1:return[d,a,c];case 2:return[c,a,g];case 3:return[c,d,a];case 4:return[g,c,a];case 5:return[a,c,d]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,l=Math.max(a,.01),i,c;c=(2-t)*a;let d=(2-t)*l;return i=t*l,i/=d<=1?d:2-d,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,l=t+a,i;l>1&&(t/=l,a/=l);let c=Math.floor(6*n),d=1-a;i=6*n-c,(c&1)!==0&&(i=1-i);let g=t+i*(d-t),b,p,m;switch(c){default:case 6:case 0:b=d,p=g,m=t;break;case 1:b=g,p=d,m=t;break;case 2:b=t,p=d,m=g;break;case 3:b=t,p=g,m=d;break;case 4:b=g,p=t,m=d;break;case 5:b=d,p=t,m=g;break}return[b*255,p*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,l=e[3]/100,i=1-Math.min(1,n*(1-l)+l),c=1-Math.min(1,t*(1-l)+l),d=1-Math.min(1,a*(1-l)+l);return[i*255,c*255,d*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,l,i,c;return l=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.204+a*1.057,l=l>.0031308?1.055*l**(1/2.4)-.055:l*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,l=Math.min(Math.max(0,l),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[l*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let l=116*t-16,i=500*(n-t),c=200*(t-a);return[l,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],l,i,c;i=(n+16)/116,l=t/500+i,c=i-a/200;let d=i**3,g=l**3,b=c**3;return i=d>.008856?d:(i-16/116)/7.787,l=g>.008856?g:(l-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,l*=95.047,i*=100,c*=108.883,[l,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],l;l=Math.atan2(a,t)*360/2/Math.PI,l<0&&(l+=360);let i=Math.sqrt(t*t+a*a);return[n,i,l]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,l=t*Math.cos(a),i=t*Math.sin(a);return[n,l,i]},u.rgb.ansi16=function(e,n=null){let[t,a,l]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(l/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,l=(n>>1&1)*t*255,i=(n>>2&1)*t*255;return[a,l,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,l=n%6/5*255;return[t,a,l]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(d=>d+d).join(""));let a=parseInt(t,16),l=a>>16&255,i=a>>8&255,c=a&255;return[l,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,l=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=l-i,d,g;return c<1?d=i/(1-c):d=0,c<=0?g=0:l===n?g=(t-a)/c%6:l===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,d*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),l=0;return a<1&&(l=(t-.5*a)/(1-a)),[e[0],a*100,l*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,l=0;return a<1&&(l=(t-a)/(1-a)),[e[0],a*100,l*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let l=[0,0,0],i=n%1*6,c=i%1,d=1-c,g=0;switch(Math.floor(i)){case 0:l[0]=1,l[1]=c,l[2]=0;break;case 1:l[0]=d,l[1]=1,l[2]=0;break;case 2:l[0]=0,l[1]=1,l[2]=c;break;case 3:l[0]=0,l[1]=d,l[2]=1;break;case 4:l[0]=c,l[1]=0,l[2]=1;break;default:l[0]=1,l[1]=0,l[2]=d}return g=(1-t)*a,[(t*l[0]+g)*255,(t*l[1]+g)*255,(t*l[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),l=0;return a>0&&(l=n/a),[e[0],l*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,l=0;return a<1&&(l=(t-a)/(1-a)),[e[0],a*100,l*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),ve=P({"../../../node_modules/color-convert/route.js"(r,o){var s=Y();function h(){let n={},t=Object.keys(s);for(let a=t.length,l=0;l<a;l++)n[t[l]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let l=a.pop(),i=Object.keys(s[l]);for(let c=i.length,d=0;d<c;d++){let g=i[d],b=t[g];b.distance===-1&&(b.distance=t[l].distance+1,b.parent=l,a.unshift(g))}}return t}function f(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],l=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),l=f(s[t[i].parent][i],l),i=t[i].parent;return l.conversion=a,l}o.exports=function(n){let t=u(n),a={},l=Object.keys(t);for(let i=l.length,c=0;c<i;c++){let d=l[c];t[d].parent!==null&&(a[d]=e(d,t))}return a}}}),me=P({"../../../node_modules/color-convert/index.js"(r,o){var s=Y(),h=ve(),u={},f=Object.keys(s);function e(t){let a=function(...l){let i=l[0];return i==null?i:(i.length>1&&(l=i),t(l))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...l){let i=l[0];if(i==null)return i;i.length>1&&(l=i);let c=t(l);if(typeof c=="object")for(let d=c.length,g=0;g<d;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}f.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(l=>{let i=a[l];u[t][l]=n(i),u[t][l].raw=e(i)})}),o.exports=u}}),_=ge(me());function pe(r,o,{signal:s,edges:h}={}){let u,f=null,e=h!=null&&h.includes("leading"),n=h==null||h.includes("trailing"),t=()=>{f!==null&&(r.apply(u,f),u=void 0,f=null)},a=()=>{n&&t(),d()},l=null,i=()=>{l!=null&&clearTimeout(l),l=setTimeout(()=>{l=null,a()},o)},c=()=>{l!==null&&(clearTimeout(l),l=null)},d=()=>{c(),u=void 0,f=null},g=()=>{t()},b=function(...p){if(s?.aborted)return;u=this,f=p;let m=l==null;i(),e&&m&&t()};return b.schedule=i,b.cancel=d,b.flush=g,s?.addEventListener("abort",d,{once:!0}),b}function C(){return(C=Object.assign||function(r){for(var o=1;o<arguments.length;o++){var s=arguments[o];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function X(r,o){if(r==null)return{};var s,h,u={},f=Object.keys(r);for(h=0;h<f.length;h++)o.indexOf(s=f[h])>=0||(u[s]=r[s]);return u}function L(r){var o=y.useRef(r),s=y.useRef(function(h){o.current&&o.current(h)});return o.current=r,s.current}var O=function(r,o,s){return o===void 0&&(o=0),s===void 0&&(s=1),r>s?s:r<o?o:r},S=function(r){return"touches"in r},T=function(r){return r&&r.ownerDocument.defaultView||self},G=function(r,o,s){var h=r.getBoundingClientRect(),u=S(o)?(function(f,e){for(var n=0;n<f.length;n++)if(f[n].identifier===e)return f[n];return f[0]})(o.touches,s):o;return{left:O((u.pageX-(h.left+T(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+T(r).pageYOffset))/h.height)}},A=function(r){!S(r)&&r.preventDefault()},F=v.memo(function(r){var o=r.onMove,s=r.onKey,h=X(r,["onMove","onKey"]),u=y.useRef(null),f=L(o),e=L(s),n=y.useRef(null),t=y.useRef(!1),a=y.useMemo(function(){var d=function(p){A(p),(S(p)?p.touches.length>0:p.buttons>0)&&u.current?f(G(u.current,p,n.current)):b(!1)},g=function(){return b(!1)};function b(p){var m=t.current,w=T(u.current),E=p?w.addEventListener:w.removeEventListener;E(m?"touchmove":"mousemove",d),E(m?"touchend":"mouseup",g)}return[function(p){var m=p.nativeEvent,w=u.current;if(w&&(A(m),!(function(k,R){return R&&!S(k)})(m,t.current)&&w)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}w.focus(),f(G(w,m,n.current)),b(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,f]),l=a[0],i=a[1],c=a[2];return y.useEffect(function(){return c},[c]),v.createElement("div",C({},h,{onTouchStart:l,onMouseDown:l,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),N=function(r){return r.filter(Boolean).join(" ")},D=function(r){var o=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,f=N(["react-colorful__pointer",r.className]);return v.createElement("div",{className:f,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:o}}))},x=function(r,o,s){return o===void 0&&(o=0),s===void 0&&(s=Math.pow(10,o)),Math.round(s*r)/s},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(r){return Z(B(r))},B=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?x(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?x(parseInt(r.substring(6,8),16)/255,2):1}},we=function(r,o){return o===void 0&&(o="deg"),Number(r)*(ye[o]||1)},ke=function(r){var o=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return o?_e({h:we(o[1],o[2]),s:Number(o[3]),l:Number(o[4]),a:o[5]===void 0?1:Number(o[5])/(o[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(r){var o=r.s,s=r.l;return{h:r.h,s:(o*=(s<50?s:100-s)/100)>0?2*o/(s+o)*100:0,v:s+o,a:r.a}},Ee=function(r){return Ce(Q(r))},J=function(r){var o=r.s,s=r.v,h=r.a,u=(200-o)*s/100;return{h:x(r.h),s:x(u>0&&u<200?o*s/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},K=function(r){var o=J(r);return"hsl("+o.h+", "+o.s+"%, "+o.l+"%)"},H=function(r){var o=J(r);return"hsla("+o.h+", "+o.s+"%, "+o.l+"%, "+o.a+")"},Q=function(r){var o=r.h,s=r.s,h=r.v,u=r.a;o=o/360*6,s/=100,h/=100;var f=Math.floor(o),e=h*(1-s),n=h*(1-(o-f)*s),t=h*(1-(1-o+f)*s),a=f%6;return{r:x(255*[h,n,e,e,t,h][a]),g:x(255*[t,h,h,n,e,e][a]),b:x(255*[e,e,t,h,h,n][a]),a:x(u,2)}},Me=function(r){var o=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return o?Z({r:Number(o[1])/(o[2]?100/255:1),g:Number(o[3])/(o[4]?100/255:1),b:Number(o[5])/(o[6]?100/255:1),a:o[7]===void 0?1:Number(o[7])/(o[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(r){var o=r.toString(16);return o.length<2?"0"+o:o},Ce=function(r){var o=r.r,s=r.g,h=r.b,u=r.a,f=u<1?j(x(255*u)):"";return"#"+j(o)+j(s)+j(h)+f},Z=function(r){var o=r.r,s=r.g,h=r.b,u=r.a,f=Math.max(o,s,h),e=f-Math.min(o,s,h),n=e?f===o?(s-h)/e:f===s?2+(h-o)/e:4+(o-s)/e:0;return{h:x(60*(n<0?n+6:n)),s:x(f?e/f*100:0),v:x(f/255*100),a:u}},ee=v.memo(function(r){var o=r.hue,s=r.onChange,h=N(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(F,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:O(o+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(o),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(D,{className:"react-colorful__hue-pointer",left:o/360,color:K({h:o,s:100,v:100,a:1})})))}),re=v.memo(function(r){var o=r.hsva,s=r.onChange,h={backgroundColor:K({h:o.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(F,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:O(o.s+100*u.left,0,100),v:O(o.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(o.s)+"%, Brightness "+x(o.v)+"%"},v.createElement(D,{className:"react-colorful__saturation-pointer",top:1-o.v/100,left:o.s/100,color:K(o)})))}),te=function(r,o){if(r===o)return!0;for(var s in r)if(r[s]!==o[s])return!1;return!0},ne=function(r,o){return r.replace(/\s/g,"")===o.replace(/\s/g,"")},$e=function(r,o){return r.toLowerCase()===o.toLowerCase()||te(B(r),B(o))};function ae(r,o,s){var h=L(s),u=y.useState(function(){return r.toHsva(o)}),f=u[0],e=u[1],n=y.useRef({color:o,hsva:f});y.useEffect(function(){if(!r.equal(o,n.current.color)){var a=r.toHsva(o);n.current={hsva:a,color:o},e(a)}},[o,r]),y.useEffect(function(){var a;te(f,n.current.hsva)||r.equal(a=r.fromHsva(f),n.current.color)||(n.current={hsva:f,color:a},h(a))},[f,r,h]);var t=y.useCallback(function(a){e(function(l){return Object.assign({},l,a)})},[]);return[f,t]}var Oe=typeof window<"u"?y.useLayoutEffect:y.useEffect,Se=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},W=new Map,le=function(r){Oe(function(){var o=r.current?r.current.ownerDocument:document;if(o!==void 0&&!W.has(o)){var s=o.createElement("style");s.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,W.set(o,s);var h=Se();h&&s.setAttribute("nonce",h),o.head.appendChild(s)}},[])},Ne=function(r){var o=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,f=r.onChange,e=X(r,["className","colorModel","color","onChange"]),n=y.useRef(null);le(n);var t=ae(s,u,f),a=t[0],l=t[1],i=N(["react-colorful",o]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(re,{hsva:a,onChange:l}),v.createElement(ee,{hue:a.h,onChange:l,className:"react-colorful__last-control"}))},Re={defaultColor:"000",toHsva:xe,fromHsva:function(r){return Ee({h:r.h,s:r.s,v:r.v,a:1})},equal:$e},je=function(r){return v.createElement(Ne,C({},r,{colorModel:Re}))},ze=function(r){var o=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+H(Object.assign({},s,{a:0}))+", "+H(Object.assign({},s,{a:1}))+")"},f=N(["react-colorful__alpha",o]),e=x(100*s.a);return v.createElement("div",{className:f},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(F,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:O(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(D,{className:"react-colorful__alpha-pointer",left:s.a,color:H(s)})))},oe=function(r){var o=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,f=r.onChange,e=X(r,["className","colorModel","color","onChange"]),n=y.useRef(null);le(n);var t=ae(s,u,f),a=t[0],l=t[1],i=N(["react-colorful",o]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(re,{hsva:a,onChange:l}),v.createElement(ee,{hue:a.h,onChange:l}),v.createElement(ze,{hsva:a,onChange:l,className:"react-colorful__last-control"}))},He={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:H,equal:ne},Ie=function(r){return v.createElement(oe,C({},r,{colorModel:He}))},Pe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(r){var o=Q(r);return"rgba("+o.r+", "+o.g+", "+o.b+", "+o.a+")"},equal:ne},qe=function(r){return v.createElement(oe,C({},r,{colorModel:Pe}))},Le=M.div({position:"relative",maxWidth:250}),Te=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Be=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ke=r=>`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${r?"white":"black"}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,ue=M(U)(({value:r,selected:o,theme:s})=>({width:16,height:16,boxShadow:o?`${s.appBorderColor} 0 0 0 1px inset, ${s.textMutedColor}50 0 0 0 4px`:`${s.appBorderColor} 0 0 0 1px inset`,border:"none",borderRadius:s.appBorderRadius,"&, &:hover":{background:"unset",backgroundColor:"unset",backgroundImage:`linear-gradient(${r}, ${r}), ${Ke(s.base==="dark")}`}})),Ve=M(fe.Input)(({theme:r})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base,'[aria-readonly="true"] > &':{background:r.base==="light"?r.color.lighter:"transparent"}})),Xe=M(ue)(({disabled:r})=>({position:"absolute",top:4,left:4,zIndex:1,cursor:r?"not-allowed":"pointer"})),Fe=M(U)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),ie=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(ie||{}),q=Object.values(ie),De=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ge=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ae=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,V=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,We=/^\s*#?([0-9a-f]{3})\s*$/i,Ue={hex:je,rgb:qe,hsl:Ie},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},se=r=>{let o=r?.match(De);if(!o)return[0,0,0,1];let[,s,h,u,f=1]=o;return[s,h,u,f].map(Number)},Ye=r=>{let[o,s,h,u]=se(r),[f,e,n]=_.default.rgb.hsl([o,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([o,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${f}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([o,s,h]).toLowerCase()}`}},Je=r=>{let[o,s,h,u]=se(r),[f,e,n]=_.default.hsl.rgb([o,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([o,s,h]),colorSpace:"hsl",rgb:`rgba(${f}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([o,s,h]).toLowerCase()}`}},Qe=r=>{let o=r.replace("#",""),s=_.default.keyword.rgb(o)||_.default.hex.rgb(o),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=o:V.test(r)&&(u=`#${o}`);let f=!0;if(u.startsWith("#"))f=V.test(u);else try{_.default.keyword.hex(u)}catch{f=!1}return{valid:f,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},$=r=>{if(r)return Ge.test(r)?Ye(r):Ae.test(r)?Je(r):Qe(r)},Ze=(r,o,s)=>{if(!r||!o?.valid)return z[s];if(s!=="hex")return o?.[s]||z[s];if(!o.hex.startsWith("#"))try{return`#${_.default.keyword.hex(o.hex)}`}catch{return z.hex}let h=o.hex.match(We);if(!h)return V.test(o.hex)?o.hex:z.hex;let[u,f,e]=h[1].split("");return`#${u}${u}${f}${f}${e}${e}`},er=(r,o)=>{let[s,h]=y.useState(r||""),[u,f]=y.useState(()=>$(s)),[e,n]=y.useState(u?.colorSpace||"hex");y.useEffect(()=>{let i=r||"",c=$(i);h(i),f(c),n(c?.colorSpace||"hex")},[r]);let t=y.useMemo(()=>Ze(s,u,e).toLowerCase(),[s,u,e]),a=y.useCallback(i=>{let c=$(i),d=c?.value||i||"";h(d),d===""&&(f(void 0),o(void 0)),c&&(f(c),n(c.colorSpace),o(c.value))},[o]),l=y.useCallback(()=>{let i=(q.indexOf(e)+1)%q.length,c=q[i];n(c);let d=u?.[c]||"";h(d),o(d)},[u,e,o]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:l}},I=r=>r.replace(/\s*/,"").toLowerCase(),rr=(r,o,s)=>{let[h,u]=y.useState(o?.valid?[o]:[]);y.useEffect(()=>{o===void 0&&u([])},[o]);let f=y.useMemo(()=>(r||[]).map(n=>typeof n=="string"?$(n):n.title?{...$(n.color),keyword:n.title}:$(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=y.useCallback(n=>{n?.valid&&(f.some(t=>t&&t[s]&&I(t[s]||"")===I(n[s]||""))||u(t=>t.concat(n)))},[s,f]);return{presets:f,addPreset:e}},tr=({name:r,value:o,onChange:s,onFocus:h,onBlur:u,presetColors:f,startOpen:e=!1,argType:n})=>{let t=y.useCallback(pe(s,200),[s]),{value:a,realValue:l,updateValue:i,color:c,colorSpace:d,cycleColorSpace:g}=er(o,t),{presets:b,addPreset:p}=rr(f??[],c,d),m=Ue[d],w=!!n?.table?.readonly,E=ce(r);return v.createElement(Le,null,v.createElement("label",{htmlFor:E,className:"sb-sr-only"},r),v.createElement(Ve,{id:E,value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),v.createElement(he,{defaultVisible:e,visible:w?!1:void 0,onVisibleChange:()=>c&&p(c),popover:v.createElement(Te,null,v.createElement(m,{color:l==="transparent"?"#000000":l,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Be,null,b.map((k,R)=>v.createElement(ue,{key:`${k?.value||R}-${R}`,variant:"ghost",padding:"small",size:"small",ariaLabel:"Pick this color",tooltip:k?.keyword||k?.value||"",value:k?.value||"",selected:!!(c&&k&&k[d]&&I(k[d]||"")===I(c[d])),onClick:()=>k&&i(k.value||"")}))))},v.createElement(Xe,{variant:"ghost",padding:"small",size:"small",ariaLabel:"Open color picker",value:l,style:{margin:4},disabled:w})),a?v.createElement(Fe,{variant:"ghost",padding:"small",size:"small",ariaLabel:"Cycle through color spaces",disabled:w,onClick:w?void 0:g},v.createElement(de,null)):null)},ir=tr;export{tr as ColorControl,ir as default};

package/dist/storybook/assets/ColorPicker-Bk2Vaegn.css

@@ -0,0 +1 @@
+.xtrColorPicker{display:flex;flex-direction:column}.xtrColorPicker .wheel{cursor:crosshair;margin-bottom:24px}.xtrColorPicker .shade,.xtrColorPicker .alpha{height:5px!important;border-radius:9999px!important}.xtrColorPicker .shade div:first-child,.xtrColorPicker .alpha div:first-child{border-radius:9999px!important}.xtrColorPicker .shade div:last-child,.xtrColorPicker .alpha div:last-child{display:flex;align-items:center}.xtrColorPicker .shade{margin-bottom:16px}