mainstack-design-system 1.2.1 → 1.3.0

package/dist/mainstack-design-system400.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),l=require("./index-BgXU_6PU.cjs"),a=require("./mainstack-design-system586.cjs"),g=require("./index-CpE6WAgy.cjs"),r=s.forwardRef(({asChild:e,className:o,...i},c)=>{const t=e?g.Slot:l.Trigger2;return n.jsx(t,{"data-slot":"accordion-trigger",className:a.cn("w-full min-w-max cursor-pointer flex flex-col gap-8",o),ref:c,...i})});r.displayName="AccordionTrigger";exports.AccordionTrigger=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),l=require("./index-BgXU_6PU.cjs"),a=require("./mainstack-design-system587.cjs"),g=require("./index-CpE6WAgy.cjs"),r=s.forwardRef(({asChild:e,className:o,...i},c)=>{const t=e?g.Slot:l.Trigger2;return n.jsx(t,{"data-slot":"accordion-trigger",className:a.cn("w-full min-w-max cursor-pointer flex flex-col gap-8",o),ref:c,...i})});r.displayName="AccordionTrigger";exports.AccordionTrigger=r;

package/dist/mainstack-design-system400.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import a from "react";
 import { T as e } from "./index-Z8GhkKSz.js";
-import { cn as c } from "./mainstack-design-system586.js";
+import { cn as c } from "./mainstack-design-system587.js";
 import { S as f } from "./index-BtQfgaSF.js";
 const p = a.forwardRef(
   ({ asChild: r, className: o, ...m }, t) => /* @__PURE__ */ i(

package/dist/mainstack-design-system401.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),i=require("./index-BgXU_6PU.cjs"),r=require("./mainstack-design-system586.cjs");require("./mainstack-design-system356.cjs");const d=require("./mainstack-design-system195.cjs"),o=s.forwardRef(({className:t,children:n,...a},c)=>e.jsxs(i.Header,{"data-slot":"accordion-header",ref:c,className:r.cn("group flex items-center gap-8 w-full",t),...a,children:[n,e.jsx(d,{className:r.cn("transition-transform duration-300 ease-in-out",'group-data-[state="open"]:rotate-180')})]}));o.displayName="AccordionHeader";exports.AccordionHeader=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),i=require("./index-BgXU_6PU.cjs"),r=require("./mainstack-design-system587.cjs");require("./mainstack-design-system356.cjs");const d=require("./mainstack-design-system195.cjs"),o=s.forwardRef(({className:t,children:n,...a},c)=>e.jsxs(i.Header,{"data-slot":"accordion-header",ref:c,className:r.cn("group flex items-center gap-8 w-full",t),...a,children:[n,e.jsx(d,{className:r.cn("transition-transform duration-300 ease-in-out",'group-data-[state="open"]:rotate-180')})]}));o.displayName="AccordionHeader";exports.AccordionHeader=o;

package/dist/mainstack-design-system401.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as m } from "react/jsx-runtime";
 import n from "react";
 import { H as s } from "./index-Z8GhkKSz.js";
-import { cn as r } from "./mainstack-design-system586.js";
+import { cn as r } from "./mainstack-design-system587.js";
 import "./mainstack-design-system356.js";
 import d from "./mainstack-design-system195.js";
 const c = n.forwardRef(

package/dist/mainstack-design-system402.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),s=require("./mainstack-design-system586.cjs"),a=n.forwardRef,e=a(({as:t,className:o,...r},c)=>{const i=t||"h5";return l.jsx(i,{"data-slot":"accordion-title",className:s.cn("body-extrasmall-medium flex gap-4 items-center",o),ref:c,...r})});e.displayName="AccordionTitle";exports.AccordionTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),s=require("./mainstack-design-system587.cjs"),a=n.forwardRef,e=a(({as:t,className:o,...r},c)=>{const i=t||"h5";return l.jsx(i,{"data-slot":"accordion-title",className:s.cn("body-extrasmall-medium flex gap-4 items-center",o),ref:c,...r})});e.displayName="AccordionTitle";exports.AccordionTitle=e;

package/dist/mainstack-design-system402.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import a from "react";
-import { cn as c } from "./mainstack-design-system586.js";
+import { cn as c } from "./mainstack-design-system587.js";
 const i = a.forwardRef, l = i(
   ({ as: o, className: e, ...t }, r) => /* @__PURE__ */ m(
     o || "h5",

package/dist/mainstack-design-system403.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),n=require("./mainstack-design-system586.cjs"),a=l.forwardRef,e=a(({as:t,className:r,...o},c)=>{const i=t||"p";return s.jsx(i,{"data-slot":"accordion-subtitle",className:n.cn("body-extrasmall-regular text-secondary flex gap-4 items-center",r),ref:c,...o})});e.displayName="AccordionSubtitle";exports.AccordionSubtitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),n=require("./mainstack-design-system587.cjs"),a=l.forwardRef,e=a(({as:t,className:r,...o},c)=>{const i=t||"p";return s.jsx(i,{"data-slot":"accordion-subtitle",className:n.cn("body-extrasmall-regular text-secondary flex gap-4 items-center",r),ref:c,...o})});e.displayName="AccordionSubtitle";exports.AccordionSubtitle=e;

