mainstack-design-system 1.19.9 → 1.19.11

package/dist/mainstack-design-system622.js

@@ -3,12 +3,12 @@ import { jsxs as I, jsx as i } from "react/jsx-runtime";
 import * as s from "react";
 import { forwardRef as M } from "react";
 import { c as H, P, a as j } from "./index-DMumqyNN.js";
-import { u as y } from "./index-DLcqcWxM.js";
+import { u as R } from "./index-DLcqcWxM.js";
 import { u as A } from "./index-437EL2iq.js";
 import { u as U } from "./index-BZPx6jYI.js";
 import { u as q } from "./index-BGQepRFJ.js";
 import { c as C } from "./utils-DLi4dp19.js";
-var h = "Switch", [z] = H(h), [L, O] = z(h), R = s.forwardRef(
+var h = "Switch", [z] = H(h), [L, O] = z(h), x = s.forwardRef(
   (t, r) => {
     const {
       __scopeSwitch: e,
@@ -21,7 +21,7 @@ var h = "Switch", [z] = H(h), [L, O] = z(h), R = s.forwardRef(
       onCheckedChange: w,
       form: n,
       ...v
-    } = t, [l, m] = s.useState(null), S = y(r, (p) => m(p)), g = s.useRef(!1), k = l ? n || !!l.closest("form") : !0, [f, T] = A({
+    } = t, [l, m] = s.useState(null), S = R(r, (p) => m(p)), g = s.useRef(!1), k = l ? n || !!l.closest("form") : !0, [f, T] = A({
       prop: o,
       defaultProp: b ?? !1,
       onChange: w,
@@ -63,10 +63,10 @@ var h = "Switch", [z] = H(h), [L, O] = z(h), R = s.forwardRef(
     ] });
   }
 );
-R.displayName = h;
-var x = "SwitchThumb", E = s.forwardRef(
+x.displayName = h;
+var y = "SwitchThumb", E = s.forwardRef(
   (t, r) => {
-    const { __scopeSwitch: e, ...a } = t, o = O(x, e);
+    const { __scopeSwitch: e, ...a } = t, o = O(y, e);
     return /* @__PURE__ */ i(
       P.span,
       {
@@ -78,7 +78,7 @@ var x = "SwitchThumb", E = s.forwardRef(
     );
   }
 );
-E.displayName = x;
+E.displayName = y;
 var D = "SwitchBubbleInput", _ = s.forwardRef(
   ({
     __scopeSwitch: t,
@@ -87,7 +87,7 @@ var D = "SwitchBubbleInput", _ = s.forwardRef(
     bubbles: a = !0,
     ...o
   }, b) => {
-    const d = s.useRef(null), c = y(d, b), u = U(e), w = q(r);
+    const d = s.useRef(null), c = R(d, b), u = U(e), w = q(r);
     return s.useEffect(() => {
       const n = d.current;
       if (!n) return;
@@ -124,7 +124,7 @@ _.displayName = D;
 function N(t) {
   return t ? "checked" : "unchecked";
 }
-var F = R, W = E;
+var F = x, W = E;
 const $ = M(
   ({ className: t, ...r }, e) => /* @__PURE__ */ i(
     F,
@@ -132,7 +132,7 @@ const $ = M(
       "data-slot": "toggle-switch",
       tabIndex: 0,
       className: C(
-        "mds:inline-flex mds:items-center mds:shrink-0 mds:relative mds:bg-surface-neutral-l4 mds:rounded-full mds:hover:bg-surface-neutral-l5 mds:focus:outline-2  mds:focus:outline-border-surface-spread-focus mds:aria-checked:bg-interactive-primary mds:checked:disabled:bg-surface-neutral-l5 mds:disabled:cursor-not-allowed ",
+        "mds:inline-flex mds:items-center mds:shrink-0 mds:relative mds:bg-surface-neutral-l4 mds:rounded-full mds:hover:bg-surface-neutral-l5 mds:focus:outline-2  mds:focus:outline-border-surface-spread-focus mds:aria-checked:bg-interactive-neutral mds:checked:disabled:bg-surface-neutral-l5 mds:disabled:cursor-not-allowed ",
         t
       ),
       ref: e,

package/dist/mainstack-design-system626.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),r=require("./utils-DgHSufYV.cjs"),j=require("./mainstack-design-system615.cjs"),b=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system616.cjs"),k=require("./isValid-BgbxWVI8.cjs");function x(l,c,m){const n=r.toDate(l,m?.in);return n.setHours(c),n}function A(l,c,m){const n=r.toDate(l,m?.in);return n.setMinutes(c),n}const P=g.forwardRef(({className:l,...c},m)=>{const{value:n,onValueChange:p,isDisabled:w,timeRange:f}=j.useTimePickerContext(),h=g.useRef({Hours:{},Minutes:{},"AM/PM":{}}),i=g.useMemo(()=>{const s={Hours:"",Minutes:"","AM/PM":""};if(!n||!k.isValid(n))return s;const a=r.getDateWithinRange({date:n,timeRange:f});let e=r.getHours(a)%12;return e=e===0?12:e,s.Hours=e.toString().padStart(2,"0"),s.Minutes=r.getMinutes(a).toString().padStart(2,"0"),s["AM/PM"]=r.getHours(a)>=12?"PM":"AM",s},[n,f]);return g.useEffect(()=>{const s=h.current.Hours[i.Hours],a=h.current.Minutes[i.Minutes],e=h.current["AM/PM"][i["AM/PM"]];(s||a||e)&&(s?.scrollIntoView({block:"center",behavior:"smooth"}),a?.scrollIntoView({block:"center",behavior:"smooth"}),e?.scrollIntoView({block:"center",behavior:"smooth"}))},[i]),o.jsx("div",{"data-slot":"date-picker-calendar",className:r.cn("mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",l),ref:m,...c,children:Object.entries(v.timeOptionBreakdown).map(([s,a])=>o.jsxs("div",{className:"mds:flex mds:flex-col mds:gap-16",children:[o.jsx("h6",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:s}),o.jsxs(b.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"mds:h-210 mds:overflow-hidden mds:rounded-4",children:[o.jsx(b.ScrollAreaViewport,{className:"mds:h-full mds:w-full mds:pr-15 mds:rounded-4",children:o.jsx("div",{className:"mds:flex mds:flex-col mds:gap-16",children:a.map(e=>o.jsx("button",{"data-selected":i[s]===e,className:r.cn("mds:body-extrasmall-book","mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-primary mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"),disabled:w||!r.isTimeOptionWithinRange({timeRange:f,columnKey:s,value:e,currentBreakdown:i}),onClick:()=>{let t=r.getDateWithinRange({date:n||new Date,timeRange:f});const u=s;let M=0;if(u==="AM/PM"){M=e==="PM"?12:0;let d=+i.Hours;d===12&&(d=0),t=x(t,d+M),p(t)}if(u==="Hours"){M=i["AM/PM"]==="PM"?12:0;let d=+e;d===12&&(d=0),t=x(t,d+M),p(t)}u==="Minutes"&&(t=A(t,+e),p(t))},ref:t=>{const u=s;t&&(h.current[u][e]=t)},children:e},e))})}),o.jsx(b.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1",children:o.jsx(b.ScrollAreaThumb,{className:r.cn(" mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),o.jsx(b.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})]},s))})});P.displayName="TimePickerCalendar";exports.TimePickerCalendar=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),r=require("./utils-DgHSufYV.cjs"),j=require("./mainstack-design-system615.cjs"),b=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system616.cjs"),k=require("./isValid-BgbxWVI8.cjs");function p(l,c,m){const n=r.toDate(l,m?.in);return n.setHours(c),n}function A(l,c,m){const n=r.toDate(l,m?.in);return n.setMinutes(c),n}const P=g.forwardRef(({className:l,...c},m)=>{const{value:n,onValueChange:x,isDisabled:w,timeRange:f}=j.useTimePickerContext(),h=g.useRef({Hours:{},Minutes:{},"AM/PM":{}}),i=g.useMemo(()=>{const s={Hours:"",Minutes:"","AM/PM":""};if(!n||!k.isValid(n))return s;const a=r.getDateWithinRange({date:n,timeRange:f});let e=r.getHours(a)%12;return e=e===0?12:e,s.Hours=e.toString().padStart(2,"0"),s.Minutes=r.getMinutes(a).toString().padStart(2,"0"),s["AM/PM"]=r.getHours(a)>=12?"PM":"AM",s},[n,f]);return g.useEffect(()=>{const s=h.current.Hours[i.Hours],a=h.current.Minutes[i.Minutes],e=h.current["AM/PM"][i["AM/PM"]];(s||a||e)&&(s?.scrollIntoView({block:"center",behavior:"smooth"}),a?.scrollIntoView({block:"center",behavior:"smooth"}),e?.scrollIntoView({block:"center",behavior:"smooth"}))},[i]),o.jsx("div",{"data-slot":"date-picker-calendar",className:r.cn("mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",l),ref:m,...c,children:Object.entries(v.timeOptionBreakdown).map(([s,a])=>o.jsxs("div",{className:"mds:flex mds:flex-col mds:gap-16",children:[o.jsx("h6",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:s}),o.jsxs(b.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"mds:h-210 mds:overflow-hidden mds:rounded-4",children:[o.jsx(b.ScrollAreaViewport,{className:"mds:h-full mds:w-full mds:pr-15 mds:rounded-4",children:o.jsx("div",{className:"mds:flex mds:flex-col mds:gap-16",children:a.map(e=>o.jsx("button",{"data-selected":i[s]===e,className:r.cn("mds:body-extrasmall-book","mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-neutral mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"),disabled:w||!r.isTimeOptionWithinRange({timeRange:f,columnKey:s,value:e,currentBreakdown:i}),onClick:()=>{let t=r.getDateWithinRange({date:n||new Date,timeRange:f});const u=s;let M=0;if(u==="AM/PM"){M=e==="PM"?12:0;let d=+i.Hours;d===12&&(d=0),t=p(t,d+M),x(t)}if(u==="Hours"){M=i["AM/PM"]==="PM"?12:0;let d=+e;d===12&&(d=0),t=p(t,d+M),x(t)}u==="Minutes"&&(t=A(t,+e),x(t))},ref:t=>{const u=s;t&&(h.current[u][e]=t)},children:e},e))})}),o.jsx(b.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1",children:o.jsx(b.ScrollAreaThumb,{className:r.cn(" mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),o.jsx(b.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})]},s))})});P.displayName="TimePickerCalendar";exports.TimePickerCalendar=P;

package/dist/mainstack-design-system626.js

@@ -6,16 +6,16 @@ import { useTimePickerContext as y } from "./mainstack-design-system615.js";
 import { S as R, a as C, b as O, c as j, d as z } from "./index-CLUgda6x.js";
 import { timeOptionBreakdown as D } from "./mainstack-design-system616.js";
 import { i as T } from "./isValid-Bos9yVeE.js";
-function x(i, m, l) {
-  const t = P(i, l?.in);
-  return t.setHours(m), t;
+function x(i, l, m) {
+  const t = P(i, m?.in);
+  return t.setHours(l), t;
 }
-function B(i, m, l) {
-  const t = P(i, l?.in);
-  return t.setMinutes(m), t;
+function B(i, l, m) {
+  const t = P(i, m?.in);
+  return t.setMinutes(l), t;
 }
 const E = A(
-  ({ className: i, ...m }, l) => {
+  ({ className: i, ...l }, m) => {
     const {
       value: t,
       onValueChange: p,
@@ -50,8 +50,8 @@ const E = A(
           "mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",
           i
         ),
-        ref: l,
-        ...m,
+        ref: m,
+        ...l,
         children: Object.entries(D).map(([s, a]) => /* @__PURE__ */ M("div", { className: "mds:flex mds:flex-col mds:gap-16", children: [
           /* @__PURE__ */ d(
             "h6",
@@ -77,7 +77,7 @@ const E = A(
                     "data-selected": o[s] === e,
                     className: h(
                       "mds:body-extrasmall-book",
-                      "mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-primary mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"
+                      "mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-neutral mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"
                     ),
                     disabled: v || !k({
                       timeRange: u,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.19.9",
+  "version": "1.19.11",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",