mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system596.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=t.createContext(null);function n(){const e=t.useContext(i);if(!e)throw new Error("usePriceFieldContext must be used within a <PriceFieldContext />.");return e}exports.PriceFieldContext=i;exports.usePriceFieldContext=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function c(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=c(r),l=a.createContext(null);exports.TooltipContext=l;

package/dist/mainstack-design-system596.js

@@ -1,16 +1,7 @@
-import { createContext as t, useContext as n } from "react";
-const o = t(
+import * as t from "react";
+const o = t.createContext(
   null
 );
-function i() {
-  const e = n(o);
-  if (!e)
-    throw new Error(
-      "usePriceFieldContext must be used within a <PriceFieldContext />."
-    );
-  return e;
-}
 export {
-  o as PriceFieldContext,
-  i as usePriceFieldContext
+  o as TooltipContext
 };

package/dist/mainstack-design-system597.cjs

@@ -1 +1 @@
-"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("useSelectContext must be used within a <SelectContext />.");return e}exports.SelectContext=n;exports.useSelectContext=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("./index-Deb8apmU.cjs");function o({className:e}){return r.jsx(t.Arrow2,{asChild:!0,children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"8",viewBox:"0 0 28 8",fill:"none",className:e,children:r.jsx("path",{d:"M12.5858 6.58579L9.74904 3.74903C8.36542 2.36542 7.67361 1.67361 6.86628 1.17888C6.1505 0.740249 5.37015 0.417015 4.55386 0.221041C3.63316 0 2.65479 0 0.698068 0H27.3019C25.3452 0 24.3668 0 23.4461 0.221041C22.6299 0.417015 21.8495 0.740249 21.1337 1.17888C20.3264 1.67361 19.6346 2.36542 18.251 3.74903L15.4142 6.58579C14.6332 7.36684 13.3668 7.36683 12.5858 6.58579Z",fill:"currentColor"})})})}exports.TooltipArrow=o;

package/dist/mainstack-design-system597.js

@@ -1,14 +1,25 @@
-import { createContext as e, useContext as n } from "react";
-const o = e(null);
-function c() {
-  const t = n(o);
-  if (!t)
-    throw new Error(
-      "useSelectContext must be used within a <SelectContext />."
-    );
-  return t;
+import { jsx as r } from "react/jsx-runtime";
+import { A as t } from "./index-CNheQ-9E.js";
+function e({ className: o }) {
+  return /* @__PURE__ */ r(t, { asChild: !0, children: /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "28",
+      height: "8",
+      viewBox: "0 0 28 8",
+      fill: "none",
+      className: o,
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M12.5858 6.58579L9.74904 3.74903C8.36542 2.36542 7.67361 1.67361 6.86628 1.17888C6.1505 0.740249 5.37015 0.417015 4.55386 0.221041C3.63316 0 2.65479 0 0.698068 0H27.3019C25.3452 0 24.3668 0 23.4461 0.221041C22.6299 0.417015 21.8495 0.740249 21.1337 1.17888C20.3264 1.67361 19.6346 2.36542 18.251 3.74903L15.4142 6.58579C14.6332 7.36684 13.3668 7.36683 12.5858 6.58579Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  ) });
 }
 export {
-  o as SelectContext,
-  c as useSelectContext
+  e as TooltipArrow
 };

package/dist/mainstack-design-system598.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=a=>{const e=new Map;return a.forEach(r=>{if(!r?.value){if(r?.isGroupLabel)return;console.error('Select Options has an option with missing "value" property.')}e.has(r?.value)&&console.warn(`Duplicate option value "${r.value}" found in Select options. Each option value should be unique.`),e.set(r?.value,r)}),{map:e,array:a}},o=({isMultiSelect:a,defaultValue:e,options:r})=>{if(a&&Array.isArray(e))return r.filter(t=>e.includes(t?.value||"")).map(t=>t.value);if(typeof e=="string")return e};exports.mapDefaultValuesToSelectedOption=o;exports.parseSelectOptions=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system596.cjs"),n=()=>{const t=o.useContext(e.TooltipContext);if(!t)throw new Error("useTooltipContext must be used within a TooltipRoot");return t};exports.useTooltipContext=n;

package/dist/mainstack-design-system598.js

@@ -1,27 +1,11 @@
-const i = (a) => {
-  const e = /* @__PURE__ */ new Map();
-  return a.forEach((r) => {
-    if (!r?.value) {
-      if (r?.isGroupLabel) return;
-      console.error(
-        'Select Options has an option with missing "value" property.'
-      );
-    }
-    e.has(r?.value) && console.warn(
-      `Duplicate option value "${r.value}" found in Select options. Each option value should be unique.`
-    ), e.set(r?.value, r);
-  }), { map: e, array: a };
-}, o = ({
-  isMultiSelect: a,
-  defaultValue: e,
-  options: r
-}) => {
-  if (a && Array.isArray(e))
-    return r.filter((n) => e.includes(n?.value || "")).map((n) => n.value);
-  if (typeof e == "string")
-    return e;
+import { useContext as t } from "react";
+import { TooltipContext as e } from "./mainstack-design-system596.js";
+const i = () => {
+  const o = t(e);
+  if (!o)
+    throw new Error("useTooltipContext must be used within a TooltipRoot");
+  return o;
 };
 export {
-  o as mapDefaultValuesToSelectedOption,
-  i as parseSelectOptions
+  i as useTooltipContext
 };

package/dist/mainstack-design-system599.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext(void 0),s=()=>{const t=e.useContext(o);if(!t)throw new Error("useTabsContext must be used within a TabsRoot");return t};exports.TabsContext=o;exports.useTabsContext=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),e=t.cva(["mds:w-full mds:flex mds:flex-col mds:md:flex-row mds:items-center mds:justify-between mds:gap-12 mds:md:gap-16 mds:px-16 mds:py-8 mds:rounded-16"],{variants:{variant:{neutral:["mds:bg-surface-neutral-l3","mds:**:data-[slot=banner-header]:text-primary","mds:**:data-[slot=banner-text]:text-secondary","mds:**:data-[slot=banner-icon]:bg-surface-neutral-l4"],info:["mds:bg-surface-info-l1","mds:**:data-[slot=banner-header]:text-on-info-light","mds:**:data-[slot=banner-text]:text-on-info-light","mds:**:data-[slot=banner-icon]:bg-surface-info-l4"],success:["mds:bg-surface-success-l1","mds:**:data-[slot=banner-header]:text-on-success-light","mds:**:data-[slot=banner-text]:text-on-success-light","mds:**:data-[slot=banner-icon]:bg-surface-success-l4"],warning:["mds:bg-surface-warning-l1","mds:**:data-[slot=banner-header]:text-on-warning-light","mds:**:data-[slot=banner-text]:text-on-warning-light","mds:**:data-[slot=banner-icon]:bg-surface-warning-l4"],error:["mds:bg-surface-error-l1","mds:**:data-[slot=banner-header]:text-on-error-light","mds:**:data-[slot=banner-text]:text-on-error-light","mds:**:data-[slot=banner-icon]:bg-surface-error-l4"]}}});exports.bannerVariants=e;

package/dist/mainstack-design-system599.js

@@ -1,13 +1,45 @@
-import { createContext as o, useContext as e } from "react";
-const n = o(
-  void 0
-), r = () => {
-  const t = e(n);
-  if (!t)
-    throw new Error("useTabsContext must be used within a TabsRoot");
-  return t;
-};
+import { c as a } from "./index-D29mdTf5.js";
+const s = a(
+  [
+    "mds:w-full mds:flex mds:flex-col mds:md:flex-row mds:items-center mds:justify-between mds:gap-12 mds:md:gap-16 mds:px-16 mds:py-8 mds:rounded-16"
+  ],
+  {
+    variants: {
+      variant: {
+        neutral: [
+          "mds:bg-surface-neutral-l3",
+          "mds:**:data-[slot=banner-header]:text-primary",
+          "mds:**:data-[slot=banner-text]:text-secondary",
+          "mds:**:data-[slot=banner-icon]:bg-surface-neutral-l4"
+        ],
+        info: [
+          "mds:bg-surface-info-l1",
+          "mds:**:data-[slot=banner-header]:text-on-info-light",
+          "mds:**:data-[slot=banner-text]:text-on-info-light",
+          "mds:**:data-[slot=banner-icon]:bg-surface-info-l4"
+        ],
+        success: [
+          "mds:bg-surface-success-l1",
+          "mds:**:data-[slot=banner-header]:text-on-success-light",
+          "mds:**:data-[slot=banner-text]:text-on-success-light",
+          "mds:**:data-[slot=banner-icon]:bg-surface-success-l4"
+        ],
+        warning: [
+          "mds:bg-surface-warning-l1",
+          "mds:**:data-[slot=banner-header]:text-on-warning-light",
+          "mds:**:data-[slot=banner-text]:text-on-warning-light",
+          "mds:**:data-[slot=banner-icon]:bg-surface-warning-l4"
+        ],
+        error: [
+          "mds:bg-surface-error-l1",
+          "mds:**:data-[slot=banner-header]:text-on-error-light",
+          "mds:**:data-[slot=banner-text]:text-on-error-light",
+          "mds:**:data-[slot=banner-icon]:bg-surface-error-l4"
+        ]
+      }
+    }
+  }
+);
 export {
-  n as TabsContext,
-  r as useTabsContext
+  s as bannerVariants
 };

package/dist/mainstack-design-system6.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system366.cjs");exports.SearchField=e.SearchField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system375.cjs");exports.SearchField=e.SearchField;

package/dist/mainstack-design-system6.js

@@ -1,4 +1,4 @@
-import { SearchField as o } from "./mainstack-design-system366.js";
+import { SearchField as o } from "./mainstack-design-system375.js";
 export {
   o as SearchField
 };

package/dist/mainstack-design-system60.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system357.cjs"),s=({...r})=>C.jsx(n,{...r,children:C.jsx("g",{mask:"url(#mask0_1762_3091)",children:C.jsx("path",{d:"M9 21.5C8.0975 21.5 7.25325 21.3295 6.46725 20.9885C5.68142 20.6475 4.99425 20.1828 4.40575 19.5943C3.81725 19.0058 3.3525 18.3186 3.0115 17.5328C2.6705 16.7467 2.5 15.9025 2.5 15C2.5 13.7333 2.83242 12.5721 3.49725 11.5162C4.16192 10.4606 5.05133 9.66675 6.1655 9.13475C6.486 8.46542 6.89525 7.88175 7.39325 7.38375C7.89142 6.88558 8.47192 6.4795 9.13475 6.1655C9.64625 5.06417 10.4286 4.17792 11.4817 3.50675C12.5349 2.83558 13.7077 2.5 15 2.5C15.9025 2.5 16.7467 2.6705 17.5328 3.0115C18.3186 3.3525 19.0058 3.81725 19.5943 4.40575C20.1828 4.99425 20.6475 5.68142 20.9885 6.46725C21.3295 7.25325 21.5 8.0975 21.5 9C21.5 10.3268 21.1693 11.4999 20.5077 12.5192C19.8461 13.5384 18.955 14.3204 17.8345 14.8652C17.514 15.5346 17.1063 16.1167 16.6115 16.6115C16.1167 17.1063 15.5346 17.514 14.8652 17.8345C14.3333 18.9358 13.5457 19.8221 12.5027 20.4932C11.4599 21.1644 10.2923 21.5 9 21.5ZM9.01925 20C9.66542 20 10.3019 19.8686 10.9288 19.6057C11.5557 19.3429 12.0859 18.9551 12.5192 18.4423C11.5269 18.5321 10.5913 18.4048 9.7125 18.0605C8.83367 17.7163 8.07117 17.2243 7.425 16.5845C6.77883 15.9383 6.28367 15.1775 5.9395 14.302C5.59517 13.4263 5.46792 12.4923 5.55775 11.5C5.05125 11.9397 4.665 12.4682 4.399 13.0855C4.133 13.7028 4 14.341 4 15C4 15.7 4.13333 16.3516 4.4 16.9548C4.66667 17.5579 5.025 18.0845 5.475 18.5345C5.93133 18.9845 6.46117 19.3412 7.0645 19.6047C7.66767 19.8682 8.31925 20 9.01925 20ZM12 17C12.7552 17 13.4369 16.8493 14.0452 16.548C14.6536 16.2467 15.1552 15.8781 15.55 15.4423C14.5475 15.5321 13.6068 15.4022 12.728 15.0527C11.8492 14.7034 11.0867 14.2089 10.4405 13.5693C9.79433 12.9231 9.29658 12.1622 8.94725 11.2865C8.59775 10.4108 8.46792 9.47175 8.55775 8.46925C8.10258 8.88325 7.73242 9.39608 7.44725 10.0078C7.16192 10.6193 7.01925 11.2833 7.01925 12C7.01925 12.7 7.14842 13.35 7.40675 13.95C7.66508 14.55 8.02433 15.075 8.4845 15.525C8.9345 15.9917 9.45792 16.3542 10.0547 16.6125C10.6516 16.8708 11.3 17 12 17ZM15.0193 14C15.3193 14 15.6068 13.975 15.8818 13.925C16.1568 13.875 16.4359 13.8 16.7193 13.7C17.0859 12.7 17.1401 11.7375 16.8818 10.8125C16.6234 9.8875 16.1776 9.10833 15.5443 8.475C14.9109 7.84167 14.1318 7.39583 13.2068 7.1375C12.2818 6.87917 11.3193 6.93333 10.3192 7.3C10.2192 7.58333 10.1442 7.8625 10.0942 8.1375C10.0442 8.4125 10.0192 8.7 10.0192 9C10.0192 9.7 10.1484 10.35 10.4067 10.95C10.6651 11.55 11.0276 12.075 11.4943 12.525C11.9443 12.9917 12.4693 13.3542 13.0693 13.6125C13.6693 13.8708 14.3193 14 15.0193 14ZM18.4615 12.5308C18.9487 12.0974 19.3269 11.5863 19.5963 10.9973C19.8654 10.4081 20 9.74233 20 9C20 8.3 19.8708 7.65 19.6125 7.05C19.3542 6.45 18.9917 5.925 18.525 5.475C18.075 5.00833 17.55 4.64583 16.95 4.3875C16.35 4.12917 15.7 4 15 4C14.282 4 13.6272 4.13625 13.0355 4.40875C12.4438 4.68108 11.9218 5.06408 11.4692 5.55775C12.4717 5.46792 13.4124 5.59775 14.2913 5.94725C15.1701 6.29658 15.9326 6.79108 16.5788 7.43075C17.2249 8.07692 17.7227 8.83783 18.072 9.7135C18.4213 10.5892 18.5512 11.5283 18.4615 12.5308Z",fill:"currentColor"})})});module.exports=s;
+"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system366.cjs"),s=({...r})=>C.jsx(n,{...r,children:C.jsx("g",{mask:"url(#mask0_1762_3091)",children:C.jsx("path",{d:"M9 21.5C8.0975 21.5 7.25325 21.3295 6.46725 20.9885C5.68142 20.6475 4.99425 20.1828 4.40575 19.5943C3.81725 19.0058 3.3525 18.3186 3.0115 17.5328C2.6705 16.7467 2.5 15.9025 2.5 15C2.5 13.7333 2.83242 12.5721 3.49725 11.5162C4.16192 10.4606 5.05133 9.66675 6.1655 9.13475C6.486 8.46542 6.89525 7.88175 7.39325 7.38375C7.89142 6.88558 8.47192 6.4795 9.13475 6.1655C9.64625 5.06417 10.4286 4.17792 11.4817 3.50675C12.5349 2.83558 13.7077 2.5 15 2.5C15.9025 2.5 16.7467 2.6705 17.5328 3.0115C18.3186 3.3525 19.0058 3.81725 19.5943 4.40575C20.1828 4.99425 20.6475 5.68142 20.9885 6.46725C21.3295 7.25325 21.5 8.0975 21.5 9C21.5 10.3268 21.1693 11.4999 20.5077 12.5192C19.8461 13.5384 18.955 14.3204 17.8345 14.8652C17.514 15.5346 17.1063 16.1167 16.6115 16.6115C16.1167 17.1063 15.5346 17.514 14.8652 17.8345C14.3333 18.9358 13.5457 19.8221 12.5027 20.4932C11.4599 21.1644 10.2923 21.5 9 21.5ZM9.01925 20C9.66542 20 10.3019 19.8686 10.9288 19.6057C11.5557 19.3429 12.0859 18.9551 12.5192 18.4423C11.5269 18.5321 10.5913 18.4048 9.7125 18.0605C8.83367 17.7163 8.07117 17.2243 7.425 16.5845C6.77883 15.9383 6.28367 15.1775 5.9395 14.302C5.59517 13.4263 5.46792 12.4923 5.55775 11.5C5.05125 11.9397 4.665 12.4682 4.399 13.0855C4.133 13.7028 4 14.341 4 15C4 15.7 4.13333 16.3516 4.4 16.9548C4.66667 17.5579 5.025 18.0845 5.475 18.5345C5.93133 18.9845 6.46117 19.3412 7.0645 19.6047C7.66767 19.8682 8.31925 20 9.01925 20ZM12 17C12.7552 17 13.4369 16.8493 14.0452 16.548C14.6536 16.2467 15.1552 15.8781 15.55 15.4423C14.5475 15.5321 13.6068 15.4022 12.728 15.0527C11.8492 14.7034 11.0867 14.2089 10.4405 13.5693C9.79433 12.9231 9.29658 12.1622 8.94725 11.2865C8.59775 10.4108 8.46792 9.47175 8.55775 8.46925C8.10258 8.88325 7.73242 9.39608 7.44725 10.0078C7.16192 10.6193 7.01925 11.2833 7.01925 12C7.01925 12.7 7.14842 13.35 7.40675 13.95C7.66508 14.55 8.02433 15.075 8.4845 15.525C8.9345 15.9917 9.45792 16.3542 10.0547 16.6125C10.6516 16.8708 11.3 17 12 17ZM15.0193 14C15.3193 14 15.6068 13.975 15.8818 13.925C16.1568 13.875 16.4359 13.8 16.7193 13.7C17.0859 12.7 17.1401 11.7375 16.8818 10.8125C16.6234 9.8875 16.1776 9.10833 15.5443 8.475C14.9109 7.84167 14.1318 7.39583 13.2068 7.1375C12.2818 6.87917 11.3193 6.93333 10.3192 7.3C10.2192 7.58333 10.1442 7.8625 10.0942 8.1375C10.0442 8.4125 10.0192 8.7 10.0192 9C10.0192 9.7 10.1484 10.35 10.4067 10.95C10.6651 11.55 11.0276 12.075 11.4943 12.525C11.9443 12.9917 12.4693 13.3542 13.0693 13.6125C13.6693 13.8708 14.3193 14 15.0193 14ZM18.4615 12.5308C18.9487 12.0974 19.3269 11.5863 19.5963 10.9973C19.8654 10.4081 20 9.74233 20 9C20 8.3 19.8708 7.65 19.6125 7.05C19.3542 6.45 18.9917 5.925 18.525 5.475C18.075 5.00833 17.55 4.64583 16.95 4.3875C16.35 4.12917 15.7 4 15 4C14.282 4 13.6272 4.13625 13.0355 4.40875C12.4438 4.68108 11.9218 5.06408 11.4692 5.55775C12.4717 5.46792 13.4124 5.59775 14.2913 5.94725C15.1701 6.29658 15.9326 6.79108 16.5788 7.43075C17.2249 8.07692 17.7227 8.83783 18.072 9.7135C18.4213 10.5892 18.5512 11.5283 18.4615 12.5308Z",fill:"currentColor"})})});module.exports=s;

package/dist/mainstack-design-system60.js

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

package/dist/mainstack-design-system600.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-8 mds:text-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10","mds:disabled:text-disabled mds:disabled:pointer-events-none","mds:data-[state=active]:text-primary","mds:data-[state=active]:disabled:text-disabled"],button:["mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary","mds:data-[state=active]:text-on-primary","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"horizontal"}}),d=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-7 mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=d;exports.tabsTriggerVariants=s;
+"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;

