mainstack-design-system 1.3.9 → 1.4.1

package/dist/mainstack-design-system356.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system431.cjs"),n=require("./mainstack-design-system432.cjs"),o=require("./mainstack-design-system430.cjs"),u={Root:t.InputRoot,Field:n.InputField};exports.InputRoot=t.InputRoot;exports.InputField=n.InputField;exports.Input=o.Input;exports.InputGroup=u;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),m=require("./player-BKifgSJo.cjs"),y=require("./utils-FBJ8OQ9f.cjs"),p=({icon:c,size:t=18,trigger:n="loop",colors:o,className:s,delay:u})=>{const e=i.useRef(null);i.useEffect(()=>{n==="loop"&&e.current&&e.current.playFromBeginning()},[n]);const l=()=>{n==="hover"&&e.current?.playFromBeginning()},a=c;return r.jsx("div",{className:y.cn("flex items-center justify-center",s),style:{width:t,height:t},onMouseEnter:l,children:r.jsx(m.h,{ref:e,icon:a,size:t,colorize:o?`primary:${o.primary},secondary:${o.secondary}`:void 0,onComplete:()=>{n==="loop"&&setTimeout(()=>{e.current?.playFromBeginning()},u||0)}})})};exports.AnimatedIcon=p;

package/dist/mainstack-design-system356.js

@@ -1,13 +1,46 @@
-import { InputRoot as o } from "./mainstack-design-system431.js";
-import { InputField as t } from "./mainstack-design-system432.js";
-import { Input as e } from "./mainstack-design-system430.js";
-const m = {
-  Root: o,
-  Field: t
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as f, useEffect as l } from "react";
+import { h as s } from "./player-DSenNqFV.js";
+import { c as u } from "./utils-DnnzGb1L.js";
+const x = ({
+  icon: i,
+  size: o = 18,
+  trigger: n = "loop",
+  colors: r,
+  className: c,
+  delay: m
+}) => {
+  const e = f(null);
+  l(() => {
+    n === "loop" && e.current && e.current.playFromBeginning();
+  }, [n]);
+  const p = () => {
+    n === "hover" && e.current?.playFromBeginning();
+  }, a = i;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: u("flex items-center justify-center", c),
+      style: { width: o, height: o },
+      onMouseEnter: p,
+      children: /* @__PURE__ */ t(
+        s,
+        {
+          ref: e,
+          icon: a,
+          size: o,
+          colorize: r ? `primary:${r.primary},secondary:${r.secondary}` : void 0,
+          onComplete: () => {
+            n === "loop" && setTimeout(() => {
+              e.current?.playFromBeginning();
+            }, m || 0);
+          }
+        }
+      )
+    }
+  );
 };
 export {
-  e as Input,
-  t as InputField,
-  m as InputGroup,
-  o as InputRoot
+  x as AnimatedIcon
 };

