mainstack-design-system 1.14.3 → 1.15.0

package/dist/mainstack-design-system434.js

@@ -1,23 +1,71 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { FormStatusRoot as a } from "./mainstack-design-system437.js";
-import "./mainstack-design-system357.js";
-import p from "./mainstack-design-system150.js";
-import "./player-Cs7wtvrg.js";
-import { FormStatusText as f } from "./mainstack-design-system438.js";
-const c = i(
-  ({ children: t, className: o, ...m }, e) => /* @__PURE__ */ s(a, { className: o, ref: e, ...m, children: [
-    /* @__PURE__ */ r(
-      p,
+import { jsxs as N } from "react/jsx-runtime";
+import * as t from "react";
+import { c as R } from "./utils-BWBRqOem.js";
+import { chipVariants as A } from "./mainstack-design-system439.js";
+import { u as V } from "./index-437EL2iq.js";
+const E = t.forwardRef, w = E(
+  ({
+    as: r,
+    className: n,
+    size: o = "sm",
+    disabled: p,
+    children: e,
+    onClick: m,
+    selected: f,
+    defaultSelected: y,
+    onSelectedChange: v,
+    ...z
+  }, g) => {
+    const u = r || "div", [i, x] = V({
+      prop: f,
+      defaultProp: y ?? !1,
+      onChange: v
+    }), s = t.Children.toArray(e), d = s[0], h = s[s.length - 1], c = t.isValidElement(d) && typeof d.type != "string" && d.type?.displayName === "ChipSlot", l = t.isValidElement(h) && typeof h.type != "string" && h.type?.displayName === "ChipSlot", C = c && l ? "both" : c ? "leading" : l ? "trailing" : "none", b = s.some((a) => t.isValidElement(a) && typeof a.type != "string" && a.type?.displayName === "ChipAvatar"), S = () => x(!i);
+    return /* @__PURE__ */ N(
+      u,
       {
-        variant: "filled",
-        className: " mds:text-interactive-error mds:size-16"
+        ref: g,
+        role: "button",
+        tabIndex: p ? -1 : 0,
+        "data-slot": "chip-root",
+        "aria-disabled": p,
+        "data-chip-slot-position": C,
+        "data-chip-has-avatar": b,
+        "aria-pressed": i,
+        "aria-selected": i,
+        "data-chip-size": o,
+        "data-selected": i,
+        className: R(
+          "mds:group",
+          A({ size: o }),
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:pl-6 mds:data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:py-10 mds:data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=leading]:pr-8",
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:pl-8 mds:data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:py-10 mds:data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=trailing]:pr-6",
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=both]:px-6 mds:data-[chip-has-avatar=false]:data-[chip-size=tiny]:data-[chip-slot-position=both]:py-10",
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:pl-8 mds:data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:py-10 mds:data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=leading]:pr-10",
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=trailing]:pl-10 mds:data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=trailing]:pr-8",
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=xs]:data-[chip-slot-position=both]:px-8",
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=leading]:pl-10 mds:data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=leading]:pr-12",
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=trailing]:pl-12 mds:data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=trailing]:pr-10",
+          "mds:data-[chip-has-avatar=false]:data-[chip-size=sm]:data-[chip-slot-position=both]:px-10",
+          "mds:data-[chip-has-avatar=true]:data-[chip-size=tiny]:py-4 mds:data-[chip-size=tiny]:pl-4 mds:data-[chip-has-avatar=true]:data-[chip-size=tiny]:pr-6",
+          "mds:data-[chip-has-avatar=true]:data-[chip-size=xs]:pl-6 mds:data-[chip-has-avatar=true]:data-[chip-size=xs]:py-6 mds:data-[chip-has-avatar=true]:data-[chip-size=xs]:pr-8",
+          "mds:data-[chip-has-avatar=true]:data-[chip-size=sm]:pl-8 mds:data-[chip-has-avatar=true]:data-[chip-size=sm]:py-8 mds:data-[chip-has-avatar=true]:data-[chip-size=sm]:pr-12",
+          n
+        ),
+        onClick: (a) => {
+          p || S(), m?.(a);
+        },
+        ...z,
+        children: [
+          " ",
+          e,
+          " "
+        ]
       }
-    ),
-    /* @__PURE__ */ r(f, { className: "mds:text-interactive-error", children: t })
-  ] })
+    );
+  }
 );
-c.displayName = "FormErrorStatus";
+w.displayName = "ChipRoot";
 export {
-  c as FormErrorStatus
+  w as ChipRoot
 };

package/dist/mainstack-design-system435.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),m=require("./mainstack-design-system437.cjs");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system191.cjs");require("./player-BBiZ5mNK.cjs");const c=require("./mainstack-design-system438.cjs"),e=a.forwardRef(({children:o,className:r,...s},n)=>t.jsxs(m.FormStatusRoot,{className:r,ref:n,...s,children:[t.jsx(u,{variant:"filled",className:"mds:text-secondary mds:size-16"}),t.jsx(c.FormStatusText,{className:"mds:text-secondary",children:o})]}));e.displayName="FormHintStatus";exports.FormHintStatus=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),l=require("./index-CpE6WAgy.cjs"),u=require("./utils-Dp-J9Ksy.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 d=p(o),a=d.forwardRef(({className:e,children:n,asChild:t=!1,...r},s)=>{const c=t?l.Slot:"span";return i.jsx(c,{ref:s,"data-slot":"chip-label",className:u.cn("mds:inline-flex mds:items-center mds:whitespace-nowrap",e),...r,children:n})});a.displayName="ChipLabel";exports.ChipLabel=a;

