ui-ingredients 0.18.1 → 0.19.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 (4) hide show
  1. package/dist/combobox/combobox-trigger.svelte +15 -4
  2. package/dist/combobox/combobox-trigger.svelte.d.ts +3 -2
  3. package/dist/date-picker/date-picker-root.svelte +0 -1
  4. package/package.json +55 -51
package/dist/combobox/combobox-trigger.svelte CHANGED
@@ -1,12 +1,17 @@
1
1
  <script lang="ts" module>
2
- import type {HtmlIngredientProps} from '../types.js';
2
+ import {mergeProps} from '../merge-props.js';
3
+ import type {Assign, HtmlIngredientProps} from '../types.js';
3
4
 
4
5
  export interface ComboboxTriggerProps
5
- extends HtmlIngredientProps<'button', HTMLButtonElement> {}
6
+ extends Assign<
7
+ HtmlIngredientProps<'button', HTMLButtonElement>,
8
+ TriggerProps
9
+ > {}
6
10
  </script>
7
11
 
8
12
  <script lang="ts">
9
- import {mergeProps} from '../merge-props.js';
13
+ import type {TriggerProps} from '@zag-js/combobox';
14
+ import {createSplitProps} from '@zag-js/utils';
10
15
  import {getComboboxContext} from './combobox-context.svelte.js';
11
16
 
12
17
  let {
@@ -16,9 +21,15 @@
16
21
  ...props
17
22
  }: ComboboxTriggerProps = $props();
18
23
 
24
+ let [triggerProps, localProps] = $derived(
25
+ createSplitProps<TriggerProps>(['focusable'])(props),
26
+ );
27
+
19
28
  let combobox = getComboboxContext();
20
29
 
21
- let mergedProps = $derived(mergeProps(combobox.getTriggerProps(), props));
30
+ let mergedProps = $derived(
31
+ mergeProps(combobox.getTriggerProps(triggerProps), localProps),
32
+ );
22
33
  </script>
23
34
 