package/dist/mainstack-design-system357.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),u=require("./mainstack-design-system431.cjs"),p=require("./mainstack-design-system432.cjs");require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const d=require("./mainstack-design-system298.cjs"),l=require("./mainstack-design-system299.cjs"),t=s.forwardRef(({className:r,...i},c)=>{const[n,o]=s.useState("password");return e.jsxs(u.InputRoot,{className:r,children:[e.jsx(p.InputField,{...i,ref:c,type:n}),n==="password"?e.jsxs("button",{onClick:()=>o("text"),className:"border-none outline-none cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>o("password"),className:"border-none outline-none cursor-pointer",children:e.jsx(d,{})})]})});t.displayName="PasswordField";exports.PasswordField=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system433.cjs"),n=require("./mainstack-design-system434.cjs"),o=require("./mainstack-design-system432.cjs"),u={Root:t.InputRoot,Field:n.InputField};exports.InputRoot=t.InputRoot;exports.InputField=n.InputField;exports.Input=o.Input;exports.InputGroup=u;

package/dist/mainstack-design-system357.js

@@ -1,39 +1,13 @@
-'use client';
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { forwardRef as p, useState as m } from "react";
-import { InputRoot as d } from "./mainstack-design-system431.js";
-import { InputField as l } from "./mainstack-design-system432.js";
-import "./mainstack-design-system430.js";
-import "./mainstack-design-system355.js";
-import a from "./mainstack-design-system298.js";
-import c from "./mainstack-design-system299.js";
-const u = p(
-  ({ className: e, ...n }, s) => {
-    const [r, t] = m("password");
-    return /* @__PURE__ */ i(d, { className: e, children: [
-      /* @__PURE__ */ o(l, { ...n, ref: s, type: r }),
-      r === "password" ? /* @__PURE__ */ i(
-        "button",
-        {
-          onClick: () => t("text"),
-          className: "border-none outline-none cursor-pointer",
-          children: [
-            /* @__PURE__ */ o(c, {}),
-            " "
-          ]
-        }
-      ) : /* @__PURE__ */ o(
-        "button",
-        {
-          onClick: () => t("password"),
-          className: "border-none outline-none cursor-pointer",
-          children: /* @__PURE__ */ o(a, {})
-        }
-      )
-    ] });
-  }
-);
-u.displayName = "PasswordField";
+import { InputRoot as o } from "./mainstack-design-system433.js";
+import { InputField as t } from "./mainstack-design-system434.js";
+import { Input as e } from "./mainstack-design-system432.js";
+const m = {
+  Root: o,
+  Field: t
+};
 export {
-  u as PasswordField
+  e as Input,
+  t as InputField,
+  m as InputGroup,
+  o as InputRoot
 };

package/dist/mainstack-design-system358.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system592.cjs"),o=require("./mainstack-design-system434.cjs"),n=require("./mainstack-design-system435.cjs"),r=require("./mainstack-design-system436.cjs"),t=require("./mainstack-design-system437.cjs"),u=require("./mainstack-design-system438.cjs"),i=require("./mainstack-design-system439.cjs"),m=require("./mainstack-design-system440.cjs"),P=require("./mainstack-design-system433.cjs"),h={Root:m.PhoneNumberRoot,DigitField:e.PhoneNumberDigitField,Fields:o.PhoneNumberFields,FlagField:n.PhoneNumberFlagField,Portal:i.PhoneNumberPortal,Options:r.PhoneNumberOptions,OptionsList:t.PhoneNumberOptionsList,OptionsSearchField:u.PhoneNumberOptionsSearchField};exports.PhoneNumberDigitField=e.PhoneNumberDigitField;exports.PhoneNumberFields=o.PhoneNumberFields;exports.PhoneNumberFlagField=n.PhoneNumberFlagField;exports.PhoneNumberOptions=r.PhoneNumberOptions;exports.PhoneNumberOptionsList=t.PhoneNumberOptionsList;exports.PhoneNumberOptionsSearchField=u.PhoneNumberOptionsSearchField;exports.PhoneNumberPortal=i.PhoneNumberPortal;exports.PhoneNumberRoot=m.PhoneNumberRoot;exports.PhoneNumberInput=P.PhoneNumberInput;exports.PhoneNumberGroup=h;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("./mainstack-design-system433.cjs"),p=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const d=require("./mainstack-design-system298.cjs"),l=require("./mainstack-design-system299.cjs");require("./player-BKifgSJo.cjs");const t=s.forwardRef(({className:r,...i},u)=>{const[n,o]=s.useState("password");return e.jsxs(c.InputRoot,{className:r,children:[e.jsx(p.InputField,{...i,ref:u,type:n}),n==="password"?e.jsxs("button",{onClick:()=>o("text"),className:"border-none outline-none cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>o("password"),className:"border-none outline-none cursor-pointer",children:e.jsx(d,{})})]})});t.displayName="PasswordField";exports.PasswordField=t;

package/dist/mainstack-design-system358.js

@@ -1,31 +1,40 @@
-import { PhoneNumberDigitField as o } from "./mainstack-design-system592.js";
-import { PhoneNumberFields as r } from "./mainstack-design-system434.js";
-import { PhoneNumberFlagField as e } from "./mainstack-design-system435.js";
-import { PhoneNumberOptions as i } from "./mainstack-design-system436.js";
-import { PhoneNumberOptionsList as m } from "./mainstack-design-system437.js";
-import { PhoneNumberOptionsSearchField as t } from "./mainstack-design-system438.js";
-import { PhoneNumberPortal as n } from "./mainstack-design-system439.js";
-import { PhoneNumberRoot as p } from "./mainstack-design-system440.js";
-import { PhoneNumberInput as O } from "./mainstack-design-system433.js";
-const f = {
-  Root: p,
-  DigitField: o,
-  Fields: r,
-  FlagField: e,
-  Portal: n,
-  Options: i,
-  OptionsList: m,
-  OptionsSearchField: t
-};
+'use client';
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { forwardRef as p, useState as m } from "react";
+import { InputRoot as d } from "./mainstack-design-system433.js";
+import { InputField as l } from "./mainstack-design-system434.js";
+import "./mainstack-design-system432.js";
+import "./mainstack-design-system355.js";
+import a from "./mainstack-design-system298.js";
+import c from "./mainstack-design-system299.js";
+import "./player-DSenNqFV.js";
+const u = p(
+  ({ className: e, ...n }, s) => {
+    const [r, t] = m("password");
+    return /* @__PURE__ */ i(d, { className: e, children: [
+      /* @__PURE__ */ o(l, { ...n, ref: s, type: r }),
+      r === "password" ? /* @__PURE__ */ i(
+        "button",
+        {
+          onClick: () => t("text"),
+          className: "border-none outline-none cursor-pointer",
+          children: [
+            /* @__PURE__ */ o(c, {}),
+            " "
+          ]
+        }
+      ) : /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: () => t("password"),
+          className: "border-none outline-none cursor-pointer",
+          children: /* @__PURE__ */ o(a, {})
+        }
+      )
+    ] });
+  }
+);
+u.displayName = "PasswordField";
 export {
-  o as PhoneNumberDigitField,
-  r as PhoneNumberFields,
-  e as PhoneNumberFlagField,
-  f as PhoneNumberGroup,
-  O as PhoneNumberInput,
-  i as PhoneNumberOptions,
-  m as PhoneNumberOptionsList,
-  t as PhoneNumberOptionsSearchField,
-  n as PhoneNumberPortal,
-  p as PhoneNumberRoot
+  u as PasswordField
 };