package/dist/mainstack-design-system435.js

@@ -1,17 +1,23 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { FormStatusRoot as i } from "./mainstack-design-system437.js";
-import "./mainstack-design-system357.js";
-import n from "./mainstack-design-system191.js";
-import "./player-Cs7wtvrg.js";
-import { FormStatusText as d } from "./mainstack-design-system438.js";
-const f = e(
-  ({ children: o, className: r, ...m }, s) => /* @__PURE__ */ a(i, { className: r, ref: s, ...m, children: [
-    /* @__PURE__ */ t(n, { variant: "filled", className: "mds:text-secondary mds:size-16" }),
-    /* @__PURE__ */ t(d, { className: "mds:text-secondary", children: o })
-  ] })
+import { jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import { S as p } from "./index-BtQfgaSF.js";
+import { c as i } from "./utils-BWBRqOem.js";
+const l = t.forwardRef(
+  ({ className: a, children: e, asChild: o = !1, ...s }, m) => /* @__PURE__ */ r(
+    o ? p : "span",
+    {
+      ref: m,
+      "data-slot": "chip-label",
+      className: i(
+        "mds:inline-flex mds:items-center mds:whitespace-nowrap",
+        a
+      ),
+      ...s,
+      children: e
+    }
+  )
 );
-f.displayName = "FormHintStatus";
+l.displayName = "ChipLabel";
 export {
-  f as FormHintStatus
+  l as ChipLabel
 };

package/dist/mainstack-design-system436.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),a=require("./mainstack-design-system437.cjs");require("./mainstack-design-system357.cjs");const m=require("./mainstack-design-system103.cjs");require("./player-BBiZ5mNK.cjs");const n=require("./mainstack-design-system438.cjs"),t=u.forwardRef(({children:s,className:r,...o},c)=>e.jsxs(a.FormStatusRoot,{className:r,ref:c,...o,children:[e.jsx(m,{variant:"filled",className:"mds:text-interactive-success mds:size-16"}),e.jsx(n.FormStatusText,{className:"mds:text-interactive-success",children:s})]}));t.displayName="FormSuccessStatus";exports.FormSuccessStatus=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),a=require("./index-CpE6WAgy.cjs"),u=require("./utils-Dp-J9Ksy.cjs");function d(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=d(l),s=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const i=n?a.Slot:"span";return c.jsx(i,{ref:o,"data-slot":"chip-slot",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",e),...r,children:t})});s.displayName="ChipSlot";exports.ChipSlot=s;

package/dist/mainstack-design-system436.js

@@ -1,23 +1,23 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { FormStatusRoot as i } from "./mainstack-design-system437.js";
-import "./mainstack-design-system357.js";
-import a from "./mainstack-design-system103.js";
-import "./player-Cs7wtvrg.js";
-import { FormStatusText as p } from "./mainstack-design-system438.js";
-const u = c(
-  ({ children: s, className: r, ...e }, m) => /* @__PURE__ */ o(i, { className: r, ref: m, ...e, children: [
-    /* @__PURE__ */ t(
-      a,
-      {
-        variant: "filled",
-        className: "mds:text-interactive-success mds:size-16"
-      }
-    ),
-    /* @__PURE__ */ t(p, { className: "mds:text-interactive-success", children: s })
-  ] })
+import { jsx as e } from "react/jsx-runtime";
+import * as a from "react";
+import { S as i } from "./index-BtQfgaSF.js";
+import { c as p } from "./utils-BWBRqOem.js";
+const l = a.forwardRef(
+  ({ className: s, asChild: o = !1, children: t, ...m }, r) => /* @__PURE__ */ e(
+    o ? i : "span",
+    {
+      ref: r,
+      "data-slot": "chip-slot",
+      className: p(
+        "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",
+        s
+      ),
+      ...m,
+      children: t
+    }
+  )
 );
-u.displayName = "FormSuccessStatus";
+l.displayName = "ChipSlot";
 export {
-  u as FormSuccessStatus
+  l as ChipSlot
 };

package/dist/mainstack-design-system437.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),i=require("./utils-Bdd5vx6a.cjs"),t=a.forwardRef(({className:e,...s},o)=>r.jsx("div",{className:i.cn("mds:flex mds:items-center mds:gap-4",e),ref:o,...s}));t.displayName="FormStatusRoot";exports.FormStatusRoot=t;
+"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("./utils-Dp-J9Ksy.cjs"),p=require("./mainstack-design-system406.cjs");require("./mainstack-design-system407.cjs");require("./mainstack-design-system408.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("mds:shrink-0",r)})});o.displayName="ChipAvatar";exports.ChipAvatar=o;

package/dist/mainstack-design-system437.js

