mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system532.js

@@ -1,29 +1,43 @@
-import { jsx as o } from "react/jsx-runtime";
-import { D as i } from "./index-eeqUt-Tb.js";
-import { a as p } from "./index-RoCFhqzC.js";
-import { forwardRef as t } from "react";
-import { useResponsivePopoverDrawerContext as a } from "./mainstack-design-system604.js";
-const g = t(
-  ({ ...r }, e) => {
-    const { isDesktop: s } = a();
-    return s ? /* @__PURE__ */ o(
+'use client';
+import { jsx as r } from "react/jsx-runtime";
+import { b as i, c as p } from "./index-RoCFhqzC.js";
+import { forwardRef as c } from "react";
+import { c as l } from "./utils-BWBRqOem.js";
+import { useDatePickerContext as f } from "./mainstack-design-system614.js";
+const P = c(
+  ({
+    children: a,
+    onWheel: o,
+    onTouchMove: e,
+    className: s,
+    ...d
+  }, n) => {
+    const { open: m } = f();
+    return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
       p,
       {
-        "data-slot": "responsive-popover-drawer-trigger",
-        ref: e,
-        ...r
+        "data-slot": "date-picker-portal",
+        role: "listbox",
+        sideOffset: 6,
+        "data-date-picker-calendar-opened": m,
+        className: l(
+          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",
+          s
+        ),
+        onWheel: (t) => {
+          t.stopPropagation(), o && o(t);
+        },
+        onTouchMove: (t) => {
+          t.stopPropagation(), e && e(t);
+        },
+        ref: n,
+        ...d,
+        children: a
       }
-    ) : /* @__PURE__ */ o(
-      i.Trigger,
-      {
-        "data-slot": "responsive-popover-drawer-trigger",
-        ref: e,
-        ...r
-      }
-    );
+    ) });
   }
 );
-g.displayName = "ResponsivePopoverDrawerTrigger";
+P.displayName = "DatePickerPortal";
 export {
-  g as ResponsivePopoverDrawerTrigger
+  P as DatePickerPortal
 };

package/dist/mainstack-design-system533.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=require("react"),c=require("./utils-Bdd5vx6a.cjs"),u=require("./index-DvzX668K.cjs"),a=r.forwardRef(({children:d,className:s,layout:n="dialog",direction:m="center",placement:i="center",...o},l)=>t.jsx("div",{className:"mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:sm:items-center mds:has-data-[placement=left]:sm:justify-start mds:has-data-[placement=right]:sm:justify-end mds:has-data-[placement=top]:sm:items-start mds:has-data-[placement=bottom]:sm:items-end ",children:t.jsxs(e.DialogContent,{ref:l,"data-slot":"modal-body","data-layout":n,"data-direction":m,"data-placement":i,className:c.cn("mds:group/Modal-body mds:flex-1 mds:flex mds:will-change-transform mds:max-h-[90dvh] mds:max-w-980 mds:shadow-600 mds:rounded-t-20 mds:overflow-hidden mds:bg-surface-neutral-l1 mds:sm:rounded-20 mds:sm:m-20 mds:data-[layout=sidebar]:max-w-456 mds:data-[layout=sidebar]:sm:min-h-[95dvh] ","mds:animate-content-slide-out-bottom mds:data-[state=open]:animate-content-slide-in-bottom mds:data-[direction=center]:sm:animate-content-scale-out mds:data-[direction=left]:sm:animate-content-slide-out-left mds:data-[direction=right]:sm:animate-content-slide-out-right mds:data-[direction=top]:sm:animate-content-slide-out-top mds:data-[direction=bottom]:sm:animate-content-slide-out-bottom mds:data-[direction=center]:data-[state=open]:sm:animate-content-scale-in mds:data-[direction=left]:data-[state=open]:sm:animate-content-slide-in-left mds:data-[direction=right]:data-[state=open]:sm:animate-content-slide-in-right mds:data-[direction=top]:data-[state=open]:sm:animate-content-slide-in-top mds:data-[direction=bottom]:data-[state=open]:sm:animate-content-slide-in-bottom",s),...o,children:[d,t.jsx(u.VisuallyHidden,{children:t.jsx(e.DialogDescription,{})})]})}));a.displayName="ModalBody";exports.ModalBody=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),v=require("./mainstack-design-system614.cjs"),f=require("./index-4R9KShCu.cjs"),r=require("./index-C8aODXfJ.cjs"),a=k.forwardRef(({open:i,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,defaultValue:o,isError:p,isSuccess:d,children:P,...C},g)=>{const[t,n]=r.useControllableState({prop:i,defaultProp:!1,onChange:c}),[h,x]=r.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(v.DatePickerContext.Provider,{value:{open:t,isDisabled:u,isError:p,isSuccess:d,defaultValue:o,value:h,onValueChange:x,onOpenChange:n},children:e.jsx(f.Popover,{open:t,onOpenChange:n,children:e.jsx("div",{"data-slot":"date-picker-root",ref:g,...C,children:P})})})});a.displayName="DatePickerRoot";exports.DatePickerRoot=a;