package/dist/mainstack-design-system600.js

@@ -1,45 +1,16 @@
-import { c as d } from "./index-D29mdTf5.js";
-const e = d(
-  "mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
-  {
-    variants: {
-      variant: {
-        underline: [
-          "mds:px-8 mds:py-8 mds:text-secondary",
-          "mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10",
-          "mds:disabled:text-disabled mds:disabled:pointer-events-none",
-          "mds:data-[state=active]:text-primary",
-          "mds:data-[state=active]:disabled:text-disabled"
-        ],
-        button: [
-          "mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary",
-          "mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary",
-          "mds:data-[state=active]:text-on-primary",
-          "mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"
-        ]
-      },
-      layout: {
-        horizontal: "mds:flex-row",
-        vertical: "mds:flex-col"
-      }
-    },
-    defaultVariants: {
-      variant: "underline",
-      layout: "horizontal"
-    }
-  }
-), t = d("mds:flex mds:items-center", {
-  variants: {
-    variant: {
-      underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-7 mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",
-      button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"
-    }
-  },
-  defaultVariants: {
-    variant: "underline"
-  }
-});
+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 />."
+    );
+  return e;
+}
 export {
-  t as tabsListVariants,
-  e as tabsTriggerVariants
+  o as PhoneNumberContext,
+  u as usePhoneNumberContext
 };