@@ -1,17 +1,23 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c as a } from "./utils-D85wpvmd.js";
-const e = s(
-  ({ className: o, ...m }, r) => /* @__PURE__ */ t(
-    "div",
+import { jsx as p } from "react/jsx-runtime";
+import * as s from "react";
+import { S as i } from "./index-BtQfgaSF.js";
+import { c as f } from "./utils-BWBRqOem.js";
+import { AvatarRoot as c } from "./mainstack-design-system406.js";
+import "./mainstack-design-system407.js";
+import "./mainstack-design-system408.js";
+const e = s.forwardRef(
+  ({ asChild: o = !1, className: r, size: a = 24, ...t }, m) => /* @__PURE__ */ p(
+    o ? i : c,
     {
-      className: a("mds:flex mds:items-center mds:gap-4", o),
-      ref: r,
-      ...m
+      ref: m,
+      "data-slot": "chip-avatar",
+      size: a,
+      ...t,
+      className: f("mds:shrink-0", r)
     }
   )
 );
-e.displayName = "FormStatusRoot";
+e.displayName = "ChipAvatar";
 export {
-  e as FormStatusRoot
+  e as ChipAvatar
 };

package/dist/mainstack-design-system438.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),a=require("./utils-Bdd5vx6a.cjs"),t=u.forwardRef(({className:e,...r},s)=>o.jsx("p",{className:a.cn("mds:body-tiny-regular",e),ref:s,...r}));t.displayName="FormStatusText";exports.FormStatusText=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("./mainstack-design-system434.cjs"),c=require("./mainstack-design-system435.cjs"),p=require("./mainstack-design-system436.cjs");require("./mainstack-design-system366.cjs");const h=require("./mainstack-design-system159.cjs");require("./player-BoD_1Mo-.cjs");const i=t.forwardRef(({children:o,...r},s)=>e.jsxs(n.ChipRoot,{ref:s,...r,children:[e.jsx(p.ChipSlot,{children:e.jsx(h,{className:"mds:h-20 mds:w-20"})}),e.jsx(c.ChipLabel,{children:o})]}));i.displayName="Chip";exports.Chip=i;

package/dist/mainstack-design-system438.js

@@ -1,17 +1,16 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as s } from "./utils-D85wpvmd.js";
-const e = a(
-  ({ className: r, ...t }, o) => /* @__PURE__ */ m(
-    "p",
-    {
-      className: s("mds:body-tiny-regular", r),
-      ref: o,
-      ...t
-    }
-  )
-);
-e.displayName = "FormStatusText";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import p from "react";
+import { ChipRoot as e } from "./mainstack-design-system434.js";
+import { ChipLabel as s } from "./mainstack-design-system435.js";
+import { ChipSlot as f } from "./mainstack-design-system436.js";
+import "./mainstack-design-system366.js";
+import a from "./mainstack-design-system159.js";
+import "./player-DtDfxekb.js";
+const h = p.forwardRef(({ children: o, ...i }, m) => /* @__PURE__ */ t(e, { ref: m, ...i, children: [
+  /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(a, { className: "mds:h-20 mds:w-20" }) }),
+  /* @__PURE__ */ r(s, { children: o })
+] }));
+h.displayName = "Chip";
 export {
-  e as FormStatusText
+  h as Chip
 };

package/dist/mainstack-design-system439.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),r=require("./mainstack-design-system441.cjs"),u=require("./mainstack-design-system440.cjs"),s=o.forwardRef(({...e},n)=>t.jsx(u.InputRoot,{children:t.jsx(r.InputField,{ref:n,...e})}));exports.Input=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),r=e.cva(["mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-neutral mds:text-primary mds:cursor-pointer","mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out","mds:hover:bg-interactive-secondary","mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-neutral mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-2 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-surface-spread-neutral","mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active","mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-neutral mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-pressed","mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-hover","mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus","mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary","mds:flex mds:gap-4"],{variants:{size:{tiny:"mds:h-32",xs:"mds:h-36 ",sm:"mds:h-40"}},defaultVariants:{size:"sm"}}),s=e.cva(["mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1","mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1","mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus","mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-neutral-pressed mds:group-active:ring-border-surface-spread-neutral","mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-neutral-active","mds:[&_svg]:size-15"]);exports.chipCheckboxVariants=s;exports.chipVariants=r;

package/dist/mainstack-design-system439.js