package/dist/mainstack-design-system533.js

@@ -1,39 +1,50 @@
 'use client';
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { D as l, a as r } from "./index-DDHQjaCF.js";
-import { forwardRef as c } from "react";
-import { c as p } from "./utils-D85wpvmd.js";
-import { V as f } from "./index-DJT9m8v7.js";
-const u = c(
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import { DatePickerContext as g } from "./mainstack-design-system614.js";
+import { P as v } from "./index-RoCFhqzC.js";
+import { u as t } from "./index-437EL2iq.js";
+const k = P(
   ({
-    children: a,
-    className: d,
-    layout: e = "dialog",
-    direction: s = "center",
-    placement: m = "center",
-    ...o
-  }, n) => /* @__PURE__ */ t("div", { className: "mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:sm:items-center mds:has-data-[placement=left]:sm:justify-start mds:has-data-[placement=right]:sm:justify-end mds:has-data-[placement=top]:sm:items-start mds:has-data-[placement=bottom]:sm:items-end ", children: /* @__PURE__ */ i(
-    l,
-    {
-      ref: n,
-      "data-slot": "modal-body",
-      "data-layout": e,
-      "data-direction": s,
-      "data-placement": m,
-      className: p(
-        "mds:group/Modal-body mds:flex-1 mds:flex mds:will-change-transform mds:max-h-[90dvh] mds:max-w-980 mds:shadow-600 mds:rounded-t-20 mds:overflow-hidden mds:bg-surface-neutral-l1 mds:sm:rounded-20 mds:sm:m-20 mds:data-[layout=sidebar]:max-w-456 mds:data-[layout=sidebar]:sm:min-h-[95dvh] ",
-        "mds:animate-content-slide-out-bottom mds:data-[state=open]:animate-content-slide-in-bottom mds:data-[direction=center]:sm:animate-content-scale-out mds:data-[direction=left]:sm:animate-content-slide-out-left mds:data-[direction=right]:sm:animate-content-slide-out-right mds:data-[direction=top]:sm:animate-content-slide-out-top mds:data-[direction=bottom]:sm:animate-content-slide-out-bottom mds:data-[direction=center]:data-[state=open]:sm:animate-content-scale-in mds:data-[direction=left]:data-[state=open]:sm:animate-content-slide-in-left mds:data-[direction=right]:data-[state=open]:sm:animate-content-slide-in-right mds:data-[direction=top]:data-[state=open]:sm:animate-content-slide-in-top mds:data-[direction=bottom]:data-[state=open]:sm:animate-content-slide-in-bottom",
-        d
-      ),
-      ...o,
-      children: [
-        a,
-        /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(r, {}) })
-      ]
-    }
-  ) })
+    open: n,
+    onOpenChange: p,
+    value: i,
+    onValueChange: l,
+    isDisabled: m = !1,
+    defaultValue: e,
+    isError: s,
+    isSuccess: f,
+    children: c,
+    ...d
+  }, h) => {
+    const [r, a] = t({
+      prop: n,
+      defaultProp: !1,
+      onChange: p
+    }), [u, C] = t({
+      prop: i,
+      defaultProp: e,
+      onChange: l
+    });
+    return /* @__PURE__ */ o(
+      g.Provider,
+      {
+        value: {
+          open: r,
+          isDisabled: m,
+          isError: s,
+          isSuccess: f,
+          defaultValue: e,
+          value: u,
+          onValueChange: C,
+          onOpenChange: a
+        },
+        children: /* @__PURE__ */ o(v, { open: r, onOpenChange: a, children: /* @__PURE__ */ o("div", { "data-slot": "date-picker-root", ref: h, ...d, children: c }) })
+      }
+    );
+  }
 );
