ui-ingredients 0.0.53 → 0.0.55

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. package/dist/accordion/accordion-root.svelte +2 -2
  2. package/dist/avatar/avatar-root.svelte +2 -2
  3. package/dist/carousel/carousel-root.svelte +2 -2
  4. package/dist/checkbox/checkbox-root.svelte +2 -2
  5. package/dist/clipboard/clipboard-root.svelte +2 -2
  6. package/dist/collapsible/collapsible-root.svelte +2 -2
  7. package/dist/color-picker/color-picker-anatomy.d.ts +2 -0
  8. package/dist/color-picker/color-picker-anatomy.js +3 -0
  9. package/dist/color-picker/color-picker-channel-slider-label.svelte +3 -6
  10. package/dist/color-picker/color-picker-channel-slider-thumb.svelte +8 -2
  11. package/dist/color-picker/color-picker-channel-slider-track.svelte +8 -2
  12. package/dist/color-picker/color-picker-channel-slider-value-text.svelte +4 -10
  13. package/dist/color-picker/color-picker-channel-slider.svelte +12 -10
  14. package/dist/color-picker/color-picker-channel-slider.svelte.d.ts +2 -2
  15. package/dist/color-picker/color-picker-content.svelte +8 -6
  16. package/dist/color-picker/color-picker-context.svelte.d.ts +10 -2
  17. package/dist/color-picker/color-picker-context.svelte.js +1 -1
  18. package/dist/color-picker/color-picker-format-select.svelte +4 -4
  19. package/dist/color-picker/color-picker-root.svelte +21 -11
  20. package/dist/color-picker/color-picker-root.svelte.d.ts +2 -1
  21. package/dist/color-picker/color-picker-swatch-trigger.svelte +4 -7
  22. package/dist/color-picker/color-picker-swatch-trigger.svelte.d.ts +1 -1
  23. package/dist/color-picker/color-picker-transparency-grid.svelte +1 -6
  24. package/dist/color-picker/color-picker-value-swatch.svelte +41 -0
  25. package/dist/color-picker/color-picker-value-swatch.svelte.d.ts +22 -0
  26. package/dist/color-picker/color-picker-view.svelte +41 -0
  27. package/dist/color-picker/color-picker-view.svelte.d.ts +23 -0
  28. package/dist/color-picker/color-picker.d.ts +2 -0
  29. package/dist/color-picker/color-picker.js +2 -0
  30. package/dist/color-picker/create-color-picker.svelte.d.ts +11 -1
  31. package/dist/color-picker/create-color-picker.svelte.js +31 -2
  32. package/dist/color-picker/index.d.ts +3 -1
  33. package/dist/color-picker/index.js +1 -1
  34. package/dist/combobox/combobox-input.svelte +3 -1
  35. package/dist/combobox/combobox-root.svelte +2 -2
  36. package/dist/date-picker/date-picker-anatomy.d.ts +2 -2
  37. package/dist/date-picker/date-picker-month-select.svelte +6 -18
  38. package/dist/date-picker/date-picker-month-select.svelte.d.ts +1 -0
  39. package/dist/date-picker/date-picker-root.svelte +2 -2
  40. package/dist/date-picker/date-picker-year-select.svelte +2 -17
  41. package/dist/dialog/dialog-root.svelte +2 -2
  42. package/dist/editable/editable-root.svelte +2 -2
  43. package/dist/field/field-root.svelte +2 -2
  44. package/dist/file-upload/file-upload-root.svelte +2 -2
  45. package/dist/floating-panel/floating-panel-root.svelte +4 -2
  46. package/dist/highlight/highlight.svelte +2 -2
  47. package/dist/hover-card/hover-card-root.svelte +2 -2
  48. package/dist/number-input/number-input-root.svelte +2 -2
  49. package/dist/pagination/pagination-root.svelte +2 -2
  50. package/dist/pin-input/pin-input-root.svelte +2 -2
  51. package/dist/popover/popover-root.svelte +2 -2
  52. package/dist/presence/presence.svelte +2 -2
  53. package/dist/progress/progress-root.svelte +2 -2
  54. package/dist/qr-code/qr-code-root.svelte +2 -2
  55. package/dist/radio-group/radio-group-root.svelte +2 -2
  56. package/dist/rating-group/rating-group-root.svelte +2 -2
  57. package/dist/segment-group/segment-group-root.svelte +2 -2
  58. package/dist/select/select-root.svelte +3 -2
  59. package/dist/signature-pad/signature-pad-root.svelte +2 -2
  60. package/dist/slider/slider-root.svelte +2 -2
  61. package/dist/splitter/splitter-root.svelte +2 -2
  62. package/dist/steps/steps-root.svelte +2 -2
  63. package/dist/switch/switch-root.svelte +2 -2
  64. package/dist/tabs/tabs-root.svelte +2 -2
  65. package/dist/tags-input/tags-input-root.svelte +2 -2
  66. package/dist/time-picker/time-picker-root.svelte +2 -2
  67. package/dist/timer/timer-root.svelte +2 -2
  68. package/dist/toggle-group/toggle-group-root.svelte +2 -2
  69. package/dist/tooltip/tooltip-root.svelte +2 -2
  70. package/dist/tour/tour-root.svelte +2 -2
  71. package/dist/tree-view/tree-view-root.svelte +2 -2
  72. package/package.json +54 -54
