mainstack-design-system 1.1.2 → 1.2.1

package/dist/mainstack-design-system506.js

@@ -1,78 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as w, useState as x } from "react";
-import { cn as M } from "./mainstack-design-system586.js";
-import { u as a } from "./index-437EL2iq.js";
-import { DateRangeContext as P } from "./mainstack-design-system572.js";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as m } from "./mainstack-design-system586.js";
 import "./index-Czas6QFh.js";
 import "./mainstack-design-system575.js";
-import "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
-import { ResponsivePopoverDrawerRoot as N } from "./mainstack-design-system519.js";
-import "./mainstack-design-system520.js";
-import O from "./mainstack-design-system573.js";
-const S = w(
-  ({
-    open: n,
-    onOpenChange: p,
-    value: i,
-    onValueChange: m,
-    isDisabled: s = !1,
-    defaultValue: e = { from: void 0, to: void 0 },
-    closeOnRangeSelect: l = !0,
-    startOfAllTimeDate: u = /* @__PURE__ */ new Date("2021-10-16"),
-    children: d,
-    className: f,
-    ...c
-  }, v) => {
-    const [t, r] = a({
-      prop: n,
-      defaultProp: !1,
-      onChange: p
-    }), [g, h] = a({
-      prop: i,
-      defaultProp: e,
-      onChange: m
-    }), [C] = O("(min-width: 900px)"), [R, D] = x(null);
-    return /* @__PURE__ */ o(
-      P.Provider,
-      {
-        value: {
-          open: t,
-          isDisabled: s,
-          defaultValue: e,
-          value: g,
-          closeOnRangeSelect: l,
-          activeMenu: R,
-          startOfAllTimeDate: u,
-          setActiveMenu: D,
-          onValueChange: h,
-          onOpenChange: r
-        },
-        children: /* @__PURE__ */ o(
-          N,
-          {
-            open: t,
-            onOpenChange: r,
-            isDesktop: C,
-            children: /* @__PURE__ */ o(
-              "div",
-              {
-                ...c,
-                ref: v,
-                className: M(f),
-                "data-slot": "date-range-root",
-                children: d
-              }
-            )
-          }
-        )
-      }
-    );
-  }
+import "./mainstack-design-system382.js";
+import "./mainstack-design-system383.js";
+import "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
+import { ResponsivePopoverDrawerTrigger as a } from "./mainstack-design-system519.js";
+const p = i(
+  ({ className: r, ...o }, e) => /* @__PURE__ */ t(
+    a,
+    {
+      ref: e,
+      "data-slot": "date-range-trigger",
+      className: m("", r),
+      ...o
+    }
+  )
 );
-S.displayName = "DateRangeRoot";
+p.displayName = "DateRangeTrigger";
 export {
-  S as DateRangeRoot
+  p as DateRangeTrigger
 };

package/dist/mainstack-design-system507.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system586.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system575.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");const n=require("./mainstack-design-system520.cjs"),e=o.forwardRef(({className:r,...i},t)=>a.jsx(n.ResponsivePopoverDrawerTrigger,{ref:t,"data-slot":"date-range-trigger",className:s.cn("",r),...i}));e.displayName="DateRangeTrigger";exports.DateRangeTrigger=e;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("./mainstack-design-system511.cjs"),s=require("./mainstack-design-system509.cjs"),P=require("./mainstack-design-system510.cjs"),k=require("./mainstack-design-system508.cjs"),r=o.forwardRef(({placeholder:t,id:c,...i},a)=>e.jsxs(n.DatePickerRoot,{...i,ref:a,children:[e.jsx(s.DatePickerInputField,{placeholder:t,id:c}),e.jsx(P.DatePickerPortal,{children:e.jsx(k.DatePickerCalendar,{})})]}));r.displayName="DatePicker";exports.DatePicker=r;

package/dist/mainstack-design-system507.js

@@ -1,25 +1,17 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { cn as m } from "./mainstack-design-system586.js";
-import "./index-Czas6QFh.js";
-import "./mainstack-design-system575.js";
-import "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
-import { ResponsivePopoverDrawerTrigger as a } from "./mainstack-design-system520.js";
-const p = i(
-  ({ className: r, ...o }, e) => /* @__PURE__ */ t(
-    a,
-    {
-      ref: e,
-      "data-slot": "date-range-trigger",
-      className: m("", r),
-      ...o
-    }
-  )
+'use client';
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { DatePickerRoot as c } from "./mainstack-design-system511.js";
+import { DatePickerInputField as p } from "./mainstack-design-system509.js";
+import { DatePickerPortal as f } from "./mainstack-design-system510.js";
+import { DatePickerCalendar as P } from "./mainstack-design-system508.js";
+const d = a(
+  ({ placeholder: e, id: o, ...t }, i) => /* @__PURE__ */ m(c, { ...t, ref: i, children: [
+    /* @__PURE__ */ r(p, { placeholder: e, id: o }),
+    /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(P, {}) })
+  ] })
 );
