mainstack-design-system 0.7.45 → 1.0.1

package/dist/mainstack-design-system446.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { b as n, c as p } from "./index-RoCFhqzC.js";
+import { forwardRef as s } from "react";
+import { cn as l } from "./mainstack-design-system530.js";
+import { usePriceFieldContext as d } from "./mainstack-design-system517.js";
+const m = s(
+  ({ children: o, className: t, ...r }, a) => {
+    const { isOptionOpen: i } = d();
+    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+      p,
+      {
+        sideOffset: 6,
+        "data-slot": "price-field-portal",
+        role: "listbox",
+        "data-select-options-opened": i,
+        className: l(
+          " will-change-transform data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width)",
+          t
+        ),
+        ref: a,
+        ...r,
+        children: o
+      }
+    ) });
+  }
+);
+m.displayName = "PriceFieldPortal";
+export {
+  m as PriceFieldPortal
+};

package/dist/mainstack-design-system447.cjs

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

package/dist/mainstack-design-system447.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as o } from "react/jsx-runtime";
+import { useState as e } from "react";
+import { PriceFieldContext as C } from "./mainstack-design-system517.js";
+import { P as h } from "./index-RoCFhqzC.js";
+const u = ({
+  children: n,
+  isDisabled: i,
+  isError: a,
+  defaultLocale: c,
+  isSuccess: p
+}) => {
+  const [t, r] = e(!1), [s, d] = e(""), [l, m] = e(c);
+  return /* @__PURE__ */ o(
+    C.Provider,
+    {
+      value: {
+        isOptionOpen: t,
+        searchCountry: s,
+        activeCountry: l,
+        isDisabled: i,
+        isError: a,
+        isSuccess: p,
+        onOptionOpenChange: r,
+        onChangeSearchCountry: d,
+        setActiveCountry: m
+      },
+      children: /* @__PURE__ */ o(h, { open: t, onOpenChange: r, children: /* @__PURE__ */ o("div", { "data-slot": "price-field-root", children: n }) })
+    }
+  );
+};
+u.displayName = "PriceFieldRoot";
+export {
+  u as PriceFieldRoot
+};

package/dist/mainstack-design-system448.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),l=require("./index-DX47zPiS.cjs"),c=require("./mainstack-design-system530.cjs"),o=d.forwardRef(({size:e="small",isError:t,className:r,...a},i)=>s.jsx(l.Root2,{"data-slot":"radio-root","data-radio-size":e,"data-error":t,className:c.cn("group flex flex-col gap-12",r),ref:i,...a}));o.displayName="RadioRoot";exports.RadioRoot=o;

package/dist/mainstack-design-system448.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { R as e } from "./index-CUPSVQUe.js";
+import { cn as s } from "./mainstack-design-system530.js";
+const f = d(
+  ({ size: o = "small", isError: r, className: a, ...t }, m) => /* @__PURE__ */ i(
+    e,
+    {
+      "data-slot": "radio-root",
+      "data-radio-size": o,
+      "data-error": r,
+      className: s("group flex flex-col gap-12", a),
+      ref: m,
+      ...t
+    }
+  )
+);
+f.displayName = "RadioRoot";
+export {
+  f as RadioRoot
+};

package/dist/mainstack-design-system449.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),s=require("./mainstack-design-system530.cjs"),e=a.forwardRef(({className:t,...r},o)=>i.jsx("div",{"data-slot":"radio-item",className:s.cn("flex items-center gap-12 cursor-pointer group-has-disabled:cursor-not-allowed",t),ref:o,...r}));e.displayName="RadioItem";exports.RadioItem=e;

package/dist/mainstack-design-system449.js

@@ -0,0 +1,21 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as i } from "./mainstack-design-system530.js";
+const m = a(
+  ({ className: o, ...r }, e) => /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "radio-item",
+      className: i(
+        "flex items-center gap-12 cursor-pointer group-has-disabled:cursor-not-allowed",
+        o
+      ),
+      ref: e,
+      ...r
+    }
+  )
+);
+m.displayName = "RadioItem";
+export {
+  m as RadioItem
+};