-u.displayName = "ModalBody";
+k.displayName = "DatePickerRoot";
 export {
-  u as ModalBody
+  k as DatePickerRoot
 };

package/dist/mainstack-design-system534.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),u=require("./utils-Bdd5vx6a.cjs"),l=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");const a=require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-BBiZ5mNK.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:u.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"mds:min-w-36 mds:min-h-36",children:e.jsx(l.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./mainstack-design-system537.cjs"),s=require("./mainstack-design-system535.cjs"),P=require("./mainstack-design-system536.cjs"),T=require("./mainstack-design-system626.cjs"),i=n.forwardRef(({placeholder:r,id:c,...o},t)=>e.jsxs(m.TimePickerRoot,{...o,ref:t,children:[e.jsx(s.TimePickerInputField,{placeholder:r,id:c}),e.jsx(P.TimePickerPortal,{children:e.jsx(T.TimePickerCalendar,{})})]}));i.displayName="TimePicker";exports.TimePicker=i;

package/dist/mainstack-design-system534.js

@@ -1,40 +1,17 @@
 'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { b as a } from "./index-DDHQjaCF.js";
-import { forwardRef as s } from "react";
-import { c as e } from "./utils-D85wpvmd.js";
-import { ButtonIcon as l } from "./mainstack-design-system391.js";
-import "./mainstack-design-system392.js";
-import { ButtonRoot as n } from "./mainstack-design-system393.js";
-import "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
-import "./mainstack-design-system357.js";
-import d from "./mainstack-design-system93.js";
-import "./player-Cs7wtvrg.js";
-const p = s(
-  ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
-    a,
-    {
-      "data-slot": "modal-close",
-      className: e(m),
-      ref: i,
-      asChild: !0,
-      ...t,
-      children: r || /* @__PURE__ */ o(
-        n,
-        {
-          size: "sm",
-          iconOnly: !0,
-          rounded: "sm",
-          variant: "secondary",
-          className: "mds:min-w-36 mds:min-h-36",
-          children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { variant: "filled" }) })
-        }
-      )
-    }
-  )
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { TimePickerRoot as p } from "./mainstack-design-system537.js";
+import { TimePickerInputField as f } from "./mainstack-design-system535.js";
+import { TimePickerPortal as P } from "./mainstack-design-system536.js";
+import { TimePickerCalendar as a } from "./mainstack-design-system626.js";
+const d = c(
+  ({ placeholder: i, id: e, ...m }, o) => /* @__PURE__ */ t(p, { ...m, ref: o, children: [
+    /* @__PURE__ */ r(f, { placeholder: i, id: e }),
+    /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(a, {}) })
+  ] })
 );
-p.displayName = "ModalClose";
+d.displayName = "TimePicker";
 export {
-  p as ModalClose
+  d as TimePicker
 };

package/dist/mainstack-design-system535.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-Bdd5vx6a.cjs"),e=n.forwardRef(({className:t,...o},l)=>s.jsx("div",{"data-slot":"modal-content-slot",className:a.cn("mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",t),ref:l,...o}));e.displayName="ModalContentSlot";exports.ModalContentSlot=e;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),a=require("./mainstack-design-system449.cjs"),m=require("./mainstack-design-system450.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system366.cjs");const p=require("./mainstack-design-system264.cjs");require("./player-BoD_1Mo-.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system615.cjs"),x=require("./isValid-C_6xxmQu.cjs"),P=require("./format-55eCeDIa.cjs"),r=d.forwardRef(({placeholder:t="Choose time",...s},n)=>{const{value:i,isDisabled:o,isError:c,isSuccess:u}=I.useTimePickerContext(),l=x.isValid(i)?P.format(i,"hh : mm a"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(a.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(m.InputField,{...s,value:l,placeholder:t,isError:c,isSuccess:u,disabled:o,ref:n,readOnly:!0}),e.jsx(p,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="TimePickerInputField";exports.TimePickerInputField=r;

