mainstack-design-system 1.2.1 → 1.3.0

package/dist/mainstack-design-system588.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),f=require("./mainstack-design-system586.cjs"),y=require("./mainstack-design-system503.cjs"),b=require("./mainstack-design-system572.cjs"),l=require("./startOfYear-B8DzhYMZ.cjs"),u=require("./startOfMonth-DcRL7vMm.cjs");function i(e,a,n){return u.addDays(e,-a,n)}function g(e){return l.startOfDay(Date.now(),e)}const m=s.forwardRef(({children:e,className:a,...n},d)=>{const{startOfAllTimeDate:r}=b.useDateRangeContext(),c=s.useMemo(()=>{const t=new Date;return[{label:"Today",id:"today",from:g(),to:t},{label:"Last 7 days",id:"last_7_days",from:i(t,7),to:t},{label:"Last 30 days",id:"last_30_days",from:i(t,30),to:t},{label:"This month",id:"this_month",from:u.startOfMonth(t),to:t},{label:"This year",id:"this_year",from:l.startOfYear(t),to:t},{label:"All time",id:"all_time",from:r,to:t}]},[r]);return o.jsx("div",{"data-slot":"date-range-menubar",ref:d,className:f.cn("flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",a),...n,children:e||c.map(t=>o.jsx(y.DateRangeMenuAction,{className:"basis-auto shrink-0 grow-0",actionData:t,children:t.label},t.id))})});m.displayName="DateRangeMenubar";exports.DateRangeMenubar=m;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system595.cjs"),M=require("./mainstack-design-system596.cjs"),E=require("./mainstack-design-system488.cjs"),p=require("./mainstack-design-system477.cjs");require("react-dom");const m=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system485.cjs"),f=require("./mainstack-design-system474.cjs"),v=require("./mainstack-design-system479.cjs"),q=require("./mainstack-design-system486.cjs"),B=require("./mainstack-design-system482.cjs"),g=require("./mainstack-design-system475.cjs"),h=require("./mainstack-design-system483.cjs"),O=require("./mainstack-design-system481.cjs"),S=require("./mainstack-design-system487.cjs"),b=require("./mainstack-design-system480.cjs"),P=require("./mainstack-design-system476.cjs"),N=require("./mainstack-design-system478.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=m.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(E.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"bg-border-interactive-neutral h-full min-h-30 w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;

package/dist/mainstack-design-system588.js

@@ -1,78 +1,101 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as l, useMemo as f } from "react";
-import { cn as d } from "./mainstack-design-system586.js";
-import { DateRangeMenuAction as u } from "./mainstack-design-system503.js";
-import { useDateRangeContext as p } from "./mainstack-design-system572.js";
-import { s as y, a as b } from "./startOfYear-CF0-g3MC.js";
-import { a as c, s as h } from "./startOfMonth-Bwjl7UH4.js";
-function n(t, e, o) {
-  return c(t, -e, o);
+'use client';
+import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import { forwardRef as v } from "react";
+import { TextEditorRoot as M } from "./mainstack-design-system595.js";
+import { TextEditorField as h } from "./mainstack-design-system596.js";
+import { TextEditorMenuBar as T } from "./mainstack-design-system488.js";
+import { GenerateWithAiMenu as x } from "./mainstack-design-system477.js";
+import "react-dom";
+import { c as N } from "./index-BtQfgaSF.js";
+import { TextSizesMenu as E } from "./mainstack-design-system485.js";
+import { BoldMenu as O } from "./mainstack-design-system474.js";
+import { ItalicMenu as S } from "./mainstack-design-system479.js";
+import { UnderlineMenu as w } from "./mainstack-design-system486.js";
+import { StrikethroughMenu as P } from "./mainstack-design-system482.js";
+import { CodeMenu as g } from "./mainstack-design-system475.js";
+import { TextAlignMenu as I } from "./mainstack-design-system483.js";
+import { OrderedListMenu as R } from "./mainstack-design-system481.js";
+import { UnorderedListMenu as A } from "./mainstack-design-system487.js";
+import { LinkMenu as b } from "./mainstack-design-system480.js";
+import { ColorPickerMenu as y } from "./mainstack-design-system476.js";
+import { ImageUploadMenu as C } from "./mainstack-design-system478.js";
+var L = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], U = L.reduce((t, o) => {
+  const e = N(`Primitive.${o}`), i = l.forwardRef((a, n) => {
+    const { asChild: p, ...m } = a, u = p ? e : o;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(u, { ...m, ref: n });
+  });
+  return i.displayName = `Primitive.${o}`, { ...t, [o]: i };
+}, {}), k = "Separator", f = "horizontal", z = ["horizontal", "vertical"], s = l.forwardRef((t, o) => {
+  const { decorative: e, orientation: i = f, ...a } = t, n = F(i) ? i : f, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+  return /* @__PURE__ */ r(
+    U.div,
+    {
+      "data-orientation": n,
+      ...m,
+      ...a,
+      ref: o
+    }
+  );
+});
+s.displayName = k;
+function F(t) {
+  return z.includes(t);
 }