package/dist/mainstack-design-system45.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),e=require("./mainstack-design-system357.cjs"),s={outlined:C.jsx("g",{mask:"url(#mask0_1659_355)",children:C.jsx("path",{d:"M5.30775 20.5C4.80908 20.5 4.38308 20.3234 4.02975 19.9703C3.67658 19.6169 3.5 19.1909 3.5 18.6923V5.30775C3.5 4.80908 3.67658 4.38308 4.02975 4.02975C4.38308 3.67658 4.80908 3.5 5.30775 3.5H18.6923C19.1909 3.5 19.6169 3.67658 19.9703 4.02975C20.3234 4.38308 20.5 4.80908 20.5 5.30775V8.029H19V5.30775C19 5.21792 18.9712 5.14417 18.9135 5.0865C18.8558 5.02883 18.7821 5 18.6923 5H5.30775C5.21792 5 5.14417 5.02883 5.0865 5.0865C5.02883 5.14417 5 5.21792 5 5.30775V18.6923C5 18.7821 5.02883 18.8558 5.0865 18.9135C5.14417 18.9712 5.21792 19 5.30775 19H18.6923C18.7821 19 18.8558 18.9712 18.9135 18.9135C18.9712 18.8558 19 18.7821 19 18.6923V15.971H20.5V18.6923C20.5 19.1909 20.3234 19.6169 19.9703 19.9703C19.6169 20.3234 19.1909 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8091 16.5 12.3831 16.3234 12.0297 15.9703C11.6766 15.6169 11.5 15.1909 11.5 14.6923V9.30775C11.5 8.80908 11.6766 8.38308 12.0297 8.02975C12.3831 7.67658 12.8091 7.5 13.3077 7.5H19.6923C20.1909 7.5 20.6169 7.67658 20.9703 8.02975C21.3234 8.38308 21.5 8.80908 21.5 9.30775V14.6923C21.5 15.1909 21.3234 15.6169 20.9703 15.9703C20.6169 16.3234 20.1909 16.5 19.6923 16.5H13.3077ZM19.6923 15C19.7821 15 19.8558 14.9712 19.9135 14.9135C19.9712 14.8558 20 14.7821 20 14.6923V9.30775C20 9.21792 19.9712 9.14417 19.9135 9.0865C19.8558 9.02883 19.7821 9 19.6923 9H13.3077C13.2179 9 13.1442 9.02883 13.0865 9.0865C13.0288 9.14417 13 9.21792 13 9.30775V14.6923C13 14.7821 13.0288 14.8558 13.0865 14.9135C13.1442 14.9712 13.2179 15 13.3077 15H19.6923ZM16 13.5C16.4167 13.5 16.7708 13.3542 17.0625 13.0625C17.3542 12.7708 17.5 12.4167 17.5 12C17.5 11.5833 17.3542 11.2292 17.0625 10.9375C16.7708 10.6458 16.4167 10.5 16 10.5C15.5833 10.5 15.2292 10.6458 14.9375 10.9375C14.6458 11.2292 14.5 11.5833 14.5 12C14.5 12.4167 14.6458 12.7708 14.9375 13.0625C15.2292 13.3542 15.5833 13.5 16 13.5Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1659_356)",children:C.jsx("path",{d:"M5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80258 20.5 5.30775V6H13.3077C12.3167 6 11.5177 6.30358 10.9107 6.91075C10.3036 7.51775 10 8.31675 10 9.30775V14.6923C10 15.6833 10.3036 16.4823 10.9107 17.0893C11.5177 17.6964 12.3167 18 13.3077 18H20.5V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8026 16.5 12.375 16.325 12.025 15.975C11.675 15.625 11.5 15.1974 11.5 14.6923V9.30775C11.5 8.80258 11.675 8.375 12.025 8.025C12.375 7.675 12.8026 7.5 13.3077 7.5H19.6923C20.1974 7.5 20.625 7.675 20.975 8.025C21.325 8.375 21.5 8.80258 21.5 9.30775V14.6923C21.5 15.1974 21.325 15.625 20.975 15.975C20.625 16.325 20.1974 16.5 19.6923 16.5H13.3077ZM16 13.5C16.4333 13.5 16.7917 13.3583 17.075 13.075C17.3583 12.7917 17.5 12.4333 17.5 12C17.5 11.5667 17.3583 11.2083 17.075 10.925C16.7917 10.6417 16.4333 10.5 16 10.5C15.5667 10.5 15.2083 10.6417 14.925 10.925C14.6417 11.2083 14.5 11.5667 14.5 12C14.5 12.4333 14.6417 12.7917 14.925 13.075C15.2083 13.3583 15.5667 13.5 16 13.5Z",fill:"currentColor"})})},t=({variant:r="outlined",...n})=>C.jsx(e,{...n,children:s[r]});module.exports=t;

package/dist/mainstack-design-system45.js

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+import V from "./mainstack-design-system357.js";
+const o = {
+  outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1659_355)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M5.30775 20.5C4.80908 20.5 4.38308 20.3234 4.02975 19.9703C3.67658 19.6169 3.5 19.1909 3.5 18.6923V5.30775C3.5 4.80908 3.67658 4.38308 4.02975 4.02975C4.38308 3.67658 4.80908 3.5 5.30775 3.5H18.6923C19.1909 3.5 19.6169 3.67658 19.9703 4.02975C20.3234 4.38308 20.5 4.80908 20.5 5.30775V8.029H19V5.30775C19 5.21792 18.9712 5.14417 18.9135 5.0865C18.8558 5.02883 18.7821 5 18.6923 5H5.30775C5.21792 5 5.14417 5.02883 5.0865 5.0865C5.02883 5.14417 5 5.21792 5 5.30775V18.6923C5 18.7821 5.02883 18.8558 5.0865 18.9135C5.14417 18.9712 5.21792 19 5.30775 19H18.6923C18.7821 19 18.8558 18.9712 18.9135 18.9135C18.9712 18.8558 19 18.7821 19 18.6923V15.971H20.5V18.6923C20.5 19.1909 20.3234 19.6169 19.9703 19.9703C19.6169 20.3234 19.1909 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8091 16.5 12.3831 16.3234 12.0297 15.9703C11.6766 15.6169 11.5 15.1909 11.5 14.6923V9.30775C11.5 8.80908 11.6766 8.38308 12.0297 8.02975C12.3831 7.67658 12.8091 7.5 13.3077 7.5H19.6923C20.1909 7.5 20.6169 7.67658 20.9703 8.02975C21.3234 8.38308 21.5 8.80908 21.5 9.30775V14.6923C21.5 15.1909 21.3234 15.6169 20.9703 15.9703C20.6169 16.3234 20.1909 16.5 19.6923 16.5H13.3077ZM19.6923 15C19.7821 15 19.8558 14.9712 19.9135 14.9135C19.9712 14.8558 20 14.7821 20 14.6923V9.30775C20 9.21792 19.9712 9.14417 19.9135 9.0865C19.8558 9.02883 19.7821 9 19.6923 9H13.3077C13.2179 9 13.1442 9.02883 13.0865 9.0865C13.0288 9.14417 13 9.21792 13 9.30775V14.6923C13 14.7821 13.0288 14.8558 13.0865 14.9135C13.1442 14.9712 13.2179 15 13.3077 15H19.6923ZM16 13.5C16.4167 13.5 16.7708 13.3542 17.0625 13.0625C17.3542 12.7708 17.5 12.4167 17.5 12C17.5 11.5833 17.3542 11.2292 17.0625 10.9375C16.7708 10.6458 16.4167 10.5 16 10.5C15.5833 10.5 15.2292 10.6458 14.9375 10.9375C14.6458 11.2292 14.5 11.5833 14.5 12C14.5 12.4167 14.6458 12.7708 14.9375 13.0625C15.2292 13.3542 15.5833 13.5 16 13.5Z",
+      fill: "currentColor"
+    }
+  ) }),
+  filled: /* @__PURE__ */ C("g", { mask: "url(#mask0_1659_356)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80258 20.5 5.30775V6H13.3077C12.3167 6 11.5177 6.30358 10.9107 6.91075C10.3036 7.51775 10 8.31675 10 9.30775V14.6923C10 15.6833 10.3036 16.4823 10.9107 17.0893C11.5177 17.6964 12.3167 18 13.3077 18H20.5V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8026 16.5 12.375 16.325 12.025 15.975C11.675 15.625 11.5 15.1974 11.5 14.6923V9.30775C11.5 8.80258 11.675 8.375 12.025 8.025C12.375 7.675 12.8026 7.5 13.3077 7.5H19.6923C20.1974 7.5 20.625 7.675 20.975 8.025C21.325 8.375 21.5 8.80258 21.5 9.30775V14.6923C21.5 15.1974 21.325 15.625 20.975 15.975C20.625 16.325 20.1974 16.5 19.6923 16.5H13.3077ZM16 13.5C16.4333 13.5 16.7917 13.3583 17.075 13.075C17.3583 12.7917 17.5 12.4333 17.5 12C17.5 11.5667 17.3583 11.2083 17.075 10.925C16.7917 10.6417 16.4333 10.5 16 10.5C15.5667 10.5 15.2083 10.6417 14.925 10.925C14.6417 11.2083 14.5 11.5667 14.5 12C14.5 12.4333 14.6417 12.7917 14.925 13.075C15.2083 13.3583 15.5667 13.5 16 13.5Z",
+      fill: "currentColor"
+    }
+  ) })
+}, n = ({
+  variant: r = "outlined",
+  ...l
+}) => /* @__PURE__ */ C(V, { ...l, children: o[r] });
+export {
+  n as default
+};

