mainstack-design-system 1.2.1 → 1.3.0

package/dist/mainstack-design-system548.js

@@ -3,7 +3,7 @@ import "./mainstack-design-system382.js";
 import "./mainstack-design-system383.js";
 import "./mainstack-design-system384.js";
 import { Button as r } from "./mainstack-design-system385.js";
-import { usePagination as e } from "./mainstack-design-system581.js";
+import { usePagination as e } from "./mainstack-design-system582.js";
 const a = () => {
   const { page: t, setPage: i } = e();
   return /* @__PURE__ */ o(

package/dist/mainstack-design-system549.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");const a=require("./mainstack-design-system385.cjs"),r=require("./mainstack-design-system581.cjs"),e=()=>{const{page:t,totalPages:n,setPage:i}=r.usePagination();return o.jsx(a.Button,{variant:"outline",status:"default",size:"xs",rounded:"sm",disabled:t===n,onClick:()=>i(t+1),children:"Next"})};e.displayName="PaginationNext";exports.PaginationNext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");const a=require("./mainstack-design-system385.cjs"),r=require("./mainstack-design-system582.cjs"),e=()=>{const{page:t,totalPages:n,setPage:i}=r.usePagination();return o.jsx(a.Button,{variant:"outline",status:"default",size:"xs",rounded:"sm",disabled:t===n,onClick:()=>i(t+1),children:"Next"})};e.displayName="PaginationNext";exports.PaginationNext=e;

package/dist/mainstack-design-system549.js

@@ -3,7 +3,7 @@ import "./mainstack-design-system382.js";
 import "./mainstack-design-system383.js";
 import "./mainstack-design-system384.js";
 import { Button as e } from "./mainstack-design-system385.js";
-import { usePagination as n } from "./mainstack-design-system581.js";
+import { usePagination as n } from "./mainstack-design-system582.js";
 const r = () => {
   const { page: t, totalPages: o, setPage: i } = n();
   return /* @__PURE__ */ a(

package/dist/mainstack-design-system550.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("./mainstack-design-system586.cjs"),p=require("./mainstack-design-system581.cjs"),r=({className:l,...u})=>{const{page:s,setPage:c,totalPages:e}=p.usePagination(),d=()=>{const t=[];if(e===0)return[];if(e<=5){for(let a=1;a<=e;a++)t.push(a);return t}t.push(1);let n,i;s<=3?(n=2,i=4):s>=e-2?(n=e-3,i=e-1):(n=s-1,i=s+1),n=Math.max(2,n),i=Math.min(e-1,i),n>2&&t.push("...");for(let a=n;a<=i;a++)t.push(a);return i<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return o.jsx("div",{className:g.cn("flex justify-center items-center rounded-full p-6 gap-6 bg-interactive-secondary",l),...u,children:d().map((t,n)=>{if(t==="...")return o.jsx("div",{className:" text-secondary",children:"...."},`ellipsis-${n}`);const i=t===s;return o.jsx("button",{"data-state":i?"active":"inactive",className:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("./mainstack-design-system587.cjs"),p=require("./mainstack-design-system582.cjs"),r=({className:l,...u})=>{const{page:s,setPage:c,totalPages:e}=p.usePagination(),d=()=>{const t=[];if(e===0)return[];if(e<=5){for(let a=1;a<=e;a++)t.push(a);return t}t.push(1);let n,i;s<=3?(n=2,i=4):s>=e-2?(n=e-3,i=e-1):(n=s-1,i=s+1),n=Math.max(2,n),i=Math.min(e-1,i),n>2&&t.push("...");for(let a=n;a<=i;a++)t.push(a);return i<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return o.jsx("div",{className:g.cn("flex justify-center items-center rounded-full p-6 gap-6 bg-interactive-secondary",l),...u,children:d().map((t,n)=>{if(t==="...")return o.jsx("div",{className:" text-secondary",children:"...."},`ellipsis-${n}`);const i=t===s;return o.jsx("button",{"data-state":i?"active":"inactive",className:`
             w-20 h-20 flex items-center justify-center rounded-full 
             body-tiny-semibold transition-colors bg-neutral-275 
             data-[state=active]:bg-primary text-on-primary

package/dist/mainstack-design-system550.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as u } from "./mainstack-design-system586.js";
-import { usePagination as d } from "./mainstack-design-system581.js";
+import { cn as u } from "./mainstack-design-system587.js";
+import { usePagination as d } from "./mainstack-design-system582.js";
 const f = ({
   className: o,
   ...l

package/dist/mainstack-design-system551.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system553.cjs"),s=require("./mainstack-design-system456.cjs"),c=require("./mainstack-design-system457.cjs"),u=require("./mainstack-design-system458.cjs"),p=require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");require("./mainstack-design-system454.cjs");require("./mainstack-design-system455.cjs");const m=require("./mainstack-design-system581.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system553.cjs"),s=require("./mainstack-design-system456.cjs"),c=require("./mainstack-design-system457.cjs"),u=require("./mainstack-design-system458.cjs"),p=require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");require("./mainstack-design-system454.cjs");require("./mainstack-design-system455.cjs");const m=require("./mainstack-design-system582.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;

package/dist/mainstack-design-system551.js

@@ -8,7 +8,7 @@ import "./mainstack-design-system460.js";
 import "./mainstack-design-system461.js";
 import "./mainstack-design-system454.js";
 import "./mainstack-design-system455.js";
-import { usePagination as c } from "./mainstack-design-system581.js";
+import { usePagination as c } from "./mainstack-design-system582.js";
 const g = () => {
   const { limit: a, setLimit: l } = c(), r = [
     { value: "10", label: "10 items per page" },

package/dist/mainstack-design-system553.cjs

@@ -1,2 +1,2 @@
 '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-system567.cjs"),m=require("./mainstack-design-system582.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;
+"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-system568.cjs"),m=require("./mainstack-design-system583.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-system553.js

@@ -3,8 +3,8 @@ 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-system567.js";
-import { parseSelectOptions as T, mapDefaultValuesToSelectedOption as k } from "./mainstack-design-system582.js";
+import { SelectContext as N } from "./mainstack-design-system568.js";
+import { parseSelectOptions as T, mapDefaultValuesToSelectedOption as k } from "./mainstack-design-system583.js";
 const q = E(
   ({
     isDisabled: S,

package/dist/mainstack-design-system556.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=e.createContext(void 0),o=()=>{const t=e.useContext(r);if(t===void 0)throw new Error("useAvatarSize must be used within an AvatarProvider");return t.size};exports.AvatarContext=r;exports.useAvatarSize=o;

package/dist/mainstack-design-system556.js

@@ -1,7 +1,13 @@
-import * as t from "react";
-const o = t.createContext(
-  null
-);
+import { createContext as e, useContext as r } from "react";
+const o = e(
+  void 0
+), a = () => {
+  const t = r(o);
+  if (t === void 0)
+    throw new Error("useAvatarSize must be used within an AvatarProvider");
+  return t.size;
+};
 export {
-  o as TooltipContext
+  o as AvatarContext,
+  a as useAvatarSize
 };

package/dist/mainstack-design-system557.cjs

@@ -1 +1 @@
-"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;
+"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-system557.js

@@ -1,25 +1,7 @@
-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"
-        }
-      )
-    }
-  ) });
-}
+import * as t from "react";
+const o = t.createContext(
+  null
+);
 export {
-  e as TooltipArrow
+  o as TooltipContext
 };

package/dist/mainstack-design-system558.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system556.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;
+"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-system558.js

@@ -1,11 +1,25 @@
-import { useContext as t } from "react";
-import { TooltipContext as e } from "./mainstack-design-system556.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 { 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 {
-  i as useTooltipContext
+  e as TooltipArrow
 };

package/dist/mainstack-design-system559.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 o=require("react"),e=require("./mainstack-design-system557.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-system559.js

@@ -1,45 +1,11 @@
-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 { useContext as t } from "react";
+import { TooltipContext as e } from "./mainstack-design-system557.js";
+const i = () => {
+  const o = t(e);
+  if (!o)
+    throw new Error("useTooltipContext must be used within a TooltipRoot");
+  return o;
+};
 export {
-  e as bannerVariants
+  i as useTooltipContext
 };

package/dist/mainstack-design-system560.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("usePhoneNumberContext must be used within a <PhoneNumberContext />.");return e}exports.PhoneNumberContext=n;exports.usePhoneNumberContext=o;
+"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;

package/dist/mainstack-design-system560.js

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

package/dist/mainstack-design-system561.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system356.cjs");const u=require("./mainstack-design-system196.cjs"),d=require("./mainstack-design-system586.cjs"),p=require("./mainstack-design-system589.cjs"),o=l.forwardRef(({isOptionOpen:t,activeCountry:r,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(r)}),e.jsx(u,{"data-select-options-opened":t,className:"size-16 transition-transform transition-1000 group-data-[select-options-opened=true]:rotate-180"})]}));o.displayName=" FormCountrySelect";exports.FormCountrySelect=o;
+"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-system561.js

@@ -1,51 +1,16 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import "./mainstack-design-system356.js";
-import l from "./mainstack-design-system196.js";
-import { cn as p } from "./mainstack-design-system586.js";
-import { getCountryFlagComp as m } from "./mainstack-design-system589.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 { createContext as t, useContext as n } from "react";
+const o = t(
+  null
 );
-u.displayName = " FormCountrySelect";
+function u() {
+  const e = n(o);
+  if (!e)
+    throw new Error(
+      "usePhoneNumberContext must be used within a <PhoneNumberContext />."
+    );
+  return e;
+}
 export {
-  u as FormCountrySelect
+  o as PhoneNumberContext,
+  u as usePhoneNumberContext
 };

package/dist/mainstack-design-system562.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system586.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("react/jsx-runtime"),l=require("react");require("./mainstack-design-system356.cjs");const u=require("./mainstack-design-system196.cjs"),d=require("./mainstack-design-system587.cjs"),p=require("./mainstack-design-system590.cjs"),o=l.forwardRef(({isOptionOpen:t,activeCountry:r,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(r)}),e.jsx(u,{"data-select-options-opened":t,className:"size-16 transition-transform transition-1000 group-data-[select-options-opened=true]:rotate-180"})]}));o.displayName=" FormCountrySelect";exports.FormCountrySelect=o;

package/dist/mainstack-design-system562.js

@@ -1,21 +1,51 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { cn as d } from "./mainstack-design-system586.js";
-const p = n(
-  ({ isOptionOpen: r, className: o, ...e }, t) => /* @__PURE__ */ a(
-    "div",
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./mainstack-design-system356.js";
+import l from "./mainstack-design-system196.js";
+import { cn as p } from "./mainstack-design-system587.js";
+import { getCountryFlagComp as m } from "./mainstack-design-system590.js";
+const u = c(
+  ({
+    isOptionOpen: e,
+    activeCountry: o,
+    onOptionOpenChange: r,
+    isError: a,
+    isSuccess: s,
+    ...n
+  }, i) => /* @__PURE__ */ d(
+    "button",
     {
-      "data-select-options-opened": r,
-      className: d(
-        "flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",
-        o
+      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: t,
-      ...e
+      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"
+          }
+        )
+      ]
     }
   )
 );
-p.displayName = "FormCountryOptions";
+u.displayName = " FormCountrySelect";
 export {
-  p as FormCountryOptions
+  u as FormCountrySelect
 };

package/dist/mainstack-design-system563.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),h=require("./index-D6rpLeOg.cjs"),i=require("./en.json-C_LsdSZ9.cjs"),s=require("./mainstack-design-system586.cjs"),g=require("./mainstack-design-system589.cjs"),t=require("./index-BgzojN8c.cjs"),a=n.forwardRef(({onOptionOpenChange:c,searchCountry:l,activeCountry:u,setActiveCountry:m,getCountryMetaInfo:d,className:x,...b},f)=>{const o=n.useMemo(()=>{const r=h.getCountries();return l?r.filter(p=>i.countriesEnglishNames[p].toLowerCase().includes(l.toLowerCase())):r},[l]);return e.jsxs(t.ScrollArea,{style:{"--scrollbar-size":"8px"},className:s.cn("flex flex-col max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(t.ScrollAreaViewport,{className:"h-full pr-8 w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:s.cn("flex flex-col gap-8"),children:o.length?o.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:g.getCountryFlagComp(r)}),e.jsx("p",{className:s.cn("body-extrasmall-medium","text-primary"),children:i.countriesEnglishNames[r]})]}),e.jsx("p",{className:s.cn("body-extrasmall-regular","text-secondary"),children:d(r)})]},r)):e.jsx("p",{className:s.cn("body-extrasmall-regular","text-tertiary text-center"),children:"No option found"})})}),e.jsx(t.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(t.ScrollAreaThumb,{className:s.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(t.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})});a.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system587.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-system563.js

@@ -1,101 +1,21 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { forwardRef as u, useMemo as h } from "react";
-import { a as x } from "./index-BaLp3DZq.js";
-import { c as s } from "./en.json-x2mHjhnP.js";
-import { cn as l } from "./mainstack-design-system586.js";
-import { getCountryFlagComp as v } from "./mainstack-design-system589.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,
-    setActiveCountry: 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" })
-        ]
-      }
-    );
-  }
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as d } from "./mainstack-design-system587.js";
+const p = n(
+  ({ isOptionOpen: r, className: o, ...e }, t) => /* @__PURE__ */ a(
+    "div",
+    {
+      "data-select-options-opened": r,
+      className: d(
+        "flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",
+        o
+      ),
+      ref: t,
+      ...e
+    }
+  )
 );
-S.displayName = "FormCountryOptionsList";
+p.displayName = "FormCountryOptions";
 export {
-  S as FormCountryOptionsList
+  p as FormCountryOptions
 };

package/dist/mainstack-design-system564.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system429.cjs"),l=require("./mainstack-design-system430.cjs");require("./mainstack-design-system428.cjs");require("./mainstack-design-system356.cjs");const u=require("./mainstack-design-system92.cjs"),p=require("./mainstack-design-system265.cjs"),r=i.forwardRef(({searchCountry:n,onChangeSearchCountry:o,...t},s)=>e.jsxs(a.InputRoot,{className:"bg-interactive-secondary",children:[e.jsx(p,{className:"size-24"}),e.jsx(l.InputField,{placeholder:"Search...",value:n,onChange:c=>o(c.target.value),ref:s,...t}),e.jsx(u,{role:"button",className:"size-20 block cursor-pointer  peer-placeholder-shown:hidden",variant:"filled",onClick:()=>o("")})]}));r.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),h=require("./index-D6rpLeOg.cjs"),i=require("./en.json-C_LsdSZ9.cjs"),s=require("./mainstack-design-system587.cjs"),g=require("./mainstack-design-system590.cjs"),t=require("./index-BgzojN8c.cjs"),a=n.forwardRef(({onOptionOpenChange:c,searchCountry:l,activeCountry:u,setActiveCountry:m,getCountryMetaInfo:d,className:x,...b},f)=>{const o=n.useMemo(()=>{const r=h.getCountries();return l?r.filter(p=>i.countriesEnglishNames[p].toLowerCase().includes(l.toLowerCase())):r},[l]);return e.jsxs(t.ScrollArea,{style:{"--scrollbar-size":"8px"},className:s.cn("flex flex-col max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(t.ScrollAreaViewport,{className:"h-full pr-8 w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:s.cn("flex flex-col gap-8"),children:o.length?o.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:g.getCountryFlagComp(r)}),e.jsx("p",{className:s.cn("body-extrasmall-medium","text-primary"),children:i.countriesEnglishNames[r]})]}),e.jsx("p",{className:s.cn("body-extrasmall-regular","text-secondary"),children:d(r)})]},r)):e.jsx("p",{className:s.cn("body-extrasmall-regular","text-tertiary text-center"),children:"No option found"})})}),e.jsx(t.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(t.ScrollAreaThumb,{className:s.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(t.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})});a.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=a;