package/dist/mainstack-design-system403.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import c from "react";
-import { cn as l } from "./mainstack-design-system586.js";
+import { cn as l } from "./mainstack-design-system587.js";
 const m = c.forwardRef, i = m(({ as: t, className: e, ...o }, r) => /* @__PURE__ */ a(
   t || "p",
   {

package/dist/mainstack-design-system404.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),l=require("./mainstack-design-system559.cjs"),d=require("./mainstack-design-system586.cjs"),m=u.forwardRef,e=m(({as:n,className:r,variant:o,children:t,...a},s)=>{const i=n||"div";return c.jsx(i,{ref:s,className:d.cn(l.bannerVariants({variant:o}),r),"data-slot":"banner-root",...a,children:t})});e.displayName="BannerRoot";exports.BannerRoot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),l=require("./mainstack-design-system560.cjs"),d=require("./mainstack-design-system587.cjs"),m=u.forwardRef,e=m(({as:n,className:r,variant:o,children:t,...a},s)=>{const i=n||"div";return c.jsx(i,{ref:s,className:d.cn(l.bannerVariants({variant:o}),r),"data-slot":"banner-root",...a,children:t})});e.displayName="BannerRoot";exports.BannerRoot=e;

package/dist/mainstack-design-system404.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import p from "react";
-import { bannerVariants as s } from "./mainstack-design-system559.js";
-import { cn as f } from "./mainstack-design-system586.js";
+import { bannerVariants as s } from "./mainstack-design-system560.js";
+import { cn as f } from "./mainstack-design-system587.js";
 const i = p.forwardRef, c = i(
   ({ as: o, className: r, variant: t, children: a, ...n }, m) => /* @__PURE__ */ e(
     o || "div",

package/dist/mainstack-design-system405.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),i=require("./mainstack-design-system586.cjs"),u=require("./index-CpE6WAgy.cjs"),e=a.forwardRef(({asChild:n,className:r,...t},o)=>{const s=n?u.Slot:"span";return c.jsx(s,{ref:o,"data-slot":"banner-icon",className:i.cn("flex h-28 w-28 items-center justify-center rounded-full p-8",r),...t})});e.displayName="BannerIcon";exports.BannerIcon=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),i=require("./mainstack-design-system587.cjs"),u=require("./index-CpE6WAgy.cjs"),e=a.forwardRef(({asChild:n,className:r,...t},o)=>{const s=n?u.Slot:"span";return c.jsx(s,{ref:o,"data-slot":"banner-icon",className:i.cn("flex h-28 w-28 items-center justify-center rounded-full p-8",r),...t})});e.displayName="BannerIcon";exports.BannerIcon=e;

package/dist/mainstack-design-system405.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import a from "react";
-import { cn as m } from "./mainstack-design-system586.js";
+import { cn as m } from "./mainstack-design-system587.js";
 import { S as s } from "./index-BtQfgaSF.js";
 const c = a.forwardRef(
   ({ asChild: o, className: r, ...e }, n) => /* @__PURE__ */ t(

package/dist/mainstack-design-system406.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system586.cjs"),e=c.forwardRef(({asChild:n,className:t,...r},o)=>{const i=n?s.Slot:"button";return a.jsx(i,{ref:o,"data-slot":"banner-action",className:u.cn(t),...r})});e.displayName="BannerAction";exports.BannerAction=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system587.cjs"),e=c.forwardRef(({asChild:n,className:t,...r},o)=>{const i=n?s.Slot:"button";return a.jsx(i,{ref:o,"data-slot":"banner-action",className:u.cn(t),...r})});e.displayName="BannerAction";exports.BannerAction=e;

package/dist/mainstack-design-system406.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import m from "react";
 import { S as e } from "./index-BtQfgaSF.js";
-import { cn as c } from "./mainstack-design-system586.js";
+import { cn as c } from "./mainstack-design-system587.js";
 const i = m.forwardRef(({ asChild: o, className: t, ...r }, a) => /* @__PURE__ */ n(
   o ? e : "button",
   {

package/dist/mainstack-design-system407.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),d=require("./mainstack-design-system586.cjs"),i=c.forwardRef,e=i(({as:r,className:a,...n},o)=>{const t=r||"h3";return s.jsx(t,{ref:o,"data-slot":"banner-header",className:d.cn("body-small-semibold",a),...n})});e.displayName="BannerHeader";exports.BannerHeader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),d=require("./mainstack-design-system587.cjs"),i=c.forwardRef,e=i(({as:r,className:a,...n},o)=>{const t=r||"h3";return s.jsx(t,{ref:o,"data-slot":"banner-header",className:d.cn("body-small-semibold",a),...n})});e.displayName="BannerHeader";exports.BannerHeader=e;

package/dist/mainstack-design-system407.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import t from "react";
-import { cn as n } from "./mainstack-design-system586.js";
+import { cn as n } from "./mainstack-design-system587.js";
 const d = t.forwardRef, s = d(
   ({ as: r, className: o, ...e }, a) => /* @__PURE__ */ m(
     r || "h3",

package/dist/mainstack-design-system408.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),l=require("./mainstack-design-system586.cjs"),i=c.forwardRef,e=i(({as:r,className:t,...n},a)=>{const o=r||"p";return s.jsx(o,{ref:a,"data-slot":"banner-text",className:l.cn("body-extrasmall-regular",t),...n})});e.displayName="BannerText";exports.BannerText=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),l=require("./mainstack-design-system587.cjs"),i=c.forwardRef,e=i(({as:r,className:t,...n},a)=>{const o=r||"p";return s.jsx(o,{ref:a,"data-slot":"banner-text",className:l.cn("body-extrasmall-regular",t),...n})});e.displayName="BannerText";exports.BannerText=e;

package/dist/mainstack-design-system408.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import m from "react";
-import { cn as n } from "./mainstack-design-system586.js";
+import { cn as n } from "./mainstack-design-system587.js";
 const p = m.forwardRef, s = p(
   ({ as: r, className: o, ...t }, a) => /* @__PURE__ */ e(
     r || "p",

package/dist/mainstack-design-system409.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),i=require("./mainstack-design-system586.cjs"),l=c.forwardRef,e=l(({as:n,className:t,...r},o)=>{const s=n||"div";return a.jsx(s,{ref:o,className:i.cn("flex-1",t),...r})});e.displayName="BannerContent";exports.BannerContent=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),i=require("./mainstack-design-system587.cjs"),l=c.forwardRef,e=l(({as:n,className:t,...r},o)=>{const s=n||"div";return a.jsx(s,{ref:o,className:i.cn("flex-1",t),...r})});e.displayName="BannerContent";exports.BannerContent=e;

package/dist/mainstack-design-system409.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import m from "react";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const p = m.forwardRef, f = p(
   ({ as: o, className: r, ...t }, e) => /* @__PURE__ */ n(o || "div", { ref: e, className: a("flex-1", r), ...t })
 );

package/dist/mainstack-design-system410.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),l=require("./mainstack-design-system586.cjs"),e=i.forwardRef(({size:o="small",isError:t,className:r,...c},a)=>s.jsx("div",{"data-slot":"checkbox-root","data-checkbox-size":o,"data-error":t,className:l.cn("group flex items-center gap-12 ",r),ref:a,...c}));e.displayName="CheckboxRoot";exports.CheckboxRoot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),l=require("./mainstack-design-system587.cjs"),e=i.forwardRef(({size:o="small",isError:t,className:r,...c},a)=>s.jsx("div",{"data-slot":"checkbox-root","data-checkbox-size":o,"data-error":t,className:l.cn("group flex items-center gap-12 ",r),ref:a,...c}));e.displayName="CheckboxRoot";exports.CheckboxRoot=e;

package/dist/mainstack-design-system410.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { cn as s } from "./mainstack-design-system586.js";
+import { cn as s } from "./mainstack-design-system587.js";
 const i = m(
   ({ size: o = "small", isError: r, className: e, ...t }, a) => /* @__PURE__ */ c(
     "div",

package/dist/mainstack-design-system411.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),o=require("./index-D6CM36UR.cjs"),s=require("./mainstack-design-system586.cjs"),e=c.forwardRef(({className:t,...a},l)=>r.jsx(o.Label,{"data-slot":"checkbox-label",className:s.cn("flex flex-col items-start gap-4  ",t),ref:l,...a}));e.displayName="CheckboxLabel";exports.CheckboxLabel=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),o=require("./index-D6CM36UR.cjs"),s=require("./mainstack-design-system587.cjs"),e=c.forwardRef(({className:t,...a},l)=>r.jsx(o.Label,{"data-slot":"checkbox-label",className:s.cn("flex flex-col items-start gap-4  ",t),ref:l,...a}));e.displayName="CheckboxLabel";exports.CheckboxLabel=e;

package/dist/mainstack-design-system411.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
 import { L as l } from "./index-C8-1UHbn.js";
-import { cn as m } from "./mainstack-design-system586.js";
+import { cn as m } from "./mainstack-design-system587.js";
 const s = t(
   ({ className: o, ...e }, a) => /* @__PURE__ */ r(
     l,

package/dist/mainstack-design-system412.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),c=require("./mainstack-design-system586.cjs"),d=a.forwardRef,e=d(({as:t,className:o,...l},r)=>{const i=t||"p";return s.jsx(i,{"data-slot":"checkbox-label-title",className:c.cn("body-small-medium","text-primary group-has-disabled:text-disabled",o),ref:r,...l})});e.displayName="CheckboxTitle";exports.CheckboxTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),c=require("./mainstack-design-system587.cjs"),d=a.forwardRef,e=d(({as:t,className:o,...l},r)=>{const i=t||"p";return s.jsx(i,{"data-slot":"checkbox-label-title",className:c.cn("body-small-medium","text-primary group-has-disabled:text-disabled",o),ref:r,...l})});e.displayName="CheckboxTitle";exports.CheckboxTitle=e;

package/dist/mainstack-design-system412.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const i = m, s = i(
   ({ as: e, className: o, ...t }, r) => /* @__PURE__ */ l(
     e || "p",

package/dist/mainstack-design-system413.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),b=require("./mainstack-design-system586.cjs"),u=l.forwardRef,e=u(({as:t,className:o,...r},s)=>{const a=t||"span";return c.jsx(a,{"data-slot":"checkbox-label-subtext",className:b.cn("body-extrasmall-regular","text-secondary group-has-disabled:text-disabled",o),ref:s,...r})});e.displayName="CheckboxSubtext";exports.CheckboxSubText=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),b=require("./mainstack-design-system587.cjs"),u=l.forwardRef,e=u(({as:t,className:o,...r},s)=>{const a=t||"span";return c.jsx(a,{"data-slot":"checkbox-label-subtext",className:b.cn("body-extrasmall-regular","text-secondary group-has-disabled:text-disabled",o),ref:s,...r})});e.displayName="CheckboxSubtext";exports.CheckboxSubText=e;

package/dist/mainstack-design-system413.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { cn as l } from "./mainstack-design-system586.js";
+import { cn as l } from "./mainstack-design-system587.js";
 const m = s, c = m(({ as: e, className: t, ...o }, r) => /* @__PURE__ */ a(
   e || "span",
   {

package/dist/mainstack-design-system414.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),N=require("react"),O=require("./mainstack-design-system586.cjs"),_=require("./mainstack-design-system419.cjs"),q=require("./index-C8aODXfJ.cjs");function P(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return s.default=a,Object.freeze(s)}const p=P(N),V=p.forwardRef,f=V(({as:a,className:s,size:t="sm",disabled:i,children:d,onClick:y,selected:g,defaultSelected:u,onSelectedChange:v,...z},m)=>{const b=a||"div",[o,x]=q.useControllableState({prop:g,defaultProp:u??!1,onChange:v}),h=p.Children.toArray(d),c=h[0],r=h[h.length-1],l=p.isValidElement(c)&&typeof c.type!="string"&&c.type?.displayName==="ChipSlot",n=p.isValidElement(r)&&typeof r.type!="string"&&r.type?.displayName==="ChipSlot",C=l&&n?"both":l?"leading":n?"trailing":"none",S=h.some(e=>p.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ChipAvatar"),R=()=>x(!o);return j.jsxs(b,{ref:m,role:"button",tabIndex:i?-1:0,"data-slot":"chip-root","aria-disabled":i,"data-chip-slot-position":C,"data-chip-has-avatar":S,"aria-pressed":o,"aria-selected":o,"data-chip-size":t,"data-selected":o,className:O.cn("group",_.chipVariants({size:t}),"data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:pl-6 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:py-10 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:pr-8","data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:pl-8 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:py-10 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:pr-6","data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=both]:px-6 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=both]:py-10","data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:pl-8 data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:py-10 data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:pr-10","data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=trailing]:pl-10 data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=trailing]:pr-8","data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=both]:px-8","data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=leading]:pl-10 data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=leading]:pr-12","data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=trailing]:pl-12 data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=trailing]:pr-10","data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=both]:px-10","data-[chip-has-avatar=true]:data-[chip-size=tiny]:py-4 data-[chip-size=tiny]:pl-4 data-[chip-has-avatar=true]:data-[chip-size=tiny]:pr-6","data-[chip-has-avatar=true]:data-[chip-size=xs]:pl-6 data-[chip-has-avatar=true]:data-[chip-size=xs]:py-6 data-[chip-has-avatar=true]:data-[chip-size=xs]:pr-8","data-[chip-has-avatar=true]:data-[chip-size=sm]:pl-8 data-[chip-has-avatar=true]:data-[chip-size=sm]:py-8 data-[chip-has-avatar=true]:data-[chip-size=sm]:pr-12",s),onClick:e=>{i||R(),y?.(e)},...z,children:[" ",d," "]})});f.displayName="ChipRoot";exports.ChipRoot=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),N=require("react"),O=require("./mainstack-design-system587.cjs"),_=require("./mainstack-design-system419.cjs"),q=require("./index-C8aODXfJ.cjs");function P(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return s.default=a,Object.freeze(s)}const p=P(N),V=p.forwardRef,f=V(({as:a,className:s,size:t="sm",disabled:i,children:d,onClick:y,selected:g,defaultSelected:u,onSelectedChange:v,...z},m)=>{const b=a||"div",[o,x]=q.useControllableState({prop:g,defaultProp:u??!1,onChange:v}),h=p.Children.toArray(d),c=h[0],r=h[h.length-1],l=p.isValidElement(c)&&typeof c.type!="string"&&c.type?.displayName==="ChipSlot",n=p.isValidElement(r)&&typeof r.type!="string"&&r.type?.displayName==="ChipSlot",C=l&&n?"both":l?"leading":n?"trailing":"none",S=h.some(e=>p.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ChipAvatar"),R=()=>x(!o);return j.jsxs(b,{ref:m,role:"button",tabIndex:i?-1:0,"data-slot":"chip-root","aria-disabled":i,"data-chip-slot-position":C,"data-chip-has-avatar":S,"aria-pressed":o,"aria-selected":o,"data-chip-size":t,"data-selected":o,className:O.cn("group",_.chipVariants({size:t}),"data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:pl-6 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:py-10 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:pr-8","data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:pl-8 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:py-10 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:pr-6","data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=both]:px-6 data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=both]:py-10","data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:pl-8 data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:py-10 data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:pr-10","data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=trailing]:pl-10 data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=trailing]:pr-8","data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=both]:px-8","data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=leading]:pl-10 data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=leading]:pr-12","data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=trailing]:pl-12 data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=trailing]:pr-10","data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=both]:px-10","data-[chip-has-avatar=true]:data-[chip-size=tiny]:py-4 data-[chip-size=tiny]:pl-4 data-[chip-has-avatar=true]:data-[chip-size=tiny]:pr-6","data-[chip-has-avatar=true]:data-[chip-size=xs]:pl-6 data-[chip-has-avatar=true]:data-[chip-size=xs]:py-6 data-[chip-has-avatar=true]:data-[chip-size=xs]:pr-8","data-[chip-has-avatar=true]:data-[chip-size=sm]:pl-8 data-[chip-has-avatar=true]:data-[chip-size=sm]:py-8 data-[chip-has-avatar=true]:data-[chip-size=sm]:pr-12",s),onClick:e=>{i||R(),y?.(e)},...z,children:[" ",d," "]})});f.displayName="ChipRoot";exports.ChipRoot=f;

