mainstack-design-system 1.23.0 → 1.23.2

package/dist/mainstack-design-system629.js

@@ -1,26 +1,63 @@
-import { jsx as G } from "react/jsx-runtime";
-import { c as C } from "./utils-C21jc49d.js";
-import "./mainstack-design-system370.js";
-import A from "./mainstack-design-system251.js";
-import "react";
-import "./player-DRUnlXe4.js";
-const 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 E(M) {
-  return T.indexOf(M) >= 0;
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as M } from "react";
+import { c as g } from "./utils-C21jc49d.js";
+import { useDateRangeContext as v } from "./mainstack-design-system616.js";
+import { useContainerMatchMedia as y } from "./mainstack-design-system403.js";
+import { a as D, D as w } from "./DayPickerExtended-CE4LjNBz.js";
+import { useMatchMedia as x } from "./mainstack-design-system404.js";
+import { i as r } from "./isValid-BMkD2Abf.js";
+function C(a, m, o) {
+  return D(a, -1, o);
 }
-const o = (M, S) => {
-  const B = /* @__PURE__ */ G(A, { className: C("mds:size-20", S) });
-  return !M || !E(M) ? B : /* @__PURE__ */ G(
-    "span",
-    {
-      className: C(
-        `flag:${M}`,
-        "mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full",
-        S
-      )
-    }
-  );
-};
+const R = M(
+  ({ className: a, ...m }, o) => {
+    const [d] = x("(min-width: 900px)"), { ref: f, matches: c } = y({
+      query: { minWidth: 660 }
+    }), {
+      value: e,
+      closeOnRangeSelect: l,
+      setActiveMenu: u,
+      onValueChange: n,
+      onOpenChange: i
+    } = v(), p = {
+      from: r(e?.from) ? e?.from : void 0,
+      to: r(e?.to) ? e?.to : void 0
+    };
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        "data-slot": "date-range-calendar",
+        ref: (t) => {
+          f.current = t, typeof o == "function" ? o(t) : typeof o == "object" && o !== null && (o.current = t);
+        },
+        className: g(
+          "mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",
+          a
+        ),
+        children: /* @__PURE__ */ s(
+          w,
+          {
+            ...m,
+            animate: !0,
+            mode: "range",
+            captionLayout: "dropdown",
+            numberOfMonths: d || c ? 2 : 1,
+            navLayout: "around",
+            className: "ms-date-range",
+            selected: p,
+            defaultMonth: r(e?.from) ? e?.from : C(/* @__PURE__ */ new Date()),
+            onSelect: ((t, h) => {
+              n && (e?.from && e.to || !e?.from ? n({
+                from: h
+              }) : (n(t), l && i && i(!1))), u(null);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+R.displayName = "DateRangeCalendar";
 export {
-  o as getCountryFlagComp
+  R as DateRangeCalendar
 };

package/dist/mainstack-design-system630.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system636.cjs"),M=require("./mainstack-design-system637.cjs"),m=require("./mainstack-design-system515.cjs"),p=require("./mainstack-design-system504.cjs");require("react-dom");const E=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system512.cjs"),f=require("./mainstack-design-system501.cjs"),v=require("./mainstack-design-system506.cjs"),q=require("./mainstack-design-system513.cjs"),B=require("./mainstack-design-system509.cjs"),g=require("./mainstack-design-system502.cjs"),h=require("./mainstack-design-system510.cjs"),O=require("./mainstack-design-system508.cjs"),S=require("./mainstack-design-system514.cjs"),b=require("./mainstack-design-system507.cjs"),P=require("./mainstack-design-system503.cjs"),N=require("./mainstack-design-system505.cjs");function y(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const x=y(c);var I=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],R=I.reduce((t,r)=>{const o=E.createSlot(`Primitive.${r}`),n=x.forwardRef((s,i)=>{const{asChild:u,...a}=s,_=u?o:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...a,ref:i})});return n.displayName=`Primitive.${r}`,{...t,[r]:n}},{}),w="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:o,orientation:n=d,...s}=t,i=k(n)?n:d,a=o?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(R.div,{"data-orientation":i,...a,...s,ref:r})});l.displayName=w;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...o},n)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:n,...o,children:[e.jsxs(m.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"mds:bg-border-interactive-primary mds:h-full mds:min-h-30 mds: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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),G=require("./utils-CpiHnfHs.cjs");require("./mainstack-design-system370.cjs");const B=require("./mainstack-design-system251.cjs");require("react");require("./player-CWqTo6h8.cjs");const 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,S)=>{const e=C.jsx(B,{className:G.cn("mds:size-20",S)});return!M||!A(M)?e:C.jsx("span",{className:G.cn(`flag:${M}`,"mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full",S)})};exports.getCountryFlagComp=E;

package/dist/mainstack-design-system630.js

@@ -1,101 +1,26 @@
-'use client';
-import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
-import * as f from "react";
-import { forwardRef as v } from "react";
-import { TextEditorRoot as M } from "./mainstack-design-system636.js";
-import { TextEditorField as h } from "./mainstack-design-system637.js";
-import { TextEditorMenuBar as T } from "./mainstack-design-system515.js";
-import { GenerateWithAiMenu as x } from "./mainstack-design-system504.js";
-import "react-dom";
-import { c as N } from "./index-BtQfgaSF.js";
-import { TextSizesMenu as E } from "./mainstack-design-system512.js";
-import { BoldMenu as O } from "./mainstack-design-system501.js";
-import { ItalicMenu as S } from "./mainstack-design-system506.js";
-import { UnderlineMenu as w } from "./mainstack-design-system513.js";
-import { StrikethroughMenu as P } from "./mainstack-design-system509.js";
-import { CodeMenu as g } from "./mainstack-design-system502.js";
-import { TextAlignMenu as I } from "./mainstack-design-system510.js";
-import { OrderedListMenu as R } from "./mainstack-design-system508.js";
-import { UnorderedListMenu as A } from "./mainstack-design-system514.js";
-import { LinkMenu as b } from "./mainstack-design-system507.js";
-import { ColorPickerMenu as y } from "./mainstack-design-system503.js";
-import { ImageUploadMenu as C } from "./mainstack-design-system505.js";
-var L = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], U = L.reduce((i, o) => {
-  const e = N(`Primitive.${o}`), t = f.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 t.displayName = `Primitive.${o}`, { ...i, [o]: t };
-}, {}), k = "Separator", s = "horizontal", z = ["horizontal", "vertical"], l = f.forwardRef((i, o) => {
-  const { decorative: e, orientation: t = s, ...a } = i, n = F(t) ? t : s, 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
-    }
-  );
-});
-l.displayName = k;
-function F(i) {
-  return z.includes(i);
+import { jsx as G } from "react/jsx-runtime";
+import { c as C } from "./utils-C21jc49d.js";
+import "./mainstack-design-system370.js";
+import A from "./mainstack-design-system251.js";
+import "react";
+import "./player-DRUnlXe4.js";
+const 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 E(M) {
+  return T.indexOf(M) >= 0;
 }
-const er = v(
-  ({ defaultContent: i, getEditorRef: o, ...e }, t) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ d(
-    M,
+const o = (M, S) => {
+  const B = /* @__PURE__ */ G(A, { className: C("mds:size-20", S) });
+  return !M || !E(M) ? B : /* @__PURE__ */ G(
+    "span",
     {
-      defaultContent: i,
-      getEditorRef: o,
-      ref: t,
-      ...e,
-      children: [
-        /* @__PURE__ */ d(T, { children: [
-          /* @__PURE__ */ r(x, {}),
-          /* @__PURE__ */ r(
-            l,
-            {
-              className: "mds:bg-border-interactive-primary mds:h-full mds:min-h-30 mds: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, {})
-      ]
+      className: C(
+        `flag:${M}`,
+        "mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full",
+        S
+      )
     }
-  ) })
-);
+  );
+};
 export {
-  er as TextEditorInput
+  o as getCountryFlagComp
 };

package/dist/mainstack-design-system631.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),r=require("./utils-CpiHnfHs.cjs"),j=require("./mainstack-design-system619.cjs"),b=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system620.cjs"),k=require("./isValid-D2QhMu7v.cjs");function p(l,c,m){const n=r.toDate(l,m?.in);return n.setHours(c),n}function A(l,c,m){const n=r.toDate(l,m?.in);return n.setMinutes(c),n}const P=g.forwardRef(({className:l,...c},m)=>{const{value:n,onValueChange:x,isDisabled:w,timeRange:f}=j.useTimePickerContext(),h=g.useRef({Hours:{},Minutes:{},"AM/PM":{}}),i=g.useMemo(()=>{const s={Hours:"",Minutes:"","AM/PM":""};if(!n||!k.isValid(n))return s;const a=r.getDateWithinRange({date:n,timeRange:f});let e=r.getHours(a)%12;return e=e===0?12:e,s.Hours=e.toString().padStart(2,"0"),s.Minutes=r.getMinutes(a).toString().padStart(2,"0"),s["AM/PM"]=r.getHours(a)>=12?"PM":"AM",s},[n,f]);return g.useEffect(()=>{const s=h.current.Hours[i.Hours],a=h.current.Minutes[i.Minutes],e=h.current["AM/PM"][i["AM/PM"]];(s||a||e)&&(s?.scrollIntoView({block:"center",behavior:"smooth"}),a?.scrollIntoView({block:"center",behavior:"smooth"}),e?.scrollIntoView({block:"center",behavior:"smooth"}))},[i]),o.jsx("div",{"data-slot":"date-picker-calendar",className:r.cn("mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",l),ref:m,...c,children:Object.entries(v.timeOptionBreakdown).map(([s,a])=>o.jsxs("div",{className:"mds:flex mds:flex-col mds:gap-16",children:[o.jsx("h6",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:s}),o.jsxs(b.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"mds:h-210 mds:overflow-hidden mds:rounded-4",children:[o.jsx(b.ScrollAreaViewport,{className:"mds:h-full mds:w-full mds:pr-15 mds:rounded-4",children:o.jsx("div",{className:"mds:flex mds:flex-col mds:gap-16",children:a.map(e=>o.jsx("button",{"data-selected":i[s]===e,className:r.cn("mds:body-extrasmall-book","mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-neutral mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"),disabled:w||!r.isTimeOptionWithinRange({timeRange:f,columnKey:s,value:e,currentBreakdown:i}),onClick:()=>{let t=r.getDateWithinRange({date:n||new Date,timeRange:f});const u=s;let M=0;if(u==="AM/PM"){M=e==="PM"?12:0;let d=+i.Hours;d===12&&(d=0),t=p(t,d+M),x(t)}if(u==="Hours"){M=i["AM/PM"]==="PM"?12:0;let d=+e;d===12&&(d=0),t=p(t,d+M),x(t)}u==="Minutes"&&(t=A(t,+e),x(t))},ref:t=>{const u=s;t&&(h.current[u][e]=t)},children:e},e))})}),o.jsx(b.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1",children:o.jsx(b.ScrollAreaThumb,{className:r.cn(" mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),o.jsx(b.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})]},s))})});P.displayName="TimePickerCalendar";exports.TimePickerCalendar=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system637.cjs"),M=require("./mainstack-design-system638.cjs"),m=require("./mainstack-design-system515.cjs"),p=require("./mainstack-design-system504.cjs");require("react-dom");const E=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system512.cjs"),f=require("./mainstack-design-system501.cjs"),v=require("./mainstack-design-system506.cjs"),q=require("./mainstack-design-system513.cjs"),B=require("./mainstack-design-system509.cjs"),g=require("./mainstack-design-system502.cjs"),h=require("./mainstack-design-system510.cjs"),O=require("./mainstack-design-system508.cjs"),S=require("./mainstack-design-system514.cjs"),b=require("./mainstack-design-system507.cjs"),P=require("./mainstack-design-system503.cjs"),N=require("./mainstack-design-system505.cjs");function y(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const x=y(c);var I=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],R=I.reduce((t,r)=>{const o=E.createSlot(`Primitive.${r}`),n=x.forwardRef((s,i)=>{const{asChild:u,...a}=s,_=u?o:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...a,ref:i})});return n.displayName=`Primitive.${r}`,{...t,[r]:n}},{}),w="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:o,orientation:n=d,...s}=t,i=k(n)?n:d,a=o?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(R.div,{"data-orientation":i,...a,...s,ref:r})});l.displayName=w;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...o},n)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:n,...o,children:[e.jsxs(m.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"mds:bg-border-interactive-primary mds:h-full mds:min-h-30 mds: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-system631.js

@@ -1,143 +1,101 @@
 'use client';
-import { jsx as d, jsxs as M } from "react/jsx-runtime";
-import { forwardRef as A, useRef as N, useMemo as S, useEffect as V } from "react";
-import { t as P, q as g, r as w, u as H, c as h, v as k } from "./utils-C21jc49d.js";
-import { useTimePickerContext as y } from "./mainstack-design-system619.js";
-import { S as R, a as C, b as O, c as j, d as z } from "./index-CLUgda6x.js";
-import { timeOptionBreakdown as D } from "./mainstack-design-system620.js";
-import { i as T } from "./isValid-BMkD2Abf.js";
-function x(i, l, m) {
-  const t = P(i, m?.in);
-  return t.setHours(l), t;
+import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
+import * as f from "react";
+import { forwardRef as v } from "react";
+import { TextEditorRoot as M } from "./mainstack-design-system637.js";
+import { TextEditorField as h } from "./mainstack-design-system638.js";
+import { TextEditorMenuBar as T } from "./mainstack-design-system515.js";
+import { GenerateWithAiMenu as x } from "./mainstack-design-system504.js";
+import "react-dom";
+import { c as N } from "./index-BtQfgaSF.js";
+import { TextSizesMenu as E } from "./mainstack-design-system512.js";
+import { BoldMenu as O } from "./mainstack-design-system501.js";
+import { ItalicMenu as S } from "./mainstack-design-system506.js";
+import { UnderlineMenu as w } from "./mainstack-design-system513.js";
+import { StrikethroughMenu as P } from "./mainstack-design-system509.js";
+import { CodeMenu as g } from "./mainstack-design-system502.js";
+import { TextAlignMenu as I } from "./mainstack-design-system510.js";
+import { OrderedListMenu as R } from "./mainstack-design-system508.js";
+import { UnorderedListMenu as A } from "./mainstack-design-system514.js";
+import { LinkMenu as b } from "./mainstack-design-system507.js";
+import { ColorPickerMenu as y } from "./mainstack-design-system503.js";
+import { ImageUploadMenu as C } from "./mainstack-design-system505.js";
+var L = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], U = L.reduce((i, o) => {
+  const e = N(`Primitive.${o}`), t = f.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 t.displayName = `Primitive.${o}`, { ...i, [o]: t };
+}, {}), k = "Separator", s = "horizontal", z = ["horizontal", "vertical"], l = f.forwardRef((i, o) => {
+  const { decorative: e, orientation: t = s, ...a } = i, n = F(t) ? t : s, 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
+    }
+  );
+});
+l.displayName = k;
+function F(i) {
+  return z.includes(i);
 }
