mainstack-design-system 1.21.0 → 1.21.2

package/dist/mainstack-design-system534.js

@@ -1,43 +1,39 @@
 'use client';
-import { jsx as a } from "react/jsx-runtime";
-import { b as i, c as p } from "./index-RoCFhqzC.js";
-import { forwardRef as c } from "react";
-import { c as f } from "./utils-BSsuM-JB.js";
-import { useDatePickerContext as l } from "./mainstack-design-system615.js";
-const P = c(
-  ({
-    children: e,
-    onWheel: r,
-    onTouchMove: t,
-    className: s,
-    ...d
-  }, m) => {
-    const { open: n } = l();
-    return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ a(
-      p,
-      {
-        "data-slot": "date-picker-portal",
-        role: "listbox",
-        sideOffset: 6,
-        "data-date-picker-calendar-opened": n,
-        className: f(
-          " 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-primary mds:border mds:shadow-200 ",
-          s
-        ),
-        onWheel: (o) => {
-          o.stopPropagation(), r && r(o);
-        },
-        onTouchMove: (o) => {
-          o.stopPropagation(), t && t(o);
-        },
-        ref: m,
-        ...d,
-        children: e
-      }
-    ) });
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { InputRoot as n } from "./mainstack-design-system452.js";
+import { InputField as c } from "./mainstack-design-system453.js";
+import "./mainstack-design-system451.js";
+import "./mainstack-design-system367.js";
+import f from "./mainstack-design-system87.js";
+import "./player-CsZtfe1h.js";
+import "./mainstack-design-system399.js";
+import { a as u } from "./index-RoCFhqzC.js";
+import { useDatePickerContext as y } from "./mainstack-design-system615.js";
+import { i as x } from "./isValid-DBNiCvLH.js";
+import { f as I } from "./format-gFHh97g9.js";
+const h = l(
+  ({ placeholder: t = "Choose a date", ...e }, i) => {
+    const { value: o, isDisabled: a, isError: s, isSuccess: m } = y(), d = x(o) ? I(o, "dd - MM - yyyy") : "";
+    return /* @__PURE__ */ r(u, { className: "mds:w-full", children: /* @__PURE__ */ p(n, { "data-slot": "date-picker-input-field", children: [
+      /* @__PURE__ */ r(
+        c,
+        {
+          value: d,
+          placeholder: t,
+          isError: s,
+          isSuccess: m,
+          disabled: a,
+          readOnly: !0,
+          ref: i,
+          ...e
+        }
+      ),
+      /* @__PURE__ */ r(f, { className: "mds:size-20 mds:text-secondary" })
+    ] }) });
   }
 );
-P.displayName = "DatePickerPortal";
+h.displayName = "DatePickerInputField";
 export {
-  P as DatePickerPortal
+  h as DatePickerInputField
 };

package/dist/mainstack-design-system535.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),f=require("./mainstack-design-system615.cjs"),R=require("./index-4R9KShCu.cjs"),r=require("./index-C8aODXfJ.cjs"),a=v.forwardRef(({open:i,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,defaultValue:o,dateRange:p,isError:d,isSuccess:P,children:C,...g},h)=>{const[t,n]=r.useControllableState({prop:i,defaultProp:!1,onChange:c}),[x,k]=r.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(f.DatePickerContext.Provider,{value:{open:t,isDisabled:u,isError:d,isSuccess:P,defaultValue:o,value:x,dateRange:p,onValueChange:k,onOpenChange:n},children:e.jsx(R.Popover,{open:t,onOpenChange:n,children:e.jsx("div",{"data-slot":"date-picker-root",ref:h,...g,children:C})})})});a.displayName="DatePickerRoot";exports.DatePickerRoot=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),p=require("./utils-CShTjG-k.cjs"),u=require("./mainstack-design-system615.cjs"),s=m.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.useDatePickerContext();return a.jsx(o.PopoverPortal,{children:a.jsx(o.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:p.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-primary mds:border mds:shadow-200 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:n})})});s.displayName="DatePickerPortal";exports.DatePickerPortal=s;

package/dist/mainstack-design-system535.js

@@ -1,52 +1,43 @@
 'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { DatePickerContext as v } from "./mainstack-design-system615.js";