-p.displayName = "DateRangeTrigger";
+d.displayName = "DatePicker";
 export {
-  p as DateRangeTrigger
+  d as DatePicker
 };

package/dist/mainstack-design-system508.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("./mainstack-design-system512.cjs"),s=require("./mainstack-design-system510.cjs"),P=require("./mainstack-design-system511.cjs"),k=require("./mainstack-design-system509.cjs"),r=o.forwardRef(({placeholder:t,id:c,...i},a)=>e.jsxs(n.DatePickerRoot,{...i,ref:a,children:[e.jsx(s.DatePickerInputField,{placeholder:t,id:c}),e.jsx(P.DatePickerPortal,{children:e.jsx(k.DatePickerCalendar,{})})]}));r.displayName="DatePicker";exports.DatePicker=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),u=require("./mainstack-design-system586.cjs"),k=require("./mainstack-design-system576.cjs"),m=require("./DayPickerExtended-DV1omF2s.cjs"),n=l.forwardRef(({className:r,...i},c)=>{const{value:e,isDisabled:o,onValueChange:a,onOpenChange:s}=k.useDatePickerContext();return t.jsx("div",{"data-slot":"date-picker-calendar",className:u.cn("@container",r),ref:c,children:t.jsx(m.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",disabled:o,defaultMonth:e,className:"ms-single-date-picker",selected:e,onSelect:(d=>{a&&a(d),s(!1)}),...i})})});n.displayName="DatePickerCalendar";exports.DatePickerCalendar=n;

package/dist/mainstack-design-system508.js

@@ -1,17 +1,41 @@
 'use client';
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { DatePickerRoot as c } from "./mainstack-design-system512.js";
-import { DatePickerInputField as p } from "./mainstack-design-system510.js";
-import { DatePickerPortal as f } from "./mainstack-design-system511.js";
-import { DatePickerCalendar as P } from "./mainstack-design-system509.js";
-const d = a(
-  ({ placeholder: e, id: o, ...t }, i) => /* @__PURE__ */ m(c, { ...t, ref: i, children: [
-    /* @__PURE__ */ r(p, { placeholder: e, id: o }),
-    /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(P, {}) })
-  ] })
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as c } from "./mainstack-design-system586.js";
+import { useDatePickerContext as m } from "./mainstack-design-system576.js";
+import { D as p } from "./DayPickerExtended-DfM_MXPp.js";
+const f = l(
+  ({ className: t, ...o }, n) => {
+    const { value: e, isDisabled: i, onValueChange: a, onOpenChange: d } = m();
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        "data-slot": "date-picker-calendar",
+        className: c("@container", t),
+        ref: n,
+        children: /* @__PURE__ */ r(
+          p,
+          {
+            animate: !0,
+            mode: "single",
+            captionLayout: "dropdown",
+            numberOfMonths: 1,
+            navLayout: "around",
+            disabled: i,
+            defaultMonth: e,
+            className: "ms-single-date-picker",
+            selected: e,
+            onSelect: ((s) => {
+              a && a(s), d(!1);
+            }),
+            ...o
+          }
+        )
+      }
+    );
+  }
 );
-d.displayName = "DatePicker";
+f.displayName = "DatePickerCalendar";
 export {
-  d as DatePicker
+  f as DatePickerCalendar
 };

package/dist/mainstack-design-system509.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),u=require("./mainstack-design-system586.cjs"),k=require("./mainstack-design-system576.cjs"),m=require("./DayPickerExtended-DV1omF2s.cjs"),n=l.forwardRef(({className:r,...i},c)=>{const{value:e,isDisabled:o,onValueChange:a,onOpenChange:s}=k.useDatePickerContext();return t.jsx("div",{"data-slot":"date-picker-calendar",className:u.cn("@container",r),ref:c,children:t.jsx(m.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",disabled:o,defaultMonth:e,className:"ms-single-date-picker",selected:e,onSelect:(d=>{a&&a(d),s(!1)}),...i})})});n.displayName="DatePickerCalendar";exports.DatePickerCalendar=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("./mainstack-design-system429.cjs"),p=require("./mainstack-design-system430.cjs");require("./mainstack-design-system428.cjs");require("./mainstack-design-system356.cjs");const m=require("./mainstack-design-system85.cjs"),I=require("./index-4R9KShCu.cjs"),q=require("./mainstack-design-system576.cjs"),x=require("./format-BCNZql7A.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...o},s)=>{const{value:t,isDisabled:i,isError:c,isSuccess:a}=q.useDatePickerContext(),u=t instanceof Date?x.format(t,"dd - MM - yyyy"):"";return e.jsx(I.PopoverTrigger,{className:"w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:u,placeholder:n,isError:c,isSuccess:a,disabled:i,readOnly:!0,ref:s,...o}),e.jsx(m,{className:"size-20 text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;

package/dist/mainstack-design-system509.js

@@ -1,41 +1,36 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { cn as c } from "./mainstack-design-system586.js";
-import { useDatePickerContext as m } from "./mainstack-design-system576.js";
-import { D as p } from "./DayPickerExtended-DfM_MXPp.js";
-const f = l(
-  ({ className: t, ...o }, n) => {
-    const { value: e, isDisabled: i, onValueChange: a, onOpenChange: d } = m();
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        "data-slot": "date-picker-calendar",
-        className: c("@container", t),
-        ref: n,
-        children: /* @__PURE__ */ r(
-          p,
-          {
-            animate: !0,
-            mode: "single",
-            captionLayout: "dropdown",
-            numberOfMonths: 1,
-            navLayout: "around",
-            disabled: i,
-            defaultMonth: e,
-            className: "ms-single-date-picker",
-            selected: e,
-            onSelect: ((s) => {
-              a && a(s), d(!1);
-            }),
-            ...o
-          }
-        )
-      }
-    );
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { InputRoot as l } from "./mainstack-design-system429.js";
+import { InputField as c } from "./mainstack-design-system430.js";
+import "./mainstack-design-system428.js";
+import "./mainstack-design-system356.js";
+import f from "./mainstack-design-system85.js";
+import { a as u } from "./index-RoCFhqzC.js";
+import { useDatePickerContext as y } from "./mainstack-design-system576.js";
+import { f as x } from "./format-DdpUgYOD.js";
+const D = d(
+  ({ placeholder: t = "Choose a date", ...o }, i) => {
+    const { value: r, isDisabled: a, isError: s, isSuccess: m } = y(), n = r instanceof Date ? x(r, "dd - MM - yyyy") : "";
+    return /* @__PURE__ */ e(u, { className: "w-full", children: /* @__PURE__ */ p(l, { "data-slot": "date-picker-input-field", children: [
+      /* @__PURE__ */ e(
+        c,
+        {
+          value: n,
+          placeholder: t,
+          isError: s,
+          isSuccess: m,
+          disabled: a,
+          readOnly: !0,
+          ref: i,
+          ...o
+        }
+      ),
+      /* @__PURE__ */ e(f, { className: "size-20 text-secondary" })
+    ] }) });
   }
 );
-f.displayName = "DatePickerCalendar";
+D.displayName = "DatePickerInputField";
 export {
-  f as DatePickerCalendar
+  D as DatePickerInputField
 };

package/dist/mainstack-design-system510.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"),l=require("./mainstack-design-system437.cjs"),p=require("./mainstack-design-system438.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system356.cjs");const m=require("./mainstack-design-system85.cjs"),I=require("./index-4R9KShCu.cjs"),q=require("./mainstack-design-system576.cjs"),x=require("./format-BCNZql7A.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...o},s)=>{const{value:t,isDisabled:i,isError:c,isSuccess:a}=q.useDatePickerContext(),u=t instanceof Date?x.format(t,"dd - MM - yyyy"):"";return e.jsx(I.PopoverTrigger,{className:"w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:u,placeholder:n,isError:c,isSuccess:a,disabled:i,readOnly:!0,ref:s,...o}),e.jsx(m,{className:"size-20 text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-4R9KShCu.cjs"),p=require("react"),u=require("./mainstack-design-system586.cjs"),P=require("./mainstack-design-system576.cjs"),n=p.forwardRef(({children:i,onWheel:t,onTouchMove:r,className:c,...s},d)=>{const{open:l}=P.useDatePickerContext();return o.jsx(a.PopoverPortal,{children:o.jsx(a.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:u.cn(" will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",c),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:d,...s,children:i})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;

package/dist/mainstack-design-system510.js

@@ -1,36 +1,43 @@
 'use client';
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { InputRoot as l } from "./mainstack-design-system437.js";
-import { InputField as c } from "./mainstack-design-system438.js";
-import "./mainstack-design-system436.js";
-import "./mainstack-design-system356.js";
-import f from "./mainstack-design-system85.js";
-import { a as u } from "./index-RoCFhqzC.js";
-import { useDatePickerContext as y } from "./mainstack-design-system576.js";
-import { f as x } from "./format-DdpUgYOD.js";
-const D = d(
-  ({ placeholder: t = "Choose a date", ...o }, i) => {
-    const { value: r, isDisabled: a, isError: s, isSuccess: m } = y(), n = r instanceof Date ? x(r, "dd - MM - yyyy") : "";
-    return /* @__PURE__ */ e(u, { className: "w-full", children: /* @__PURE__ */ p(l, { "data-slot": "date-picker-input-field", children: [
-      /* @__PURE__ */ e(
-        c,
-        {
-          value: n,
-          placeholder: t,
-          isError: s,
-          isSuccess: m,
-          disabled: a,
-          readOnly: !0,
-          ref: i,
-          ...o
-        }
-      ),
-      /* @__PURE__ */ e(f, { className: "size-20 text-secondary" })
-    ] }) });
+import { jsx as e } from "react/jsx-runtime";
+import { b as s, c } from "./index-RoCFhqzC.js";
+import { forwardRef as l } from "react";
+import { cn as f } from "./mainstack-design-system586.js";
+import { useDatePickerContext as m } from "./mainstack-design-system576.js";
+const P = l(
+  ({
+    children: a,
+    onWheel: t,
+    onTouchMove: o,
+    className: i,
+    ...n
+  }, p) => {
+    const { open: d } = m();
+    return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+      c,
+      {
+        "data-slot": "date-picker-portal",
+        role: "listbox",
+        sideOffset: 6,
+        "data-date-picker-calendar-opened": d,
+        className: f(
+          " will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",
+          i
+        ),
+        onWheel: (r) => {
+          r.stopPropagation(), t && t(r);
+        },
+        onTouchMove: (r) => {
+          r.stopPropagation(), o && o(r);
+        },
+        ref: p,
+        ...n,
+        children: a
+      }
+    ) });
   }
 );
-D.displayName = "DatePickerInputField";
+P.displayName = "DatePickerPortal";
 export {
-  D as DatePickerInputField
+  P as DatePickerPortal
 };

package/dist/mainstack-design-system511.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-4R9KShCu.cjs"),s=require("react"),d=require("./mainstack-design-system586.cjs"),l=require("./mainstack-design-system576.cjs"),r=s.forwardRef(({children:a,className:o,...n},i)=>{const{open:c}=l.useDatePickerContext();return e.jsx(t.PopoverPortal,{children:e.jsx(t.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":c,className:d.cn(" will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",o),ref:i,...n,children:a})})});r.displayName="DatePickerPortal";exports.DatePickerPortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),v=require("./mainstack-design-system576.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-system511.js

@@ -1,31 +1,50 @@
 'use client';
-import { jsx as e } from "react/jsx-runtime";
-import { b as i, c as d } from "./index-RoCFhqzC.js";
-import { forwardRef as p } from "react";
-import { cn as c } from "./mainstack-design-system586.js";
-import { useDatePickerContext as s } from "./mainstack-design-system576.js";
-const l = p(
-  ({ children: r, className: t, ...o }, a) => {
-    const { open: n } = s();
-    return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-      d,
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import { DatePickerContext as g } from "./mainstack-design-system576.js";
+import { P as v } from "./index-RoCFhqzC.js";
+import { u as t } from "./index-437EL2iq.js";
+const k = P(
+  ({
+    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,
       {
-        "data-slot": "date-picker-portal",
-        role: "listbox",
-        sideOffset: 6,
-        "data-date-picker-calendar-opened": n,
-        className: c(
-          " will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",
-          t
-        ),
-        ref: a,
-        ...o,
-        children: r
+        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 }) })
       }
-    ) });
+    );
   }
 );
