ui-ingredients 1.4.0 → 1.6.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.
Files changed (20) hide show
  1. package/dist/accordion/accordion-root.svelte +3 -5
  2. package/dist/alert-dialog/alert-dialog-root.svelte +3 -5
  3. package/dist/collapsible/collapsible-root.svelte +3 -5
  4. package/dist/color-picker/color-picker-root.svelte +3 -5
  5. package/dist/combobox/combobox-root.svelte +3 -5
  6. package/dist/date-picker/date-picker-root.svelte +4 -5
  7. package/dist/dialog/dialog-root.svelte +3 -5
  8. package/dist/drawer/drawer-root.svelte +3 -5
  9. package/dist/field/field-root.svelte +3 -5
  10. package/dist/floating-panel/floating-panel-root.svelte +3 -5
  11. package/dist/presence/create-presence.svelte.d.ts +0 -2
  12. package/dist/presence/create-presence.svelte.js +3 -8
  13. package/dist/select/select-root.svelte +3 -5
  14. package/dist/steps/steps-root.svelte +3 -5
  15. package/dist/time-picker/time-picker-root.svelte +3 -5
  16. package/dist/toggle-group/toggle-group-root.svelte +1 -0
  17. package/dist/tooltip/tooltip-root.svelte +3 -5
  18. package/dist/tour/tour-root.svelte +3 -5
  19. package/dist/tree-view/tree-view-root.svelte +3 -5
  20. package/package.json +63 -63
package/dist/accordion/accordion-root.svelte CHANGED
@@ -33,11 +33,9 @@
33
33
  let uid = $props.id();
34
34
 
35
35
  let [presenceStrategyProps, accordionProps] = $derived(
36
- createSplitProps<PresenceStrategyProps>([
37
- 'lazyMount',
38
- 'keepMounted',
39
- 'animateOnMount',
40
- ])(props),
36
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
37
+ props,
38
+ ),
41
39
  );
42
40
 
43
41
  let [createAccordionProps, localProps] = $derived(
package/dist/alert-dialog/alert-dialog-root.svelte CHANGED
@@ -30,11 +30,9 @@
30
30
  let uid = $props.id();
31
31
 
32
32
  let [presenceStrategyProps, createDialogProps] = $derived(
33
- createSplitProps<PresenceStrategyProps>([
34
- 'lazyMount',
35
- 'keepMounted',
36
- 'animateOnMount',
37
- ])(props),
33
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
34
+ props,
35
+ ),
38
36
  );
39
37
 
40
38
  let alertDialog = createAlertDialog(
package/dist/collapsible/collapsible-root.svelte CHANGED
@@ -34,11 +34,9 @@
34
34
  let uid = $props.id();
35
35
 
36
36
  let [presenceStrategyProps, collapsibleProps] = $derived(
37
- createSplitProps<PresenceStrategyProps>([
38
- 'lazyMount',
39
- 'keepMounted',
40
- 'animateOnMount',
41
- ])(props),
37
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
38
+ props,
39
+ ),
42
40
  );
43
41
 
44
42
  let [createCollapsibleProps, localProps] = $derived(
package/dist/color-picker/color-picker-root.svelte CHANGED
@@ -34,11 +34,9 @@
34
34
  let uid = $props.id();
35
35
 
36
36
  let [presenceProps, colorPickerProps] = $derived(
37
- createSplitProps<PresenceStrategyProps>([
38
- 'lazyMount',
39
- 'keepMounted',
40
- 'animateOnMount',
41
- ])(props),
37
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
38
+ props,
39
+ ),
42
40
  );
43
41
 
44
42
  let [createColorPickerProps, localProps] = $derived(
package/dist/combobox/combobox-root.svelte CHANGED
@@ -34,11 +34,9 @@
34
34
  let uid = $props.id();
35
35
 
36
36
  let [presenceStrategyProps, comboboxProps] = $derived(
37
- createSplitProps<PresenceStrategyProps>([
38
- 'lazyMount',
39
- 'keepMounted',
40
- 'animateOnMount',
41
- ])(props),
37
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
38
+ props,
39
+ ),
42
40
  );
43
41
 
44
42
  let [createComboboxProps, localProps] = $derived(
package/dist/date-picker/date-picker-root.svelte CHANGED
@@ -34,11 +34,9 @@
34
34
  let uid = $props.id();
35
35
 
36
36
  let [presenceStrategyProps, datePickerProps] = $derived(
37
- createSplitProps<PresenceStrategyProps>([
38
- 'lazyMount',
39
- 'keepMounted',
40
- 'animateOnMount',
41
- ])(props),
37
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
38
+ props,
39
+ ),
42
40
  );