package/dist/mainstack-design-system601.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext(null);function n(){const t=e.useContext(o);if(!t)throw new Error("useTextEditorContext must be used within a <TextEditorContext />.");return t}exports.TextEditorContext=o;exports.useTextEditorContext=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system366.cjs");const i=require("./mainstack-design-system197.cjs");require("./player-BoD_1Mo-.cjs");const l=require("./utils-Dp-J9Ksy.cjs"),u=require("./mainstack-design-system624.cjs"),s=c.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r)}),e.jsx(i,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;

package/dist/mainstack-design-system601.js

@@ -1,16 +1,52 @@
-import { createContext as e, useContext as o } from "react";
-const n = e(
-  null
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import "./mainstack-design-system366.js";
+import c from "./mainstack-design-system197.js";
+import "./player-DtDfxekb.js";
+import { c as l } from "./utils-BWBRqOem.js";
+import { getCountryFlagComp as p } from "./mainstack-design-system624.js";
+const u = i(
+  ({
+    isOptionOpen: e,
+    activeCountry: o,
+    onOptionOpenChange: s,
+    isError: r,
+    isSuccess: d,
+    ...m
+  }, a) => /* @__PURE__ */ n(
+    "button",
+    {
+      onClick: () => s(!0),
+      "data-select-options-opened": e,
+      "data-editable": "false",
+      className: l(
+        "form-root-slot-defaults",
+        "mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"
+      ),
+      ref: a,
+      ...m,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "data-error": r,
+            "data-success": d,
+            className: "mds:flex mds:items-center mds:justify-center",
+            children: p(o)
+          }
+        ),
+        /* @__PURE__ */ t(
+          c,
+          {
+            "data-select-options-opened": e,
+            className: "mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"
+          }
+        )
+      ]
+    }
+  )
 );
