mainstack-design-system 0.7.45 → 1.0.1

package/dist/mainstack-design-system431.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+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-system535.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";
+import { PhoneNumberOptionsList as d } from "./mainstack-design-system435.js";
+const a = p(
+  ({ isError: e, isDisabled: i, isSuccess: m, ...t }, n) => /* @__PURE__ */ r(
+    h,
+    {
+      isError: e,
+      isDisabled: i,
+      isSuccess: m,
+      children: [
+        /* @__PURE__ */ r(f, { children: [
+          /* @__PURE__ */ o(u, {}),
+          /* @__PURE__ */ o(
+            l,
+            {
+              ...t,
+              isError: e,
+              isSuccess: m,
+              ref: n
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(N, { children: /* @__PURE__ */ r(P, { children: [
+          /* @__PURE__ */ o(b, {}),
+          /* @__PURE__ */ o(d, {})
+        ] }) })
+      ]
+    }
+  )
+);
+a.displayName = "PhoneNumberInput";
+export {
+  a as PhoneNumberInput
+};

package/dist/mainstack-design-system432.cjs

@@ -0,0 +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-system513.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

@@ -0,0 +1,29 @@
+'use client';
+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-system513.js";
+const s = p(
+  ({ children: o, ...e }, r) => {
+    const { isOptionOpen: a } = m();
+    return /* @__PURE__ */ n(
+      t,
+      {
+        "data-slot": "phone-number-fields",
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": a,
+        "aria-controls": "phone-number-portal",
+        "aria-owns": "phone-number-portal",
+        className: "flex  items-center gap-6",
+        ref: r,
+        ...e,
+        children: o
+      }
+    );
+  }
+);
+s.displayName = "PhoneNumberFields";
+export {
+  s as PhoneNumberFields
+};

package/dist/mainstack-design-system433.cjs

@@ -0,0 +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-system513.cjs"),b=require("./mainstack-design-system514.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

@@ -0,0 +1,36 @@
+'use client';
+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-system513.js";
+import { FormCountrySelect as u } from "./mainstack-design-system514.js";
+const f = l(
+  ({ ...r }, o) => {
+    const {
+      isOptionOpen: i,
+      onOptionOpenChange: t,
+      activeCountry: n,
+      isDisabled: m,
+      isError: s,
+      isSuccess: a
+    } = d();
+    return /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
+      u,
+      {
+        ...r,
+        "data-slot": "phone-number-flag-field",
+        disabled: m,
+        isOptionOpen: i,
+        onOptionOpenChange: t,
+        activeCountry: n,
+        isError: s,
+        isSuccess: a,
+        ref: o
+      }
+    ) });
+  }
+);
+f.displayName = "PhoneNumberFlagField";
+export {
+  f as PhoneNumberFlagField
+};

package/dist/mainstack-design-system434.cjs

@@ -0,0 +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-system515.cjs"),i=require("./mainstack-design-system513.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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { FormCountryOptions as m } from "./mainstack-design-system515.js";
+import { usePhoneNumberContext as p } from "./mainstack-design-system513.js";
+const i = e(
+  (o, r) => {
+    const { isOptionOpen: t } = p();
+    return /* @__PURE__ */ n(
+      m,
+      {
+        ...o,
+        "data-slot": "phone-number-options",
+        ref: r,
+        isOptionOpen: t
+      }
+    );
+  }
+);
+i.displayName = "PhoneNumberOptions";
+export {
+  i as PhoneNumberOptions
+};

package/dist/mainstack-design-system435.cjs

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

package/dist/mainstack-design-system435.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { usePhoneNumberContext as u } from "./mainstack-design-system513.js";
+import { F as a, g as C } from "./FormCountryOptionsList-DsAxJR-V.js";
+const f = p(
+  (o, r) => {
+    const {
+      onOptionOpenChange: e,
+      searchCountry: n,
+      activeCountry: i,
+      setActiveCountry: s
+    } = u();
+    return /* @__PURE__ */ m(
+      a,
+      {
+        ...o,
+        "data-slot": "phone-number-options-list",
+        ref: r,
+        activeCountry: i,
+        onOptionOpenChange: e,
+        searchCountry: n,
+        setActiveCountry: s,
+        getCountryMetaInfo: (t) => t ? `+${C(t)}` : "+1"
+      }
+    );
+  }
+);
+f.displayName = "PhoneNumberOptionsList";
+export {
+  f as PhoneNumberOptionsList
+};

package/dist/mainstack-design-system436.cjs

@@ -0,0 +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-system513.cjs"),c=require("./mainstack-design-system516.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

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { usePhoneNumberContext as i } from "./mainstack-design-system513.js";
+import { FormCountryOptionsSearchField as a } from "./mainstack-design-system516.js";
+const s = m(
+  (o, r) => {
+    const { searchCountry: e, onChangeSearchCountry: t } = i();
+    return /* @__PURE__ */ n(
+      a,
+      {
+        ...o,
+        "data-slot": "phone-number-options-search-field",
+        ref: r,
+        onChangeSearchCountry: t,
+        searchCountry: e
+      }
+    );
+  }
+);
+s.displayName = "PhoneNumberOptionsSearchField";
+export {
+  s as PhoneNumberOptionsSearchField
+};

package/dist/mainstack-design-system437.cjs

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

package/dist/mainstack-design-system437.js

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

package/dist/mainstack-design-system438.cjs

@@ -0,0 +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-system513.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

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

package/dist/mainstack-design-system439.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("./mainstack-design-system447.cjs"),s=require("./mainstack-design-system441.cjs"),F=require("./mainstack-design-system442.cjs"),P=require("./mainstack-design-system440.cjs"),p=require("./mainstack-design-system446.cjs"),u=require("./mainstack-design-system443.cjs"),_=require("./mainstack-design-system445.cjs"),a=require("./mainstack-design-system444.cjs"),c=d.forwardRef(({isError:i,isDisabled:l,isSuccess:r,...t},n)=>e.jsxs(o.PriceFieldRoot,{isError:i,isDisabled:l,isSuccess:r,children:[e.jsxs(s.PriceFieldFields,{children:[e.jsx(F.PriceFieldFlagField,{}),e.jsx(P.PriceFieldDigitField,{...t,isError:i,isSuccess:r,ref:n})]}),e.jsx(p.PriceFieldPortal,{children:e.jsxs(u.PriceFieldOptions,{children:[e.jsx(_.PriceFieldOptionsSearchField,{}),e.jsx(a.PriceFieldOptionsList,{})]})})]}));c.displayName="PriceFieldInput";exports.PriceFieldInput=c;

package/dist/mainstack-design-system439.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { PriceFieldRoot as p } from "./mainstack-design-system447.js";
+import { PriceFieldFields as F } from "./mainstack-design-system441.js";
+import { PriceFieldFlagField as c } from "./mainstack-design-system442.js";
+import { PriceFieldDigitField as f } from "./mainstack-design-system440.js";
+import { PriceFieldPortal as n } from "./mainstack-design-system446.js";
+import { PriceFieldOptions as P } from "./mainstack-design-system443.js";
+import { PriceFieldOptionsSearchField as a } from "./mainstack-design-system445.js";
+import { PriceFieldOptionsList as s } from "./mainstack-design-system444.js";
+const h = d(
+  ({ isError: e, isDisabled: t, isSuccess: o, ...l }, m) => /* @__PURE__ */ r(
+    p,
+    {
+      isError: e,
+      isDisabled: t,
+      isSuccess: o,
+      children: [
+        /* @__PURE__ */ r(F, { children: [
+          /* @__PURE__ */ i(c, {}),
+          /* @__PURE__ */ i(
+            f,
+            {
+              ...l,
+              isError: e,
+              isSuccess: o,
+              ref: m
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(n, { children: /* @__PURE__ */ r(P, { children: [
+          /* @__PURE__ */ i(a, {}),
+          /* @__PURE__ */ i(s, {})
+        ] }) })
+      ]
+    }
+  )
+);
+h.displayName = "PriceFieldInput";
+export {
+  h as PriceFieldInput
+};

package/dist/mainstack-design-system44.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system44.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_1687_167)", children: /* @__PURE__ */ C(
+    "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: /* @__PURE__ */ C("g", { mask: "url(#mask0_1687_168)", children: /* @__PURE__ */ C(
+    "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"
+    }
+  ) })
+}, a = ({
+  variant: r = "outlined",
+  ...l
+}) => /* @__PURE__ */ C(V, { ...l, children: o[r] });
+export {
+  a as default
+};

package/dist/mainstack-design-system440.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),F=require("react"),g=require("./en.json-C_LsdSZ9.cjs"),y=require("./mainstack-design-system429.cjs"),I=require("./mainstack-design-system430.cjs");require("./mainstack-design-system428.cjs");const t=require("./mainstack-design-system530.cjs"),C=require("./mainstack-design-system517.cjs"),N=require("./mainstack-design-system518.cjs"),a=F.forwardRef(({value:l,placeholder:u="0.00",onChange:o,...d},_)=>{const{activeCountry:e,isDisabled:m}=C.usePriceFieldContext(),s=N.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[e];return n.jsxs(y.InputRoot,{"data-slot":"price-field-digit-field",className:" has-disabled:opacity-50",children:[n.jsx("p",{className:t.cn("body-extrasmall-book"),children:s??""}),n.jsx(I.InputField,{...d,disabled:m,placeholder:u,value:t.formatPriceDigit(t.sanitizePriceInputValue(l)),onChange:r=>{const i=t.sanitizePriceInputValue(r.target.value);if(o){r.target.value=i;const c=i.trim()?!isNaN(Number(i)):!1,p={digit:i,isValid:c,currencyCode:s,countryIso2:e,countryName:e?g.countriesEnglishNames[e]:null,isError:!!i&&(!e||!c)};o(p,r)}},ref:_})]})});a.displayName="PriceFieldDigitField";exports.PriceFieldDigitField=a;

package/dist/mainstack-design-system440.js

@@ -0,0 +1,59 @@
+'use client';
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import { c as N } from "./en.json-x2mHjhnP.js";
+import { InputRoot as g } from "./mainstack-design-system429.js";
+import { InputField as y } from "./mainstack-design-system430.js";
+import "./mainstack-design-system428.js";
+import { cn as C, formatPriceDigit as b, sanitizePriceInputValue as c } from "./mainstack-design-system530.js";
+import { usePriceFieldContext as v } from "./mainstack-design-system517.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as D } from "./mainstack-design-system518.js";
+const E = _(
+  ({
+    value: l,
+    placeholder: m = "0.00",
+    onChange: r,
+    ...d
+  }, n) => {
+    const { activeCountry: i, isDisabled: u } = v(), o = D[i];
+    return /* @__PURE__ */ f(
+      g,
+      {
+        "data-slot": "price-field-digit-field",
+        className: " has-disabled:opacity-50",
+        children: [
+          /* @__PURE__ */ s("p", { className: C("body-extrasmall-book"), children: o ?? "" }),
+          /* @__PURE__ */ s(
+            y,
+            {
+              ...d,
+              disabled: u,
+              placeholder: m,
+              value: b(c(l)),
+              onChange: (e) => {
+                const t = c(e.target.value);
+                if (r) {
+                  e.target.value = t;
+                  const a = t.trim() ? !isNaN(Number(t)) : !1, p = {
+                    digit: t,
+                    isValid: a,
+                    currencyCode: o,
+                    countryIso2: i,
+                    countryName: i ? N[i] : null,
+                    isError: !!t && (!i || !a)
+                  };
+                  r(p, e);
+                }
+              },
+              ref: n
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+E.displayName = "PriceFieldDigitField";
+export {
+  E as PriceFieldDigitField
+};

package/dist/mainstack-design-system441.cjs

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

package/dist/mainstack-design-system441.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { d as t } from "./index-RoCFhqzC.js";
+import { usePriceFieldContext as l } from "./mainstack-design-system517.js";
+const s = p(
+  ({ children: e, ...r }, o) => {
+    const { isOptionOpen: i } = l();
+    return /* @__PURE__ */ a(
+      t,
+      {
+        "data-slot": "price-field-fields",
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": i,
+        "aria-controls": "price-field-portal",
+        "aria-owns": "price-field-portal",
+        className: "flex  items-center gap-6",
+        ref: o,
+        ...r,
+        children: e
+      }
+    );
+  }
+);
+s.displayName = "PriceFieldFields";
+export {
+  s as PriceFieldFields
+};

package/dist/mainstack-design-system442.cjs

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

package/dist/mainstack-design-system442.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { a as p } from "./index-RoCFhqzC.js";
+import { usePriceFieldContext as m } from "./mainstack-design-system517.js";
+import { FormCountrySelect as c } from "./mainstack-design-system514.js";
+const f = n(
+  ({ ...r }, i) => {
+    const {
+      isOptionOpen: o,
+      onOptionOpenChange: t,
+      activeCountry: l,
+      isDisabled: s,
+      isError: a,
+      isSuccess: d
+    } = m();
+    return /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
+      c,
+      {
+        ...r,
+        "data-slot": "price-field-flag-field",
+        disabled: s,
+        isOptionOpen: o,
+        onOptionOpenChange: t,
+        activeCountry: l,
+        isError: a,
+        isSuccess: d,
+        ref: i
+      }
+    ) });
+  }
+);
+f.displayName = "PriceFieldFlagField";
+export {
+  f as PriceFieldFlagField
+};

package/dist/mainstack-design-system443.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),s=require("./mainstack-design-system515.cjs"),c=require("./mainstack-design-system517.cjs"),e=n.forwardRef((t,o)=>{const{isOptionOpen:i}=c.usePriceFieldContext();return r.jsx(s.FormCountryOptions,{...t,"data-slot":"price-field-options",ref:o,isOptionOpen:i})});e.displayName="PriceFieldOptions";exports.PriceFieldOptions=e;

package/dist/mainstack-design-system443.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { FormCountryOptions as p } from "./mainstack-design-system515.js";
+import { usePriceFieldContext as n } from "./mainstack-design-system517.js";
+const s = e(
+  (o, i) => {
+    const { isOptionOpen: r } = n();
+    return /* @__PURE__ */ t(
+      p,
+      {
+        ...o,
+        "data-slot": "price-field-options",
+        ref: i,
+        isOptionOpen: r
+      }
+    );
+  }
+);
+s.displayName = "PriceFieldOptions";
+export {
+  s as PriceFieldOptions
+};

package/dist/mainstack-design-system444.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),C=require("react"),_=require("./mainstack-design-system517.cjs"),l=require("./FormCountryOptionsList-LLC_1vu3.cjs"),p=require("./mainstack-design-system518.cjs"),t=C.forwardRef((o,r)=>{const{onOptionOpenChange:n,searchCountry:i,activeCountry:s,setActiveCountry:c}=_.usePriceFieldContext();return u.jsx(l.FormCountryOptionsList,{...o,"data-slot":"price-field-options-list",ref:r,activeCountry:s,onOptionOpenChange:n,searchCountry:i,setActiveCountry:c,getCountryMetaInfo:e=>e&&p.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[e]||""})});t.displayName="PriceFieldOptionsList";exports.PriceFieldOptionsList=t;

package/dist/mainstack-design-system444.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { usePriceFieldContext as m } from "./mainstack-design-system517.js";
+import { F as C } from "./FormCountryOptionsList-DsAxJR-V.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as a } from "./mainstack-design-system518.js";
+const f = p(
+  (r, o) => {
+    const {
+      onOptionOpenChange: e,
+      searchCountry: i,
+      activeCountry: n,
+      setActiveCountry: s
+    } = m();
+    return /* @__PURE__ */ c(
+      C,
+      {
+        ...r,
+        "data-slot": "price-field-options-list",
+        ref: o,
+        activeCountry: n,
+        onOptionOpenChange: e,
+        searchCountry: i,
+        setActiveCountry: s,
+        getCountryMetaInfo: (t) => t && a[t] || ""
+      }
+    );
+  }
+);
+f.displayName = "PriceFieldOptionsList";
+export {
+  f as PriceFieldOptionsList
+};

package/dist/mainstack-design-system445.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("react"),s=require("./mainstack-design-system517.cjs"),l=require("./mainstack-design-system516.cjs"),e=c.forwardRef((r,i)=>{const{searchCountry:o,onChangeSearchCountry:t}=s.usePriceFieldContext();return n.jsx(l.FormCountryOptionsSearchField,{...r,"data-slot":"price-field-options-search-field",ref:i,onChangeSearchCountry:t,searchCountry:o})});e.displayName="PriceFieldOptionsSearchField";exports.PriceFieldOptionsSearchField=e;

package/dist/mainstack-design-system445.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { usePriceFieldContext as a } from "./mainstack-design-system517.js";
+import { FormCountryOptionsSearchField as c } from "./mainstack-design-system516.js";
+const s = n(
+  (r, e) => {
+    const { searchCountry: o, onChangeSearchCountry: i } = a();
+    return /* @__PURE__ */ t(
+      c,
+      {
+        ...r,
+        "data-slot": "price-field-options-search-field",
+        ref: e,
+        onChangeSearchCountry: i,
+        searchCountry: o
+      }
+    );
+  }
+);
+s.displayName = "PriceFieldOptionsSearchField";
+export {
+  s as PriceFieldOptionsSearchField
+};

package/dist/mainstack-design-system446.cjs

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