package/dist/mainstack-design-system450.cjs

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

package/dist/mainstack-design-system450.js

@@ -0,0 +1,19 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { L as m } from "./index-C8-1UHbn.js";
+import { cn as l } from "./mainstack-design-system530.js";
+const i = t(
+  ({ className: a, ...o }, e) => /* @__PURE__ */ r(
+    m,
+    {
+      "data-slot": "radio-item-label",
+      className: l("flex flex-col items-start gap-4", a),
+      ref: e,
+      ...o
+    }
+  )
+);
+i.displayName = "RadioItemLabel";
+export {
+  i as RadioItemLabel
+};

package/dist/mainstack-design-system451.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("./index-DX47zPiS.cjs"),s=require("./mainstack-design-system530.cjs"),a=d.forwardRef(({className:i,...t},o)=>e.jsx(r.Item2,{"data-slot":"radio-item-indicator",className:s.cn("peer relative flex items-center gap-12 border cursor-pointer rounded-full border-border-interactive-neutral bg-on-primary size-24 focus:ring-2 active:ring-2 active:ring-border-surface-spread-neutral focus:ring-border-surface-spread-focus ring-offset-0 group-data-[error=true]:border-border-surface-error-l1 group-data-[radio-size=large]:size-32 disabled:bg-interactive-primary-disabled hover:border-border-interactive-neutral-active-hover aria-checked:bg-interactive-primary disabled:aria-checked:bg-disabled disabled:border-bg-interactive-primary-disabled  disabled:cursor-not-allowed  ",i),ref:o,...t,children:e.jsx(r.Indicator,{className:"absolute left-1/2 top-1/2 -translate-1/2 flex items-center justify-center size-full after:content-[''] after:block after:size-12 after:rounded-full after:bg-on-primary group-data-[radio-size=large]:after:size-16  "})}));a.displayName="RadioItemIndicator";exports.RadioItemIndicator=a;