package/dist/mainstack-design-system535.js

@@ -1,21 +1,38 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as s } from "./utils-D85wpvmd.js";
-const a = m(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ l(
-    "div",
-    {
-      "data-slot": "modal-content-slot",
-      className: s(
-        "mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",
-        o
+'use client';
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { InputRoot as c } from "./mainstack-design-system449.js";
+import { InputField as n } from "./mainstack-design-system450.js";
+import "./mainstack-design-system448.js";
+import "./mainstack-design-system366.js";
+import f from "./mainstack-design-system264.js";
+import "./player-DtDfxekb.js";
+import { a as u } from "./index-RoCFhqzC.js";
+import { useTimePickerContext as h } from "./mainstack-design-system615.js";
+import { i as x } from "./isValid-CCvavKVT.js";
+import { f as I } from "./format-BmhnB-4s.js";
+const k = d(
+  ({ placeholder: e = "Choose time", ...o }, m) => {
+    const { value: i, isDisabled: t, isError: s, isSuccess: a } = h(), p = x(i) ? I(i, "hh : mm a") : "";
+    return /* @__PURE__ */ r(u, { className: "mds:w-full", children: /* @__PURE__ */ l(c, { "data-slot": "time-picker-input-field", children: [
+      /* @__PURE__ */ r(
+        n,
+        {
+          ...o,
+          value: p,
+          placeholder: e,
+          isError: s,
+          isSuccess: a,
+          disabled: t,
+          ref: m,
+          readOnly: !0
+        }
       ),
-      ref: e,
-      ...t
-    }
-  )
+      /* @__PURE__ */ r(f, { className: "mds:size-20 mds:text-secondary" })
+    ] }) });
+  }
 );
-a.displayName = "ModalContentSlot";
+k.displayName = "TimePickerInputField";
 export {
-  a as ModalContentSlot
+  k as TimePickerInputField
 };

package/dist/mainstack-design-system536.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-Bdd5vx6a.cjs"),e=a.forwardRef(({className:t,...s},d)=>r.jsx("header",{"data-slot":"modal-content-header",className:n.cn("mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",t),ref:d,...s}));e.displayName="ModalContentHeader";exports.ModalContentHeader=e;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),u=require("./utils-Dp-J9Ksy.cjs"),p=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:s,...d},c)=>{const{open:m}=p.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:u.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",s),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:n})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;

package/dist/mainstack-design-system536.js

@@ -1,21 +1,43 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as r } from "./utils-D85wpvmd.js";
-const a = m(
-  ({ className: e, ...t }, s) => /* @__PURE__ */ d(
-    "header",
-    {
-      "data-slot": "modal-content-header",
-      className: r(
-        "mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",
-        e
-      ),
-      ref: s,
-      ...t
-    }
-  )
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { b as n, c as p } from "./index-RoCFhqzC.js";
+import { forwardRef as c } from "react";
+import { c as l } from "./utils-BWBRqOem.js";
+import { useTimePickerContext as f } from "./mainstack-design-system615.js";
+const P = c(
+  ({
+    children: a,
+    onWheel: e,
+    onTouchMove: r,
+    className: s,
+    ...m
+  }, d) => {
+    const { open: i } = f();
+    return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+      p,
+      {
+        "data-slot": "time-picker-portal",
+        role: "listbox",
+        sideOffset: 6,
+        "data-date-picker-calendar-opened": i,
+        className: l(
+          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",
+          s
+        ),
+        ref: d,
+        onWheel: (o) => {
+          o.stopPropagation(), e && e(o);
+        },
+        onTouchMove: (o) => {
+          o.stopPropagation(), r && r(o);
+        },
+        ...m,
+        children: a
+      }
+    ) });
+  }
 );
