asheeui 0.6.9 → 0.6.12
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/dist/components/accordion/Accordion.js +7 -7
- package/dist/components/autocomplete/Autocomplete.d.ts +5 -5
- package/dist/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/autocomplete/Autocomplete.js +41 -40
- package/dist/components/autocomplete/autocomplete-config.d.ts +2 -2
- package/dist/components/autocomplete/autocomplete-config.d.ts.map +1 -1
- package/dist/components/autocomplete/autocomplete-config.js +7 -6
- package/dist/components/carousel/Carousel.js +43 -43
- package/dist/components/chip/Chip.js +8 -8
- package/dist/components/date-picker/DatePicker.d.ts +6 -5
- package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
- package/dist/components/date-picker/DatePicker.js +87 -87
- package/dist/components/date-picker/date-picker-config.d.ts +3 -2
- package/dist/components/date-picker/date-picker-config.d.ts.map +1 -1
- package/dist/components/date-picker/date-picker-config.js +7 -6
- package/dist/components/marquee/Marquee.js +22 -22
- package/dist/components/multi-select/MultiSelect.d.ts +5 -5
- package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
- package/dist/components/multi-select/MultiSelect.js +45 -43
- package/dist/components/multi-select/multi-select-config.d.ts +2 -2
- package/dist/components/multi-select/multi-select-config.d.ts.map +1 -1
- package/dist/components/multi-select/multi-select-config.js +8 -7
- package/dist/components/radio/radio-config.d.ts +3 -2
- package/dist/components/radio/radio-config.d.ts.map +1 -1
- package/dist/components/radio/radio-config.js +9 -8
- package/dist/components/select/Select.d.ts +5 -5
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js +53 -52
- package/dist/components/select/select-config.d.ts +3 -5
- package/dist/components/select/select-config.d.ts.map +1 -1
- package/dist/components/select/select-config.js +7 -6
- package/dist/components/select-menu/SelectMenu.d.ts +15 -3
- package/dist/components/select-menu/SelectMenu.d.ts.map +1 -1
- package/dist/components/select-menu/SelectMenu.js +144 -116
- package/dist/components/select-menu/use-select-floating.d.ts +5 -2
- package/dist/components/select-menu/use-select-floating.d.ts.map +1 -1
- package/dist/components/select-menu/use-select-floating.js +14 -7
- package/dist/components/switch/switch-config.d.ts +3 -2
- package/dist/components/switch/switch-config.d.ts.map +1 -1
- package/dist/components/switch/switch-config.js +6 -5
- package/dist/components/toast/ToastItem.js +30 -30
- package/dist/components/toast/ToastProvider.d.ts +5 -5
- package/dist/components/toast/ToastProvider.d.ts.map +1 -1
- package/dist/components/toast/ToastProvider.js +121 -117
- package/dist/components/toast/toast-styles.d.ts +8 -0
- package/dist/components/toast/toast-styles.d.ts.map +1 -1
- package/dist/components/toast/toast-styles.js +11 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/package.json +3 -20
|
@@ -1,192 +1,192 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { useClick as
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { formatDisplay as I, parseDateString as Le, getNewCursorPosition as Te, getDefaultPlaceholder as ze } from "./date-picker.helpers.js";
|
|
2
|
+
import { jsx as r, jsxs as h, Fragment as me } from "react/jsx-runtime";
|
|
3
|
+
import { useClick as fe, useDismiss as pe, useRole as ve, useInteractions as ye, FloatingFocusManager as Ie, FloatingPortal as Pe } from "@floating-ui/react";
|
|
4
|
+
import { forwardRef as Re, useId as Se, useState as M, useRef as Fe, useEffect as Ne, useCallback as d } from "react";
|
|
5
|
+
import { CalendarIcon as xe } from "../../icons/CalendarIcon.js";
|
|
6
|
+
import { ClearIcon as Ae } from "../../icons/ClearIcon.js";
|
|
7
|
+
import { ClockIcon as De } from "../../icons/ClockIcon.js";
|
|
8
|
+
import { useAsheeConfig as Ke } from "../../libs/context.js";
|
|
9
|
+
import { resolveCascade as m, resolveRadiusKey as we, resolveClassKey as Ee } from "../../utils/resolve-token.js";
|
|
10
|
+
import { Input as _e } from "../input/Input.js";
|
|
11
|
+
import { Calendar as Le } from "./Calendar.js";
|
|
12
|
+
import { formatDisplay as I, parseDateString as Te, getNewCursorPosition as ze, getDefaultPlaceholder as Oe } from "./date-picker.helpers.js";
|
|
14
13
|
import { FALLBACK_DATE_PICKER_CONFIG as f } from "./date-picker-config.js";
|
|
15
|
-
import { RADIUS_CLASS as
|
|
16
|
-
import { useSelectFloating as
|
|
17
|
-
import { cn as
|
|
18
|
-
import { FALLBACK_SELECT_MENU_CONFIG as
|
|
19
|
-
const
|
|
14
|
+
import { RADIUS_CLASS as be } from "../../shared/radius.js";
|
|
15
|
+
import { useSelectFloating as ge } from "../select-menu/use-select-floating.js";
|
|
16
|
+
import { cn as he } from "../../utils/cn.js";
|
|
17
|
+
import { FALLBACK_SELECT_MENU_CONFIG as Me } from "../select-menu/select-menu-config.js";
|
|
18
|
+
const Ve = Re(
|
|
20
19
|
({
|
|
21
|
-
selected:
|
|
20
|
+
selected: l,
|
|
22
21
|
onChange: t,
|
|
23
|
-
mode:
|
|
22
|
+
mode: V,
|
|
24
23
|
isClearable: x = !1,
|
|
25
|
-
disableFuture:
|
|
26
|
-
placeholder:
|
|
24
|
+
disableFuture: j = !1,
|
|
25
|
+
placeholder: B,
|
|
27
26
|
size: A,
|
|
28
27
|
radius: P,
|
|
29
28
|
color: D,
|
|
30
29
|
disabled: u,
|
|
31
|
-
picker:
|
|
30
|
+
picker: a,
|
|
32
31
|
...K
|
|
33
32
|
}, c) => {
|
|
34
|
-
var T, z
|
|
35
|
-
const R =
|
|
36
|
-
|
|
33
|
+
var L, T, z;
|
|
34
|
+
const R = Ke(), e = (L = R.components) == null ? void 0 : L.datePicker, G = Se(), U = K.id ?? G, [p, v] = M(!1), [S, n] = M(""), w = Fe(null), s = m(
|
|
35
|
+
V,
|
|
37
36
|
e == null ? void 0 : e.mode,
|
|
38
37
|
void 0,
|
|
39
38
|
f.mode
|
|
40
|
-
),
|
|
41
|
-
|
|
42
|
-
(
|
|
39
|
+
), W = m(
|
|
40
|
+
a == null ? void 0 : a.portal,
|
|
41
|
+
(T = e == null ? void 0 : e.picker) == null ? void 0 : T.portal,
|
|
43
42
|
void 0,
|
|
44
|
-
|
|
45
|
-
),
|
|
46
|
-
|
|
47
|
-
(
|
|
43
|
+
Me.portal
|
|
44
|
+
), q = m(
|
|
45
|
+
a == null ? void 0 : a.portalTarget,
|
|
46
|
+
(z = e == null ? void 0 : e.picker) == null ? void 0 : z.portalTarget,
|
|
48
47
|
void 0,
|
|
49
48
|
null
|
|
50
|
-
),
|
|
49
|
+
), H = m(
|
|
51
50
|
A,
|
|
52
51
|
e == null ? void 0 : e.size,
|
|
53
52
|
void 0,
|
|
54
53
|
f.size
|
|
55
|
-
),
|
|
54
|
+
), J = m(
|
|
56
55
|
D,
|
|
57
56
|
e == null ? void 0 : e.color,
|
|
58
57
|
R.defaultColor,
|
|
59
58
|
f.color
|
|
60
|
-
), E =
|
|
59
|
+
), E = we(
|
|
61
60
|
typeof P == "string" ? P : void 0,
|
|
62
61
|
typeof (e == null ? void 0 : e.radius) == "string" ? e.radius : void 0,
|
|
63
62
|
R.defaultRadius,
|
|
64
63
|
f.radius
|
|
65
|
-
),
|
|
64
|
+
), Q = Ee(
|
|
66
65
|
E === "full" ? "xl" : E,
|
|
67
|
-
|
|
66
|
+
be,
|
|
68
67
|
f.radius
|
|
69
|
-
), { refs: F, floatingStyles:
|
|
68
|
+
), { refs: F, floatingStyles: X, context: y, isPositioned: Y } = ge({
|
|
70
69
|
isOpen: p,
|
|
71
70
|
onOpenChange: v,
|
|
72
71
|
disabled: u,
|
|
73
72
|
matchReferenceWidth: !1
|
|
74
73
|
// Allow calendar to size naturally side-by-side
|
|
75
|
-
}), Z =
|
|
74
|
+
}), Z = fe(y, { enabled: !u }), $ = pe(y, {
|
|
76
75
|
enabled: !u,
|
|
77
76
|
outsidePress: !0,
|
|
78
77
|
outsidePressEvent: "mousedown",
|
|
79
78
|
escapeKey: !0
|
|
80
|
-
}), C =
|
|
79
|
+
}), C = ve(y, { role: "dialog" }), { getReferenceProps: k, getFloatingProps: ee } = ye([
|
|
81
80
|
Z,
|
|
82
81
|
$,
|
|
83
82
|
C
|
|
84
83
|
]);
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
}, [
|
|
84
|
+
Ne(() => {
|
|
85
|
+
n(l ? I(l, s) : "");
|
|
86
|
+
}, [l, s]);
|
|
88
87
|
const te = d(
|
|
89
88
|
(o) => {
|
|
90
|
-
t == null || t(o),
|
|
89
|
+
t == null || t(o), n(o ? I(o, s) : ""), (s === "date" || o === null) && v(!1);
|
|
91
90
|
},
|
|
92
91
|
[t, s]
|
|
93
92
|
), oe = d(() => v(!1), []), se = d(
|
|
94
93
|
(o) => {
|
|
95
94
|
var i;
|
|
96
|
-
o.stopPropagation(), t == null || t(null),
|
|
95
|
+
o.stopPropagation(), t == null || t(null), n(""), v(!1), (i = w.current) == null || i.focus();
|
|
97
96
|
},
|
|
98
97
|
[t]
|
|
99
98
|
), re = d(
|
|
100
99
|
(o) => {
|
|
101
|
-
const i = o.target,
|
|
102
|
-
if (
|
|
103
|
-
|
|
100
|
+
const i = o.target, ue = i.value, ce = S, de = i.selectionStart ?? 0, O = ue.replace(/\D/g, "");
|
|
101
|
+
if (O.length === 0) {
|
|
102
|
+
n(""), t == null || t(null);
|
|
104
103
|
return;
|
|
105
104
|
}
|
|
106
|
-
const N =
|
|
107
|
-
|
|
105
|
+
const N = Te(
|
|
106
|
+
O,
|
|
108
107
|
s,
|
|
109
|
-
|
|
108
|
+
l ?? void 0
|
|
110
109
|
);
|
|
111
110
|
if (N) {
|
|
112
111
|
t == null || t(N);
|
|
113
|
-
const
|
|
114
|
-
|
|
115
|
-
const
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
112
|
+
const b = I(N, s);
|
|
113
|
+
n(b);
|
|
114
|
+
const g = ze(
|
|
115
|
+
ce,
|
|
116
|
+
b,
|
|
117
|
+
de
|
|
119
118
|
);
|
|
120
119
|
requestAnimationFrame(() => {
|
|
121
|
-
i.setSelectionRange(
|
|
120
|
+
i.setSelectionRange(g, g);
|
|
122
121
|
});
|
|
123
122
|
} else
|
|
124
|
-
|
|
123
|
+
n(l ? I(l, s) : "");
|
|
125
124
|
},
|
|
126
|
-
[s,
|
|
127
|
-
), le =
|
|
128
|
-
x &&
|
|
125
|
+
[s, l, t, S]
|
|
126
|
+
), le = B ?? Oe(s), ae = /* @__PURE__ */ h(me, { children: [
|
|
127
|
+
x && l && !u && /* @__PURE__ */ r(
|
|
129
128
|
"button",
|
|
130
129
|
{
|
|
131
130
|
type: "button",
|
|
132
131
|
onClick: se,
|
|
133
132
|
"aria-label": "Clear selection",
|
|
134
133
|
className: "p-0.5 rounded text-foreground/70 hover:text-foreground transition-colors",
|
|
135
|
-
children: /* @__PURE__ */
|
|
134
|
+
children: /* @__PURE__ */ r(Ae, { className: "size-3.5" })
|
|
136
135
|
}
|
|
137
136
|
),
|
|
138
|
-
/* @__PURE__ */
|
|
139
|
-
] }), _ = p ? /* @__PURE__ */
|
|
140
|
-
|
|
137
|
+
/* @__PURE__ */ r("span", { className: "text-foreground/70 pointer-events-none", children: s === "time" ? /* @__PURE__ */ r(De, {}) : /* @__PURE__ */ r(xe, {}) })
|
|
138
|
+
] }), _ = p ? /* @__PURE__ */ r(
|
|
139
|
+
Ie,
|
|
141
140
|
{
|
|
142
141
|
context: y,
|
|
143
142
|
modal: !1,
|
|
144
143
|
initialFocus: -1,
|
|
145
144
|
returnFocus: !1,
|
|
146
|
-
children: /* @__PURE__ */
|
|
145
|
+
children: /* @__PURE__ */ r(
|
|
147
146
|
"div",
|
|
148
147
|
{
|
|
149
148
|
ref: F.setFloating,
|
|
150
149
|
style: {
|
|
151
|
-
...
|
|
150
|
+
...X,
|
|
152
151
|
width: "max-content",
|
|
153
152
|
minWidth: "fit-content"
|
|
154
153
|
},
|
|
155
|
-
className:
|
|
156
|
-
"z-100 outline-none
|
|
157
|
-
|
|
154
|
+
className: he(
|
|
155
|
+
"z-100 outline-none",
|
|
156
|
+
Y ? "animate-in fade-in-0 zoom-in-95 duration-150 ease-out" : "invisible opacity-0 pointer-events-none",
|
|
157
|
+
a == null ? void 0 : a.className
|
|
158
158
|
),
|
|
159
159
|
...ee(),
|
|
160
|
-
children: /* @__PURE__ */
|
|
161
|
-
|
|
160
|
+
children: /* @__PURE__ */ r(
|
|
161
|
+
Le,
|
|
162
162
|
{
|
|
163
|
-
selected:
|
|
163
|
+
selected: l,
|
|
164
164
|
mode: s,
|
|
165
165
|
isClearable: x,
|
|
166
|
-
resolvedSizeKey:
|
|
166
|
+
resolvedSizeKey: H,
|
|
167
167
|
onSelect: te,
|
|
168
168
|
onClose: oe,
|
|
169
|
-
disableFuture:
|
|
170
|
-
resolvedColor:
|
|
171
|
-
radiusClass:
|
|
169
|
+
disableFuture: j,
|
|
170
|
+
resolvedColor: J,
|
|
171
|
+
radiusClass: Q
|
|
172
172
|
}
|
|
173
173
|
)
|
|
174
174
|
}
|
|
175
175
|
)
|
|
176
176
|
}
|
|
177
|
-
) : null,
|
|
177
|
+
) : null, ne = q ?? (typeof document < "u" ? document.body : null), ie = d(
|
|
178
178
|
(o) => {
|
|
179
179
|
o && (F.setReference(o), w.current = o, typeof c == "function" ? c(o) : c && (c.current = o));
|
|
180
180
|
},
|
|
181
181
|
[F, c]
|
|
182
182
|
);
|
|
183
|
-
return /* @__PURE__ */
|
|
184
|
-
/* @__PURE__ */
|
|
185
|
-
|
|
183
|
+
return /* @__PURE__ */ h("div", { className: "w-full relative inline-block", children: [
|
|
184
|
+
/* @__PURE__ */ r(
|
|
185
|
+
_e,
|
|
186
186
|
{
|
|
187
187
|
...K,
|
|
188
|
-
ref:
|
|
189
|
-
id:
|
|
188
|
+
ref: ie,
|
|
189
|
+
id: U,
|
|
190
190
|
size: A,
|
|
191
191
|
radius: P,
|
|
192
192
|
color: D,
|
|
@@ -200,11 +200,11 @@ const ge = Ie(
|
|
|
200
200
|
...k()
|
|
201
201
|
}
|
|
202
202
|
),
|
|
203
|
-
p && (
|
|
203
|
+
p && (W ? /* @__PURE__ */ r(Pe, { root: ne, children: _ }) : _)
|
|
204
204
|
] });
|
|
205
205
|
}
|
|
206
206
|
);
|
|
207
|
-
|
|
207
|
+
Ve.displayName = "DatePicker";
|
|
208
208
|
export {
|
|
209
|
-
|
|
209
|
+
Ve as DatePicker
|
|
210
210
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FieldSizeKey } from '../field/field-config';
|
|
2
|
+
import { InputConfig } from '../input';
|
|
2
3
|
/**
|
|
3
4
|
* The selection mode of the date picker.
|
|
4
5
|
* - `date`: Select only a date.
|
|
@@ -17,7 +18,7 @@ export type DatePickerSizeKey = FieldSizeKey;
|
|
|
17
18
|
* Set under `components.datePicker` in the AsheeUI config. Values feed the
|
|
18
19
|
* component-level fallback tier of the theme cascade.
|
|
19
20
|
*/
|
|
20
|
-
export interface DatePickerConfig extends
|
|
21
|
+
export interface DatePickerConfig extends InputConfig {
|
|
21
22
|
/**
|
|
22
23
|
* The selection mode of the picker.
|
|
23
24
|
* Controls whether the picker shows date, time, or both.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker-config.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,
|
|
1
|
+
{"version":3,"file":"date-picker-config.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAGrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;CAG9B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { registerComponentDefaults as e } from "../../libs/registry.js";
|
|
3
|
-
import { FALLBACK_FIELD_CONFIG as t
|
|
4
|
-
|
|
3
|
+
import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
|
|
4
|
+
import { defaultInputConfig as o } from "../input/input-config.js";
|
|
5
|
+
const r = {
|
|
5
6
|
...o,
|
|
6
7
|
mode: "date"
|
|
7
|
-
},
|
|
8
|
+
}, n = {
|
|
8
9
|
...t,
|
|
9
10
|
mode: "date"
|
|
10
11
|
};
|
|
11
|
-
e("datePicker",
|
|
12
|
+
e("datePicker", r);
|
|
12
13
|
export {
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
n as FALLBACK_DATE_PICKER_CONFIG,
|
|
15
|
+
r as defaultDatePickerConfig
|
|
15
16
|
};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as r, jsxs as f, Fragment as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { useAsheeConfig as
|
|
2
|
+
import { jsx as r, jsxs as f, Fragment as O } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as P, useMemo as Q, isValidElement as T } from "react";
|
|
4
|
+
import { useAsheeConfig as U } from "../../libs/context.js";
|
|
5
5
|
import { resolveCascade as a } from "../../utils/resolve-token.js";
|
|
6
6
|
import { FALLBACK_MARQUEE_CONFIG as o } from "./marquee-config.js";
|
|
7
7
|
import { MARQUEE_SPEED_PRESETS as E, MARQUEE_FADE_START_CLASS as g, MARQUEE_FADE_END_CLASS as H } from "./marquee-styles.js";
|
|
8
8
|
import { cn as s } from "../../utils/cn.js";
|
|
9
|
-
const j =
|
|
9
|
+
const j = P(
|
|
10
10
|
({
|
|
11
11
|
children: i,
|
|
12
12
|
axis: y,
|
|
13
13
|
direction: x,
|
|
14
14
|
speed: A,
|
|
15
|
-
gap:
|
|
16
|
-
pauseOnHover:
|
|
15
|
+
gap: h,
|
|
16
|
+
pauseOnHover: S,
|
|
17
17
|
fadeEdges: _,
|
|
18
18
|
className: N,
|
|
19
|
-
itemClassName:
|
|
19
|
+
itemClassName: p,
|
|
20
20
|
...q
|
|
21
21
|
}, D) => {
|
|
22
22
|
var v;
|
|
23
|
-
const e = (v =
|
|
23
|
+
const e = (v = U().components) == null ? void 0 : v.marquee, l = a(
|
|
24
24
|
y,
|
|
25
25
|
e == null ? void 0 : e.axis,
|
|
26
26
|
void 0,
|
|
@@ -30,18 +30,18 @@ const j = Q(
|
|
|
30
30
|
e == null ? void 0 : e.direction,
|
|
31
31
|
void 0,
|
|
32
32
|
o.direction
|
|
33
|
-
),
|
|
33
|
+
), m = a(
|
|
34
34
|
A,
|
|
35
35
|
e == null ? void 0 : e.speed,
|
|
36
36
|
void 0,
|
|
37
37
|
o.speed
|
|
38
38
|
), d = a(
|
|
39
|
-
|
|
39
|
+
h,
|
|
40
40
|
e == null ? void 0 : e.gap,
|
|
41
41
|
void 0,
|
|
42
42
|
o.gap
|
|
43
43
|
), M = a(
|
|
44
|
-
|
|
44
|
+
S,
|
|
45
45
|
e == null ? void 0 : e.pauseOnHover,
|
|
46
46
|
void 0,
|
|
47
47
|
o.pauseOnHover
|
|
@@ -50,9 +50,9 @@ const j = Q(
|
|
|
50
50
|
e == null ? void 0 : e.fadeEdges,
|
|
51
51
|
void 0,
|
|
52
52
|
o.fadeEdges
|
|
53
|
-
), k = typeof
|
|
53
|
+
), k = typeof m == "number" ? m : E[m] ?? E.normal, t = l === "y", w = Q(
|
|
54
54
|
() => [i, i].map(($, u) => {
|
|
55
|
-
const
|
|
55
|
+
const c = u === 0 ? "primary" : "secondary";
|
|
56
56
|
return /* @__PURE__ */ r(
|
|
57
57
|
"div",
|
|
58
58
|
{
|
|
@@ -64,22 +64,22 @@ const j = Q(
|
|
|
64
64
|
gap: d
|
|
65
65
|
},
|
|
66
66
|
"aria-hidden": u === 1,
|
|
67
|
-
children: $.map((n,
|
|
68
|
-
const
|
|
69
|
-
return /* @__PURE__ */ r("div", { className: s("shrink-0",
|
|
67
|
+
children: $.map((n, b) => {
|
|
68
|
+
const L = T(n) && n.key ? `${c}-${n.key}` : `${c}-item-${b}`;
|
|
69
|
+
return /* @__PURE__ */ r("div", { className: s("shrink-0", p), children: n }, L);
|
|
70
70
|
})
|
|
71
71
|
},
|
|
72
|
-
`${
|
|
72
|
+
`${c}-set`
|
|
73
73
|
);
|
|
74
74
|
}),
|
|
75
|
-
[i, t, d,
|
|
75
|
+
[i, t, d, p]
|
|
76
76
|
);
|
|
77
77
|
return /* @__PURE__ */ f(
|
|
78
78
|
"div",
|
|
79
79
|
{
|
|
80
80
|
ref: D,
|
|
81
81
|
className: s(
|
|
82
|
-
"group relative overflow-
|
|
82
|
+
"group relative scrollbar-hide overflow-hidden",
|
|
83
83
|
t ? "h-full" : "w-full",
|
|
84
84
|
N
|
|
85
85
|
),
|
|
@@ -114,13 +114,13 @@ const j = Q(
|
|
|
114
114
|
children: w
|
|
115
115
|
}
|
|
116
116
|
),
|
|
117
|
-
R && /* @__PURE__ */ f(
|
|
117
|
+
R && /* @__PURE__ */ f(O, { children: [
|
|
118
118
|
/* @__PURE__ */ r(
|
|
119
119
|
"div",
|
|
120
120
|
{
|
|
121
121
|
className: s(
|
|
122
122
|
"absolute z-10 pointer-events-none",
|
|
123
|
-
g[
|
|
123
|
+
g[l]
|
|
124
124
|
)
|
|
125
125
|
}
|
|
126
126
|
),
|
|
@@ -129,7 +129,7 @@ const j = Q(
|
|
|
129
129
|
{
|
|
130
130
|
className: s(
|
|
131
131
|
"absolute z-10 pointer-events-none",
|
|
132
|
-
H[
|
|
132
|
+
H[l]
|
|
133
133
|
)
|
|
134
134
|
}
|
|
135
135
|
)
|
|
@@ -121,11 +121,11 @@ export interface MultiSelectProps extends MultiSelectFieldProps, MultiSelectCont
|
|
|
121
121
|
* label, description, and message handling, and uses Floating UI for
|
|
122
122
|
* positioning and accessibility.
|
|
123
123
|
*
|
|
124
|
-
* By default, the dropdown menu uses
|
|
125
|
-
* document body level. This ensures the menu escapes CSS containment,
|
|
126
|
-
* clipping, and stacking context issues. The portal can be disabled
|
|
127
|
-
* `menu.portal` prop or `components.multiSelect.menu.portal` in the
|
|
128
|
-
* if the menu needs to stay within a specific parent container.
|
|
124
|
+
* By default, the dropdown menu uses Floating UI's FloatingPortal to render
|
|
125
|
+
* at the document body level. This ensures the menu escapes CSS containment,
|
|
126
|
+
* overflow clipping, and stacking context issues. The portal can be disabled
|
|
127
|
+
* via the `menu.portal` prop or `components.multiSelect.menu.portal` in the
|
|
128
|
+
* config if the menu needs to stay within a specific parent container.
|
|
129
129
|
*
|
|
130
130
|
* @param props - MultiSelect configuration options.
|
|
131
131
|
* @param props.options - Available options to select from.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAU/B;;;GAGG;AACH,KAAK,qBAAqB,GAAG,IAAI,CAC/B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;GAEG;AACH,KAAK,uBAAuB,GAAG,IAAI,CAAC,UAAU,EAAE,cAAc,GAAG,YAAY,CAAC,CAAC;AAE/E;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,qBAAqB,EAC3B,uBAAuB,EACvB,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,eAAO,MAAM,WAAW,gHAoYvB,CAAC"}
|