43
41
 
44
42
  let [createDatePickerProps, localProps] = $derived(
@@ -63,6 +61,7 @@
63
61
  'numOfMonths',
64
62
  'onFocusChange',
65
63
  'onOpenChange',
64
+ 'outsideDaySelectable',
66
65
  'onValueChange',
67
66
  'onViewChange',
68
67
  'open',
package/dist/dialog/dialog-root.svelte CHANGED
@@ -30,11 +30,9 @@
30
30
  let uid = $props.id();
31
31
 
32
32
  let [presenceStrategyProps, createDialogProps] = $derived(
33
- createSplitProps<PresenceStrategyProps>([
34
- 'lazyMount',
35
- 'keepMounted',
36
- 'animateOnMount',
37
- ])(props),
33
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
34
+ props,
35
+ ),
38
36
  );
39
37
 
40
38
  let dialog = createDialog(
package/dist/drawer/drawer-root.svelte CHANGED
@@ -30,11 +30,9 @@
30
30
  let uid = $props.id();
31
31
 
32
32
  let [presenceStrategyProps, createDialogProps] = $derived(
33
- createSplitProps<PresenceStrategyProps>([
34
- 'lazyMount',
35
- 'keepMounted',
36
- 'animateOnMount',
37
- ])(props),
33
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
34
+ props,
35
+ ),
38
36
  );
39
37
 