package/dist/mainstack-design-system359.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./mainstack-design-system442.cjs"),e=require("./mainstack-design-system443.cjs"),r=require("./mainstack-design-system444.cjs"),l=require("./mainstack-design-system445.cjs"),c=require("./mainstack-design-system446.cjs"),F=require("./mainstack-design-system447.cjs"),d=require("./mainstack-design-system448.cjs"),o=require("./mainstack-design-system449.cjs"),t=require("./mainstack-design-system441.cjs"),P={Root:o.PriceFieldRoot,DigitField:i.PriceFieldDigitField,Fields:e.PriceFieldFields,FlagField:r.PriceFieldFlagField,Portal:d.PriceFieldPortal,Options:l.PriceFieldOptions,OptionsList:c.PriceFieldOptionsList,OptionsSearchField:F.PriceFieldOptionsSearchField};exports.PriceFieldDigitField=i.PriceFieldDigitField;exports.PriceFieldFields=e.PriceFieldFields;exports.PriceFieldFlagField=r.PriceFieldFlagField;exports.PriceFieldOptions=l.PriceFieldOptions;exports.PriceFieldOptionsList=c.PriceFieldOptionsList;exports.PriceFieldOptionsSearchField=F.PriceFieldOptionsSearchField;exports.PriceFieldPortal=d.PriceFieldPortal;exports.PriceFieldRoot=o.PriceFieldRoot;exports.PriceFieldInput=t.PriceFieldInput;exports.PriceFieldGroup=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system603.cjs"),o=require("./mainstack-design-system436.cjs"),n=require("./mainstack-design-system437.cjs"),r=require("./mainstack-design-system438.cjs"),t=require("./mainstack-design-system439.cjs"),u=require("./mainstack-design-system440.cjs"),i=require("./mainstack-design-system441.cjs"),m=require("./mainstack-design-system442.cjs"),P=require("./mainstack-design-system435.cjs"),h={Root:m.PhoneNumberRoot,DigitField:e.PhoneNumberDigitField,Fields:o.PhoneNumberFields,FlagField:n.PhoneNumberFlagField,Portal:i.PhoneNumberPortal,Options:r.PhoneNumberOptions,OptionsList:t.PhoneNumberOptionsList,OptionsSearchField:u.PhoneNumberOptionsSearchField};exports.PhoneNumberDigitField=e.PhoneNumberDigitField;exports.PhoneNumberFields=o.PhoneNumberFields;exports.PhoneNumberFlagField=n.PhoneNumberFlagField;exports.PhoneNumberOptions=r.PhoneNumberOptions;exports.PhoneNumberOptionsList=t.PhoneNumberOptionsList;exports.PhoneNumberOptionsSearchField=u.PhoneNumberOptionsSearchField;exports.PhoneNumberPortal=i.PhoneNumberPortal;exports.PhoneNumberRoot=m.PhoneNumberRoot;exports.PhoneNumberInput=P.PhoneNumberInput;exports.PhoneNumberGroup=h;

package/dist/mainstack-design-system359.js