package/dist/mainstack-design-system414.js

@@ -1,6 +1,6 @@
 import { jsxs as N } from "react/jsx-runtime";
 import * as t from "react";
-import { cn as R } from "./mainstack-design-system586.js";
+import { cn as R } from "./mainstack-design-system587.js";
 import { chipVariants as A } from "./mainstack-design-system419.js";
 import { u as V } from "./index-437EL2iq.js";
 const E = t.forwardRef, w = E(

package/dist/mainstack-design-system415.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system586.cjs");function p(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=p(l),a=f.forwardRef(({className:e,children:n,asChild:t=!1,...r},c)=>{const i=t?s.Slot:"span";return o.jsx(i,{ref:c,"data-slot":"chip-label",className:u.cn("inline-flex items-center whitespace-nowrap",e),...r,children:n})});a.displayName="ChipLabel";exports.ChipLabel=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system587.cjs");function p(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=p(l),a=f.forwardRef(({className:e,children:n,asChild:t=!1,...r},c)=>{const i=t?s.Slot:"span";return o.jsx(i,{ref:c,"data-slot":"chip-label",className:u.cn("inline-flex items-center whitespace-nowrap",e),...r,children:n})});a.displayName="ChipLabel";exports.ChipLabel=a;

package/dist/mainstack-design-system415.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as m from "react";
 import { S as s } from "./index-BtQfgaSF.js";
-import { cn as i } from "./mainstack-design-system586.js";
+import { cn as i } from "./mainstack-design-system587.js";
 const l = m.forwardRef(
   ({ className: a, children: e, asChild: o = !1, ...r }, t) => /* @__PURE__ */ p(
     o ? s : "span",

package/dist/mainstack-design-system416.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),a=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system586.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const p=f(l),o=p.forwardRef(({className:e,asChild:n=!1,children:t,...r},i)=>{const c=n?a.Slot:"span";return s.jsx(c,{ref:i,"data-slot":"chip-slot",className:u.cn("inline-flex items-center justify-center shrink-0",e),...r,children:t})});o.displayName="ChipSlot";exports.ChipSlot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),a=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system587.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const p=f(l),o=p.forwardRef(({className:e,asChild:n=!1,children:t,...r},i)=>{const c=n?a.Slot:"span";return s.jsx(c,{ref:i,"data-slot":"chip-slot",className:u.cn("inline-flex items-center justify-center shrink-0",e),...r,children:t})});o.displayName="ChipSlot";exports.ChipSlot=o;

package/dist/mainstack-design-system416.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as m from "react";
 import { S as a } from "./index-BtQfgaSF.js";
-import { cn as p } from "./mainstack-design-system586.js";
+import { cn as p } from "./mainstack-design-system587.js";
 const l = m.forwardRef(
   ({ className: o, asChild: t = !1, children: r, ...s }, e) => /* @__PURE__ */ i(
     t ? a : "span",

package/dist/mainstack-design-system417.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),u=require("./index-CpE6WAgy.cjs"),l=require("./mainstack-design-system586.cjs"),p=require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=f(s),o=d.forwardRef(({asChild:e=!1,className:r,size:t=24,...a},n)=>{const c=e?u.Slot:p.AvatarRoot;return i.jsx(c,{ref:n,"data-slot":"chip-avatar",size:t,...a,className:l.cn("shrink-0",r)})});o.displayName="ChipAvatar";exports.ChipAvatar=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),u=require("./index-CpE6WAgy.cjs"),l=require("./mainstack-design-system587.cjs"),p=require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=f(s),o=d.forwardRef(({asChild:e=!1,className:r,size:t=24,...a},n)=>{const c=e?u.Slot:p.AvatarRoot;return i.jsx(c,{ref:n,"data-slot":"chip-avatar",size:t,...a,className:l.cn("shrink-0",r)})});o.displayName="ChipAvatar";exports.ChipAvatar=o;

package/dist/mainstack-design-system417.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as i from "react";
 import { S as s } from "./index-BtQfgaSF.js";
-import { cn as f } from "./mainstack-design-system586.js";
+import { cn as f } from "./mainstack-design-system587.js";
 import { AvatarRoot as e } from "./mainstack-design-system387.js";
 import "./mainstack-design-system388.js";
 import "./mainstack-design-system389.js";

package/dist/mainstack-design-system420.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),n=require("./mainstack-design-system586.cjs"),r=s.forwardRef(({currentCharLength:e=0,maxCharLength:t=0,className:a,...o},c)=>i.jsxs("div",{ref:c,"data-slot":"form-character-counter",className:n.cn("body-extrasmall-medium","text-right text-tertiary",a),...o,children:[e,"/",t]}));r.displayName="FormCharacterCounter";exports.FormCharacterCounter=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),n=require("./mainstack-design-system587.cjs"),r=s.forwardRef(({currentCharLength:e=0,maxCharLength:t=0,className:a,...o},c)=>i.jsxs("div",{ref:c,"data-slot":"form-character-counter",className:n.cn("body-extrasmall-medium","text-right text-tertiary",a),...o,children:[e,"/",t]}));r.displayName="FormCharacterCounter";exports.FormCharacterCounter=r;