package/dist/switch/switch-root.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  let {this: e, asChild, children, ...props}: SwitchProps = $props();
23
23
 
24
- let [switchProps, localProps] = $derived(
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(() => switchProps));
41
+ let switch_ = createSwitch(reflect(() => createSwitchProps));
42
42
 
43
43
  let mergedProps = $derived(mergeProps(localProps, switch_.getRootProps()));
44
44
 
package/dist/tabs/tabs-root.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  let {this: e, asChild, children, ...props}: TabsProps = $props();
23
23
 
24
- let [tabsProps, localProps] = $derived(
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(() => tabsProps));
39
+ let tabs = createTabs(reflect(() => createTabsProps));
40
40
 
41
41
  let mergedProps = $derived(mergeProps(localProps, tabs.getRootProps()));
42
42
 
package/dist/tags-input/tags-input-root.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  let {this: e, asChild, children, ...props}: TagsInputProps = $props();
23
23
 
24
- let [tagsInputProps, localProps] = $derived(
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(() => tagsInputProps));
56
+ let tagsInput = createTagsInput(reflect(() => createTagsInputProps));
57
57
 
58
58
  let mergedProps = $derived(mergeProps(localProps, tagsInput.getRootProps()));
59
59
 
package/dist/time-picker/time-picker-root.svelte CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  let {this: e, asChild, children, ...props}: TimePickerProps = $props();
27
27
 