@@ -1,31 +1,31 @@
-import { PriceFieldDigitField as i } from "./mainstack-design-system442.js";
-import { PriceFieldFields as r } from "./mainstack-design-system443.js";
-import { PriceFieldFlagField as o } from "./mainstack-design-system444.js";
-import { PriceFieldOptions as e } from "./mainstack-design-system445.js";
-import { PriceFieldOptionsList as t } from "./mainstack-design-system446.js";
-import { PriceFieldOptionsSearchField as l } from "./mainstack-design-system447.js";
-import { PriceFieldPortal as F } from "./mainstack-design-system448.js";
-import { PriceFieldRoot as d } from "./mainstack-design-system449.js";
-import { PriceFieldInput as u } from "./mainstack-design-system441.js";
-const O = {
-  Root: d,
-  DigitField: i,
+import { PhoneNumberDigitField as o } from "./mainstack-design-system603.js";
+import { PhoneNumberFields as r } from "./mainstack-design-system436.js";
+import { PhoneNumberFlagField as e } from "./mainstack-design-system437.js";
+import { PhoneNumberOptions as i } from "./mainstack-design-system438.js";
+import { PhoneNumberOptionsList as m } from "./mainstack-design-system439.js";
+import { PhoneNumberOptionsSearchField as t } from "./mainstack-design-system440.js";
+import { PhoneNumberPortal as n } from "./mainstack-design-system441.js";
+import { PhoneNumberRoot as p } from "./mainstack-design-system442.js";
+import { PhoneNumberInput as O } from "./mainstack-design-system435.js";
+const f = {
+  Root: p,
+  DigitField: o,
   Fields: r,
-  FlagField: o,
-  Portal: F,
-  Options: e,
-  OptionsList: t,
-  OptionsSearchField: l
+  FlagField: e,
+  Portal: n,
+  Options: i,
+  OptionsList: m,
+  OptionsSearchField: t
 };
 export {
-  i as PriceFieldDigitField,
-  r as PriceFieldFields,
-  o as PriceFieldFlagField,
-  O as PriceFieldGroup,
-  u as PriceFieldInput,
-  e as PriceFieldOptions,
-  t as PriceFieldOptionsList,
-  l as PriceFieldOptionsSearchField,
-  F as PriceFieldPortal,
-  d as PriceFieldRoot
+  o as PhoneNumberDigitField,
+  r as PhoneNumberFields,
+  e as PhoneNumberFlagField,
+  f as PhoneNumberGroup,
+  O as PhoneNumberInput,
+  i as PhoneNumberOptions,
+  m as PhoneNumberOptionsList,
+  t as PhoneNumberOptionsSearchField,
+  n as PhoneNumberPortal,
+  p as PhoneNumberRoot
 };

package/dist/mainstack-design-system36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system398.cjs"),t=require("./mainstack-design-system392.cjs"),e=require("./mainstack-design-system393.cjs"),i=require("./mainstack-design-system394.cjs"),T=require("./mainstack-design-system395.cjs"),p=require("./mainstack-design-system396.cjs"),l=require("./mainstack-design-system397.cjs"),r={Root:t.TooltipRoot,Trigger:e.TooltipTrigger,Content:i.TooltipContent,Header:T.TooltipHeader,Body:p.TooltipBody,Footer:l.TooltipFooter,Title:o.TooltipTitle};exports.TooltipTitle=o.TooltipTitle;exports.TooltipRoot=t.TooltipRoot;exports.TooltipTrigger=e.TooltipTrigger;exports.TooltipContent=i.TooltipContent;exports.TooltipHeader=T.TooltipHeader;exports.TooltipBody=p.TooltipBody;exports.TooltipFooter=l.TooltipFooter;exports.TooltipGroup=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system400.cjs"),t=require("./mainstack-design-system394.cjs"),e=require("./mainstack-design-system395.cjs"),i=require("./mainstack-design-system396.cjs"),T=require("./mainstack-design-system397.cjs"),p=require("./mainstack-design-system398.cjs"),l=require("./mainstack-design-system399.cjs"),r={Root:t.TooltipRoot,Trigger:e.TooltipTrigger,Content:i.TooltipContent,Header:T.TooltipHeader,Body:p.TooltipBody,Footer:l.TooltipFooter,Title:o.TooltipTitle};exports.TooltipTitle=o.TooltipTitle;exports.TooltipRoot=t.TooltipRoot;exports.TooltipTrigger=e.TooltipTrigger;exports.TooltipContent=i.TooltipContent;exports.TooltipHeader=T.TooltipHeader;exports.TooltipBody=p.TooltipBody;exports.TooltipFooter=l.TooltipFooter;exports.TooltipGroup=r;

package/dist/mainstack-design-system36.js