-l.displayName = "DatePickerPortal";
+k.displayName = "DatePickerRoot";
 export {
-  l as DatePickerPortal
+  k as DatePickerRoot
 };

package/dist/mainstack-design-system512.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-system576.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./mainstack-design-system515.cjs"),s=require("./mainstack-design-system513.cjs"),P=require("./mainstack-design-system514.cjs"),T=require("./mainstack-design-system590.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-system512.js

@@ -1,50 +1,17 @@
 'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as P } from "react";
-import { DatePickerContext as g } from "./mainstack-design-system576.js";
-import { P as v } from "./index-RoCFhqzC.js";
-import { u as t } from "./index-437EL2iq.js";
-const k = P(
-  ({
-    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 }) })
-      }
-    );
-  }
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { TimePickerRoot as p } from "./mainstack-design-system515.js";
+import { TimePickerInputField as f } from "./mainstack-design-system513.js";
+import { TimePickerPortal as P } from "./mainstack-design-system514.js";
+import { TimePickerCalendar as a } from "./mainstack-design-system590.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 = "DatePickerRoot";
+d.displayName = "TimePicker";
 export {
-  k as DatePickerRoot
+  d as TimePicker
 };

package/dist/mainstack-design-system513.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-system516.cjs"),s=require("./mainstack-design-system514.cjs"),P=require("./mainstack-design-system515.cjs"),T=require("./mainstack-design-system590.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"),l=require("react"),m=require("./mainstack-design-system429.cjs"),d=require("./mainstack-design-system430.cjs");require("./mainstack-design-system428.cjs");require("./mainstack-design-system356.cjs");const p=require("./mainstack-design-system263.cjs"),I=require("./index-4R9KShCu.cjs"),q=require("./mainstack-design-system577.cjs"),x=require("./format-BCNZql7A.cjs"),i=l.forwardRef(({placeholder:r="Choose time",...n},o)=>{const{value:t,isDisabled:s,isError:c,isSuccess:u}=q.useTimePickerContext(),a=t instanceof Date?x.format(t,"hh : mm a"):"";return e.jsx(I.PopoverTrigger,{className:"w-full",children:e.jsxs(m.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(d.InputField,{...n,value:a,placeholder:r,isError:c,isSuccess:u,disabled:s,ref:o,readOnly:!0}),e.jsx(p,{className:"size-20 text-secondary"})]})})});i.displayName="TimePickerInputField";exports.TimePickerInputField=i;

