asheeui 0.6.10 → 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.
Files changed (29) hide show
  1. package/dist/components/accordion/Accordion.js +7 -7
  2. package/dist/components/autocomplete/Autocomplete.d.ts +5 -5
  3. package/dist/components/autocomplete/Autocomplete.d.ts.map +1 -1
  4. package/dist/components/autocomplete/Autocomplete.js +41 -40
  5. package/dist/components/carousel/Carousel.js +43 -43
  6. package/dist/components/chip/Chip.js +8 -8
  7. package/dist/components/date-picker/DatePicker.d.ts +6 -5
  8. package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
  9. package/dist/components/date-picker/DatePicker.js +87 -87
  10. package/dist/components/marquee/Marquee.js +22 -22
  11. package/dist/components/multi-select/MultiSelect.d.ts +5 -5
  12. package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
  13. package/dist/components/multi-select/MultiSelect.js +44 -43
  14. package/dist/components/select/Select.d.ts +5 -5
  15. package/dist/components/select/Select.d.ts.map +1 -1
  16. package/dist/components/select/Select.js +53 -52
  17. package/dist/components/select-menu/SelectMenu.d.ts +15 -3
  18. package/dist/components/select-menu/SelectMenu.d.ts.map +1 -1
  19. package/dist/components/select-menu/SelectMenu.js +144 -116
  20. package/dist/components/select-menu/use-select-floating.d.ts +5 -2
  21. package/dist/components/select-menu/use-select-floating.d.ts.map +1 -1
  22. package/dist/components/select-menu/use-select-floating.js +14 -7
  23. package/dist/components/toast/ToastItem.js +30 -30
  24. package/dist/components/toast/ToastProvider.d.ts +5 -5
  25. package/dist/components/toast/ToastProvider.d.ts.map +1 -1
  26. package/dist/components/toast/ToastProvider.js +66 -66
  27. package/dist/index.d.ts +1 -0
  28. package/dist/index.d.ts.map +1 -1
  29. 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: x = !1,
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, h = v(
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
- h,
53
+ x,
54
54
  ie,
55
55
  o.size
56
56
  ), P = A(
57
- h,
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
- x ? "transition-none" : "",
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
- x ? "transition-none" : "",
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 React's createPortal to render at the
69
- * document body level. This ensures the menu escapes CSS containment, overflow
70
- * clipping, and stacking context issues. The portal can be disabled via the
71
- * `menu.portal` prop or `components.autocomplete.menu.portal` in the config
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,gHAiMxB,CAAC"}
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 h, jsx as A } from "react/jsx-runtime";
3
- import { useFocus as V, useDismiss as g, useRole as C, useInteractions as ee } from "@floating-ui/react";
4
- import { forwardRef as te, useMemo as F, useState as K, useEffect as se, useCallback as L } from "react";
5
- import { useAsheeConfig as re } from "../../libs/context.js";
6
- import { resolveCascade as v, resolveRadiusKey as oe } from "../../utils/resolve-token.js";
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 ie } from "../select-menu/SelectMenu.js";
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 ce } from "../select-menu/use-select-floating.js";
11
- const fe = te(
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: i,
16
+ onInputChange: l,
17
17
  allowCustomValue: R = !1,
18
18
  belowList: M,
19
- menu: z,
20
- variant: P,
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 = re(), e = (b = f.components) == null ? void 0 : b.autocomplete, D = v(
33
- P,
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 = oe(
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
- ), l = F(
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
- () => l ? l.label : String(s ?? "")
56
+ () => i ? i.label : String(s ?? "")
57
57
  );
58
- se(() => {
59
- l ? u(l.label) : s != null && u(String(s));
60
- }, [l, s]);
61
- const { refs: x, floatingStyles: q, context: d } = ce({
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
- }), H = V(d), J = g(d), Q = C(d, { role: "combobox" }), { getReferenceProps: W, getFloatingProps: X } = ee([
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
- ]), Y = F(() => a.trim() ? o.filter(
67
+ Q,
68
+ W
69
+ ]), Z = F(() => a.trim() ? o.filter(
70
70
  (t) => t.label.toLowerCase().includes(a.toLowerCase())
71
- ) : o, [o, a]), Z = L(
71
+ ) : o, [o, a]), $ = L(
72
72
  (t) => {
73
73
  const y = t.target.value;
74
- u(y), i == null || i(y), m(!0), R && (r == null || r(y));
74
+ u(y), l == null || l(y), m(!0), R && (r == null || r(y));
75
75
  },
76
- [R, i, r]
77
- ), $ = L(
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
- ), k = F(
82
+ ), h = F(
83
83
  () => s != null ? [s] : [],
84
84
  [s]
85
85
  );
86
- return /* @__PURE__ */ h("div", { className: "w-full relative inline-block", children: [
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: Z,
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
- ...W(B)
108
+ ...X(B)
109
109
  }
110
110
  ),
111
111
  /* @__PURE__ */ A(
112
- ie,
112
+ ce,
113
113
  {
114
114
  isOpen: S,
115
115
  context: d,
116
116
  floatingStyles: q,
117
- getFloatingProps: X,
117
+ getFloatingProps: Y,
118
118
  setFloatingRef: x.setFloating,
119
- options: Y,
120
- selectedValues: k,
121
- onSelectMenuOption: $,
119
+ isPositioned: H,
120
+ options: Z,
121
+ selectedValues: h,
122
+ onSelectMenuOption: k,
122
123
  isSearch: !1,
123
124
  belowList: M,
124
- menuProps: z,
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
- fe.displayName = "Autocomplete";
134
+ me.displayName = "Autocomplete";
134
135
  export {
135
- fe as Autocomplete
136
+ me as Autocomplete
136
137
  };
@@ -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 m, useRef as Ne, useCallback as j, useEffect as Le } from "react";
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 u, resolveRadiusKey as Ie, resolveClassKey as A } from "../../utils/resolve-token.js";
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 d } from "../../utils/cn.js";
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 = u(
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 = u(
45
+ ), ne = d(
46
46
  $,
47
47
  e == null ? void 0 : e.variant,
48
48
  y.defaultVariant,
49
49
  s.variant
50
- ), ue = Ie(
50
+ ), de = Ie(
51
51
  V,
52
52
  e == null ? void 0 : e.radius,
53
53
  y.defaultRadius,
54
54
  s.radius
55
- ), R = u(
55
+ ), R = d(
56
56
  X,
57
57
  e == null ? void 0 : e.autoPlay,
58
58
  void 0,
59
59
  s.autoPlay
60
- ), D = u(
60
+ ), D = d(
61
61
  x,
62
62
  e == null ? void 0 : e.autoPlayInterval,
63
63
  void 0,
64
64
  s.autoPlayInterval
65
- ), f = u(
65
+ ), f = d(
66
66
  B,
67
67
  e == null ? void 0 : e.loop,
68
68
  void 0,
69
69
  s.loop
70
- ), de = u(
70
+ ), ue = d(
71
71
  W,
72
72
  e == null ? void 0 : e.showControls,
73
73
  void 0,
74
74
  s.showControls
75
- ), ce = u(
75
+ ), ce = d(
76
76
  q,
77
77
  e == null ? void 0 : e.showIndicators,
78
78
  void 0,
79
79
  s.showIndicators
80
- ), O = u(
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
- ), ve = A(
89
+ ), be = A(
90
90
  L,
91
91
  Ee,
92
92
  s.size
93
- ), be = A(
94
- ue,
93
+ ), ve = A(
94
+ de,
95
95
  He,
96
96
  s.radius
97
- ), pe = F[ne] ?? F.bordered, t = ke(() => h.length > 0 ? h : c ? (Array.isArray(c) ? c : [c]).map((o, we) => ({
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]), v = S !== void 0, [me, I] = m(Y), a = v ? S : me, [_, p] = m(!1), [b, E] = m(!1), [g, w] = m(0), H = Ne(0), n = j(
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 && (v || I(o), i == null || i(o));
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, v, i]
106
+ [a, t.length, f, b, i]
107
107
  ), he = j(
108
108
  (r) => {
109
- r === a || r < 0 || r >= t.length || (v || I(r), i == null || i(r));
109
+ r === a || r < 0 || r >= t.length || (b || I(r), i == null || i(r));
110
110
  },
111
- [a, t.length, v, i]
111
+ [a, t.length, b, i]
112
112
  );
113
113
  Le(() => {
114
- if (!R || O && _ || b || t.length <= 1)
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
- b,
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 (!b) return;
132
+ if (!v) return;
133
133
  const o = r.clientX - H.current;
134
134
  w(o);
135
135
  }, z = () => {
136
- b && (E(!1), g < -G ? n(1) : g > G && n(-1), w(0));
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: () => p(!0),
144
- onMouseLeave: () => p(!1),
145
- onFocus: () => p(!0),
146
- onBlur: () => p(!1),
147
- className: d(
148
- "relative overflow-clip w-full select-none flex flex-col group",
149
- pe,
150
- be,
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-clip flex-1 touch-pan-y cursor-grab active:cursor-grabbing",
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: d(
168
+ className: u(
169
169
  "flex w-full h-full",
170
- !b && !Q && "transition-transform duration-300 ease-out"
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: d(
179
- "w-full h-full shrink-0 flex items-center justify-center overflow-clip",
180
- ve,
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
- de && t.length > 1 && /* @__PURE__ */ T(Ae, { children: [
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: d(
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: d(
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: d(
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: m,
22
- dot: d,
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
- d && /* @__PURE__ */ i(
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 d == "string" ? d : "currentColor"
133
+ backgroundColor: typeof m == "string" ? m : "currentColor"
134
134
  }
135
135
  }
136
136
  ),
137
- m && /* @__PURE__ */ i(
137
+ d && /* @__PURE__ */ i(
138
138
  "span",
139
139
  {
140
140
  className: c(
141
- "inline-flex items-center justify-center shrink-0 overflow-clip rounded-full",
141
+ "inline-flex items-center justify-center shrink-0 scrollbar-hide overflow-hidden rounded-full",
142
142
  f
143
143
  ),
144
- children: m
144
+ children: d
145
145
  }
146
146
  ),
147
- y && !m && /* @__PURE__ */ i(
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 React's createPortal to render at the
64
- * document body level. This ensures the popover escapes CSS containment,
65
- * overflow clipping, and stacking context issues. The portal can be disabled
66
- * via the `picker.portal` prop or `components.datePicker.picker.portal` in
67
- * the config if the popover needs to stay within a specific parent container.
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,UAAU,8GAiTtB,CAAC"}
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"}