@hanzo/ui 8.13.1 → 8.13.3
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.
|
@@ -107,6 +107,9 @@ const useCarousel = () => {
|
|
|
107
107
|
const Carousel = ({ options, setApi, onCarouselSelect, className, children, ...props }) => {
|
|
108
108
|
const scroller = React.useRef(null);
|
|
109
109
|
const api = React.useRef(null);
|
|
110
|
+
// Subscribers, held across renders so `on` may be called once in an effect
|
|
111
|
+
// and stay attached — which is how every caller uses it.
|
|
112
|
+
const listeners = React.useRef(new Map());
|
|
110
113
|
const [selected, setSelected] = React.useState(null);
|
|
111
114
|
const loop = !!options?.loop;
|
|
112
115
|
// Built once and never rebuilt: every method reads `scroller.current` at call
|
|
@@ -121,7 +124,7 @@ const Carousel = ({ options, setApi, onCarouselSelect, className, children, ...p
|
|
|
121
124
|
const e = el();
|
|
122
125
|
return e ? nearest(e) : -1;
|
|
123
126
|
};
|
|
124
|
-
const go = (index) => {
|
|
127
|
+
const go = (index, jump = false) => {
|
|
125
128
|
const e = el();
|
|
126
129
|
if (!e)
|
|
127
130
|
return;
|
|
@@ -130,7 +133,7 @@ const Carousel = ({ options, setApi, onCarouselSelect, className, children, ...p
|
|
|
130
133
|
if (!n)
|
|
131
134
|
return;
|
|
132
135
|
const i = loop ? ((index % n) + n) % n : Math.max(0, Math.min(n - 1, index));
|
|
133
|
-
center(e, kids[i], 'smooth');
|
|
136
|
+
center(e, kids[i], jump ? 'auto' : 'smooth');
|
|
134
137
|
};
|
|
135
138
|
api.current = {
|
|
136
139
|
scrollTo: go,
|
|
@@ -140,6 +143,21 @@ const Carousel = ({ options, setApi, onCarouselSelect, className, children, ...p
|
|
|
140
143
|
canScrollPrev: () => loop || at() > 0,
|
|
141
144
|
canScrollNext: () => loop || at() < count() - 1,
|
|
142
145
|
slideCount: count,
|
|
146
|
+
scrollSnapList: () => {
|
|
147
|
+
const e = el();
|
|
148
|
+
if (!e)
|
|
149
|
+
return [];
|
|
150
|
+
return slides(e).map((k) => k.offsetLeft - (e.clientWidth - k.offsetWidth) / 2);
|
|
151
|
+
},
|
|
152
|
+
on: (event, listener) => {
|
|
153
|
+
const m = listeners.current;
|
|
154
|
+
if (!m.has(event))
|
|
155
|
+
m.set(event, new Set());
|
|
156
|
+
m.get(event).add(listener);
|
|
157
|
+
},
|
|
158
|
+
off: (event, listener) => {
|
|
159
|
+
listeners.current.get(event)?.delete(listener);
|
|
160
|
+
},
|
|
143
161
|
};
|
|
144
162
|
}
|
|
145
163
|
// Held in refs so an inline callback — which every call site writes — does not
|
|
@@ -187,6 +205,7 @@ const Carousel = ({ options, setApi, onCarouselSelect, className, children, ...p
|
|
|
187
205
|
setSelected(i);
|
|
188
206
|
if (api.current)
|
|
189
207
|
announce.current?.(api.current);
|
|
208
|
+
listeners.current.get('select')?.forEach((fire) => fire());
|
|
190
209
|
};
|
|
191
210
|
// Scroll fires per frame during a drag; coalescing to one rAF keeps the
|
|
192
211
|
// measuring off the critical path.
|
|
@@ -39,8 +39,14 @@ export type CarouselOptions = {
|
|
|
39
39
|
};
|
|
40
40
|
/** What a caller can ask of a mounted carousel. */
|
|
41
41
|
export type CarouselApi = {
|
|
42
|
-
/**
|
|
43
|
-
|
|
42
|
+
/**
|
|
43
|
+
* Centre slide `index`. Out of range clamps, or wraps when `loop`.
|
|
44
|
+
*
|
|
45
|
+
* `jump` arrives there without animating, which is what opening ON a slide
|
|
46
|
+
* wants — animating from the first one reads as the carousel moving by
|
|
47
|
+
* itself the moment it appears.
|
|
48
|
+
*/
|
|
49
|
+
scrollTo: (index: number, jump?: boolean) => void;
|
|
44
50
|
scrollPrev: () => void;
|
|
45
51
|
scrollNext: () => void;
|
|
46
52
|
/** The slide nearest the centre, or -1 when there are none. */
|
|
@@ -48,6 +54,17 @@ export type CarouselApi = {
|
|
|
48
54
|
canScrollPrev: () => boolean;
|
|
49
55
|
canScrollNext: () => boolean;
|
|
50
56
|
slideCount: () => number;
|
|
57
|
+
/**
|
|
58
|
+
* Where each slide comes to rest, in scroll pixels.
|
|
59
|
+
*
|
|
60
|
+
* Its length is the number of slides, which is what a dot strip beneath a
|
|
61
|
+
* carousel counts — and counting the API rather than the source array is what
|
|
62
|
+
* keeps the dots right when the slides are conditional.
|
|
63
|
+
*/
|
|
64
|
+
scrollSnapList: () => number[];
|
|
65
|
+
/** Subscribe. `select` fires when the settled slide changes. */
|
|
66
|
+
on: (event: 'select', listener: () => void) => void;
|
|
67
|
+
off: (event: 'select', listener: () => void) => void;
|
|
51
68
|
};
|
|
52
69
|
export type CarouselProps = Omit<React.ComponentProps<typeof Box>, 'onSelect'> & {
|
|
53
70
|
options?: CarouselOptions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/carousel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG;IAC5B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG;IACxB
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/carousel.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAG/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,MAAM,eAAe,GAAG;IAC5B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,mDAAmD;AACnD,MAAM,MAAM,WAAW,GAAG;IACxB;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,+DAA+D;IAC/D,kBAAkB,EAAE,MAAM,MAAM,CAAA;IAChC,aAAa,EAAE,MAAM,OAAO,CAAA;IAC5B,aAAa,EAAE,MAAM,OAAO,CAAA;IAC5B,UAAU,EAAE,MAAM,MAAM,CAAA;IACxB;;;;;;OAMG;IACH,cAAc,EAAE,MAAM,MAAM,EAAE,CAAA;IAC9B,gEAAgE;IAChE,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IACnD,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CACrD,CAAA;AA2DD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,qCAAqC;IACrC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;IACnC,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,QAAQ,yEAOlB,aAAa,4CAiJf,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,4CAexF,CAAA;AAID,eAAO,MAAM,YAAY,4BAA6B,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,4CAcrF,CAAA;AAED,KAAK,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,CAAA;AA+ClF,eAAO,MAAM,gBAAgB;8BAhCa,UAAU;;CAsCnD,CAAA;AAED,eAAO,MAAM,YAAY;8BAxCiB,UAAU;;CA8CnD,CAAA"}
|
|
@@ -71,6 +71,9 @@ const useCarousel = () => {
|
|
|
71
71
|
export const Carousel = ({ options, setApi, onCarouselSelect, className, children, ...props }) => {
|
|
72
72
|
const scroller = React.useRef(null);
|
|
73
73
|
const api = React.useRef(null);
|
|
74
|
+
// Subscribers, held across renders so `on` may be called once in an effect
|
|
75
|
+
// and stay attached — which is how every caller uses it.
|
|
76
|
+
const listeners = React.useRef(new Map());
|
|
74
77
|
const [selected, setSelected] = React.useState(null);
|
|
75
78
|
const loop = !!options?.loop;
|
|
76
79
|
// Built once and never rebuilt: every method reads `scroller.current` at call
|
|
@@ -85,7 +88,7 @@ export const Carousel = ({ options, setApi, onCarouselSelect, className, childre
|
|
|
85
88
|
const e = el();
|
|
86
89
|
return e ? nearest(e) : -1;
|
|
87
90
|
};
|
|
88
|
-
const go = (index) => {
|
|
91
|
+
const go = (index, jump = false) => {
|
|
89
92
|
const e = el();
|
|
90
93
|
if (!e)
|
|
91
94
|
return;
|
|
@@ -94,7 +97,7 @@ export const Carousel = ({ options, setApi, onCarouselSelect, className, childre
|
|
|
94
97
|
if (!n)
|
|
95
98
|
return;
|
|
96
99
|
const i = loop ? ((index % n) + n) % n : Math.max(0, Math.min(n - 1, index));
|
|
97
|
-
center(e, kids[i], 'smooth');
|
|
100
|
+
center(e, kids[i], jump ? 'auto' : 'smooth');
|
|
98
101
|
};
|
|
99
102
|
api.current = {
|
|
100
103
|
scrollTo: go,
|
|
@@ -104,6 +107,21 @@ export const Carousel = ({ options, setApi, onCarouselSelect, className, childre
|
|
|
104
107
|
canScrollPrev: () => loop || at() > 0,
|
|
105
108
|
canScrollNext: () => loop || at() < count() - 1,
|
|
106
109
|
slideCount: count,
|
|
110
|
+
scrollSnapList: () => {
|
|
111
|
+
const e = el();
|
|
112
|
+
if (!e)
|
|
113
|
+
return [];
|
|
114
|
+
return slides(e).map((k) => k.offsetLeft - (e.clientWidth - k.offsetWidth) / 2);
|
|
115
|
+
},
|
|
116
|
+
on: (event, listener) => {
|
|
117
|
+
const m = listeners.current;
|
|
118
|
+
if (!m.has(event))
|
|
119
|
+
m.set(event, new Set());
|
|
120
|
+
m.get(event).add(listener);
|
|
121
|
+
},
|
|
122
|
+
off: (event, listener) => {
|
|
123
|
+
listeners.current.get(event)?.delete(listener);
|
|
124
|
+
},
|
|
107
125
|
};
|
|
108
126
|
}
|
|
109
127
|
// Held in refs so an inline callback — which every call site writes — does not
|
|
@@ -151,6 +169,7 @@ export const Carousel = ({ options, setApi, onCarouselSelect, className, childre
|
|
|
151
169
|
setSelected(i);
|
|
152
170
|
if (api.current)
|
|
153
171
|
announce.current?.(api.current);
|
|
172
|
+
listeners.current.get('select')?.forEach((fire) => fire());
|
|
154
173
|
};
|
|
155
174
|
// Scroll fires per frame during a drag; coalescing to one rAF keeps the
|
|
156
175
|
// measuring off the critical path.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/backends/gui/carousel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/backends/gui/carousel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAkDjC,MAAM,MAAM,GAAG,CAAC,EAAe,EAAiB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAkB,CAAA;AAE3F;;;;;;GAMG;AACH,MAAM,MAAM,GAAG,CAAC,EAAe,EAAE,CAAc,EAAE,QAAwB,EAAE,EAAE,CAC3E,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;AAEtF;;;;;;;GAOG;AACH,MAAM,OAAO,GAAG,CAAC,EAAe,EAAU,EAAE;IAC1C,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,CAAA;IACvB,IAAI,CAAC,IAAI,CAAC,MAAM;QAAE,OAAO,CAAC,CAAC,CAAA;IAC3B,MAAM,GAAG,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,GAAG,CAAC,CAAA;IAC9C,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,IAAI,KAAK,GAAG,QAAQ,CAAA;IACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,GAAG,GAAG,CAAC,CAAA;QACtE,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC;YACd,KAAK,GAAG,CAAC,CAAA;YACT,IAAI,GAAG,CAAC,CAAA;QACV,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAWD,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,aAAa,CAAa,IAAI,CAAC,CAAA;AAEzE,MAAM,WAAW,GAAG,GAAQ,EAAE;IAC5B,MAAM,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,IAAI,CAAC,CAAC,EAAE,CAAC;QACP,oEAAoE;QACpE,qEAAqE;QACrE,MAAM,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAA;IACnG,CAAC;IACD,OAAO,CAAC,CAAA;AACV,CAAC,CAAA;AAUD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAA;IACvD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAA;IAClD,2EAA2E;IAC3E,yDAAyD;IACzD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAA2B,CAAC,CAAA;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACnE,MAAM,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,IAAI,CAAA;IAE5B,8EAA8E;IAC9E,2DAA2D;IAC3D,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;QACjB,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAA;QACjC,MAAM,KAAK,GAAG,GAAG,EAAE;YACjB,MAAM,CAAC,GAAG,EAAE,EAAE,CAAA;YACd,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QACjC,CAAC,CAAA;QACD,MAAM,EAAE,GAAG,GAAG,EAAE;YACd,MAAM,CAAC,GAAG,EAAE,EAAE,CAAA;YACd,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAC5B,CAAC,CAAA;QACD,MAAM,EAAE,GAAG,CAAC,KAAa,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE;YACzC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAA;YACd,IAAI,CAAC,CAAC;gBAAE,OAAM;YACd,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;YACtB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YACrB,IAAI,CAAC,CAAC;gBAAE,OAAM;YACd,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,CAAA;YAC5E,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;QAC9C,CAAC,CAAA;QACD,GAAG,CAAC,OAAO,GAAG;YACZ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;YAC9B,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;YAC9B,kBAAkB,EAAE,EAAE;YACtB,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,GAAG,CAAC;YACrC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,CAAC;YAC/C,UAAU,EAAE,KAAK;YACjB,cAAc,EAAE,GAAG,EAAE;gBACnB,MAAM,CAAC,GAAG,EAAE,EAAE,CAAA;gBACd,IAAI,CAAC,CAAC;oBAAE,OAAO,EAAE,CAAA;gBACjB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAA;YACjF,CAAC;YACD,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;gBACtB,MAAM,CAAC,GAAG,SAAS,CAAC,OAAO,CAAA;gBAC3B,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;oBAAE,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA;gBAC1C,CAAC,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YAC7B,CAAC;YACD,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;gBACvB,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAA;YAChD,CAAC;SACF,CAAA;IACH,CAAC;IAED,+EAA+E;IAC/E,sCAAsC;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IACjC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAA;IACrB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;IAC/C,QAAQ,CAAC,OAAO,GAAG,gBAAgB,CAAA;IAEnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,GAAG,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAA;QAC1B,IAAI,CAAC,CAAC;YAAE,OAAM;QACd,sEAAsE;QACtE,0EAA0E;QAC1E,4CAA4C;QAC5C,MAAM,KAAK,GAAG,OAAO,EAAE,UAAU,CAAA;QACjC,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;YACtB,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;YAC7D,IAAI,CAAC;gBAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;QAC7B,CAAC;QACD,4EAA4E;QAC5E,0EAA0E;QAC1E,wEAAwE;QACxE,EAAE;QACF,2EAA2E;QAC3E,0EAA0E;QAC1E,oEAAoE;QACpE,wEAAwE;QACxE,kDAAkD;QAClD,IAAI,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;QACrB,WAAW,CAAC,IAAI,CAAC,CAAA;QACjB,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,KAAK,GAAG,CAAC,CAAA;YACT,MAAM,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;YACpB,IAAI,CAAC,KAAK,IAAI;gBAAE,OAAM;YACtB,IAAI,GAAG,CAAC,CAAA;YACR,WAAW,CAAC,CAAC,CAAC,CAAA;YACd,IAAI,GAAG,CAAC,OAAO;gBAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YAChD,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;QAC5D,CAAC,CAAA;QACD,wEAAwE;QACxE,mCAAmC;QACnC,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,KAAK;gBAAE,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAA;QACjD,CAAC,CAAA;QACD,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACzD,OAAO,GAAG,EAAE;YACV,CAAC,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YACzC,IAAI,KAAK;gBAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;QACxC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,wEAAwE;IACxE,uEAAuE;IACvE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,KAAK,GAAG,OAAO,EAAE,QAAQ,CAAA;IAC/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,OAAM;QAC1B,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC,kCAAkC,CAAC,CAAC,OAAO,EAAE,CAAC;YACrG,OAAM;QACR,CAAC;QACD,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,YAE3E,KAAC,GAAG,IACF,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EACpC,IAAI,EAAC,QAAQ,0BACQ,UAAU,KAC3B,CAAC,KAAK;gBACR,CAAC,CAAC;oBACE,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;oBACjC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;oBAClC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;oBACnC,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;iBACpC;gBACH,CAAC,CAAC,IAAI,CAAC,KACL,KAAK,YAER,QAAQ,GACL,GACe,CACxB,CAAA;AACH,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC,EAAE,EAAE;IAC3F,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAClC,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,QAA0B,EAC/B,SAAS,EAAE,EAAE,CACX,0FAA0F,EAC1F,SAAS,CACV;QACD,qEAAqE;QACrE,gEAAgE;QAChE,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,KAC7B,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,UAAU,EAAW,CAAA;AAErF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC,EAAE,EAAE;IACxF,8EAA8E;IAC9E,uEAAuE;IACvE,iDAAiD;IACjD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,KAAK,IAAI,QAAQ,CAAA;IAC9D,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,OAAO,0BACS,OAAO;QAC5B,2EAA2E;QAC3E,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC,KAC5C,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAID;;;;;GAKG;AACH,MAAM,KAAK,GAAG,CACZ,IAAY,EACZ,IAAY,EACZ,IAAwB,EACxB,IAA8B,EAC9B,GAAgC,EAChC,EAAE;IACF,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;QACpD,0EAA0E;QAC1E,6EAA6E;QAC7E,4DAA4D;QAC5D,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;QACvC,0EAA0E;QAC1E,yDAAyD;QACzD,MAAM,IAAI,GAAG,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAA;QACnD,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,gBACC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAClC,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,GAAG,CAAC,OAAO;oBAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACpC,CAAC,KAKG,EAAE,CAAC,gDAAgD,EAAE,IAAI,EAAE,SAAS,CAAC,KACrE,KAAK,YAET,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX,CACV,CAAA;IACH,CAAC,CAAA;IACD,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;IACxB,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CACnC,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,EACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CACzB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAC/B,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,EACrB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CACzB,CAAA"}
|
package/dist/gallery.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.13.
|
|
1
|
+
<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.13.3</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
|
|
2
2
|
:root { --hanzo-ui-styles: 1; }
|
|
3
3
|
/* Hanzo Design System — the entry point. Import THIS one file.
|
|
4
4
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "8.13.
|
|
3
|
+
"version": "8.13.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
|
|
6
6
|
"exports": {
|