@@ -1,10 +1,10 @@
-import { TooltipTitle as o } from "./mainstack-design-system398.js";
-import { TooltipRoot as t } from "./mainstack-design-system392.js";
-import { TooltipTrigger as r } from "./mainstack-design-system393.js";
-import { TooltipContent as i } from "./mainstack-design-system394.js";
-import { TooltipHeader as p } from "./mainstack-design-system395.js";
-import { TooltipBody as m } from "./mainstack-design-system396.js";
-import { TooltipFooter as e } from "./mainstack-design-system397.js";
+import { TooltipTitle as o } from "./mainstack-design-system400.js";
+import { TooltipRoot as t } from "./mainstack-design-system394.js";
+import { TooltipTrigger as r } from "./mainstack-design-system395.js";
+import { TooltipContent as i } from "./mainstack-design-system396.js";
+import { TooltipHeader as p } from "./mainstack-design-system397.js";
+import { TooltipBody as m } from "./mainstack-design-system398.js";
+import { TooltipFooter as e } from "./mainstack-design-system399.js";
 const y = {
   Root: t,
   Trigger: r,

package/dist/mainstack-design-system360.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),r=require("react"),v=require("./mainstack-design-system555.cjs");function h({children:l,mode:n="light",uiTheme:c="default",themeCssVariablesOveride:u={},...o}){const t=r.useRef(null),[f,m]=r.useState({...o,mode:n,uiTheme:c,themeCssVariablesOveride:u}),s=r.useCallback(e=>{t.current&&(e?.mode&&t.current.setAttribute("data-theme-mode",e.mode),e?.uiTheme&&t.current.setAttribute("data-ui-theme",e.uiTheme),e?.themeCssVariablesOveride&&Object.entries(e.themeCssVariablesOveride).forEach(([i,a])=>{a&&t.current&&t.current.style.setProperty(i,a)}))},[]),b=r.useCallback(e=>{s(e),m(i=>({...i,themeCssVariablesOveride:{...i?.themeCssVariablesOveride||{},...e?.themeCssVariablesOveride||{}}}))},[s]);return r.useEffect(()=>{const e={mode:n,uiTheme:c,themeCssVariablesOveride:u,...o};s(e)},[n,o,u,c,s]),d.jsx(v.MainstackDesignSystemProviderContext.Provider,{value:[f,b],children:d.jsx("div",{ref:t,children:l})})}exports.MainstackDesignSystemProvider=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./mainstack-design-system444.cjs"),e=require("./mainstack-design-system445.cjs"),r=require("./mainstack-design-system446.cjs"),l=require("./mainstack-design-system447.cjs"),c=require("./mainstack-design-system448.cjs"),F=require("./mainstack-design-system449.cjs"),d=require("./mainstack-design-system450.cjs"),o=require("./mainstack-design-system451.cjs"),t=require("./mainstack-design-system443.cjs"),P={Root:o.PriceFieldRoot,DigitField:i.PriceFieldDigitField,Fields:e.PriceFieldFields,FlagField:r.PriceFieldFlagField,Portal:d.PriceFieldPortal,Options:l.PriceFieldOptions,OptionsList:c.PriceFieldOptionsList,OptionsSearchField:F.PriceFieldOptionsSearchField};exports.PriceFieldDigitField=i.PriceFieldDigitField;exports.PriceFieldFields=e.PriceFieldFields;exports.PriceFieldFlagField=r.PriceFieldFlagField;exports.PriceFieldOptions=l.PriceFieldOptions;exports.PriceFieldOptionsList=c.PriceFieldOptionsList;exports.PriceFieldOptionsSearchField=F.PriceFieldOptionsSearchField;exports.PriceFieldPortal=d.PriceFieldPortal;exports.PriceFieldRoot=o.PriceFieldRoot;exports.PriceFieldInput=t.PriceFieldInput;exports.PriceFieldGroup=P;

package/dist/mainstack-design-system360.js

@@ -1,55 +1,31 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as b, useState as v, useCallback as d, useEffect as C } from "react";
-import { MainstackDesignSystemProviderContext as y } from "./mainstack-design-system555.js";
-function k({
-  children: f,
-  mode: s = "light",
-  uiTheme: o = "default",
-  themeCssVariablesOveride: u = {},
-  ...a
-}) {
-  const t = b(null), [m, l] = v({
-    ...a,
-    mode: s,
-    uiTheme: o,
-    themeCssVariablesOveride: u
-  }), r = d(
-    (e) => {
-      t.current && (e?.mode && t.current.setAttribute("data-theme-mode", e.mode), e?.uiTheme && t.current.setAttribute("data-ui-theme", e.uiTheme), e?.themeCssVariablesOveride && Object.entries(e.themeCssVariablesOveride).forEach(
-        ([i, c]) => {
-          c && t.current && t.current.style.setProperty(i, c);
-        }
-      ));
-    },
-    []
-  ), h = d(
-    (e) => {
-      r(e), l((i) => ({
-        ...i,
-        themeCssVariablesOveride: {
-          ...i?.themeCssVariablesOveride || {},
-          ...e?.themeCssVariablesOveride || {}
-        }
-      }));
-    },
-    [r]
-  );
-  return C(() => {
-    const e = {
-      mode: s,
-      uiTheme: o,
-      themeCssVariablesOveride: u,
-      ...a
-    };
-    r(e);
-  }, [s, a, u, o, r]), /* @__PURE__ */ n(
-    y.Provider,
-    {
-      value: [m, h],
-      children: /* @__PURE__ */ n("div", { ref: t, children: f })
-    }
-  );
-}
+import { PriceFieldDigitField as i } from "./mainstack-design-system444.js";
+import { PriceFieldFields as r } from "./mainstack-design-system445.js";
+import { PriceFieldFlagField as o } from "./mainstack-design-system446.js";
+import { PriceFieldOptions as e } from "./mainstack-design-system447.js";
+import { PriceFieldOptionsList as t } from "./mainstack-design-system448.js";
+import { PriceFieldOptionsSearchField as l } from "./mainstack-design-system449.js";
+import { PriceFieldPortal as F } from "./mainstack-design-system450.js";
+import { PriceFieldRoot as d } from "./mainstack-design-system451.js";
+import { PriceFieldInput as u } from "./mainstack-design-system443.js";
+const O = {
+  Root: d,
+  DigitField: i,
+  Fields: r,
+  FlagField: o,
+  Portal: F,
+  Options: e,
+  OptionsList: t,
+  OptionsSearchField: l
+};
 export {
-  k as MainstackDesignSystemProvider
+  i as PriceFieldDigitField,
+  r as PriceFieldFields,
+  o as PriceFieldFlagField,
+  O as PriceFieldGroup,
+  u as PriceFieldInput,
+  e as PriceFieldOptions,
+  t as PriceFieldOptionsList,
+  l as PriceFieldOptionsSearchField,
+  F as PriceFieldPortal,
+  d as PriceFieldRoot
 };

