mainstack-design-system 1.3.9 → 1.4.1

package/dist/mainstack-design-system577.js

@@ -1,16 +1,16 @@
-import { createContext as e, useContext as n } from "react";
-const o = e(
+import { createContext as t, useContext as n } from "react";
+const o = t(
   null
 );
-function r() {
-  const t = n(o);
-  if (!t)
+function u() {
+  const e = n(o);
+  if (!e)
     throw new Error(
-      "useDateRangeContext must be used within a <DateRangeContext />."
+      "usePhoneNumberContext must be used within a <PhoneNumberContext />."
     );
-  return t;
+  return e;
 }
 export {
-  o as DateRangeContext,
-  r as useDateRangeContext
+  o as PhoneNumberContext,
+  u as usePhoneNumberContext
 };

package/dist/mainstack-design-system578.cjs

@@ -1 +1 @@
-"use strict";const n=require("react"),u=c=>{const[a,t]=n.useState(!1),e=n.useRef(null);return n.useLayoutEffect(()=>{e.current=window.matchMedia(c);const s=e.current.matches;return t(!!s),e.current.onchange=r=>{r.matches?t(!0):t(!1)},()=>{e.current&&(e.current.onchange=null)}},[c]),[a]};module.exports=u;
+"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-FBJ8OQ9f.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;

package/dist/mainstack-design-system578.js

@@ -1,16 +1,52 @@
-import { useState as s, useRef as u, useLayoutEffect as l } from "react";
-const f = (a) => {
-  const [n, t] = s(!1), e = u(null);
-  return l(() => {
-    e.current = window.matchMedia(a);
-    const c = e.current.matches;
-    return t(!!c), e.current.onchange = (r) => {
-      r.matches ? t(!0) : t(!1);
-    }, () => {
-      e.current && (e.current.onchange = null);
-    };
-  }, [a]), [n];
-};
+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-DnnzGb1L.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"
+          }
+        )
+      ]
+    }
+  )
+);
+u.displayName = " FormCountrySelect";
 export {
-  f as default
+  u as FormCountrySelect
 };

package/dist/mainstack-design-system579.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 s=require("react/jsx-runtime"),i=require("react"),a=require("./utils-FBJ8OQ9f.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;

package/dist/mainstack-design-system579.js

@@ -1,14 +1,21 @@
-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 { jsx as a } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as s } from "./utils-DnnzGb1L.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
+    }
+  )
+);
+d.displayName = "FormCountryOptions";
 export {
-  r as ResponsivePopoverDrawerContext,
-  s as useResponsivePopoverDrawerContext
+  d as FormCountryOptions
 };