-function D(t) {
-  return y(Date.now(), t);
-}
-const _ = l(
-  ({ children: t, className: e, ...o }, m) => {
-    const { startOfAllTimeDate: r } = p(), i = f(() => {
-      const a = /* @__PURE__ */ new Date();
-      return [
-        { label: "Today", id: "today", from: D(), to: a },
-        {
-          label: "Last 7 days",
-          id: "last_7_days",
-          from: n(a, 7),
-          to: a
-        },
-        {
-          label: "Last 30 days",
-          id: "last_30_days",
-          from: n(a, 30),
-          to: a
-        },
-        {
-          label: "This month",
-          id: "this_month",
-          from: h(a),
-          to: a
-        },
-        {
-          label: "This year",
-          id: "this_year",
-          from: b(a),
-          to: a
-        },
-        {
-          label: "All time",
-          id: "all_time",
-          from: r,
-          to: a
-        }
-      ];
-    }, [r]);
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        "data-slot": "date-range-menubar",
-        ref: m,
-        className: d(
-          "flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",
-          e
-        ),
-        ...o,
-        children: t || i.map((a) => /* @__PURE__ */ s(
-          u,
-          {
-            className: "basis-auto shrink-0 grow-0",
-            actionData: a,
-            children: a.label
-          },
-          a.id
-        ))
-      }
-    );
-  }
+const er = v(
+  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ d(
+    M,
+    {
+      defaultContent: t,
+      getEditorRef: o,
+      ref: i,
+      ...e,
+      children: [
+        /* @__PURE__ */ d(T, { children: [
+          /* @__PURE__ */ r(x, {}),
+          /* @__PURE__ */ r(
+            s,
+            {
+              className: "bg-border-interactive-neutral h-full min-h-30 w-1",
+              orientation: "vertical"
+            }
+          ),
+          /* @__PURE__ */ r(E, {}),
+          /* @__PURE__ */ r(O, {}),
+          /* @__PURE__ */ r(S, {}),
+          /* @__PURE__ */ r(w, {}),
+          /* @__PURE__ */ r(P, {}),
+          /* @__PURE__ */ r(g, {}),
+          /* @__PURE__ */ r(I, {}),
+          /* @__PURE__ */ r(R, {}),
+          /* @__PURE__ */ r(A, {}),
+          /* @__PURE__ */ r(b, {}),
+          /* @__PURE__ */ r(C, {}),
+          /* @__PURE__ */ r(y, {})
+        ] }),
+        /* @__PURE__ */ r(h, {})
+      ]
+    }
+  ) })
 );
-_.displayName = "DateRangeMenubar";
 export {
-  _ as DateRangeMenubar
+  er as TextEditorInput
 };

package/dist/mainstack-design-system589.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./mainstack-design-system586.cjs");require("./mainstack-design-system356.cjs");const B=require("./mainstack-design-system247.cjs"),T=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function A(M){return T.indexOf(M)>=0}const e=M=>{const C=S.jsx(B,{className:"size-20"});return!M||!A(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"size-20! min-w-20  overflow-hidden rounded-full")})};exports.getCountryFlagComp=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),f=require("./mainstack-design-system587.cjs"),y=require("./mainstack-design-system503.cjs"),b=require("./mainstack-design-system573.cjs"),l=require("./startOfYear-B8DzhYMZ.cjs"),u=require("./startOfMonth-DcRL7vMm.cjs");function i(e,a,n){return u.addDays(e,-a,n)}function g(e){return l.startOfDay(Date.now(),e)}const m=s.forwardRef(({children:e,className:a,...n},d)=>{const{startOfAllTimeDate:r}=b.useDateRangeContext(),c=s.useMemo(()=>{const t=new Date;return[{label:"Today",id:"today",from:g(),to:t},{label:"Last 7 days",id:"last_7_days",from:i(t,7),to:t},{label:"Last 30 days",id:"last_30_days",from:i(t,30),to:t},{label:"This month",id:"this_month",from:u.startOfMonth(t),to:t},{label:"This year",id:"this_year",from:l.startOfYear(t),to:t},{label:"All time",id:"all_time",from:r,to:t}]},[r]);return o.jsx("div",{"data-slot":"date-range-menubar",ref:d,className:f.cn("flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",a),...n,children:e||c.map(t=>o.jsx(y.DateRangeMenuAction,{className:"basis-auto shrink-0 grow-0",actionData:t,children:t.label},t.id))})});m.displayName="DateRangeMenubar";exports.DateRangeMenubar=m;

