ui-ingredients 0.0.18 → 0.0.19

package/dist/collapsible/create-collapsible.svelte.d.ts

@@ -1,6 +1,7 @@
 import * as collapsible from '@zag-js/collapsible';
 export interface CreateCollapsibleProps extends Omit<collapsible.Context, 'id' | 'dir' | 'getRootNode' | 'open.controlled'> {
     id?: string | null;
+    defaultOpen?: boolean;
 }
 export interface CreateCollapsibleReturn extends collapsible.Api {
 }

package/dist/collapsible/create-collapsible.svelte.js

@@ -10,6 +10,7 @@ export function createCollapsible(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        open: props.defaultOpen,
         getRootNode: environmentContext?.getRootNode,
         'open.controlled': props.open != null,
     }));

package/dist/collapsible/root.svelte

@@ -22,6 +22,7 @@
     ids,
     open,
     disabled,
+    defaultOpen,
     onOpenChange,
     onExitComplete,
     children,
@@ -33,6 +34,7 @@
     ids,
     open,
     disabled,
+    defaultOpen,
     onOpenChange,
     onExitComplete,
   });

package/dist/combobox/create-combobox.svelte.d.ts

@@ -5,6 +5,7 @@ export interface CreateComboboxProps<T> extends Omit<combobox.Context, 'id' | 'd
     itemToString?: (item: T) => string;
     itemToValue?: (item: T) => string;
     isItemDisabled?: (item: T) => boolean;
+    defaultOpen?: boolean;
 }
 export interface CreateComboboxReturn extends combobox.Api {
 }

package/dist/combobox/create-combobox.svelte.js

@@ -16,6 +16,7 @@ export function createCombobox(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        open: props.defaultOpen,
         getRootNode: environmentContext?.getRootNode,
         'open.controlled': props.open != null,
         collection,

package/dist/combobox/root.svelte

@@ -20,6 +20,7 @@
     name,
     form,
     open,
+    defaultOpen,
     items,
     value,
     invalid,
@@ -65,6 +66,7 @@
     name,
     form,
     open,
+    defaultOpen,
     items,
     value: $state.snapshot(value),
     invalid,

package/dist/dialog/create-dialog.svelte.d.ts

@@ -1,6 +1,7 @@
 import * as dialog from '@zag-js/dialog';
 export interface CreateDialogProps extends Omit<dialog.Context, 'id' | 'dir' | 'getRootNode' | 'open.controlled'> {
     id?: string | null;
+    defaultOpen?: boolean;
 }
 export interface CreateDialogReturn extends dialog.Api {
 }

package/dist/dialog/create-dialog.svelte.js

@@ -10,6 +10,7 @@ export function createDialog(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        open: props.defaultOpen,
         getRootNode: environmentContext?.getRootNode,
         'open.controlled': props.open != null,
     }));

package/dist/editable/create-editable.svelte.d.ts

@@ -1,6 +1,7 @@
 import * as editable from '@zag-js/editable';
 export interface CreateEditableProps extends Omit<editable.Context, 'id' | 'dir' | 'getRootNode' | 'edit.controlled'> {
     id?: string | null;
+    defaultEdit?: boolean;
 }
 export interface CreateEditableReturn extends editable.Api {
 }

package/dist/editable/create-editable.svelte.js

@@ -10,6 +10,7 @@ export function createEditable(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        edit: props.defaultEdit,
         getRootNode: environmentContext?.getRootNode,
         'edit.controlled': props.edit != null,
     }));

package/dist/hover-card/create-hover-card.svelte.d.ts

@@ -1,6 +1,7 @@
 import * as hoverCard from '@zag-js/hover-card';
 export interface CreateHoverCardProps extends Omit<hoverCard.Context, 'id' | 'dir' | 'getRootNode' | 'open.controlled'> {
     id?: string | null;
+    defaultOpen?: boolean;
 }
 export interface CreateHoverCardReturn extends hoverCard.Api {
 }

package/dist/hover-card/create-hover-card.svelte.js

@@ -10,6 +10,7 @@ export function createHoverCard(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        open: props.defaultOpen,
         getRootNode: environmentContext?.getRootNode,
         'open.controlled': props.open != null,
     }));

package/dist/menu/create-menu.svelte.d.ts

@@ -1,6 +1,7 @@
 import * as menu from '@zag-js/menu';
 export interface CreateMenuProps extends Omit<menu.Context, 'id' | 'dir' | 'getRootNode' | 'open.controlled'> {
     id?: string | null;
+    defaultOpen?: boolean;
 }
 export interface CreateMenuReturn extends menu.Api {
 }

package/dist/menu/create-menu.svelte.js

@@ -10,6 +10,7 @@ export function createMenu(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        open: props.defaultOpen,
         getRootNode: environmentContext?.getRootNode,
         'open.controlled': props.open != null,
     }));

