@rinzai/zen 0.10.3 → 0.13.0
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 +38 -8
- package/dist/accordion/index.d.ts +41 -0
- package/dist/accordion/index.d.ts.map +1 -0
- package/dist/accordion/index.js +81 -0
- package/dist/animated-number/index.d.ts +3 -2
- package/dist/animated-number/index.d.ts.map +1 -1
- package/dist/animated-number/index.js +40 -38
- package/dist/avatar/index.d.ts +8 -3
- package/dist/avatar/index.d.ts.map +1 -1
- package/dist/avatar/index.js +29 -21
- package/dist/backdrop/index.d.ts +4 -4
- package/dist/backdrop/index.d.ts.map +1 -1
- package/dist/backdrop/index.js +41 -39
- package/dist/badge/index.d.ts +4 -2
- package/dist/badge/index.d.ts.map +1 -1
- package/dist/badge/index.js +20 -11
- package/dist/base.css +4 -0
- package/dist/breadcrumbs/index.d.ts +1 -1
- package/dist/breadcrumbs/index.d.ts.map +1 -1
- package/dist/breadcrumbs/index.js +25 -24
- package/dist/button/index.d.ts +3 -3
- package/dist/button/index.d.ts.map +1 -1
- package/dist/button/index.js +16 -11
- package/dist/button-group/index.d.ts +13 -0
- package/dist/button-group/index.d.ts.map +1 -0
- package/dist/button-group/index.js +14 -0
- package/dist/calendar/index.d.ts +15 -8
- package/dist/calendar/index.d.ts.map +1 -1
- package/dist/calendar/index.js +97 -91
- package/dist/calendar-heatmap/index.d.ts +7 -5
- package/dist/calendar-heatmap/index.d.ts.map +1 -1
- package/dist/calendar-heatmap/index.js +32 -30
- package/dist/canvas/geometry.d.ts +51 -0
- package/dist/canvas/geometry.d.ts.map +1 -0
- package/dist/canvas/geometry.js +90 -0
- package/dist/canvas/index.d.ts +59 -0
- package/dist/canvas/index.d.ts.map +1 -0
- package/dist/canvas/index.js +305 -0
- package/dist/carousel/index.d.ts +27 -0
- package/dist/carousel/index.d.ts.map +1 -0
- package/dist/carousel/index.js +162 -0
- package/dist/chart/index.d.ts +5 -4
- package/dist/chart/index.d.ts.map +1 -1
- package/dist/chart/index.js +137 -135
- package/dist/chart/palette.js +0 -1
- package/dist/checkbox/index.d.ts +3 -3
- package/dist/checkbox/index.d.ts.map +1 -1
- package/dist/checkbox/index.js +33 -30
- package/dist/chip/index.js +1 -1
- package/dist/code-block/index.d.ts.map +1 -1
- package/dist/code-block/index.js +27 -32
- package/dist/code-input/index.d.ts.map +1 -1
- package/dist/code-input/index.js +30 -24
- package/dist/collapse/index.d.ts +4 -3
- package/dist/collapse/index.d.ts.map +1 -1
- package/dist/collapse/index.js +42 -39
- package/dist/color-picker/index.d.ts +43 -0
- package/dist/color-picker/index.d.ts.map +1 -0
- package/dist/color-picker/index.js +221 -0
- package/dist/combobox/index.d.ts +14 -6
- package/dist/combobox/index.d.ts.map +1 -1
- package/dist/combobox/index.js +151 -139
- package/dist/command-palette/index.d.ts +4 -3
- package/dist/command-palette/index.d.ts.map +1 -1
- package/dist/command-palette/index.js +60 -57
- package/dist/confirm-dialog/index.d.ts +6 -7
- package/dist/confirm-dialog/index.d.ts.map +1 -1
- package/dist/confirm-dialog/index.js +20 -16
- package/dist/date-picker/index.d.ts +23 -14
- package/dist/date-picker/index.d.ts.map +1 -1
- package/dist/date-picker/index.js +109 -93
- package/dist/dialog/index.d.ts +3 -4
- package/dist/dialog/index.d.ts.map +1 -1
- package/dist/dialog/index.js +58 -55
- package/dist/disclosure/index.d.ts +8 -0
- package/dist/disclosure/index.d.ts.map +1 -1
- package/dist/disclosure/index.js +31 -32
- package/dist/editable-cell/index.d.ts +4 -5
- package/dist/editable-cell/index.d.ts.map +1 -1
- package/dist/editable-cell/index.js +23 -22
- package/dist/field/index.d.ts +8 -8
- package/dist/field/index.d.ts.map +1 -1
- package/dist/field/index.js +20 -18
- package/dist/filter-bar/index.d.ts +2 -2
- package/dist/filter-bar/index.d.ts.map +1 -1
- package/dist/filter-bar/index.js +38 -36
- package/dist/header/index.d.ts +1 -1
- package/dist/header/index.d.ts.map +1 -1
- package/dist/header/index.js +13 -11
- package/dist/hover-card/index.d.ts +32 -0
- package/dist/hover-card/index.d.ts.map +1 -0
- package/dist/hover-card/index.js +84 -0
- package/dist/icon-picker/index.d.ts +16 -5
- package/dist/icon-picker/index.d.ts.map +1 -1
- package/dist/icon-picker/index.js +42 -47
- package/dist/icons/micro/plus.d.ts +3 -0
- package/dist/icons/micro/plus.d.ts.map +1 -0
- package/dist/icons/micro/plus.js +17 -0
- package/dist/index.d.ts +41 -24
- package/dist/index.d.ts.map +1 -1
- package/dist/input/index.d.ts +5 -1
- package/dist/input/index.d.ts.map +1 -1
- package/dist/input/index.js +10 -10
- package/dist/input-group/index.d.ts +4 -1
- package/dist/input-group/index.d.ts.map +1 -1
- package/dist/input-group/index.js +17 -17
- package/dist/keypad/index.d.ts +9 -7
- package/dist/keypad/index.d.ts.map +1 -1
- package/dist/keypad/index.js +22 -19
- package/dist/lib.js +112 -93
- package/dist/load-more/index.d.ts +4 -2
- package/dist/load-more/index.d.ts.map +1 -1
- package/dist/load-more/index.js +26 -23
- package/dist/locale-provider/index.d.ts +23 -0
- package/dist/locale-provider/index.d.ts.map +1 -0
- package/dist/locale-provider/index.js +35 -0
- package/dist/menu/index.d.ts +62 -9
- package/dist/menu/index.d.ts.map +1 -1
- package/dist/menu/index.js +371 -128
- package/dist/meter/index.d.ts +2 -2
- package/dist/meter/index.d.ts.map +1 -1
- package/dist/meter/index.js +4 -4
- package/dist/money-input/index.d.ts +20 -10
- package/dist/money-input/index.d.ts.map +1 -1
- package/dist/money-input/index.js +199 -190
- package/dist/month-picker/index.d.ts +17 -10
- package/dist/month-picker/index.d.ts.map +1 -1
- package/dist/month-picker/index.js +97 -86
- package/dist/navigation-menu/index.d.ts +42 -0
- package/dist/navigation-menu/index.d.ts.map +1 -0
- package/dist/navigation-menu/index.js +144 -0
- package/dist/number-field/index.d.ts +34 -0
- package/dist/number-field/index.d.ts.map +1 -0
- package/dist/number-field/index.js +119 -0
- package/dist/page-header/index.d.ts +4 -3
- package/dist/page-header/index.d.ts.map +1 -1
- package/dist/page-header/index.js +2 -1
- package/dist/pagination/index.d.ts +1 -1
- package/dist/pagination/index.d.ts.map +1 -1
- package/dist/pagination/index.js +35 -33
- package/dist/progress-ring/index.d.ts +4 -3
- package/dist/progress-ring/index.d.ts.map +1 -1
- package/dist/progress-ring/index.js +11 -10
- package/dist/radio-cards/index.d.ts +9 -5
- package/dist/radio-cards/index.d.ts.map +1 -1
- package/dist/radio-cards/index.js +26 -24
- package/dist/radio-group/index.d.ts +9 -8
- package/dist/radio-group/index.d.ts.map +1 -1
- package/dist/radio-group/index.js +35 -34
- package/dist/range-slider/index.d.ts +10 -4
- package/dist/range-slider/index.d.ts.map +1 -1
- package/dist/range-slider/index.js +43 -31
- package/dist/repeat-picker/index.d.ts +13 -6
- package/dist/repeat-picker/index.d.ts.map +1 -1
- package/dist/repeat-picker/index.js +74 -62
- package/dist/resizable/index.d.ts +29 -0
- package/dist/resizable/index.d.ts.map +1 -0
- package/dist/resizable/index.js +135 -0
- package/dist/segmented/index.d.ts +8 -5
- package/dist/segmented/index.d.ts.map +1 -1
- package/dist/segmented/index.js +36 -34
- package/dist/select/index.d.ts +9 -3
- package/dist/select/index.d.ts.map +1 -1
- package/dist/select/index.js +94 -91
- package/dist/separator/index.d.ts +14 -0
- package/dist/separator/index.d.ts.map +1 -0
- package/dist/separator/index.js +15 -0
- package/dist/side-nav/index.js +1 -1
- package/dist/skeleton/index.d.ts +4 -4
- package/dist/skeleton/index.d.ts.map +1 -1
- package/dist/skeleton/index.js +4 -3
- package/dist/slider/index.d.ts +6 -3
- package/dist/slider/index.d.ts.map +1 -1
- package/dist/slider/index.js +29 -23
- package/dist/sortable/index.d.ts +10 -20
- package/dist/sortable/index.d.ts.map +1 -1
- package/dist/sortable/index.js +72 -134
- package/dist/sortable/shared.d.ts +56 -0
- package/dist/sortable/shared.d.ts.map +1 -0
- package/dist/sortable/shared.js +104 -0
- package/dist/sortable/tree-model.d.ts +46 -0
- package/dist/sortable/tree-model.d.ts.map +1 -0
- package/dist/sortable/tree-model.js +87 -0
- package/dist/sortable/tree.d.ts +31 -0
- package/dist/sortable/tree.d.ts.map +1 -0
- package/dist/sortable/tree.js +150 -0
- package/dist/sparkline/index.d.ts +1 -1
- package/dist/sparkline/index.d.ts.map +1 -1
- package/dist/sparkline/index.js +26 -25
- package/dist/spinner/index.d.ts +4 -3
- package/dist/spinner/index.d.ts.map +1 -1
- package/dist/spinner/index.js +2 -1
- package/dist/status-pill/index.d.ts.map +1 -1
- package/dist/status-pill/index.js +1 -1
- package/dist/stepper/index.d.ts +1 -1
- package/dist/stepper/index.d.ts.map +1 -1
- package/dist/stepper/index.js +31 -30
- package/dist/tab-bar/index.js +1 -1
- package/dist/table/index.d.ts +5 -5
- package/dist/table/index.d.ts.map +1 -1
- package/dist/table/index.js +66 -64
- package/dist/table/selection.d.ts +2 -2
- package/dist/table/selection.d.ts.map +1 -1
- package/dist/table/selection.js +41 -38
- package/dist/table/swipe.d.ts +1 -1
- package/dist/table/swipe.d.ts.map +1 -1
- package/dist/table/swipe.js +1 -1
- package/dist/table-of-contents/index.d.ts +4 -2
- package/dist/table-of-contents/index.d.ts.map +1 -1
- package/dist/table-of-contents/index.js +27 -25
- package/dist/tabs/index.d.ts.map +1 -1
- package/dist/tabs/index.js +90 -88
- package/dist/tag-input/index.d.ts +3 -1
- package/dist/tag-input/index.d.ts.map +1 -1
- package/dist/tag-input/index.js +61 -52
- package/dist/textarea/index.js +4 -4
- package/dist/theme-toggle/index.d.ts +9 -8
- package/dist/theme-toggle/index.d.ts.map +1 -1
- package/dist/theme-toggle/index.js +30 -28
- package/dist/theme.css +90 -12
- package/dist/time-field/index.d.ts +31 -0
- package/dist/time-field/index.d.ts.map +1 -0
- package/dist/time-field/index.js +175 -0
- package/dist/timeline/index.js +1 -1
- package/dist/toast/index.d.ts +1 -1
- package/dist/toast/index.d.ts.map +1 -1
- package/dist/toast/index.js +127 -125
- package/dist/toggle/index.d.ts +2 -2
- package/dist/toggle/index.d.ts.map +1 -1
- package/dist/toggle/index.js +8 -6
- package/dist/toggle-group/index.d.ts +35 -0
- package/dist/toggle-group/index.d.ts.map +1 -0
- package/dist/toggle-group/index.js +53 -0
- package/dist/toolbar/index.d.ts +19 -0
- package/dist/toolbar/index.d.ts.map +1 -0
- package/dist/toolbar/index.js +36 -0
- package/dist/tooltip/index.d.ts.map +1 -1
- package/dist/tooltip/index.js +40 -74
- package/dist/tree/index.d.ts.map +1 -1
- package/dist/tree/index.js +105 -102
- package/dist/trend/index.d.ts +2 -2
- package/dist/trend/index.d.ts.map +1 -1
- package/dist/trend/index.js +20 -19
- package/dist/utils/color.d.ts +35 -0
- package/dist/utils/color.d.ts.map +1 -0
- package/dist/utils/color.js +65 -0
- package/dist/utils/cva.js +0 -1
- package/dist/utils/cx.js +0 -1
- package/dist/utils/date.d.ts +6 -0
- package/dist/utils/date.d.ts.map +1 -1
- package/dist/utils/date.js +1 -2
- package/dist/utils/direction.d.ts +7 -0
- package/dist/utils/direction.d.ts.map +1 -0
- package/dist/utils/direction.js +6 -0
- package/dist/utils/form-value.d.ts +15 -0
- package/dist/utils/form-value.d.ts.map +1 -0
- package/dist/utils/form-value.js +29 -0
- package/dist/utils/fx.js +0 -1
- package/dist/utils/merge.js +0 -1
- package/dist/utils/messages.d.ts +137 -0
- package/dist/utils/messages.d.ts.map +1 -0
- package/dist/utils/messages.js +133 -0
- package/dist/utils/money.js +0 -1
- package/dist/utils/month.js +0 -1
- package/dist/utils/motion.js +0 -1
- package/dist/utils/refs.d.ts +6 -0
- package/dist/utils/refs.d.ts.map +1 -0
- package/dist/utils/refs.js +13 -0
- package/dist/utils/repeat.d.ts +3 -1
- package/dist/utils/repeat.d.ts.map +1 -1
- package/dist/utils/repeat.js +28 -25
- package/dist/utils/roving.d.ts +17 -0
- package/dist/utils/roving.d.ts.map +1 -0
- package/dist/utils/roving.js +35 -0
- package/dist/utils/section-link.js +0 -1
- package/dist/utils/slot.d.ts.map +1 -1
- package/dist/utils/slot.js +7 -11
- package/dist/utils/status-icons.js +7 -7
- package/dist/utils/styles.d.ts +9 -2
- package/dist/utils/styles.d.ts.map +1 -1
- package/dist/utils/styles.js +6 -3
- package/dist/utils/theme-wave.d.ts.map +1 -1
- package/dist/utils/theme-wave.js +70 -70
- package/dist/utils/theme.d.ts.map +1 -1
- package/dist/utils/theme.js +56 -60
- package/dist/utils/useAnchoredPopup.d.ts +7 -4
- package/dist/utils/useAnchoredPopup.d.ts.map +1 -1
- package/dist/utils/useAnchoredPopup.js +18 -11
- package/dist/utils/useControllable.d.ts +9 -0
- package/dist/utils/useControllable.d.ts.map +1 -0
- package/dist/utils/useControllable.js +15 -0
- package/dist/utils/useCopyToClipboard.d.ts +13 -0
- package/dist/utils/useCopyToClipboard.d.ts.map +1 -0
- package/dist/utils/useCopyToClipboard.js +26 -0
- package/dist/utils/useHoverPopup.d.ts +39 -0
- package/dist/utils/useHoverPopup.d.ts.map +1 -0
- package/dist/utils/useHoverPopup.js +64 -0
- package/dist/zen.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Slides in a row that scrolls sideways and snaps to each one: swipe, scroll,
|
|
4
|
+
* use the arrow keys once it has focus, or the CarouselPrevious and
|
|
5
|
+
* CarouselNext buttons. Put a CarouselContent of CarouselItems inside, then a
|
|
6
|
+
* CarouselControls of the buttons and CarouselDots if you want them. A slide is as wide as the
|
|
7
|
+
* carousel unless you size it (e.g. `basis-1/3` for three in view).
|
|
8
|
+
*/
|
|
9
|
+
export default function Carousel({ className, children, ...rest }: CarouselProps): import('react').JSX.Element;
|
|
10
|
+
/** The scrolling row of slides. */
|
|
11
|
+
export declare function CarouselContent({ ref, className, ...rest }: ComponentProps<'div'>): import('react').JSX.Element;
|
|
12
|
+
/** One slide: it's announced as which of how many. */
|
|
13
|
+
export declare function CarouselItem({ ref, className, ...rest }: ComponentProps<'div'>): import('react').JSX.Element;
|
|
14
|
+
/**
|
|
15
|
+
* Scroll back one slide: a round glass button, gone at the first (keeping its
|
|
16
|
+
* place, so the controls don't shift). Put it in CarouselControls, under the
|
|
17
|
+
* slides, where it never covers them.
|
|
18
|
+
*/
|
|
19
|
+
export declare function CarouselPrevious({ className, onClick, ...rest }: ComponentProps<'button'>): import('react').JSX.Element;
|
|
20
|
+
/** Scroll on one slide: a round glass button, gone at the last. */
|
|
21
|
+
export declare function CarouselNext({ className, onClick, ...rest }: ComponentProps<'button'>): import('react').JSX.Element;
|
|
22
|
+
/** A dot for each place it can scroll to, the current one drawn out long and lit; each goes there. */
|
|
23
|
+
export declare function CarouselDots({ className, ...rest }: ComponentProps<'div'>): import('react').JSX.Element | null;
|
|
24
|
+
/** The row under the slides: CarouselPrevious at the start, CarouselNext at the end, CarouselDots between. */
|
|
25
|
+
export declare function CarouselControls({ className, ...rest }: ComponentProps<'div'>): import('react').JSX.Element;
|
|
26
|
+
export type CarouselProps = ComponentProps<'section'>;
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/carousel/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EACH,cAAc,EASjB,MAAM,OAAO,CAAC;AA8Bf;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAoE/E;AAED,mCAAmC;AACnC,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAiBjF;AAED,sDAAsD;AACtD,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAoB9E;AAKD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAoBzF;AAED,mEAAmE;AACnE,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,+BAmBrF;AAED,sGAAsG;AACtG,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,sCA6BzE;AAED,8GAA8G;AAC9G,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAE7E;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cx as e } from "../utils/cx.js";
|
|
3
|
+
import { useMergedRefs as t } from "../utils/refs.js";
|
|
4
|
+
import { useMessages as n } from "../locale-provider/index.js";
|
|
5
|
+
import { reducedMotion as r } from "../utils/motion.js";
|
|
6
|
+
import i from "../icons/chevron-left.js";
|
|
7
|
+
import a from "../icons/chevron-right.js";
|
|
8
|
+
import { createContext as o, useCallback as s, useContext as c, useEffect as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
|
|
9
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
10
|
+
//#region packages/carousel/index.tsx
|
|
11
|
+
var m = typeof window > "u" ? l : u, h = o(null);
|
|
12
|
+
function g(e) {
|
|
13
|
+
let t = c(h);
|
|
14
|
+
if (!t) throw Error(`<${e}> must be inside <Carousel>`);
|
|
15
|
+
return t;
|
|
16
|
+
}
|
|
17
|
+
function _(e, t) {
|
|
18
|
+
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
|
|
19
|
+
return (getComputedStyle(t).direction === "rtl" ? r.right - n.right : n.left - r.left) + Math.abs(t.scrollLeft);
|
|
20
|
+
}
|
|
21
|
+
function v({ className: t, children: i, ...a }) {
|
|
22
|
+
let o = n(), c = d(null), [l, u] = f({
|
|
23
|
+
index: 0,
|
|
24
|
+
stops: 1,
|
|
25
|
+
count: 0
|
|
26
|
+
}), g = s(() => {
|
|
27
|
+
let e = c.current;
|
|
28
|
+
if (!e) return;
|
|
29
|
+
let t = Array.from(e.children), n = Math.abs(e.scrollLeft), r = e.scrollWidth - e.clientWidth, i = t[0] ? _(t[0], e) : 0, a = t.map((t) => _(t, e) - i), o = Math.max(1, a.filter((e) => e <= r + 1).length), s = 0;
|
|
30
|
+
a.forEach((e, t) => {
|
|
31
|
+
t < o && Math.abs(e - n) < Math.abs(a[s] - n) && (s = t);
|
|
32
|
+
}), r > 0 && n >= r - 1 && (s = o - 1), u((e) => e.index === s && e.stops === o && e.count === t.length ? e : {
|
|
33
|
+
index: s,
|
|
34
|
+
stops: o,
|
|
35
|
+
count: t.length
|
|
36
|
+
});
|
|
37
|
+
}, []);
|
|
38
|
+
m(() => {
|
|
39
|
+
let e = c.current;
|
|
40
|
+
if (!e) return;
|
|
41
|
+
g();
|
|
42
|
+
let t = 0, n = () => {
|
|
43
|
+
t ||= requestAnimationFrame(() => {
|
|
44
|
+
t = 0, g();
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
e.addEventListener("scroll", n, { passive: !0 });
|
|
48
|
+
let r = new ResizeObserver(n);
|
|
49
|
+
r.observe(e);
|
|
50
|
+
let i = typeof MutationObserver > "u" ? null : new MutationObserver(n);
|
|
51
|
+
return i?.observe(e, { childList: !0 }), () => {
|
|
52
|
+
e.removeEventListener("scroll", n), r.disconnect(), i?.disconnect(), cancelAnimationFrame(t);
|
|
53
|
+
};
|
|
54
|
+
}, [g]);
|
|
55
|
+
let v = s((e) => {
|
|
56
|
+
let t = c.current, n = t?.children[e];
|
|
57
|
+
if (!t || !n) return;
|
|
58
|
+
let i = t.children[0], a = _(n, t) - _(i, t), o = getComputedStyle(t).direction === "rtl";
|
|
59
|
+
t.scrollTo({
|
|
60
|
+
left: o ? -a : a,
|
|
61
|
+
behavior: r() ? "instant" : "smooth"
|
|
62
|
+
});
|
|
63
|
+
}, []);
|
|
64
|
+
return /* @__PURE__ */ p(h.Provider, {
|
|
65
|
+
value: {
|
|
66
|
+
contentRef: c,
|
|
67
|
+
...l,
|
|
68
|
+
scrollTo: v
|
|
69
|
+
},
|
|
70
|
+
children: /* @__PURE__ */ p("section", {
|
|
71
|
+
"aria-roledescription": o.carousel,
|
|
72
|
+
...a,
|
|
73
|
+
className: e("zen__carousel relative", t),
|
|
74
|
+
children: i
|
|
75
|
+
})
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
function y({ ref: n, className: r, ...i }) {
|
|
79
|
+
let { contentRef: a } = g("CarouselContent"), o = t(a, n);
|
|
80
|
+
return /* @__PURE__ */ p("div", {
|
|
81
|
+
tabIndex: 0,
|
|
82
|
+
"aria-live": "polite",
|
|
83
|
+
...i,
|
|
84
|
+
ref: o,
|
|
85
|
+
className: e("flex snap-x snap-mandatory gap-4 overflow-x-auto overscroll-x-contain rounded-xl", "focus-ring [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", r)
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
function b({ ref: r, className: i, ...a }) {
|
|
89
|
+
let o = n(), { count: s } = g("CarouselItem"), c = d(null), l = t(c, r), [u, h] = f(0);
|
|
90
|
+
return m(() => {
|
|
91
|
+
let e = c.current;
|
|
92
|
+
e?.parentElement && h(Array.prototype.indexOf.call(e.parentElement.children, e) + 1);
|
|
93
|
+
}, [s]), /* @__PURE__ */ p("div", {
|
|
94
|
+
role: "group",
|
|
95
|
+
"aria-roledescription": o.slide,
|
|
96
|
+
"aria-label": u && s ? o.slideOf(u, s) : void 0,
|
|
97
|
+
...a,
|
|
98
|
+
ref: l,
|
|
99
|
+
className: e("min-w-0 shrink-0 grow-0 basis-full snap-start", i)
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
var x = "glass glass-blur text-foreground grid size-9 shrink-0 cursor-pointer place-items-center rounded-full transition-opacity focus-ring hover:bg-tint/[0.08] aria-disabled:cursor-not-allowed aria-disabled:opacity-0 aria-disabled:focus-visible:opacity-40";
|
|
103
|
+
function S({ className: t, onClick: r, ...a }) {
|
|
104
|
+
let o = n(), { index: s, scrollTo: c } = g("CarouselPrevious"), l = s === 0;
|
|
105
|
+
return /* @__PURE__ */ p("button", {
|
|
106
|
+
type: "button",
|
|
107
|
+
"aria-label": o.previousSlide,
|
|
108
|
+
...a,
|
|
109
|
+
"aria-disabled": l || void 0,
|
|
110
|
+
className: e(x, t),
|
|
111
|
+
onClick: (e) => {
|
|
112
|
+
r?.(e), !l && !e.defaultPrevented && c(s - 1);
|
|
113
|
+
},
|
|
114
|
+
children: /* @__PURE__ */ p(i, {
|
|
115
|
+
"aria-hidden": !0,
|
|
116
|
+
className: "size-4 rtl:-scale-x-100"
|
|
117
|
+
})
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
function C({ className: t, onClick: r, ...i }) {
|
|
121
|
+
let o = n(), { index: s, stops: c, scrollTo: l } = g("CarouselNext"), u = s >= c - 1;
|
|
122
|
+
return /* @__PURE__ */ p("button", {
|
|
123
|
+
type: "button",
|
|
124
|
+
"aria-label": o.nextSlide,
|
|
125
|
+
...i,
|
|
126
|
+
"aria-disabled": u || void 0,
|
|
127
|
+
className: e(x, t),
|
|
128
|
+
onClick: (e) => {
|
|
129
|
+
r?.(e), !u && !e.defaultPrevented && l(s + 1);
|
|
130
|
+
},
|
|
131
|
+
children: /* @__PURE__ */ p(a, {
|
|
132
|
+
"aria-hidden": !0,
|
|
133
|
+
className: "size-4 rtl:-scale-x-100"
|
|
134
|
+
})
|
|
135
|
+
});
|
|
136
|
+
}
|
|
137
|
+
function w({ className: t, ...r }) {
|
|
138
|
+
let i = n(), { index: a, stops: o, scrollTo: s } = g("CarouselDots");
|
|
139
|
+
return o < 2 ? null : /* @__PURE__ */ p("div", {
|
|
140
|
+
...r,
|
|
141
|
+
className: e("flex justify-center gap-0.5", t),
|
|
142
|
+
children: Array.from({ length: o }, (t, n) => /* @__PURE__ */ p("button", {
|
|
143
|
+
type: "button",
|
|
144
|
+
"aria-label": i.goToSlide(n + 1),
|
|
145
|
+
"aria-current": n === a || void 0,
|
|
146
|
+
onClick: () => s(n),
|
|
147
|
+
className: "group cursor-pointer rounded-full p-1 outline-hidden",
|
|
148
|
+
children: /* @__PURE__ */ p("span", {
|
|
149
|
+
"aria-hidden": !0,
|
|
150
|
+
className: e("block h-1.5 rounded-full transition-[width,background-color,box-shadow] duration-300", "group-focus-visible:ring-2 group-focus-visible:ring-ring/50", n === a ? "bg-primary w-5 shadow-[0_0_10px_oklch(var(--glow)/calc(0.7*var(--glow-k)))]" : "bg-tint/25 group-hover:bg-tint/40 w-1.5")
|
|
151
|
+
})
|
|
152
|
+
}, n))
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
function T({ className: t, ...n }) {
|
|
156
|
+
return /* @__PURE__ */ p("div", {
|
|
157
|
+
...n,
|
|
158
|
+
className: e("mt-3 flex items-center justify-between gap-3", t)
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
//#endregion
|
|
162
|
+
export { y as CarouselContent, T as CarouselControls, w as CarouselDots, b as CarouselItem, C as CarouselNext, S as CarouselPrevious, v as default };
|
package/dist/chart/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChartPalette } from './palette';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
3
3
|
type Row = Record<string, unknown>;
|
|
4
4
|
/** A line with a soft fill down to the baseline. */
|
|
5
5
|
export declare const ChartArea: (props: ChartAreaProps) => null;
|
|
@@ -18,7 +18,7 @@ export declare const ChartReference: (props: ChartReferenceProps) => null;
|
|
|
18
18
|
* order the series are written; give each its own `color` for meaning (e.g.
|
|
19
19
|
* the theme's glow).
|
|
20
20
|
*/
|
|
21
|
-
export default function Chart<T extends Row, X extends keyof T & string = keyof T & string>({ data, x, label, summary, height, formatX, formatY, formatTooltipX, renderTooltip, legend, palette, className, children, }: ChartProps<T, X>): import('react').JSX.Element;
|
|
21
|
+
export default function Chart<T extends Row, X extends keyof T & string = keyof T & string>({ data, x, label, summary, height, formatX, formatY, formatTooltipX, renderTooltip, legend, palette, className, children, ...rest }: ChartProps<T, X>): import('react').JSX.Element;
|
|
22
22
|
/** Round tick values covering [min, max]: 0 / 5k / 10k, never 0 / 3,127 / 6,254. */
|
|
23
23
|
export declare function niceTicks(min: number, max: number, count?: number): number[];
|
|
24
24
|
export interface ChartSeriesProps {
|
|
@@ -50,11 +50,12 @@ export interface ChartReferenceProps {
|
|
|
50
50
|
/** Text beside a vertical line, e.g. "Today". */
|
|
51
51
|
label?: string;
|
|
52
52
|
/** Destructive for a line that warns (e.g. below zero). */
|
|
53
|
-
tone?: 'muted' | '
|
|
53
|
+
tone?: 'muted' | 'negative';
|
|
54
54
|
/** Vertical lines are dashed unless `dashed={false}`; horizontal ones solid unless `dashed`. */
|
|
55
55
|
dashed?: boolean;
|
|
56
56
|
}
|
|
57
|
-
|
|
57
|
+
/** Other props (data-*, an id) go on the <figure>. */
|
|
58
|
+
export interface ChartProps<T extends Row, X extends keyof T & string = keyof T & string> extends Omit<ComponentProps<'figure'>, 'children'> {
|
|
58
59
|
/** One row per point on the x axis (e.g. a month). */
|
|
59
60
|
data: readonly T[];
|
|
60
61
|
/** The row field placed along the x axis. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/chart/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/chart/index.tsx"],"names":[],"mappings":"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"}
|