ui-ingredients 0.0.70 → 0.1.1
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 +98 -94
- package/dist/combobox/combobox-input.svelte +3 -1
- package/dist/editable/editable-preview.svelte +4 -1
- package/dist/highlight/highlight.svelte +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/number-input/index.d.ts +1 -0
- package/dist/number-input/number-input-value-text.svelte +36 -0
- package/dist/number-input/number-input-value-text.svelte.d.ts +21 -0
- package/dist/number-input/number-input.d.ts +1 -0
- package/dist/number-input/number-input.js +1 -0
- package/dist/pagination/pagination-ellipsis.svelte +5 -1
- package/dist/pagination/pagination-item.svelte +5 -1
- package/dist/pin-input/index.d.ts +1 -0
- package/dist/pin-input/pin-input-control.svelte +30 -0
- package/dist/pin-input/pin-input-control.svelte.d.ts +21 -0
- package/dist/pin-input/pin-input.d.ts +1 -0
- package/dist/pin-input/pin-input.js +1 -0
- package/dist/popover/index.d.ts +2 -0
- package/dist/popover/popover-anchor.svelte +30 -0
- package/dist/popover/popover-anchor.svelte.d.ts +21 -0
- package/dist/popover/popover-indicator.svelte +30 -0
- package/dist/popover/popover-indicator.svelte.d.ts +21 -0
- package/dist/popover/popover.d.ts +2 -0
- package/dist/popover/popover.js +2 -0
- package/dist/rating-group/rating-group-item.svelte +5 -1
- package/dist/select/select-trigger.svelte +3 -1
- package/dist/tabs/index.d.ts +1 -0
- package/dist/tabs/tabs-indicator.svelte +30 -0
- package/dist/tabs/tabs-indicator.svelte.d.ts +21 -0
- package/dist/tabs/tabs.d.ts +1 -0
- package/dist/tabs/tabs.js +1 -0
- package/dist/tree-view/tree-view-branch.svelte +11 -3
- package/dist/tree-view/tree-view-branch.svelte.d.ts +1 -1
- package/dist/tree-view/tree-view-context.svelte.d.ts +7 -0
- package/dist/tree-view/tree-view-context.svelte.js +1 -0
- package/dist/tree-view/tree-view-item.svelte +11 -3
- package/dist/tree-view/tree-view-item.svelte.d.ts +1 -1
- package/dist/tree-view/tree-view-tree.svelte +10 -2
- package/dist/tree-view/tree-view-tree.svelte.d.ts +1 -0
- package/package.json +54 -52
package/README.md
CHANGED
@@ -1,94 +1,98 @@
|
|
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
|
19
|
-
</script>
|
20
|
-
|
21
|
-
<Dialog.Root>
|
22
|
-
<Dialog.Trigger>
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
</Dialog.
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
</Dialog.
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
- [
|
46
|
-
- [
|
47
|
-
- [
|
48
|
-
- [
|
49
|
-
- [
|
50
|
-
- [
|
51
|
-
- [
|
52
|
-
- [
|
53
|
-
- [
|
54
|
-
- [
|
55
|
-
- [
|
56
|
-
- [
|
57
|
-
- [
|
58
|
-
- [
|
59
|
-
- [
|
60
|
-
- [
|
61
|
-
- [
|
62
|
-
- [
|
63
|
-
- [
|
64
|
-
- [
|
65
|
-
- [
|
66
|
-
- [
|
67
|
-
- [
|
68
|
-
- [
|
69
|
-
- [
|
70
|
-
- [
|
71
|
-
- [
|
72
|
-
- [
|
73
|
-
- [
|
74
|
-
- [
|
75
|
-
- [
|
76
|
-
- [
|
77
|
-
- [
|
78
|
-
- [
|
79
|
-
- [
|
80
|
-
- [
|
81
|
-
- [
|
82
|
-
- [
|
83
|
-
- [
|
84
|
-
- [
|
85
|
-
- [
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
- [
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
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
|
+
- [ToggleGroup](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/toggle-group.md)
|
85
|
+
- [Tooltip](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tooltip.md)
|
86
|
+
- [TreeView](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tree-view.md)
|
87
|
+
- [Tour](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/tour.md)
|
88
|
+
- [The `asChild` prop](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/aschild.md)
|
89
|
+
- [Styling](https://github.com/calvo-jp/ui-ingredients/blob/main/docs/styling.md)
|
90
|
+
|
91
|
+
## Credits
|
92
|
+
|
93
|
+
- [zag](https://zagjs.com/) - The fantastic library that powers UI ingredients
|
94
|
+
- [ark](https://ark-ui.com/) - The outstanding headless component library that greatly inspired this one
|
95
|
+
|
96
|
+
## Demo
|
97
|
+
|
98
|
+
View components demo [here](https://ui-ingredients.vercel.app/)
|
@@ -13,7 +13,9 @@
|
|
13
13
|
|
14
14
|
let combobox = getComboboxContext();
|
15
15
|
|
16
|
-
let mergedProps = $derived(
|
16
|
+
let mergedProps = $derived(
|
17
|
+
mergeProps({'aria-expanded': false}, combobox.getInputProps(), props),
|
18
|
+
);
|
17
19
|
</script>
|
18
20
|
|
19
21
|
{#if asChild}
|
@@ -18,7 +18,10 @@
|
|
18
18
|
|
19
19
|
let editable = getEditableContext();
|
20
20
|
|
21
|
-
let mergedProps = $derived(
|
21
|
+
let mergedProps = $derived({
|
22
|
+
...mergeProps(editable.getPreviewProps(), props),
|
23
|
+
'aria-label': props['aria-label'] ?? undefined,
|
24
|
+
});
|
22
25
|
</script>
|
23
26
|
|
24
27
|
{#if asChild}
|
package/dist/index.d.ts
CHANGED
@@ -17,6 +17,7 @@ export * from './highlight/index.js';
|
|
17
17
|
export * from './hover-card/index.js';
|
18
18
|
export * from './locale-provider/index.js';
|
19
19
|
export * from './menu/index.js';
|
20
|
+
export * from './merge-props.js';
|
20
21
|
export * from './number-input/index.js';
|
21
22
|
export * from './pagination/index.js';
|
22
23
|
export * from './pin-input/index.js';
|
package/dist/index.js
CHANGED
@@ -17,6 +17,7 @@ export * from './highlight/index.js';
|
|
17
17
|
export * from './hover-card/index.js';
|
18
18
|
export * from './locale-provider/index.js';
|
19
19
|
export * from './menu/index.js';
|
20
|
+
export * from './merge-props.js';
|
20
21
|
export * from './number-input/index.js';
|
21
22
|
export * from './pagination/index.js';
|
22
23
|
export * from './pin-input/index.js';
|
@@ -6,5 +6,6 @@ export type { NumberInputInputProps } from './number-input-input.svelte';
|
|
6
6
|
export type { NumberInputLabelProps } from './number-input-label.svelte';
|
7
7
|
export type { NumberInputProps } from './number-input-root.svelte';
|
8
8
|
export type { NumberInputScrubberProps } from './number-input-scrubber.svelte';
|
9
|
+
export type { NumberInputValueTextProps } from './number-input-value-text.svelte';
|
9
10
|
export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
|
10
11
|
export { getNumberInputContext } from './number-input-context.svelte.js';
|
@@ -0,0 +1,36 @@
|
|
1
|
+
<script lang="ts" module>
|
2
|
+
import type {HtmlIngredientProps} from '../types.js';
|
3
|
+
|
4
|
+
export interface NumberInputValueTextProps
|
5
|
+
extends HtmlIngredientProps<'span', HTMLSpanElement> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '../merge-props.js';
|
10
|
+
import {getNumberInputContext} from './number-input-context.svelte.js';
|
11
|
+
|
12
|
+
let {
|
13
|
+
ref = $bindable(null),
|
14
|
+
asChild,
|
15
|
+
children,
|
16
|
+
...props
|
17
|
+
}: NumberInputValueTextProps = $props();
|
18
|
+
|
19
|
+
let numberInput = getNumberInputContext();
|
20
|
+
|
21
|
+
let mergedProps = $derived(
|
22
|
+
mergeProps(numberInput.getValueTextProps(), props),
|
23
|
+
);
|
24
|
+
</script>
|
25
|
+
|
26
|
+
{#if asChild}
|
27
|
+
{@render asChild(mergedProps)}
|
28
|
+
{:else}
|
29
|
+
<span bind:this={ref} {...mergedProps}>
|
30
|
+
{#if children}
|
31
|
+
{@render children?.()}
|
32
|
+
{:else}
|
33
|
+
{numberInput.valueAsNumber}
|
34
|
+
{/if}
|
35
|
+
</span>
|
36
|
+
{/if}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import type { HtmlIngredientProps } from '../types.js';
|
2
|
+
export interface NumberInputValueTextProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
|
3
|
+
}
|
4
|
+
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> {
|
5
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
6
|
+
$$bindings?: Bindings;
|
7
|
+
} & Exports;
|
8
|
+
(internal: unknown, props: Props & {
|
9
|
+
$$events?: Events;
|
10
|
+
$$slots?: Slots;
|
11
|
+
}): Exports & {
|
12
|
+
$set?: any;
|
13
|
+
$on?: any;
|
14
|
+
};
|
15
|
+
z_$$bindings?: Bindings;
|
16
|
+
}
|
17
|
+
declare const NumberInputValueText: $$__sveltets_2_IsomorphicComponent<NumberInputValueTextProps, {
|
18
|
+
[evt: string]: CustomEvent<any>;
|
19
|
+
}, {}, {}, "ref">;
|
20
|
+
type NumberInputValueText = InstanceType<typeof NumberInputValueText>;
|
21
|
+
export default NumberInputValueText;
|
@@ -5,3 +5,4 @@ export { default as Input } from './number-input-input.svelte';
|
|
5
5
|
export { default as Label } from './number-input-label.svelte';
|
6
6
|
export { default as Root } from './number-input-root.svelte';
|
7
7
|
export { default as Scrubber } from './number-input-scrubber.svelte';
|
8
|
+
export { default as ValueText } from './number-input-value-text.svelte';
|
@@ -5,3 +5,4 @@ export { default as Input } from './number-input-input.svelte';
|
|
5
5
|
export { default as Label } from './number-input-label.svelte';
|
6
6
|
export { default as Root } from './number-input-root.svelte';
|
7
7
|
export { default as Scrubber } from './number-input-scrubber.svelte';
|
8
|
+
export { default as ValueText } from './number-input-value-text.svelte';
|
@@ -1,5 +1,6 @@
|
|
1
1
|
export * as PinInput from './pin-input.js';
|
2
2
|
export type { PinInputClearTriggerProps } from './pin-input-clear-trigger.svelte';
|
3
|
+
export type { PinInputControlProps } from './pin-input-control.svelte';
|
3
4
|
export type { PinInputHiddenInputProps } from './pin-input-hidden-input.svelte';
|
4
5
|
export type { PinInputInputProps } from './pin-input-input.svelte';
|
5
6
|
export type { PinInputLabelProps } from './pin-input-label.svelte';
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<script lang="ts" module>
|
2
|
+
import type {HtmlIngredientProps} from '../types.js';
|
3
|
+
|
4
|
+
export interface PinInputControlProps
|
5
|
+
extends HtmlIngredientProps<'div', HTMLDivElement> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '../merge-props.js';
|
10
|
+
import {getPinInputContext} from './pin-input-context.svelte.js';
|
11
|
+
|
12
|
+
let {
|
13
|
+
ref = $bindable(null),
|
14
|
+
asChild,
|
15
|
+
children,
|
16
|
+
...props
|
17
|
+
}: PinInputControlProps = $props();
|
18
|
+
|
19
|
+
let pinInput = getPinInputContext();
|
20
|
+
|
21
|
+
let mergedProps = $derived(mergeProps(pinInput.getControlProps(), props));
|
22
|
+
</script>
|
23
|
+
|
24
|
+
{#if asChild}
|
25
|
+
{@render asChild(mergedProps)}
|
26
|
+
{:else}
|
27
|
+
<div bind:this={ref} {...mergedProps}>
|
28
|
+
{@render children?.()}
|
29
|
+
</div>
|
30
|
+
{/if}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import type { HtmlIngredientProps } from '../types.js';
|
2
|
+
export interface PinInputControlProps extends HtmlIngredientProps<'div', HTMLDivElement> {
|
3
|
+
}
|
4
|
+
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> {
|
5
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
6
|
+
$$bindings?: Bindings;
|
7
|
+
} & Exports;
|
8
|
+
(internal: unknown, props: Props & {
|
9
|
+
$$events?: Events;
|
10
|
+
$$slots?: Slots;
|
11
|
+
}): Exports & {
|
12
|
+
$set?: any;
|
13
|
+
$on?: any;
|
14
|
+
};
|
15
|
+
z_$$bindings?: Bindings;
|
16
|
+
}
|
17
|
+
declare const PinInputControl: $$__sveltets_2_IsomorphicComponent<PinInputControlProps, {
|
18
|
+
[evt: string]: CustomEvent<any>;
|
19
|
+
}, {}, {}, "ref">;
|
20
|
+
type PinInputControl = InstanceType<typeof PinInputControl>;
|
21
|
+
export default PinInputControl;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export { default as ClearTrigger } from './pin-input-clear-trigger.svelte';
|
2
|
+
export { default as Control } from './pin-input-control.svelte';
|
2
3
|
export { default as HiddenInput } from './pin-input-hidden-input.svelte';
|
3
4
|
export { default as Input } from './pin-input-input.svelte';
|
4
5
|
export { default as Label } from './pin-input-label.svelte';
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export { default as ClearTrigger } from './pin-input-clear-trigger.svelte';
|
2
|
+
export { default as Control } from './pin-input-control.svelte';
|
2
3
|
export { default as HiddenInput } from './pin-input-hidden-input.svelte';
|
3
4
|
export { default as Input } from './pin-input-input.svelte';
|
4
5
|
export { default as Label } from './pin-input-label.svelte';
|
package/dist/popover/index.d.ts
CHANGED
@@ -1,9 +1,11 @@
|
|
1
1
|
export * as Popover from './popover.js';
|
2
|
+
export type { PopoverAnchorProps } from './popover-anchor.svelte';
|
2
3
|
export type { PopoverArrowTipProps } from './popover-arrow-tip.svelte';
|
3
4
|
export type { PopoverArrowProps } from './popover-arrow.svelte';
|
4
5
|
export type { PopoverCloseTriggerProps } from './popover-close-trigger.svelte';
|
5
6
|
export type { PopoverContentProps } from './popover-content.svelte';
|
6
7
|
export type { PopoverDescriptionProps } from './popover-description.svelte';
|
8
|
+
export type { PopoverIndicatorProps } from './popover-indicator.svelte';
|
7
9
|
export type { PopoverPositionerProps } from './popover-positioner.svelte';
|
8
10
|
export type { PopoverProps } from './popover-root.svelte';
|
9
11
|
export type { PopoverTitleProps } from './popover-title.svelte';
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<script lang="ts" module>
|
2
|
+
import type {HtmlIngredientProps} from '../types.js';
|
3
|
+
|
4
|
+
export interface PopoverAnchorProps
|
5
|
+
extends HtmlIngredientProps<'div', HTMLDivElement> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '../merge-props.js';
|
10
|
+
import {getPopoverContext} from './popover-context.svelte.js';
|
11
|
+
|
12
|
+
let {
|
13
|
+
ref = $bindable(null),
|
14
|
+
asChild,
|
15
|
+
children,
|
16
|
+
...props
|
17
|
+
}: PopoverAnchorProps = $props();
|
18
|
+
|
19
|
+
let popover = getPopoverContext();
|
20
|
+
|
21
|
+
let mergedProps = $derived(mergeProps(popover.getAnchorProps(), props));
|
22
|
+
</script>
|
23
|
+
|
24
|
+
{#if asChild}
|
25
|
+
{@render asChild(mergedProps)}
|
26
|
+
{:else}
|
27
|
+
<div bind:this={ref} {...mergedProps}>
|
28
|
+
{@render children?.()}
|
29
|
+
</div>
|
30
|
+
{/if}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import type { HtmlIngredientProps } from '../types.js';
|
2
|
+
export interface PopoverAnchorProps extends HtmlIngredientProps<'div', HTMLDivElement> {
|
3
|
+
}
|
4
|
+
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> {
|
5
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
6
|
+
$$bindings?: Bindings;
|
7
|
+
} & Exports;
|
8
|
+
(internal: unknown, props: Props & {
|
9
|
+
$$events?: Events;
|
10
|
+
$$slots?: Slots;
|
11
|
+
}): Exports & {
|
12
|
+
$set?: any;
|
13
|
+
$on?: any;
|
14
|
+
};
|
15
|
+
z_$$bindings?: Bindings;
|
16
|
+
}
|
17
|
+
declare const PopoverAnchor: $$__sveltets_2_IsomorphicComponent<PopoverAnchorProps, {
|
18
|
+
[evt: string]: CustomEvent<any>;
|
19
|
+
}, {}, {}, "ref">;
|
20
|
+
type PopoverAnchor = InstanceType<typeof PopoverAnchor>;
|
21
|
+
export default PopoverAnchor;
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<script lang="ts" module>
|
2
|
+
import type {HtmlIngredientProps} from '../types.js';
|
3
|
+
|
4
|
+
export interface PopoverIndicatorProps
|
5
|
+
extends HtmlIngredientProps<'span', HTMLSpanElement> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '../merge-props.js';
|
10
|
+
import {getPopoverContext} from './popover-context.svelte.js';
|
11
|
+
|
12
|
+
let {
|
13
|
+
ref = $bindable(null),
|
14
|
+
asChild,
|
15
|
+
children,
|
16
|
+
...props
|
17
|
+
}: PopoverIndicatorProps = $props();
|
18
|
+
|
19
|
+
let popover = getPopoverContext();
|
20
|
+
|
21
|
+
let mergedProps = $derived(mergeProps(popover.getIndicatorProps(), props));
|
22
|
+
</script>
|
23
|
+
|
24
|
+
{#if asChild}
|
25
|
+
{@render asChild(mergedProps)}
|
26
|
+
{:else}
|
27
|
+
<span bind:this={ref} {...mergedProps}>
|
28
|
+
{@render children?.()}
|
29
|
+
</span>
|
30
|
+
{/if}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import type { HtmlIngredientProps } from '../types.js';
|
2
|
+
export interface PopoverIndicatorProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
|
3
|
+
}
|
4
|
+
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> {
|
5
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
6
|
+
$$bindings?: Bindings;
|
7
|
+
} & Exports;
|
8
|
+
(internal: unknown, props: Props & {
|
9
|
+
$$events?: Events;
|
10
|
+
$$slots?: Slots;
|
11
|
+
}): Exports & {
|
12
|
+
$set?: any;
|
13
|
+
$on?: any;
|
14
|
+
};
|
15
|
+
z_$$bindings?: Bindings;
|
16
|
+
}
|
17
|
+
declare const PopoverIndicator: $$__sveltets_2_IsomorphicComponent<PopoverIndicatorProps, {
|
18
|
+
[evt: string]: CustomEvent<any>;
|
19
|
+
}, {}, {}, "ref">;
|
20
|
+
type PopoverIndicator = InstanceType<typeof PopoverIndicator>;
|
21
|
+
export default PopoverIndicator;
|
@@ -1,8 +1,10 @@
|
|
1
|
+
export { default as Anchor } from './popover-anchor.svelte';
|
1
2
|
export { default as ArrowTip } from './popover-arrow-tip.svelte';
|
2
3
|
export { default as Arrow } from './popover-arrow.svelte';
|
3
4
|
export { default as CloseTrigger } from './popover-close-trigger.svelte';
|
4
5
|
export { default as Content } from './popover-content.svelte';
|
5
6
|
export { default as Description } from './popover-description.svelte';
|
7
|
+
export { default as Indicator } from './popover-indicator.svelte';
|
6
8
|
export { default as Positioner } from './popover-positioner.svelte';
|
7
9
|
export { default as Root } from './popover-root.svelte';
|
8
10
|
export { default as Title } from './popover-title.svelte';
|
package/dist/popover/popover.js
CHANGED
@@ -1,8 +1,10 @@
|
|
1
|
+
export { default as Anchor } from './popover-anchor.svelte';
|
1
2
|
export { default as ArrowTip } from './popover-arrow-tip.svelte';
|
2
3
|
export { default as Arrow } from './popover-arrow.svelte';
|
3
4
|
export { default as CloseTrigger } from './popover-close-trigger.svelte';
|
4
5
|
export { default as Content } from './popover-content.svelte';
|
5
6
|
export { default as Description } from './popover-description.svelte';
|
7
|
+
export { default as Indicator } from './popover-indicator.svelte';
|
6
8
|
export { default as Positioner } from './popover-positioner.svelte';
|
7
9
|
export { default as Root } from './popover-root.svelte';
|
8
10
|
export { default as Title } from './popover-title.svelte';
|
@@ -25,7 +25,11 @@
|
|
25
25
|
|
26
26
|
let itemState = $derived(ratingGroup.getItemState({index}));
|
27
27
|
let mergedProps = $derived(
|
28
|
-
mergeProps(
|
28
|
+
mergeProps(
|
29
|
+
{'aria-checked': itemState.checked},
|
30
|
+
ratingGroup.getItemProps({index}),
|
31
|
+
props,
|
32
|
+
),
|
29
33
|
);
|
30
34
|
</script>
|
31
35
|
|
@@ -18,7 +18,9 @@
|
|
18
18
|
|
19
19
|
let select = getSelectContext();
|
20
20
|
|
21
|
-
let mergedProps = $derived(
|
21
|
+
let mergedProps = $derived(
|
22
|
+
mergeProps({'aria-expanded': false}, select.getTriggerProps(), props),
|
23
|
+
);
|
22
24
|
</script>
|
23
25
|
|
24
26
|
{#if asChild}
|
package/dist/tabs/index.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
export * as Tabs from './tabs.js';
|
2
2
|
export type { TabsContentProps } from './tabs-content.svelte';
|
3
|
+
export type { TabsIndicatorProps } from './tabs-indicator.svelte';
|
3
4
|
export type { TabsListProps } from './tabs-list.svelte';
|
4
5
|
export type { TabsProps } from './tabs-root.svelte';
|
5
6
|
export type { TabsTriggerProps } from './tabs-trigger.svelte';
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<script lang="ts" module>
|
2
|
+
import type {HtmlIngredientProps} from '../types.js';
|
3
|
+
|
4
|
+
export interface TabsIndicatorProps
|
5
|
+
extends HtmlIngredientProps<'span', HTMLSpanElement> {}
|
6
|
+
</script>
|
7
|
+
|
8
|
+
<script lang="ts">
|
9
|
+
import {mergeProps} from '../merge-props.js';
|
10
|
+
import {getTabsContext} from './tabs-context.svelte.js';
|
11
|
+
|
12
|
+
let {
|
13
|
+
ref = $bindable(null),
|
14
|
+
asChild,
|
15
|
+
children,
|
16
|
+
...props
|
17
|
+
}: TabsIndicatorProps = $props();
|
18
|
+
|
19
|
+
let tabs = getTabsContext();
|
20
|
+
|
21
|
+
let mergedProps = $derived(mergeProps(tabs.getIndicatorProps(), props));
|
22
|
+
</script>
|
23
|
+
|
24
|
+
{#if asChild}
|
25
|
+
{@render asChild(mergedProps)}
|
26
|
+
{:else}
|
27
|
+
<span bind:this={ref} {...mergedProps}>
|
28
|
+
{@render children?.()}
|
29
|
+
</span>
|
30
|
+
{/if}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import type { HtmlIngredientProps } from '../types.js';
|
2
|
+
export interface TabsIndicatorProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
|
3
|
+
}
|
4
|
+
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> {
|
5
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
6
|
+
$$bindings?: Bindings;
|
7
|
+
} & Exports;
|
8
|
+
(internal: unknown, props: Props & {
|
9
|
+
$$events?: Events;
|
10
|
+
$$slots?: Slots;
|
11
|
+
}): Exports & {
|
12
|
+
$set?: any;
|
13
|
+
$on?: any;
|
14
|
+
};
|
15
|
+
z_$$bindings?: Bindings;
|
16
|
+
}
|
17
|
+
declare const TabsIndicator: $$__sveltets_2_IsomorphicComponent<TabsIndicatorProps, {
|
18
|
+
[evt: string]: CustomEvent<any>;
|
19
|
+
}, {}, {}, "ref">;
|
20
|
+
type TabsIndicator = InstanceType<typeof TabsIndicator>;
|
21
|
+
export default TabsIndicator;
|
package/dist/tabs/tabs.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
export { default as Content } from './tabs-content.svelte';
|
2
|
+
export { default as Indicator } from './tabs-indicator.svelte';
|
2
3
|
export { default as List } from './tabs-list.svelte';
|
3
4
|
export { default as Root } from './tabs-root.svelte';
|
4
5
|
export { default as Trigger } from './tabs-trigger.svelte';
|
package/dist/tabs/tabs.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
export { default as Content } from './tabs-content.svelte';
|
2
|
+
export { default as Indicator } from './tabs-indicator.svelte';
|
2
3
|
export { default as List } from './tabs-list.svelte';
|
3
4
|
export { default as Root } from './tabs-root.svelte';
|
4
5
|
export { default as Trigger } from './tabs-trigger.svelte';
|
@@ -5,15 +5,17 @@
|
|
5
5
|
export interface TreeViewBranchProps
|
6
6
|
extends Assign<
|
7
7
|
HtmlIngredientProps<'div', HTMLDivElement, BranchState>,
|
8
|
-
BranchProps
|
8
|
+
Omit<BranchProps, 'depth'>
|
9
9
|
> {}
|
10
10
|
</script>
|
11
11
|
|
12
12
|
<script lang="ts">
|
13
13
|
import {mergeProps} from '../merge-props.js';
|
14
|
+
import {reflect} from '@zag-js/svelte';
|
14
15
|
import {createSplitProps} from '@zag-js/utils';
|
15
16
|
import {
|
16
17
|
getTreeViewContext,
|
18
|
+
getTreeViewTreePropsContext,
|
17
19
|
setTreeViewBranchPropsContext,
|
18
20
|
} from './tree-view-context.svelte.js';
|
19
21
|
|
@@ -25,11 +27,17 @@
|
|
25
27
|
}: TreeViewBranchProps = $props();
|
26
28
|
|
27
29
|
let treeView = getTreeViewContext();
|
30
|
+
let treeViewProps = getTreeViewTreePropsContext();
|
28
31
|
|
29
|
-
let [
|
30
|
-
createSplitProps<BranchProps
|
32
|
+
let [branchPartialProps, localProps] = $derived(
|
33
|
+
createSplitProps<Omit<BranchProps, 'depth'>>(['value', 'disabled'])(props),
|
31
34
|
);
|
32
35
|
|
36
|
+
let branchProps = reflect(() => ({
|
37
|
+
...branchPartialProps,
|
38
|
+
...treeViewProps,
|
39
|
+
}));
|
40
|
+
|
33
41
|
let branchState = $derived(treeView.getBranchState(branchProps));
|
34
42
|
|
35
43
|
let mergedProps = $derived(
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import type { Assign, HtmlIngredientProps } from '../types.js';
|
2
2
|
import type { BranchProps, BranchState } from '@zag-js/tree-view';
|
3
|
-
export interface TreeViewBranchProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, BranchState>, BranchProps
|
3
|
+
export interface TreeViewBranchProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, BranchState>, Omit<BranchProps, 'depth'>> {
|
4
4
|
}
|
5
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
6
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
@@ -3,3 +3,10 @@ import type { CreateTreeViewReturn } from './create-tree-view.svelte.js';
|
|
3
3
|
export declare const getTreeViewContext: () => CreateTreeViewReturn, setTreeViewContext: (context: CreateTreeViewReturn | (() => CreateTreeViewReturn)) => void;
|
4
4
|
export declare const getTreeViewItemPropsContext: () => ItemProps, setTreeViewItemPropsContext: (context: ItemProps | (() => ItemProps)) => void;
|
5
5
|
export declare const getTreeViewBranchPropsContext: () => BranchProps, setTreeViewBranchPropsContext: (context: BranchProps | (() => BranchProps)) => void;
|
6
|
+
export declare const getTreeViewTreePropsContext: () => {
|
7
|
+
depth: number;
|
8
|
+
}, setTreeViewTreePropsContext: (context: {
|
9
|
+
depth: number;
|
10
|
+
} | (() => {
|
11
|
+
depth: number;
|
12
|
+
})) => void;
|
@@ -2,3 +2,4 @@ import { createContext } from '../create-context.svelte.js';
|
|
2
2
|
export const [getTreeViewContext, setTreeViewContext] = createContext('TreeView');
|
3
3
|
export const [getTreeViewItemPropsContext, setTreeViewItemPropsContext] = createContext('TreeViewItem');
|
4
4
|
export const [getTreeViewBranchPropsContext, setTreeViewBranchPropsContext] = createContext('TreeViewBranch');
|
5
|
+
export const [getTreeViewTreePropsContext, setTreeViewTreePropsContext] = createContext('TreeViewTree');
|
@@ -5,15 +5,17 @@
|
|
5
5
|
export interface TreeViewItemProps
|
6
6
|
extends Assign<
|
7
7
|
HtmlIngredientProps<'div', HTMLDivElement, ItemState>,
|
8
|
-
ItemProps
|
8
|
+
Omit<ItemProps, 'depth'>
|
9
9
|
> {}
|
10
10
|
</script>
|
11
11
|
|
12
12
|
<script lang="ts">
|
13
13
|
import {mergeProps} from '../merge-props.js';
|
14
|
+
import {reflect} from '@zag-js/svelte';
|
14
15
|
import {createSplitProps} from '@zag-js/utils';
|
15
16
|
import {
|
16
17
|
getTreeViewContext,
|
18
|
+
getTreeViewTreePropsContext,
|
17
19
|
setTreeViewItemPropsContext,
|
18
20
|
} from './tree-view-context.svelte.js';
|
19
21
|
|
@@ -25,11 +27,17 @@
|
|
25
27
|
}: TreeViewItemProps = $props();
|
26
28
|
|
27
29
|
let treeView = getTreeViewContext();
|
30
|
+
let treeViewProps = getTreeViewTreePropsContext();
|
28
31
|
|
29
|
-
let [
|
30
|
-
createSplitProps<ItemProps
|
32
|
+
let [itemPartialProps, localProps] = $derived(
|
33
|
+
createSplitProps<Omit<ItemProps, 'depth'>>(['value', 'disabled'])(props),
|
31
34
|
);
|
32
35
|
|
36
|
+
let itemProps: ItemProps = reflect(() => ({
|
37
|
+
...itemPartialProps,
|
38
|
+
...treeViewProps,
|
39
|
+
}));
|
40
|
+
|
33
41
|
let itemState = $derived(treeView.getItemState(itemProps));
|
34
42
|
|
35
43
|
let mergedProps = $derived(
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import type { Assign, HtmlIngredientProps } from '../types.js';
|
2
2
|
import type { ItemProps, ItemState } from '@zag-js/tree-view';
|
3
|
-
export interface TreeViewItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ItemState>, ItemProps
|
3
|
+
export interface TreeViewItemProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ItemState>, Omit<ItemProps, 'depth'>> {
|
4
4
|
}
|
5
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
6
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
@@ -2,15 +2,21 @@
|
|
2
2
|
import type {HtmlIngredientProps} from '../types.js';
|
3
3
|
|
4
4
|
export interface TreeViewTreeProps
|
5
|
-
extends HtmlIngredientProps<'div', HTMLDivElement> {
|
5
|
+
extends HtmlIngredientProps<'div', HTMLDivElement> {
|
6
|
+
depth?: number;
|
7
|
+
}
|
6
8
|
</script>
|
7
9
|
|
8
10
|
<script lang="ts">
|
9
11
|
import {mergeProps} from '../merge-props.js';
|
10
|
-
import {
|
12
|
+
import {
|
13
|
+
getTreeViewContext,
|
14
|
+
setTreeViewTreePropsContext,
|
15
|
+
} from './tree-view-context.svelte.js';
|
11
16
|
|
12
17
|
let {
|
13
18
|
ref = $bindable(null),
|
19
|
+
depth = 1,
|
14
20
|
asChild,
|
15
21
|
children,
|
16
22
|
...props
|
@@ -19,6 +25,8 @@
|
|
19
25
|
let treeView = getTreeViewContext();
|
20
26
|
|
21
27
|
let mergedProps = $derived(mergeProps(treeView.getTreeProps(), props));
|
28
|
+
|
29
|
+
setTreeViewTreePropsContext({depth});
|
22
30
|
</script>
|
23
31
|
|
24
32
|
{#if asChild}
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import type { HtmlIngredientProps } from '../types.js';
|
2
2
|
export interface TreeViewTreeProps extends HtmlIngredientProps<'div', HTMLDivElement> {
|
3
|
+
depth?: number;
|
3
4
|
}
|
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> {
|
5
6
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
package/package.json
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
"name": "ui-ingredients",
|
3
3
|
"type": "module",
|
4
4
|
"license": "MIT",
|
5
|
-
"version": "0.
|
5
|
+
"version": "0.1.1",
|
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.
|
274
|
-
"@zag-js/anatomy": "0.73.
|
275
|
-
"@zag-js/avatar": "0.73.
|
276
|
-
"@zag-js/carousel": "0.73.
|
277
|
-
"@zag-js/checkbox": "0.73.
|
278
|
-
"@zag-js/clipboard": "0.73.
|
279
|
-
"@zag-js/collapsible": "0.73.
|
280
|
-
"@zag-js/color-picker": "0.73.
|
281
|
-
"@zag-js/combobox": "0.73.
|
282
|
-
"@zag-js/core": "0.73.
|
283
|
-
"@zag-js/date-picker": "0.73.
|
284
|
-
"@zag-js/dialog": "0.73.
|
285
|
-
"@zag-js/dom-query": "0.73.
|
286
|
-
"@zag-js/editable": "0.73.
|
287
|
-
"@zag-js/file-upload": "0.73.
|
288
|
-
"@zag-js/floating-panel": "0.73.
|
289
|
-
"@zag-js/highlight-word": "0.73.
|
290
|
-
"@zag-js/hover-card": "0.73.
|
291
|
-
"@zag-js/i18n-utils": "0.73.
|
292
|
-
"@zag-js/menu": "0.73.
|
293
|
-
"@zag-js/number-input": "0.73.
|
294
|
-
"@zag-js/pagination": "0.73.
|
295
|
-
"@zag-js/pin-input": "0.73.
|
296
|
-
"@zag-js/popover": "0.73.
|
297
|
-
"@zag-js/presence": "0.73.
|
298
|
-
"@zag-js/progress": "0.73.
|
299
|
-
"@zag-js/qr-code": "0.73.
|
300
|
-
"@zag-js/radio-group": "0.73.
|
301
|
-
"@zag-js/rating-group": "0.73.
|
302
|
-
"@zag-js/select": "0.73.
|
303
|
-
"@zag-js/signature-pad": "0.73.
|
304
|
-
"@zag-js/slider": "0.73.
|
305
|
-
"@zag-js/splitter": "0.73.
|
306
|
-
"@zag-js/steps": "0.73.
|
307
|
-
"@zag-js/svelte": "0.73.
|
308
|
-
"@zag-js/switch": "0.73.
|
309
|
-
"@zag-js/tabs": "0.73.
|
310
|
-
"@zag-js/tags-input": "0.73.
|
311
|
-
"@zag-js/time-picker": "0.73.
|
312
|
-
"@zag-js/timer": "0.73.
|
313
|
-
"@zag-js/toast": "0.73.
|
314
|
-
"@zag-js/toggle-group": "0.73.
|
315
|
-
"@zag-js/tooltip": "0.73.
|
316
|
-
"@zag-js/tour": "0.73.
|
317
|
-
"@zag-js/tree-view": "0.73.
|
318
|
-
"@zag-js/utils": "0.73.
|
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": {
|
@@ -328,11 +328,12 @@
|
|
328
328
|
"@sveltejs/package": "2.3.5",
|
329
329
|
"@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
|
330
330
|
"@testing-library/jest-dom": "6.5.0",
|
331
|
-
"@testing-library/svelte": "5.2.
|
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.
|
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.
|
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.
|
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"
|