package/dist/mainstack-design-system589.js

@@ -1,23 +1,78 @@
-import { jsx as S } from "react/jsx-runtime";
-import { cn as C } from "./mainstack-design-system586.js";
-import "./mainstack-design-system356.js";
-import B from "./mainstack-design-system247.js";
-const A = ["AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AQ", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ-BO", "BQ-SA", "BQ-SE", "BQ", "BR", "BS", "BT", "BV", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES-CT", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB-ENG", "GB-NIR", "GB-SCT", "GB-WLS", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GS", "GT", "GU", "GW", "GY", "HK", "HM", "HN", "HR", "HT", "HU", "IC", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TF", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "UM", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XA", "XC", "XK", "XO", "YE", "YT", "ZA", "ZM", "ZW"];
-function T(M) {
-  return A.indexOf(M) >= 0;
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as l, useMemo as f } from "react";
+import { cn as d } from "./mainstack-design-system587.js";
+import { DateRangeMenuAction as u } from "./mainstack-design-system503.js";
+import { useDateRangeContext as p } from "./mainstack-design-system573.js";
+import { s as y, a as b } from "./startOfYear-CF0-g3MC.js";
+import { a as c, s as h } from "./startOfMonth-Bwjl7UH4.js";
+function n(t, e, o) {
+  return c(t, -e, o);
 }
-const R = (M) => {
-  const G = /* @__PURE__ */ S(B, { className: "size-20" });
-  return !M || !T(M) ? G : /* @__PURE__ */ S(
-    "span",
-    {
-      className: C(
-        `flag:${M}`,
-        "size-20! min-w-20  overflow-hidden rounded-full"
-      )
-    }
-  );
-};
+function D(t) {
+  return y(Date.now(), t);
+}
+const _ = l(
+  ({ children: t, className: e, ...o }, m) => {
+    const { startOfAllTimeDate: r } = p(), i = f(() => {
+      const a = /* @__PURE__ */ new Date();
+      return [
+        { label: "Today", id: "today", from: D(), to: a },
+        {
+          label: "Last 7 days",
+          id: "last_7_days",
+          from: n(a, 7),
+          to: a
+        },
+        {
+          label: "Last 30 days",
+          id: "last_30_days",
+          from: n(a, 30),
+          to: a
+        },
+        {
+          label: "This month",
+          id: "this_month",
+          from: h(a),
+          to: a
+        },
+        {
+          label: "This year",
+          id: "this_year",
+          from: b(a),
+          to: a
+        },
+        {
+          label: "All time",
+          id: "all_time",
+          from: r,
+          to: a
+        }
+      ];
+    }, [r]);
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        "data-slot": "date-range-menubar",
+        ref: m,
+        className: d(
+          "flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",
+          e
+        ),
+        ...o,
+        children: t || i.map((a) => /* @__PURE__ */ s(
+          u,
+          {
+            className: "basis-auto shrink-0 grow-0",
+            actionData: a,
+            children: a.label
+          },
+          a.id
+        ))
+      }
+    );
+  }
+);
+_.displayName = "DateRangeMenubar";
 export {
-  R as getCountryFlagComp
+  _ as DateRangeMenubar
 };