-function B(i, l, m) {
-  const t = P(i, m?.in);
-  return t.setMinutes(l), t;
-}
-const E = A(
-  ({ className: i, ...l }, m) => {
-    const {
-      value: t,
-      onValueChange: p,
-      isDisabled: v,
-      timeRange: u
-    } = y(), f = N({
-      Hours: {},
-      Minutes: {},
-      "AM/PM": {}
-    }), o = S(() => {
-      const s = {
-        Hours: "",
-        Minutes: "",
-        "AM/PM": ""
-      };
-      if (!t || !T(t)) return s;
-      const a = g({
-        date: t,
-        timeRange: u
-      });
-      let e = w(a) % 12;
-      return e = e === 0 ? 12 : e, s.Hours = e.toString().padStart(2, "0"), s.Minutes = H(a).toString().padStart(2, "0"), s["AM/PM"] = w(a) >= 12 ? "PM" : "AM", s;
-    }, [t, u]);
-    return V(() => {
-      const s = f.current.Hours[o.Hours], a = f.current.Minutes[o.Minutes], e = f.current["AM/PM"][o["AM/PM"]];
-      (s || a || e) && (s?.scrollIntoView({ block: "center", behavior: "smooth" }), a?.scrollIntoView({ block: "center", behavior: "smooth" }), e?.scrollIntoView({ block: "center", behavior: "smooth" }));
-    }, [o]), /* @__PURE__ */ d(
-      "div",
-      {
-        "data-slot": "date-picker-calendar",
-        className: h(
-          "mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",
-          i
-        ),
-        ref: m,
-        ...l,
-        children: Object.entries(D).map(([s, a]) => /* @__PURE__ */ M("div", { className: "mds:flex mds:flex-col mds:gap-16", children: [
-          /* @__PURE__ */ d(
-            "h6",
+const er = v(
+  ({ defaultContent: i, getEditorRef: o, ...e }, t) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ d(
+    M,
+    {
+      defaultContent: i,
+      getEditorRef: o,
+      ref: t,
+      ...e,
+      children: [
+        /* @__PURE__ */ d(T, { children: [
+          /* @__PURE__ */ r(x, {}),
+          /* @__PURE__ */ r(
+            l,
             {
-              className: h(
-                "mds:body-extrasmall-regular",
-                "mds:text-secondary"
-              ),
-              children: s
+              className: "mds:bg-border-interactive-primary mds:h-full mds:min-h-30 mds:w-1",
+              orientation: "vertical"
             }
           ),
-          /* @__PURE__ */ M(
-            R,
-            {
-              style: {
-                "--scrollbar-size": "8px"
-              },
-              className: "mds:h-210 mds:overflow-hidden mds:rounded-4",
-              children: [
-                /* @__PURE__ */ d(C, { className: "mds:h-full mds:w-full mds:pr-15 mds:rounded-4", children: /* @__PURE__ */ d("div", { className: "mds:flex mds:flex-col mds:gap-16", children: a.map((e) => /* @__PURE__ */ d(
-                  "button",
-                  {
-                    "data-selected": o[s] === e,
-                    className: h(
-                      "mds:body-extrasmall-book",
-                      "mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-neutral mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"
-                    ),
-                    disabled: v || !k({
-                      timeRange: u,
-                      columnKey: s,
-                      value: e,
-                      currentBreakdown: o
-                    }),
-                    onClick: () => {
-                      let r = g({
-                        date: t || /* @__PURE__ */ new Date(),
-                        timeRange: u
-                      });
-                      const c = s;
-                      let b = 0;
-                      if (c === "AM/PM") {
-                        b = e === "PM" ? 12 : 0;
-                        let n = +o.Hours;
-                        n === 12 && (n = 0), r = x(r, n + b), p(r);
-                      }
-                      if (c === "Hours") {
-                        b = o["AM/PM"] === "PM" ? 12 : 0;
-                        let n = +e;
-                        n === 12 && (n = 0), r = x(r, n + b), p(r);
-                      }
-                      c === "Minutes" && (r = B(r, +e), p(r));
-                    },
-                    ref: (r) => {
-                      const c = s;
-                      r && (f.current[c][e] = r);
-                    },
-                    children: e
-                  },
-                  e
-                )) }) }),
-                /* @__PURE__ */ d(
-                  O,
-                  {
-                    orientation: "vertical",
-                    className: "mds:flex mds:select-none mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1",
-                    children: /* @__PURE__ */ d(
-                      j,
-                      {
-                        className: h(
-                          " mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative",
-                          "mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"
-                        )
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ d(z, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
-              ]
-            }
-          )
-        ] }, s))
-      }
-    );
-  }
+          /* @__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, {})
+      ]
+    }
+  ) })
 );
-E.displayName = "TimePickerCalendar";
 export {
-  E as TimePickerCalendar
+  er as TextEditorInput
 };

package/dist/mainstack-design-system632.cjs

@@ -1,3 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),tt=require("./mainstack-design-system455.cjs"),et=require("./mainstack-design-system456.cjs");require("./mainstack-design-system454.cjs");const u=require("./utils-CpiHnfHs.cjs"),nt=require("./mainstack-design-system604.cjs");function T(t,n){return ut(t)||at(t,n)||ot(t,n)||rt()}function rt(){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 ot(t,n){if(t){if(typeof t=="string")return M(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor&&(e=t.constructor.name),e==="Map"||e==="Set")return Array.from(t);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return M(t,n)}}function M(t,n){(n==null||n>t.length)&&(n=t.length);for(var e=0,o=new Array(n);e<n;e++)o[e]=t[e];return o}function at(t,n){var e=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(e!=null){var o,r,a,c,p=[],y=!0,i=!1;try{if(a=(e=e.call(t)).next,n!==0)for(;!(y=(o=a.call(e)).done)&&(p.push(o.value),p.length!==n);y=!0);}catch(s){i=!0,r=s}finally{try{if(!y&&e.return!=null&&(c=e.return(),Object(c)!==c))return}finally{if(i)throw r}}return p}}function ut(t){if(Array.isArray(t))return t}function it(t){var n=this,e=t.value,o=t.onChange,r=t.country,a=t.defaultCountry,c=t.international,p=t.withCountryCallingCode,y=t.useNationalFormatForDefaultCountryValue,i=t.metadata;typeof p=="boolean"&&!(r&&c)&&console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"),r&&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"&&!r&&console.error("[react-phone-number-input] `international` property can only be used together with `country` property");var s=st({international:c,country:r,defaultCountry:a,withCountryCallingCode:p}),d=f.useRef(),g=function(m,C,v){console.error("[react-phone-number-input] Expected phone number ".concat(m," to correspond to country ").concat(C," but ").concat(v?"in reality it corresponds to country "+v:"it doesn't",".")),d.current=!0},h=function(m){return e&&u.validateE164Number(e),lt(e,r,a,s,y,i,function(){m&&m.onCountryMismatch&&m.onCountryMismatch();for(var C=arguments.length,v=new Array(C),I=0;I<C;I++)v[I]=arguments[I];g.apply(n,v)})},w=f.useState(r),P=T(w,2),F=P[0],B=P[1],H=f.useState(a),_=T(H,2),z=_[0],G=_[1],J=f.useState(h()),L=T(J,2),K=L[0],b=L[1],Q=f.useState(e),x=T(Q,2),A=x[0],N=x[1],X=f.useState(),$=T(X,2);$[0];var D=$[1],V=f.useCallback(function(){return D({})},[D]);function q(l){if(l){s==="NATIONAL_PART_OF_INTERNATIONAL"&&(l="+".concat(u.getCountryCallingCode$1(r,i)).concat(l));var m=new u.AsYouType(r||a,i);return m.input(l),m.getNumberValue()}}f.useEffect(function(){e!==A&&(N(e),b(h()))},[e]),f.useEffect(function(){if(r!==F){B(r);var l,m=h({onCountryMismatch:function(){l=!0}});b(m),l&&N(q(m))}},[r]),f.useEffect(function(){a!==z&&(G(a),b(h()))},[a]),f.useEffect(function(){A!==e&&o(A)},[A]);var Z=f.useCallback(function(l){var m;if(r)if(s==="INTERNATIONAL"){var C=u.getInternationalPhoneNumberPrefix(r,i);if(l.indexOf(C)!==0){if(l&&l[0]!=="+")l=C+l;else if(!d.current)return b(C),N(void 0),V()}}else l&&l[0]==="+"&&(l=l.slice(1));else a||l&&l[0]!=="+"&&(l="+"+l);l&&(m=q(l)),b(l),N(m)},[r,s,a,i,b,N,V,d]);return{phoneDigits:K,setPhoneDigits:Z,inputFormat:s}}function lt(t,n,e,o,r,a,c){if(n&&o==="INTERNATIONAL"){var p=u.getInternationalPhoneNumberPrefix(n,a);return t?(t.indexOf(p)!==0&&c(t,n),t):p}if(!t)return"";if(!n&&!e)return t;var y=new u.AsYouType(void 0,a);y.input(t);var i=y.getNumber();if(i)if(n)switch(i.country&&i.country!==n?c(t,n,i.country):i.countryCallingCode!==u.getCountryCallingCode$1(n,a)&&c(t,n),o){case"NATIONAL":return u.parseDigits(i.formatNational());case"NATIONAL_PART_OF_INTERNATIONAL":return u.parseDigits(u.removePrefixFromFormattedPhoneNumber(i.formatInternational(),u.getInternationalPhoneNumberPrefix(n,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(o))}else return i.countryCallingCode&&i.countryCallingCode===u.getCountryCallingCode$1(e,a)&&r?u.parseDigits(i.formatNational()):t;else return""}function st(t){var n=t.international,e=t.country,o=t.defaultCountry,r=t.withCountryCallingCode;return e?n?r?"INTERNATIONAL":"NATIONAL_PART_OF_INTERNATIONAL":"NATIONAL":o?"INTERNATIONAL_OR_NATIONAL":"INTERNATIONAL"}var ct=["Component","country","defaultCountry","useNationalFormatForDefaultCountryValue","value","onChange","metadata","international","withCountryCallingCode"];function j(){return j=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},j.apply(this,arguments)}function ft(t,n){if(t==null)return{};var e=pt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function pt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function O(t,n){var e=t.Component,o=t.country,r=t.defaultCountry,a=t.useNationalFormatForDefaultCountryValue,c=a===void 0?!0:a,p=t.value,y=t.onChange,i=t.metadata,s=t.international,d=t.withCountryCallingCode,g=ft(t,ct),h=it({value:p,onChange:y,country:o,defaultCountry:r,international:s,withCountryCallingCode:d,useNationalFormatForDefaultCountryValue:c,metadata:i}),w=h.phoneDigits,P=h.setPhoneDigits,F=h.inputFormat;return f.createElement(e,j({},g,{ref:n,metadata:i,inputFormat:F,international:s,withCountryCallingCode:d,country:o||r,value:w,onChange:P}))}O=f.forwardRef(O);O.propTypes={value:u.PropTypes.string,onChange:u.PropTypes.func.isRequired,country:u.PropTypes.string,defaultCountry:u.PropTypes.string,international:u.PropTypes.bool,withCountryCallingCode:u.PropTypes.bool,Component:u.PropTypes.elementType.isRequired,useNationalFormatForDefaultCountryValue:u.PropTypes.bool,metadata:u.metadata};var yt=["type","autoComplete","smartCaret","metadata"];function S(){return S=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},S.apply(this,arguments)}function dt(t,n){if(t==null)return{};var e=mt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function mt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function k(t){function n(e,o){var r=e.type,a=r===void 0?"tel":r,c=e.autoComplete,p=c===void 0?"tel":c,y=e.smartCaret,i=y===void 0?!0:y,s=e.metadata,d=s===void 0?t:s,g=dt(e,yt);return f.createElement(O,S({},g,{type:a,autoComplete:p,metadata:d,ref:o,Component:i?u.InputSmart:u.InputBasic}))}return n=f.forwardRef(n),n.propTypes={type:u.PropTypes.string,autoComplete:u.PropTypes.string,smartCaret:u.PropTypes.bool,metadata:u.PropTypes.object},n}k();function E(t,n){var e=Array.prototype.slice.call(n);return e.push(u.metadata$1),t.apply(this,e)}k(u.metadata$1);function W(){return E(u.parsePhoneNumber,arguments)}function Y(){return E(u.getCountryCallingCode$1,arguments)}function Ct(){return E(u.isSupportedCountry$1,arguments)}const U=f.forwardRef(({placeholder:t="000 - 000 - 000",disabled:n,...e},o)=>{const{activeCountry:r,isDisabled:a,value:c,onValueChange:p,setActiveCountry:y}=nt.usePhoneNumberContext(),i=s=>{if(!s)return"";const d=W(s);if(d)return d.nationalNumber;let g="";return r&&Ct(r)&&(g=Y(r)),s.replace(`+${g}`,"")};return f.useEffect(()=>{if(c&&!r){const s=W(c);s&&y(s.country)}},[r,y,c]),R.jsxs(tt.InputRoot,{"data-slot":"phone-number-digit-field",className:"mds:has-disabled:opacity-50",children:[R.jsxs("p",{className:u.cn("mds:body-extrasmall-regular"),children:["(+",Y(r||"US"),")"]}),R.jsx(et.InputField,{...e,disabled:n||a,placeholder:t,value:i(c),onChange:s=>{const d=u.getPhoneNumberDigitMetadataValueObject({value:s.target.value,activeCountry:r});p&&(s.target.value=d.digit,p(d))},ref:o})]})});U.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),r=require("./utils-CpiHnfHs.cjs"),j=require("./mainstack-design-system619.cjs"),b=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system620.cjs"),k=require("./isValid-D2QhMu7v.cjs");function p(l,c,m){const n=r.toDate(l,m?.in);return n.setHours(c),n}function A(l,c,m){const n=r.toDate(l,m?.in);return n.setMinutes(c),n}const P=g.forwardRef(({className:l,...c},m)=>{const{value:n,onValueChange:x,isDisabled:w,timeRange:f}=j.useTimePickerContext(),h=g.useRef({Hours:{},Minutes:{},"AM/PM":{}}),i=g.useMemo(()=>{const s={Hours:"",Minutes:"","AM/PM":""};if(!n||!k.isValid(n))return s;const a=r.getDateWithinRange({date:n,timeRange:f});let e=r.getHours(a)%12;return e=e===0?12:e,s.Hours=e.toString().padStart(2,"0"),s.Minutes=r.getMinutes(a).toString().padStart(2,"0"),s["AM/PM"]=r.getHours(a)>=12?"PM":"AM",s},[n,f]);return g.useEffect(()=>{const s=h.current.Hours[i.Hours],a=h.current.Minutes[i.Minutes],e=h.current["AM/PM"][i["AM/PM"]];(s||a||e)&&(s?.scrollIntoView({block:"center",behavior:"smooth"}),a?.scrollIntoView({block:"center",behavior:"smooth"}),e?.scrollIntoView({block:"center",behavior:"smooth"}))},[i]),o.jsx("div",{"data-slot":"date-picker-calendar",className:r.cn("mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",l),ref:m,...c,children:Object.entries(v.timeOptionBreakdown).map(([s,a])=>o.jsxs("div",{className:"mds:flex mds:flex-col mds:gap-16",children:[o.jsx("h6",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:s}),o.jsxs(b.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"mds:h-210 mds:overflow-hidden mds:rounded-4",children:[o.jsx(b.ScrollAreaViewport,{className:"mds:h-full mds:w-full mds:pr-15 mds:rounded-4",children:o.jsx("div",{className:"mds:flex mds:flex-col mds:gap-16",children:a.map(e=>o.jsx("button",{"data-selected":i[s]===e,className:r.cn("mds:body-extrasmall-book","mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-neutral mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"),disabled:w||!r.isTimeOptionWithinRange({timeRange:f,columnKey:s,value:e,currentBreakdown:i}),onClick:()=>{let t=r.getDateWithinRange({date:n||new Date,timeRange:f});const u=s;let M=0;if(u==="AM/PM"){M=e==="PM"?12:0;let d=+i.Hours;d===12&&(d=0),t=p(t,d+M),x(t)}if(u==="Hours"){M=i["AM/PM"]==="PM"?12:0;let d=+e;d===12&&(d=0),t=p(t,d+M),x(t)}u==="Minutes"&&(t=A(t,+e),x(t))},ref:t=>{const u=s;t&&(h.current[u][e]=t)},children:e},e))})}),o.jsx(b.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1",children:o.jsx(b.ScrollAreaThumb,{className:r.cn(" mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),o.jsx(b.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})]},s))})});P.displayName="TimePickerCalendar";exports.TimePickerCalendar=P;