package/dist/mainstack-design-system451.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { I as o, a as d } from "./index-CUPSVQUe.js";
+import { cn as s } from "./mainstack-design-system530.js";
+const c = t(
+  ({ className: e, ...a }, i) => /* @__PURE__ */ r(
+    o,
+    {
+      "data-slot": "radio-item-indicator",
+      className: s(
+        "peer relative flex items-center gap-12 border cursor-pointer rounded-full border-border-interactive-neutral bg-on-primary size-24 focus:ring-2 active:ring-2 active:ring-border-surface-spread-neutral focus:ring-border-surface-spread-focus ring-offset-0 group-data-[error=true]:border-border-surface-error-l1 group-data-[radio-size=large]:size-32 disabled:bg-interactive-primary-disabled hover:border-border-interactive-neutral-active-hover aria-checked:bg-interactive-primary disabled:aria-checked:bg-disabled disabled:border-bg-interactive-primary-disabled  disabled:cursor-not-allowed  ",
+        e
+      ),
+      ref: i,
+      ...a,
+      children: /* @__PURE__ */ r(d, { className: "absolute left-1/2 top-1/2 -translate-1/2 flex items-center justify-center size-full after:content-[''] after:block after:size-12 after:rounded-full after:bg-on-primary group-data-[radio-size=large]:after:size-16  " })
+    }
+  )
+);
+c.displayName = "RadioItemIndicator";
+export {
+  c as RadioItemIndicator
+};

