mainstack-design-system 1.4.0 → 1.4.1

package/dist/mainstack-design-system565.js

@@ -1,11 +1,18 @@
-import { useContext as t } from "react";
-import { TooltipContext as e } from "./mainstack-design-system563.js";
-const i = () => {
-  const o = t(e);
-  if (!o)
-    throw new Error("useTooltipContext must be used within a TooltipRoot");
-  return o;
-};
+import { jsx as r } from "react/jsx-runtime";
+import s from "react";
+import { c as m } from "./utils-DnnzGb1L.js";
+const n = s.forwardRef, c = n(
+  ({ as: o, className: t, ...a }, e) => /* @__PURE__ */ r(
+    o || "div",
+    {
+      "data-slot": "toast-content",
+      ref: e,
+      className: m("flex flex-col gap-4 flex-1", t),
+      ...a
+    }
+  )
+);
+c.displayName = "ToastContent";
 export {
-  i as useTooltipContext
+  c as ToastContent
 };

package/dist/mainstack-design-system566.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),e=t.cva(["w-full flex flex-col md:flex-row items-center justify-between gap-12 md:gap-16 px-16 py-8 rounded-16"],{variants:{variant:{neutral:["bg-surface-neutral-l3","**:data-[slot=banner-header]:text-primary","**:data-[slot=banner-text]:text-secondary","**:data-[slot=banner-icon]:bg-surface-neutral-l4"],info:["bg-surface-info-l1","**:data-[slot=banner-header]:text-on-info-light","**:data-[slot=banner-text]:text-on-info-light","**:data-[slot=banner-icon]:bg-surface-info-l4"],success:["bg-surface-success-l1","**:data-[slot=banner-header]:text-on-success-light","**:data-[slot=banner-text]:text-on-success-light","**:data-[slot=banner-icon]:bg-surface-success-l4"],warning:["bg-surface-warning-l1","**:data-[slot=banner-header]:text-on-warning-light","**:data-[slot=banner-text]:text-on-warning-light","**:data-[slot=banner-icon]:bg-surface-warning-l4"],error:["bg-surface-error-l1","**:data-[slot=banner-header]:text-on-error-light","**:data-[slot=banner-text]:text-on-error-light","**:data-[slot=banner-icon]:bg-surface-error-l4"]}}});exports.bannerVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;

package/dist/mainstack-design-system566.js