package/dist/mainstack-design-system590.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),h=require("react"),M=require("./mainstack-design-system586.cjs"),v=require("./mainstack-design-system577.cjs"),m=require("./index-BgzojN8c.cjs"),k=require("./mainstack-design-system578.cjs"),x=require("./toDate-B_9R5C5s.cjs");function g(s,i){return x.toDate(s,i?.in).getHours()}function A(s,i){return x.toDate(s,i?.in).getMinutes()}function P(s,i,u){const r=x.toDate(s,u?.in);return r.setHours(i),r}function S(s,i,u){const r=x.toDate(s,u?.in);return r.setMinutes(i),r}const w=h.forwardRef(({className:s,...i},u)=>{const{value:r,onValueChange:p,isDisabled:j}=v.useTimePickerContext(),f=h.useRef({Hours:{},Minutes:{},"AM/PM":{}}),l=h.useMemo(()=>{const e={Hours:"",Minutes:"","AM/PM":""};if(!r)return e;let a=g(r)%12;return a=a===0?12:a,e.Hours=a.toString().padStart(2,"0"),e.Minutes=A(r).toString().padStart(2,"0"),e["AM/PM"]=g(r)>=12?"PM":"AM",e},[r]);return h.useEffect(()=>{const e=f.current.Hours[l.Hours],a=f.current.Minutes[l.Minutes],o=f.current["AM/PM"][l["AM/PM"]];(e||a||o)&&(e?.scrollIntoView({block:"center",behavior:"smooth"}),a?.scrollIntoView({block:"center",behavior:"smooth"}),o?.scrollIntoView({block:"center",behavior:"smooth"}))},[l]),n.jsx("div",{"data-slot":"date-picker-calendar",className:M.cn("@container grid grid-cols-3 justify-items-center gap-16 p-16 pb-0 ",s),ref:u,...i,children:Object.entries(k.timeOptionBreakdown).map(([e,a])=>n.jsxs("div",{className:"flex flex-col gap-16",children:[n.jsx("h6",{className:M.cn("body-extrasmall-regular","text-secondary"),children:e}),n.jsxs(m.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"h-210 overflow-hidden rounded-4",children:[n.jsx(m.ScrollAreaViewport,{className:"h-full w-full pr-10 rounded-4",children:n.jsx("div",{className:"flex flex-col gap-16",children:a.map(o=>n.jsx("button",{"data-selected":l[e]===o,className:M.cn("body-extrasmall-book","size-36 basis-36 shrink-0 grow-0 text-primary rounded-full cursor-pointer hover:bg-interactive-secondary data-[selected=true]:bg-interactive-primary data-[selected=true]:text-neutral-50 disabled:cursor-not-allowed disabled:opacity-50"),disabled:j,onClick:()=>{let t=r||new Date;const d=e;let b=0;if(d==="AM/PM"){b=o==="PM"?12:0;let c=+l.Hours;c===12&&(c=0),t=P(t,c+b),p(t)}if(d==="Hours"){b=l["AM/PM"]==="PM"?12:0;let c=+o;c===12&&(c=0),t=P(t,c+b),p(t)}d==="Minutes"&&(t=S(t,+o),p(t))},ref:t=>{const d=e;t&&(f.current[d][o]=t)},children:o},o))})}),n.jsx(m.ScrollAreaScrollbar,{orientation:"vertical",className:"flex select-none touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1",children:n.jsx(m.ScrollAreaThumb,{className:M.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")})}),n.jsx(m.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})]},e))})});w.displayName="TimePickerCalendar";exports.TimePickerCalendar=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./mainstack-design-system587.cjs");require("./mainstack-design-system356.cjs");const B=require("./mainstack-design-system247.cjs"),T=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function A(M){return T.indexOf(M)>=0}const e=M=>{const C=S.jsx(B,{className:"size-20"});return!M||!A(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"size-20! min-w-20  overflow-hidden rounded-full")})};exports.getCountryFlagComp=e;

package/dist/mainstack-design-system590.js

@@ -1,127 +1,23 @@
-'use client';
-import { jsx as i, jsxs as M } from "react/jsx-runtime";
-import { forwardRef as P, useRef as v, useMemo as A, useEffect as H } from "react";
-import { cn as b } from "./mainstack-design-system586.js";
-import { useTimePickerContext as N } from "./mainstack-design-system577.js";
-import { S, a as k, b as V, c as y, d as C } from "./index-CLUgda6x.js";
-import { timeOptionBreakdown as j } from "./mainstack-design-system578.js";
-import { t as h } from "./toDate-BtoX9SXv.js";
-function g(n, s) {
-  return h(n, s?.in).getHours();
+import { jsx as S } from "react/jsx-runtime";
+import { cn as C } from "./mainstack-design-system587.js";
+import "./mainstack-design-system356.js";
+import B from "./mainstack-design-system247.js";
+const A = ["AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AQ", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ-BO", "BQ-SA", "BQ-SE", "BQ", "BR", "BS", "BT", "BV", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES-CT", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB-ENG", "GB-NIR", "GB-SCT", "GB-WLS", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GS", "GT", "GU", "GW", "GY", "HK", "HM", "HN", "HR", "HT", "HU", "IC", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TF", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "UM", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XA", "XC", "XK", "XO", "YE", "YT", "ZA", "ZM", "ZW"];
+function T(M) {
+  return A.indexOf(M) >= 0;
 }
-function z(n, s) {
-  return h(n, s?.in).getMinutes();
-}
-function w(n, s, u) {
-  const r = h(n, u?.in);
-  return r.setHours(s), r;
-}
-function O(n, s, u) {
-  const r = h(n, u?.in);
-  return r.setMinutes(s), r;
-}
-const D = P(
-  ({ className: n, ...s }, u) => {
-    const {
-      value: r,
-      onValueChange: p,
-      isDisabled: x
-    } = N(), m = v({
-      Hours: {},
-      Minutes: {},
-      "AM/PM": {}
-    }), l = A(() => {
-      const e = {
-        Hours: "",
-        Minutes: "",
-        "AM/PM": ""
-      };
-      if (!r) return e;
-      let a = g(r) % 12;
-      return a = a === 0 ? 12 : a, e.Hours = a.toString().padStart(2, "0"), e.Minutes = z(r).toString().padStart(2, "0"), e["AM/PM"] = g(r) >= 12 ? "PM" : "AM", e;
-    }, [r]);
-    return H(() => {
-      const e = m.current.Hours[l.Hours], a = m.current.Minutes[l.Minutes], o = m.current["AM/PM"][l["AM/PM"]];
-      (e || a || o) && (e?.scrollIntoView({ block: "center", behavior: "smooth" }), a?.scrollIntoView({ block: "center", behavior: "smooth" }), o?.scrollIntoView({ block: "center", behavior: "smooth" }));
-    }, [l]), /* @__PURE__ */ i(
-      "div",
-      {
-        "data-slot": "date-picker-calendar",
-        className: b(
-          "@container grid grid-cols-3 justify-items-center gap-16 p-16 pb-0 ",
-          n
-        ),
-        ref: u,
-        ...s,
-        children: Object.entries(j).map(([e, a]) => /* @__PURE__ */ M("div", { className: "flex flex-col gap-16", children: [
-          /* @__PURE__ */ i("h6", { className: b("body-extrasmall-regular", "text-secondary"), children: e }),
-          /* @__PURE__ */ M(
-            S,
-            {
-              style: {
-                "--scrollbar-size": "8px"
-              },
-              className: "h-210 overflow-hidden rounded-4",
-              children: [
-                /* @__PURE__ */ i(k, { className: "h-full w-full pr-10 rounded-4", children: /* @__PURE__ */ i("div", { className: "flex flex-col gap-16", children: a.map((o) => /* @__PURE__ */ i(
-                  "button",
-                  {
-                    "data-selected": l[e] === o,
-                    className: b(
-                      "body-extrasmall-book",
-                      "size-36 basis-36 shrink-0 grow-0 text-primary rounded-full cursor-pointer hover:bg-interactive-secondary data-[selected=true]:bg-interactive-primary data-[selected=true]:text-neutral-50 disabled:cursor-not-allowed disabled:opacity-50"
-                    ),
-                    disabled: x,
-                    onClick: () => {
-                      let t = r || /* @__PURE__ */ new Date();
-                      const d = e;
-                      let f = 0;
-                      if (d === "AM/PM") {
-                        f = o === "PM" ? 12 : 0;
-                        let c = +l.Hours;
-                        c === 12 && (c = 0), t = w(t, c + f), p(t);
-                      }
-                      if (d === "Hours") {
-                        f = l["AM/PM"] === "PM" ? 12 : 0;
-                        let c = +o;
-                        c === 12 && (c = 0), t = w(t, c + f), p(t);
-                      }
-                      d === "Minutes" && (t = O(t, +o), p(t));
-                    },
-                    ref: (t) => {
-                      const d = e;
-                      t && (m.current[d][o] = t);
-                    },
-                    children: o
-                  },
-                  o
-                )) }) }),
-                /* @__PURE__ */ i(
-                  V,
-                  {
-                    orientation: "vertical",
-                    className: "flex select-none touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1",
-                    children: /* @__PURE__ */ i(
-                      y,
-                      {
-                        className: b(
-                          " 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__ */ i(C, { className: "bg-border-interactive-neutral-inverse-hover" })
-              ]
-            }
-          )
-        ] }, e))
-      }
-    );
-  }
-);
-D.displayName = "TimePickerCalendar";
+const R = (M) => {
+  const G = /* @__PURE__ */ S(B, { className: "size-20" });
+  return !M || !T(M) ? G : /* @__PURE__ */ S(
+    "span",
+    {
+      className: C(
+        `flag:${M}`,
+        "size-20! min-w-20  overflow-hidden rounded-full"
+      )
+    }
+  );
+};
 export {
-  D as TimePickerCalendar
+  R as getCountryFlagComp
 };

package/dist/mainstack-design-system591.cjs

@@ -1,3 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react/jsx-runtime"),f=require("react"),at=require("./mainstack-design-system429.cjs"),it=require("./mainstack-design-system430.cjs");require("./mainstack-design-system428.cjs");const l=require("./getInternationalPhoneNumberPrefix-oZHfGGGj.cjs"),d=require("./index-CQkZgGe1.cjs"),ut=require("./en.json-C_LsdSZ9.cjs"),Y=require("./mainstack-design-system586.cjs"),lt=require("./mainstack-design-system560.cjs");function I(t){"@babel/helpers - typeof";return I=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(t)}function z(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function U(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?z(Object(r),!0).forEach(function(n){st(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function st(t,e,r){return(e=ct(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function ct(t){var e=ft(t,"string");return I(e)=="symbol"?e:e+""}function ft(t,e){if(I(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(I(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function pt(){var t=l.normalizeArguments(arguments),e=t.text,r=t.options,n=t.metadata;r=U(U({},r),{},{extract:!1});var o=l.parsePhoneNumber(e,r,n);return o&&o.isPossible()||!1}function T(t,e){return bt(t)||dt(t,e)||mt(t,e)||yt()}function yt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function mt(t,e){if(t){if(typeof t=="string")return B(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return B(t,e)}}function B(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function dt(t,e){var r=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(r!=null){var n,o,a,c,y=[],s=!0,i=!1;try{if(a=(r=r.call(t)).next,e!==0)for(;!(s=(n=a.call(r)).done)&&(y.push(n.value),y.length!==e);s=!0);}catch(p){i=!0,o=p}finally{try{if(!s&&r.return!=null&&(c=r.return(),Object(c)!==c))return}finally{if(i)throw o}}return y}}function bt(t){if(Array.isArray(t))return t}function gt(t){var e=this,r=t.value,n=t.onChange,o=t.country,a=t.defaultCountry,c=t.international,y=t.withCountryCallingCode,s=t.useNationalFormatForDefaultCountryValue,i=t.metadata;typeof y=="boolean"&&!(o&&c)&&console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"),o&&a&&console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"),typeof c=="boolean"&&!o&&console.error("[react-phone-number-input] `international` property can only be used together with `country` property");var p=ht({international:c,country:o,defaultCountry:a,withCountryCallingCode:y}),b=f.useRef(),C=function(m,h,O){console.error("[react-phone-number-input] Expected phone number ".concat(m," to correspond to country ").concat(h," but ").concat(O?"in reality it corresponds to country "+O:"it doesn't",".")),b.current=!0},g=function(m){return r&&l.validateE164Number(r),Ct(r,o,a,p,s,i,function(){m&&m.onCountryMismatch&&m.onCountryMismatch();for(var h=arguments.length,O=new Array(h),j=0;j<h;j++)O[j]=arguments[j];C.apply(e,O)})},N=f.useState(o),A=T(N,2),_=A[0],J=A[1],Q=f.useState(a),D=T(Q,2),X=D[0],Z=D[1],tt=f.useState(g()),$=T(tt,2),et=$[0],v=$[1],rt=f.useState(r),V=T(rt,2),w=V[0],P=V[1],nt=f.useState(),q=T(nt,2);q[0];var M=q[1],W=f.useCallback(function(){return M({})},[M]);function k(u){if(u){p==="NATIONAL_PART_OF_INTERNATIONAL"&&(u="+".concat(l.getCountryCallingCode(o,i)).concat(u));var m=new l.AsYouType(o||a,i);return m.input(u),m.getNumberValue()}}f.useEffect(function(){r!==w&&(P(r),v(g()))},[r]),f.useEffect(function(){if(o!==_){J(o);var u,m=g({onCountryMismatch:function(){u=!0}});v(m),u&&P(k(m))}},[o]),f.useEffect(function(){a!==X&&(Z(a),v(g()))},[a]),f.useEffect(function(){w!==r&&n(w)},[w]);var ot=f.useCallback(function(u){var m;if(o)if(p==="INTERNATIONAL"){var h=l.getInternationalPhoneNumberPrefix(o,i);if(u.indexOf(h)!==0){if(u&&u[0]!=="+")u=h+u;else if(!b.current)return v(h),P(void 0),W()}}else u&&u[0]==="+"&&(u=u.slice(1));else a||u&&u[0]!=="+"&&(u="+"+u);u&&(m=k(u)),v(u),P(m)},[o,p,a,i,v,P,W,b]);return{phoneDigits:et,setPhoneDigits:ot,inputFormat:p}}function Ct(t,e,r,n,o,a,c){if(e&&n==="INTERNATIONAL"){var y=l.getInternationalPhoneNumberPrefix(e,a);return t?(t.indexOf(y)!==0&&c(t,e),t):y}if(!t)return"";if(!e&&!r)return t;var s=new l.AsYouType(void 0,a);s.input(t);var i=s.getNumber();if(i)if(e)switch(i.country&&i.country!==e?c(t,e,i.country):i.countryCallingCode!==l.getCountryCallingCode(e,a)&&c(t,e),n){case"NATIONAL":return l.parseDigits(i.formatNational());case"NATIONAL_PART_OF_INTERNATIONAL":return l.parseDigits(l.removePrefixFromFormattedPhoneNumber(i.formatInternational(),l.getInternationalPhoneNumberPrefix(e,a)));case"INTERNATIONAL":throw new Error('`inputFormat: "INTERNATIONAL"` case should\'ve already been handled earlier in the code');case"INTERNATIONAL_OR_NATIONAL":throw new Error('`inputFormat: "INTERNATIONAL_OR_NATIONAL"` is not possible when `country` is fixed');default:throw new Error("Unknown `inputFormat`: ".concat(n))}else return i.countryCallingCode&&i.countryCallingCode===l.getCountryCallingCode(r,a)&&o?l.parseDigits(i.formatNational()):t;else return""}function ht(t){var e=t.international,r=t.country,n=t.defaultCountry,o=t.withCountryCallingCode;return r?e?o?"INTERNATIONAL":"NATIONAL_PART_OF_INTERNATIONAL":"NATIONAL":n?"INTERNATIONAL_OR_NATIONAL":"INTERNATIONAL"}var vt=["Component","country","defaultCountry","useNationalFormatForDefaultCountryValue","value","onChange","metadata","international","withCountryCallingCode"];function R(){return R=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},R.apply(this,arguments)}function Nt(t,e){if(t==null)return{};var r=Pt(t,e),n,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o<a.length;o++)n=a[o],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function Pt(t,e){if(t==null)return{};var r={},n=Object.keys(t),o,a;for(a=0;a<n.length;a++)o=n[a],!(e.indexOf(o)>=0)&&(r[o]=t[o]);return r}function S(t,e){var r=t.Component,n=t.country,o=t.defaultCountry,a=t.useNationalFormatForDefaultCountryValue,c=a===void 0?!0:a,y=t.value,s=t.onChange,i=t.metadata,p=t.international,b=t.withCountryCallingCode,C=Nt(t,vt),g=gt({value:y,onChange:s,country:n,defaultCountry:o,international:p,withCountryCallingCode:b,useNationalFormatForDefaultCountryValue:c,metadata:i}),N=g.phoneDigits,A=g.setPhoneDigits,_=g.inputFormat;return f.createElement(r,R({},C,{ref:e,metadata:i,inputFormat:_,international:p,withCountryCallingCode:b,country:n||o,value:N,onChange:A}))}S=f.forwardRef(S);S.propTypes={value:d.PropTypes.string,onChange:d.PropTypes.func.isRequired,country:d.PropTypes.string,defaultCountry:d.PropTypes.string,international:d.PropTypes.bool,withCountryCallingCode:d.PropTypes.bool,Component:d.PropTypes.elementType.isRequired,useNationalFormatForDefaultCountryValue:d.PropTypes.bool,metadata:l.metadata};var Ot=["type","autoComplete","smartCaret","metadata"];function x(){return x=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},x.apply(this,arguments)}function Tt(t,e){if(t==null)return{};var r=It(t,e),n,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o<a.length;o++)n=a[o],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function It(t,e){if(t==null)return{};var r={},n=Object.keys(t),o,a;for(a=0;a<n.length;a++)o=n[a],!(e.indexOf(o)>=0)&&(r[o]=t[o]);return r}function H(t){function e(r,n){var o=r.type,a=o===void 0?"tel":o,c=r.autoComplete,y=c===void 0?"tel":c,s=r.smartCaret,i=s===void 0?!0:s,p=r.metadata,b=p===void 0?t:p,C=Tt(r,Ot);return f.createElement(S,x({},C,{type:a,autoComplete:y,metadata:b,ref:n,Component:i?l.InputSmart:l.InputBasic}))}return e=f.forwardRef(e),e.propTypes={type:d.PropTypes.string,autoComplete:d.PropTypes.string,smartCaret:d.PropTypes.bool,metadata:d.PropTypes.object},e}H();function L(t,e){var r=Array.prototype.slice.call(e);return r.push(l.metadata$1),t.apply(this,r)}H(l.metadata$1);function At(){return L(pt,arguments)}function E(){return L(l.getCountryCallingCode,arguments)}function K(){return L(l.isSupportedCountry,arguments)}const G=f.forwardRef(({value:t,placeholder:e="000 - 000 - 000",onChange:r,...n},o)=>{const{activeCountry:a,isDisabled:c}=lt.usePhoneNumberContext(),y=s=>{if(!s)return"";let i="";return a&&K(a)&&(i=E(a)),s.replace(`+${i}`,"")};return F.jsxs(at.InputRoot,{"data-slot":"phone-number-digit-field",className:" has-disabled:opacity-50",children:[F.jsxs("p",{className:Y.cn("body-extrasmall-book"),children:["(+",E(a||"US"),")"]}),F.jsx(it.InputField,{...n,disabled:c,placeholder:e,value:y(t),onChange:s=>{const i=s.target.value;let p="",b="";a&&K(a)&&i.length>1&&(p=E(a),b="+");const C=`${b}${p}${Y.sanitizeNumberInputValue(i)}`;if(r){s.target.value=C;const g=At(C),N={digit:C,isValid:g,countryIso2:a,countryName:a?ut.countriesEnglishNames[a]:null,isError:!!C&&(!a||!g)};r(N,s)}},ref:o})]})});G.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),h=require("react"),M=require("./mainstack-design-system587.cjs"),v=require("./mainstack-design-system578.cjs"),m=require("./index-BgzojN8c.cjs"),k=require("./mainstack-design-system579.cjs"),x=require("./toDate-B_9R5C5s.cjs");function g(s,i){return x.toDate(s,i?.in).getHours()}function A(s,i){return x.toDate(s,i?.in).getMinutes()}function P(s,i,u){const r=x.toDate(s,u?.in);return r.setHours(i),r}function S(s,i,u){const r=x.toDate(s,u?.in);return r.setMinutes(i),r}const w=h.forwardRef(({className:s,...i},u)=>{const{value:r,onValueChange:p,isDisabled:j}=v.useTimePickerContext(),f=h.useRef({Hours:{},Minutes:{},"AM/PM":{}}),l=h.useMemo(()=>{const e={Hours:"",Minutes:"","AM/PM":""};if(!r)return e;let a=g(r)%12;return a=a===0?12:a,e.Hours=a.toString().padStart(2,"0"),e.Minutes=A(r).toString().padStart(2,"0"),e["AM/PM"]=g(r)>=12?"PM":"AM",e},[r]);return h.useEffect(()=>{const e=f.current.Hours[l.Hours],a=f.current.Minutes[l.Minutes],o=f.current["AM/PM"][l["AM/PM"]];(e||a||o)&&(e?.scrollIntoView({block:"center",behavior:"smooth"}),a?.scrollIntoView({block:"center",behavior:"smooth"}),o?.scrollIntoView({block:"center",behavior:"smooth"}))},[l]),n.jsx("div",{"data-slot":"date-picker-calendar",className:M.cn("@container grid grid-cols-3 justify-items-center gap-16 p-16 pb-0 ",s),ref:u,...i,children:Object.entries(k.timeOptionBreakdown).map(([e,a])=>n.jsxs("div",{className:"flex flex-col gap-16",children:[n.jsx("h6",{className:M.cn("body-extrasmall-regular","text-secondary"),children:e}),n.jsxs(m.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"h-210 overflow-hidden rounded-4",children:[n.jsx(m.ScrollAreaViewport,{className:"h-full w-full pr-10 rounded-4",children:n.jsx("div",{className:"flex flex-col gap-16",children:a.map(o=>n.jsx("button",{"data-selected":l[e]===o,className:M.cn("body-extrasmall-book","size-36 basis-36 shrink-0 grow-0 text-primary rounded-full cursor-pointer hover:bg-interactive-secondary data-[selected=true]:bg-interactive-primary data-[selected=true]:text-neutral-50 disabled:cursor-not-allowed disabled:opacity-50"),disabled:j,onClick:()=>{let t=r||new Date;const d=e;let b=0;if(d==="AM/PM"){b=o==="PM"?12:0;let c=+l.Hours;c===12&&(c=0),t=P(t,c+b),p(t)}if(d==="Hours"){b=l["AM/PM"]==="PM"?12:0;let c=+o;c===12&&(c=0),t=P(t,c+b),p(t)}d==="Minutes"&&(t=S(t,+o),p(t))},ref:t=>{const d=e;t&&(f.current[d][o]=t)},children:o},o))})}),n.jsx(m.ScrollAreaScrollbar,{orientation:"vertical",className:"flex select-none touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1",children:n.jsx(m.ScrollAreaThumb,{className:M.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")})}),n.jsx(m.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})]},e))})});w.displayName="TimePickerCalendar";exports.TimePickerCalendar=w;