package/dist/mainstack-design-system452.cjs

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

package/dist/mainstack-design-system452.js

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as i } from "./mainstack-design-system530.js";
+const l = a, d = l(
+  ({ as: t, className: e, ...o }, m) => /* @__PURE__ */ r(
+    t || "p",
+    {
+      "data-slot": "radio-item-label-title",
+      className: i(
+        "body-small-medium",
+        "text-primary group-has-disabled:text-disabled",
+        e
+      ),
+      ref: m,
+      ...o
+    }
+  )
+);
+d.displayName = "RadioItemTitle";
+export {
+  d as RadioItemTitle
+};

package/dist/mainstack-design-system453.cjs

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

package/dist/mainstack-design-system453.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { cn as s } from "./mainstack-design-system530.js";
+const d = m, l = d(({ as: t, className: e, ...o }, a) => /* @__PURE__ */ r(
+  t || "span",
+  {
+    "data-slot": "radio-item-label-subtext",
+    className: s(
+      "body-extrasmall-regular",
+      "text-secondary group-has-disabled:text-disabled",
+      e
+    ),
+    ref: a,
+    ...o
+  }
+));
+l.displayName = "RadioItemSubtext";
+export {
+  l as RadioItemSubText
+};

package/dist/mainstack-design-system454.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),_=require("./mainstack-design-system506.cjs"),j=require("./mainstack-design-system456.cjs"),q=require("./mainstack-design-system457.cjs"),r=p.forwardRef(({isError:t,defaultValue:n,isDisabled:c,children:s,isSuccess:l,inputReadOnly:o,options:S,value:i,placeholder:u,onValueChange:a,...d},m)=>e.jsxs(_.SelectRoot,{...d,options:S,defaultValue:n,value:i,isError:t,isDisabled:c,isSuccess:l,isMultiSelect:!1,onValueChange:a,inputReadOnly:o,ref:m,children:[e.jsx(j.SelectInputField,{isError:t,isSuccess:l,disabled:c,readOnly:o,placeholder:u}),e.jsx(q.SelectPortal,{children:s})]}));r.displayName="Select";exports.Select=r;

package/dist/mainstack-design-system454.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { SelectRoot as j } from "./mainstack-design-system506.js";
+import { SelectInputField as s } from "./mainstack-design-system456.js";
+import { SelectPortal as h } from "./mainstack-design-system457.js";
+const u = x(
+  ({
+    isError: e,
+    defaultValue: m,
+    isDisabled: t,
+    children: f,
+    isSuccess: o,
+    inputReadOnly: r,
+    options: p,
+    value: c,
+    placeholder: i,
+    onValueChange: a,
+    ...d
+  }, S) => /* @__PURE__ */ n(
+    j,
+    {
+      ...d,
+      options: p,
+      defaultValue: m,
+      value: c,
+      isError: e,
+      isDisabled: t,
+      isSuccess: o,
+      isMultiSelect: !1,
+      onValueChange: a,
+      inputReadOnly: r,
+      ref: S,
+      children: [
+        /* @__PURE__ */ l(
+          s,
+          {
+            isError: e,
+            isSuccess: o,
+            disabled: t,
+            readOnly: r,
+            placeholder: i
+          }
+        ),
+        /* @__PURE__ */ l(h, { children: f })
+      ]
+    }
+  )
+);
+u.displayName = "Select";
+export {
+  u as Select
+};

package/dist/mainstack-design-system455.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),m=require("./mainstack-design-system506.cjs"),j=require("./mainstack-design-system456.cjs"),q=require("./mainstack-design-system457.cjs"),x=require("./mainstack-design-system461.cjs"),n=_.forwardRef(({isError:t,defaultValue:r,isDisabled:c,children:i,isSuccess:l,inputReadOnly:o,options:u,value:S,onValueChange:s,placeholder:p,...d},a)=>e.jsxs(m.SelectRoot,{...d,options:u,value:S,defaultValue:r,isError:t,isDisabled:c,isSuccess:l,isMultiSelect:!0,onValueChange:s,inputReadOnly:o,ref:a,children:[e.jsx(j.SelectInputField,{isError:t,isSuccess:l,disabled:c,readOnly:o,placeholder:p,children:e.jsx(x.SelectOptionInputPreview,{})}),e.jsx(q.SelectPortal,{children:i})]}));n.displayName="MultiSelect";exports.MultiSelect=n;