package/dist/mainstack-design-system420.js

@@ -1,6 +1,6 @@
 import { jsxs as m } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { cn as i } from "./mainstack-design-system586.js";
+import { cn as i } from "./mainstack-design-system587.js";
 const s = c(
   ({
     currentCharLength: r = 0,

package/dist/mainstack-design-system421.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),c=require("./mainstack-design-system586.cjs"),e=i.forwardRef(({className:r,...t},o)=>s.jsx("div",{ref:o,className:c.cn("flex flex-col gap-8",r),...t}));e.displayName="FormItem";exports.FormItem=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),c=require("./mainstack-design-system587.cjs"),e=i.forwardRef(({className:r,...t},o)=>s.jsx("div",{ref:o,className:c.cn("flex flex-col gap-8",r),...t}));e.displayName="FormItem";exports.FormItem=e;

package/dist/mainstack-design-system421.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { cn as f } from "./mainstack-design-system586.js";
+import { cn as f } from "./mainstack-design-system587.js";
 const a = t(
   ({ className: r, ...m }, o) => /* @__PURE__ */ e(
     "div",

package/dist/mainstack-design-system422.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("./index-D6CM36UR.cjs"),a=require("react"),l=require("./mainstack-design-system586.cjs"),e=a.forwardRef(({className:r,...o},t)=>s.jsx(i.Root,{ref:t,className:l.cn("body-small-medium",r),...o}));e.displayName="FormLabel";exports.FormLabel=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("./index-D6CM36UR.cjs"),a=require("react"),l=require("./mainstack-design-system587.cjs"),e=a.forwardRef(({className:r,...o},t)=>s.jsx(i.Root,{ref:t,className:l.cn("body-small-medium",r),...o}));e.displayName="FormLabel";exports.FormLabel=e;

package/dist/mainstack-design-system422.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { R as e } from "./index-C8-1UHbn.js";
 import { forwardRef as t } from "react";
-import { cn as s } from "./mainstack-design-system586.js";
+import { cn as s } from "./mainstack-design-system587.js";
 const f = t(
   ({ className: o, ...m }, r) => /* @__PURE__ */ a(
     e,

package/dist/mainstack-design-system426.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),i=require("./mainstack-design-system586.cjs"),t=a.forwardRef(({className:e,...o},r)=>s.jsx("div",{className:i.cn("flex items-center gap-4",e),ref:r,...o}));t.displayName="FormStatusRoot";exports.FormStatusRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),i=require("./mainstack-design-system587.cjs"),t=a.forwardRef(({className:e,...o},r)=>s.jsx("div",{className:i.cn("flex items-center gap-4",e),ref:r,...o}));t.displayName="FormStatusRoot";exports.FormStatusRoot=t;

package/dist/mainstack-design-system426.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const s = e(
   ({ className: o, ...r }, t) => /* @__PURE__ */ m(
     "div",

package/dist/mainstack-design-system427.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),a=require("./mainstack-design-system586.cjs"),t=u.forwardRef(({className:e,...r},s)=>o.jsx("p",{className:a.cn("body-tiny-regular",e),ref:s,...r}));t.displayName="FormStatusText";exports.FormStatusText=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),a=require("./mainstack-design-system587.cjs"),t=u.forwardRef(({className:e,...r},s)=>o.jsx("p",{className:a.cn("body-tiny-regular",e),ref:s,...r}));t.displayName="FormStatusText";exports.FormStatusText=t;

package/dist/mainstack-design-system427.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { cn as e } from "./mainstack-design-system586.js";
+import { cn as e } from "./mainstack-design-system587.js";
 const s = a(
   ({ className: r, ...t }, o) => /* @__PURE__ */ m("p", { className: e("body-tiny-regular", r), ref: o, ...t })
 );

package/dist/mainstack-design-system429.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),n=require("./mainstack-design-system586.cjs"),t=u.forwardRef(({className:e,...o},r)=>a.jsx("div",{ref:r,"data-slot":"input-root","data-editable":"true",tabIndex:0,className:n.cn("form-root-slot-defaults","flex gap-4 items-center w-full min-h-48 px-12 border rounded-full has-[*_[data-shape=rounded]]:rounded-14",e),...o}));t.displayName="InputRoot";exports.InputRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),n=require("./mainstack-design-system587.cjs"),t=u.forwardRef(({className:e,...o},r)=>a.jsx("div",{ref:r,"data-slot":"input-root","data-editable":"true",tabIndex:0,className:n.cn("form-root-slot-defaults","flex gap-4 items-center w-full min-h-48 px-12 border rounded-full has-[*_[data-shape=rounded]]:rounded-14",e),...o}));t.displayName="InputRoot";exports.InputRoot=t;

package/dist/mainstack-design-system429.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { cn as d } from "./mainstack-design-system586.js";
+import { cn as d } from "./mainstack-design-system587.js";
 const n = a(
   ({ className: o, ...t }, r) => /* @__PURE__ */ e(
     "div",

package/dist/mainstack-design-system430.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),i=require("./mainstack-design-system586.cjs"),e=s.forwardRef(({className:t,shape:r="rounded",isError:a,isSuccess:l,...o},n)=>d.jsx("input",{ref:n,"data-slot":"input-field","data-error":a,"data-success":l,"data-shape":r,className:i.cn("body-extrasmall-book","peer flex-1 border-none outline-none h-full placeholder:text-tertiary disabled:cursor-not-allowed",t),...o}));e.displayName="InputField";exports.InputField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),i=require("./mainstack-design-system587.cjs"),e=s.forwardRef(({className:t,shape:r="rounded",isError:a,isSuccess:l,...o},n)=>d.jsx("input",{ref:n,"data-slot":"input-field","data-error":a,"data-success":l,"data-shape":r,className:i.cn("body-extrasmall-book","peer flex-1 border-none outline-none h-full placeholder:text-tertiary disabled:cursor-not-allowed",t),...o}));e.displayName="InputField";exports.InputField=e;

package/dist/mainstack-design-system430.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { cn as s } from "./mainstack-design-system586.js";
+import { cn as s } from "./mainstack-design-system587.js";
 const i = n(
   ({
     className: e,

package/dist/mainstack-design-system431.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),i=require("./mainstack-design-system438.cjs"),h=require("./mainstack-design-system432.cjs"),P=require("./mainstack-design-system433.cjs"),b=require("./mainstack-design-system591.cjs"),N=require("./mainstack-design-system437.cjs"),c=require("./mainstack-design-system434.cjs"),l=require("./mainstack-design-system436.cjs"),p=require("./mainstack-design-system435.cjs"),r=m.forwardRef(({isError:n,isDisabled:t,isSuccess:o,...u},s)=>e.jsxs(i.PhoneNumberRoot,{isError:n,isDisabled:t,isSuccess:o,children:[e.jsxs(h.PhoneNumberFields,{children:[e.jsx(P.PhoneNumberFlagField,{}),e.jsx(b.PhoneNumberDigitField,{...u,isError:n,isSuccess:o,ref:s})]}),e.jsx(N.PhoneNumberPortal,{children:e.jsxs(c.PhoneNumberOptions,{children:[e.jsx(l.PhoneNumberOptionsSearchField,{}),e.jsx(p.PhoneNumberOptionsList,{})]})})]}));r.displayName="PhoneNumberInput";exports.PhoneNumberInput=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),i=require("./mainstack-design-system438.cjs"),h=require("./mainstack-design-system432.cjs"),P=require("./mainstack-design-system433.cjs"),b=require("./mainstack-design-system592.cjs"),N=require("./mainstack-design-system437.cjs"),c=require("./mainstack-design-system434.cjs"),l=require("./mainstack-design-system436.cjs"),p=require("./mainstack-design-system435.cjs"),r=m.forwardRef(({isError:n,isDisabled:t,isSuccess:o,...u},s)=>e.jsxs(i.PhoneNumberRoot,{isError:n,isDisabled:t,isSuccess:o,children:[e.jsxs(h.PhoneNumberFields,{children:[e.jsx(P.PhoneNumberFlagField,{}),e.jsx(b.PhoneNumberDigitField,{...u,isError:n,isSuccess:o,ref:s})]}),e.jsx(N.PhoneNumberPortal,{children:e.jsxs(c.PhoneNumberOptions,{children:[e.jsx(l.PhoneNumberOptionsSearchField,{}),e.jsx(p.PhoneNumberOptionsList,{})]})})]}));r.displayName="PhoneNumberInput";exports.PhoneNumberInput=r;

package/dist/mainstack-design-system431.js

@@ -4,7 +4,7 @@ import { forwardRef as p } from "react";
 import { PhoneNumberRoot as h } from "./mainstack-design-system438.js";
 import { PhoneNumberFields as f } from "./mainstack-design-system432.js";
 import { PhoneNumberFlagField as u } from "./mainstack-design-system433.js";
-import { PhoneNumberDigitField as l } from "./mainstack-design-system591.js";
+import { PhoneNumberDigitField as l } from "./mainstack-design-system592.js";
 import { PhoneNumberPortal as N } from "./mainstack-design-system437.js";
 import { PhoneNumberOptions as P } from "./mainstack-design-system434.js";
 import { PhoneNumberOptionsSearchField as b } from "./mainstack-design-system436.js";

package/dist/mainstack-design-system432.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),i=require("./index-4R9KShCu.cjs"),u=require("./mainstack-design-system560.cjs"),e=a.forwardRef(({children:o,...r},n)=>{const{isOptionOpen:t}=u.usePhoneNumberContext();return s.jsx(i.PopoverAnchor,{"data-slot":"phone-number-fields",role:"combobox","aria-haspopup":"listbox","aria-expanded":t,"aria-controls":"phone-number-portal","aria-owns":"phone-number-portal",className:"flex  items-center gap-6",ref:n,...r,children:o})});e.displayName="PhoneNumberFields";exports.PhoneNumberFields=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),i=require("./index-4R9KShCu.cjs"),u=require("./mainstack-design-system561.cjs"),e=a.forwardRef(({children:o,...r},n)=>{const{isOptionOpen:t}=u.usePhoneNumberContext();return s.jsx(i.PopoverAnchor,{"data-slot":"phone-number-fields",role:"combobox","aria-haspopup":"listbox","aria-expanded":t,"aria-controls":"phone-number-portal","aria-owns":"phone-number-portal",className:"flex  items-center gap-6",ref:n,...r,children:o})});e.displayName="PhoneNumberFields";exports.PhoneNumberFields=e;