@@ -1,10 +1,40 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { InputField as p } from "./mainstack-design-system441.js";
-import { InputRoot as f } from "./mainstack-design-system440.js";
-const d = m(
-  ({ ...o }, t) => /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(p, { ref: t, ...o }) })
-);
+import { c as e } from "./index-D29mdTf5.js";
+const d = e(
+  [
+    "mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-neutral mds:text-primary mds:cursor-pointer",
+    "mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out",
+    "mds:hover:bg-interactive-secondary",
+    "mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed",
+    "mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-neutral mds:focus-visible:ring-border-surface-spread-focus",
+    "mds:active:ring-3 mds:active:border-2 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-surface-spread-neutral",
+    "mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active",
+    "mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-neutral mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-pressed",
+    "mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-hover",
+    "mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus",
+    "mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary",
+    "mds:flex mds:gap-4"
+  ],
+  {
+    variants: {
+      size: {
+        tiny: "mds:h-32",
+        xs: "mds:h-36 ",
+        sm: "mds:h-40"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+), s = e([
+  "mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1",
+  "mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1",
+  "mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus",
+  "mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-neutral-pressed mds:group-active:ring-border-surface-spread-neutral",
+  "mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-neutral-active",
+  "mds:[&_svg]:size-15"
+]);
 export {
-  d as Input
+  s as chipCheckboxVariants,
+  d as chipVariants
 };

package/dist/mainstack-design-system44.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system357.cjs"),e={outlined:C.jsx("g",{mask:"url(#mask0_1687_167)",children:C.jsx("path",{d:"M5.75004 16.25V10.25C5.75004 10.0375 5.82195 9.85937 5.96579 9.71554C6.10962 9.57187 6.28779 9.50004 6.50029 9.50004C6.71295 9.50004 6.89112 9.57187 7.03479 9.71554C7.17829 9.85937 7.25004 10.0375 7.25004 10.25V16.25C7.25004 16.4625 7.17812 16.6407 7.03429 16.7845C6.89045 16.9282 6.71229 17 6.49979 17C6.28712 17 6.10904 16.9282 5.96554 16.7845C5.82187 16.6407 5.75004 16.4625 5.75004 16.25ZM11.25 16.25V10.25C11.25 10.0375 11.322 9.85937 11.4658 9.71554C11.6096 9.57187 11.7878 9.50004 12.0003 9.50004C12.213 9.50004 12.391 9.57187 12.5345 9.71554C12.6782 9.85937 12.75 10.0375 12.75 10.25V16.25C12.75 16.4625 12.6781 16.6407 12.5343 16.7845C12.3905 16.9282 12.2123 17 11.9998 17C11.7871 17 11.609 16.9282 11.4655 16.7845C11.3219 16.6407 11.25 16.4625 11.25 16.25ZM3.51929 20.5C3.30679 20.5 3.1287 20.4281 2.98504 20.2843C2.8412 20.1405 2.76929 19.9623 2.76929 19.7498C2.76929 19.5371 2.8412 19.359 2.98504 19.2155C3.1287 19.0719 3.30679 19 3.51929 19H20.4808C20.6933 19 20.8714 19.072 21.015 19.2158C21.1589 19.3596 21.2308 19.5378 21.2308 19.7503C21.2308 19.963 21.1589 20.141 21.015 20.2845C20.8714 20.4282 20.6933 20.5 20.4808 20.5H3.51929ZM16.75 16.25V10.25C16.75 10.0375 16.822 9.85937 16.9658 9.71554C17.1096 9.57187 17.2878 9.50004 17.5003 9.50004C17.713 9.50004 17.891 9.57187 18.0345 9.71554C18.1782 9.85937 18.25 10.0375 18.25 10.25V16.25C18.25 16.4625 18.1781 16.6407 18.0343 16.7845C17.8905 16.9282 17.7123 17 17.4998 17C17.2871 17 17.109 16.9282 16.9653 16.7845C16.8218 16.6407 16.75 16.4625 16.75 16.25ZM20.5193 7.50004H3.40979C3.23179 7.50004 3.08054 7.43787 2.95604 7.31354C2.83154 7.18937 2.76929 7.03845 2.76929 6.86079V6.47029C2.76929 6.34012 2.80187 6.22787 2.86704 6.13354C2.93237 6.03937 3.01837 5.96279 3.12504 5.90379L11.2058 1.95004C11.4555 1.82954 11.7198 1.76929 11.9988 1.76929C12.2778 1.76929 12.543 1.82954 12.7943 1.95004L20.8345 5.87879C20.9602 5.94295 21.0576 6.0327 21.1268 6.14804C21.1961 6.26354 21.2308 6.38754 21.2308 6.52004V6.79104C21.2308 6.9957 21.1638 7.16504 21.0298 7.29904C20.8958 7.43304 20.7256 7.50004 20.5193 7.50004ZM6.31529 6.00004H17.6848L12.1348 3.30779C12.0898 3.28845 12.0449 3.27879 12 3.27879C11.9552 3.27879 11.9103 3.28845 11.8653 3.30779L6.31529 6.00004Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1687_168)",children:C.jsx("path",{d:"M5.75004 16.25V10.25C5.75004 10.0375 5.82195 9.85937 5.96579 9.71554C6.10962 9.57187 6.28779 9.50004 6.50029 9.50004C6.71295 9.50004 6.89112 9.57187 7.03479 9.71554C7.17829 9.85937 7.25004 10.0375 7.25004 10.25V16.25C7.25004 16.4625 7.17812 16.6407 7.03429 16.7845C6.89045 16.9282 6.71229 17 6.49979 17C6.28712 17 6.10904 16.9282 5.96554 16.7845C5.82187 16.6407 5.75004 16.4625 5.75004 16.25ZM11.25 16.25V10.25C11.25 10.0375 11.322 9.85937 11.4658 9.71554C11.6096 9.57187 11.7878 9.50004 12.0003 9.50004C12.213 9.50004 12.391 9.57187 12.5345 9.71554C12.6782 9.85937 12.75 10.0375 12.75 10.25V16.25C12.75 16.4625 12.6781 16.6407 12.5343 16.7845C12.3905 16.9282 12.2123 17 11.9998 17C11.7871 17 11.609 16.9282 11.4655 16.7845C11.3219 16.6407 11.25 16.4625 11.25 16.25ZM3.51929 20.5C3.30679 20.5 3.1287 20.4281 2.98504 20.2843C2.8412 20.1405 2.76929 19.9623 2.76929 19.7498C2.76929 19.5371 2.8412 19.359 2.98504 19.2155C3.1287 19.0719 3.30679 19 3.51929 19H20.4808C20.6933 19 20.8714 19.072 21.015 19.2158C21.1589 19.3596 21.2308 19.5378 21.2308 19.7503C21.2308 19.963 21.1589 20.141 21.015 20.2845C20.8714 20.4282 20.6933 20.5 20.4808 20.5H3.51929ZM16.75 16.25V10.25C16.75 10.0375 16.822 9.85937 16.9658 9.71554C17.1096 9.57187 17.2878 9.50004 17.5003 9.50004C17.713 9.50004 17.891 9.57187 18.0345 9.71554C18.1782 9.85937 18.25 10.0375 18.25 10.25V16.25C18.25 16.4625 18.1781 16.6407 18.0343 16.7845C17.8905 16.9282 17.7123 17 17.4998 17C17.2871 17 17.109 16.9282 16.9653 16.7845C16.8218 16.6407 16.75 16.4625 16.75 16.25ZM20.5193 7.50004H3.40979C3.23179 7.50004 3.08054 7.43787 2.95604 7.31354C2.83154 7.18937 2.76929 7.03845 2.76929 6.86079V6.47029C2.76929 6.34012 2.80187 6.22787 2.86704 6.13354C2.93237 6.03937 3.01837 5.96279 3.12504 5.90379L11.2058 1.95004C11.4555 1.82954 11.7198 1.76929 11.9988 1.76929C12.2778 1.76929 12.543 1.82954 12.7943 1.95004L20.8345 5.87879C20.9602 5.94295 21.0576 6.0327 21.1268 6.14804C21.1961 6.26354 21.2308 6.38754 21.2308 6.52004V6.79104C21.2308 6.9957 21.1638 7.16504 21.0298 7.29904C20.8958 7.43304 20.7256 7.50004 20.5193 7.50004Z",fill:"currentColor"})})},t=({variant:r="outlined",...n})=>C.jsx(s,{...n,children:e[r]});module.exports=t;
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system366.cjs"),e={outlined:C.jsx("g",{mask:"url(#mask0_1687_167)",children:C.jsx("path",{d:"M5.75004 16.25V10.25C5.75004 10.0375 5.82195 9.85937 5.96579 9.71554C6.10962 9.57187 6.28779 9.50004 6.50029 9.50004C6.71295 9.50004 6.89112 9.57187 7.03479 9.71554C7.17829 9.85937 7.25004 10.0375 7.25004 10.25V16.25C7.25004 16.4625 7.17812 16.6407 7.03429 16.7845C6.89045 16.9282 6.71229 17 6.49979 17C6.28712 17 6.10904 16.9282 5.96554 16.7845C5.82187 16.6407 5.75004 16.4625 5.75004 16.25ZM11.25 16.25V10.25C11.25 10.0375 11.322 9.85937 11.4658 9.71554C11.6096 9.57187 11.7878 9.50004 12.0003 9.50004C12.213 9.50004 12.391 9.57187 12.5345 9.71554C12.6782 9.85937 12.75 10.0375 12.75 10.25V16.25C12.75 16.4625 12.6781 16.6407 12.5343 16.7845C12.3905 16.9282 12.2123 17 11.9998 17C11.7871 17 11.609 16.9282 11.4655 16.7845C11.3219 16.6407 11.25 16.4625 11.25 16.25ZM3.51929 20.5C3.30679 20.5 3.1287 20.4281 2.98504 20.2843C2.8412 20.1405 2.76929 19.9623 2.76929 19.7498C2.76929 19.5371 2.8412 19.359 2.98504 19.2155C3.1287 19.0719 3.30679 19 3.51929 19H20.4808C20.6933 19 20.8714 19.072 21.015 19.2158C21.1589 19.3596 21.2308 19.5378 21.2308 19.7503C21.2308 19.963 21.1589 20.141 21.015 20.2845C20.8714 20.4282 20.6933 20.5 20.4808 20.5H3.51929ZM16.75 16.25V10.25C16.75 10.0375 16.822 9.85937 16.9658 9.71554C17.1096 9.57187 17.2878 9.50004 17.5003 9.50004C17.713 9.50004 17.891 9.57187 18.0345 9.71554C18.1782 9.85937 18.25 10.0375 18.25 10.25V16.25C18.25 16.4625 18.1781 16.6407 18.0343 16.7845C17.8905 16.9282 17.7123 17 17.4998 17C17.2871 17 17.109 16.9282 16.9653 16.7845C16.8218 16.6407 16.75 16.4625 16.75 16.25ZM20.5193 7.50004H3.40979C3.23179 7.50004 3.08054 7.43787 2.95604 7.31354C2.83154 7.18937 2.76929 7.03845 2.76929 6.86079V6.47029C2.76929 6.34012 2.80187 6.22787 2.86704 6.13354C2.93237 6.03937 3.01837 5.96279 3.12504 5.90379L11.2058 1.95004C11.4555 1.82954 11.7198 1.76929 11.9988 1.76929C12.2778 1.76929 12.543 1.82954 12.7943 1.95004L20.8345 5.87879C20.9602 5.94295 21.0576 6.0327 21.1268 6.14804C21.1961 6.26354 21.2308 6.38754 21.2308 6.52004V6.79104C21.2308 6.9957 21.1638 7.16504 21.0298 7.29904C20.8958 7.43304 20.7256 7.50004 20.5193 7.50004ZM6.31529 6.00004H17.6848L12.1348 3.30779C12.0898 3.28845 12.0449 3.27879 12 3.27879C11.9552 3.27879 11.9103 3.28845 11.8653 3.30779L6.31529 6.00004Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1687_168)",children:C.jsx("path",{d:"M5.75004 16.25V10.25C5.75004 10.0375 5.82195 9.85937 5.96579 9.71554C6.10962 9.57187 6.28779 9.50004 6.50029 9.50004C6.71295 9.50004 6.89112 9.57187 7.03479 9.71554C7.17829 9.85937 7.25004 10.0375 7.25004 10.25V16.25C7.25004 16.4625 7.17812 16.6407 7.03429 16.7845C6.89045 16.9282 6.71229 17 6.49979 17C6.28712 17 6.10904 16.9282 5.96554 16.7845C5.82187 16.6407 5.75004 16.4625 5.75004 16.25ZM11.25 16.25V10.25C11.25 10.0375 11.322 9.85937 11.4658 9.71554C11.6096 9.57187 11.7878 9.50004 12.0003 9.50004C12.213 9.50004 12.391 9.57187 12.5345 9.71554C12.6782 9.85937 12.75 10.0375 12.75 10.25V16.25C12.75 16.4625 12.6781 16.6407 12.5343 16.7845C12.3905 16.9282 12.2123 17 11.9998 17C11.7871 17 11.609 16.9282 11.4655 16.7845C11.3219 16.6407 11.25 16.4625 11.25 16.25ZM3.51929 20.5C3.30679 20.5 3.1287 20.4281 2.98504 20.2843C2.8412 20.1405 2.76929 19.9623 2.76929 19.7498C2.76929 19.5371 2.8412 19.359 2.98504 19.2155C3.1287 19.0719 3.30679 19 3.51929 19H20.4808C20.6933 19 20.8714 19.072 21.015 19.2158C21.1589 19.3596 21.2308 19.5378 21.2308 19.7503C21.2308 19.963 21.1589 20.141 21.015 20.2845C20.8714 20.4282 20.6933 20.5 20.4808 20.5H3.51929ZM16.75 16.25V10.25C16.75 10.0375 16.822 9.85937 16.9658 9.71554C17.1096 9.57187 17.2878 9.50004 17.5003 9.50004C17.713 9.50004 17.891 9.57187 18.0345 9.71554C18.1782 9.85937 18.25 10.0375 18.25 10.25V16.25C18.25 16.4625 18.1781 16.6407 18.0343 16.7845C17.8905 16.9282 17.7123 17 17.4998 17C17.2871 17 17.109 16.9282 16.9653 16.7845C16.8218 16.6407 16.75 16.4625 16.75 16.25ZM20.5193 7.50004H3.40979C3.23179 7.50004 3.08054 7.43787 2.95604 7.31354C2.83154 7.18937 2.76929 7.03845 2.76929 6.86079V6.47029C2.76929 6.34012 2.80187 6.22787 2.86704 6.13354C2.93237 6.03937 3.01837 5.96279 3.12504 5.90379L11.2058 1.95004C11.4555 1.82954 11.7198 1.76929 11.9988 1.76929C12.2778 1.76929 12.543 1.82954 12.7943 1.95004L20.8345 5.87879C20.9602 5.94295 21.0576 6.0327 21.1268 6.14804C21.1961 6.26354 21.2308 6.38754 21.2308 6.52004V6.79104C21.2308 6.9957 21.1638 7.16504 21.0298 7.29904C20.8958 7.43304 20.7256 7.50004 20.5193 7.50004Z",fill:"currentColor"})})},t=({variant:r="outlined",...n})=>C.jsx(s,{...n,children:e[r]});module.exports=t;

package/dist/mainstack-design-system44.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import V from "./mainstack-design-system357.js";
+import V from "./mainstack-design-system366.js";
 const o = {
   outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1687_167)", children: /* @__PURE__ */ C(
     "path",

package/dist/mainstack-design-system440.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),a=require("./utils-Bdd5vx6a.cjs"),t=r.forwardRef(({className:e,...d},s)=>o.jsx("div",{ref:s,"data-slot":"input-root","data-editable":"true",tabIndex:0,className:a.cn("form-root-slot-defaults","mds:flex mds:gap-4 mds:items-center mds:w-full mds:min-h-48 mds:px-12 mds:border mds:rounded-full mds:has-[*_[data-shape=rounded]]:rounded-14",e),...d}));t.displayName="InputRoot";exports.InputRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),m=require("./utils-Dp-J9Ksy.cjs"),r=i.forwardRef(({currentCharLength:e=0,maxCharLength:t=0,className:a,...o},s)=>c.jsxs("div",{ref:s,"data-slot":"form-character-counter",className:m.cn("mds:body-extrasmall-medium","mds:text-right mds:text-tertiary",a),...o,children:[e,"/",t]}));r.displayName="FormCharacterCounter";exports.FormCharacterCounter=r;

package/dist/mainstack-design-system440.js

@@ -1,24 +1,32 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsxs as o } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { c as m } from "./utils-D85wpvmd.js";
-const e = s(
-  ({ className: d, ...o }, t) => /* @__PURE__ */ r(
+import { c } from "./utils-BWBRqOem.js";
+const d = s(
+  ({
+    currentCharLength: r = 0,
+    maxCharLength: t = 0,
+    className: a,
+    ...e
+  }, m) => /* @__PURE__ */ o(
     "div",
     {
-      ref: t,
-      "data-slot": "input-root",
-      "data-editable": "true",
-      tabIndex: 0,
-      className: m(
-        "form-root-slot-defaults",
-        "mds:flex mds:gap-4 mds:items-center mds:w-full mds:min-h-48 mds:px-12 mds:border mds:rounded-full mds:has-[*_[data-shape=rounded]]:rounded-14",
-        d
+      ref: m,
+      "data-slot": "form-character-counter",
+      className: c(
+        "mds:body-extrasmall-medium",
+        "mds:text-right mds:text-tertiary",
+        a
       ),
-      ...o
+      ...e,
+      children: [
+        r,
+        "/",
+        t
+      ]
     }
   )
 );
-e.displayName = "InputRoot";
+d.displayName = "FormCharacterCounter";
 export {
-  e as InputRoot
+  d as FormCharacterCounter
 };

package/dist/mainstack-design-system441.cjs

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

package/dist/mainstack-design-system441.js

@@ -1,31 +1,17 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { c as m } from "./utils-D85wpvmd.js";
-const n = l(
-  ({
-    className: e,
-    shape: d = "rounded",
-    isError: r,
-    isSuccess: o,
-    ...s
-  }, t) => /* @__PURE__ */ a(
-    "input",
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as t } from "./utils-BWBRqOem.js";
+const a = s(
+  ({ className: m, ...r }, o) => /* @__PURE__ */ e(
+    "div",
     {
-      ref: t,
-      "data-slot": "input-field",
-      "data-error": r,
-      "data-success": o,
-      "data-shape": d,
-      className: m(
-        "mds:body-extrasmall-book",
-        "mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",
-        e
-      ),
-      ...s
+      ref: o,
+      className: t("mds:flex mds:flex-col mds:gap-8", m),
+      ...r
     }
   )
 );
-n.displayName = "InputField";
+a.displayName = "FormItem";
 export {
-  n as InputField
+  a as FormItem
 };

package/dist/mainstack-design-system442.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),P=require("./mainstack-design-system449.cjs"),b=require("./mainstack-design-system443.cjs"),N=require("./mainstack-design-system444.cjs"),c=require("./mainstack-design-system618.cjs"),l=require("./mainstack-design-system448.cjs"),p=require("./mainstack-design-system445.cjs"),d=require("./mainstack-design-system447.cjs"),_=require("./mainstack-design-system446.cjs"),r=h.forwardRef(({isError:n,isDisabled:t,defaultLocale:u,isSuccess:o,placeholder:s,...m},i)=>e.jsxs(P.PhoneNumberRoot,{isError:n,isDisabled:t,isSuccess:o,defaultLocale:u,...m,ref:i,children:[e.jsxs(b.PhoneNumberFields,{children:[e.jsx(N.PhoneNumberFlagField,{}),e.jsx(c.PhoneNumberDigitField,{placeholder:s,isError:n,isSuccess:o})]}),e.jsx(l.PhoneNumberPortal,{children:e.jsxs(p.PhoneNumberOptions,{children:[e.jsx(d.PhoneNumberOptionsSearchField,{}),e.jsx(_.PhoneNumberOptionsList,{})]})})]}));r.displayName="PhoneNumberInput";exports.PhoneNumberInput=r;
+"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("./utils-Dp-J9Ksy.cjs"),e=a.forwardRef(({className:r,...o},t)=>s.jsx(i.Root,{ref:t,className:l.cn("mds:body-small-medium",r),...o}));e.displayName="FormLabel";exports.FormLabel=e;

package/dist/mainstack-design-system442.js

@@ -1,52 +1,18 @@
-'use client';
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { PhoneNumberRoot as u } from "./mainstack-design-system449.js";
-import { PhoneNumberFields as l } from "./mainstack-design-system443.js";
-import { PhoneNumberFlagField as N } from "./mainstack-design-system444.js";
-import { PhoneNumberDigitField as P } from "./mainstack-design-system618.js";
-import { PhoneNumberPortal as b } from "./mainstack-design-system448.js";
-import { PhoneNumberOptions as d } from "./mainstack-design-system445.js";
-import { PhoneNumberOptionsSearchField as a } from "./mainstack-design-system447.js";
-import { PhoneNumberOptionsList as s } from "./mainstack-design-system446.js";
-const F = f(
-  ({
-    isError: e,
-    isDisabled: i,
-    defaultLocale: t,
-    isSuccess: m,
-    placeholder: n,
-    ...p
-  }, h) => /* @__PURE__ */ r(
-    u,
+import { jsx as a } from "react/jsx-runtime";
+import { R as s } from "./index-C8-1UHbn.js";
+import { forwardRef as e } from "react";
+import { c as t } from "./utils-BWBRqOem.js";
+const f = e(
+  ({ className: m, ...o }, r) => /* @__PURE__ */ a(
+    s,
     {
-      isError: e,
-      isDisabled: i,
-      isSuccess: m,
-      defaultLocale: t,
-      ...p,
-      ref: h,
-      children: [
-        /* @__PURE__ */ r(l, { children: [
-          /* @__PURE__ */ o(N, {}),
-          /* @__PURE__ */ o(
-            P,
-            {
-              placeholder: n,
-              isError: e,
-              isSuccess: m
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o(b, { children: /* @__PURE__ */ r(d, { children: [
-          /* @__PURE__ */ o(a, {}),
-          /* @__PURE__ */ o(s, {})
-        ] }) })
-      ]
+      ref: r,
+      className: t("mds:body-small-medium", m),
+      ...o
     }
   )
 );
-F.displayName = "PhoneNumberInput";
+f.displayName = "FormLabel";
 export {
-  F as PhoneNumberInput
+  f as FormLabel
 };

package/dist/mainstack-design-system443.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),i=require("./index-4R9KShCu.cjs"),u=require("./mainstack-design-system591.cjs"),e=a.forwardRef(({children:o,...r},n)=>{const{isOptionOpen:s}=u.usePhoneNumberContext();return t.jsx(i.PopoverAnchor,{"data-slot":"phone-number-fields",role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"phone-number-portal","aria-owns":"phone-number-portal",className:"mds:flex  mds:items-center mds:gap-6",ref:n,...r,children:o})});e.displayName="PhoneNumberFields";exports.PhoneNumberFields=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("react"),n=require("./mainstack-design-system446.cjs");require("./mainstack-design-system366.cjs");const u=require("./mainstack-design-system150.cjs");require("./player-BoD_1Mo-.cjs");const i=require("./mainstack-design-system447.cjs"),t=m.forwardRef(({children:e,className:o,...s},a)=>r.jsxs(n.FormStatusRoot,{className:o,ref:a,...s,children:[r.jsx(u,{variant:"filled",className:" mds:text-interactive-error mds:size-16"}),r.jsx(i.FormStatusText,{className:"mds:text-interactive-error",children:e})]}));t.displayName="FormErrorStatus";exports.FormErrorStatus=t;

package/dist/mainstack-design-system443.js

@@ -1,29 +1,23 @@
-'use client';
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { d as n } from "./index-RoCFhqzC.js";
-import { usePhoneNumberContext as p } from "./mainstack-design-system591.js";
-const t = s(
-  ({ children: o, ...e }, r) => {
-    const { isOptionOpen: a } = p();
-    return /* @__PURE__ */ m(
-      n,
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { FormStatusRoot as a } from "./mainstack-design-system446.js";
+import "./mainstack-design-system366.js";
+import p from "./mainstack-design-system150.js";
+import "./player-DtDfxekb.js";
+import { FormStatusText as f } from "./mainstack-design-system447.js";
+const c = i(
+  ({ children: t, className: o, ...m }, e) => /* @__PURE__ */ s(a, { className: o, ref: e, ...m, children: [
+    /* @__PURE__ */ r(
+      p,
       {
-        "data-slot": "phone-number-fields",
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": a,
-        "aria-controls": "phone-number-portal",
-        "aria-owns": "phone-number-portal",
-        className: "mds:flex  mds:items-center mds:gap-6",
-        ref: r,
-        ...e,
-        children: o
+        variant: "filled",
+        className: " mds:text-interactive-error mds:size-16"
       }
-    );
-  }
+    ),
+    /* @__PURE__ */ r(f, { className: "mds:text-interactive-error", children: t })
+  ] })
 );
-t.displayName = "PhoneNumberFields";
+c.displayName = "FormErrorStatus";
 export {
-  t as PhoneNumberFields
+  c as FormErrorStatus
 };

package/dist/mainstack-design-system444.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),d=require("./index-4R9KShCu.cjs"),b=require("./mainstack-design-system591.cjs"),p=require("./mainstack-design-system592.cjs"),r=m.forwardRef(({disabled:o,...n},t)=>{const{isOptionOpen:i,onOptionOpenChange:s,activeCountry:u,isDisabled:l,isError:c,isSuccess:a}=b.usePhoneNumberContext();return e.jsx(d.PopoverTrigger,{asChild:!0,children:e.jsx(p.FormCountrySelect,{...n,"data-slot":"phone-number-flag-field",disabled:o||l,isOptionOpen:i,onOptionOpenChange:s,activeCountry:u,isError:c,isSuccess:a,ref:t})})});r.displayName="PhoneNumberFlagField";exports.PhoneNumberFlagField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),m=require("./mainstack-design-system446.cjs");require("./mainstack-design-system366.cjs");const u=require("./mainstack-design-system191.cjs");require("./player-BoD_1Mo-.cjs");const c=require("./mainstack-design-system447.cjs"),e=a.forwardRef(({children:o,className:r,...s},n)=>t.jsxs(m.FormStatusRoot,{className:r,ref:n,...s,children:[t.jsx(u,{variant:"filled",className:"mds:text-secondary mds:size-16"}),t.jsx(c.FormStatusText,{className:"mds:text-secondary",children:o})]}));e.displayName="FormHintStatus";exports.FormHintStatus=e;