package/dist/mainstack-design-system455.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { SelectRoot as x } from "./mainstack-design-system506.js";
+import { SelectInputField as M } from "./mainstack-design-system456.js";
+import { SelectPortal as h } from "./mainstack-design-system457.js";
+import { SelectOptionInputPreview as j } from "./mainstack-design-system461.js";
+const w = a(
+  ({
+    isError: e,
+    defaultValue: m,
+    isDisabled: r,
+    children: i,
+    isSuccess: o,
+    inputReadOnly: l,
+    options: p,
+    value: c,
+    onValueChange: f,
+    placeholder: d,
+    ...n
+  }, S) => /* @__PURE__ */ u(
+    x,
+    {
+      ...n,
+      options: p,
+      value: c,
+      defaultValue: m,
+      isError: e,
+      isDisabled: r,
+      isSuccess: o,
+      isMultiSelect: !0,
+      onValueChange: f,
+      inputReadOnly: l,
+      ref: S,
+      children: [
+        /* @__PURE__ */ t(
+          M,
+          {
+            isError: e,
+            isSuccess: o,
+            disabled: r,
+            readOnly: l,
+            placeholder: d,
+            children: /* @__PURE__ */ t(j, {})
+          }
+        ),
+        /* @__PURE__ */ t(h, { children: i })
+      ]
+    }
+  )
+);
+w.displayName = "MultiSelect";
+export {
+  w as MultiSelect
+};

package/dist/mainstack-design-system456.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("react"),g=require("./mainstack-design-system429.cjs"),j=require("./mainstack-design-system430.cjs");require("./mainstack-design-system428.cjs");require("./mainstack-design-system357.cjs");const O=require("./mainstack-design-system93.cjs"),v=require("./mainstack-design-system197.cjs"),N=require("./mainstack-design-system519.cjs"),R=require("./index-4R9KShCu.cjs"),s=require("./mainstack-design-system530.cjs"),u=S.forwardRef(({onClick:r,children:p,onChange:i,...a},d)=>{const{isOptionOpen:n,inputValue:x,inputReadOnly:c,isDisabled:m,isError:f,isSuccess:I,selectedOption:l,isMultiSelect:o,setSelectedOption:_,setPreviousAction:b,setInputValue:h,onOptionOpenChange:q}=N.useSelectContext();return e.jsx(R.PopoverAnchor,{role:"combobox","aria-haspopup":"listbox","aria-expanded":n,"aria-controls":"select-portal","aria-owns":"select-portal",children:e.jsxs(g.InputRoot,{className:s.cn("rounded-14!",o&&"h-auto py-10 "),children:[e.jsxs("div",{className:s.cn("flex flex-1 flex-wrap gap-6"),children:[p,e.jsx(j.InputField,{...a,readOnly:c,"data-slot":"select-input-field","data-select-options-opened":n,tabIndex:3,value:x,isError:f,isSuccess:I,disabled:m,className:s.cn(o&&"h-auto min-h-auto"),onChange:t=>{i&&i(t),b("typing"),h(t.currentTarget.value)},onClick:t=>{r&&r(t);const y=t.currentTarget;q(!0),c||y.focus()},ref:d,...a})]}),e.jsxs("div",{className:"flex items-center gap-6",children:[o&&Array.isArray(l)&&l.length>0&&e.jsx(O,{role:"button",variant:"filled",className:"size-20 cursor-pointer text-secondary",onClick:()=>{_([])}}),e.jsx(v,{"data-select-options-opened":n,className:"size-16 transition-transform transition-1000 data-[select-options-opened=true]:rotate-180"})]})]})})});u.displayName="SelectInputField";exports.SelectInputField=u;

package/dist/mainstack-design-system456.js

