ui-ingredients 1.2.0 → 1.4.0
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/dist/accordion/accordion-context.svelte.js +1 -1
- package/dist/accordion/accordion-root.svelte +5 -3
- package/dist/alert-dialog/alert-dialog-root.svelte +5 -3
- package/dist/anatomy.d.ts +1 -0
- package/dist/anatomy.js +1 -0
- package/dist/collapsible/collapsible-root.svelte +5 -3
- package/dist/collection.d.ts +1 -0
- package/dist/collection.js +1 -0
- package/dist/color-picker/color-picker-context.svelte.js +4 -4
- package/dist/color-picker/color-picker-root.svelte +5 -3
- package/dist/combobox/combobox-context.svelte.js +2 -2
- package/dist/combobox/combobox-root.svelte +5 -3
- package/dist/date-picker/date-picker-context.svelte.js +4 -4
- package/dist/date-picker/date-picker-root.svelte +5 -1
- package/dist/dialog/dialog-root.svelte +5 -3
- package/dist/drawer/drawer-root.svelte +5 -3
- package/dist/field/field-root.svelte +5 -3
- package/dist/file-upload/file-upload-context.svelte.js +1 -1
- package/dist/floating-panel/floating-panel-anatomy.d.ts +1 -1
- package/dist/floating-panel/floating-panel-anatomy.js +1 -1
- package/dist/floating-panel/{floating-panel-restore-trigger.svelte → floating-panel-control.svelte} +6 -6
- package/dist/floating-panel/floating-panel-control.svelte.d.ts +6 -0
- package/dist/floating-panel/floating-panel-root.svelte +5 -3
- package/dist/floating-panel/floating-panel-stage-trigger.svelte +44 -0
- package/dist/floating-panel/floating-panel-stage-trigger.svelte.d.ts +7 -0
- package/dist/floating-panel/floating-panel.d.ts +3 -4
- package/dist/floating-panel/floating-panel.js +3 -4
- package/dist/floating-panel/index.d.ts +2 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/listbox/create-listbox.svelte.d.ts +6 -0
- package/dist/listbox/create-listbox.svelte.js +14 -0
- package/dist/listbox/index.d.ts +14 -0
- package/dist/listbox/index.js +4 -0
- package/dist/listbox/listbox-anatomy.d.ts +1 -0
- package/dist/listbox/listbox-anatomy.js +1 -0
- package/dist/listbox/listbox-content.svelte +29 -0
- package/dist/listbox/listbox-content.svelte.d.ts +6 -0
- package/dist/listbox/listbox-context.svelte.d.ts +5 -0
- package/dist/listbox/listbox-context.svelte.js +4 -0
- package/dist/listbox/listbox-input.svelte +39 -0
- package/dist/listbox/listbox-input.svelte.d.ts +7 -0
- package/dist/listbox/listbox-item-group-label.svelte +40 -0
- package/dist/listbox/listbox-item-group-label.svelte.d.ts +6 -0
- package/dist/listbox/listbox-item-group.svelte +39 -0
- package/dist/listbox/listbox-item-group.svelte.d.ts +6 -0
- package/dist/listbox/listbox-item-indicator.svelte +35 -0
- package/dist/listbox/listbox-item-indicator.svelte.d.ts +6 -0
- package/dist/listbox/listbox-item-text.svelte +35 -0
- package/dist/listbox/listbox-item-text.svelte.d.ts +6 -0
- package/dist/listbox/listbox-item.svelte +47 -0
- package/dist/listbox/listbox-item.svelte.d.ts +7 -0
- package/dist/listbox/listbox-label.svelte +29 -0
- package/dist/listbox/listbox-label.svelte.d.ts +6 -0
- package/dist/listbox/listbox-root.svelte +70 -0
- package/dist/listbox/listbox-root.svelte.d.ts +7 -0
- package/dist/listbox/listbox-value-text.svelte +33 -0
- package/dist/listbox/listbox-value-text.svelte.d.ts +6 -0
- package/dist/listbox/listbox.d.ts +11 -0
- package/dist/listbox/listbox.js +11 -0
- package/dist/menu/menu-context.svelte.js +2 -2
- package/dist/portal/portal-context.svelte.js +1 -1
- package/dist/presence/create-presence.svelte.d.ts +2 -0
- package/dist/presence/create-presence.svelte.js +8 -3
- package/dist/segment-group/segment-group-context.svelte.js +1 -1
- package/dist/select/select-context.svelte.js +2 -2
- package/dist/select/select-root.svelte +5 -3
- package/dist/slider/slider-context.svelte.js +1 -1
- package/dist/steps/steps-context.svelte.js +1 -1
- package/dist/steps/steps-root.svelte +5 -3
- package/dist/tags-input/tags-input-context.svelte.js +1 -1
- package/dist/time-picker/time-picker-root.svelte +5 -3
- package/dist/timer/timer-context.svelte.js +1 -1
- package/dist/tooltip/tooltip-root.svelte +5 -3
- package/dist/tour/tour-root.svelte +5 -3
- package/dist/tree-view/tree-view-root.svelte +5 -3
- package/package.json +71 -57
- package/dist/floating-panel/floating-panel-maximize-trigger.svelte +0 -31
- package/dist/floating-panel/floating-panel-maximize-trigger.svelte.d.ts +0 -6
- package/dist/floating-panel/floating-panel-minimize-trigger.svelte +0 -31
- package/dist/floating-panel/floating-panel-minimize-trigger.svelte.d.ts +0 -6
- package/dist/floating-panel/floating-panel-restore-trigger.svelte.d.ts +0 -6
package/package.json
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
"name": "ui-ingredients",
|
3
3
|
"type": "module",
|
4
4
|
"license": "MIT",
|
5
|
-
"version": "1.
|
5
|
+
"version": "1.4.0",
|
6
6
|
"svelte": "./dist/index.js",
|
7
7
|
"types": "./dist/index.d.ts",
|
8
8
|
"exports": {
|
@@ -90,6 +90,10 @@
|
|
90
90
|
"types": "./dist/floating-panel/index.d.ts",
|
91
91
|
"svelte": "./dist/floating-panel/index.js"
|
92
92
|
},
|
93
|
+
"./focus-trap": {
|
94
|
+
"types": "./dist/focus-trap/index.d.ts",
|
95
|
+
"svelte": "./dist/focus-trap/index.js"
|
96
|
+
},
|
93
97
|
"./highlight": {
|
94
98
|
"types": "./dist/highlight/index.d.ts",
|
95
99
|
"svelte": "./dist/highlight/index.js"
|
@@ -98,6 +102,10 @@
|
|
98
102
|
"types": "./dist/hover-card/index.d.ts",
|
99
103
|
"svelte": "./dist/hover-card/index.js"
|
100
104
|
},
|
105
|
+
"./listbox": {
|
106
|
+
"types": "./dist/listbox/index.d.ts",
|
107
|
+
"svelte": "./dist/listbox/index.js"
|
108
|
+
},
|
101
109
|
"./locale-provider": {
|
102
110
|
"types": "./dist/locale-provider/index.d.ts",
|
103
111
|
"svelte": "./dist/locale-provider/index.js"
|
@@ -218,6 +226,10 @@
|
|
218
226
|
"types": "./dist/anatomy.d.ts",
|
219
227
|
"import": "./dist/anatomy.js"
|
220
228
|
},
|
229
|
+
"./collection": {
|
230
|
+
"types": "./dist/collection.d.ts",
|
231
|
+
"import": "./dist/collection.js"
|
232
|
+
},
|
221
233
|
"./package.json": "./package.json"
|
222
234
|
},
|
223
235
|
"files": [
|
@@ -307,55 +319,57 @@
|
|
307
319
|
"release": "release-it"
|
308
320
|
},
|
309
321
|
"dependencies": {
|
310
|
-
"@zag-js/accordion": "^1.
|
311
|
-
"@zag-js/anatomy": "^1.
|
312
|
-
"@zag-js/angle-slider": "^1.
|
313
|
-
"@zag-js/auto-resize": "^1.
|
314
|
-
"@zag-js/avatar": "^1.
|
315
|
-
"@zag-js/carousel": "^1.
|
316
|
-
"@zag-js/checkbox": "^1.
|
317
|
-
"@zag-js/clipboard": "^1.
|
318
|
-
"@zag-js/collapsible": "^1.
|
319
|
-
"@zag-js/
|
320
|
-
"@zag-js/
|
321
|
-
"@zag-js/
|
322
|
-
"@zag-js/
|
323
|
-
"@zag-js/
|
324
|
-
"@zag-js/
|
325
|
-
"@zag-js/
|
326
|
-
"@zag-js/
|
327
|
-
"@zag-js/
|
328
|
-
"@zag-js/
|
329
|
-
"@zag-js/
|
330
|
-
"@zag-js/
|
331
|
-
"@zag-js/
|
332
|
-
"@zag-js/
|
333
|
-
"@zag-js/
|
334
|
-
"@zag-js/
|
335
|
-
"@zag-js/
|
336
|
-
"@zag-js/
|
337
|
-
"@zag-js/
|
338
|
-
"@zag-js/
|
339
|
-
"@zag-js/
|
340
|
-
"@zag-js/
|
341
|
-
"@zag-js/
|
342
|
-
"@zag-js/
|
343
|
-
"@zag-js/
|
344
|
-
"@zag-js/
|
345
|
-
"@zag-js/
|
346
|
-
"@zag-js/
|
347
|
-
"@zag-js/
|
348
|
-
"@zag-js/
|
349
|
-
"@zag-js/
|
350
|
-
"@zag-js/
|
351
|
-
"@zag-js/
|
352
|
-
"@zag-js/
|
353
|
-
"@zag-js/
|
354
|
-
"@zag-js/
|
355
|
-
"@zag-js/
|
356
|
-
"@zag-js/
|
357
|
-
"@zag-js/
|
358
|
-
"@zag-js/
|
322
|
+
"@zag-js/accordion": "^1.9.3",
|
323
|
+
"@zag-js/anatomy": "^1.9.3",
|
324
|
+
"@zag-js/angle-slider": "^1.9.3",
|
325
|
+
"@zag-js/auto-resize": "^1.9.3",
|
326
|
+
"@zag-js/avatar": "^1.9.3",
|
327
|
+
"@zag-js/carousel": "^1.9.3",
|
328
|
+
"@zag-js/checkbox": "^1.9.3",
|
329
|
+
"@zag-js/clipboard": "^1.9.3",
|
330
|
+
"@zag-js/collapsible": "^1.9.3",
|
331
|
+
"@zag-js/collection": "^1.9.3",
|
332
|
+
"@zag-js/color-picker": "^1.9.3",
|
333
|
+
"@zag-js/combobox": "^1.9.3",
|
334
|
+
"@zag-js/core": "^1.9.3",
|
335
|
+
"@zag-js/date-picker": "^1.9.3",
|
336
|
+
"@zag-js/dialog": "^1.9.3",
|
337
|
+
"@zag-js/dom-query": "^1.9.3",
|
338
|
+
"@zag-js/editable": "^1.9.3",
|
339
|
+
"@zag-js/file-upload": "^1.9.3",
|
340
|
+
"@zag-js/floating-panel": "^1.9.3",
|
341
|
+
"@zag-js/focus-trap": "^1.9.3",
|
342
|
+
"@zag-js/highlight-word": "^1.9.3",
|
343
|
+
"@zag-js/hover-card": "^1.9.3",
|
344
|
+
"@zag-js/i18n-utils": "^1.9.3",
|
345
|
+
"@zag-js/listbox": "^1.9.3",
|
346
|
+
"@zag-js/menu": "^1.9.3",
|
347
|
+
"@zag-js/number-input": "^1.9.3",
|
348
|
+
"@zag-js/pagination": "^1.9.3",
|
349
|
+
"@zag-js/pin-input": "^1.9.3",
|
350
|
+
"@zag-js/popover": "^1.9.3",
|
351
|
+
"@zag-js/presence": "^1.9.3",
|
352
|
+
"@zag-js/progress": "^1.9.3",
|
353
|
+
"@zag-js/qr-code": "^1.9.3",
|
354
|
+
"@zag-js/radio-group": "^1.9.3",
|
355
|
+
"@zag-js/rating-group": "^1.9.3",
|
356
|
+
"@zag-js/select": "^1.9.3",
|
357
|
+
"@zag-js/signature-pad": "^1.9.3",
|
358
|
+
"@zag-js/slider": "^1.9.3",
|
359
|
+
"@zag-js/splitter": "^1.9.3",
|
360
|
+
"@zag-js/steps": "^1.9.3",
|
361
|
+
"@zag-js/svelte": "^1.9.3",
|
362
|
+
"@zag-js/switch": "^1.9.3",
|
363
|
+
"@zag-js/tabs": "^1.9.3",
|
364
|
+
"@zag-js/tags-input": "^1.9.3",
|
365
|
+
"@zag-js/time-picker": "^1.9.3",
|
366
|
+
"@zag-js/timer": "^1.9.3",
|
367
|
+
"@zag-js/toast": "^1.9.3",
|
368
|
+
"@zag-js/toggle": "^1.9.3",
|
369
|
+
"@zag-js/toggle-group": "^1.9.3",
|
370
|
+
"@zag-js/tooltip": "^1.9.3",
|
371
|
+
"@zag-js/tour": "^1.9.3",
|
372
|
+
"@zag-js/tree-view": "^1.9.3",
|
359
373
|
"clsx": "^2.1.1"
|
360
374
|
},
|
361
375
|
"peerDependencies": {
|
@@ -363,8 +377,8 @@
|
|
363
377
|
},
|
364
378
|
"devDependencies": {
|
365
379
|
"@faker-js/faker": "^9.6.0",
|
366
|
-
"@sveltejs/adapter-vercel": "^5.
|
367
|
-
"@sveltejs/kit": "^2.20.
|
380
|
+
"@sveltejs/adapter-vercel": "^5.7.0",
|
381
|
+
"@sveltejs/kit": "^2.20.5",
|
368
382
|
"@sveltejs/package": "^2.3.10",
|
369
383
|
"@sveltejs/vite-plugin-svelte": "^5.0.3",
|
370
384
|
"@testing-library/jest-dom": "^6.6.3",
|
@@ -372,14 +386,14 @@
|
|
372
386
|
"@testing-library/user-event": "^14.6.1",
|
373
387
|
"@types/jsdom": "^21.1.7",
|
374
388
|
"jsdom": "^26.0.0",
|
375
|
-
"publint": "^0.3.
|
389
|
+
"publint": "^0.3.11",
|
376
390
|
"release-it": "^18.1.2",
|
377
391
|
"resize-observer-polyfill": "^1.5.1",
|
378
|
-
"svelte": "^5.
|
392
|
+
"svelte": "^5.26.1",
|
379
393
|
"svelte-check": "^4.1.5",
|
380
|
-
"typescript": "^5.8.
|
381
|
-
"vite": "^6.2.
|
382
|
-
"vitest": "^3.
|
394
|
+
"typescript": "^5.8.3",
|
395
|
+
"vite": "^6.2.6",
|
396
|
+
"vitest": "^3.1.1",
|
383
397
|
"vitest-axe": "^1.0.0-pre.3",
|
384
398
|
"vitest-canvas-mock": "^0.3.3"
|
385
399
|
},
|
@@ -1,31 +0,0 @@
|
|
1
|
-
<script lang="ts" module>
|
2
|
-
import type {HtmlIngredientProps} from '../types.js';
|
3
|
-
|
4
|
-
export interface FloatingPanelMaximizeTriggerProps
|
5
|
-
extends HtmlIngredientProps<'button', HTMLButtonElement> {}
|
6
|
-
</script>
|
7
|
-
|
8
|
-
<script lang="ts">
|
9
|
-
import {mergeProps} from '../merge-props.js';
|
10
|
-
import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
|
11
|
-
|
12
|
-
let {
|
13
|
-
ref = $bindable(null),
|
14
|
-
asChild,
|
15
|
-
children,
|
16
|
-
...props
|
17
|
-
}: FloatingPanelMaximizeTriggerProps = $props();
|
18
|
-
|
19
|
-
let floatingPanel = getFloatingPanelContext();
|
20
|
-
let mergedProps = $derived(
|
21
|
-
mergeProps(floatingPanel.getMaximizeTriggerProps(), props),
|
22
|
-
);
|
23
|
-
</script>
|
24
|
-
|
25
|
-
{#if asChild}
|
26
|
-
{@render asChild(mergedProps)}
|
27
|
-
{:else}
|
28
|
-
<button bind:this={ref} {...mergedProps}>
|
29
|
-
{@render children?.()}
|
30
|
-
</button>
|
31
|
-
{/if}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HtmlIngredientProps } from '../types.js';
|
2
|
-
export interface FloatingPanelMaximizeTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
|
3
|
-
}
|
4
|
-
declare const FloatingPanelMaximizeTrigger: import("svelte").Component<FloatingPanelMaximizeTriggerProps, {}, "ref">;
|
5
|
-
type FloatingPanelMaximizeTrigger = ReturnType<typeof FloatingPanelMaximizeTrigger>;
|
6
|
-
export default FloatingPanelMaximizeTrigger;
|
@@ -1,31 +0,0 @@
|
|
1
|
-
<script lang="ts" module>
|
2
|
-
import type {HtmlIngredientProps} from '../types.js';
|
3
|
-
|
4
|
-
export interface FloatingPanelMinimizeTriggerProps
|
5
|
-
extends HtmlIngredientProps<'button', HTMLButtonElement> {}
|
6
|
-
</script>
|
7
|
-
|
8
|
-
<script lang="ts">
|
9
|
-
import {mergeProps} from '../merge-props.js';
|
10
|
-
import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
|
11
|
-
|
12
|
-
let {
|
13
|
-
ref = $bindable(null),
|
14
|
-
asChild,
|
15
|
-
children,
|
16
|
-
...props
|
17
|
-
}: FloatingPanelMinimizeTriggerProps = $props();
|
18
|
-
|
19
|
-
let floatingPanel = getFloatingPanelContext();
|
20
|
-
let mergedProps = $derived(
|
21
|
-
mergeProps(floatingPanel.getMinimizeTriggerProps(), props),
|
22
|
-
);
|
23
|
-
</script>
|
24
|
-
|
25
|
-
{#if asChild}
|
26
|
-
{@render asChild(mergedProps)}
|
27
|
-
{:else}
|
28
|
-
<button bind:this={ref} {...mergedProps}>
|
29
|
-
{@render children?.()}
|
30
|
-
</button>
|
31
|
-
{/if}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HtmlIngredientProps } from '../types.js';
|
2
|
-
export interface FloatingPanelMinimizeTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
|
3
|
-
}
|
4
|
-
declare const FloatingPanelMinimizeTrigger: import("svelte").Component<FloatingPanelMinimizeTriggerProps, {}, "ref">;
|
5
|
-
type FloatingPanelMinimizeTrigger = ReturnType<typeof FloatingPanelMinimizeTrigger>;
|
6
|
-
export default FloatingPanelMinimizeTrigger;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HtmlIngredientProps } from '../types.js';
|
2
|
-
export interface FloatingPanelRestoreTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
|
3
|
-
}
|
4
|
-
declare const FloatingPanelRestoreTrigger: import("svelte").Component<FloatingPanelRestoreTriggerProps, {}, "ref">;
|
5
|
-
type FloatingPanelRestoreTrigger = ReturnType<typeof FloatingPanelRestoreTrigger>;
|
6
|
-
export default FloatingPanelRestoreTrigger;
|