-import { P as k } from "./index-RoCFhqzC.js";
-import { u as t } from "./index-437EL2iq.js";
-const x = g(
+import { jsx as a } from "react/jsx-runtime";
+import { b as i, c as p } from "./index-RoCFhqzC.js";
+import { forwardRef as c } from "react";
+import { c as f } from "./utils-BSsuM-JB.js";
+import { useDatePickerContext as l } from "./mainstack-design-system615.js";
+const P = c(
   ({
-    open: n,
-    onOpenChange: p,
-    value: i,
-    onValueChange: l,
-    isDisabled: m = !1,
-    defaultValue: e,
-    dateRange: s,
-    isError: f,
-    isSuccess: c,
-    children: d,
-    ...h
-  }, u) => {
-    const [r, a] = t({
-      prop: n,
-      defaultProp: !1,
-      onChange: p
-    }), [C, P] = t({
-      prop: i,
-      defaultProp: e,
-      onChange: l
-    });
-    return /* @__PURE__ */ o(
-      v.Provider,
+    children: e,
+    onWheel: r,
+    onTouchMove: t,
+    className: s,
+    ...d
+  }, m) => {
+    const { open: n } = l();
+    return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ a(
+      p,
       {
-        value: {
-          open: r,
-          isDisabled: m,
-          isError: f,
-          isSuccess: c,
-          defaultValue: e,
-          value: C,
-          dateRange: s,
-          onValueChange: P,
-          onOpenChange: a
+        "data-slot": "date-picker-portal",
+        role: "listbox",
+        sideOffset: 6,
+        "data-date-picker-calendar-opened": n,
+        className: f(
+          " 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-primary mds:border mds:shadow-200 ",
+          s
+        ),
+        onWheel: (o) => {
+          o.stopPropagation(), r && r(o);
         },
-        children: /* @__PURE__ */ o(k, { open: r, onOpenChange: a, children: /* @__PURE__ */ o("div", { "data-slot": "date-picker-root", ref: u, ...h, children: d }) })
+        onTouchMove: (o) => {
+          o.stopPropagation(), t && t(o);
+        },
+        ref: m,
+        ...d,
+        children: e
       }
-    );
+    ) });
   }
 );
-x.displayName = "DatePickerRoot";
+P.displayName = "DatePickerPortal";
 export {
-  x as DatePickerRoot
+  P as DatePickerPortal
 };

package/dist/mainstack-design-system536.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./mainstack-design-system539.cjs"),s=require("./mainstack-design-system537.cjs"),P=require("./mainstack-design-system538.cjs"),T=require("./mainstack-design-system628.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),f=require("./mainstack-design-system615.cjs"),R=require("./index-4R9KShCu.cjs"),r=require("./index-C8aODXfJ.cjs"),a=v.forwardRef(({open:i,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,defaultValue:o,dateRange:p,isError:d,isSuccess:P,children:C,...g},h)=>{const[t,n]=r.useControllableState({prop:i,defaultProp:!1,onChange:c}),[x,k]=r.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(f.DatePickerContext.Provider,{value:{open:t,isDisabled:u,isError:d,isSuccess:P,defaultValue:o,value:x,dateRange:p,onValueChange:k,onOpenChange:n},children:e.jsx(R.Popover,{open:t,onOpenChange:n,children:e.jsx("div",{"data-slot":"date-picker-root",ref:h,...g,children:C})})})});a.displayName="DatePickerRoot";exports.DatePickerRoot=a;

package/dist/mainstack-design-system536.js

@@ -1,17 +1,52 @@
 'use client';
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { TimePickerRoot as p } from "./mainstack-design-system539.js";
-import { TimePickerInputField as f } from "./mainstack-design-system537.js";
-import { TimePickerPortal as P } from "./mainstack-design-system538.js";
-import { TimePickerCalendar as a } from "./mainstack-design-system628.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, {}) })
-  ] })
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { DatePickerContext as v } from "./mainstack-design-system615.js";
+import { P as k } from "./index-RoCFhqzC.js";
+import { u as t } from "./index-437EL2iq.js";
+const x = g(
+  ({
+    open: n,
+    onOpenChange: p,
+    value: i,
+    onValueChange: l,
+    isDisabled: m = !1,
+    defaultValue: e,
+    dateRange: s,
+    isError: f,
+    isSuccess: c,
+    children: d,
+    ...h
+  }, u) => {
+    const [r, a] = t({
+      prop: n,
+      defaultProp: !1,
+      onChange: p
+    }), [C, P] = t({
+      prop: i,
+      defaultProp: e,
+      onChange: l
+    });
+    return /* @__PURE__ */ o(
+      v.Provider,
+      {
+        value: {
+          open: r,
+          isDisabled: m,
+          isError: f,
+          isSuccess: c,
+          defaultValue: e,
+          value: C,
+          dateRange: s,
+          onValueChange: P,
+          onOpenChange: a
+        },
+        children: /* @__PURE__ */ o(k, { open: r, onOpenChange: a, children: /* @__PURE__ */ o("div", { "data-slot": "date-picker-root", ref: u, ...h, children: d }) })
+      }
+    );
+  }
 );