-a.displayName = "ModalContentHeader";
+P.displayName = "TimePickerPortal";
 export {
-  a as ModalContentHeader
+  P as TimePickerPortal
 };

package/dist/mainstack-design-system537.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),d=require("./utils-Bdd5vx6a.cjs"),e=n.forwardRef(({className:t,...o},s)=>r.jsx("footer",{"data-slot":"modal-content-footer",className:d.cn("mds:flex mds:py-16 mds:px-20 mds:gap-12 mds:items-center mds:sticky mds:bottom-0 mds:justify-between mds:bg-surface-neutral-l1",t),ref:s,...o}));e.displayName="ModalContentFooter";exports.ModalContentFooter=e;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),v=require("./mainstack-design-system615.cjs"),f=require("./index-4R9KShCu.cjs"),t=require("./index-C8aODXfJ.cjs"),i=k.forwardRef(({open:a,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,isError:p,isSuccess:d,timeRange:m,defaultValue:o,children:P,...C},g)=>{const[n,r]=t.useControllableState({prop:a,defaultProp:!1,onChange:c}),[h,x]=t.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(v.TimePickerContext.Provider,{value:{open:n,isDisabled:u,isError:p,isSuccess:d,timeRange:m,defaultValue:o,value:h,onValueChange:x,onOpenChange:r},children:e.jsx(f.Popover,{open:n,onOpenChange:r,children:e.jsx("div",{"data-slot":"time-picker-root",ref:g,...C,children:P})})})});i.displayName="TimePickerRoot";exports.TimePickerRoot=i;

package/dist/mainstack-design-system537.js

@@ -1,21 +1,52 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c as r } from "./utils-D85wpvmd.js";
-const d = s(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
-    "footer",
-    {
-      "data-slot": "modal-content-footer",
-      className: r(
-        "mds:flex mds:py-16 mds:px-20 mds:gap-12 mds:items-center mds:sticky mds:bottom-0 mds:justify-between mds:bg-surface-neutral-l1",
-        o
-      ),
-      ref: e,
-      ...t
-    }
-  )
+'use client';
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { TimePickerContext as v } from "./mainstack-design-system615.js";
+import { P as k } from "./index-RoCFhqzC.js";
+import { u as a } from "./index-437EL2iq.js";
+const x = g(
+  ({
+    open: t,
+    onOpenChange: p,
+    value: i,
+    onValueChange: m,
+    isDisabled: l = !1,
+    isError: s,
+    isSuccess: f,
+    timeRange: c,
+    defaultValue: e,
+    children: d,
+    ...h
+  }, u) => {
+    const [r, n] = a({
+      prop: t,
+      defaultProp: !1,
+      onChange: p
+    }), [C, P] = a({
+      prop: i,
+      defaultProp: e,
+      onChange: m
+    });
+    return /* @__PURE__ */ o(
+      v.Provider,
+      {
+        value: {
+          open: r,
+          isDisabled: l,
+          isError: s,
+          isSuccess: f,
+          timeRange: c,
+          defaultValue: e,
+          value: C,
+          onValueChange: P,
+          onOpenChange: n
+        },
+        children: /* @__PURE__ */ o(k, { open: r, onOpenChange: n, children: /* @__PURE__ */ o("div", { "data-slot": "time-picker-root", ref: u, ...h, children: d }) })
+      }
+    );
+  }
 );
-d.displayName = "ModalContentFooter";
+x.displayName = "TimePickerRoot";
 export {
-  d as ModalContentFooter
+  x as TimePickerRoot
 };

package/dist/mainstack-design-system538.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-Bdd5vx6a.cjs"),a=require("./index-HSoR75mY.cjs"),e=l.forwardRef(({className:t,...o},i)=>n.jsx(a.DialogTitle,{"data-slot":"modal-content-header",className:r.cn("mds:body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./index-hyBpqx_X.cjs"),t=require("./index-4R9KShCu.cjs"),n=require("./mainstack-design-system613.cjs"),i=({...e})=>{const{isDesktop:r}=n.useResponsivePopoverDrawerContext();return r?o.jsx(t.PopoverClose,{"data-slot":"responsive-popover-drawer-close",...e}):o.jsx(s.Drawer.Close,{"data-slot":"responsive-popover-drawer-close",...e})};exports.ResponsivePopoverDrawerClose=i;