40
38
  let drawer = createDrawer(
package/dist/field/field-root.svelte CHANGED
@@ -33,11 +33,9 @@
33
33
  let uid = $props.id();
34
34
 
35
35
  let [presenceStrategyProps, fieldProps] = $derived(
36
- createSplitProps<PresenceStrategyProps>([
37
- 'keepMounted',
38
- 'lazyMount',
39
- 'animateOnMount',
40
- ])(props),
36
+ createSplitProps<PresenceStrategyProps>(['keepMounted', 'lazyMount'])(
37
+ props,
38
+ ),
41
39
  );
42
40
 
43
41
  let [createFieldProps, localProps] = $derived(
package/dist/floating-panel/floating-panel-root.svelte CHANGED
@@ -27,11 +27,9 @@
27
27
  let uid = $props.id();
28
28
 
29
29
  let [presenceStrategyProps, createFloatingPanelProps] = $derived(
30
- createSplitProps<PresenceStrategyProps>([
31
- 'lazyMount',
32
- 'keepMounted',
33
- 'animateOnMount',
34
- ])(props),
30
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
31
+ props,
32
+ ),
35
33
  );
36
34
 
37
35
  let floatingPanel = createFloatingPanel(
package/dist/presence/create-presence.svelte.d.ts CHANGED
@@ -6,8 +6,6 @@ export interface PresenceStrategyProps {
6
6
  lazyMount?: boolean;
7
7
  /** @default true */
8
8
  keepMounted?: boolean;
9
- /** @default true */
10
- animateOnMount?: boolean;
11
9
  }
12
10
  export interface CreatePresenceProps extends PresenceStrategyProps, presence.Props {
13
11
  }
package/dist/presence/create-presence.svelte.js CHANGED
@@ -1,17 +1,12 @@
1
1
  import * as presence from '@zag-js/presence';
2
2
  import { normalizeProps, useMachine } from '@zag-js/svelte';
3
3
  export function createPresence(props) {
4
- const { present, lazyMount, keepMounted, animateOnMount } = $derived(Object.assign({
5
- lazyMount: false,
6
- keepMounted: true,
7
- animateOnMount: true,
8
- }, props));
9
4
  const service = useMachine(presence.machine, props);
10
5
  const api = $derived(presence.connect(service, normalizeProps));
11
6
  function getPresenceProps() {
12
7
  return {
13
8
  hidden: !api.present,
14
- 'data-state': api.skip && !animateOnMount ? undefined : present ? 'open' : 'closed',
9
+ 'data-state': props.present ? 'open' : 'closed',
15
10
  };
16
11
  }
17
12
  let wasPresent = $state(false);
@@ -25,9 +20,9 @@ export function createPresence(props) {
25
20
  const unmounted = $derived.by(() => {
26
21
  if (api.present)
27
22
  return false;
28
- if (!wasPresent && lazyMount)
23
+ if (!wasPresent && props.lazyMount)
29
24
  return true;
30
- if (wasPresent && !keepMounted)
25
+ if (wasPresent && !props.keepMounted)
31
26
  return true;
32
27
  return false;
33
28
  });
package/dist/select/select-root.svelte CHANGED
@@ -66,11 +66,9 @@
66
66
  );
67
67
 
68
68
  let [presenceStrategyProps, localProps] = $derived(
69
- createSplitProps<PresenceStrategyProps>([
70
- 'lazyMount',
71
- 'keepMounted',
72
- 'animateOnMount',
73
- ])(selectProps),
69
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
70
+ selectProps,
71
+ ),
74
72
  );
75
73
 
76
74
  let select = createSelect(
package/dist/steps/steps-root.svelte CHANGED
@@ -33,11 +33,9 @@
33
33
  let uid = $props.id();
34
34
 
35
35
  let [presenceStrategyProps, stepsProps] = $derived(
36
- createSplitProps<PresenceStrategyProps>([
37
- 'lazyMount',
38
- 'keepMounted',
39
- 'animateOnMount',
40
- ])(props),
36
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
37
+ props,
38
+ ),
41
39
  );
42
40
 
43
41
  let [createStepsProps, localProps] = $derived(
package/dist/time-picker/time-picker-root.svelte CHANGED
@@ -58,11 +58,9 @@
58
58
  );
59
59
 
60
60
  let [presenceStrategyProps, localProps] = $derived(
61
- createSplitProps<PresenceStrategyProps>([
62
- 'lazyMount',
63
- 'keepMounted',
64
- 'animateOnMount',
65
- ])(timePickerProps),
61
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
62
+ timePickerProps,
63
+ ),
66
64
  );
67
65
 
68
66
  let timePicker = createTimePicker(
package/dist/toggle-group/toggle-group-root.svelte CHANGED
@@ -32,6 +32,7 @@
32
32
  let [createToggleGroupProps, localProps] = $derived(
33
33
  createSplitProps<Omit<CreateToggleGroupProps, 'id'>>([
34
34
  'defaultValue',
35
+ 'deselectable',
35
36
  'disabled',
36
37
  'ids',
37
38
  'loopFocus',
package/dist/tooltip/tooltip-root.svelte CHANGED
@@ -27,11 +27,9 @@
27
27
  let uid = $props.id();
28
28
 
29
29
  let [presenceStrategyProps, createTooltipProps] = $derived(
30
- createSplitProps<PresenceStrategyProps>([
31
- 'lazyMount',
32
- 'keepMounted',
33
- 'animateOnMount',
34
- ])(props),
30
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
31
+ props,
32
+ ),
35
33
  );
36
34
 
37
35
  let tooltip = createTooltip(
package/dist/tour/tour-root.svelte CHANGED
@@ -30,11 +30,9 @@
30
30
  let uid = $props.id();
31
31
 
32
32
  let [presenceStrategyProps, createTourProps] = $derived(
33
- createSplitProps<PresenceStrategyProps>([
34
- 'lazyMount',
35
- 'keepMounted',
36
- 'animateOnMount',
37
- ])(props),
33
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
34
+ props,
35
+ ),
38
36
  );
39
37
 
40
38
  let tour = createTour(reflect(() => ({...createTourProps, id: id ?? uid})));
package/dist/tree-view/tree-view-root.svelte CHANGED
@@ -33,11 +33,9 @@
33
33
  let uid = $props.id();
34
34
 
35
35
  let [presenceStrategyProps, treeviewProps] = $derived(
36
- createSplitProps<PresenceStrategyProps>([
37
- 'lazyMount',
38
- 'keepMounted',
39
- 'animateOnMount',
40
- ])(props),
36
+ createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
37
+ props,
38
+ ),
41
39
  );
42
40
 
43
41
  let [createTreeViewProps, localProps] = $derived(
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "ui-ingredients",
3
3
  "type": "module",
4
4
  "license": "MIT",
5
- "version": "1.4.0",
5
+ "version": "1.6.0",
6
6
  "svelte": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",
8
8
  "exports": {
@@ -319,81 +319,81 @@
319
319
  "release": "release-it"
320
320
  },
321
321
  "dependencies": {
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",
322
+ "@zag-js/accordion": "^1.12.0",
323
+ "@zag-js/anatomy": "^1.12.0",
324
+ "@zag-js/angle-slider": "^1.12.0",
325
+ "@zag-js/auto-resize": "^1.12.0",
326
+ "@zag-js/avatar": "^1.12.0",
327
+ "@zag-js/carousel": "^1.12.0",
328
+ "@zag-js/checkbox": "^1.12.0",
329
+ "@zag-js/clipboard": "^1.12.0",
330
+ "@zag-js/collapsible": "^1.12.0",
331
+ "@zag-js/collection": "^1.12.0",
332
+ "@zag-js/color-picker": "^1.12.0",
333
+ "@zag-js/combobox": "^1.12.0",
334
+ "@zag-js/core": "^1.12.0",
335
+ "@zag-js/date-picker": "^1.12.0",
336
+ "@zag-js/dialog": "^1.12.0",
337
+ "@zag-js/dom-query": "^1.12.0",
338
+ "@zag-js/editable": "^1.12.0",
339
+ "@zag-js/file-upload": "^1.12.0",
340
+ "@zag-js/floating-panel": "^1.12.0",
341
+ "@zag-js/focus-trap": "^1.12.0",
342
+ "@zag-js/highlight-word": "^1.12.0",
343
+ "@zag-js/hover-card": "^1.12.0",
344
+ "@zag-js/i18n-utils": "^1.12.0",
345
+ "@zag-js/listbox": "^1.12.0",
346
+ "@zag-js/menu": "^1.12.0",
347
+ "@zag-js/number-input": "^1.12.0",
348
+ "@zag-js/pagination": "^1.12.0",
349
+ "@zag-js/pin-input": "^1.12.0",
350
+ "@zag-js/popover": "^1.12.0",
351
+ "@zag-js/presence": "^1.12.0",
352
+ "@zag-js/progress": "^1.12.0",
353
+ "@zag-js/qr-code": "^1.12.0",
354
+ "@zag-js/radio-group": "^1.12.0",
355
+ "@zag-js/rating-group": "^1.12.0",
356
+ "@zag-js/select": "^1.12.0",
357
+ "@zag-js/signature-pad": "^1.12.0",
358
+ "@zag-js/slider": "^1.12.0",
359
+ "@zag-js/splitter": "^1.12.0",
360
+ "@zag-js/steps": "^1.12.0",
361
+ "@zag-js/svelte": "^1.12.0",
362
+ "@zag-js/switch": "^1.12.0",
363
+ "@zag-js/tabs": "^1.12.0",
364
+ "@zag-js/tags-input": "^1.12.0",
365
+ "@zag-js/time-picker": "^1.12.0",
366
+ "@zag-js/timer": "^1.12.0",
367
+ "@zag-js/toast": "^1.12.0",
368
+ "@zag-js/toggle": "^1.12.0",
369
+ "@zag-js/toggle-group": "^1.12.0",
370
+ "@zag-js/tooltip": "^1.12.0",
371
+ "@zag-js/tour": "^1.12.0",
372
+ "@zag-js/tree-view": "^1.12.0",
373
373
  "clsx": "^2.1.1"
374
374
  },
375
375
  "peerDependencies": {
376
376
  "svelte": "^5.20.0"
377
377
  },
378
378
  "devDependencies": {
379
- "@faker-js/faker": "^9.6.0",
380
- "@sveltejs/adapter-vercel": "^5.7.0",
381
- "@sveltejs/kit": "^2.20.5",
382
- "@sveltejs/package": "^2.3.10",
379
+ "@faker-js/faker": "^9.7.0",
380
+ "@sveltejs/adapter-vercel": "^5.7.1",
381
+ "@sveltejs/kit": "^2.20.8",
382
+ "@sveltejs/package": "^2.3.11",
383
383
  "@sveltejs/vite-plugin-svelte": "^5.0.3",
384
384
  "@testing-library/jest-dom": "^6.6.3",
385
385
  "@testing-library/svelte": "^5.2.7",
386
386
  "@testing-library/user-event": "^14.6.1",
387
387
  "@types/jsdom": "^21.1.7",
388
- "jsdom": "^26.0.0",
389
- "publint": "^0.3.11",
390
- "release-it": "^18.1.2",
388
+ "jsdom": "^26.1.0",
389
+ "publint": "^0.3.12",
390
+ "release-it": "^19.0.1",
391
391
  "resize-observer-polyfill": "^1.5.1",
392
- "svelte": "^5.26.1",
393
- "svelte-check": "^4.1.5",
392
+ "svelte": "^5.28.2",
393
+ "svelte-check": "^4.1.7",
394
394
  "typescript": "^5.8.3",
395
- "vite": "^6.2.6",
396
- "vitest": "^3.1.1",
395
+ "vite": "^6.3.4",
396
+ "vitest": "^3.1.2",
397
397
  "vitest-axe": "^1.0.0-pre.3",
398
398
  "vitest-canvas-mock": "^0.3.3"
399
399
  },