mainstack-design-system 1.14.3 → 1.15.1

package/dist/mainstack-design-system364.js

@@ -1,13 +1,35 @@
-import { useContext as t } from "react";
-import { MainstackDesignSystemProviderContext as s } from "./mainstack-design-system584.js";
-function r() {
-  const e = t(s);
-  if (!e)
-    throw new Error(
-      "useMainstackDesignSystemTheme must be used within a <MainstackDesignSystemProvider />."
-    );
-  return e;
-}
+import { jsxs as o, jsx as C } from "react/jsx-runtime";
+import l from "./mainstack-design-system366.js";
+const p = ({ ...L }) => /* @__PURE__ */ o(l, { ...L, children: [
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M22.5011 12.2331C22.5011 11.3698 22.4296 10.7398 22.2749 10.0864H12.2153V13.9831H18.1201C18.0011 14.9515 17.3582 16.4098 15.9296 17.3897L15.9095 17.5202L19.0902 19.9349L19.3106 19.9564C21.3344 18.1248 22.5011 15.4297 22.5011 12.2331Z",
+      fill: "#4285F4"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M12.2147 22.4998C15.1076 22.4998 17.5361 21.5664 19.31 19.9564L15.929 17.3897C15.0242 18.0081 13.8099 18.4397 12.2147 18.4397C9.38145 18.4397 6.97669 16.608 6.11947 14.0764L5.99382 14.0868L2.68656 16.5952L2.64331 16.713C4.4052 20.143 8.02425 22.4998 12.2147 22.4998Z",
+      fill: "#34A853"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M6.11973 14.0767C5.89354 13.4234 5.76264 12.7234 5.76264 12.0001C5.76264 11.2767 5.89354 10.5767 6.10783 9.9234L6.10183 9.7842L2.75312 7.2356L2.64356 7.28667C1.9174 8.71005 1.50073 10.3084 1.50073 12.0001C1.50073 13.6917 1.9174 15.29 2.64356 16.7134L6.11973 14.0767Z",
+      fill: "#FBBC05"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M12.2148 5.55997C14.2267 5.55997 15.5838 6.41164 16.3577 7.12335L19.3814 4.23C17.5244 2.53834 15.1076 1.5 12.2148 1.5C8.02425 1.5 4.4052 3.85665 2.64331 7.28662L6.10759 9.92332C6.97672 7.39166 9.38145 5.55997 12.2148 5.55997Z",
+      fill: "#EB4335"
+    }
+  )
+] });
 export {
-  r as useMainstackDesignSystemTheme
+  p as default
 };

package/dist/mainstack-design-system365.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system459.cjs"),t=require("./mainstack-design-system460.cjs"),e=require("./mainstack-design-system461.cjs"),i=require("./mainstack-design-system462.cjs"),a=require("./mainstack-design-system463.cjs"),d=require("./mainstack-design-system464.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"});var t=(e=>(e.OUTLINED="outlined",e.FILLED="filled",e))(t||{});exports.EIconVariant=t;

package/dist/mainstack-design-system365.js

@@ -1,23 +1,4 @@
-import { RadioRoot as o } from "./mainstack-design-system459.js";
-import { RadioItem as t } from "./mainstack-design-system460.js";
-import { RadioItemLabel as m } from "./mainstack-design-system461.js";
-import { RadioItemIndicator as e } from "./mainstack-design-system462.js";
-import { RadioItemTitle as i } from "./mainstack-design-system463.js";
-import { RadioItemSubText as r } from "./mainstack-design-system464.js";
-const b = {
-  Root: o,
-  Item: t,
-  ItemLabel: m,
-  ItemIndicator: e,
-  ItemTitle: i,
-  ItemSubtext: r
-};
+var l = /* @__PURE__ */ ((e) => (e.OUTLINED = "outlined", e.FILLED = "filled", e))(l || {});
 export {
-  b as RadioGroup,
-  t as RadioItem,
-  e as RadioItemIndicator,
-  m as RadioItemLabel,
-  r as RadioItemSubText,
-  i as RadioItemTitle,
-  o as RadioRoot
+  l as EIconVariant
 };