package/dist/menu/option-item.svelte

@@ -1,13 +1,10 @@
 <script lang="ts" module>
-  import type {Assign, HtmlProps, PickPartial} from '../types.js';
+  import type {Assign, HtmlProps} from '../types.js';
   import type {OptionItemProps, OptionItemState} from '@zag-js/menu';
   import type {Snippet} from 'svelte';
 
   export interface MenuOptionItemProps
-    extends Assign<
-      Omit<HtmlProps<'div'>, 'children'>,
-      PickPartial<OptionItemProps, 'type' | 'checked'>
-    > {
+    extends Assign<Omit<HtmlProps<'div'>, 'children'>, OptionItemProps> {
     children?: Snippet<[state: OptionItemState]>;
   }
 </script>
@@ -17,9 +14,9 @@
   import {menuContext, menuOptionItemPropsContext} from './context.svelte.js';
 
   let {
-    type = 'checkbox',
+    type,
     value,
-    checked = false,
+    checked,
     disabled,
     valueText,
     closeOnSelect,
@@ -30,7 +27,7 @@
 
   let context = menuContext.get();
 
-  let itemProps = $derived({
+  let itemProps: OptionItemProps = $derived({
     type,
     value,
     checked,

package/dist/popover/create-popover.svelte.d.ts

@@ -1,6 +1,7 @@
 import * as popover from '@zag-js/popover';
 export interface CreatePopoverProps extends Omit<popover.Context, 'id' | 'dir' | 'getRootNode' | 'open.controlled'> {
     id?: string | null;
+    defaultOpen?: boolean;
 }
 export interface CreatePopoverReturn extends popover.Api {
 }

package/dist/popover/create-popover.svelte.js

@@ -10,6 +10,7 @@ export function createPopover(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        open: props.defaultOpen,
         getRootNode: environmentContext?.getRootNode,
         'open.controlled': props.open != null,
     }));

package/dist/select/create-select.svelte.d.ts

@@ -5,6 +5,7 @@ export interface CreateSelectProps<T> extends Omit<select.Context, 'id' | 'dir'
     itemToString?: (item: T) => string;
     itemToValue?: (item: T) => string;
     isItemDisabled?: (item: T) => boolean;
+    defaultOpen?: boolean;
 }
 export interface CreateSelectReturn extends select.Api {
 }

package/dist/select/create-select.svelte.js

@@ -16,6 +16,7 @@ export function createSelect(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        open: props.defaultOpen,
         getRootNode: environmentContext?.getRootNode,
         collection,
         'open.controlled': props.open != null,

package/dist/select/root.svelte

@@ -20,6 +20,7 @@
     form,
     name,
     open,
+    defaultOpen,
     value,
     items,
     invalid,
@@ -52,6 +53,7 @@
     form,
     name,
     open,
+    defaultOpen,
     value: $state.snapshot(value),
     items,
     invalid,

package/dist/tooltip/create-tooltip.svelte.d.ts

@@ -1,6 +1,7 @@
 import * as tooltip from '@zag-js/tooltip';
 export interface CreateTooltipProps extends Omit<tooltip.Context, 'id' | 'dir' | 'getRootNode' | 'open.controlled'> {
     id?: string | null;
+    defaultOpen?: boolean;
 }
 export interface CreateTooltipReturn extends tooltip.Api {
 }

package/dist/tooltip/create-tooltip.svelte.js

@@ -10,6 +10,7 @@ export function createTooltip(props) {
         ...props,
         id: props.id ?? createUniqueId(),
         dir: localeContext?.dir,
+        open: props.defaultOpen,
         getRootNode: environmentContext?.getRootNode,
         'open.controlled': props.open != null,
     }));

package/dist/types.d.ts

@@ -1,9 +1,7 @@
 import type { SvelteHTMLElements } from 'svelte/elements';
 export type Assign<Target, Source> = Omit<Target, keyof Source> & Source;
-type KnownKeys<T> = keyof {
-    [K in keyof T as string extends K ? never : number extends K ? never : K]: string;
+type IntrinsicElements = keyof {
+    [K in keyof SvelteHTMLElements as string extends K ? never : number extends K ? never : K]: string;
 };
-type IntrinsicElements = KnownKeys<SvelteHTMLElements>;
 export type HtmlProps<T extends IntrinsicElements> = SvelteHTMLElements[T];
-export type PickPartial<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -140,7 +140,7 @@
     "postcss": "8.4.41",
     "publint": "0.2.10",
     "release-it": "17.6.0",
-    "svelte": "5.0.0-next.236",
+    "svelte": "5.0.0-next.238",
     "svelte-check": "3.8.6",
     "tailwindcss": "3.4.10",
     "typescript": "5.5.4",