ui-ingredients 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (16) hide show
  1. package/README.md +99 -94
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +1 -0
  4. package/dist/toggle/anatomy.d.ts +2 -0
  5. package/dist/toggle/anatomy.js +3 -0
  6. package/dist/toggle/create-toggle.svelte.d.ts +13 -0
  7. package/dist/toggle/create-toggle.svelte.js +37 -0
  8. package/dist/toggle/index.d.ts +3 -0
  9. package/dist/toggle/index.js +2 -0
  10. package/dist/toggle/toggle-context.svelte.d.ts +2 -0
  11. package/dist/toggle/toggle-context.svelte.js +2 -0
  12. package/dist/toggle/toggle-root.svelte +51 -0
  13. package/dist/toggle/toggle-root.svelte.d.ts +22 -0
  14. package/dist/toggle/toggle.d.ts +1 -0
  15. package/dist/toggle/toggle.js +1 -0
  16. package/package.json +53 -51
package/README.md CHANGED
@@ -1,94 +1,99 @@
1
- # UI Ingredients
2
-
3
- Headless component library for [Svelte](https://svelte.dev/) powered by [zag](https://zagjs.com/)
4
-
5
- ## Installation
6
-
7
- ```bash
8
- npm install ui-ingredients
9
- # yarn add ui-ingredients
10
- # pnpm add ui-ingredients
11
- ```
12
-
13
- ## Usage
14
-
15
- ```svelte
16
- <script>
17
- import {Dialog, Portal} from 'ui-ingredients';
18
- import {XCloseIcon} from '$lib/icons';
19
- </script>
20
-
21
- <Dialog.Root>
22
- <Dialog.Trigger>Open</Dialog.Trigger>
23
-
24
- <Portal>
25
- <Dialog.Backdrop />
26
- <Dialog.Positioner>
27
- <Dialog.Content>
28
- <Dialog.Title>Title</Dialog.Title>
29
- <Dialog.Description>Description</Dialog.Description>
30
- <Dialog.CloseTrigger>
31
- <XCloseIcon />
32
- </Dialog.CloseTrigger>
33
- </Dialog.Content>
34
- </Dialog.Positioner>
35
- </Portal>
36
- </Dialog.Root>
37
- ```
38
-
39
- ## Documentation
40
-
41
- - [Accordion](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/accordion.md)
42
- - [Avatar](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/avatar.md)
43
- - [Carousel](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/carousel.md)
44
- - [Checkbox](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/checkbox.md)
45
- - [Clipboard](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/clipboard.md)
46
- - [Collapsible](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/collapsible.md)
47
- - [ColorPicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/color-picker.md)
48
- - [Combobox](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/combobox.md)
49
- - [DatePicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/date-picker.md)
50
- - [Dialog](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/dialog.md)
51
- - [Editable](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/editable.md)
52
- - [Field](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/field.md)
53
- - [FileUpload](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/file-upload.md)
54
- - [FloatingPanel](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/floating-panel.md)
55
- - [Highlight](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/highlight.md)
56
- - [HoverCard](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/hover-card.md)
57
- - [Menu](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/menu.md)
58
- - [NumberInput](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/number-input.md)
59
- - [Pagination](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/pagination.md)
60
- - [PinInput](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/pin-input.md)
61
- - [Popover](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/popover.md)
62
- - [Portal](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/portal.md)
63
- - [Presence](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/presence.md)
64
- - [Progress](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/progress.md)
65
- - [QrCode](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/qr-code.md)
66
- - [RadioGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/radio-group.md)
67
- - [RatingGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/rating-group.md)
68
- - [Select](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/select.md)
69
- - [SegmentGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/segment-group.md)
70
- - [SignaturePad](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/signature-pad.md)
71
- - [Slider](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/slider.md)
72
- - [Splitter](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/splitter.md)
73
- - [Steps](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/steps.md)
74
- - [Switch](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/switch.md)
75
- - [Tabs](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tabs.md)
76
- - [TagsInput](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tags-input.md)
77
- - [TimePicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/time-picker.md)
78
- - [Timer](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/timer.md)
79
- - [Toast](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/toast.md)
80
- - [ToggleGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/toggle-group.md)
81
- - [Tooltip](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tooltip.md)
82
- - [TreeView](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tree-view.md)
83
- - [Tour](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tour.md)
84
- - [The `asChild` prop](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/aschild.md)
85
- - [Styling](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/styling.md)
86
-
87
- ## Credits
88
-
89
- - [zag](https://zagjs.com/) - The fantastic library that powers UI ingredients
90
- - [ark](https://ark-ui.com/) - The outstanding headless component library that greatly inspired this one
91
-
92
- ## Demo
93
-
94
- View components demo [here](https://ui-ingredients.vercel.app/)
1
+ # UI Ingredients
2
+
3
+ Headless component library for [Svelte](https://svelte.dev/) powered by [zag](https://zagjs.com/)
4
+
5
+ ## Installation
6
+
7
+ ```bash
8
+ npm install ui-ingredients
9
+ # yarn add ui-ingredients
10
+ # pnpm add ui-ingredients
11
+ ```
12
+
13
+ ## Usage
14
+
15
+ ```svelte
16
+ <script>
17
+ import {Dialog, Portal} from 'ui-ingredients';
18
+ import {XCloseIcon, Button} from '$lib';
19
+ </script>
20
+
21
+ <Dialog.Root lazyMount keepMounted>
22
+ <Dialog.Trigger>
23
+ {#snippet asChild(attrs)}
24
+ <Button {...attrs}>Open</Button>
25
+ {/snippet}
26
+ </Dialog.Trigger>
27
+
28
+ <Portal>
29
+ <Dialog.Backdrop />
30
+ <Dialog.Positioner>
31
+ <Dialog.Content>
32
+ <Dialog.Title>Title</Dialog.Title>
33
+ <Dialog.Description>Description</Dialog.Description>
34
+ <Dialog.CloseTrigger>
35
+ <XCloseIcon />
36
+ </Dialog.CloseTrigger>
37
+ </Dialog.Content>
38
+ </Dialog.Positioner>
39
+ </Portal>
40
+ </Dialog.Root>
41
+ ```
42
+
43
+ ## Documentation
44
+
45
+ - [Accordion](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/accordion.md)
46
+ - [Avatar](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/avatar.md)
47
+ - [Carousel](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/carousel.md)
48
+ - [Checkbox](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/checkbox.md)
49
+ - [Clipboard](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/clipboard.md)
50
+ - [Collapsible](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/collapsible.md)
51
+ - [ColorPicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/color-picker.md)
52
+ - [Combobox](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/combobox.md)
53
+ - [DatePicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/date-picker.md)
54
+ - [Dialog](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/dialog.md)
55
+ - [Editable](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/editable.md)
56
+ - [Field](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/field.md)
57
+ - [FileUpload](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/file-upload.md)
58
+ - [FloatingPanel](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/floating-panel.md)
59
+ - [Highlight](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/highlight.md)
60
+ - [HoverCard](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/hover-card.md)
61
+ - [Menu](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/menu.md)
62
+ - [NumberInput](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/number-input.md)
63
+ - [Pagination](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/pagination.md)
64
+ - [PinInput](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/pin-input.md)
65
+ - [Popover](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/popover.md)
66
+ - [Portal](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/portal.md)
67
+ - [Presence](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/presence.md)
68
+ - [Progress](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/progress.md)
69
+ - [QrCode](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/qr-code.md)
70
+ - [RadioGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/radio-group.md)
71
+ - [RatingGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/rating-group.md)
72
+ - [Select](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/select.md)
73
+ - [SegmentGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/segment-group.md)
74
+ - [SignaturePad](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/signature-pad.md)
75
+ - [Slider](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/slider.md)
76
+ - [Splitter](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/splitter.md)
77
+ - [Steps](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/steps.md)
78
+ - [Switch](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/switch.md)
79
+ - [Tabs](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tabs.md)
80
+ - [TagsInput](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tags-input.md)
81
+ - [TimePicker](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/time-picker.md)
82
+ - [Timer](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/timer.md)
83
+ - [Toast](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/toast.md)
84
+ - [Toggle](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/toggle.md)
85
+ - [ToggleGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/toggle-group.md)
86
+ - [Tooltip](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tooltip.md)
87
+ - [TreeView](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tree-view.md)
88
+ - [Tour](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tour.md)
89
+ - [The `asChild` prop](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/aschild.md)
90
+ - [Styling](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/styling.md)
91
+
92
+ ## Credits
93
+
94
+ - [zag](https://zagjs.com/) - The fantastic library that powers UI ingredients
95
+ - [ark](https://ark-ui.com/) - The outstanding headless component library that greatly inspired this one
96
+
97
+ ## Demo
98
+
99
+ View components demo [here](https://ui-ingredients.vercel.app/)
package/dist/index.d.ts CHANGED
@@ -41,6 +41,7 @@ export * from './time-picker/index.js';
41
41
  export * from './timer/index.js';
42
42
  export * from './toast/index.js';
43
43
  export * from './toggle-group/index.js';
44
+ export * from './toggle/index.js';
44
45
  export * from './tooltip/index.js';
45
46
  export * from './tour/index.js';
46
47
  export * from './tree-view/index.js';
package/dist/index.js CHANGED
@@ -41,6 +41,7 @@ export * from './time-picker/index.js';
41
41
  export * from './timer/index.js';
42
42
  export * from './toast/index.js';
43
43
  export * from './toggle-group/index.js';
44
+ export * from './toggle/index.js';
44
45
  export * from './tooltip/index.js';
45
46
  export * from './tour/index.js';
46
47
  export * from './tree-view/index.js';
package/dist/toggle/anatomy.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"root">;
2
+ export declare const parts: Record<"root", import("@zag-js/anatomy").AnatomyPart>;
package/dist/toggle/anatomy.js ADDED
@@ -0,0 +1,3 @@
1
+ import { createAnatomy } from '@zag-js/anatomy';
2
+ export const anatomy = createAnatomy('toggle').parts('root');
3
+ export const parts = anatomy.build();
package/dist/toggle/create-toggle.svelte.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import type { HTMLButtonAttributes } from 'svelte/elements';
2
+ export interface CreateToggleProps {
3
+ disabled?: boolean;
4
+ pressed?: boolean;
5
+ pressedControlled?: boolean;
6
+ onPressedChange?: (pressed: boolean) => void;
7
+ }
8
+ export interface CreateToggleReturn {
9
+ pressed: boolean;
10
+ setPressed: (pressed: boolean) => void;
11
+ getRootProps: () => HTMLButtonAttributes;
12
+ }
13
+ export declare function createToggle(props: CreateToggleProps): any;
package/dist/toggle/create-toggle.svelte.js ADDED
@@ -0,0 +1,37 @@
1
+ import { ariaAttr, dataAttr } from '@zag-js/dom-query';
2
+ import { reflect } from '@zag-js/svelte';
3
+ import { parts } from './anatomy.js';
4
+ export function createToggle(props) {
5
+ let pressed = $state(props.pressed ?? false);
6
+ function setPressed(value) {
7
+ props.onPressedChange?.(value);
8
+ if (!props.pressedControlled) {
9
+ pressed = value;
10
+ }
11
+ }
12
+ function getRootProps() {
13
+ return {
14
+ disabled: props.disabled,
15
+ onclick() {
16
+ if (props.disabled)
17
+ return;
18
+ setPressed(!pressed);
19
+ },
20
+ 'aria-pressed': ariaAttr(pressed),
21
+ 'data-state': pressed ? 'on' : 'off',
22
+ 'data-pressed': dataAttr(pressed),
23
+ 'data-disabled': dataAttr(props.disabled),
24
+ ...parts.root.attrs,
25
+ };
26
+ }
27
+ $effect(() => {
28
+ if (props.pressedControlled) {
29
+ pressed = props.pressed ?? false;
30
+ }
31
+ });
32
+ return reflect(() => ({
33
+ pressed,
34
+ setPressed,
35
+ getRootProps,
36
+ }));
37
+ }
package/dist/toggle/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * as Toggle from './toggle.js';
2
+ export type { ToggleProps } from './toggle-root.svelte';
3
+ export { anatomy as toggleAnatomy } from './anatomy.js';
package/dist/toggle/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * as Toggle from './toggle.js';
2
+ export { anatomy as toggleAnatomy } from './anatomy.js';
package/dist/toggle/toggle-context.svelte.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { CreateToggleReturn } from './create-toggle.svelte.js';
2
+ export declare const getToggleContext: () => CreateToggleReturn, setToggleContext: (context: CreateToggleReturn | (() => CreateToggleReturn)) => void;
package/dist/toggle/toggle-context.svelte.js ADDED
@@ -0,0 +1,2 @@
1
+ import { createContext } from '../create-context.svelte.js';
2
+ export const [getToggleContext, setToggleContext] = createContext('Toggle');
package/dist/toggle/toggle-root.svelte ADDED
@@ -0,0 +1,51 @@
1
+ <script lang="ts" module>
2
+ import type {Assign, HtmlIngredientProps} from '../types.js';
3
+ import type {
4
+ CreateToggleProps,
5
+ CreateToggleReturn,
6
+ } from './create-toggle.svelte.js';
7
+
8
+ export interface ToggleProps
9
+ extends Assign<
10
+ HtmlIngredientProps<'button', HTMLButtonElement, CreateToggleReturn>,
11
+ CreateToggleProps
12
+ > {}
13
+ </script>
14
+
15
+ <script lang="ts">
16
+ import {mergeProps} from '../merge-props.js';
17
+ import {reflect} from '@zag-js/svelte';
18
+ import {createSplitProps} from '@zag-js/utils';
19
+ import {createToggle} from './create-toggle.svelte.js';
20
+ import {setToggleContext} from './toggle-context.svelte.js';
21
+
22
+ let {
23
+ ref = $bindable(null),
24
+ asChild,
25
+ children,
26
+ ...props
27
+ }: ToggleProps = $props();
28
+
29
+ let [createToggleProps, localProps] = $derived(
30
+ createSplitProps<CreateToggleProps>([
31
+ 'disabled',
32
+ 'pressed',
33
+ 'onPressedChange',
34
+ 'pressedControlled',
35
+ ])(props),
36
+ );
37
+
38
+ let toggle = createToggle(reflect(() => createToggleProps));
39
+
40
+ let mergedProps = $derived(mergeProps(toggle.getRootProps(), localProps));
41
+
42
+ setToggleContext(toggle);
43
+ </script>
44
+
45
+ {#if asChild}
46
+ {@render asChild(mergedProps, toggle)}
47
+ {:else}
48
+ <button bind:this={ref} {...mergedProps}>
49
+ {@render children?.(toggle)}
50
+ </button>
51
+ {/if}
package/dist/toggle/toggle-root.svelte.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import type { Assign, HtmlIngredientProps } from '../types.js';
2
+ import type { CreateToggleProps, CreateToggleReturn } from './create-toggle.svelte.js';
3
+ export interface ToggleProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement, CreateToggleReturn>, CreateToggleProps> {
4
+ }
5
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
6
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
7
+ $$bindings?: Bindings;
8
+ } & Exports;
9
+ (internal: unknown, props: Props & {
10
+ $$events?: Events;
11
+ $$slots?: Slots;
12
+ }): Exports & {
13
+ $set?: any;
14
+ $on?: any;
15
+ };
16
+ z_$$bindings?: Bindings;
17
+ }
18
+ declare const ToggleRoot: $$__sveltets_2_IsomorphicComponent<ToggleProps, {
19
+ [evt: string]: CustomEvent<any>;
20
+ }, {}, {}, "ref">;
21
+ type ToggleRoot = InstanceType<typeof ToggleRoot>;
22
+ export default ToggleRoot;
package/dist/toggle/toggle.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default as Root } from './toggle-root.svelte';
package/dist/toggle/toggle.js ADDED
@@ -0,0 +1 @@
1
+ export { default as Root } from './toggle-root.svelte';
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "ui-ingredients",
3
3
  "type": "module",
4
4
  "license": "MIT",
5
- "version": "0.1.0",
5
+ "version": "0.2.0",
6
6
  "packageManager": "pnpm@9.7.0",
7
7
  "svelte": "./dist/index.js",
8
8
  "types": "./dist/index.d.ts",
@@ -270,52 +270,52 @@
270
270
  "release": "release-it"
271
271
  },
272
272
  "dependencies": {
273
- "@zag-js/accordion": "0.73.0",
274
- "@zag-js/anatomy": "0.73.0",
275
- "@zag-js/avatar": "0.73.0",
276
- "@zag-js/carousel": "0.73.0",
277
- "@zag-js/checkbox": "0.73.0",
278
- "@zag-js/clipboard": "0.73.0",
279
- "@zag-js/collapsible": "0.73.0",
280
- "@zag-js/color-picker": "0.73.0",
281
- "@zag-js/combobox": "0.73.0",
282
- "@zag-js/core": "0.73.0",
283
- "@zag-js/date-picker": "0.73.0",
284
- "@zag-js/dialog": "0.73.0",
285
- "@zag-js/dom-query": "0.73.0",
286
- "@zag-js/editable": "0.73.0",
287
- "@zag-js/file-upload": "0.73.0",
288
- "@zag-js/floating-panel": "0.73.0",
289
- "@zag-js/highlight-word": "0.73.0",
290
- "@zag-js/hover-card": "0.73.0",
291
- "@zag-js/i18n-utils": "0.73.0",
292
- "@zag-js/menu": "0.73.0",
293
- "@zag-js/number-input": "0.73.0",
294
- "@zag-js/pagination": "0.73.0",
295
- "@zag-js/pin-input": "0.73.0",
296
- "@zag-js/popover": "0.73.0",
297
- "@zag-js/presence": "0.73.0",
298
- "@zag-js/progress": "0.73.0",
299
- "@zag-js/qr-code": "0.73.0",
300
- "@zag-js/radio-group": "0.73.0",
301
- "@zag-js/rating-group": "0.73.0",
302
- "@zag-js/select": "0.73.0",
303
- "@zag-js/signature-pad": "0.73.0",
304
- "@zag-js/slider": "0.73.0",
305
- "@zag-js/splitter": "0.73.0",
306
- "@zag-js/steps": "0.73.0",
307
- "@zag-js/svelte": "0.73.0",
308
- "@zag-js/switch": "0.73.0",
309
- "@zag-js/tabs": "0.73.0",
310
- "@zag-js/tags-input": "0.73.0",
311
- "@zag-js/time-picker": "0.73.0",
312
- "@zag-js/timer": "0.73.0",
313
- "@zag-js/toast": "0.73.0",
314
- "@zag-js/toggle-group": "0.73.0",
315
- "@zag-js/tooltip": "0.73.0",
316
- "@zag-js/tour": "0.73.0",
317
- "@zag-js/tree-view": "0.73.0",
318
- "@zag-js/utils": "0.73.0",
273
+ "@zag-js/accordion": "0.73.1",
274
+ "@zag-js/anatomy": "0.73.1",
275
+ "@zag-js/avatar": "0.73.1",
276
+ "@zag-js/carousel": "0.73.1",
277
+ "@zag-js/checkbox": "0.73.1",
278
+ "@zag-js/clipboard": "0.73.1",
279
+ "@zag-js/collapsible": "0.73.1",
280
+ "@zag-js/color-picker": "0.73.1",
281
+ "@zag-js/combobox": "0.73.1",
282
+ "@zag-js/core": "0.73.1",
283
+ "@zag-js/date-picker": "0.73.1",
284
+ "@zag-js/dialog": "0.73.1",
285
+ "@zag-js/dom-query": "0.73.1",
286
+ "@zag-js/editable": "0.73.1",
287
+ "@zag-js/file-upload": "0.73.1",
288
+ "@zag-js/floating-panel": "0.73.1",
289
+ "@zag-js/highlight-word": "0.73.1",
290
+ "@zag-js/hover-card": "0.73.1",
291
+ "@zag-js/i18n-utils": "0.73.1",
292
+ "@zag-js/menu": "0.73.1",
293
+ "@zag-js/number-input": "0.73.1",
294
+ "@zag-js/pagination": "0.73.1",
295
+ "@zag-js/pin-input": "0.73.1",
296
+ "@zag-js/popover": "0.73.1",
297
+ "@zag-js/presence": "0.73.1",
298
+ "@zag-js/progress": "0.73.1",
299
+ "@zag-js/qr-code": "0.73.1",
300
+ "@zag-js/radio-group": "0.73.1",
301
+ "@zag-js/rating-group": "0.73.1",
302
+ "@zag-js/select": "0.73.1",
303
+ "@zag-js/signature-pad": "0.73.1",
304
+ "@zag-js/slider": "0.73.1",
305
+ "@zag-js/splitter": "0.73.1",
306
+ "@zag-js/steps": "0.73.1",
307
+ "@zag-js/svelte": "0.73.1",
308
+ "@zag-js/switch": "0.73.1",
309
+ "@zag-js/tabs": "0.73.1",
310
+ "@zag-js/tags-input": "0.73.1",
311
+ "@zag-js/time-picker": "0.73.1",
312
+ "@zag-js/timer": "0.73.1",
313
+ "@zag-js/toast": "0.73.1",
314
+ "@zag-js/toggle-group": "0.73.1",
315
+ "@zag-js/tooltip": "0.73.1",
316
+ "@zag-js/tour": "0.73.1",
317
+ "@zag-js/tree-view": "0.73.1",
318
+ "@zag-js/utils": "0.73.1",
319
319
  "uid": "2.0.2"
320
320
  },
321
321
  "peerDependencies": {
@@ -329,10 +329,11 @@
329
329
  "@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
330
330
  "@testing-library/jest-dom": "6.5.0",
331
331
  "@testing-library/svelte": "5.2.3",
332
+ "@testing-library/user-event": "14.5.2",
332
333
  "@types/jsdom": "21.1.7",
333
334
  "@untitled-theme/icons-svelte": "0.10.9",
334
335
  "autoprefixer": "10.4.20",
335
- "globals": "15.9.0",
336
+ "globals": "15.10.0",
336
337
  "jsdom": "25.0.1",
337
338
  "postcss": "8.4.47",
338
339
  "publint": "0.2.11",
@@ -340,12 +341,12 @@
340
341
  "resize-observer-polyfill": "1.5.1",
341
342
  "svelte": "5.0.0-next.260",
342
343
  "svelte-check": "4.0.4",
343
- "tailwind-merge": "2.5.2",
344
+ "tailwind-merge": "2.5.3",
344
345
  "tailwind-variants": "0.2.1",
345
346
  "tailwindcss": "3.4.13",
346
347
  "typescript": "5.6.2",
347
348
  "vite": "5.4.8",
348
- "vitest": "2.1.1",
349
+ "vitest": "2.1.2",
349
350
  "vitest-axe": "1.0.0-pre.3",
350
351
  "vitest-canvas-mock": "0.3.3"
351
352
  },
@@ -359,7 +360,8 @@
359
360
  },
360
361
  "hooks": {
361
362
  "before:init": [
362
- "pnpm check"
363
+ "pnpm check",
364
+ "pnpm test"
363
365
  ],
364
366
  "after:bump": [
365
367
  "pnpm package"