package/dist/mainstack-design-system366.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),l=require("./mainstack-design-system440.cjs"),d=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const a=require("./mainstack-design-system93.cjs"),m=require("./mainstack-design-system266.cjs");require("./player-BBiZ5mNK.cjs");const p=require("./utils-Bdd5vx6a.cjs"),c=o.forwardRef(({onCancel:t,className:i,...u},e)=>{const n=o.useRef(null);return r.jsxs(l.InputRoot,{className:p.cn("mds:group mds:bg-interactive-secondary mds:overflow-hidden mds:min-h-40 mds:hover:bg-interactive-secondary-hover mds:has-[*_[data-shape=rounded]]:rounded-12!",i),children:[r.jsx(m,{className:"mds:size-24 mds:transition-all mds:duration-500 mds:group-focus-within:w-0 "}),r.jsx(d.InputField,{placeholder:"Search",shape:"full-radius",ref:s=>{n.current=s,typeof e=="function"?e(s):typeof e=="object"&&e?.current&&(e.current=s)},...u}),r.jsx(a,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:text-tertiary  mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>{t&&t(),n.current?.focus()}})]})});c.displayName="SearchField";exports.SearchField=c;
+"use strict";const o=require("react/jsx-runtime"),s=require("react"),w=require("./utils-Dp-J9Ksy.cjs"),c=s.forwardRef(({children:u,className:l,...r},m)=>{const i=`mask-${s.useId()}`,t=r.width||"24",n=r.height||"24",p=s.Children.map(u,e=>{if(!s.isValidElement(e))return e;const a=e.props,d=typeof e.type=="string"&&e.type.toLowerCase()==="g",k="mask"in a;return d&&k?s.cloneElement(e,{...a,mask:`url(#${i})`}):e});return o.jsxs("svg",{ref:m,xmlns:"http://www.w3.org/2000/svg",width:t,height:n,viewBox:`0 0 ${t} ${n}`,fill:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:w.cn("mds:size-24",l),...r,children:[o.jsx("mask",{id:i,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:t,height:n,children:o.jsx("rect",{width:t,height:n,fill:"white"})}),p]})});c.displayName="Icon";module.exports=c;

package/dist/mainstack-design-system366.js

