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
|
@@ -19,7 +19,7 @@ const le = Y(
|
|
|
19
19
|
value: b,
|
|
20
20
|
onValueChange: d,
|
|
21
21
|
expandIcon: T,
|
|
22
|
-
disableAnimation:
|
|
22
|
+
disableAnimation: h = !1,
|
|
23
23
|
itemClassName: $,
|
|
24
24
|
headerClassName: M,
|
|
25
25
|
contentClassName: j,
|
|
@@ -29,7 +29,7 @@ const le = Y(
|
|
|
29
29
|
...k
|
|
30
30
|
}, B) => {
|
|
31
31
|
var S;
|
|
32
|
-
const f = te(), s = (S = f.components) == null ? void 0 : S.accordion, G = ee(), m = Z ?? G,
|
|
32
|
+
const f = te(), s = (S = f.components) == null ? void 0 : S.accordion, G = ee(), m = Z ?? G, x = v(
|
|
33
33
|
K,
|
|
34
34
|
s == null ? void 0 : s.size,
|
|
35
35
|
void 0,
|
|
@@ -50,11 +50,11 @@ const le = Y(
|
|
|
50
50
|
f.defaultRadius,
|
|
51
51
|
o.radius
|
|
52
52
|
), U = R[i] ?? R.separated, q = _[i] ?? _.separated, J = A(
|
|
53
|
-
|
|
53
|
+
x,
|
|
54
54
|
ie,
|
|
55
55
|
o.size
|
|
56
56
|
), P = A(
|
|
57
|
-
|
|
57
|
+
x,
|
|
58
58
|
ne,
|
|
59
59
|
o.size
|
|
60
60
|
), I = A(
|
|
@@ -126,7 +126,7 @@ const le = Y(
|
|
|
126
126
|
{
|
|
127
127
|
className: n(
|
|
128
128
|
"text-foreground/70 shrink-0 ml-2 transition-transform duration-200 ease-in-out",
|
|
129
|
-
|
|
129
|
+
h ? "transition-none" : "",
|
|
130
130
|
l && "rotate-180"
|
|
131
131
|
),
|
|
132
132
|
children: T || /* @__PURE__ */ t(re, { className: "w-4 h-4" })
|
|
@@ -143,10 +143,10 @@ const le = Y(
|
|
|
143
143
|
"data-state": l ? "open" : "closed",
|
|
144
144
|
className: n(
|
|
145
145
|
"w-full grid transition-[grid-template-rows,opacity] duration-250 ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
146
|
-
|
|
146
|
+
h ? "transition-none" : "",
|
|
147
147
|
l ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"
|
|
148
148
|
),
|
|
149
|
-
children: /* @__PURE__ */ t("div", { className: "overflow-hidden w-full", children: /* @__PURE__ */ t(
|
|
149
|
+
children: /* @__PURE__ */ t("div", { className: "scrollbar-hide overflow-hidden w-full", children: /* @__PURE__ */ t(
|
|
150
150
|
"div",
|
|
151
151
|
{
|
|
152
152
|
className: n(
|
|
@@ -65,11 +65,11 @@ export interface AutocompleteProps extends Omit<InputProps, "value" | "onChange"
|
|
|
65
65
|
* hooks, including focus management, dismissal on outside clicks,
|
|
66
66
|
* and proper ARIA roles for the combobox pattern.
|
|
67
67
|
*
|
|
68
|
-
* By default, the dropdown menu uses
|
|
69
|
-
* document body level. This ensures the menu escapes CSS containment,
|
|
70
|
-
* clipping, and stacking context issues. The portal can be disabled
|
|
71
|
-
* `menu.portal` prop or `components.autocomplete.menu.portal` in the
|
|
72
|
-
* if the menu needs to stay within a specific parent container.
|
|
68
|
+
* By default, the dropdown menu uses Floating UI's FloatingPortal to render
|
|
69
|
+
* at the document body level. This ensures the menu escapes CSS containment,
|
|
70
|
+
* overflow clipping, and stacking context issues. The portal can be disabled
|
|
71
|
+
* via the `menu.portal` prop or `components.autocomplete.menu.portal` in the
|
|
72
|
+
* config if the menu needs to stay within a specific parent container.
|
|
73
73
|
*
|
|
74
74
|
* @param props - Autocomplete configuration options and input props.
|
|
75
75
|
* @param props.options - Suggestion list. Defaults to [].
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,uBAAuB,CAAC;AAI/B;;;;GAIG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,EACzD,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClC;;;;;OAKG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5E;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,2BAA2B,CAAC;AACvE,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,uBAAuB,CAAC;AAI/B;;;;GAIG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,EACzD,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClC;;;;;OAKG;IACH,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAE5E;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,eAAO,MAAM,YAAY,gHAkMxB,CAAC"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useFocus as
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import { useAsheeConfig as
|
|
6
|
-
import { resolveCascade as v, resolveRadiusKey as
|
|
2
|
+
import { jsxs as V, jsx as A } from "react/jsx-runtime";
|
|
3
|
+
import { useFocus as g, useDismiss as C, useRole as ee, useInteractions as te } from "@floating-ui/react";
|
|
4
|
+
import { forwardRef as se, useMemo as F, useState as K, useEffect as re, useCallback as L } from "react";
|
|
5
|
+
import { useAsheeConfig as oe } from "../../libs/context.js";
|
|
6
|
+
import { resolveCascade as v, resolveRadiusKey as ie } from "../../utils/resolve-token.js";
|
|
7
7
|
import { Input as le } from "../input/Input.js";
|
|
8
|
-
import { SelectMenu as
|
|
8
|
+
import { SelectMenu as ce } from "../select-menu/SelectMenu.js";
|
|
9
9
|
import { FALLBACK_AUTOCOMPLETE_CONFIG as p } from "./autocomplete-config.js";
|
|
10
|
-
import { useSelectFloating as
|
|
11
|
-
const
|
|
10
|
+
import { useSelectFloating as fe } from "../select-menu/use-select-floating.js";
|
|
11
|
+
const me = se(
|
|
12
12
|
({
|
|
13
13
|
options: o = [],
|
|
14
14
|
value: s,
|
|
15
15
|
onValueChange: r,
|
|
16
|
-
onInputChange:
|
|
16
|
+
onInputChange: l,
|
|
17
17
|
allowCustomValue: R = !1,
|
|
18
18
|
belowList: M,
|
|
19
|
-
menu:
|
|
20
|
-
variant:
|
|
19
|
+
menu: P,
|
|
20
|
+
variant: z,
|
|
21
21
|
color: w,
|
|
22
22
|
radius: E,
|
|
23
23
|
size: N,
|
|
@@ -29,8 +29,8 @@ const fe = te(
|
|
|
29
29
|
...B
|
|
30
30
|
}, c) => {
|
|
31
31
|
var b;
|
|
32
|
-
const f =
|
|
33
|
-
|
|
32
|
+
const f = oe(), e = (b = f.components) == null ? void 0 : b.autocomplete, D = v(
|
|
33
|
+
z,
|
|
34
34
|
e == null ? void 0 : e.variant,
|
|
35
35
|
f.defaultVariant,
|
|
36
36
|
p.variant
|
|
@@ -39,7 +39,7 @@ const fe = te(
|
|
|
39
39
|
e == null ? void 0 : e.color,
|
|
40
40
|
f.defaultColor,
|
|
41
41
|
p.color
|
|
42
|
-
), I =
|
|
42
|
+
), I = ie(
|
|
43
43
|
E,
|
|
44
44
|
e == null ? void 0 : e.radius,
|
|
45
45
|
f.defaultRadius,
|
|
@@ -49,41 +49,41 @@ const fe = te(
|
|
|
49
49
|
e == null ? void 0 : e.size,
|
|
50
50
|
void 0,
|
|
51
51
|
p.size
|
|
52
|
-
),
|
|
52
|
+
), i = F(
|
|
53
53
|
() => o.find((t) => t.value === s),
|
|
54
54
|
[o, s]
|
|
55
55
|
), [S, m] = K(!1), [a, u] = K(
|
|
56
|
-
() =>
|
|
56
|
+
() => i ? i.label : String(s ?? "")
|
|
57
57
|
);
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}, [
|
|
61
|
-
const { refs: x, floatingStyles: q, context: d } =
|
|
58
|
+
re(() => {
|
|
59
|
+
i ? u(i.label) : s != null && u(String(s));
|
|
60
|
+
}, [i, s]);
|
|
61
|
+
const { refs: x, floatingStyles: q, context: d, isPositioned: H } = fe({
|
|
62
62
|
isOpen: S,
|
|
63
63
|
onOpenChange: m,
|
|
64
64
|
disabled: O
|
|
65
|
-
}),
|
|
66
|
-
H,
|
|
65
|
+
}), J = g(d), Q = C(d), W = ee(d, { role: "combobox" }), { getReferenceProps: X, getFloatingProps: Y } = te([
|
|
67
66
|
J,
|
|
68
|
-
Q
|
|
69
|
-
|
|
67
|
+
Q,
|
|
68
|
+
W
|
|
69
|
+
]), Z = F(() => a.trim() ? o.filter(
|
|
70
70
|
(t) => t.label.toLowerCase().includes(a.toLowerCase())
|
|
71
|
-
) : o, [o, a]),
|
|
71
|
+
) : o, [o, a]), $ = L(
|
|
72
72
|
(t) => {
|
|
73
73
|
const y = t.target.value;
|
|
74
|
-
u(y),
|
|
74
|
+
u(y), l == null || l(y), m(!0), R && (r == null || r(y));
|
|
75
75
|
},
|
|
76
|
-
[R,
|
|
77
|
-
),
|
|
76
|
+
[R, l, r]
|
|
77
|
+
), k = L(
|
|
78
78
|
(t) => {
|
|
79
79
|
u(t.label), r == null || r(t.value, t), m(!1);
|
|
80
80
|
},
|
|
81
81
|
[r]
|
|
82
|
-
),
|
|
82
|
+
), h = F(
|
|
83
83
|
() => s != null ? [s] : [],
|
|
84
84
|
[s]
|
|
85
85
|
);
|
|
86
|
-
return /* @__PURE__ */
|
|
86
|
+
return /* @__PURE__ */ V("div", { className: "w-full relative inline-block", children: [
|
|
87
87
|
/* @__PURE__ */ A(
|
|
88
88
|
le,
|
|
89
89
|
{
|
|
@@ -97,7 +97,7 @@ const fe = te(
|
|
|
97
97
|
disabled: O,
|
|
98
98
|
placeholder: j,
|
|
99
99
|
value: a,
|
|
100
|
-
onChange:
|
|
100
|
+
onChange: $,
|
|
101
101
|
onClick: (t) => {
|
|
102
102
|
O || m(!0), n == null || n(t);
|
|
103
103
|
},
|
|
@@ -105,23 +105,24 @@ const fe = te(
|
|
|
105
105
|
"aria-autocomplete": "none",
|
|
106
106
|
endContent: T,
|
|
107
107
|
className: _,
|
|
108
|
-
...
|
|
108
|
+
...X(B)
|
|
109
109
|
}
|
|
110
110
|
),
|
|
111
111
|
/* @__PURE__ */ A(
|
|
112
|
-
|
|
112
|
+
ce,
|
|
113
113
|
{
|
|
114
114
|
isOpen: S,
|
|
115
115
|
context: d,
|
|
116
116
|
floatingStyles: q,
|
|
117
|
-
getFloatingProps:
|
|
117
|
+
getFloatingProps: Y,
|
|
118
118
|
setFloatingRef: x.setFloating,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
119
|
+
isPositioned: H,
|
|
120
|
+
options: Z,
|
|
121
|
+
selectedValues: h,
|
|
122
|
+
onSelectMenuOption: k,
|
|
122
123
|
isSearch: !1,
|
|
123
124
|
belowList: M,
|
|
124
|
-
menuProps:
|
|
125
|
+
menuProps: P,
|
|
125
126
|
menuConfig: e == null ? void 0 : e.menu,
|
|
126
127
|
initialFocus: -1,
|
|
127
128
|
returnFocus: !1
|
|
@@ -130,7 +131,7 @@ const fe = te(
|
|
|
130
131
|
] });
|
|
131
132
|
}
|
|
132
133
|
);
|
|
133
|
-
|
|
134
|
+
me.displayName = "Autocomplete";
|
|
134
135
|
export {
|
|
135
|
-
|
|
136
|
+
me as Autocomplete
|
|
136
137
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { InputConfig } from '../input';
|
|
2
2
|
import { MenuConfig } from '../select-menu';
|
|
3
3
|
/**
|
|
4
4
|
* Theme configuration options for the Autocomplete component.
|
|
@@ -7,7 +7,7 @@ import { MenuConfig } from '../select-menu';
|
|
|
7
7
|
* and dropdown-menu overrides. Set under `components.autocomplete` in
|
|
8
8
|
* the AsheeUI config.
|
|
9
9
|
*/
|
|
10
|
-
export interface AutocompleteConfig extends
|
|
10
|
+
export interface AutocompleteConfig extends InputConfig {
|
|
11
11
|
/**
|
|
12
12
|
* Configuration for the dropdown menu that displays suggestions.
|
|
13
13
|
* Controls the menu's visual appearance and behavior.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete-config.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/autocomplete-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"autocomplete-config.d.ts","sourceRoot":"","sources":["../../../src/components/autocomplete/autocomplete-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,kBAEvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;CAE/B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { registerComponentDefaults as o } 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 e } from "../input/input-config.js";
|
|
5
|
+
const m = {
|
|
5
6
|
...e
|
|
6
|
-
},
|
|
7
|
+
}, p = {
|
|
7
8
|
...t
|
|
8
9
|
};
|
|
9
|
-
o("autocomplete",
|
|
10
|
+
o("autocomplete", m);
|
|
10
11
|
export {
|
|
11
|
-
|
|
12
|
-
|
|
12
|
+
p as FALLBACK_AUTOCOMPLETE_CONFIG,
|
|
13
|
+
m as defaultAutocompleteConfig
|
|
13
14
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as T, jsx as l, Fragment as Ae } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef as Se, useId as Pe, useMemo as ke, useState as
|
|
3
|
+
import { forwardRef as Se, useId as Pe, useMemo as ke, useState as p, useRef as Ne, useCallback as j, useEffect as Le } from "react";
|
|
4
4
|
import { ChevronLeftIcon as Re } from "../../icons/ChevronLeftIcon.js";
|
|
5
5
|
import { ChevronRightIcon as De } from "../../icons/ChevronRightIcon.js";
|
|
6
6
|
import { useAsheeConfig as Oe } from "../../libs/context.js";
|
|
7
|
-
import { resolveCascade as
|
|
7
|
+
import { resolveCascade as d, resolveRadiusKey as Ie, resolveClassKey as A } from "../../utils/resolve-token.js";
|
|
8
8
|
import { FALLBACK_CAROUSEL_CONFIG as s } from "./carousel-config.js";
|
|
9
9
|
import { CAROUSEL_HEIGHT_CLASS as _e, CAROUSEL_PADDING_CLASS as Ee, CAROUSEL_VARIANT_CLASS as F } from "./carousel-styles.js";
|
|
10
10
|
import { RADIUS_CLASS as He } from "../../shared/radius.js";
|
|
11
|
-
import { cn as
|
|
11
|
+
import { cn as u } from "../../utils/cn.js";
|
|
12
12
|
const G = 50, ze = Se(
|
|
13
13
|
({
|
|
14
14
|
items: h = [],
|
|
@@ -37,47 +37,47 @@ const G = 50, ze = Se(
|
|
|
37
37
|
...se
|
|
38
38
|
}, le) => {
|
|
39
39
|
var M;
|
|
40
|
-
const y = Oe(), e = (M = y.components) == null ? void 0 : M.carousel, ae = Pe(), ie = te ?? ae, L =
|
|
40
|
+
const y = Oe(), e = (M = y.components) == null ? void 0 : M.carousel, ae = Pe(), ie = te ?? ae, L = d(
|
|
41
41
|
C,
|
|
42
42
|
e == null ? void 0 : e.size,
|
|
43
43
|
void 0,
|
|
44
44
|
s.size
|
|
45
|
-
), ne =
|
|
45
|
+
), ne = d(
|
|
46
46
|
$,
|
|
47
47
|
e == null ? void 0 : e.variant,
|
|
48
48
|
y.defaultVariant,
|
|
49
49
|
s.variant
|
|
50
|
-
),
|
|
50
|
+
), de = Ie(
|
|
51
51
|
V,
|
|
52
52
|
e == null ? void 0 : e.radius,
|
|
53
53
|
y.defaultRadius,
|
|
54
54
|
s.radius
|
|
55
|
-
), R =
|
|
55
|
+
), R = d(
|
|
56
56
|
X,
|
|
57
57
|
e == null ? void 0 : e.autoPlay,
|
|
58
58
|
void 0,
|
|
59
59
|
s.autoPlay
|
|
60
|
-
), D =
|
|
60
|
+
), D = d(
|
|
61
61
|
x,
|
|
62
62
|
e == null ? void 0 : e.autoPlayInterval,
|
|
63
63
|
void 0,
|
|
64
64
|
s.autoPlayInterval
|
|
65
|
-
), f =
|
|
65
|
+
), f = d(
|
|
66
66
|
B,
|
|
67
67
|
e == null ? void 0 : e.loop,
|
|
68
68
|
void 0,
|
|
69
69
|
s.loop
|
|
70
|
-
),
|
|
70
|
+
), ue = d(
|
|
71
71
|
W,
|
|
72
72
|
e == null ? void 0 : e.showControls,
|
|
73
73
|
void 0,
|
|
74
74
|
s.showControls
|
|
75
|
-
), ce =
|
|
75
|
+
), ce = d(
|
|
76
76
|
q,
|
|
77
77
|
e == null ? void 0 : e.showIndicators,
|
|
78
78
|
void 0,
|
|
79
79
|
s.showIndicators
|
|
80
|
-
), O =
|
|
80
|
+
), O = d(
|
|
81
81
|
J,
|
|
82
82
|
e == null ? void 0 : e.pauseOnHover,
|
|
83
83
|
void 0,
|
|
@@ -86,32 +86,32 @@ const G = 50, ze = Se(
|
|
|
86
86
|
L,
|
|
87
87
|
_e,
|
|
88
88
|
s.size
|
|
89
|
-
),
|
|
89
|
+
), be = A(
|
|
90
90
|
L,
|
|
91
91
|
Ee,
|
|
92
92
|
s.size
|
|
93
|
-
),
|
|
94
|
-
|
|
93
|
+
), ve = A(
|
|
94
|
+
de,
|
|
95
95
|
He,
|
|
96
96
|
s.radius
|
|
97
|
-
),
|
|
97
|
+
), me = F[ne] ?? F.bordered, t = ke(() => h.length > 0 ? h : c ? (Array.isArray(c) ? c : [c]).map((o, we) => ({
|
|
98
98
|
id: `slide-${we}`,
|
|
99
99
|
content: o
|
|
100
|
-
})) : [], [h, c]),
|
|
100
|
+
})) : [], [h, c]), b = S !== void 0, [pe, I] = p(Y), a = b ? S : pe, [_, m] = p(!1), [v, E] = p(!1), [g, w] = p(0), H = Ne(0), n = j(
|
|
101
101
|
(r) => {
|
|
102
102
|
if (t.length <= 1) return;
|
|
103
103
|
let o = a + r;
|
|
104
|
-
o < 0 ? o = f ? t.length - 1 : 0 : o >= t.length && (o = f ? 0 : t.length - 1), o !== a && (
|
|
104
|
+
o < 0 ? o = f ? t.length - 1 : 0 : o >= t.length && (o = f ? 0 : t.length - 1), o !== a && (b || I(o), i == null || i(o));
|
|
105
105
|
},
|
|
106
|
-
[a, t.length, f,
|
|
106
|
+
[a, t.length, f, b, i]
|
|
107
107
|
), he = j(
|
|
108
108
|
(r) => {
|
|
109
|
-
r === a || r < 0 || r >= t.length || (
|
|
109
|
+
r === a || r < 0 || r >= t.length || (b || I(r), i == null || i(r));
|
|
110
110
|
},
|
|
111
|
-
[a, t.length,
|
|
111
|
+
[a, t.length, b, i]
|
|
112
112
|
);
|
|
113
113
|
Le(() => {
|
|
114
|
-
if (!R || O && _ ||
|
|
114
|
+
if (!R || O && _ || v || t.length <= 1)
|
|
115
115
|
return;
|
|
116
116
|
const r = setInterval(() => {
|
|
117
117
|
n(1);
|
|
@@ -122,32 +122,32 @@ const G = 50, ze = Se(
|
|
|
122
122
|
D,
|
|
123
123
|
O,
|
|
124
124
|
_,
|
|
125
|
-
|
|
125
|
+
v,
|
|
126
126
|
t.length,
|
|
127
127
|
n
|
|
128
128
|
]);
|
|
129
129
|
const ye = (r) => {
|
|
130
130
|
r.target.closest("button") || (E(!0), H.current = r.clientX, w(0), r.currentTarget.setPointerCapture(r.pointerId));
|
|
131
131
|
}, ge = (r) => {
|
|
132
|
-
if (!
|
|
132
|
+
if (!v) return;
|
|
133
133
|
const o = r.clientX - H.current;
|
|
134
134
|
w(o);
|
|
135
135
|
}, z = () => {
|
|
136
|
-
|
|
136
|
+
v && (E(!1), g < -G ? n(1) : g > G && n(-1), w(0));
|
|
137
137
|
}, U = !f && a === 0, K = !f && a === t.length - 1;
|
|
138
138
|
return /* @__PURE__ */ T(
|
|
139
139
|
"div",
|
|
140
140
|
{
|
|
141
141
|
ref: le,
|
|
142
142
|
id: ie,
|
|
143
|
-
onMouseEnter: () =>
|
|
144
|
-
onMouseLeave: () =>
|
|
145
|
-
onFocus: () =>
|
|
146
|
-
onBlur: () =>
|
|
147
|
-
className:
|
|
148
|
-
"relative overflow-
|
|
149
|
-
|
|
150
|
-
|
|
143
|
+
onMouseEnter: () => m(!0),
|
|
144
|
+
onMouseLeave: () => m(!1),
|
|
145
|
+
onFocus: () => m(!0),
|
|
146
|
+
onBlur: () => m(!1),
|
|
147
|
+
className: u(
|
|
148
|
+
"relative scrollbar-hide overflow-hidden w-full select-none flex flex-col group",
|
|
149
|
+
me,
|
|
150
|
+
ve,
|
|
151
151
|
fe,
|
|
152
152
|
re
|
|
153
153
|
),
|
|
@@ -161,13 +161,13 @@ const G = 50, ze = Se(
|
|
|
161
161
|
onPointerMove: ge,
|
|
162
162
|
onPointerUp: z,
|
|
163
163
|
onPointerCancel: z,
|
|
164
|
-
className: "relative w-full h-full overflow-
|
|
164
|
+
className: "relative w-full h-full scrollbar-hide overflow-hidden flex-1 touch-pan-y cursor-grab active:cursor-grabbing",
|
|
165
165
|
children: /* @__PURE__ */ l(
|
|
166
166
|
"div",
|
|
167
167
|
{
|
|
168
|
-
className:
|
|
168
|
+
className: u(
|
|
169
169
|
"flex w-full h-full",
|
|
170
|
-
!
|
|
170
|
+
!v && !Q && "transition-transform duration-300 ease-out"
|
|
171
171
|
),
|
|
172
172
|
style: {
|
|
173
173
|
transform: `translate3d(calc(${-a * 100}% + ${g}px), 0, 0)`
|
|
@@ -175,9 +175,9 @@ const G = 50, ze = Se(
|
|
|
175
175
|
children: t.map((r, o) => /* @__PURE__ */ l(
|
|
176
176
|
"div",
|
|
177
177
|
{
|
|
178
|
-
className:
|
|
179
|
-
"w-full h-full shrink-0 flex items-center justify-center overflow-
|
|
180
|
-
|
|
178
|
+
className: u(
|
|
179
|
+
"w-full h-full shrink-0 flex items-center justify-center scrollbar-hide overflow-hidden",
|
|
180
|
+
be,
|
|
181
181
|
Z
|
|
182
182
|
),
|
|
183
183
|
children: r.content
|
|
@@ -188,7 +188,7 @@ const G = 50, ze = Se(
|
|
|
188
188
|
)
|
|
189
189
|
}
|
|
190
190
|
),
|
|
191
|
-
|
|
191
|
+
ue && t.length > 1 && /* @__PURE__ */ T(Ae, { children: [
|
|
192
192
|
P ? P({
|
|
193
193
|
onClick: () => n(-1),
|
|
194
194
|
disabled: U
|
|
@@ -199,7 +199,7 @@ const G = 50, ze = Se(
|
|
|
199
199
|
"aria-label": "Previous Slide",
|
|
200
200
|
disabled: U,
|
|
201
201
|
onClick: () => n(-1),
|
|
202
|
-
className:
|
|
202
|
+
className: u(
|
|
203
203
|
"absolute left-3 top-1/2 -translate-y-1/2 z-20 p-2.5 rounded-full bg-background/80 hover:bg-background text-foreground border border-border/50 backdrop-blur-md shadow-md transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-30 disabled:cursor-not-allowed",
|
|
204
204
|
N
|
|
205
205
|
),
|
|
@@ -216,7 +216,7 @@ const G = 50, ze = Se(
|
|
|
216
216
|
"aria-label": "Next Slide",
|
|
217
217
|
disabled: K,
|
|
218
218
|
onClick: () => n(1),
|
|
219
|
-
className:
|
|
219
|
+
className: u(
|
|
220
220
|
"absolute right-3 top-1/2 -translate-y-1/2 z-20 p-2.5 rounded-full bg-background/80 hover:bg-background text-foreground border border-border/50 backdrop-blur-md shadow-md transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-30 disabled:cursor-not-allowed",
|
|
221
221
|
N
|
|
222
222
|
),
|
|
@@ -230,7 +230,7 @@ const G = 50, ze = Se(
|
|
|
230
230
|
type: "button",
|
|
231
231
|
"aria-label": `Go to slide ${o + 1}`,
|
|
232
232
|
onClick: () => he(o),
|
|
233
|
-
className:
|
|
233
|
+
className: u(
|
|
234
234
|
"h-2 rounded-full transition-all duration-300 focus:outline-none focus-visible:ring-1 focus-visible:ring-primary",
|
|
235
235
|
o === a ? "w-6 bg-primary" : "w-2 bg-foreground/40 hover:bg-foreground/70",
|
|
236
236
|
ee
|
|
@@ -18,8 +18,8 @@ const Q = O(
|
|
|
18
18
|
isDisabled: t = !1,
|
|
19
19
|
startIcon: y,
|
|
20
20
|
endIcon: h,
|
|
21
|
-
avatar:
|
|
22
|
-
dot:
|
|
21
|
+
avatar: d,
|
|
22
|
+
dot: m,
|
|
23
23
|
onClose: a,
|
|
24
24
|
closeIcon: I,
|
|
25
25
|
children: N,
|
|
@@ -123,28 +123,28 @@ const Q = O(
|
|
|
123
123
|
style: g,
|
|
124
124
|
...w,
|
|
125
125
|
children: [
|
|
126
|
-
|
|
126
|
+
m && /* @__PURE__ */ i(
|
|
127
127
|
"span",
|
|
128
128
|
{
|
|
129
129
|
className: "shrink-0 rounded-full",
|
|
130
130
|
style: {
|
|
131
131
|
width: "0.5em",
|
|
132
132
|
height: "0.5em",
|
|
133
|
-
backgroundColor: typeof
|
|
133
|
+
backgroundColor: typeof m == "string" ? m : "currentColor"
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
136
|
),
|
|
137
|
-
|
|
137
|
+
d && /* @__PURE__ */ i(
|
|
138
138
|
"span",
|
|
139
139
|
{
|
|
140
140
|
className: c(
|
|
141
|
-
"inline-flex items-center justify-center shrink-0 overflow-
|
|
141
|
+
"inline-flex items-center justify-center shrink-0 scrollbar-hide overflow-hidden rounded-full",
|
|
142
142
|
f
|
|
143
143
|
),
|
|
144
|
-
children:
|
|
144
|
+
children: d
|
|
145
145
|
}
|
|
146
146
|
),
|
|
147
|
-
y && !
|
|
147
|
+
y && !d && /* @__PURE__ */ i(
|
|
148
148
|
"span",
|
|
149
149
|
{
|
|
150
150
|
className: c(
|
|
@@ -60,11 +60,12 @@ export interface DatePickerProps extends BaseDatePickerProps {
|
|
|
60
60
|
* with Floating UI for popover positioning and follows the standard AsheeUI
|
|
61
61
|
* cascade system for visual tokens.
|
|
62
62
|
*
|
|
63
|
-
* By default, the calendar popover uses
|
|
64
|
-
* document body level. This ensures the popover escapes CSS
|
|
65
|
-
* overflow clipping, and stacking context issues. The portal
|
|
66
|
-
* via the `picker.portal` prop or
|
|
67
|
-
* the config if the popover needs
|
|
63
|
+
* By default, the calendar popover uses Floating UI's FloatingPortal to
|
|
64
|
+
* render at the document body level. This ensures the popover escapes CSS
|
|
65
|
+
* containment, overflow clipping, and stacking context issues. The portal
|
|
66
|
+
* can be disabled via the `picker.portal` prop or
|
|
67
|
+
* `components.datePicker.picker.portal` in the config if the popover needs
|
|
68
|
+
* to stay within a specific parent container.
|
|
68
69
|
*
|
|
69
70
|
* @param props - DatePicker configuration options.
|
|
70
71
|
* @param props.selected - Currently selected date or null.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AASxD,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAChE,IAAI,CACF,UAAU,EACV,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,cAAc,CACtE,CAAC;AAEJ;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AASxD,OAAO,EACL,KAAK,gBAAgB,EAErB,KAAK,YAAY,EAElB,MAAM,sBAAsB,CAAC;AAE9B;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,YAAY;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAChE,IAAI,CACF,UAAU,EACV,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,cAAc,CACtE,CAAC;AAEJ;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,UAAU,8GAwTtB,CAAC"}
|