package/dist/mainstack-design-system361.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=require("./mainstack-design-system555.cjs");function n(){const e=t.useContext(s.MainstackDesignSystemProviderContext);if(!e)throw new Error("useMainstackDesignSystemTheme must be used within a <MainstackDesignSystemProvider />.");return e}exports.useMainstackDesignSystemTheme=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),r=require("react"),v=require("./mainstack-design-system566.cjs");function h({children:l,mode:n="light",uiTheme:c="default",themeCssVariablesOveride:u={},...o}){const t=r.useRef(null),[f,m]=r.useState({...o,mode:n,uiTheme:c,themeCssVariablesOveride:u}),s=r.useCallback(e=>{t.current&&(e?.mode&&t.current.setAttribute("data-theme-mode",e.mode),e?.uiTheme&&t.current.setAttribute("data-ui-theme",e.uiTheme),e?.themeCssVariablesOveride&&Object.entries(e.themeCssVariablesOveride).forEach(([i,a])=>{a&&t.current&&t.current.style.setProperty(i,a)}))},[]),b=r.useCallback(e=>{s(e),m(i=>({...i,themeCssVariablesOveride:{...i?.themeCssVariablesOveride||{},...e?.themeCssVariablesOveride||{}}}))},[s]);return r.useEffect(()=>{const e={mode:n,uiTheme:c,themeCssVariablesOveride:u,...o};s(e)},[n,o,u,c,s]),d.jsx(v.MainstackDesignSystemProviderContext.Provider,{value:[f,b],children:d.jsx("div",{ref:t,children:l})})}exports.MainstackDesignSystemProvider=h;

package/dist/mainstack-design-system361.js

@@ -1,13 +1,55 @@
-import { useContext as t } from "react";
-import { MainstackDesignSystemProviderContext as s } from "./mainstack-design-system555.js";
-function r() {
-  const e = t(s);
-  if (!e)
-    throw new Error(
-      "useMainstackDesignSystemTheme must be used within a <MainstackDesignSystemProvider />."
-    );
-  return e;
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as b, useState as v, useCallback as d, useEffect as C } from "react";
+import { MainstackDesignSystemProviderContext as y } from "./mainstack-design-system566.js";
+function k({
+  children: f,
+  mode: s = "light",
+  uiTheme: o = "default",
+  themeCssVariablesOveride: u = {},
+  ...a
+}) {
+  const t = b(null), [m, l] = v({
+    ...a,
+    mode: s,
+    uiTheme: o,
+    themeCssVariablesOveride: u
+  }), r = d(
+    (e) => {
+      t.current && (e?.mode && t.current.setAttribute("data-theme-mode", e.mode), e?.uiTheme && t.current.setAttribute("data-ui-theme", e.uiTheme), e?.themeCssVariablesOveride && Object.entries(e.themeCssVariablesOveride).forEach(
+        ([i, c]) => {
+          c && t.current && t.current.style.setProperty(i, c);
+        }
+      ));
+    },
+    []
+  ), h = d(
+    (e) => {
+      r(e), l((i) => ({
+        ...i,
+        themeCssVariablesOveride: {
+          ...i?.themeCssVariablesOveride || {},
+          ...e?.themeCssVariablesOveride || {}
+        }
+      }));
+    },
+    [r]
+  );
+  return C(() => {
+    const e = {
+      mode: s,
+      uiTheme: o,
+      themeCssVariablesOveride: u,
+      ...a
+    };
+    r(e);
+  }, [s, a, u, o, r]), /* @__PURE__ */ n(
+    y.Provider,
+    {
+      value: [m, h],
+      children: /* @__PURE__ */ n("div", { ref: t, children: f })
+    }
+  );
 }
 export {
-  r as useMainstackDesignSystemTheme
+  k as MainstackDesignSystemProvider
 };