package/dist/mainstack-design-system432.js

@@ -2,7 +2,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { d as t } from "./index-RoCFhqzC.js";
-import { usePhoneNumberContext as m } from "./mainstack-design-system560.js";
+import { usePhoneNumberContext as m } from "./mainstack-design-system561.js";
 const s = p(
   ({ children: o, ...e }, r) => {
     const { isOptionOpen: a } = m();

package/dist/mainstack-design-system433.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),m=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system560.cjs"),b=require("./mainstack-design-system561.cjs"),r=a.forwardRef(({...o},n)=>{const{isOptionOpen:t,onOptionOpenChange:i,activeCountry:s,isDisabled:u,isError:l,isSuccess:c}=d.usePhoneNumberContext();return e.jsx(m.PopoverTrigger,{asChild:!0,children:e.jsx(b.FormCountrySelect,{...o,"data-slot":"phone-number-flag-field",disabled:u,isOptionOpen:t,onOptionOpenChange:i,activeCountry:s,isError:l,isSuccess:c,ref:n})})});r.displayName="PhoneNumberFlagField";exports.PhoneNumberFlagField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),m=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system561.cjs"),b=require("./mainstack-design-system562.cjs"),r=a.forwardRef(({...o},n)=>{const{isOptionOpen:t,onOptionOpenChange:i,activeCountry:s,isDisabled:u,isError:l,isSuccess:c}=d.usePhoneNumberContext();return e.jsx(m.PopoverTrigger,{asChild:!0,children:e.jsx(b.FormCountrySelect,{...o,"data-slot":"phone-number-flag-field",disabled:u,isOptionOpen:t,onOptionOpenChange:i,activeCountry:s,isError:l,isSuccess:c,ref:n})})});r.displayName="PhoneNumberFlagField";exports.PhoneNumberFlagField=r;