-d.displayName = "TimePicker";
+x.displayName = "DatePickerRoot";
 export {
-  d as TimePicker
+  x as DatePickerRoot
 };

package/dist/mainstack-design-system537.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),a=require("./mainstack-design-system451.cjs"),m=require("./mainstack-design-system452.cjs");require("./mainstack-design-system450.cjs");require("./mainstack-design-system367.cjs");const p=require("./mainstack-design-system265.cjs");require("./player-BrTeXGve.cjs");require("./mainstack-design-system399.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system616.cjs"),x=require("./isValid--tU3TFIT.cjs"),P=require("./format-vj1HWYaK.cjs"),r=d.forwardRef(({placeholder:t="Choose time",...s},n)=>{const{value:i,isDisabled:o,isError:u,isSuccess:c}=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:u,isSuccess:c,disabled:o,ref:n,readOnly:!0}),e.jsx(p,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="TimePickerInputField";exports.TimePickerInputField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./mainstack-design-system540.cjs"),s=require("./mainstack-design-system538.cjs"),P=require("./mainstack-design-system539.cjs"),T=require("./mainstack-design-system628.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-system537.js

@@ -1,39 +1,17 @@
 '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-system451.js";
-import { InputField as n } from "./mainstack-design-system452.js";
-import "./mainstack-design-system450.js";
-import "./mainstack-design-system367.js";
-import f from "./mainstack-design-system265.js";
-import "./player-CsZtfe1h.js";
-import "./mainstack-design-system399.js";
-import { a as u } from "./index-RoCFhqzC.js";
-import { useTimePickerContext as h } from "./mainstack-design-system616.js";
-import { i as x } from "./isValid-DBNiCvLH.js";
-import { f as I } from "./format-gFHh97g9.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
-        }
-      ),
-      /* @__PURE__ */ r(f, { className: "mds:size-20 mds:text-secondary" })
-    ] }) });
-  }
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { TimePickerRoot as p } from "./mainstack-design-system540.js";
+import { TimePickerInputField as f } from "./mainstack-design-system538.js";
+import { TimePickerPortal as P } from "./mainstack-design-system539.js";
+import { TimePickerCalendar as a } from "./mainstack-design-system628.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, {}) })
+  ] })
 );
-k.displayName = "TimePickerInputField";
+d.displayName = "TimePicker";
 export {
-  k as TimePickerInputField
+  d as TimePicker
 };

package/dist/mainstack-design-system538.cjs

@@ -1,2 +1,2 @@
 '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"),p=require("./utils-CShTjG-k.cjs"),u=require("./mainstack-design-system616.cjs"),a=l.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:n,...d},c)=>{const{open:m}=u.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:p.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-primary mds:border mds:shadow-200 ",n),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:s})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),a=require("./mainstack-design-system452.cjs"),m=require("./mainstack-design-system453.cjs");require("./mainstack-design-system451.cjs");require("./mainstack-design-system367.cjs");const p=require("./mainstack-design-system265.cjs");require("./player-BrTeXGve.cjs");require("./mainstack-design-system399.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system616.cjs"),x=require("./isValid--tU3TFIT.cjs"),P=require("./format-vj1HWYaK.cjs"),r=d.forwardRef(({placeholder:t="Choose time",...s},n)=>{const{value:i,isDisabled:o,isError:u,isSuccess:c}=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:u,isSuccess:c,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-system538.js

@@ -1,43 +1,39 @@
 '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 f } from "./utils-BSsuM-JB.js";
-import { useTimePickerContext as l } from "./mainstack-design-system616.js";
-const P = c(
-  ({
-    children: a,
-    onWheel: r,
-    onTouchMove: e,
-    className: m,
-    ...s
-  }, d) => {
-    const { open: i } = l();
-    return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
-      p,
-      {
-        "data-slot": "time-picker-portal",
-        role: "listbox",
-        sideOffset: 6,
-        "data-date-picker-calendar-opened": i,
-        className: f(
-          " 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-primary mds:border mds:shadow-200 ",
-          m
-        ),
-        ref: d,
-        onWheel: (o) => {
-          o.stopPropagation(), r && r(o);
-        },
-        onTouchMove: (o) => {
-          o.stopPropagation(), e && e(o);
-        },
-        ...s,
-        children: a
-      }
-    ) });
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { InputRoot as c } from "./mainstack-design-system452.js";
+import { InputField as n } from "./mainstack-design-system453.js";
+import "./mainstack-design-system451.js";
+import "./mainstack-design-system367.js";
+import f from "./mainstack-design-system265.js";
+import "./player-CsZtfe1h.js";
+import "./mainstack-design-system399.js";
+import { a as u } from "./index-RoCFhqzC.js";
+import { useTimePickerContext as h } from "./mainstack-design-system616.js";
+import { i as x } from "./isValid-DBNiCvLH.js";
+import { f as I } from "./format-gFHh97g9.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
+        }
+      ),
+      /* @__PURE__ */ r(f, { className: "mds:size-20 mds:text-secondary" })
+    ] }) });
   }
 );