28
- let [timePickerProps, rest] = $derived(
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(() => timePickerProps));
56
+ let timePicker = createTimePicker(reflect(() => createTimePickerProps));
57
57
  let presence = createPresence(
58
58
  reflect(() => ({
59
59
  ...presenceStrategyProps,
package/dist/timer/timer-root.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  let {this: e, asChild, children, ...props}: TimerProps = $props();
23
23
 
24
- let [timerProps, localProps] = $derived(
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(() => timerProps));
37
+ let timer = createTimer(reflect(() => createTimerProps));
38
38
 
39
39
  let mergedProps = $derived(mergeProps(localProps, timer.getRootProps()));
40
40
 
package/dist/toggle-group/toggle-group-root.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  let {this: e, asChild, children, ...props}: ToggleGroupProps = $props();
23
23
 
24
- let [toggleGroupProps, localProps] = $derived(
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(() => toggleGroupProps));
38
+ let toggleGroup = createToggleGroup(reflect(() => createToggleGroupProps));
39
39
 
40
40
  let mergedProps = $derived(
41
41
  mergeProps(localProps, toggleGroup.getRootProps()),
package/dist/tooltip/tooltip-root.svelte CHANGED
@@ -23,13 +23,13 @@
23
23
 
24
24
  let {children, ...props}: TooltipProps = $props();
25
25
 
26
- let [presenceStrategyProps, tooltipProps] = $derived(
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(() => tooltipProps));
32
+ let tooltip = createTooltip(reflect(() => createTooltipProps));
33
33
  let presence = createPresence(
34
34
  reflect(() => ({
35
35
  ...presenceStrategyProps,
package/dist/tour/tour-root.svelte CHANGED
@@ -24,13 +24,13 @@
24
24
 
25
25
  let {children, ...props}: TourProps = $props();
26
26
 
27
- let [presenceStrategyProps, tourProps] = $derived(
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(() => tourProps));
33
+ let tour = createTour(reflect(() => createTourProps));
34
34
 
35
35
  let presence = createPresence(
36
36
  reflect(() => ({
package/dist/tree-view/tree-view-root.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  let {this: e, asChild, children, ...props}: TreeViewProps = $props();
23
23
 
24
- let [treeViewProps, localProps] = $derived(
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(() => treeViewProps));
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.53",
4
+ "version": "0.0.55",
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.0",
89
- "@zag-js/anatomy": "0.68.0",
90
- "@zag-js/avatar": "0.68.0",
91
- "@zag-js/carousel": "0.68.0",
92
- "@zag-js/checkbox": "0.68.0",
93
- "@zag-js/clipboard": "0.68.0",
94
- "@zag-js/collapsible": "0.68.0",
95
- "@zag-js/color-picker": "0.68.0",
96
- "@zag-js/combobox": "0.68.0",
97
- "@zag-js/date-picker": "0.68.0",
98
- "@zag-js/dialog": "0.68.0",
99
- "@zag-js/dom-query": "0.68.0",
100
- "@zag-js/editable": "0.68.0",
101
- "@zag-js/file-upload": "0.68.0",
102
- "@zag-js/floating-panel": "0.68.0",
103
- "@zag-js/highlight-word": "0.68.0",
104
- "@zag-js/hover-card": "0.68.0",
105
- "@zag-js/i18n-utils": "0.68.0",
106
- "@zag-js/menu": "0.68.0",
107
- "@zag-js/number-input": "0.68.0",
108
- "@zag-js/pagination": "0.68.0",
109
- "@zag-js/pin-input": "0.68.0",
110
- "@zag-js/popover": "0.68.0",
111
- "@zag-js/presence": "0.68.0",
112
- "@zag-js/progress": "0.68.0",
113
- "@zag-js/qr-code": "0.68.0",
114
- "@zag-js/radio-group": "0.68.0",
115
- "@zag-js/rating-group": "0.68.0",
116
- "@zag-js/select": "0.68.0",
117
- "@zag-js/signature-pad": "0.68.0",
118
- "@zag-js/slider": "0.68.0",
119
- "@zag-js/splitter": "0.68.0",
120
- "@zag-js/steps": "0.68.0",
121
- "@zag-js/svelte": "0.68.0",
122
- "@zag-js/switch": "0.68.0",
123
- "@zag-js/tabs": "0.68.0",
124
- "@zag-js/tags-input": "0.68.0",
125
- "@zag-js/time-picker": "0.68.0",
126
- "@zag-js/timer": "0.68.0",
127
- "@zag-js/toast": "0.68.0",
128
- "@zag-js/toggle-group": "0.68.0",
129
- "@zag-js/tooltip": "0.68.0",
130
- "@zag-js/tour": "0.68.0",
131
- "@zag-js/tree-view": "0.68.0",
132
- "@zag-js/utils": "0.68.0",
88
+ "@zag-js/accordion": "0.70.0",
89
+ "@zag-js/anatomy": "0.70.0",
90
+ "@zag-js/avatar": "0.70.0",
91
+ "@zag-js/carousel": "0.70.0",
92
+ "@zag-js/checkbox": "0.70.0",
93
+ "@zag-js/clipboard": "0.70.0",
94
+ "@zag-js/collapsible": "0.70.0",
95
+ "@zag-js/color-picker": "0.70.0",
96
+ "@zag-js/combobox": "0.70.0",
97
+ "@zag-js/date-picker": "0.70.0",
98
+ "@zag-js/dialog": "0.70.0",
99
+ "@zag-js/dom-query": "0.70.0",
100
+ "@zag-js/editable": "0.70.0",
101
+ "@zag-js/file-upload": "0.70.0",
102
+ "@zag-js/floating-panel": "0.70.0",
103
+ "@zag-js/highlight-word": "0.70.0",
104
+ "@zag-js/hover-card": "0.70.0",
105
+ "@zag-js/i18n-utils": "0.70.0",
106
+ "@zag-js/menu": "0.70.0",
107
+ "@zag-js/number-input": "0.70.0",
108
+ "@zag-js/pagination": "0.70.0",
109
+ "@zag-js/pin-input": "0.70.0",
110
+ "@zag-js/popover": "0.70.0",
111
+ "@zag-js/presence": "0.70.0",
112
+ "@zag-js/progress": "0.70.0",
113
+ "@zag-js/qr-code": "0.70.0",
114
+ "@zag-js/radio-group": "0.70.0",
115
+ "@zag-js/rating-group": "0.70.0",
116
+ "@zag-js/select": "0.70.0",
117
+ "@zag-js/signature-pad": "0.70.0",
118
+ "@zag-js/slider": "0.70.0",
119
+ "@zag-js/splitter": "0.70.0",
120
+ "@zag-js/steps": "0.70.0",
121
+ "@zag-js/svelte": "0.70.0",
122
+ "@zag-js/switch": "0.70.0",
123
+ "@zag-js/tabs": "0.70.0",
124
+ "@zag-js/tags-input": "0.70.0",
125
+ "@zag-js/time-picker": "0.70.0",
126
+ "@zag-js/timer": "0.70.0",
127
+ "@zag-js/toast": "0.70.0",
128
+ "@zag-js/toggle-group": "0.70.0",
129
+ "@zag-js/tooltip": "0.70.0",
130
+ "@zag-js/tour": "0.70.0",
131
+ "@zag-js/tree-view": "0.70.0",
132
+ "@zag-js/utils": "0.70.0",
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.3",
141
- "@sveltejs/kit": "2.5.27",
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.7",
147
+ "@untitled-theme/icons-svelte": "0.10.9",
148
148
  "autoprefixer": "10.4.20",
149
149
  "globals": "15.9.0",
150
- "jsdom": "25.0.0",
150
+ "jsdom": "25.0.1",
151
151
  "postcss": "8.4.47",
152
- "publint": "0.2.10",
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.248",
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.11",
159
+ "tailwindcss": "3.4.12",
160
160
  "typescript": "5.6.2",
161
- "vite": "5.4.5",
161
+ "vite": "5.4.7",
162
162
  "vitest": "2.1.1",
163
163
  "vitest-axe": "1.0.0-pre.3",
164
164
  "vitest-canvas-mock": "0.3.3"