package/dist/mainstack-design-system433.js

@@ -2,8 +2,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { a as p } from "./index-RoCFhqzC.js";
-import { usePhoneNumberContext as d } from "./mainstack-design-system560.js";
-import { FormCountrySelect as u } from "./mainstack-design-system561.js";
+import { usePhoneNumberContext as d } from "./mainstack-design-system561.js";
+import { FormCountrySelect as u } from "./mainstack-design-system562.js";
 const f = l(
   ({ ...r }, o) => {
     const {

package/dist/mainstack-design-system434.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),u=require("./mainstack-design-system562.cjs"),i=require("./mainstack-design-system560.cjs"),e=s.forwardRef((o,n)=>{const{isOptionOpen:t}=i.usePhoneNumberContext();return r.jsx(u.FormCountryOptions,{...o,"data-slot":"phone-number-options",ref:n,isOptionOpen:t})});e.displayName="PhoneNumberOptions";exports.PhoneNumberOptions=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),u=require("./mainstack-design-system563.cjs"),i=require("./mainstack-design-system561.cjs"),e=s.forwardRef((o,n)=>{const{isOptionOpen:t}=i.usePhoneNumberContext();return r.jsx(u.FormCountryOptions,{...o,"data-slot":"phone-number-options",ref:n,isOptionOpen:t})});e.displayName="PhoneNumberOptions";exports.PhoneNumberOptions=e;

package/dist/mainstack-design-system434.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { FormCountryOptions as m } from "./mainstack-design-system562.js";
-import { usePhoneNumberContext as p } from "./mainstack-design-system560.js";
+import { FormCountryOptions as m } from "./mainstack-design-system563.js";
+import { usePhoneNumberContext as p } from "./mainstack-design-system561.js";
 const i = e(
   (o, r) => {
     const { isOptionOpen: t } = p();

package/dist/mainstack-design-system435.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),c=require("react"),p=require("./mainstack-design-system560.cjs"),a=require("./mainstack-design-system563.cjs"),C=require("./index-D6rpLeOg.cjs"),t=c.forwardRef((o,n)=>{const{onOptionOpenChange:r,searchCountry:s,activeCountry:i,setActiveCountry:u}=p.usePhoneNumberContext();return m.jsx(a.FormCountryOptionsList,{...o,"data-slot":"phone-number-options-list",ref:n,activeCountry:i,onOptionOpenChange:r,searchCountry:s,setActiveCountry:u,getCountryMetaInfo:e=>e?`+${C.getCountryCallingCode(e)}`:"+1"})});t.displayName="PhoneNumberOptionsList";exports.PhoneNumberOptionsList=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),c=require("react"),p=require("./mainstack-design-system561.cjs"),a=require("./mainstack-design-system564.cjs"),C=require("./index-D6rpLeOg.cjs"),t=c.forwardRef((o,n)=>{const{onOptionOpenChange:r,searchCountry:s,activeCountry:i,setActiveCountry:u}=p.usePhoneNumberContext();return m.jsx(a.FormCountryOptionsList,{...o,"data-slot":"phone-number-options-list",ref:n,activeCountry:i,onOptionOpenChange:r,searchCountry:s,setActiveCountry:u,getCountryMetaInfo:e=>e?`+${C.getCountryCallingCode(e)}`:"+1"})});t.displayName="PhoneNumberOptionsList";exports.PhoneNumberOptionsList=t;

package/dist/mainstack-design-system435.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { usePhoneNumberContext as u } from "./mainstack-design-system560.js";
-import { FormCountryOptionsList as a } from "./mainstack-design-system563.js";
+import { usePhoneNumberContext as u } from "./mainstack-design-system561.js";
+import { FormCountryOptionsList as a } from "./mainstack-design-system564.js";
 import { g as C } from "./index-BaLp3DZq.js";
 const f = p(
   (t, r) => {

package/dist/mainstack-design-system436.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),i=require("./mainstack-design-system560.cjs"),c=require("./mainstack-design-system564.cjs"),e=u.forwardRef((o,r)=>{const{searchCountry:n,onChangeSearchCountry:t}=i.usePhoneNumberContext();return s.jsx(c.FormCountryOptionsSearchField,{...o,"data-slot":"phone-number-options-search-field",ref:r,onChangeSearchCountry:t,searchCountry:n})});e.displayName="PhoneNumberOptionsSearchField";exports.PhoneNumberOptionsSearchField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),i=require("./mainstack-design-system561.cjs"),c=require("./mainstack-design-system565.cjs"),e=u.forwardRef((o,r)=>{const{searchCountry:n,onChangeSearchCountry:t}=i.usePhoneNumberContext();return s.jsx(c.FormCountryOptionsSearchField,{...o,"data-slot":"phone-number-options-search-field",ref:r,onChangeSearchCountry:t,searchCountry:n})});e.displayName="PhoneNumberOptionsSearchField";exports.PhoneNumberOptionsSearchField=e;

package/dist/mainstack-design-system436.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { usePhoneNumberContext as i } from "./mainstack-design-system560.js";
-import { FormCountryOptionsSearchField as a } from "./mainstack-design-system564.js";
+import { usePhoneNumberContext as i } from "./mainstack-design-system561.js";
+import { FormCountryOptionsSearchField as a } from "./mainstack-design-system565.js";
 const s = m(
   (o, r) => {
     const { searchCountry: e, onChangeSearchCountry: t } = i();

package/dist/mainstack-design-system437.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./index-4R9KShCu.cjs"),c=require("react"),d=require("./mainstack-design-system586.cjs"),m=require("./mainstack-design-system560.cjs"),a=c.forwardRef(({children:i,onWheel:t,onTouchMove:o,className:s,...u},l)=>{const{isOptionOpen:p}=m.usePhoneNumberContext();return n.jsx(r.PopoverPortal,{children:n.jsx(r.PopoverContent,{sideOffset:6,"data-slot":"phone-number-portal",role:"listbox","data-select-options-opened":p,className:d.cn(" will-change-transform z-100 data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width)",s),ref:l,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...u,children:i})})});a.displayName="PhoneNumberPortal";exports.PhoneNumberPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./index-4R9KShCu.cjs"),c=require("react"),d=require("./mainstack-design-system587.cjs"),m=require("./mainstack-design-system561.cjs"),a=c.forwardRef(({children:i,onWheel:t,onTouchMove:o,className:s,...u},l)=>{const{isOptionOpen:p}=m.usePhoneNumberContext();return n.jsx(r.PopoverPortal,{children:n.jsx(r.PopoverContent,{sideOffset:6,"data-slot":"phone-number-portal",role:"listbox","data-select-options-opened":p,className:d.cn(" will-change-transform z-100 data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width)",s),ref:l,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...u,children:i})})});a.displayName="PhoneNumberPortal";exports.PhoneNumberPortal=a;

package/dist/mainstack-design-system437.js

@@ -2,8 +2,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { b as m, c as f } from "./index-RoCFhqzC.js";
 import { forwardRef as l } from "react";
-import { cn as d } from "./mainstack-design-system586.js";
-import { usePhoneNumberContext as c } from "./mainstack-design-system560.js";
+import { cn as d } from "./mainstack-design-system587.js";
+import { usePhoneNumberContext as c } from "./mainstack-design-system561.js";
 const P = l(
   ({
     children: a,

package/dist/mainstack-design-system438.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),d=require("./mainstack-design-system560.cjs"),l=require("./index-4R9KShCu.cjs"),r=({children:s,isDisabled:u,isError:i,defaultLocale:a,isSuccess:c})=>{const[n,t]=o.useState(!1),[h,p]=o.useState(""),[m,b]=o.useState(a);return e.jsx(d.PhoneNumberContext.Provider,{value:{isOptionOpen:n,searchCountry:h,activeCountry:m,isDisabled:u,isError:i,isSuccess:c,onOptionOpenChange:t,onChangeSearchCountry:p,setActiveCountry:b},children:e.jsx(l.Popover,{open:n,onOpenChange:t,children:e.jsx("div",{"data-slot":"phone-number-root",children:s})})})};r.displayName="PhoneNumberRoot";exports.PhoneNumberRoot=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),d=require("./mainstack-design-system561.cjs"),l=require("./index-4R9KShCu.cjs"),r=({children:s,isDisabled:u,isError:i,defaultLocale:a,isSuccess:c})=>{const[n,t]=o.useState(!1),[h,p]=o.useState(""),[m,b]=o.useState(a);return e.jsx(d.PhoneNumberContext.Provider,{value:{isOptionOpen:n,searchCountry:h,activeCountry:m,isDisabled:u,isError:i,isSuccess:c,onOptionOpenChange:t,onChangeSearchCountry:p,setActiveCountry:b},children:e.jsx(l.Popover,{open:n,onOpenChange:t,children:e.jsx("div",{"data-slot":"phone-number-root",children:s})})})};r.displayName="PhoneNumberRoot";exports.PhoneNumberRoot=r;

package/dist/mainstack-design-system438.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
 import { useState as e } from "react";
-import { PhoneNumberContext as C } from "./mainstack-design-system560.js";
+import { PhoneNumberContext as C } from "./mainstack-design-system561.js";
 import { P as d } from "./index-RoCFhqzC.js";
 const l = ({
   children: r,