mainstack-design-system 1.19.10 → 1.19.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -1
- package/dist/assets/styles.css +1 -1
- package/dist/assets/theme/lightDarkModeTheme.css +45 -25
- package/dist/mainstack-design-system406.cjs +3 -3
- package/dist/mainstack-design-system406.js +3 -3
- package/dist/mainstack-design-system440.cjs +1 -1
- package/dist/mainstack-design-system440.js +8 -8
- package/dist/mainstack-design-system472.cjs +1 -1
- package/dist/mainstack-design-system472.js +6 -6
- package/dist/mainstack-design-system611.cjs +1 -1
- package/dist/mainstack-design-system611.js +6 -6
- package/dist/mainstack-design-system621.cjs +1 -1
- package/dist/mainstack-design-system621.js +20 -20
- package/dist/mainstack-design-system622.cjs +1 -1
- package/dist/mainstack-design-system622.js +10 -10
- package/dist/mainstack-design-system626.cjs +1 -1
- package/dist/mainstack-design-system626.js +10 -10
- package/package.json +1 -1
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
--color-primary: var(--mds-color-neutral-375);
|
|
11
11
|
--color-secondary: var(--mds-color-neutral-300);
|
|
12
12
|
--color-tertiary: var(--mds-color-neutral-275);
|
|
13
|
-
--color-accent: var(--mds-color-
|
|
13
|
+
--color-accent: var(--mds-color-persimmon-275);
|
|
14
14
|
|
|
15
|
-
--color-accent-hover: var(--mds-color-
|
|
15
|
+
--color-accent-hover: var(--mds-color-persimmon-350);
|
|
16
16
|
--color-disabled: var(--mds-color-neutral-250);
|
|
17
17
|
--color-success: var(--mds-color-green-400);
|
|
18
18
|
--color-success-hover: var(--mds-color-green-450);
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--color-on-secondary-disabled: var(--mds-color-neutral-250);
|
|
31
31
|
--color-on-ghost: var(--mds-color-neutral-375);
|
|
32
32
|
|
|
33
|
-
--color-on-accent: var(--mds-color-
|
|
33
|
+
--color-on-accent: var(--mds-color-persimmon-50);
|
|
34
34
|
--color-on-success: var(--mds-color-green-50);
|
|
35
35
|
--color-on-success-disabled: var(--mds-color-muted-green-325);
|
|
36
36
|
--color-on-success-light: var(--mds-color-green-425);
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
--color-on-info-light: var(--mds-color-cobalt-425);
|
|
52
52
|
--color-on-info-light-disabled: var(--mds-color-muted-cobalt-325);
|
|
53
53
|
|
|
54
|
-
--color-interactive-primary: var(--mds-color-
|
|
55
|
-
--color-interactive-primary-hover: var(--mds-color-
|
|
56
|
-
--color-interactive-primary-pressed: var(--mds-color-
|
|
54
|
+
--color-interactive-primary: var(--mds-color-persimmon-275);
|
|
55
|
+
--color-interactive-primary-hover: var(--mds-color-persimmon-300);
|
|
56
|
+
--color-interactive-primary-pressed: var(--mds-color-persimmon-300);
|
|
57
57
|
--color-interactive-primary-disabled: var(--mds-color-neutral-150);
|
|
58
58
|
|
|
59
59
|
--color-interactive-secondary: var(--mds-color-neutral-125);
|
|
@@ -65,10 +65,10 @@
|
|
|
65
65
|
--color-interactive-ghost-hover: var(--mds-color-neutral-150);
|
|
66
66
|
--color-interactive-ghost-pressed: var(--mds-color-neutral-175);
|
|
67
67
|
|
|
68
|
-
--color-interactive-accent: var(--mds-color-
|
|
69
|
-
--color-interactive-accent-hover: var(--mds-color-
|
|
70
|
-
--color-interactive-accent-pressed: var(--mds-color-
|
|
71
|
-
--color-interactive-accent-disabled: var(--mds-color-
|
|
68
|
+
--color-interactive-accent: var(--mds-color-persimmon-275);
|
|
69
|
+
--color-interactive-accent-hover: var(--mds-color-persimmon-350);
|
|
70
|
+
--color-interactive-accent-pressed: var(--mds-color-persimmon-400);
|
|
71
|
+
--color-interactive-accent-disabled: var(--mds-color-persimmon-125);
|
|
72
72
|
|
|
73
73
|
--color-interactive-success: var(--mds-color-green-400);
|
|
74
74
|
--color-interactive-success-hover: var(--mds-color-green-450);
|
|
@@ -110,6 +110,11 @@
|
|
|
110
110
|
--color-interactive-info-light-pressed: var(--mds-color-cobalt-125);
|
|
111
111
|
--color-interactive-info-light-disabled: var(--mds-color-muted-cobalt-225);
|
|
112
112
|
|
|
113
|
+
--color-interactive-neutral: var(--mds-color-neutral-400);
|
|
114
|
+
--color-interactive-neutral-hover: var(--mds-color-neutral-450);
|
|
115
|
+
--color-interactive-neutral-pressed: var(--mds-color-neutral-500);
|
|
116
|
+
--color-interactive-neutral-disabled: var(--mds-color-neutral-150);
|
|
117
|
+
|
|
113
118
|
--color-surface-neutral-l1: var(--mds-color-neutral-50);
|
|
114
119
|
--color-surface-neutral-l2: var(--mds-color-neutral-75);
|
|
115
120
|
--color-surface-neutral-l3: var(--mds-color-neutral-100);
|
|
@@ -122,17 +127,17 @@
|
|
|
122
127
|
--color-surface-neutral-invert-l4: var(--mds-color-neutral-425);
|
|
123
128
|
--color-surface-neutral-invert-l5: var(--mds-color-neutral-400);
|
|
124
129
|
|
|
125
|
-
--color-surface-accent-l1: var(--mds-color-
|
|
126
|
-
--color-surface-accent-l2: var(--mds-color-
|
|
127
|
-
--color-surface-accent-l3: var(--mds-color-
|
|
128
|
-
--color-surface-accent-l4: var(--mds-color-
|
|
129
|
-
--color-surface-accent-l5: var(--mds-color-
|
|
130
|
+
--color-surface-accent-l1: var(--mds-color-persimmon-50);
|
|
131
|
+
--color-surface-accent-l2: var(--mds-color-persimmon-75);
|
|
132
|
+
--color-surface-accent-l3: var(--mds-color-persimmon-100);
|
|
133
|
+
--color-surface-accent-l4: var(--mds-color-persimmon-125);
|
|
134
|
+
--color-surface-accent-l5: var(--mds-color-persimmon-150);
|
|
130
135
|
|
|
131
|
-
--color-surface-accent-invert-l1: var(--mds-color-
|
|
132
|
-
--color-surface-accent-invert-l2: var(--mds-color-
|
|
133
|
-
--color-surface-accent-invert-l3: var(--mds-color-
|
|
134
|
-
--color-surface-accent-invert-l4: var(--mds-color-
|
|
135
|
-
--color-surface-accent-invert-l5: var(--mds-color-
|
|
136
|
+
--color-surface-accent-invert-l1: var(--mds-color-persimmon-500);
|
|
137
|
+
--color-surface-accent-invert-l2: var(--mds-color-persimmon-475);
|
|
138
|
+
--color-surface-accent-invert-l3: var(--mds-color-persimmon-450);
|
|
139
|
+
--color-surface-accent-invert-l4: var(--mds-color-persimmon-425);
|
|
140
|
+
--color-surface-accent-invert-l5: var(--mds-color-persimmon-400);
|
|
136
141
|
|
|
137
142
|
--color-surface-success-l1: var(--mds-color-green-50);
|
|
138
143
|
--color-surface-success-l2: var(--mds-color-green-75);
|
|
@@ -184,17 +189,32 @@
|
|
|
184
189
|
|
|
185
190
|
--color-border-interactive-primary: var(--mds-color-neutral-150);
|
|
186
191
|
--color-border-interactive-primary-hover: var(--mds-color-neutral-175);
|
|
187
|
-
--color-border-interactive-primary-pressed: var(--mds-color-
|
|
192
|
+
--color-border-interactive-primary-pressed: var(--mds-color-persimmon-225);
|
|
188
193
|
--color-border-interactive-primary-disabled: var(--mds-color-neutral-150);
|
|
189
|
-
--color-border-interactive-primary-active: var(--mds-color-
|
|
190
|
-
--color-border-interactive-primary-active-hover: var(
|
|
194
|
+
--color-border-interactive-primary-active: var(--mds-color-persimmon-200);
|
|
195
|
+
--color-border-interactive-primary-active-hover: var(
|
|
196
|
+
--mds-color-persimmon-225
|
|
197
|
+
);
|
|
191
198
|
--color-border-interactive-primary-active-pressed: var(
|
|
192
|
-
--mds-color-
|
|
199
|
+
--mds-color-persimmon-275
|
|
193
200
|
);
|
|
194
201
|
--color-border-interactive-primary-active-disabled: var(
|
|
195
202
|
--mds-color-muted-indigo-225
|
|
196
203
|
);
|
|
197
204
|
|
|
205
|
+
--color-border-interactive-neutral: var(--mds-color-neutral-150);
|
|
206
|
+
--color-border-interactive-neutral-hover: var(--mds-color-neutral-175);
|
|
207
|
+
--color-border-interactive-neutral-pressed: var(--mds-color-neutrl-450);
|
|
208
|
+
--color-border-interactive-neutral-disabled: var(--mds-color-neutral-150);
|
|
209
|
+
--color-border-interactive-neutral-active: var(--mds-color-neutral-400);
|
|
210
|
+
--color-border-interactive-neutral-active-hover: var(--mds-color-neutral-450);
|
|
211
|
+
--color-border-interactive-neutral-active-pressed: var(
|
|
212
|
+
--mds-color-neutral-450
|
|
213
|
+
);
|
|
214
|
+
--color-border-interactive-neutral-active-disabled: var(
|
|
215
|
+
--mds-color-neutral-300
|
|
216
|
+
);
|
|
217
|
+
|
|
198
218
|
--color-border-interactive-neutral-inverse: var(--mds-color-neutral-450);
|
|
199
219
|
--color-border-interactive-neutral-inverse-hover: var(
|
|
200
220
|
--mds-color-neutral-275
|
|
@@ -245,7 +265,7 @@
|
|
|
245
265
|
--color-border-surface-info-strong: var(--mds-color-cobalt-325);
|
|
246
266
|
|
|
247
267
|
--color-border-surface-spread-neutral: var(--mds-color-neutral-125);
|
|
248
|
-
--color-border-surface-spread-primary: var(--mds-color-
|
|
268
|
+
--color-border-surface-spread-primary: var(--mds-color-persimmon-50);
|
|
249
269
|
--color-border-surface-spread-success: var(--mds-color-green-175);
|
|
250
270
|
--color-border-surface-spread-error: var(--mds-color-red-175);
|
|
251
271
|
--color-border-surface-spread-warning: var(--mds-color-lemon-175);
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
|
|
7
7
|
mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
|
|
8
8
|
mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`mds:bg-primary mds:text-on-primary
|
|
9
|
-
mds:hover:bg-interactive-
|
|
9
|
+
mds:hover:bg-interactive-neutral-hover
|
|
10
10
|
|
|
11
|
-
mds:active:bg-interactive-
|
|
12
|
-
mds:disabled:bg-interactive-
|
|
11
|
+
mds:active:bg-interactive-neutral-pressed mds:active:ring-3 mds:active:ring-border-surface-spread-neutral
|
|
12
|
+
mds:disabled:bg-interactive-neutral-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"secondary",class:`mds:bg-interactive-secondary mds:text-on-secondary
|
|
13
13
|
mds:hover:bg-interactive-secondary-hover
|
|
14
14
|
|
|
15
15
|
mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
|
|
@@ -47,10 +47,10 @@ const r = e(
|
|
|
47
47
|
status: "default",
|
|
48
48
|
variant: "primary",
|
|
49
49
|
class: `mds:bg-primary mds:text-on-primary
|
|
50
|
-
mds:hover:bg-interactive-
|
|
50
|
+
mds:hover:bg-interactive-neutral-hover
|
|
51
51
|
|
|
52
|
-
mds:active:bg-interactive-
|
|
53
|
-
mds:disabled:bg-interactive-
|
|
52
|
+
mds:active:bg-interactive-neutral-pressed mds:active:ring-3 mds:active:ring-border-surface-spread-neutral
|
|
53
|
+
mds:disabled:bg-interactive-neutral-disabled mds:disabled:text-on-primary-disabled`
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
status: "default",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),r=e.cva(["mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary mds:text-primary mds:cursor-pointer","mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out","mds:hover:bg-interactive-secondary","mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-primary mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-surface-spread-neutral","mds:data-[selected=true]:ring-1 mds:data-[selected=true]:ring-border-interactive-neutral-active mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-neutral-active","mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-pressed","mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-hover","mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus","mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary","mds:flex mds:gap-4"],{variants:{size:{tiny:"mds:h-32",xs:"mds:h-36 ",sm:"mds:h-40"}},defaultVariants:{size:"sm"}}),d=e.cva(["mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1","mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1","mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus","mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-neutral-pressed mds:group-active:ring-border-surface-spread-primary","mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-neutral-active","mds:[&_svg]:size-15"]);exports.chipCheckboxVariants=d;exports.chipVariants=r;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
const d =
|
|
1
|
+
import { c as e } from "./index-D29mdTf5.js";
|
|
2
|
+
const d = e(
|
|
3
3
|
[
|
|
4
4
|
"mds:group/parent mds:flex mds:items-center mds:justify-center mds:gap-4 mds:w-full mds:rounded-full mds:outline-none mds:transition-colors mds:body-extrasmall-medium mds:bg-surface-neutral-l1 mds:border mds:border-border-interactive-primary mds:text-primary mds:cursor-pointer",
|
|
5
5
|
"mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out",
|
|
6
6
|
"mds:hover:bg-interactive-secondary",
|
|
7
7
|
"mds:aria-disabled:bg-interactive-neutral-disabled mds:aria-disabled:text-disabled mds:aria-disabled:pointer-events-none mds:aria-disabled:cursor-not-allowed",
|
|
8
8
|
"mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-interactive-primary mds:focus-visible:ring-border-surface-spread-focus",
|
|
9
|
-
"mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-
|
|
10
|
-
"mds:data-[selected=true]:ring-
|
|
11
|
-
"mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-
|
|
9
|
+
"mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-surface-spread-neutral",
|
|
10
|
+
"mds:data-[selected=true]:ring-1 mds:data-[selected=true]:ring-border-interactive-neutral-active mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-neutral-active",
|
|
11
|
+
"mds:active:**:data-[slot=checkbox-indicator]:ring-3 mds:active:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-primary mds:active:**:data-[slot=checkbox-indicator]:border-2 mds:active:**:data-[slot=checkbox-indicator]:border-border-interactive-neutral-pressed",
|
|
12
12
|
"mds:hover:**:data-[slot=checkbox-indicator]:bg-interactive-secondary mds:hover:**:data-[slot=checkbox-indicator]:border-border-interactive-primary-hover",
|
|
13
13
|
"mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-2 mds:focus-visible:**:data-[slot=checkbox-indicator]:ring-border-surface-spread-focus",
|
|
14
14
|
"mds:data-[selected=true]:**:data-[slot=checkbox-indicator]:bg-interactive-primary",
|
|
@@ -26,12 +26,12 @@ const d = r(
|
|
|
26
26
|
size: "sm"
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
), s =
|
|
29
|
+
), s = e([
|
|
30
30
|
"mds:pointer-events-none mds:rounded-full mds:size-15 mds:border mds:border-border-surface-neutral-l1",
|
|
31
31
|
"mds:group-hover:bg-interactive-secondary mds:group-hover:border-border-surface-neutral-l1",
|
|
32
32
|
"mds:group-focus-visible:border-2 mds:group-focus-visible:border-border-surface-spread-focus",
|
|
33
|
-
"mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-
|
|
34
|
-
"mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-
|
|
33
|
+
"mds:group-active:ring-3 mds:group-active:rounded-full! mds:group-active:border-2 mds:group-active:border-border-interactive-neutral-pressed mds:group-active:ring-border-surface-spread-primary",
|
|
34
|
+
"mds:group-data-[selected=true]:border-2 mds:group-data-[selected=true]:border-border-interactive-neutral-active",
|
|
35
35
|
"mds:[&_svg]:size-15"
|
|
36
36
|
]);
|
|
37
37
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("./index-DX47zPiS.cjs"),o=require("./utils-DgHSufYV.cjs"),d=i.forwardRef(({className:s,...a},t)=>e.jsx(r.Item2,{"data-slot":"radio-item-indicator",className:o.cn("mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-neutral mds:bg-on-primary mds:size-20 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-neutral-disabled mds:hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-disabled mds:disabled:cursor-not-allowed ",s),ref:t,...a,children:e.jsx(r.Indicator,{className:"mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-10 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16 "})}));d.displayName="RadioItemIndicator";exports.RadioItemIndicator=d;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as a } from "react";
|
|
3
|
-
import { I as
|
|
4
|
-
import { c as
|
|
3
|
+
import { I as t, a as i } from "./index-CUPSVQUe.js";
|
|
4
|
+
import { c as m } from "./utils-DLi4dp19.js";
|
|
5
5
|
const o = a(
|
|
6
6
|
({ className: e, ...d }, s) => /* @__PURE__ */ r(
|
|
7
|
-
|
|
7
|
+
t,
|
|
8
8
|
{
|
|
9
9
|
"data-slot": "radio-item-indicator",
|
|
10
|
-
className:
|
|
11
|
-
"mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-
|
|
10
|
+
className: m(
|
|
11
|
+
"mds:peer mds:relative mds:flex mds:items-center mds:gap-12 mds:border mds:cursor-pointer mds:rounded-full mds:border-border-interactive-neutral mds:bg-on-primary mds:size-20 mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:active:ring-border-surface-spread-primary mds:focus:ring-border-surface-spread-focus mds:ring-offset-0 mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[radio-size=large]:size-32 mds:disabled:bg-interactive-neutral-disabled mds:hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-disabled mds:disabled:cursor-not-allowed ",
|
|
12
12
|
e
|
|
13
13
|
),
|
|
14
14
|
ref: s,
|
|
15
15
|
...d,
|
|
16
|
-
children: /* @__PURE__ */ r(
|
|
16
|
+
children: /* @__PURE__ */ r(i, { className: "mds:absolute mds:left-1/2 mds:top-1/2 mds:-translate-1/2 mds:flex mds:items-center mds:justify-center mds:size-full mds:after:content-[''] mds:after:block mds:after:size-10 mds:after:rounded-full mds:after:bg-on-primary mds:group-data-[radio-size=large]:after:size-16 " })
|
|
17
17
|
}
|
|
18
18
|
)
|
|
19
19
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1","mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]","mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start","mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-neutral-active","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-1 mds:active:border-1 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-interactive-neutral-active","mds:data-[selected=true]:ring-1 mds:data-[selected=true]:ring-border-interactive-neutral-active"],{variants:{disabled:{true:["mds:pointer-events-none mds:opacity-60","mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=s;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { c as e } from "./index-D29mdTf5.js";
|
|
2
|
-
const
|
|
2
|
+
const t = e(
|
|
3
3
|
[
|
|
4
|
-
"mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-
|
|
4
|
+
"mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",
|
|
5
5
|
"mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
|
|
6
6
|
"mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start",
|
|
7
|
-
"mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-
|
|
7
|
+
"mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-neutral-active",
|
|
8
8
|
"mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus mds:focus-visible:ring-border-surface-spread-focus",
|
|
9
|
-
"mds:active:ring-
|
|
10
|
-
"mds:data-[selected=true]:ring-
|
|
9
|
+
"mds:active:ring-1 mds:active:border-1 mds:active:border-border-interactive-neutral-pressed mds:active:ring-border-interactive-neutral-active",
|
|
10
|
+
"mds:data-[selected=true]:ring-1 mds:data-[selected=true]:ring-border-interactive-neutral-active"
|
|
11
11
|
],
|
|
12
12
|
{
|
|
13
13
|
variants: {
|
|
@@ -21,5 +21,5 @@ const r = e(
|
|
|
21
21
|
}
|
|
22
22
|
);
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
t as tileVariants
|
|
25
25
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),E=require("react"),q=require("./index-_XxjJPRD.cjs"),v=require("./index-5OKsHRWb.cjs"),F=require("./index-C8aODXfJ.cjs"),H=require("./index-DYxWvftI.cjs"),L=require("./index-bSPhqlcX.cjs"),G=require("./index-Bd0gQB0k.cjs");require("./mainstack-design-system366.cjs");const K=require("./mainstack-design-system104.cjs");require("./player-DeknzY43.cjs");const U=require("./utils-DgHSufYV.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=X(E);var _="Checkbox",[J]=v.createContextScope(_),[Q,P]=J(_);function V(e){const{__scopeCheckbox:o,checked:t,children:c,defaultChecked:a,disabled:r,form:m,name:f,onCheckedChange:u,required:h,value:k="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[x,C]=i.useState(null),[y,n]=i.useState(null),d=i.useRef(!1),R=x?!!m||!!x.closest("form"):!0,I={checked:b,disabled:r,setChecked:g,control:x,setControl:C,name:f,form:m,value:k,hasConsumerStoppedPropagationRef:d,required:h,defaultChecked:p(a)?!1:a,isFormControl:R,bubbleInput:y,setBubbleInput:n};return s.jsx(Q,{scope:o,...I,children:W(l)?l(I):c})}var S="CheckboxTrigger",N=i.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...c},a)=>{const{control:r,value:m,disabled:f,checked:u,required:h,setControl:k,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,k),y=i.useRef(u);return i.useEffect(()=>{const n=r?.form;if(n){const d=()=>l(y.current);return n.addEventListener("reset",d),()=>n.removeEventListener("reset",d)}},[r,l]),s.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":p(u)?"mixed":u,"aria-required":h,"data-state":T(u),"data-disabled":f?"":void 0,disabled:f,value:m,...c,ref:C,onKeyDown:v.composeEventHandlers(o,n=>{n.key==="Enter"&&n.preventDefault()}),onClick:v.composeEventHandlers(t,n=>{l(d=>p(d)?!0:!d),x&&g&&(b.current=n.isPropagationStopped(),b.current||n.stopPropagation())})})});N.displayName=S;var z=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:c,checked:a,defaultChecked:r,required:m,disabled:f,value:u,onCheckedChange:h,form:k,...l}=e;return s.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:f,required:m,onCheckedChange:h,name:c,form:k,value:u,internal_do_not_use_render:({isFormControl:b})=>s.jsxs(s.Fragment,{children:[s.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&s.jsx(M,{__scopeCheckbox:t})]})})});z.displayName=_;var w="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(w,t);return s.jsx(G.Presence,{present:c||p(r.checked)||r.checked===!0,children:s.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...a,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=w;var B="CheckboxBubbleInput",M=i.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:c,hasConsumerStoppedPropagationRef:a,checked:r,defaultChecked:m,required:f,disabled:u,name:h,value:k,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(c);i.useEffect(()=>{const d=b;if(!d)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!a.current;if(C!==r&&j){const A=new Event("click",{bubbles:$});d.indeterminate=p(r),j.call(d,p(r)?!1:r),d.dispatchEvent(A)}},[b,C,r,a]);const n=i.useRef(p(r)?!1:r);return s.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:m??n.current,required:f,disabled:u,name:h,value:k,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function p(e){return e==="indeterminate"}function T(e){return p(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>s.jsx(z,{"data-slot":"checkbox-indicator",className:U.cn("mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-primary mds:bg-on-primary mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:focus:ring-border-surface-spread-neutral mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-20 mds:group-data-[checkbox-shape=full-radius]:rounded-full mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[checkbox-size=large]:size-32 mds:group-data-[checkbox-size=extra-small]:size-18 mds:disabled:cursor-not-allowed mds:disabled:bg-interactive-neutral-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-disabled ",e),ref:t,...o,children:s.jsx(O,{children:s.jsx(K,{className:"mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=small]:size-16 mds:group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;
|
|
@@ -17,7 +17,7 @@ function Y(r) {
|
|
|
17
17
|
const {
|
|
18
18
|
__scopeCheckbox: s,
|
|
19
19
|
checked: t,
|
|
20
|
-
children:
|
|
20
|
+
children: l,
|
|
21
21
|
defaultChecked: a,
|
|
22
22
|
disabled: e,
|
|
23
23
|
form: p,
|
|
@@ -27,7 +27,7 @@ function Y(r) {
|
|
|
27
27
|
value: k = "on",
|
|
28
28
|
// @ts-expect-error
|
|
29
29
|
internal_do_not_use_render: u
|
|
30
|
-
} = r, [
|
|
30
|
+
} = r, [m, x] = K({
|
|
31
31
|
prop: t,
|
|
32
32
|
defaultProp: a ?? !1,
|
|
33
33
|
onChange: i,
|
|
@@ -36,7 +36,7 @@ function Y(r) {
|
|
|
36
36
|
// We set this to true by default so that events bubble to forms without JS (SSR)
|
|
37
37
|
!0
|
|
38
38
|
), R = {
|
|
39
|
-
checked:
|
|
39
|
+
checked: m,
|
|
40
40
|
disabled: e,
|
|
41
41
|
setChecked: x,
|
|
42
42
|
control: C,
|
|
@@ -56,12 +56,12 @@ function Y(r) {
|
|
|
56
56
|
{
|
|
57
57
|
scope: s,
|
|
58
58
|
...R,
|
|
59
|
-
children: Z(u) ? u(R) :
|
|
59
|
+
children: Z(u) ? u(R) : l
|
|
60
60
|
}
|
|
61
61
|
);
|
|
62
62
|
}
|
|
63
63
|
var S = "CheckboxTrigger", w = d.forwardRef(
|
|
64
|
-
({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...
|
|
64
|
+
({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...l }, a) => {
|
|
65
65
|
const {
|
|
66
66
|
control: e,
|
|
67
67
|
value: p,
|
|
@@ -70,7 +70,7 @@ var S = "CheckboxTrigger", w = d.forwardRef(
|
|
|
70
70
|
required: h,
|
|
71
71
|
setControl: k,
|
|
72
72
|
setChecked: u,
|
|
73
|
-
hasConsumerStoppedPropagationRef:
|
|
73
|
+
hasConsumerStoppedPropagationRef: m,
|
|
74
74
|
isFormControl: x,
|
|
75
75
|
bubbleInput: C
|
|
76
76
|
} = _(S, r), v = z(a, k), g = d.useRef(i);
|
|
@@ -91,13 +91,13 @@ var S = "CheckboxTrigger", w = d.forwardRef(
|
|
|
91
91
|
"data-disabled": f ? "" : void 0,
|
|
92
92
|
disabled: f,
|
|
93
93
|
value: p,
|
|
94
|
-
...
|
|
94
|
+
...l,
|
|
95
95
|
ref: v,
|
|
96
96
|
onKeyDown: N(s, (o) => {
|
|
97
97
|
o.key === "Enter" && o.preventDefault();
|
|
98
98
|
}),
|
|
99
99
|
onClick: N(t, (o) => {
|
|
100
|
-
u((n) => b(n) ? !0 : !n), C && x && (
|
|
100
|
+
u((n) => b(n) ? !0 : !n), C && x && (m.current = o.isPropagationStopped(), m.current || o.stopPropagation());
|
|
101
101
|
})
|
|
102
102
|
}
|
|
103
103
|
);
|
|
@@ -108,7 +108,7 @@ var B = d.forwardRef(
|
|
|
108
108
|
(r, s) => {
|
|
109
109
|
const {
|
|
110
110
|
__scopeCheckbox: t,
|
|
111
|
-
name:
|
|
111
|
+
name: l,
|
|
112
112
|
checked: a,
|
|
113
113
|
defaultChecked: e,
|
|
114
114
|
required: p,
|
|
@@ -127,10 +127,10 @@ var B = d.forwardRef(
|
|
|
127
127
|
disabled: f,
|
|
128
128
|
required: p,
|
|
129
129
|
onCheckedChange: h,
|
|
130
|
-
name:
|
|
130
|
+
name: l,
|
|
131
131
|
form: k,
|
|
132
132
|
value: i,
|
|
133
|
-
internal_do_not_use_render: ({ isFormControl:
|
|
133
|
+
internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ L(O, { children: [
|
|
134
134
|
/* @__PURE__ */ c(
|
|
135
135
|
w,
|
|
136
136
|
{
|
|
@@ -139,7 +139,7 @@ var B = d.forwardRef(
|
|
|
139
139
|
__scopeCheckbox: t
|
|
140
140
|
}
|
|
141
141
|
),
|
|
142
|
-
|
|
142
|
+
m && /* @__PURE__ */ c(
|
|
143
143
|
A,
|
|
144
144
|
{
|
|
145
145
|
__scopeCheckbox: t
|
|
@@ -153,11 +153,11 @@ var B = d.forwardRef(
|
|
|
153
153
|
B.displayName = y;
|
|
154
154
|
var M = "CheckboxIndicator", T = d.forwardRef(
|
|
155
155
|
(r, s) => {
|
|
156
|
-
const { __scopeCheckbox: t, forceMount:
|
|
156
|
+
const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
|
|
157
157
|
return /* @__PURE__ */ c(
|
|
158
158
|
$,
|
|
159
159
|
{
|
|
160
|
-
present:
|
|
160
|
+
present: l || b(e.checked) || e.checked === !0,
|
|
161
161
|
children: /* @__PURE__ */ c(
|
|
162
162
|
P.span,
|
|
163
163
|
{
|
|
@@ -176,7 +176,7 @@ T.displayName = M;
|
|
|
176
176
|
var q = "CheckboxBubbleInput", A = d.forwardRef(
|
|
177
177
|
({ __scopeCheckbox: r, ...s }, t) => {
|
|
178
178
|
const {
|
|
179
|
-
control:
|
|
179
|
+
control: l,
|
|
180
180
|
hasConsumerStoppedPropagationRef: a,
|
|
181
181
|
checked: e,
|
|
182
182
|
defaultChecked: p,
|
|
@@ -185,11 +185,11 @@ var q = "CheckboxBubbleInput", A = d.forwardRef(
|
|
|
185
185
|
name: h,
|
|
186
186
|
value: k,
|
|
187
187
|
form: u,
|
|
188
|
-
bubbleInput:
|
|
188
|
+
bubbleInput: m,
|
|
189
189
|
setBubbleInput: x
|
|
190
|
-
} = _(q, r), C = z(t, x), v = U(e), g = X(
|
|
190
|
+
} = _(q, r), C = z(t, x), v = U(e), g = X(l);
|
|
191
191
|
d.useEffect(() => {
|
|
192
|
-
const n =
|
|
192
|
+
const n = m;
|
|
193
193
|
if (!n) return;
|
|
194
194
|
const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
|
|
195
195
|
I,
|
|
@@ -199,7 +199,7 @@ var q = "CheckboxBubbleInput", A = d.forwardRef(
|
|
|
199
199
|
const F = new Event("click", { bubbles: D });
|
|
200
200
|
n.indeterminate = b(e), E.call(n, b(e) ? !1 : e), n.dispatchEvent(F);
|
|
201
201
|
}
|
|
202
|
-
}, [
|
|
202
|
+
}, [m, v, e, a]);
|
|
203
203
|
const o = d.useRef(b(e) ? !1 : e);
|
|
204
204
|
return /* @__PURE__ */ c(
|
|
205
205
|
P.input,
|
|
@@ -247,7 +247,7 @@ const ee = H(
|
|
|
247
247
|
{
|
|
248
248
|
"data-slot": "checkbox-indicator",
|
|
249
249
|
className: Q(
|
|
250
|
-
"mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-primary mds:bg-on-primary mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:focus:ring-border-surface-spread-
|
|
250
|
+
"mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-primary mds:bg-on-primary mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:focus:ring-border-surface-spread-neutral mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-20 mds:group-data-[checkbox-shape=full-radius]:rounded-full mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[checkbox-size=large]:size-32 mds:group-data-[checkbox-size=extra-small]:size-18 mds:disabled:cursor-not-allowed mds:disabled:bg-interactive-neutral-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-disabled ",
|
|
251
251
|
r
|
|
252
252
|
),
|
|
253
253
|
ref: t,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),P=require("react"),h=require("./index-5OKsHRWb.cjs"),y=require("./index-_XxjJPRD.cjs"),O=require("./index-C8aODXfJ.cjs"),B=require("./index-DYxWvftI.cjs"),I=require("./index-bSPhqlcX.cjs"),C=require("./utils-DgHSufYV.cjs");function M(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,s.get?s:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=M(P);var b="Switch",[H]=h.createContextScope(b),[$,z]=H(b),R=c.forwardRef((t,r)=>{const{__scopeSwitch:e,name:s,checked:o,defaultChecked:g,required:d,disabled:a,value:u="on",onCheckedChange:w,form:i,...v}=t,[l,f]=c.useState(null),S=y.useComposedRefs(r,p=>f(p)),x=c.useRef(!1),k=l?i||!!l.closest("form"):!0,[m,E]=O.useControllableState({prop:o,defaultProp:g??!1,onChange:w,caller:b});return n.jsxs($,{scope:e,checked:m,disabled:a,children:[n.jsx(h.Primitive.button,{type:"button",role:"switch","aria-checked":m,"aria-required":d,"data-state":q(m),"data-disabled":a?"":void 0,disabled:a,value:u,...v,ref:S,onClick:h.composeEventHandlers(t.onClick,p=>{E(N=>!N),k&&(x.current=p.isPropagationStopped(),x.current||p.stopPropagation())})}),k&&n.jsx(T,{control:l,bubbles:!x.current,name:s,value:u,checked:m,required:d,disabled:a,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=b;var j="SwitchThumb",_=c.forwardRef((t,r)=>{const{__scopeSwitch:e,...s}=t,o=z(j,e);return n.jsx(h.Primitive.span,{"data-state":q(o.checked),"data-disabled":o.disabled?"":void 0,...s,ref:r})});_.displayName=j;var A="SwitchBubbleInput",T=c.forwardRef(({__scopeSwitch:t,control:r,checked:e,bubbles:s=!0,...o},g)=>{const d=c.useRef(null),a=y.useComposedRefs(d,g),u=B.usePrevious(e),w=I.useSize(r);return c.useEffect(()=>{const i=d.current;if(!i)return;const v=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(v,"checked").set;if(u!==e&&f){const S=new Event("click",{bubbles:s});f.call(i,e),i.dispatchEvent(S)}},[u,e,s]),n.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:e,...o,tabIndex:-1,ref:a,style:{...o.style,...w,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=A;function q(t){return t?"checked":"unchecked"}var D=R,U=_;const L=P.forwardRef(({className:t,...r},e)=>n.jsx(D,{"data-slot":"toggle-switch",tabIndex:0,className:C.cn("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,...r,children:n.jsx(U,{"data-slot":"toggle-thumb",className:C.cn("mds:block mds:rounded-full mds:bg-surface-neutral-l1 mds:shrink-0 mds:transition-transform mds:shadow-50")})}));exports.ToggleSwitch=L;
|
|
@@ -3,12 +3,12 @@ import { jsxs as I, jsx as i } from "react/jsx-runtime";
|
|
|
3
3
|
import * as s from "react";
|
|
4
4
|
import { forwardRef as M } from "react";
|
|
5
5
|
import { c as H, P, a as j } from "./index-DMumqyNN.js";
|
|
6
|
-
import { u as
|
|
6
|
+
import { u as R } from "./index-DLcqcWxM.js";
|
|
7
7
|
import { u as A } from "./index-437EL2iq.js";
|
|
8
8
|
import { u as U } from "./index-BZPx6jYI.js";
|
|
9
9
|
import { u as q } from "./index-BGQepRFJ.js";
|
|
10
10
|
import { c as C } from "./utils-DLi4dp19.js";
|
|
11
|
-
var h = "Switch", [z] = H(h), [L, O] = z(h),
|
|
11
|
+
var h = "Switch", [z] = H(h), [L, O] = z(h), x = s.forwardRef(
|
|
12
12
|
(t, r) => {
|
|
13
13
|
const {
|
|
14
14
|
__scopeSwitch: e,
|
|
@@ -21,7 +21,7 @@ var h = "Switch", [z] = H(h), [L, O] = z(h), R = s.forwardRef(
|
|
|
21
21
|
onCheckedChange: w,
|
|
22
22
|
form: n,
|
|
23
23
|
...v
|
|
24
|
-
} = t, [l, m] = s.useState(null), S =
|
|
24
|
+
} = 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({
|
|
25
25
|
prop: o,
|
|
26
26
|
defaultProp: b ?? !1,
|
|
27
27
|
onChange: w,
|
|
@@ -63,10 +63,10 @@ var h = "Switch", [z] = H(h), [L, O] = z(h), R = s.forwardRef(
|
|
|
63
63
|
] });
|
|
64
64
|
}
|
|
65
65
|
);
|
|
66
|
-
|
|
67
|
-
var
|
|
66
|
+
x.displayName = h;
|
|
67
|
+
var y = "SwitchThumb", E = s.forwardRef(
|
|
68
68
|
(t, r) => {
|
|
69
|
-
const { __scopeSwitch: e, ...a } = t, o = O(
|
|
69
|
+
const { __scopeSwitch: e, ...a } = t, o = O(y, e);
|
|
70
70
|
return /* @__PURE__ */ i(
|
|
71
71
|
P.span,
|
|
72
72
|
{
|
|
@@ -78,7 +78,7 @@ var x = "SwitchThumb", E = s.forwardRef(
|
|
|
78
78
|
);
|
|
79
79
|
}
|
|
80
80
|
);
|
|
81
|
-
E.displayName =
|
|
81
|
+
E.displayName = y;
|
|
82
82
|
var D = "SwitchBubbleInput", _ = s.forwardRef(
|
|
83
83
|
({
|
|
84
84
|
__scopeSwitch: t,
|
|
@@ -87,7 +87,7 @@ var D = "SwitchBubbleInput", _ = s.forwardRef(
|
|
|
87
87
|
bubbles: a = !0,
|
|
88
88
|
...o
|
|
89
89
|
}, b) => {
|
|
90
|
-
const d = s.useRef(null), c =
|
|
90
|
+
const d = s.useRef(null), c = R(d, b), u = U(e), w = q(r);
|
|
91
91
|
return s.useEffect(() => {
|
|
92
92
|
const n = d.current;
|
|
93
93
|
if (!n) return;
|
|
@@ -124,7 +124,7 @@ _.displayName = D;
|
|
|
124
124
|
function N(t) {
|
|
125
125
|
return t ? "checked" : "unchecked";
|
|
126
126
|
}
|
|
127
|
-
var F =
|
|
127
|
+
var F = x, W = E;
|
|
128
128
|
const $ = M(
|
|
129
129
|
({ className: t, ...r }, e) => /* @__PURE__ */ i(
|
|
130
130
|
F,
|
|
@@ -132,7 +132,7 @@ const $ = M(
|
|
|
132
132
|
"data-slot": "toggle-switch",
|
|
133
133
|
tabIndex: 0,
|
|
134
134
|
className: C(
|
|
135
|
-
"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-
|
|
135
|
+
"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 ",
|
|
136
136
|
t
|
|
137
137
|
),
|
|
138
138
|
ref: e,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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
|
|
2
|
+
"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;
|