@@ -0,0 +1,100 @@
+'use client';
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { InputRoot as N } from "./mainstack-design-system429.js";
+import { InputField as S } from "./mainstack-design-system430.js";
+import "./mainstack-design-system428.js";
+import "./mainstack-design-system357.js";
+import A from "./mainstack-design-system93.js";
+import w from "./mainstack-design-system197.js";
+import { useSelectContext as C } from "./mainstack-design-system519.js";
+import { d as F } from "./index-RoCFhqzC.js";
+import { cn as a } from "./mainstack-design-system530.js";
+const R = v(
+  ({ onClick: n, children: d, onChange: s, ...l }, m) => {
+    const {
+      isOptionOpen: o,
+      inputValue: u,
+      inputReadOnly: p,
+      isDisabled: f,
+      isError: x,
+      isSuccess: h,
+      selectedOption: c,
+      isMultiSelect: r,
+      setSelectedOption: y,
+      setPreviousAction: b,
+      setInputValue: I,
+      onOptionOpenChange: O
+    } = C();
+    return /* @__PURE__ */ t(
+      F,
+      {
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": o,
+        "aria-controls": "select-portal",
+        "aria-owns": "select-portal",
+        children: /* @__PURE__ */ i(
+          N,
+          {
+            className: a("rounded-14!", r && "h-auto py-10 "),
+            children: [
+              /* @__PURE__ */ i("div", { className: a("flex flex-1 flex-wrap gap-6"), children: [
+                d,
+                /* @__PURE__ */ t(
+                  S,
+                  {
+                    ...l,
+                    readOnly: p,
+                    "data-slot": "select-input-field",
+                    "data-select-options-opened": o,
+                    tabIndex: 3,
+                    value: u,
+                    isError: x,
+                    isSuccess: h,
+                    disabled: f,
+                    className: a(r && "h-auto min-h-auto"),
+                    onChange: (e) => {
+                      s && s(e), b("typing"), I(e.currentTarget.value);
+                    },
+                    onClick: (e) => {
+                      n && n(e);
+                      const g = e.currentTarget;
+                      O(!0), p || g.focus();
+                    },
+                    ref: m,
+                    ...l
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i("div", { className: "flex items-center gap-6", children: [
+                r && Array.isArray(c) && c.length > 0 && /* @__PURE__ */ t(
+                  A,
+                  {
+                    role: "button",
+                    variant: "filled",
+                    className: "size-20 cursor-pointer text-secondary",
+                    onClick: () => {
+                      y([]);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  w,
+                  {
+                    "data-select-options-opened": o,
+                    className: "size-16 transition-transform transition-1000 data-[select-options-opened=true]:rotate-180"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+R.displayName = "SelectInputField";
+export {
+  R as SelectInputField
+};

package/dist/mainstack-design-system457.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),i=require("react"),l=require("./mainstack-design-system530.cjs"),d=require("./mainstack-design-system519.cjs"),n=i.forwardRef(({children:r,className:a,...s},c)=>{const{isOptionOpen:e}=d.useSelectContext();return t.jsx(o.PopoverPortal,{forceMount:!0,children:t.jsx(o.PopoverContent,{"data-slot":"select-portal",role:"listbox",sideOffset:6,"data-select-options-opened":e,className:l.cn(" hidden will-change-transform data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width) ",e&&"block",a),ref:c,...s,children:r})})});n.displayName="SelectPortal";exports.SelectPortal=n;

package/dist/mainstack-design-system457.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { b as i, c as s } from "./index-RoCFhqzC.js";
+import { forwardRef as l } from "react";
+import { cn as p } from "./mainstack-design-system530.js";
+import { useSelectContext as c } from "./mainstack-design-system519.js";
+const m = l(
+  ({ children: o, className: r, ...a }, n) => {
+    const { isOptionOpen: t } = c();
+    return /* @__PURE__ */ e(i, { forceMount: !0, children: /* @__PURE__ */ e(
+      s,
+      {
+        "data-slot": "select-portal",
+        role: "listbox",
+        sideOffset: 6,
+        "data-select-options-opened": t,
+        className: p(
+          " hidden will-change-transform data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width) ",
+          t && "block",
+          r
+        ),
+        ref: n,
+        ...a,
+        children: o
+      }
+    ) });
+  }
+);
+m.displayName = "SelectPortal";
+export {
+  m as SelectPortal
+};

package/dist/mainstack-design-system458.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),x=require("./mainstack-design-system530.cjs"),b=require("./mainstack-design-system519.cjs"),i=s.forwardRef(({className:l,children:a,...c},u)=>{const{options:e,isMultiSelect:d,inputValue:t,previousAction:o,isOptionOpen:p,selectedOption:f}=b.useSelectContext(),r=s.useMemo(()=>!t||o==="selection"||o==="idle"?e.array:e.array.filter(m=>m.label.toLocaleLowerCase().includes(t.toLocaleLowerCase())),[t,e,o]);return n.jsxs("div",{"data-slot":"select-options","data-select-options-opened":p,className:x.cn("flex flex-col w-(--radix-popover-trigger-width) gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 overflow-y-auto max-h-350",l),ref:u,...c,children:[a({options:r,selectedOption:f,isMultiSelect:!!d}),r.length===0&&n.jsx("p",{className:"body-extrasmall-medium text-center",children:"No option found"})]})});i.displayName="SelectOptions";exports.SelectOptions=i;

package/dist/mainstack-design-system458.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsxs as u, jsx as m } from "react/jsx-runtime";
+import { forwardRef as f, useMemo as x } from "react";
+import { cn as w } from "./mainstack-design-system530.js";
+import { useSelectContext as b } from "./mainstack-design-system519.js";
+const h = f(
+  ({ className: i, children: l, ...n }, s) => {
+    const {
+      options: e,
+      isMultiSelect: a,
+      inputValue: o,
+      previousAction: t,
+      isOptionOpen: c,
+      selectedOption: p
+    } = b(), r = x(() => !o || t === "selection" || t === "idle" ? e.array : e.array.filter((d) => d.label.toLocaleLowerCase().includes(o.toLocaleLowerCase())), [o, e, t]);
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        "data-slot": "select-options",
+        "data-select-options-opened": c,
+        className: w(
+          "flex flex-col w-(--radix-popover-trigger-width) gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 overflow-y-auto max-h-350",
+          i
+        ),
+        ref: s,
+        ...n,
+        children: [
+          l({
+            options: r,
+            selectedOption: p,
+            isMultiSelect: !!a
+          }),
+          r.length === 0 && /* @__PURE__ */ m("p", { className: "body-extrasmall-medium text-center", children: "No option found" })
+        ]
+      }
+    );
+  }
+);
+h.displayName = "SelectOptions";
+export {
+  h as SelectOptions
+};

package/dist/mainstack-design-system459.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),y=require("react"),j=require("./mainstack-design-system530.cjs"),C=require("./mainstack-design-system519.cjs"),b=y.forwardRef(({value:e="",className:x,isGroupLabel:O,isDisabled:o,onClick:a,...S},A)=>{const{isOptionOpen:_,isMultiSelect:r,selectedOption:t,rootElementRef:l,options:g,setPreviousAction:h,setInputValue:c,onValueChange:n,onOptionOpenChange:I,setSelectedOption:d}=C.useSelectContext(),p=y.useMemo(()=>r&&Array.isArray(t)?t?.some(s=>e===s):!r&&!Array.isArray(t)?t===e:!1,[r,t,e]);return m.jsx("div",{"aria-disabled":o,className:" aria-disabled:cursor-not-allowed",children:m.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:j.cn("body-extrasmall-medium","py-8 px-10 cursor-pointer text-left rounded-12 aria-disabled:pointer-events-none aria-disabled:opacity-40 hover:bg-interactive-secondary-hover",x),"aria-selected":p,"data-select-options-opened":_,ref:A,"aria-disabled":o||O,onClick:s=>{if(a&&a(s),!!e)if(h("selection"),r){let i=t;if(Array.isArray(t))if(i=[...t],p){const f=i.findIndex(q=>q===e);f>-1&&i.splice(f,1)}else i.push(e);else i=[e];if(d(i),c(""),Array.isArray(i)&&n&&n(i),!l.current)return null;const u=l.current.querySelector('[data-slot="select-input-field"]');u&&u.focus()}else n&&e&&n(e),c(g.map.get(e)?.label||""),d(e),I(!1)},...S})})});b.displayName="SelectOptionItem";exports.SelectOptionItem=b;