package/dist/mainstack-design-system362.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system450.cjs"),t=require("./mainstack-design-system451.cjs"),e=require("./mainstack-design-system452.cjs"),i=require("./mainstack-design-system453.cjs"),a=require("./mainstack-design-system454.cjs"),d=require("./mainstack-design-system455.cjs"),R={Root:o.RadioRoot,Item:t.RadioItem,ItemLabel:e.RadioItemLabel,ItemIndicator:i.RadioItemIndicator,ItemTitle:a.RadioItemTitle,ItemSubtext:d.RadioItemSubText};exports.RadioRoot=o.RadioRoot;exports.RadioItem=t.RadioItem;exports.RadioItemLabel=e.RadioItemLabel;exports.RadioItemIndicator=i.RadioItemIndicator;exports.RadioItemTitle=a.RadioItemTitle;exports.RadioItemSubText=d.RadioItemSubText;exports.RadioGroup=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),s=require("./mainstack-design-system566.cjs");function n(){const e=t.useContext(s.MainstackDesignSystemProviderContext);if(!e)throw new Error("useMainstackDesignSystemTheme must be used within a <MainstackDesignSystemProvider />.");return e}exports.useMainstackDesignSystemTheme=n;

package/dist/mainstack-design-system362.js

@@ -1,23 +1,13 @@
-import { RadioRoot as o } from "./mainstack-design-system450.js";
-import { RadioItem as t } from "./mainstack-design-system451.js";
-import { RadioItemLabel as m } from "./mainstack-design-system452.js";
-import { RadioItemIndicator as e } from "./mainstack-design-system453.js";
-import { RadioItemTitle as i } from "./mainstack-design-system454.js";
-import { RadioItemSubText as r } from "./mainstack-design-system455.js";
-const b = {
-  Root: o,
-  Item: t,
-  ItemLabel: m,
-  ItemIndicator: e,
-  ItemTitle: i,
-  ItemSubtext: r
-};
+import { useContext as t } from "react";
+import { MainstackDesignSystemProviderContext as s } from "./mainstack-design-system566.js";
+function r() {
+  const e = t(s);
+  if (!e)
+    throw new Error(
+      "useMainstackDesignSystemTheme must be used within a <MainstackDesignSystemProvider />."
+    );
+  return e;
+}
 export {
-  b as RadioGroup,
-  t as RadioItem,
-  e as RadioItemIndicator,
-  m as RadioItemLabel,
-  r as RadioItemSubText,
-  i as RadioItemTitle,
-  o as RadioRoot
+  r as useMainstackDesignSystemTheme
 };

package/dist/mainstack-design-system363.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),l=require("./mainstack-design-system431.cjs"),a=require("./mainstack-design-system432.cjs");require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system91.cjs"),d=require("./mainstack-design-system264.cjs"),h=require("./utils-DRUMSl4z.cjs"),i=c.forwardRef(({onCancel:n,className:s,...u},e)=>{const o=c.useRef(null);return r.jsxs(l.InputRoot,{className:h.cn("group bg-interactive-secondary overflow-hidden min-h-40 hover:bg-interactive-secondary-hover has-[*_[data-shape=rounded]]:rounded-12!",s),children:[r.jsx(d,{className:"size-24 transition-all duration-500 group-focus-within:w-0 "}),r.jsx(a.InputField,{placeholder:"Search",shape:"full-radius",ref:t=>{o.current=t,typeof e=="function"?e(t):typeof e=="object"&&e?.current&&(e.current=t)},...u}),r.jsx(p,{role:"button",className:"size-20 block cursor-pointer text-tertiary  peer-placeholder-shown:hidden",variant:"filled",onClick:()=>{n&&n(),o.current?.focus()}})]})});i.displayName="SearchField";exports.SearchField=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system452.cjs"),t=require("./mainstack-design-system453.cjs"),e=require("./mainstack-design-system454.cjs"),i=require("./mainstack-design-system455.cjs"),a=require("./mainstack-design-system456.cjs"),d=require("./mainstack-design-system457.cjs"),R={Root:o.RadioRoot,Item:t.RadioItem,ItemLabel:e.RadioItemLabel,ItemIndicator:i.RadioItemIndicator,ItemTitle:a.RadioItemTitle,ItemSubtext:d.RadioItemSubText};exports.RadioRoot=o.RadioRoot;exports.RadioItem=t.RadioItem;exports.RadioItemLabel=e.RadioItemLabel;exports.RadioItemIndicator=i.RadioItemIndicator;exports.RadioItemTitle=a.RadioItemTitle;exports.RadioItemSubText=d.RadioItemSubText;exports.RadioGroup=R;

package/dist/mainstack-design-system363.js