@@ -1,45 +1,9 @@
-import { c as a } from "./index-D29mdTf5.js";
-const e = a(
-  [
-    "w-full flex flex-col md:flex-row items-center justify-between gap-12 md:gap-16 px-16 py-8 rounded-16"
-  ],
-  {
-    variants: {
-      variant: {
-        neutral: [
-          "bg-surface-neutral-l3",
-          "**:data-[slot=banner-header]:text-primary",
-          "**:data-[slot=banner-text]:text-secondary",
-          "**:data-[slot=banner-icon]:bg-surface-neutral-l4"
-        ],
-        info: [
-          "bg-surface-info-l1",
-          "**:data-[slot=banner-header]:text-on-info-light",
-          "**:data-[slot=banner-text]:text-on-info-light",
-          "**:data-[slot=banner-icon]:bg-surface-info-l4"
-        ],
-        success: [
-          "bg-surface-success-l1",
-          "**:data-[slot=banner-header]:text-on-success-light",
-          "**:data-[slot=banner-text]:text-on-success-light",
-          "**:data-[slot=banner-icon]:bg-surface-success-l4"
-        ],
-        warning: [
-          "bg-surface-warning-l1",
-          "**:data-[slot=banner-header]:text-on-warning-light",
-          "**:data-[slot=banner-text]:text-on-warning-light",
-          "**:data-[slot=banner-icon]:bg-surface-warning-l4"
-        ],
-        error: [
-          "bg-surface-error-l1",
-          "**:data-[slot=banner-header]:text-on-error-light",
-          "**:data-[slot=banner-text]:text-on-error-light",
-          "**:data-[slot=banner-icon]:bg-surface-error-l4"
-        ]
-      }
-    }
+import { createContext as e } from "react";
+const i = e([
+  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
+  () => {
   }
-);
+]);
 export {
-  e as bannerVariants
+  i as MainstackDesignSystemProviderContext
 };

package/dist/mainstack-design-system567.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t.createContext(null);function o(){const e=t.useContext(n);if(!e)throw new Error("usePhoneNumberContext must be used within a <PhoneNumberContext />.");return e}exports.PhoneNumberContext=n;exports.usePhoneNumberContext=o;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),g=require("./index-C8aODXfJ.cjs"),T=require("./index-4R9KShCu.cjs"),o=require("react"),D=require("./mainstack-design-system583.cjs"),m=require("./mainstack-design-system597.cjs"),x=o.forwardRef(({isDisabled:y,isError:C,isMultiSelect:c=!1,isSuccess:b,children:v,value:d,defaultValue:n,inputReadOnly:h,options:l=[],isOptionOpen:j,onOptionOpenChange:q,onValueChange:p},t)=>{const u=o.useRef(null),[r,P]=o.useState(m.parseSelectOptions(l)),[s,R]=g.useControllableState({prop:d,defaultProp:m.mapDefaultValuesToSelectedOption({isMultiSelect:c,defaultValue:n,options:l}),onChange:p}),[A,a]=o.useState(()=>typeof n=="string"&&r.map.get(n)?.label||""),[S,O]=g.useControllableState({prop:j,defaultProp:!1,onChange:q}),[_,f]=o.useState("idle");return i.jsx(D.SelectContext.Provider,{value:{defaultValue:n,options:r,selectedOption:s,isOptionOpen:S,isDisabled:y,isError:C,isMultiSelect:c,isSuccess:b,inputValue:A,inputReadOnly:h,previousAction:_,rootElementRef:u,setOptions:P,setPreviousAction:f,setInputValue:a,setSelectedOption:R,onOptionOpenChange:O,onValueChange:p},children:i.jsx(T.Popover,{open:S,onOpenChange:e=>{O(e),s&&!Array.isArray(s)&&!e&&(a(r.map.get(s)?.label||""),f("selection"))},children:i.jsx("div",{ref:e=>{u.current=e,typeof t=="function"?t(e):typeof t=="object"&&t?.current&&(t.current=e)},"data-slot":"select-root",children:v})})})});x.displayName="SelectRoot";exports.SelectRoot=x;

package/dist/mainstack-design-system567.js