package/dist/mainstack-design-system580.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 e=require("react/jsx-runtime"),i=require("react"),o=require("./index-C7rXc8w3.cjs"),t=require("./utils-FBJ8OQ9f.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;

package/dist/mainstack-design-system580.js

@@ -1,16 +1,100 @@
-import { createContext as e, useContext as n } from "react";
-const o = e(
-  null
-);
-function c() {
-  const t = n(o);
-  if (!t)
-    throw new Error(
-      "useDatePickerContext must be used within a <DatePickerContext />."
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as u, useMemo as h } from "react";
+import { a as x, c as s } from "./index-BQdKkfuK.js";
+import { c as l } from "./utils-DnnzGb1L.js";
+import { getCountryFlagComp as v } from "./mainstack-design-system602.js";
+import { S as N, a as g, b as y, c as w, d as C } from "./index-CLUgda6x.js";
+const S = u(
+  ({
+    onOptionOpenChange: i,
+    searchCountry: o,
+    activeCountry: n,
+    onSetActiveCountry: c,
+    getCountryMetaInfo: m,
+    className: d,
+    ...f
+  }, p) => {
+    const a = h(() => {
+      const e = x();
+      return o ? e.filter(
+        (b) => s[b].toLowerCase().includes(o.toLowerCase())
+      ) : e;
+    }, [o]);
+    return /* @__PURE__ */ t(
+      N,
+      {
+        style: {
+          "--scrollbar-size": "8px"
+        },
+        className: l("flex flex-col max-h-188", d),
+        "data-slot": "phone-number-options-list",
+        ref: p,
+        ...f,
+        children: [
+          /* @__PURE__ */ r(g, { className: "h-full pr-8 w-full", children: /* @__PURE__ */ r(
+            "div",
+            {
+              "data-slot": "phone-number-options-list-inner",
+              className: l("flex flex-col gap-8"),
+              children: a.length ? a.map((e) => /* @__PURE__ */ t(
+                "button",
+                {
+                  role: "option",
+                  "aria-selected": e === n,
+                  onClick: () => {
+                    c(e), i(!1);
+                  },
+                  className: "flex cursor-pointer py-8 px-10 rounded-12 items-center justify-between hover:bg-interactive-secondary-hover",
+                  children: [
+                    /* @__PURE__ */ t("div", { className: "flex items-center gap-8", children: [
+                      /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: v(e) }),
+                      /* @__PURE__ */ r("p", { className: l("body-extrasmall-medium", "text-primary"), children: s[e] })
+                    ] }),
+                    /* @__PURE__ */ r(
+                      "p",
+                      {
+                        className: l("body-extrasmall-regular", "text-secondary"),
+                        children: m(e)
+                      }
+                    )
+                  ]
+                },
+                e
+              )) : /* @__PURE__ */ r(
+                "p",
+                {
+                  className: l(
+                    "body-extrasmall-regular",
+                    "text-tertiary text-center"
+                  ),
+                  children: "No option found"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ r(
+            y,
+            {
+              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: /* @__PURE__ */ r(
+                w,
+                {
+                  className: l(
+                    "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"
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r(C, { className: "bg-border-interactive-neutral-inverse-hover" })
+        ]
+      }
     );
-  return t;
-}
+  }
+);
+S.displayName = "FormCountryOptionsList";
 export {
-  o as DatePickerContext,
-  c as useDatePickerContext
+  S as FormCountryOptionsList
 };

package/dist/mainstack-design-system581.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("useTimePickerContext must be used within a <TimePickerContext />.");return e}exports.TimePickerContext=i;exports.useTimePickerContext=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system433.cjs"),u=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const l=require("./mainstack-design-system91.cjs"),p=require("./mainstack-design-system264.cjs");require("./player-BKifgSJo.cjs");const o=i.forwardRef(({searchCountry:n,onChangeSearchCountry:r,...t},s)=>e.jsxs(a.InputRoot,{className:"bg-interactive-secondary",children:[e.jsx(p,{className:"size-24"}),e.jsx(u.InputField,{placeholder:"Search...",value:n,onChange:c=>r(c.target.value),ref:s,...t}),e.jsx(l,{role:"button",className:"size-20 block cursor-pointer  peer-placeholder-shown:hidden",variant:"filled",onClick:()=>r("")})]}));o.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=o;

package/dist/mainstack-design-system581.js

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

package/dist/mainstack-design-system582.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=()=>{const o={Hours:[],Minutes:[],"AM/PM":["AM","PM"]};for(let t=0;t<60;t++){if(t<12){const e=t+1;o.Hours.push(e.toString().padStart(2,"0"))}o.Minutes.push(t.toString().padStart(2,"0"))}return o},r=n();exports.timeOptionBreakdown=r;
+"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;

package/dist/mainstack-design-system582.js

@@ -1,18 +1,16 @@
-const r = () => {
-  const o = {
-    Hours: [],
-    Minutes: [],
-    "AM/PM": ["AM", "PM"]
-  };
-  for (let t = 0; t < 60; t++) {
-    if (t < 12) {
-      const n = t + 1;
-      o.Hours.push(n.toString().padStart(2, "0"));
-    }
-    o.Minutes.push(t.toString().padStart(2, "0"));
-  }
-  return o;
-}, e = r();
+import { createContext as t, useContext as n } from "react";
+const o = t(
+  null
+);
+function i() {
+  const e = n(o);
+  if (!e)
+    throw new Error(
+      "usePriceFieldContext must be used within a <PriceFieldContext />."
+    );
+  return e;
+}
 export {
-  e as timeOptionBreakdown
+  o as PriceFieldContext,
+  i as usePriceFieldContext
 };

package/dist/mainstack-design-system583.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-C7rXc8w3.cjs"),r=()=>{const n=t.getCountries(),o=[];return n.forEach(e=>{o.push({value:t.countriesEnglishNames[e],label:t.countriesEnglishNames[e],data:{iso2Code:e}})}),o},s=r();exports.CountrySelectOptionsArray=s;exports.getCountrySelectOptionsArray=r;
+"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;

package/dist/mainstack-design-system583.js

@@ -1,17 +1,14 @@
-import { a as r, c as s } from "./index-BQdKkfuK.js";
-const a = () => {
-  const e = r(), o = [];
-  return e.forEach((t) => {
-    o.push({
-      value: s[t],
-      label: s[t],
-      data: {
-        iso2Code: t
-      }
-    });
-  }), o;
-}, i = a();
+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;
+}
 export {
-  i as CountrySelectOptionsArray,
-  a as getCountrySelectOptionsArray
+  o as SelectContext,
+  c as useSelectContext
 };

package/dist/mainstack-design-system584.cjs

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

package/dist/mainstack-design-system584.js

@@ -1,13 +1,11 @@
-import { createContext as t, useContext as o } from "react";
-const r = t(
-  void 0
-), n = () => {
-  const e = o(r);
-  if (!e)
-    throw new Error("useTableScroll must be used within TableScrollProvider");
-  return e;
+import * as e from "react";
+const o = e.createContext(null), s = () => {
+  const t = e.useContext(o);
+  if (!t)
+    throw new Error("useTabsContext must be used within <TabsRoot>");
+  return t;
 };
 export {
-  r as TableContext,
-  n as useTableScroll
+  o as TabsContext,
+  s as useTabsContext
 };

package/dist/mainstack-design-system585.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),e=n.createContext(null),o=()=>{const t=n.useContext(e);if(!t)throw new Error("usePagination must be used within PaginationProvider");return t};exports.PaginationContext=e;exports.usePagination=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva("relative inline-flex items-center gap-6 justify-center cursor-pointer whitespace-nowrap body-extrasmall-book transition-all disabled:pointer-events-none disabled:text-disabled transition-transform ease-out-pressed duration-100 active:scale-[0.96]",{variants:{variant:{underline:["px-8 py-6 text-secondary","hover:bg-surface-neutral-l4 hover:rounded-10","disabled:text-disabled disabled:pointer-events-none","data-[state=active]:text-primary","after:absolute after:left-0 after:right-0 after:-bottom-9 after:h-2 after:bg-transparent","data-[state=active]:after:bg-interactive-primary","data-[state=active]:disabled:text-disabled","data-[state=active]:disabled:after:bg-interactive-primary-disabled"],button:["px-16 py-10 rounded-full bg-transparent text-on-secondary","hover:bg-surface-neutral-l4 hover:rounded-full hover:text-on-secondary","data-[state=active]:bg-interactive-primary data-[state=active]:text-on-primary ","data-[state=active]:hover:bg-interactive-primary-hover","disabled:text-disabled disabled:pointer-events-none data-[state=active]:disabled:bg-interactive-primary-disabled data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"flex-row",vertical:"flex-col"}},defaultVariants:{variant:"underline",layout:"vertical"}}),a=e.cva("flex items-center",{variants:{variant:{underline:"justify-between gap-20 border-b-2 border-border-interactive-neutral py-8",button:"gap-4 p-4 bg-surface-neutral-l4 rounded-full"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=a;exports.tabsTriggerVariants=t;

package/dist/mainstack-design-system585.js

@@ -1,14 +1,49 @@
-'use client';
-import { createContext as n, useContext as o } from "react";
-const e = n(
-  null
-), r = () => {
-  const t = o(e);
-  if (!t)
-    throw new Error("usePagination must be used within PaginationProvider");
-  return t;
-};
+import { c as e } from "./index-D29mdTf5.js";
+const a = e(
+  "relative inline-flex items-center gap-6 justify-center cursor-pointer whitespace-nowrap body-extrasmall-book transition-all disabled:pointer-events-none disabled:text-disabled transition-transform ease-out-pressed duration-100 active:scale-[0.96]",
+  {
+    variants: {
+      variant: {
+        underline: [
+          "px-8 py-6 text-secondary",
+          "hover:bg-surface-neutral-l4 hover:rounded-10",
+          "disabled:text-disabled disabled:pointer-events-none",
+          "data-[state=active]:text-primary",
+          "after:absolute after:left-0 after:right-0 after:-bottom-9 after:h-2 after:bg-transparent",
+          "data-[state=active]:after:bg-interactive-primary",
+          "data-[state=active]:disabled:text-disabled",
+          "data-[state=active]:disabled:after:bg-interactive-primary-disabled"
+        ],
+        button: [
+          "px-16 py-10 rounded-full bg-transparent text-on-secondary",
+          "hover:bg-surface-neutral-l4 hover:rounded-full hover:text-on-secondary",
+          "data-[state=active]:bg-interactive-primary data-[state=active]:text-on-primary ",
+          "data-[state=active]:hover:bg-interactive-primary-hover",
+          "disabled:text-disabled disabled:pointer-events-none data-[state=active]:disabled:bg-interactive-primary-disabled data-[state=active]:disabled:text-on-primary-disabled"
+        ]
+      },
+      layout: {
+        horizontal: "flex-row",
+        vertical: "flex-col"
+      }
+    },
+    defaultVariants: {
+      variant: "underline",
+      layout: "vertical"
+    }
+  }
+), r = e("flex items-center", {
+  variants: {
+    variant: {
+      underline: "justify-between gap-20 border-b-2 border-border-interactive-neutral py-8",
+      button: "gap-4 p-4 bg-surface-neutral-l4 rounded-full"
+    }
+  },
+  defaultVariants: {
+    variant: "underline"
+  }
+});
 export {
-  e as PaginationContext,
-  r as usePagination
+  r as tabsListVariants,
+  a as tabsTriggerVariants
 };

package/dist/mainstack-design-system586.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 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;

package/dist/mainstack-design-system586.js

@@ -1,27 +1,16 @@
-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 { createContext as e, useContext as o } from "react";
+const n = e(
+  null
+);
+function x() {
+  const t = o(n);
+  if (!t)
+    throw new Error(
+      "useTextEditorContext must be used within a <TextEditorContext />."
+    );
+  return t;
+}
 export {
-  o as mapDefaultValuesToSelectedOption,
-  i as parseSelectOptions
+  n as TextEditorContext,
+  x as useTextEditorContext
 };

package/dist/mainstack-design-system587.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),E=require("react"),q=require("./index-_XxjJPRD.cjs"),v=require("./index-5OKsHRWb.cjs"),F=require("./index-C8aODXfJ.cjs"),H=require("./index-DYxWvftI.cjs"),L=require("./index-bSPhqlcX.cjs"),G=require("./index-Bd0gQB0k.cjs");require("./mainstack-design-system355.cjs");const K=require("./mainstack-design-system102.cjs"),U=require("./utils-DRUMSl4z.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const d=X(E);var _="Checkbox",[J]=v.createContextScope(_),[Q,P]=J(_);function V(e){const{__scopeCheckbox:o,checked:t,children:a,defaultChecked:s,disabled:r,form:f,name:p,onCheckedChange:u,required:k,value:m="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:s??!1,onChange:u,caller:_}),[x,C]=d.useState(null),[y,n]=d.useState(null),i=d.useRef(!1),R=x?!!f||!!x.closest("form"):!0,I={checked:b,disabled:r,setChecked:g,control:x,setControl:C,name:p,form:f,value:m,hasConsumerStoppedPropagationRef:i,required:k,defaultChecked:h(s)?!1:s,isFormControl:R,bubbleInput:y,setBubbleInput:n};return c.jsx(Q,{scope:o,...I,children:W(l)?l(I):a})}var S="CheckboxTrigger",N=d.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...a},s)=>{const{control:r,value:f,disabled:p,checked:u,required:k,setControl:m,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(s,m),y=d.useRef(u);return d.useEffect(()=>{const n=r?.form;if(n){const i=()=>l(y.current);return n.addEventListener("reset",i),()=>n.removeEventListener("reset",i)}},[r,l]),c.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":h(u)?"mixed":u,"aria-required":k,"data-state":T(u),"data-disabled":p?"":void 0,disabled:p,value:f,...a,ref:C,onKeyDown:v.composeEventHandlers(o,n=>{n.key==="Enter"&&n.preventDefault()}),onClick:v.composeEventHandlers(t,n=>{l(i=>h(i)?!0:!i),x&&g&&(b.current=n.isPropagationStopped(),b.current||n.stopPropagation())})})});N.displayName=S;var w=d.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:a,checked:s,defaultChecked:r,required:f,disabled:p,value:u,onCheckedChange:k,form:m,...l}=e;return c.jsx(V,{__scopeCheckbox:t,checked:s,defaultChecked:r,disabled:p,required:f,onCheckedChange:k,name:a,form:m,value:u,internal_do_not_use_render:({isFormControl:b})=>c.jsxs(c.Fragment,{children:[c.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&c.jsx(M,{__scopeCheckbox:t})]})})});w.displayName=_;var z="CheckboxIndicator",O=d.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:a,...s}=e,r=P(z,t);return c.jsx(G.Presence,{present:a||h(r.checked)||r.checked===!0,children:c.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...s,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=z;var B="CheckboxBubbleInput",M=d.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:a,hasConsumerStoppedPropagationRef:s,checked:r,defaultChecked:f,required:p,disabled:u,name:k,value:m,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(a);d.useEffect(()=>{const i=b;if(!i)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!s.current;if(C!==r&&j){const A=new Event("click",{bubbles:$});i.indeterminate=h(r),j.call(i,h(r)?!1:r),i.dispatchEvent(A)}},[b,C,r,s]);const n=d.useRef(h(r)?!1:r);return c.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:f??n.current,required:p,disabled:u,name:k,value:m,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function h(e){return e==="indeterminate"}function T(e){return h(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>c.jsx(w,{"data-slot":"checkbox-indicator",className:U.cn("peer relative flex justify-center items-center cursor-pointer  gap-12 border rounded-6 border-border-interactive-neutral bg-on-primary active:transition-transform ease-out-cubic duration-150 active:scale-[0.85] focus:ring-2 active:ring-2 focus:ring-border-surface-spread-focus active:ring-border-surface-spread-neutral ring-offset-0 size-24 group-data-[checkbox-shape=full-radius]:rounded-full group-data-[error=true]:border-border-surface-error-l1 group-data-[checkbox-size=large]:size-32 group-data-[checkbox-size=extra-small]:size-18 disabled:cursor-not-allowed disabled:bg-interactive-primary-disabled group-hover:border-border-interactive-neutral-active-hover aria-checked:bg-interactive-primary disabled:aria-checked:bg-disabled disabled:border-bg-interactive-primary-disabled ",e),ref:t,...o,children:c.jsx(O,{children:c.jsx(K,{className:"size-24 text-on-primary group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva(["group w-full rounded-18 body-font-family gap-12 select-none relative flex cursor-pointer items-center p-18 border border-border-interactive-neutral bg-surface-neutral-l1","transition-transform ease-out-pressed duration-100 active:scale-[0.96]","has-[>[data-slot=tile-header]]:flex-col has-[>[data-slot=tile-header]]:items-start","focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-border-surface-spread-focus","data-[selected=true]:border-2 data-[selected=true]:border-border-interactive-neutral-active","hover:bg-interactive-secondary"],{variants:{disabled:{true:["pointer-events-none opacity-60","data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=t;