@@ -1,58 +1,23 @@
-'use client';
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as l, useRef as s } from "react";
-import { InputRoot as p } from "./mainstack-design-system431.js";
-import { InputField as m } from "./mainstack-design-system432.js";
-import "./mainstack-design-system430.js";
-import "./mainstack-design-system355.js";
-import u from "./mainstack-design-system91.js";
-import h from "./mainstack-design-system264.js";
-import { c as f } from "./utils-CFdAYIby.js";
-const d = l(
-  ({ onCancel: t, className: c, ...n }, r) => {
-    const i = s(null);
-    return /* @__PURE__ */ a(
-      p,
-      {
-        className: f(
-          "group bg-interactive-secondary overflow-hidden min-h-40 hover:bg-interactive-secondary-hover has-[*_[data-shape=rounded]]:rounded-12!",
-          c
-        ),
-        children: [
-          /* @__PURE__ */ e(
-            h,
-            {
-              className: "size-24 transition-all duration-500 group-focus-within:w-0 "
-            }
-          ),
-          /* @__PURE__ */ e(
-            m,
-            {
-              placeholder: "Search",
-              shape: "full-radius",
-              ref: (o) => {
-                i.current = o, typeof r == "function" ? r(o) : typeof r == "object" && r?.current && (r.current = o);
-              },
-              ...n
-            }
-          ),
-          /* @__PURE__ */ e(
-            u,
-            {
-              role: "button",
-              className: "size-20 block cursor-pointer text-tertiary  peer-placeholder-shown:hidden",
-              variant: "filled",
-              onClick: () => {
-                t && t(), i.current?.focus();
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-d.displayName = "SearchField";
+import { RadioRoot as o } from "./mainstack-design-system452.js";
+import { RadioItem as t } from "./mainstack-design-system453.js";
+import { RadioItemLabel as m } from "./mainstack-design-system454.js";
+import { RadioItemIndicator as e } from "./mainstack-design-system455.js";
+import { RadioItemTitle as i } from "./mainstack-design-system456.js";
+import { RadioItemSubText as r } from "./mainstack-design-system457.js";
+const b = {
+  Root: o,
+  Item: t,
+  ItemLabel: m,
+  ItemIndicator: e,
+  ItemTitle: i,
+  ItemSubtext: r
+};
 export {
-  d as SearchField
+  b as RadioGroup,
+  t as RadioItem,
+  e as RadioItemIndicator,
+  m as RadioItemLabel,
+  r as RadioItemSubText,
+  i as RadioItemTitle,
+  o as RadioRoot
 };

package/dist/mainstack-design-system364.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./mainstack-design-system556.cjs"),e=require("./mainstack-design-system458.cjs"),t=require("./mainstack-design-system459.cjs"),o=require("./mainstack-design-system460.cjs"),c=require("./mainstack-design-system461.cjs"),n=require("./mainstack-design-system462.cjs"),l=require("./mainstack-design-system463.cjs"),S=require("./mainstack-design-system456.cjs"),p=require("./mainstack-design-system457.cjs"),r={Root:i.SelectRoot,InputField:e.SelectInputField,Portal:t.SelectPortal,Options:o.SelectOptions,OptionItem:c.SelectOptionItem,OptionItemWithCheckbox:n.SelectOptionItemWithCheckbox,OptionInputPreview:l.SelectOptionInputPreview};exports.SelectInputField=e.SelectInputField;exports.SelectPortal=t.SelectPortal;exports.SelectOptions=o.SelectOptions;exports.SelectOptionItem=c.SelectOptionItem;exports.SelectOptionItemWithCheckbox=n.SelectOptionItemWithCheckbox;exports.SelectOptionInputPreview=l.SelectOptionInputPreview;exports.Select=S.Select;exports.MultiSelect=p.MultiSelect;exports.SelectGroup=r;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),l=require("./mainstack-design-system433.cjs"),a=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system91.cjs"),d=require("./mainstack-design-system264.cjs");require("./player-BKifgSJo.cjs");const h=require("./utils-FBJ8OQ9f.cjs"),i=c.forwardRef(({onCancel:n,className:s,...u},e)=>{const o=c.useRef(null);return r.jsxs(l.InputRoot,{className:h.cn("group bg-interactive-secondary overflow-hidden min-h-40 hover:bg-interactive-secondary-hover has-[*_[data-shape=rounded]]:rounded-12!",s),children:[r.jsx(d,{className:"size-24 transition-all duration-500 group-focus-within:w-0 "}),r.jsx(a.InputField,{placeholder:"Search",shape:"full-radius",ref:t=>{o.current=t,typeof e=="function"?e(t):typeof e=="object"&&e?.current&&(e.current=t)},...u}),r.jsx(p,{role:"button",className:"size-20 block cursor-pointer text-tertiary  peer-placeholder-shown:hidden",variant:"filled",onClick:()=>{n&&n(),o.current?.focus()}})]})});i.displayName="SearchField";exports.SearchField=i;