-function x() {
-  const t = o(n);
-  if (!t)
-    throw new Error(
-      "useTextEditorContext must be used within a <TextEditorContext />."
-    );
-  return t;
-}
+u.displayName = " FormCountrySelect";
 export {
-  n as TextEditorContext,
-  x as useTextEditorContext
+  u as FormCountrySelect
 };

package/dist/mainstack-design-system602.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1","mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]","mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start","mds:focus-visible:ring-2 mds:focus-visible:outline-none mds:focus-visible:ring-border-surface-spread-focus","mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active","mds:hover:bg-interactive-secondary"],{variants:{disabled:{true:["mds:pointer-events-none mds:opacity-60","mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Dp-J9Ksy.cjs"),e=n.forwardRef(({isOptionOpen:r,className:s,...o},t)=>d.jsx("div",{"data-select-options-opened":r,className:i.cn("mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",s),ref:t,...o}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;

package/dist/mainstack-design-system602.js

@@ -1,24 +1,21 @@
-import { c as e } from "./index-D29mdTf5.js";
-const d = e(
-  [
-    "mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",
-    "mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
-    "mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start",
-    "mds:focus-visible:ring-2 mds:focus-visible:outline-none mds:focus-visible:ring-border-surface-spread-focus",
-    "mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active",
-    "mds:hover:bg-interactive-secondary"
-  ],
-  {
-    variants: {
-      disabled: {
-        true: [
-          "mds:pointer-events-none mds:opacity-60",
-          "mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"
-        ]
-      }
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as t } from "./utils-BWBRqOem.js";
+const a = m(
+  ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ e(
+    "div",
+    {
+      "data-select-options-opened": r,
+      className: t(
+        "mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
+        o
+      ),
+      ref: d,
+      ...s
     }
-  }
+  )
 );
+a.displayName = "FormCountryOptions";
 export {
-  d as tileVariants
+  a as FormCountryOptions
 };

package/dist/mainstack-design-system603.cjs

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

package/dist/mainstack-design-system603.js

@@ -1,16 +1,109 @@
-import { createContext as e, useContext as n } from "react";
-const o = e(
-  null
-);
-function r() {
-  const t = n(o);
-  if (!t)
-    throw new Error(
-      "useDateRangeContext must be used within a <DateRangeContext />."
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { forwardRef as u, useMemo as h } from "react";
+import { n as a, c as r } from "./utils-BWBRqOem.js";
+import { getCountryFlagComp as x } from "./mainstack-design-system624.js";
+import { S as v, a as N, b as g, c as w, d as y } from "./index-CLUgda6x.js";
+const S = u(
+  ({
+    onOptionOpenChange: t,
+    searchCountry: m,
+    activeCountry: i,
+    countryList: l,
+    onSetActiveCountry: n,
+    getCountryMetaInfo: c,
+    className: f,
+    ...p
+  }, b) => {
+    const o = h(() => m ? l.filter(
+      (s) => a[s].toLowerCase().includes(m.toLowerCase())
+    ) : l, [m, l]);
+    return /* @__PURE__ */ d(
+      v,
+      {
+        style: {
+          "--scrollbar-size": "8px"
+        },
+        className: r("mds:flex mds:flex-col mds:max-h-188", f),
+        "data-slot": "phone-number-options-list",
+        ref: b,
+        ...p,
+        children: [
+          /* @__PURE__ */ e(N, { className: "mds:h-full mds:pr-8 mds:w-full", children: /* @__PURE__ */ e(
+            "div",
+            {
+              "data-slot": "phone-number-options-list-inner",
+              className: r("mds:flex mds:flex-col mds:gap-8"),
+              children: o.length ? o.map((s) => /* @__PURE__ */ d(
+                "button",
+                {
+                  role: "option",
+                  "aria-selected": s === i,
+                  onClick: () => {
+                    n(s), t(!1);
+                  },
+                  className: "mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",
+                  children: [
+                    /* @__PURE__ */ d("div", { className: "mds:flex mds:items-center mds:gap-8", children: [
+                      /* @__PURE__ */ e("div", { className: "mds:flex mds:items-center mds:justify-center", children: x(s) }),
+                      /* @__PURE__ */ e(
+                        "p",
+                        {
+                          className: r(
+                            "mds:body-extrasmall-medium",
+                            "mds:text-primary"
+                          ),
+                          children: a[s]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e(
+                      "p",
+                      {
+                        className: r(
+                          "mds:body-extrasmall-regular",
+                          "mds:text-secondary"
+                        ),
+                        children: c(s)
+                      }
+                    )
+                  ]
+                },
+                s
+              )) : /* @__PURE__ */ e(
+                "p",
+                {
+                  className: r(
+                    "mds:body-extrasmall-regular",
+                    "mds:text-tertiary mds:text-center"
+                  ),
+                  children: "No option found"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            g,
+            {
+              orientation: "vertical",
+              className: "mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",
+              children: /* @__PURE__ */ e(
+                w,
+                {
+                  className: r(
+                    "mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative",
+                    "mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(y, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
+        ]
+      }
     );
-  return t;
-}
+  }
+);
+S.displayName = "FormCountryOptionsList";
 export {
-  o as DateRangeContext,
-  r as useDateRangeContext
+  S as FormCountryOptionsList
 };

package/dist/mainstack-design-system604.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=o.createContext(null);function r(){const e=o.useContext(t);if(!e)throw new Error("useResponsivePopoverDrawerContext must be used within a <ResponsivePopoverDrawerContext />.");return e}exports.ResponsivePopoverDrawerContext=t;exports.useResponsivePopoverDrawerContext=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system449.cjs"),u=require("./mainstack-design-system450.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system93.cjs"),d=require("./mainstack-design-system266.cjs");require("./player-BoD_1Mo-.cjs");const o=i.forwardRef(({searchCountry:n,onChangeSearchCountry:r,...s},t)=>e.jsxs(a.InputRoot,{className:"mds:bg-interactive-secondary",children:[e.jsx(d,{className:"mds:size-24"}),e.jsx(u.InputField,{placeholder:"Search...",value:n,onChange:c=>r(c.target.value),ref:t,...s}),e.jsx(l,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>r("")})]}));o.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=o;

package/dist/mainstack-design-system604.js

@@ -1,14 +1,41 @@
-import { createContext as o, useContext as t } from "react";
-const r = o(null);
-function s() {
-  const e = t(r);
-  if (!e)
-    throw new Error(
-      "useResponsivePopoverDrawerContext must be used within a <ResponsivePopoverDrawerContext />."
-    );
-  return e;
-}
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { InputRoot as l } from "./mainstack-design-system449.js";
+import { InputField as n } from "./mainstack-design-system450.js";
+import "./mainstack-design-system448.js";
+import "./mainstack-design-system366.js";
+import p from "./mainstack-design-system93.js";
+import c from "./mainstack-design-system266.js";
+import "./player-DtDfxekb.js";
+const d = a(
+  ({
+    searchCountry: e,
+    onChangeSearchCountry: o,
+    ...m
+  }, t) => /* @__PURE__ */ s(l, { className: "mds:bg-interactive-secondary", children: [
+    /* @__PURE__ */ r(c, { className: "mds:size-24" }),
+    /* @__PURE__ */ r(
+      n,
+      {
+        placeholder: "Search...",
+        value: e,
+        onChange: (i) => o(i.target.value),
+        ref: t,
+        ...m
+      }
+    ),
+    /* @__PURE__ */ r(
+      p,
+      {
+        role: "button",
+        className: "mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",
+        variant: "filled",
+        onClick: () => o("")
+      }
+    )
+  ] })
+);
+d.displayName = "FormCountryOptionsSearchField";
 export {
-  r as ResponsivePopoverDrawerContext,
-  s as useResponsivePopoverDrawerContext
+  d as FormCountryOptionsSearchField
 };

package/dist/mainstack-design-system605.cjs

@@ -1 +1 @@
-"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("useDatePickerContext must be used within a <DatePickerContext />.");return e}exports.DatePickerContext=n;exports.useDatePickerContext=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=t.createContext(null);function n(){const e=t.useContext(i);if(!e)throw new Error("usePriceFieldContext must be used within a <PriceFieldContext />.");return e}exports.PriceFieldContext=i;exports.usePriceFieldContext=n;