@@ -1,59 +1,50 @@
-'use client';
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as d, useRef as n } from "react";
-import { InputRoot as a } from "./mainstack-design-system440.js";
-import { InputField as l } from "./mainstack-design-system441.js";
-import "./mainstack-design-system439.js";
-import "./mainstack-design-system357.js";
-import p from "./mainstack-design-system93.js";
-import u from "./mainstack-design-system266.js";
-import "./player-Cs7wtvrg.js";
-import { c as h } from "./utils-D85wpvmd.js";
-const f = d(
-  ({ onCancel: s, className: i, ...m }, r) => {
-    const t = n(null);
-    return /* @__PURE__ */ c(
-      a,
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import n, { useId as k } from "react";
+import { c as w } from "./utils-BWBRqOem.js";
+const h = n.forwardRef(
+  ({ children: m, className: l, ...r }, c) => {
+    const o = `mask-${k()}`, s = r.width || "24", t = r.height || "24", p = n.Children.map(m, (e) => {
+      if (!n.isValidElement(e)) return e;
+      const a = e.props, u = typeof e.type == "string" && e.type.toLowerCase() === "g", d = "mask" in a;
+      return u && d ? n.cloneElement(e, {
+        ...a,
+        mask: `url(#${o})`
+      }) : e;
+    });
+    return /* @__PURE__ */ f(
+      "svg",
       {
-        className: h(
-          "mds:group mds:bg-interactive-secondary mds:overflow-hidden mds:min-h-40 mds:hover:bg-interactive-secondary-hover mds:has-[*_[data-shape=rounded]]:rounded-12!",
-          i
-        ),
+        ref: c,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: s,
+        height: t,
+        viewBox: `0 0 ${s} ${t}`,
+        fill: "currentColor",
+        stroke: "none",
+        strokeWidth: "1",
+        style: { maskType: "alpha" },
+        className: w("mds:size-24", l),
+        ...r,
         children: [
-          /* @__PURE__ */ e(
-            u,
+          /* @__PURE__ */ i(
+            "mask",
             {
-              className: "mds:size-24 mds:transition-all mds:duration-500 mds:group-focus-within:w-0 "
+              id: o,
+              maskUnits: "userSpaceOnUse",
+              x: "0",
+              y: "0",
+              width: s,
+              height: t,
+              children: /* @__PURE__ */ i("rect", { width: s, height: t, fill: "white" })
             }
           ),
-          /* @__PURE__ */ e(
-            l,
-            {
-              placeholder: "Search",
-              shape: "full-radius",
-              ref: (o) => {
-                t.current = o, typeof r == "function" ? r(o) : typeof r == "object" && r?.current && (r.current = o);
-              },
-              ...m
-            }
-          ),
-          /* @__PURE__ */ e(
-            p,
-            {
-              role: "button",
-              className: "mds:size-20 mds:block mds:cursor-pointer mds:text-tertiary  mds:peer-placeholder-shown:hidden",
-              variant: "filled",
-              onClick: () => {
-                s && s(), t.current?.focus();
-              }
-            }
-          )
+          p
         ]
       }
     );
   }
 );
-f.displayName = "SearchField";
+h.displayName = "Icon";
 export {
-  f as SearchField
+  h as default
 };

package/dist/mainstack-design-system367.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system467.cjs"),t=require("./mainstack-design-system468.cjs"),o=require("./mainstack-design-system469.cjs"),c=require("./mainstack-design-system470.cjs"),l=require("./mainstack-design-system471.cjs"),n=require("./mainstack-design-system472.cjs"),i=require("./mainstack-design-system473.cjs"),S=require("./mainstack-design-system465.cjs"),p=require("./mainstack-design-system466.cjs"),r={Root:e.SelectRoot,InputField:t.SelectInputField,Portal:o.SelectPortal,Options:c.SelectOptions,OptionItem:l.SelectOptionItem,OptionItemWithCheckbox:n.SelectOptionItemWithCheckbox,OptionInputPreview:i.SelectOptionInputPreview};exports.SelectRoot=e.SelectRoot;exports.SelectInputField=t.SelectInputField;exports.SelectPortal=o.SelectPortal;exports.SelectOptions=c.SelectOptions;exports.SelectOptionItem=l.SelectOptionItem;exports.SelectOptionItemWithCheckbox=n.SelectOptionItemWithCheckbox;exports.SelectOptionInputPreview=i.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"),i=require("react"),m=require("./player-BoD_1Mo-.cjs"),d=require("./utils-Dp-J9Ksy.cjs"),y=({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:d.cn("mds:flex mds:items-center mds: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=y;

package/dist/mainstack-design-system367.js

@@ -1,30 +1,46 @@
-import { SelectRoot as t } from "./mainstack-design-system467.js";
-import { SelectInputField as o } from "./mainstack-design-system468.js";
-import { SelectPortal as e } from "./mainstack-design-system469.js";
-import { SelectOptions as r } from "./mainstack-design-system470.js";
-import { SelectOptionItem as p } from "./mainstack-design-system471.js";
-import { SelectOptionItemWithCheckbox as i } from "./mainstack-design-system472.js";
-import { SelectOptionInputPreview as m } from "./mainstack-design-system473.js";
-import { Select as P } from "./mainstack-design-system465.js";
-import { MultiSelect as a } from "./mainstack-design-system466.js";
-const u = {
-  Root: t,
-  InputField: o,
-  Portal: e,
-  Options: r,
-  OptionItem: p,
-  OptionItemWithCheckbox: i,
-  OptionInputPreview: m
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as a, useEffect as f } from "react";
+import { h as l } from "./player-DtDfxekb.js";
+import { c as u } from "./utils-BWBRqOem.js";
+const x = ({
+  icon: i,
+  size: o = 18,
+  trigger: n = "loop",
+  colors: r,
+  className: m,
+  delay: c
+}) => {
+  const e = a(null);
+  f(() => {
+    n === "loop" && e.current && e.current.playFromBeginning();
+  }, [n]);
+  const s = () => {
+    n === "hover" && e.current?.playFromBeginning();
+  }, p = i;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: u("mds:flex mds:items-center mds:justify-center", m),
+      style: { width: o, height: o },
+      onMouseEnter: s,
+      children: /* @__PURE__ */ t(
+        l,
+        {
+          ref: e,
+          icon: p,
+          size: o,
+          colorize: r ? `primary:${r.primary},secondary:${r.secondary}` : void 0,
+          onComplete: () => {
+            n === "loop" && setTimeout(() => {
+              e.current?.playFromBeginning();
+            }, c || 0);
+          }
+        }
+      )
+    }
+  );
 };
 export {
-  a as MultiSelect,
-  P as Select,
-  u as SelectGroup,
-  o as SelectInputField,
-  m as SelectOptionInputPreview,
-  p as SelectOptionItem,
-  i as SelectOptionItemWithCheckbox,
-  r as SelectOptions,
-  e as SelectPortal,
-  t as SelectRoot
+  x as AnimatedIcon
 };

package/dist/mainstack-design-system368.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./mainstack-design-system474.cjs"),s=require("./mainstack-design-system475.cjs"),t=require("./mainstack-design-system476.cjs"),e=require("./mainstack-design-system624.cjs"),T=require("./mainstack-design-system477.cjs"),n={Root:o.TabsRoot,Content:s.TabsContent,List:t.TabsList,Trigger:e.TabsTrigger};exports.TabsRoot=o.TabsRoot;exports.TabsContent=s.TabsContent;exports.TabsList=t.TabsList;exports.TabsTrigger=e.TabsTrigger;exports.TabsOverflowDropdown=T.TabsOverflowDropdown;exports.Tabs=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system449.cjs"),n=require("./mainstack-design-system450.cjs"),o=require("./mainstack-design-system448.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-system368.js

@@ -1,19 +1,13 @@
-import { TabsRoot as o } from "./mainstack-design-system474.js";
-import { TabsContent as r } from "./mainstack-design-system475.js";
-import { TabsList as t } from "./mainstack-design-system476.js";
-import { TabsTrigger as m } from "./mainstack-design-system624.js";
-import { TabsOverflowDropdown as f } from "./mainstack-design-system477.js";
-const p = {
+import { InputRoot as o } from "./mainstack-design-system449.js";
+import { InputField as t } from "./mainstack-design-system450.js";
+import { Input as e } from "./mainstack-design-system448.js";
+const m = {
   Root: o,
-  Content: r,
-  List: t,
-  Trigger: m
+  Field: t
 };
 export {
-  p as Tabs,
-  r as TabsContent,
-  t as TabsList,
-  f as TabsOverflowDropdown,
-  o as TabsRoot,
-  m as TabsTrigger
+  e as Input,
+  t as InputField,
+  m as InputGroup,
+  o as InputRoot
 };

package/dist/mainstack-design-system369.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./mainstack-design-system478.cjs"),o=require("./mainstack-design-system479.cjs"),t=require("./mainstack-design-system480.cjs"),e=require("./mainstack-design-system481.cjs"),g=require("./mainstack-design-system482.cjs"),n={Root:t.TagRoot,Label:o.TagLabel,Icon:a.TagIcon};exports.TagIcon=a.TagIcon;exports.TagLabel=o.TagLabel;exports.TagRoot=t.TagRoot;exports.Tag=e.Tag;exports.tagVariants=g.tagVariants;exports.TagGroup=n;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),c=require("./mainstack-design-system449.cjs"),d=require("./mainstack-design-system450.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system366.cjs");const p=require("./mainstack-design-system300.cjs"),l=require("./mainstack-design-system301.cjs");require("./player-BoD_1Mo-.cjs");const t=o.forwardRef(({className:r,...i},u)=>{const[s,n]=o.useState("password");return e.jsxs(c.InputRoot,{className:r,children:[e.jsx(d.InputField,{...i,ref:u,type:s}),s==="password"?e.jsxs("button",{onClick:()=>n("text"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:[e.jsx(l,{})," "]}):e.jsx("button",{onClick:()=>n("password"),className:"mds:border-none mds:outline-none mds:cursor-pointer",children:e.jsx(p,{})})]})});t.displayName="PasswordField";exports.PasswordField=t;

package/dist/mainstack-design-system369.js

@@ -1,18 +1,40 @@
-import { TagIcon as o } from "./mainstack-design-system478.js";
-import { TagLabel as r } from "./mainstack-design-system479.js";
-import { TagRoot as t } from "./mainstack-design-system480.js";
-import { Tag as T } from "./mainstack-design-system481.js";
-import { tagVariants as n } from "./mainstack-design-system482.js";
-const g = {
-  Root: t,
-  Label: r,
-  Icon: o
-};
+'use client';
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { forwardRef as m, useState as p } from "react";
+import { InputRoot as d } from "./mainstack-design-system449.js";
+import { InputField as l } from "./mainstack-design-system450.js";
+import "./mainstack-design-system448.js";
+import "./mainstack-design-system366.js";
+import a from "./mainstack-design-system300.js";
+import c from "./mainstack-design-system301.js";
+import "./player-DtDfxekb.js";
+const u = m(
+  ({ className: i, ...e }, n) => {
+    const [r, t] = p("password");
+    return /* @__PURE__ */ s(d, { className: i, children: [
+      /* @__PURE__ */ o(l, { ...e, ref: n, type: r }),
+      r === "password" ? /* @__PURE__ */ s(
+        "button",
+        {
+          onClick: () => t("text"),
+          className: "mds:border-none mds:outline-none mds:cursor-pointer",
+          children: [
+            /* @__PURE__ */ o(c, {}),
+            " "
+          ]
+        }
+      ) : /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: () => t("password"),
+          className: "mds:border-none mds:outline-none mds:cursor-pointer",
+          children: /* @__PURE__ */ o(a, {})
+        }
+      )
+    ] });
+  }
+);
+u.displayName = "PasswordField";
 export {
-  T as Tag,
-  g as TagGroup,
-  o as TagIcon,
-  r as TagLabel,
-  t as TagRoot,
-  n as tagVariants
+  u as PasswordField
 };

package/dist/mainstack-design-system37.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./mainstack-design-system397.cjs"),t=require("./mainstack-design-system398.cjs"),r=require("./mainstack-design-system399.cjs"),o={Root:a.AvatarRoot,Image:t.AvatarImage,Fallback:r.AvatarFallback};exports.AvatarRoot=a.AvatarRoot;exports.AvatarImage=t.AvatarImage;exports.AvatarFallback=r.AvatarFallback;exports.AvatarGroup=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./mainstack-design-system406.cjs"),t=require("./mainstack-design-system407.cjs"),r=require("./mainstack-design-system408.cjs"),o={Root:a.AvatarRoot,Image:t.AvatarImage,Fallback:r.AvatarFallback};exports.AvatarRoot=a.AvatarRoot;exports.AvatarImage=t.AvatarImage;exports.AvatarFallback=r.AvatarFallback;exports.AvatarGroup=o;

package/dist/mainstack-design-system37.js

@@ -1,6 +1,6 @@
-import { AvatarRoot as a } from "./mainstack-design-system397.js";
-import { AvatarImage as o } from "./mainstack-design-system398.js";
-import { AvatarFallback as r } from "./mainstack-design-system399.js";
+import { AvatarRoot as a } from "./mainstack-design-system406.js";
+import { AvatarImage as o } from "./mainstack-design-system407.js";
+import { AvatarFallback as r } from "./mainstack-design-system408.js";
 const l = {
   Root: a,
   Image: o,

package/dist/mainstack-design-system370.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system485.cjs"),a=require("./mainstack-design-system484.cjs"),t=require("./mainstack-design-system483.cjs"),r={Root:e.TextareaRoot,Field:a.TextareaField};exports.TextareaRoot=e.TextareaRoot;exports.TextareaField=a.TextareaField;exports.Textarea=t.Textarea;exports.TextareaGroup=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system627.cjs"),o=require("./mainstack-design-system452.cjs"),n=require("./mainstack-design-system453.cjs"),r=require("./mainstack-design-system454.cjs"),t=require("./mainstack-design-system455.cjs"),u=require("./mainstack-design-system456.cjs"),i=require("./mainstack-design-system457.cjs"),m=require("./mainstack-design-system458.cjs"),P=require("./mainstack-design-system451.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-system370.js

@@ -1,13 +1,31 @@
-import { TextareaRoot as o } from "./mainstack-design-system485.js";
-import { TextareaField as e } from "./mainstack-design-system484.js";
-import { Textarea as p } from "./mainstack-design-system483.js";
-const a = {
-  Root: o,
-  Field: e
+import { PhoneNumberDigitField as o } from "./mainstack-design-system627.js";
+import { PhoneNumberFields as r } from "./mainstack-design-system452.js";
+import { PhoneNumberFlagField as e } from "./mainstack-design-system453.js";
+import { PhoneNumberOptions as i } from "./mainstack-design-system454.js";
+import { PhoneNumberOptionsList as m } from "./mainstack-design-system455.js";
+import { PhoneNumberOptionsSearchField as t } from "./mainstack-design-system456.js";
+import { PhoneNumberPortal as n } from "./mainstack-design-system457.js";
+import { PhoneNumberRoot as p } from "./mainstack-design-system458.js";
+import { PhoneNumberInput as O } from "./mainstack-design-system451.js";
+const f = {
+  Root: p,
+  DigitField: o,
+  Fields: r,
+  FlagField: e,
+  Portal: n,
+  Options: i,
+  OptionsList: m,
+  OptionsSearchField: t
 };
 export {
-  p as Textarea,
-  e as TextareaField,
-  a as TextareaGroup,
-  o as TextareaRoot
+  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-system371.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system622.cjs"),t=require("./mainstack-design-system623.cjs"),n=require("./mainstack-design-system500.cjs"),r=require("./mainstack-design-system486.cjs"),o=require("./mainstack-design-system487.cjs"),i=require("./mainstack-design-system488.cjs"),u=require("./mainstack-design-system489.cjs"),d=require("./mainstack-design-system490.cjs"),M=require("./mainstack-design-system491.cjs"),T=require("./mainstack-design-system492.cjs"),x=require("./mainstack-design-system493.cjs"),c=require("./mainstack-design-system494.cjs"),s=require("./mainstack-design-system495.cjs"),E=require("./mainstack-design-system496.cjs"),_=require("./mainstack-design-system497.cjs"),a=require("./mainstack-design-system498.cjs"),l=require("./mainstack-design-system499.cjs"),p=require("./mainstack-design-system616.cjs"),B={Root:e.TextEditorRoot,Field:t.TextEditorField,MenuBar:n.TextEditorMenuBar,MenuAction:E.TextEditorMenuAction,BoldMenu:r.BoldMenu,CodeMenu:o.CodeMenu,ColorPickerMenu:i.ColorPickerMenu,GenerateWithAiMenu:u.GenerateWithAiMenu,ImageUploadMenu:d.ImageUploadMenu,ItalicMenu:M.ItalicMenu,LinkMenu:T.LinkMenu,OrderedListMenu:x.OrderedListMenu,StrikethroughMenu:c.StrikethroughMenu,TextAlignMenu:s.TextAlignMenu,TextSizesMenu:_.TextSizesMenu,UnderlineMenu:a.UnderlineMenu,UnorderedListMenu:l.UnorderedListMenu};exports.TextEditorRoot=e.TextEditorRoot;exports.TextEditorField=t.TextEditorField;exports.TextEditorMenuBar=n.TextEditorMenuBar;exports.BoldMenu=r.BoldMenu;exports.CodeMenu=o.CodeMenu;exports.ColorPickerMenu=i.ColorPickerMenu;exports.GenerateWithAiMenu=u.GenerateWithAiMenu;exports.ImageUploadMenu=d.ImageUploadMenu;exports.ItalicMenu=M.ItalicMenu;exports.LinkMenu=T.LinkMenu;exports.OrderedListMenu=x.OrderedListMenu;exports.StrikethroughMenu=c.StrikethroughMenu;exports.TextAlignMenu=s.TextAlignMenu;exports.TextEditorMenuAction=E.TextEditorMenuAction;exports.TextSizesMenu=_.TextSizesMenu;exports.UnderlineMenu=a.UnderlineMenu;exports.UnorderedListMenu=l.UnorderedListMenu;exports.TextEditorInput=p.TextEditorInput;exports.TextEditorGroup=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./mainstack-design-system460.cjs"),e=require("./mainstack-design-system461.cjs"),r=require("./mainstack-design-system462.cjs"),l=require("./mainstack-design-system463.cjs"),c=require("./mainstack-design-system464.cjs"),F=require("./mainstack-design-system465.cjs"),d=require("./mainstack-design-system466.cjs"),o=require("./mainstack-design-system467.cjs"),t=require("./mainstack-design-system459.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-system371.js

@@ -1,58 +1,31 @@
-import { TextEditorRoot as o } from "./mainstack-design-system622.js";
-import { TextEditorField as r } from "./mainstack-design-system623.js";
-import { TextEditorMenuBar as t } from "./mainstack-design-system500.js";
-import { BoldMenu as e } from "./mainstack-design-system486.js";
-import { CodeMenu as i } from "./mainstack-design-system487.js";
-import { ColorPickerMenu as m } from "./mainstack-design-system488.js";
-import { GenerateWithAiMenu as n } from "./mainstack-design-system489.js";
-import { ImageUploadMenu as p } from "./mainstack-design-system490.js";
-import { ItalicMenu as u } from "./mainstack-design-system491.js";
-import { LinkMenu as f } from "./mainstack-design-system492.js";
-import { OrderedListMenu as M } from "./mainstack-design-system493.js";
-import { StrikethroughMenu as d } from "./mainstack-design-system494.js";
-import { TextAlignMenu as x } from "./mainstack-design-system495.js";
-import { TextEditorMenuAction as l } from "./mainstack-design-system496.js";
-import { TextSizesMenu as T } from "./mainstack-design-system497.js";
-import { UnderlineMenu as a } from "./mainstack-design-system498.js";
-import { UnorderedListMenu as E } from "./mainstack-design-system499.js";
-import { TextEditorInput as j } from "./mainstack-design-system616.js";
-const P = {
-  Root: o,
-  Field: r,
-  MenuBar: t,
-  MenuAction: l,
-  BoldMenu: e,
-  CodeMenu: i,
-  ColorPickerMenu: m,
-  GenerateWithAiMenu: n,
-  ImageUploadMenu: p,
-  ItalicMenu: u,
-  LinkMenu: f,
-  OrderedListMenu: M,
-  StrikethroughMenu: d,
-  TextAlignMenu: x,
-  TextSizesMenu: T,
-  UnderlineMenu: a,
-  UnorderedListMenu: E
+import { PriceFieldDigitField as i } from "./mainstack-design-system460.js";
+import { PriceFieldFields as r } from "./mainstack-design-system461.js";
+import { PriceFieldFlagField as o } from "./mainstack-design-system462.js";
+import { PriceFieldOptions as e } from "./mainstack-design-system463.js";
+import { PriceFieldOptionsList as t } from "./mainstack-design-system464.js";
+import { PriceFieldOptionsSearchField as l } from "./mainstack-design-system465.js";
+import { PriceFieldPortal as F } from "./mainstack-design-system466.js";
+import { PriceFieldRoot as d } from "./mainstack-design-system467.js";
+import { PriceFieldInput as u } from "./mainstack-design-system459.js";
+const O = {
+  Root: d,
+  DigitField: i,
+  Fields: r,
+  FlagField: o,
+  Portal: F,
+  Options: e,
+  OptionsList: t,
+  OptionsSearchField: l
 };
 export {
-  e as BoldMenu,
-  i as CodeMenu,
-  m as ColorPickerMenu,
-  n as GenerateWithAiMenu,
-  p as ImageUploadMenu,
-  u as ItalicMenu,
-  f as LinkMenu,
-  M as OrderedListMenu,
-  d as StrikethroughMenu,
-  x as TextAlignMenu,
-  r as TextEditorField,
-  P as TextEditorGroup,
-  j as TextEditorInput,
-  l as TextEditorMenuAction,
-  t as TextEditorMenuBar,
-  o as TextEditorRoot,
-  T as TextSizesMenu,
-  a as UnderlineMenu,
-  E as UnorderedListMenu
+  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-system372.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system501.cjs"),i=require("./mainstack-design-system502.cjs"),o=require("./mainstack-design-system503.cjs"),t=require("./mainstack-design-system504.cjs"),l=require("./mainstack-design-system505.cjs"),T=require("./mainstack-design-system506.cjs"),n=require("./mainstack-design-system507.cjs"),r={Root:e.TileRoot,Media:i.TileMedia,Checkbox:o.TileCheckbox,Content:t.TileContent,Title:l.TileTitle,Description:T.TileDescription,Header:n.TileHeader};exports.TileRoot=e.TileRoot;exports.TileMedia=i.TileMedia;exports.TileCheckbox=o.TileCheckbox;exports.TileContent=t.TileContent;exports.TileTitle=l.TileTitle;exports.TileDescription=T.TileDescription;exports.TileHeader=n.TileHeader;exports.TileGroup=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),r=require("react"),v=require("./mainstack-design-system593.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-system372.js

@@ -1,26 +1,55 @@
-import { TileRoot as o } from "./mainstack-design-system501.js";
-import { TileMedia as e } from "./mainstack-design-system502.js";
-import { TileCheckbox as i } from "./mainstack-design-system503.js";
-import { TileContent as r } from "./mainstack-design-system504.js";
-import { TileTitle as t } from "./mainstack-design-system505.js";
-import { TileDescription as m } from "./mainstack-design-system506.js";
-import { TileHeader as p } from "./mainstack-design-system507.js";
-const C = {
-  Root: o,
-  Media: e,
-  Checkbox: i,
-  Content: r,
-  Title: t,
-  Description: m,
-  Header: p
-};
+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-system593.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 {
-  i as TileCheckbox,
-  r as TileContent,
-  m as TileDescription,
-  C as TileGroup,
-  p as TileHeader,
-  e as TileMedia,
-  o as TileRoot,
-  t as TileTitle
+  k as MainstackDesignSystemProvider
 };