package/dist/mainstack-design-system538.js

@@ -1,19 +1,19 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as r } from "./utils-D85wpvmd.js";
-import { c as d } from "./index-DDHQjaCF.js";
-const i = a(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
-    d,
+import { jsx as e } from "react/jsx-runtime";
+import { D as s } from "./index-eeqUt-Tb.js";
+import { e as t } from "./index-RoCFhqzC.js";
+import { useResponsivePopoverDrawerContext as p } from "./mainstack-design-system613.js";
+const m = ({
+  ...o
+}) => {
+  const { isDesktop: r } = p();
+  return r ? /* @__PURE__ */ e(t, { "data-slot": "responsive-popover-drawer-close", ...o }) : /* @__PURE__ */ e(
+    s.Close,
     {
-      "data-slot": "modal-content-header",
-      className: r("mds:body-medium-semibold", o),
-      ref: e,
-      ...t
+      "data-slot": "responsive-popover-drawer-close",
+      ...o
     }
-  )
-);
-i.displayName = "ModalContentTitle";
+  );
+};
 export {
-  i as ModalContentTitle
+  m as ResponsivePopoverDrawerClose
 };

package/dist/mainstack-design-system539.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-Bdd5vx6a.cjs"),e=s.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:i.cn("mds:flex-1 mds:px-20 mds:overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("./index-hyBpqx_X.cjs"),a=require("./mainstack-design-system613.cjs"),n=require("./utils-Dp-J9Ksy.cjs"),i=({className:e,...s})=>{const{isDesktop:r}=a.useResponsivePopoverDrawerContext();return r?null:t.jsx(o.Drawer.Overlay,{"data-slot":"responsive-popover-drawer-overlay",className:n.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50",e),...s})};exports.ResponsivePopoverDrawerOverlay=i;

package/dist/mainstack-design-system539.js

@@ -1,18 +1,24 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as r } from "./utils-D85wpvmd.js";
-const d = n(
-  ({ className: o, ...a }, t) => /* @__PURE__ */ m(
-    "div",
+import { jsx as o } from "react/jsx-runtime";
+import { D as s } from "./index-eeqUt-Tb.js";
+import { useResponsivePopoverDrawerContext as r } from "./mainstack-design-system613.js";
+import { c as d } from "./utils-BWBRqOem.js";
+const f = ({
+  className: e,
+  ...t
+}) => {
+  const { isDesktop: a } = r();
+  return a ? null : /* @__PURE__ */ o(
+    s.Overlay,
     {
-      "data-slot": "modal-content-main",
-      className: r("mds:flex-1 mds:px-20 mds:overflow-auto", o),
-      ref: t,
-      ...a
+      "data-slot": "responsive-popover-drawer-overlay",
+      className: d(
+        "mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50",
+        e
+      ),
+      ...t
     }
-  )
-);
-d.displayName = "ModalContentMain";
+  );
+};
 export {
-  d as ModalContentMain
+  f as ResponsivePopoverDrawerOverlay
 };

package/dist/mainstack-design-system54.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system357.cjs"),s=({...r})=>C.jsx(n,{...r,children:C.jsx("g",{mask:"url(#mask0_4597_8108)",children:C.jsx("path",{d:"M17.0385 16.5384H14.802C14.5955 16.5384 14.423 16.4665 14.2845 16.3227C14.1462 16.179 14.077 16.0009 14.077 15.7884C14.077 15.5819 14.1488 15.4053 14.2925 15.2587C14.4363 15.1118 14.6145 15.0384 14.827 15.0384H17.0385V12.8269C17.0385 12.6144 17.1104 12.4363 17.2542 12.2924C17.3981 12.1488 17.5763 12.0769 17.7887 12.0769C18.0014 12.0769 18.1795 12.1488 18.323 12.2924C18.4667 12.4363 18.5385 12.6144 18.5385 12.8269V15.0384H20.75C20.9625 15.0384 21.1406 15.1103 21.2843 15.2542C21.4281 15.398 21.5 15.5762 21.5 15.7887C21.5 16.0013 21.4281 16.1794 21.2843 16.3229C21.1406 16.4666 20.9625 16.5384 20.75 16.5384H18.5385V18.7499C18.5385 18.9624 18.4666 19.1405 18.3227 19.2842C18.1789 19.428 18.0007 19.4999 17.788 19.4999C17.5755 19.4999 17.3974 19.428 17.2538 19.2842C17.1103 19.1405 17.0385 18.9624 17.0385 18.7499V16.5384ZM10.0578 16.5384H7.0385C5.78283 16.5384 4.7125 16.0959 3.8275 15.2109C2.9425 14.3261 2.5 13.2559 2.5 12.0004C2.5 10.7449 2.9425 9.67459 3.8275 8.78943C4.7125 7.90409 5.78283 7.46143 7.0385 7.46143H10.0578C10.2641 7.46143 10.4407 7.53484 10.5875 7.68168C10.7343 7.82851 10.8077 8.00668 10.8077 8.21618C10.8077 8.42584 10.7343 8.60251 10.5875 8.74617C10.4407 8.88967 10.2641 8.96143 10.0578 8.96143H7.03725C6.19825 8.96143 5.48233 9.25792 4.8895 9.85092C4.2965 10.4439 4 11.1603 4 11.9999C4 12.8396 4.2965 13.5559 4.8895 14.1489C5.48233 14.7419 6.19825 15.0384 7.03725 15.0384H10.0578C10.2641 15.0384 10.4407 15.1118 10.5875 15.2587C10.7343 15.4053 10.8077 15.5835 10.8077 15.7932C10.8077 16.0028 10.7343 16.1794 10.5875 16.3229C10.4407 16.4666 10.2641 16.5384 10.0578 16.5384ZM9 12.7499C8.7875 12.7499 8.60942 12.678 8.46575 12.5342C8.32192 12.3903 8.25 12.2122 8.25 11.9997C8.25 11.787 8.32192 11.6089 8.46575 11.4654C8.60942 11.3218 8.7875 11.2499 9 11.2499H15C15.2125 11.2499 15.3906 11.3218 15.5343 11.4657C15.6781 11.6095 15.75 11.7877 15.75 12.0002C15.75 12.2128 15.6781 12.3909 15.5343 12.5344C15.3906 12.6781 15.2125 12.7499 15 12.7499H9ZM21.5 11.9999H20C20 11.1603 19.7035 10.4439 19.1105 9.85092C18.5177 9.25792 17.8018 8.96143 16.9628 8.96143H13.9173C13.7109 8.96143 13.5385 8.88959 13.4 8.74593C13.2615 8.60209 13.1923 8.42393 13.1923 8.21143C13.1923 8.00509 13.2642 7.82851 13.408 7.68168C13.5517 7.53484 13.7298 7.46143 13.9423 7.46143H16.9615C18.2172 7.46143 19.2875 7.90393 20.1725 8.78893C21.0575 9.67393 21.5 10.7443 21.5 11.9999Z",fill:"currentColor"})})});module.exports=s;
+"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system366.cjs"),s=({...r})=>C.jsx(n,{...r,children:C.jsx("g",{mask:"url(#mask0_4597_8108)",children:C.jsx("path",{d:"M17.0385 16.5384H14.802C14.5955 16.5384 14.423 16.4665 14.2845 16.3227C14.1462 16.179 14.077 16.0009 14.077 15.7884C14.077 15.5819 14.1488 15.4053 14.2925 15.2587C14.4363 15.1118 14.6145 15.0384 14.827 15.0384H17.0385V12.8269C17.0385 12.6144 17.1104 12.4363 17.2542 12.2924C17.3981 12.1488 17.5763 12.0769 17.7887 12.0769C18.0014 12.0769 18.1795 12.1488 18.323 12.2924C18.4667 12.4363 18.5385 12.6144 18.5385 12.8269V15.0384H20.75C20.9625 15.0384 21.1406 15.1103 21.2843 15.2542C21.4281 15.398 21.5 15.5762 21.5 15.7887C21.5 16.0013 21.4281 16.1794 21.2843 16.3229C21.1406 16.4666 20.9625 16.5384 20.75 16.5384H18.5385V18.7499C18.5385 18.9624 18.4666 19.1405 18.3227 19.2842C18.1789 19.428 18.0007 19.4999 17.788 19.4999C17.5755 19.4999 17.3974 19.428 17.2538 19.2842C17.1103 19.1405 17.0385 18.9624 17.0385 18.7499V16.5384ZM10.0578 16.5384H7.0385C5.78283 16.5384 4.7125 16.0959 3.8275 15.2109C2.9425 14.3261 2.5 13.2559 2.5 12.0004C2.5 10.7449 2.9425 9.67459 3.8275 8.78943C4.7125 7.90409 5.78283 7.46143 7.0385 7.46143H10.0578C10.2641 7.46143 10.4407 7.53484 10.5875 7.68168C10.7343 7.82851 10.8077 8.00668 10.8077 8.21618C10.8077 8.42584 10.7343 8.60251 10.5875 8.74617C10.4407 8.88967 10.2641 8.96143 10.0578 8.96143H7.03725C6.19825 8.96143 5.48233 9.25792 4.8895 9.85092C4.2965 10.4439 4 11.1603 4 11.9999C4 12.8396 4.2965 13.5559 4.8895 14.1489C5.48233 14.7419 6.19825 15.0384 7.03725 15.0384H10.0578C10.2641 15.0384 10.4407 15.1118 10.5875 15.2587C10.7343 15.4053 10.8077 15.5835 10.8077 15.7932C10.8077 16.0028 10.7343 16.1794 10.5875 16.3229C10.4407 16.4666 10.2641 16.5384 10.0578 16.5384ZM9 12.7499C8.7875 12.7499 8.60942 12.678 8.46575 12.5342C8.32192 12.3903 8.25 12.2122 8.25 11.9997C8.25 11.787 8.32192 11.6089 8.46575 11.4654C8.60942 11.3218 8.7875 11.2499 9 11.2499H15C15.2125 11.2499 15.3906 11.3218 15.5343 11.4657C15.6781 11.6095 15.75 11.7877 15.75 12.0002C15.75 12.2128 15.6781 12.3909 15.5343 12.5344C15.3906 12.6781 15.2125 12.7499 15 12.7499H9ZM21.5 11.9999H20C20 11.1603 19.7035 10.4439 19.1105 9.85092C18.5177 9.25792 17.8018 8.96143 16.9628 8.96143H13.9173C13.7109 8.96143 13.5385 8.88959 13.4 8.74593C13.2615 8.60209 13.1923 8.42393 13.1923 8.21143C13.1923 8.00509 13.2642 7.82851 13.408 7.68168C13.5517 7.53484 13.7298 7.46143 13.9423 7.46143H16.9615C18.2172 7.46143 19.2875 7.90393 20.1725 8.78893C21.0575 9.67393 21.5 10.7443 21.5 11.9999Z",fill:"currentColor"})})});module.exports=s;

package/dist/mainstack-design-system54.js

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

package/dist/mainstack-design-system540.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-Bdd5vx6a.cjs"),n=require("react"),e=n.forwardRef(({className:a,...t},s)=>r.jsx(d.DialogOverlay,{"data-slot":"modal-overlay",className:l.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("./index-C8aODXfJ.cjs"),c=require("./index-hyBpqx_X.cjs"),d=require("./index-4R9KShCu.cjs"),t=require("./mainstack-design-system613.cjs");require("react");const x=require("./mainstack-design-system399.cjs"),P=({open:i,onOpenChange:p,isDesktop:a=null,breakpoint:v,...n})=>{const[u]=x.useMatchMedia(v||"(min-width: 768px)"),s=a??u,[e,o]=l.useControllableState({prop:i,defaultProp:!1,onChange:p});return s?r.jsx(t.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:s},children:r.jsx(d.Popover,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...n})}):r.jsx(t.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:s},children:r.jsx(c.Root,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...n})})};exports.ResponsivePopoverDrawerRoot=P;