24
35
  {#if asChild}
package/dist/combobox/combobox-trigger.svelte.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import type { HtmlIngredientProps } from '../types.js';
2
- export interface ComboboxTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
1
+ import type { Assign, HtmlIngredientProps } from '../types.js';
2
+ export interface ComboboxTriggerProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement>, TriggerProps> {
3
3
  }
4
+ import type { TriggerProps } from '@zag-js/combobox';
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> & {
6
7
  $$bindings?: Bindings;
package/dist/date-picker/date-picker-root.svelte CHANGED
@@ -45,7 +45,6 @@
45
45
  'openControlled',
46
46
  'view',
47
47
  'value',
48
- 'modal',
49
48
  'format',
50
49
  'locale',
51
50
  'disabled',
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "ui-ingredients",
3
3
  "type": "module",
4
4
  "license": "MIT",
5
- "version": "0.18.1",
5
+ "version": "0.19.0",
6
6
  "packageManager": "pnpm@9.14.4",
7
7
  "svelte": "./dist/index.js",
8
8
  "types": "./dist/index.d.ts",
@@ -23,6 +23,10 @@
23
23
  "types": "./dist/alert-dialog/index.d.ts",
24
24
  "svelte": "./dist/alert-dialog/index.js"
25
25
  },
26
+ "./angle-slider": {
27
+ "types": "./dist/angle-slider/index.d.ts",
28
+ "svelte": "./dist/angle-slider/index.js"
29
+ },
26
30
  "./avatar": {
27
31
  "types": "./dist/avatar/index.d.ts",
28
32
  "svelte": "./dist/avatar/index.js"
@@ -303,54 +307,54 @@
303
307
  "release": "release-it"
304
308
  },
305
309
  "dependencies": {
306
- "@zag-js/accordion": "^0.78.1",
307
- "@zag-js/anatomy": "^0.78.1",
308
- "@zag-js/angle-slider": "^0.78.1",
309
- "@zag-js/auto-resize": "^0.78.1",
310
- "@zag-js/avatar": "^0.78.1",
311
- "@zag-js/carousel": "^0.78.1",
312
- "@zag-js/checkbox": "^0.78.1",
313
- "@zag-js/clipboard": "^0.78.1",
314
- "@zag-js/collapsible": "^0.78.1",
315
- "@zag-js/color-picker": "^0.78.1",
316
- "@zag-js/combobox": "^0.78.1",
317
- "@zag-js/core": "^0.78.1",
318
- "@zag-js/date-picker": "^0.78.1",
319
- "@zag-js/dialog": "^0.78.1",
320
- "@zag-js/dom-query": "^0.78.1",
321
- "@zag-js/editable": "^0.78.1",
322
- "@zag-js/file-upload": "^0.78.1",
323
- "@zag-js/floating-panel": "^0.78.1",
324
- "@zag-js/highlight-word": "^0.78.1",
325
- "@zag-js/hover-card": "^0.78.1",
326
- "@zag-js/i18n-utils": "^0.78.1",
327
- "@zag-js/menu": "^0.78.1",
328
- "@zag-js/number-input": "^0.78.1",
329
- "@zag-js/pagination": "^0.78.1",
330
- "@zag-js/pin-input": "^0.78.1",
331
- "@zag-js/popover": "^0.78.1",
332
- "@zag-js/presence": "^0.78.1",
333
- "@zag-js/progress": "^0.78.1",
334
- "@zag-js/qr-code": "^0.78.1",
335
- "@zag-js/radio-group": "^0.78.1",
336
- "@zag-js/rating-group": "^0.78.1",
337
- "@zag-js/select": "^0.78.1",
338
- "@zag-js/signature-pad": "^0.78.1",
339
- "@zag-js/slider": "^0.78.1",
340
- "@zag-js/splitter": "^0.78.1",
341
- "@zag-js/steps": "^0.78.1",
342
- "@zag-js/svelte": "^0.78.1",
343
- "@zag-js/switch": "^0.78.1",
344
- "@zag-js/tabs": "^0.78.1",
345
- "@zag-js/tags-input": "^0.78.1",
346
- "@zag-js/time-picker": "^0.78.1",
347
- "@zag-js/timer": "^0.78.1",
348
- "@zag-js/toast": "^0.78.1",
349
- "@zag-js/toggle-group": "^0.78.1",
350
- "@zag-js/tooltip": "^0.78.1",
351
- "@zag-js/tour": "^0.78.1",
352
- "@zag-js/tree-view": "^0.78.1",
353
- "@zag-js/utils": "^0.78.1"
310
+ "@zag-js/accordion": "^0.78.2",
311
+ "@zag-js/anatomy": "^0.78.2",
312
+ "@zag-js/angle-slider": "^0.78.2",
313
+ "@zag-js/auto-resize": "^0.78.2",
314
+ "@zag-js/avatar": "^0.78.2",
315
+ "@zag-js/carousel": "^0.78.2",
316
+ "@zag-js/checkbox": "^0.78.2",
317
+ "@zag-js/clipboard": "^0.78.2",
318
+ "@zag-js/collapsible": "^0.78.2",
319
+ "@zag-js/color-picker": "^0.78.2",
320
+ "@zag-js/combobox": "^0.78.2",
321
+ "@zag-js/core": "^0.78.2",
322
+ "@zag-js/date-picker": "^0.78.2",
323
+ "@zag-js/dialog": "^0.78.2",
324
+ "@zag-js/dom-query": "^0.78.2",
325
+ "@zag-js/editable": "^0.78.2",
326
+ "@zag-js/file-upload": "^0.78.2",
327
+ "@zag-js/floating-panel": "^0.78.2",
328
+ "@zag-js/highlight-word": "^0.78.2",
329
+ "@zag-js/hover-card": "^0.78.2",
330
+ "@zag-js/i18n-utils": "^0.78.2",
331
+ "@zag-js/menu": "^0.78.2",
332
+ "@zag-js/number-input": "^0.78.2",
333
+ "@zag-js/pagination": "^0.78.2",
334
+ "@zag-js/pin-input": "^0.78.2",
335
+ "@zag-js/popover": "^0.78.2",
336
+ "@zag-js/presence": "^0.78.2",
337
+ "@zag-js/progress": "^0.78.2",
338
+ "@zag-js/qr-code": "^0.78.2",
339
+ "@zag-js/radio-group": "^0.78.2",
340
+ "@zag-js/rating-group": "^0.78.2",
341
+ "@zag-js/select": "^0.78.2",
342
+ "@zag-js/signature-pad": "^0.78.2",
343
+ "@zag-js/slider": "^0.78.2",
344
+ "@zag-js/splitter": "^0.78.2",
345
+ "@zag-js/steps": "^0.78.2",
346
+ "@zag-js/svelte": "^0.78.2",
347
+ "@zag-js/switch": "^0.78.2",
348
+ "@zag-js/tabs": "^0.78.2",
349
+ "@zag-js/tags-input": "^0.78.2",
350
+ "@zag-js/time-picker": "^0.78.2",
351
+ "@zag-js/timer": "^0.78.2",
352
+ "@zag-js/toast": "^0.78.2",
353
+ "@zag-js/toggle-group": "^0.78.2",
354
+ "@zag-js/tooltip": "^0.78.2",
355
+ "@zag-js/tour": "^0.78.2",
356
+ "@zag-js/tree-view": "^0.78.2",
357
+ "@zag-js/utils": "^0.78.2"
354
358
  },
355
359
  "peerDependencies": {
356
360
  "svelte": ">=5.0.0"
@@ -373,13 +377,13 @@
373
377
  "publint": "^0.2.12",
374
378
  "release-it": "^17.10.0",
375
379
  "resize-observer-polyfill": "^1.5.1",
376
- "svelte": "^5.5.3",
380
+ "svelte": "^5.7.1",
377
381
  "svelte-check": "^4.1.1",
378
382
  "tailwind-merge": "^2.5.5",
379
383
  "tailwind-variants": "^0.3.0",
380
384
  "tailwindcss": "^3.4.16",
381
385
  "typescript": "^5.7.2",
382
- "vite": "^6.0.2",
386
+ "vite": "^6.0.3",
383
387
  "vitest": "^2.1.8",
384
388
  "vitest-axe": "^1.0.0-pre.3",
385
389
  "vitest-canvas-mock": "^0.3.3"