-P.displayName = "TimePickerPortal";
+k.displayName = "TimePickerInputField";
 export {
-  P as TimePickerPortal
+  k as TimePickerInputField
 };

package/dist/mainstack-design-system539.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),v=require("./mainstack-design-system616.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),p=require("./utils-CShTjG-k.cjs"),u=require("./mainstack-design-system616.cjs"),a=l.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:n,...d},c)=>{const{open:m}=u.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:p.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-primary mds:border mds:shadow-200 ",n),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:s})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;

package/dist/mainstack-design-system539.js

@@ -1,52 +1,43 @@
 'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { TimePickerContext as v } from "./mainstack-design-system616.js";
-import { P as k } from "./index-RoCFhqzC.js";
-import { u as a } from "./index-437EL2iq.js";
-const x = g(
+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 f } from "./utils-BSsuM-JB.js";
+import { useTimePickerContext as l } from "./mainstack-design-system616.js";
+const P = c(
   ({
-    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,
+    children: a,
+    onWheel: r,
+    onTouchMove: e,
+    className: m,
+    ...s
+  }, d) => {
+    const { open: i } = l();
+    return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+      p,
       {
-        value: {
-          open: r,
-          isDisabled: l,
-          isError: s,
-          isSuccess: f,
-          timeRange: c,
-          defaultValue: e,
-          value: C,
-          onValueChange: P,
-          onOpenChange: n
+        "data-slot": "time-picker-portal",
+        role: "listbox",
+        sideOffset: 6,
+        "data-date-picker-calendar-opened": i,
+        className: f(
+          " 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-primary mds:border mds:shadow-200 ",
+          m
+        ),
+        ref: d,
+        onWheel: (o) => {
+          o.stopPropagation(), r && r(o);
         },
-        children: /* @__PURE__ */ o(k, { open: r, onOpenChange: n, children: /* @__PURE__ */ o("div", { "data-slot": "time-picker-root", ref: u, ...h, children: d }) })
+        onTouchMove: (o) => {
+          o.stopPropagation(), e && e(o);
+        },
+        ...s,
+        children: a
       }
-    );
+    ) });
   }
 );
-x.displayName = "TimePickerRoot";
+P.displayName = "TimePickerPortal";
 export {
-  x as TimePickerRoot
+  P as TimePickerPortal
 };

package/dist/mainstack-design-system540.cjs

@@ -1 +1,2 @@
-"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-system614.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;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),v=require("./mainstack-design-system616.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-system540.js

@@ -1,19 +1,52 @@
-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-system614.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": "responsive-popover-drawer-close",
-      ...o
-    }
-  );
-};
+'use client';
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { TimePickerContext as v } from "./mainstack-design-system616.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 }) })
+      }
+    );
+  }
+);
+x.displayName = "TimePickerRoot";
 export {
-  m as ResponsivePopoverDrawerClose
+  x as TimePickerRoot
 };

package/dist/mainstack-design-system541.cjs

@@ -1 +1 @@
-"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-system614.cjs"),n=require("./utils-CShTjG-k.cjs"),d=({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 mds:backdrop-blur-sm",e),...s})};exports.ResponsivePopoverDrawerOverlay=d;
+"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-system614.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-system541.js

@@ -1,24 +1,19 @@
-import { jsx as s } from "react/jsx-runtime";
-import { D as o } from "./index-eeqUt-Tb.js";
-import { useResponsivePopoverDrawerContext as r } from "./mainstack-design-system614.js";
-import { c as d } from "./utils-BSsuM-JB.js";
-const c = ({
-  className: e,
-  ...a
+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-system614.js";
+const m = ({
+  ...o
 }) => {
-  const { isDesktop: t } = r();
-  return t ? null : /* @__PURE__ */ s(
-    o.Overlay,
+  const { isDesktop: r } = p();
+  return r ? /* @__PURE__ */ e(t, { "data-slot": "responsive-popover-drawer-close", ...o }) : /* @__PURE__ */ e(
+    s.Close,
     {
-      "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 mds:backdrop-blur-sm",
-        e
-      ),
-      ...a
+      "data-slot": "responsive-popover-drawer-close",
+      ...o
     }
   );
 };
 export {
-  c as ResponsivePopoverDrawerOverlay
+  m as ResponsivePopoverDrawerClose
 };