ui-ingredients 0.0.53 → 0.0.54
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/accordion/accordion-root.svelte +2 -2
- package/dist/avatar/avatar-root.svelte +2 -2
- package/dist/carousel/carousel-root.svelte +2 -2
- package/dist/checkbox/checkbox-root.svelte +2 -2
- package/dist/clipboard/clipboard-root.svelte +2 -2
- package/dist/collapsible/collapsible-root.svelte +2 -2
- package/dist/color-picker/color-picker-anatomy.d.ts +2 -0
- package/dist/color-picker/color-picker-anatomy.js +3 -0
- package/dist/color-picker/color-picker-channel-slider-label.svelte +3 -6
- package/dist/color-picker/color-picker-channel-slider-thumb.svelte +8 -2
- package/dist/color-picker/color-picker-channel-slider-track.svelte +8 -2
- package/dist/color-picker/color-picker-channel-slider-value-text.svelte +4 -10
- package/dist/color-picker/color-picker-channel-slider.svelte +12 -10
- package/dist/color-picker/color-picker-channel-slider.svelte.d.ts +2 -2
- package/dist/color-picker/color-picker-content.svelte +8 -6
- package/dist/color-picker/color-picker-context.svelte.d.ts +10 -2
- package/dist/color-picker/color-picker-context.svelte.js +1 -1
- package/dist/color-picker/color-picker-format-select.svelte +4 -4
- package/dist/color-picker/color-picker-root.svelte +21 -11
- package/dist/color-picker/color-picker-root.svelte.d.ts +2 -1
- package/dist/color-picker/color-picker-swatch-trigger.svelte +4 -7
- package/dist/color-picker/color-picker-swatch-trigger.svelte.d.ts +1 -1
- package/dist/color-picker/color-picker-transparency-grid.svelte +1 -6
- package/dist/color-picker/color-picker-value-swatch.svelte +41 -0
- package/dist/color-picker/color-picker-value-swatch.svelte.d.ts +22 -0
- package/dist/color-picker/color-picker-view.svelte +41 -0
- package/dist/color-picker/color-picker-view.svelte.d.ts +23 -0
- package/dist/color-picker/color-picker.d.ts +2 -0
- package/dist/color-picker/color-picker.js +2 -0
- package/dist/color-picker/create-color-picker.svelte.d.ts +11 -1
- package/dist/color-picker/create-color-picker.svelte.js +31 -2
- package/dist/color-picker/index.d.ts +3 -1
- package/dist/color-picker/index.js +1 -1
- package/dist/combobox/combobox-input.svelte +3 -1
- package/dist/combobox/combobox-root.svelte +2 -2
- package/dist/date-picker/date-picker-anatomy.d.ts +2 -2
- package/dist/date-picker/date-picker-month-select.svelte +6 -18
- package/dist/date-picker/date-picker-month-select.svelte.d.ts +1 -0
- package/dist/date-picker/date-picker-root.svelte +2 -2
- package/dist/date-picker/date-picker-year-select.svelte +2 -17
- package/dist/dialog/dialog-root.svelte +2 -2
- package/dist/editable/editable-root.svelte +2 -2
- package/dist/field/field-root.svelte +2 -2
- package/dist/file-upload/file-upload-root.svelte +2 -2
- package/dist/floating-panel/floating-panel-root.svelte +4 -2
- package/dist/highlight/highlight.svelte +2 -2
- package/dist/hover-card/hover-card-root.svelte +2 -2
- package/dist/number-input/number-input-root.svelte +2 -2
- package/dist/pagination/pagination-root.svelte +2 -2
- package/dist/pin-input/pin-input-root.svelte +2 -2
- package/dist/popover/popover-root.svelte +2 -2
- package/dist/presence/presence.svelte +2 -2
- package/dist/progress/progress-root.svelte +2 -2
- package/dist/qr-code/qr-code-root.svelte +2 -2
- package/dist/radio-group/radio-group-root.svelte +2 -2
- package/dist/rating-group/rating-group-root.svelte +2 -2
- package/dist/segment-group/segment-group-root.svelte +2 -2
- package/dist/select/select-root.svelte +2 -2
- package/dist/signature-pad/signature-pad-root.svelte +2 -2
- package/dist/slider/slider-root.svelte +2 -2
- package/dist/splitter/splitter-root.svelte +2 -2
- package/dist/steps/steps-root.svelte +2 -2
- package/dist/switch/switch-root.svelte +2 -2
- package/dist/tabs/tabs-root.svelte +2 -2
- package/dist/tags-input/tags-input-root.svelte +2 -2
- package/dist/time-picker/time-picker-root.svelte +2 -2
- package/dist/timer/timer-root.svelte +2 -2
- package/dist/toggle-group/toggle-group-root.svelte +2 -2
- package/dist/tooltip/tooltip-root.svelte +2 -2
- package/dist/tour/tour-root.svelte +2 -2
- package/dist/tree-view/tree-view-root.svelte +2 -2
- package/package.json +53 -53
@@ -21,7 +21,7 @@
|
|
21
21
|
|
22
22
|
let {this: e, asChild, children, ...props}: SwitchProps = $props();
|
23
23
|
|
24
|
-
let [
|
24
|
+
let [createSwitchProps, localProps] = $derived(
|
25
25
|
createSplitProps<CreateSwitchProps>([
|
26
26
|
'id',
|
27
27
|
'ids',
|
@@ -38,7 +38,7 @@
|
|
38
38
|
])(props),
|
39
39
|
);
|
40
40
|
|
41
|
-
let switch_ = createSwitch(reflect(() =>
|
41
|
+
let switch_ = createSwitch(reflect(() => createSwitchProps));
|
42
42
|
|
43
43
|
let mergedProps = $derived(mergeProps(localProps, switch_.getRootProps()));
|
44
44
|
|
@@ -21,7 +21,7 @@
|
|
21
21
|
|
22
22
|
let {this: e, asChild, children, ...props}: TabsProps = $props();
|
23
23
|
|
24
|
-
let [
|
24
|
+
let [createTabsProps, localProps] = $derived(
|
25
25
|
createSplitProps<CreateTabsProps>([
|
26
26
|
'id',
|
27
27
|
'ids',
|
@@ -36,7 +36,7 @@
|
|
36
36
|
])(props),
|
37
37
|
);
|
38
38
|
|
39
|
-
let tabs = createTabs(reflect(() =>
|
39
|
+
let tabs = createTabs(reflect(() => createTabsProps));
|
40
40
|
|
41
41
|
let mergedProps = $derived(mergeProps(localProps, tabs.getRootProps()));
|
42
42
|
|
@@ -21,7 +21,7 @@
|
|
21
21
|
|
22
22
|
let {this: e, asChild, children, ...props}: TagsInputProps = $props();
|
23
23
|
|
24
|
-
let [
|
24
|
+
let [createTagsInputProps, localProps] = $derived(
|
25
25
|
createSplitProps<CreateTagsInputProps>([
|
26
26
|
'id',
|
27
27
|
'ids',
|
@@ -53,7 +53,7 @@
|
|
53
53
|
])(props),
|
54
54
|
);
|
55
55
|
|
56
|
-
let tagsInput = createTagsInput(reflect(() =>
|
56
|
+
let tagsInput = createTagsInput(reflect(() => createTagsInputProps));
|
57
57
|
|
58
58
|
let mergedProps = $derived(mergeProps(localProps, tagsInput.getRootProps()));
|
59
59
|
|
@@ -25,7 +25,7 @@
|
|
25
25
|
|
26
26
|
let {this: e, asChild, children, ...props}: TimePickerProps = $props();
|
27
27
|
|
28
|
-
let [
|
28
|
+
let [createTimePickerProps, rest] = $derived(
|
29
29
|
createSplitProps<CreateTimePickerProps>([
|
30
30
|
'id',
|
31
31
|
'ids',
|
@@ -53,7 +53,7 @@
|
|
53
53
|
createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(rest),
|
54
54
|
);
|
55
55
|
|
56
|
-
let timePicker = createTimePicker(reflect(() =>
|
56
|
+
let timePicker = createTimePicker(reflect(() => createTimePickerProps));
|
57
57
|
let presence = createPresence(
|
58
58
|
reflect(() => ({
|
59
59
|
...presenceStrategyProps,
|
@@ -21,7 +21,7 @@
|
|
21
21
|
|
22
22
|
let {this: e, asChild, children, ...props}: TimerProps = $props();
|
23
23
|
|
24
|
-
let [
|
24
|
+
let [createTimerProps, localProps] = $derived(
|
25
25
|
createSplitProps<CreateTimerProps>([
|
26
26
|
'id',
|
27
27
|
'startMs',
|
@@ -34,7 +34,7 @@
|
|
34
34
|
])(props),
|
35
35
|
);
|
36
36
|
|
37
|
-
let timer = createTimer(reflect(() =>
|
37
|
+
let timer = createTimer(reflect(() => createTimerProps));
|
38
38
|
|
39
39
|
let mergedProps = $derived(mergeProps(localProps, timer.getRootProps()));
|
40
40
|
|
@@ -21,7 +21,7 @@
|
|
21
21
|
|
22
22
|
let {this: e, asChild, children, ...props}: ToggleGroupProps = $props();
|
23
23
|
|
24
|
-
let [
|
24
|
+
let [createToggleGroupProps, localProps] = $derived(
|
25
25
|
createSplitProps<CreateToggleGroupProps>([
|
26
26
|
'id',
|
27
27
|
'ids',
|
@@ -35,7 +35,7 @@
|
|
35
35
|
])(props),
|
36
36
|
);
|
37
37
|
|
38
|
-
let toggleGroup = createToggleGroup(reflect(() =>
|
38
|
+
let toggleGroup = createToggleGroup(reflect(() => createToggleGroupProps));
|
39
39
|
|
40
40
|
let mergedProps = $derived(
|
41
41
|
mergeProps(localProps, toggleGroup.getRootProps()),
|
@@ -23,13 +23,13 @@
|
|
23
23
|
|
24
24
|
let {children, ...props}: TooltipProps = $props();
|
25
25
|
|
26
|
-
let [presenceStrategyProps,
|
26
|
+
let [presenceStrategyProps, createTooltipProps] = $derived(
|
27
27
|
createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
|
28
28
|
props,
|
29
29
|
),
|
30
30
|
);
|
31
31
|
|
32
|
-
let tooltip = createTooltip(reflect(() =>
|
32
|
+
let tooltip = createTooltip(reflect(() => createTooltipProps));
|
33
33
|
let presence = createPresence(
|
34
34
|
reflect(() => ({
|
35
35
|
...presenceStrategyProps,
|
@@ -24,13 +24,13 @@
|
|
24
24
|
|
25
25
|
let {children, ...props}: TourProps = $props();
|
26
26
|
|
27
|
-
let [presenceStrategyProps,
|
27
|
+
let [presenceStrategyProps, createTourProps] = $derived(
|
28
28
|
createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
|
29
29
|
props,
|
30
30
|
),
|
31
31
|
);
|
32
32
|
|
33
|
-
let tour = createTour(reflect(() =>
|
33
|
+
let tour = createTour(reflect(() => createTourProps));
|
34
34
|
|
35
35
|
let presence = createPresence(
|
36
36
|
reflect(() => ({
|
@@ -21,7 +21,7 @@
|
|
21
21
|
|
22
22
|
let {this: e, asChild, children, ...props}: TreeViewProps = $props();
|
23
23
|
|
24
|
-
let [
|
24
|
+
let [createTreeViewProps, localProps] = $derived(
|
25
25
|
createSplitProps<CreateTreeViewProps>([
|
26
26
|
'id',
|
27
27
|
'ids',
|
@@ -37,7 +37,7 @@
|
|
37
37
|
])(props),
|
38
38
|
);
|
39
39
|
|
40
|
-
let treeView = createTreeView(reflect(() =>
|
40
|
+
let treeView = createTreeView(reflect(() => createTreeViewProps));
|
41
41
|
|
42
42
|
let mergedProps = $derived(mergeProps(localProps, treeView.getRootProps()));
|
43
43
|
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "ui-ingredients",
|
3
3
|
"type": "module",
|
4
|
-
"version": "0.0.
|
4
|
+
"version": "0.0.54",
|
5
5
|
"packageManager": "pnpm@9.7.0",
|
6
6
|
"svelte": "./dist/index.js",
|
7
7
|
"types": "./dist/index.d.ts",
|
@@ -85,51 +85,51 @@
|
|
85
85
|
"release": "release-it"
|
86
86
|
},
|
87
87
|
"dependencies": {
|
88
|
-
"@zag-js/accordion": "0.68.
|
89
|
-
"@zag-js/anatomy": "0.68.
|
90
|
-
"@zag-js/avatar": "0.68.
|
91
|
-
"@zag-js/carousel": "0.68.
|
92
|
-
"@zag-js/checkbox": "0.68.
|
93
|
-
"@zag-js/clipboard": "0.68.
|
94
|
-
"@zag-js/collapsible": "0.68.
|
95
|
-
"@zag-js/color-picker": "0.68.
|
96
|
-
"@zag-js/combobox": "0.68.
|
97
|
-
"@zag-js/date-picker": "0.68.
|
98
|
-
"@zag-js/dialog": "0.68.
|
99
|
-
"@zag-js/dom-query": "0.68.
|
100
|
-
"@zag-js/editable": "0.68.
|
101
|
-
"@zag-js/file-upload": "0.68.
|
102
|
-
"@zag-js/floating-panel": "0.68.
|
103
|
-
"@zag-js/highlight-word": "0.68.
|
104
|
-
"@zag-js/hover-card": "0.68.
|
105
|
-
"@zag-js/i18n-utils": "0.68.
|
106
|
-
"@zag-js/menu": "0.68.
|
107
|
-
"@zag-js/number-input": "0.68.
|
108
|
-
"@zag-js/pagination": "0.68.
|
109
|
-
"@zag-js/pin-input": "0.68.
|
110
|
-
"@zag-js/popover": "0.68.
|
111
|
-
"@zag-js/presence": "0.68.
|
112
|
-
"@zag-js/progress": "0.68.
|
113
|
-
"@zag-js/qr-code": "0.68.
|
114
|
-
"@zag-js/radio-group": "0.68.
|
115
|
-
"@zag-js/rating-group": "0.68.
|
116
|
-
"@zag-js/select": "0.68.
|
117
|
-
"@zag-js/signature-pad": "0.68.
|
118
|
-
"@zag-js/slider": "0.68.
|
119
|
-
"@zag-js/splitter": "0.68.
|
120
|
-
"@zag-js/steps": "0.68.
|
121
|
-
"@zag-js/svelte": "0.68.
|
122
|
-
"@zag-js/switch": "0.68.
|
123
|
-
"@zag-js/tabs": "0.68.
|
124
|
-
"@zag-js/tags-input": "0.68.
|
125
|
-
"@zag-js/time-picker": "0.68.
|
126
|
-
"@zag-js/timer": "0.68.
|
127
|
-
"@zag-js/toast": "0.68.
|
128
|
-
"@zag-js/toggle-group": "0.68.
|
129
|
-
"@zag-js/tooltip": "0.68.
|
130
|
-
"@zag-js/tour": "0.68.
|
131
|
-
"@zag-js/tree-view": "0.68.
|
132
|
-
"@zag-js/utils": "0.68.
|
88
|
+
"@zag-js/accordion": "0.68.1",
|
89
|
+
"@zag-js/anatomy": "0.68.1",
|
90
|
+
"@zag-js/avatar": "0.68.1",
|
91
|
+
"@zag-js/carousel": "0.68.1",
|
92
|
+
"@zag-js/checkbox": "0.68.1",
|
93
|
+
"@zag-js/clipboard": "0.68.1",
|
94
|
+
"@zag-js/collapsible": "0.68.1",
|
95
|
+
"@zag-js/color-picker": "0.68.1",
|
96
|
+
"@zag-js/combobox": "0.68.1",
|
97
|
+
"@zag-js/date-picker": "0.68.1",
|
98
|
+
"@zag-js/dialog": "0.68.1",
|
99
|
+
"@zag-js/dom-query": "0.68.1",
|
100
|
+
"@zag-js/editable": "0.68.1",
|
101
|
+
"@zag-js/file-upload": "0.68.1",
|
102
|
+
"@zag-js/floating-panel": "0.68.1",
|
103
|
+
"@zag-js/highlight-word": "0.68.1",
|
104
|
+
"@zag-js/hover-card": "0.68.1",
|
105
|
+
"@zag-js/i18n-utils": "0.68.1",
|
106
|
+
"@zag-js/menu": "0.68.1",
|
107
|
+
"@zag-js/number-input": "0.68.1",
|
108
|
+
"@zag-js/pagination": "0.68.1",
|
109
|
+
"@zag-js/pin-input": "0.68.1",
|
110
|
+
"@zag-js/popover": "0.68.1",
|
111
|
+
"@zag-js/presence": "0.68.1",
|
112
|
+
"@zag-js/progress": "0.68.1",
|
113
|
+
"@zag-js/qr-code": "0.68.1",
|
114
|
+
"@zag-js/radio-group": "0.68.1",
|
115
|
+
"@zag-js/rating-group": "0.68.1",
|
116
|
+
"@zag-js/select": "0.68.1",
|
117
|
+
"@zag-js/signature-pad": "0.68.1",
|
118
|
+
"@zag-js/slider": "0.68.1",
|
119
|
+
"@zag-js/splitter": "0.68.1",
|
120
|
+
"@zag-js/steps": "0.68.1",
|
121
|
+
"@zag-js/svelte": "0.68.1",
|
122
|
+
"@zag-js/switch": "0.68.1",
|
123
|
+
"@zag-js/tabs": "0.68.1",
|
124
|
+
"@zag-js/tags-input": "0.68.1",
|
125
|
+
"@zag-js/time-picker": "0.68.1",
|
126
|
+
"@zag-js/timer": "0.68.1",
|
127
|
+
"@zag-js/toast": "0.68.1",
|
128
|
+
"@zag-js/toggle-group": "0.68.1",
|
129
|
+
"@zag-js/tooltip": "0.68.1",
|
130
|
+
"@zag-js/tour": "0.68.1",
|
131
|
+
"@zag-js/tree-view": "0.68.1",
|
132
|
+
"@zag-js/utils": "0.68.1",
|
133
133
|
"uid": "2.0.2"
|
134
134
|
},
|
135
135
|
"peerDependencies": {
|
@@ -137,28 +137,28 @@
|
|
137
137
|
},
|
138
138
|
"devDependencies": {
|
139
139
|
"@faker-js/faker": "9.0.1",
|
140
|
-
"@sveltejs/adapter-vercel": "5.4.
|
141
|
-
"@sveltejs/kit": "2.5.
|
140
|
+
"@sveltejs/adapter-vercel": "5.4.4",
|
141
|
+
"@sveltejs/kit": "2.5.28",
|
142
142
|
"@sveltejs/package": "2.3.5",
|
143
143
|
"@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
|
144
144
|
"@testing-library/jest-dom": "6.5.0",
|
145
145
|
"@testing-library/svelte": "5.2.1",
|
146
146
|
"@types/jsdom": "21.1.7",
|
147
|
-
"@untitled-theme/icons-svelte": "0.10.
|
147
|
+
"@untitled-theme/icons-svelte": "0.10.9",
|
148
148
|
"autoprefixer": "10.4.20",
|
149
149
|
"globals": "15.9.0",
|
150
150
|
"jsdom": "25.0.0",
|
151
151
|
"postcss": "8.4.47",
|
152
|
-
"publint": "0.2.
|
152
|
+
"publint": "0.2.11",
|
153
153
|
"release-it": "17.6.0",
|
154
154
|
"resize-observer-polyfill": "1.5.1",
|
155
|
-
"svelte": "5.0.0-next.
|
155
|
+
"svelte": "5.0.0-next.257",
|
156
156
|
"svelte-check": "4.0.2",
|
157
157
|
"tailwind-merge": "2.5.2",
|
158
158
|
"tailwind-variants": "0.2.1",
|
159
|
-
"tailwindcss": "3.4.
|
159
|
+
"tailwindcss": "3.4.12",
|
160
160
|
"typescript": "5.6.2",
|
161
|
-
"vite": "5.4.
|
161
|
+
"vite": "5.4.6",
|
162
162
|
"vitest": "2.1.1",
|
163
163
|
"vitest-axe": "1.0.0-pre.3",
|
164
164
|
"vitest-canvas-mock": "0.3.3"
|