@@ -1,16 +1,87 @@
-import { createContext as t, useContext as n } from "react";
-const o = t(
-  null
-);
-function u() {
-  const e = n(o);
-  if (!e)
-    throw new Error(
-      "usePhoneNumberContext must be used within a <PhoneNumberContext />."
+'use client';
+import { jsx as r } from "react/jsx-runtime";
+import { u as g } from "./index-437EL2iq.js";
+import { P as D } from "./index-RoCFhqzC.js";
+import { forwardRef as E, useRef as I, useState as i } from "react";
+import { SelectContext as N } from "./mainstack-design-system583.js";
+import { parseSelectOptions as T, mapDefaultValuesToSelectedOption as k } from "./mainstack-design-system597.js";
+const q = E(
+  ({
+    isDisabled: S,
+    isError: h,
+    isMultiSelect: s = !1,
+    isSuccess: v,
+    children: y,
+    value: C,
+    defaultValue: e,
+    inputReadOnly: P,
+    options: l = [],
+    isOptionOpen: b,
+    onOptionOpenChange: A,
+    onValueChange: c
+  }, t) => {
+    const a = I(null), [p, x] = i(
+      T(l)
+    ), [n, d] = g({
+      prop: C,
+      defaultProp: k({
+        isMultiSelect: s,
+        defaultValue: e,
+        options: l
+      }),
+      onChange: c
+    }), [j, m] = i(() => typeof e == "string" && p.map.get(e)?.label || ""), [u, f] = g({
+      prop: b,
+      defaultProp: !1,
+      onChange: A
+    }), [R, O] = i("idle");
+    return /* @__PURE__ */ r(
+      N.Provider,
+      {
+        value: {
+          defaultValue: e,
+          options: p,
+          selectedOption: n,
+          isOptionOpen: u,
+          isDisabled: S,
+          isError: h,
+          isMultiSelect: s,
+          isSuccess: v,
+          inputValue: j,
+          inputReadOnly: P,
+          previousAction: R,
+          rootElementRef: a,
+          setOptions: x,
+          setPreviousAction: O,
+          setInputValue: m,
+          setSelectedOption: d,
+          onOptionOpenChange: f,
+          onValueChange: c
+        },
+        children: /* @__PURE__ */ r(
+          D,
+          {
+            open: u,
+            onOpenChange: (o) => {
+              f(o), n && !Array.isArray(n) && !o && (m(p.map.get(n)?.label || ""), O("selection"));
+            },
+            children: /* @__PURE__ */ r(
+              "div",
+              {
+                ref: (o) => {
+                  a.current = o, typeof t == "function" ? t(o) : typeof t == "object" && t?.current && (t.current = o);
+                },
+                "data-slot": "select-root",
+                children: y
+              }
+            )
+          }
+        )
+      }
     );
-  return e;
-}
+  }
+);
+q.displayName = "SelectRoot";
 export {
-  o as PhoneNumberContext,
-  u as usePhoneNumberContext
+  q as SelectRoot
 };

package/dist/mainstack-design-system568.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system195.cjs");require("./player-BKifgSJo.cjs");const d=require("./utils-DrLMGmuk.cjs"),p=require("./mainstack-design-system602.cjs"),r=l.forwardRef(({isOptionOpen:t,activeCountry:o,onOptionOpenChange:n,isError:s,isSuccess:a,...c},i)=>e.jsxs("button",{onClick:()=>n(!0),"data-select-options-opened":t,"data-editable":"false",className:d.cn("form-root-slot-defaults","group flex items-center w-66 h-48 gap-6 py-14 cursor-pointer px-12 rounded-14 disabled:cursor-not-allowed disabled:opacity-50 data-[select-options-opened=true]:ring-2 data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:i,...c,children:[e.jsx("div",{"data-error":s,"data-success":a,className:"flex items-center justify-center",children:p.getCountryFlagComp(o)}),e.jsx(u,{"data-select-options-opened":t,className:"size-16 transition-transform transition-1000 group-data-[select-options-opened=true]:rotate-180"})]}));r.displayName=" FormCountrySelect";exports.FormCountrySelect=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),i=e.cva("",{variants:{size:{large:"",medium:"",small:"",extrasmall:"",tiny:"",extratiny:"",overline:""},weight:{bold:"",semibold:"",medium:"",book:"",regular:""}},defaultVariants:{weight:"semibold",size:"medium"},compoundVariants:[{size:"large",weight:"bold",className:"body-large-bold"},{size:"large",weight:"semibold",className:"body-large-semibold"},{size:"large",weight:"medium",className:"body-large-medium"},{size:"large",weight:"book",className:"body-large-book"},{size:"large",weight:"regular",className:"body-large-regular"},{size:"medium",weight:"bold",className:"body-medium-bold"},{size:"medium",weight:"semibold",className:"body-medium-semibold"},{size:"medium",weight:"medium",className:"body-medium-medium"},{size:"medium",weight:"book",className:"body-medium-book"},{size:"medium",weight:"regular",className:"body-medium-regular"},{size:"small",weight:"bold",className:"body-small-bold"},{size:"small",weight:"semibold",className:"body-small-semibold"},{size:"small",weight:"medium",className:"body-small-medium"},{size:"small",weight:"book",className:"body-small-book"},{size:"small",weight:"regular",className:"body-small-regular"},{size:"extrasmall",weight:"bold",className:"body-extrasmall-bold"},{size:"extrasmall",weight:"semibold",className:"body-extrasmall-semibold"},{size:"extrasmall",weight:"medium",className:"body-extrasmall-medium"},{size:"extrasmall",weight:"book",className:"body-extrasmall-book"},{size:"extrasmall",weight:"regular",className:"body-extrasmall-regular"},{size:"tiny",weight:"bold",className:"body-tiny-bold"},{size:"tiny",weight:"semibold",className:"body-tiny-semibold"},{size:"tiny",weight:"medium",className:"body-tiny-medium"},{size:"tiny",weight:"book",className:"body-tiny-book"},{size:"tiny",weight:"regular",className:"body-tiny-regular"},{size:"extratiny",weight:"bold",className:"body-extratiny-bold"},{size:"extratiny",weight:"semibold",className:"body-extratiny-semibold"},{size:"extratiny",weight:"medium",className:"body-extratiny-medium"},{size:"extratiny",weight:"book",className:"body-extratiny-book"},{size:"extratiny",weight:"regular",className:"body-extratiny-regular"},{size:"overline",weight:"bold",className:"body-overline-bold"},{size:"overline",weight:"semibold",className:"body-overline-semibold"},{size:"overline",weight:"medium",className:"body-overline-medium"},{size:"overline",weight:"book",className:"body-overline-book"},{size:"overline",weight:"regular",className:"body-overline-regular"}]});exports.bodyTextVariants=i;