package/dist/mainstack-design-system513.js

@@ -1,17 +1,36 @@
 '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-system516.js";
-import { TimePickerInputField as f } from "./mainstack-design-system514.js";
-import { TimePickerPortal as P } from "./mainstack-design-system515.js";
-import { TimePickerCalendar as a } from "./mainstack-design-system590.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 e, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { InputRoot as c } from "./mainstack-design-system429.js";
+import { InputField as d } from "./mainstack-design-system430.js";
+import "./mainstack-design-system428.js";
+import "./mainstack-design-system356.js";
+import f from "./mainstack-design-system263.js";
+import { a as u } from "./index-RoCFhqzC.js";
+import { useTimePickerContext as h } from "./mainstack-design-system577.js";
+import { f as x } from "./format-DdpUgYOD.js";
+const I = n(
+  ({ placeholder: i = "Choose time", ...o }, t) => {
+    const { value: r, isDisabled: m, isError: s, isSuccess: a } = h(), p = r instanceof Date ? x(r, "hh : mm a") : "";
+    return /* @__PURE__ */ e(u, { className: "w-full", children: /* @__PURE__ */ l(c, { "data-slot": "time-picker-input-field", children: [
+      /* @__PURE__ */ e(
+        d,
+        {
+          ...o,
+          value: p,
+          placeholder: i,
+          isError: s,
+          isSuccess: a,
+          disabled: m,
+          ref: t,
+          readOnly: !0
+        }
+      ),
+      /* @__PURE__ */ e(f, { className: "size-20 text-secondary" })
+    ] }) });
+  }
 );