package/dist/mainstack-design-system568.js

@@ -1,52 +1,205 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import "./mainstack-design-system355.js";
-import l from "./mainstack-design-system195.js";
-import "./player-DSenNqFV.js";
-import { c as p } from "./utils-DC6U5j2d.js";
-import { getCountryFlagComp as m } from "./mainstack-design-system602.js";
-const u = c(
-  ({
-    isOptionOpen: e,
-    activeCountry: o,
-    onOptionOpenChange: r,
-    isError: a,
-    isSuccess: s,
-    ...n
-  }, i) => /* @__PURE__ */ d(
-    "button",
-    {
-      onClick: () => r(!0),
-      "data-select-options-opened": e,
-      "data-editable": "false",
-      className: p(
-        "form-root-slot-defaults",
-        "group flex items-center w-66 h-48 gap-6 py-14 cursor-pointer px-12 rounded-14 disabled:cursor-not-allowed disabled:opacity-50 data-[select-options-opened=true]:ring-2 data-[select-options-opened=true]:ring-border-interactive-neutral-active"
-      ),
-      ref: i,
-      ...n,
-      children: [
-        /* @__PURE__ */ t(
-          "div",
-          {
-            "data-error": a,
-            "data-success": s,
-            className: "flex items-center justify-center",
-            children: m(o)
-          }
-        ),
-        /* @__PURE__ */ t(
-          l,
-          {
-            "data-select-options-opened": e,
-            className: "size-16 transition-transform transition-1000 group-data-[select-options-opened=true]:rotate-180"
-          }
-        )
-      ]
+import { c as e } from "./index-D29mdTf5.js";
+const a = e("", {
+  variants: {
+    size: {
+      large: "",
+      medium: "",
+      small: "",
+      extrasmall: "",
+      tiny: "",
+      extratiny: "",
+      overline: ""
+    },
+    weight: {
+      bold: "",
+      semibold: "",
+      medium: "",
+      book: "",
+      regular: ""
     }
-  )
-);
-u.displayName = " FormCountrySelect";
+  },
+  defaultVariants: {
+    weight: "semibold",
+    size: "medium"
+  },
+  compoundVariants: [
+    {
+      size: "large",
+      weight: "bold",
+      className: "body-large-bold"
+    },
+    {
+      size: "large",
+      weight: "semibold",
+      className: "body-large-semibold"
+    },
+    {
+      size: "large",
+      weight: "medium",
+      className: "body-large-medium"
+    },
+    {
+      size: "large",
+      weight: "book",
+      className: "body-large-book"
+    },
+    {
+      size: "large",
+      weight: "regular",
+      className: "body-large-regular"
+    },
+    {
+      size: "medium",
+      weight: "bold",
+      className: "body-medium-bold"
+    },
+    {
+      size: "medium",
+      weight: "semibold",
+      className: "body-medium-semibold"
+    },
+    {
+      size: "medium",
+      weight: "medium",
+      className: "body-medium-medium"
+    },
+    {
+      size: "medium",
+      weight: "book",
+      className: "body-medium-book"
+    },
+    {
+      size: "medium",
+      weight: "regular",
+      className: "body-medium-regular"
+    },
+    {
+      size: "small",
+      weight: "bold",
+      className: "body-small-bold"
+    },
+    {
+      size: "small",
+      weight: "semibold",
+      className: "body-small-semibold"
+    },
+    {
+      size: "small",
+      weight: "medium",
+      className: "body-small-medium"
+    },
+    {
+      size: "small",
+      weight: "book",
+      className: "body-small-book"
+    },
+    {
+      size: "small",
+      weight: "regular",
+      className: "body-small-regular"
+    },
+    {
+      size: "extrasmall",
+      weight: "bold",
+      className: "body-extrasmall-bold"
+    },
+    {
+      size: "extrasmall",
+      weight: "semibold",
+      className: "body-extrasmall-semibold"
+    },
+    {
+      size: "extrasmall",
+      weight: "medium",
+      className: "body-extrasmall-medium"
+    },
+    {
+      size: "extrasmall",
+      weight: "book",
+      className: "body-extrasmall-book"
+    },
+    {
+      size: "extrasmall",
+      weight: "regular",
+      className: "body-extrasmall-regular"
+    },
+    {
+      size: "tiny",
+      weight: "bold",
+      className: "body-tiny-bold"
+    },
+    {
+      size: "tiny",
+      weight: "semibold",
+      className: "body-tiny-semibold"
+    },
+    {
+      size: "tiny",
+      weight: "medium",
+      className: "body-tiny-medium"
+    },
+    {
+      size: "tiny",
+      weight: "book",
+      className: "body-tiny-book"
+    },
+    {
+      size: "tiny",
+      weight: "regular",
+      className: "body-tiny-regular"
+    },
+    {
+      size: "extratiny",
+      weight: "bold",
+      className: "body-extratiny-bold"
+    },
+    {
+      size: "extratiny",
+      weight: "semibold",
+      className: "body-extratiny-semibold"
+    },
+    {
+      size: "extratiny",
+      weight: "medium",
+      className: "body-extratiny-medium"
+    },
+    {
+      size: "extratiny",
+      weight: "book",
+      className: "body-extratiny-book"
+    },
+    {
+      size: "extratiny",
+      weight: "regular",
+      className: "body-extratiny-regular"
+    },
+    {
+      size: "overline",
+      weight: "bold",
+      className: "body-overline-bold"
+    },
+    {
+      size: "overline",
+      weight: "semibold",
+      className: "body-overline-semibold"
+    },
+    {
+      size: "overline",
+      weight: "medium",
+      className: "body-overline-medium"
+    },
+    {
+      size: "overline",
+      weight: "book",
+      className: "body-overline-book"
+    },
+    {
+      size: "overline",
+      weight: "regular",
+      className: "body-overline-regular"
+    }
+  ]
+});
 export {
-  u as FormCountrySelect
+  a as bodyTextVariants
 };

package/dist/mainstack-design-system569.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),a=require("./utils-DrLMGmuk.cjs"),e=i.forwardRef(({isOptionOpen:r,className:o,...t},n)=>s.jsx("div",{"data-select-options-opened":r,className:a.cn("flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",o),ref:n,...t}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),a=e.cva("",{variants:{size:{extralarge:"",large:"",medium:"",small:""},weight:{black:"",bold:"",semibold:""}},defaultVariants:{weight:"semibold",size:"medium"},compoundVariants:[{size:"extralarge",weight:"black",className:"display-extralarge-black"},{size:"large",weight:"black",className:"display-large-black"},{size:"medium",weight:"black",className:"display-medium-black"},{size:"small",weight:"black",className:"display-small-black"},{size:"extralarge",weight:"bold",className:"display-extralarge-bold"},{size:"large",weight:"bold",className:"display-large-bold"},{size:"medium",weight:"bold",className:"display-medium-bold"},{size:"small",weight:"bold",className:"display-small-bold"},{size:"extralarge",weight:"semibold",className:"display-extralarge-semibold"},{size:"large",weight:"semibold",className:"display-large-semibold"},{size:"medium",weight:"semibold",className:"display-medium-semibold"},{size:"small",weight:"semibold",className:"display-small-semibold"}]});exports.displayTextVariants=a;

package/dist/mainstack-design-system569.js

@@ -1,21 +1,85 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as s } from "./utils-DC6U5j2d.js";
-const d = n(
-  ({ isOptionOpen: r, className: o, ...e }, t) => /* @__PURE__ */ a(
-    "div",
-    {
-      "data-select-options-opened": r,
-      className: s(
-        "flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",
-        o
-      ),
-      ref: t,
-      ...e
+import { c as a } from "./index-D29mdTf5.js";
+const l = a("", {
+  variants: {
+    size: {
+      extralarge: "",
+      large: "",
+      medium: "",
+      small: ""
+    },
+    weight: {
+      black: "",
+      bold: "",
+      semibold: ""
     }
-  )
-);
-d.displayName = "FormCountryOptions";
+  },
+  defaultVariants: {
+    weight: "semibold",
+    size: "medium"
+  },
+  compoundVariants: [
+    {
+      size: "extralarge",
+      weight: "black",
+      className: "display-extralarge-black"
+    },
+    {
+      size: "large",
+      weight: "black",
+      className: "display-large-black"
+    },
+    {
+      size: "medium",
+      weight: "black",
+      className: "display-medium-black"
+    },
+    {
+      size: "small",
+      weight: "black",
+      className: "display-small-black"
+    },
+    {
+      size: "extralarge",
+      weight: "bold",
+      className: "display-extralarge-bold"
+    },
+    {
+      size: "large",
+      weight: "bold",
+      className: "display-large-bold"
+    },
+    {
+      size: "medium",
+      weight: "bold",
+      className: "display-medium-bold"
+    },
+    {
+      size: "small",
+      weight: "bold",
+      className: "display-small-bold"
+    },
+    {
+      size: "extralarge",
+      weight: "semibold",
+      className: "display-extralarge-semibold"
+    },
+    {
+      size: "large",
+      weight: "semibold",
+      className: "display-large-semibold"
+    },
+    {
+      size: "medium",
+      weight: "semibold",
+      className: "display-medium-semibold"
+    },
+    {
+      size: "small",
+      weight: "semibold",
+      className: "display-small-semibold"
+    }
+  ]
+});
 export {
-  d as FormCountryOptions
+  l as displayTextVariants
 };

package/dist/mainstack-design-system570.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("./index-C7rXc8w3.cjs"),t=require("./utils-DrLMGmuk.cjs"),h=require("./mainstack-design-system602.cjs"),s=require("./index-BgzojN8c.cjs"),a=i.forwardRef(({onOptionOpenChange:c,searchCountry:l,activeCountry:u,onSetActiveCountry:m,getCountryMetaInfo:d,className:x,...b},f)=>{const n=i.useMemo(()=>{const r=o.getCountries();return l?r.filter(p=>o.countriesEnglishNames[p].toLowerCase().includes(l.toLowerCase())):r},[l]);return e.jsxs(s.ScrollArea,{style:{"--scrollbar-size":"8px"},className:t.cn("flex flex-col max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(s.ScrollAreaViewport,{className:"h-full pr-8 w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:t.cn("flex flex-col gap-8"),children:n.length?n.map(r=>e.jsxs("button",{role:"option","aria-selected":r===u,onClick:()=>{m(r),c(!1)},className:"flex cursor-pointer py-8 px-10 rounded-12 items-center justify-between hover:bg-interactive-secondary-hover",children:[e.jsxs("div",{className:"flex items-center gap-8",children:[e.jsx("div",{className:"flex items-center justify-center",children:h.getCountryFlagComp(r)}),e.jsx("p",{className:t.cn("body-extrasmall-medium","text-primary"),children:o.countriesEnglishNames[r]})]}),e.jsx("p",{className:t.cn("body-extrasmall-regular","text-secondary"),children:d(r)})]},r)):e.jsx("p",{className:t.cn("body-extrasmall-regular","text-tertiary text-center"),children:"No option found"})})}),e.jsx(s.ScrollAreaScrollbar,{orientation:"vertical",className:"flex select-none rounded-(--scrollbar-size) touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1 hover:bg-interactive-secondary hover:w-12",children:e.jsx(s.ScrollAreaThumb,{className:t.cn("rounded-(--scrollbar-size) bg-border-interactive-neutral-inverse-hover relative","before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44")})}),e.jsx(s.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})});a.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),a=e.cva("",{variants:{size:{extralarge:"",large:"",medium:""},weight:{black:"",bold:"",semibold:""}},defaultVariants:{weight:"semibold",size:"medium"},compoundVariants:[{size:"extralarge",weight:"black",className:"headline-extralarge-black"},{size:"large",weight:"black",className:"headline-large-black"},{size:"medium",weight:"black",className:"headline-medium-black"},{size:"extralarge",weight:"bold",className:"headline-extralarge-bold"},{size:"large",weight:"bold",className:"headline-large-bold"},{size:"medium",weight:"bold",className:"headline-medium-bold"},{size:"extralarge",weight:"semibold",className:"headline-extralarge-semibold"},{size:"large",weight:"semibold",className:"headline-large-semibold"},{size:"medium",weight:"semibold",className:"headline-medium-semibold"}]});exports.headlineTextVariants=a;