-d.displayName = "TimePicker";
+I.displayName = "TimePickerInputField";
 export {
-  d as TimePicker
+  I as TimePickerInputField
 };

package/dist/mainstack-design-system514.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),m=require("./mainstack-design-system437.cjs"),d=require("./mainstack-design-system438.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system356.cjs");const p=require("./mainstack-design-system263.cjs"),I=require("./index-4R9KShCu.cjs"),q=require("./mainstack-design-system577.cjs"),x=require("./format-BCNZql7A.cjs"),i=l.forwardRef(({placeholder:r="Choose time",...n},o)=>{const{value:t,isDisabled:s,isError:c,isSuccess:u}=q.useTimePickerContext(),a=t instanceof Date?x.format(t,"hh : mm a"):"";return e.jsx(I.PopoverTrigger,{className:"w-full",children:e.jsxs(m.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(d.InputField,{...n,value:a,placeholder:r,isError:c,isSuccess:u,disabled:s,ref:o,readOnly:!0}),e.jsx(p,{className:"size-20 text-secondary"})]})})});i.displayName="TimePickerInputField";exports.TimePickerInputField=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),p=require("react"),u=require("./mainstack-design-system586.cjs"),m=require("./mainstack-design-system577.cjs"),a=p.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:c,...s},d)=>{const{open:l}=m.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":l,className:u.cn(" will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",c),ref:d,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...s,children:n})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;