ui-ingredients 0.0.43 → 0.0.45

package/dist/tree-view/create-tree-view.svelte.js

@@ -7,13 +7,12 @@ export function createTreeView(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const id = uid();
-    const context = $derived(reflect(() => ({
+    const context = reflect(() => ({
         ...props,
         id: props.id ?? id,
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
-    })));
+    }));
     const [state, send] = useMachine(treeView.machine(context), { context });
-    const api = $derived(reflect(() => treeView.connect(state, send, normalizeProps)));
-    return api;
+    return reflect(() => treeView.connect(state, send, normalizeProps));
 }

package/dist/tree-view/item.svelte

@@ -18,14 +18,14 @@
 
   let treeView = getTreeViewContext();
 
-  let [itemProps, otherProps] = $derived(
+  let [itemProps, localProps] = $derived(
     createSplitProps<ItemProps>(['depth', 'value', 'disabled'])(props),
   );
 
   let itemState = $derived(treeView.getItemState(itemProps));
 
   let mergedProps = $derived(
-    mergeProps(otherProps, treeView.getItemProps(itemProps)),
+    mergeProps(localProps, treeView.getItemProps(itemProps)),
   );
 
   setTreeViewItemPropsContext(() => itemProps);

package/dist/tree-view/root.svelte

@@ -21,7 +21,7 @@
 
   let {asChild, children, ...props}: TreeViewProps = $props();
 
-  let [treeViewProps, otherProps] = $derived(
+  let [treeViewProps, localProps] = $derived(
     createSplitProps<CreateTreeViewProps>([
       'id',
       'ids',
@@ -39,7 +39,7 @@
 
   let treeView = createTreeView(reflect(() => treeViewProps));
 
-  let mergedProps = $derived(mergeProps(otherProps, treeView.getRootProps()));
+  let mergedProps = $derived(mergeProps(localProps, treeView.getRootProps()));
 
   setTreeViewContext(treeView);
 </script>

package/dist/types.d.ts

@@ -1,27 +1,21 @@
 import type { Snippet } from 'svelte';
 import type { Action } from 'svelte/action';
 import type { SvelteHTMLElements } from 'svelte/elements';
-import type { TransitionConfig } from 'svelte/transition';
 export type GenericObject = Record<string, any>;
 export type Assign<Target extends GenericObject, Source extends GenericObject> = Source & Omit<Target, keyof Source>;
-export type IntrinsicElements = keyof {
+export type IntrinsicElement = keyof {
     [K in keyof SvelteHTMLElements as string extends K ? never : number extends K ? never : K]: string;
 };
-export type HtmlProps<T extends IntrinsicElements> = SvelteHTMLElements[T];
-export type TransitionFunction = (node: HTMLElement) => TransitionConfig;
-export interface TransitionProps {
-    in?: TransitionFunction;
-    out?: TransitionFunction;
-    transition?: TransitionFunction;
-}
-export type AsChildWithRef<Ref extends Action, Context = never> = [
-    Context
-] extends [never] ? Snippet<[ref: Ref, attrs: GenericObject]> : Snippet<[ref: Ref, attrs: GenericObject, context: Context]>;
-export type AsChildWithoutRef<Context = never> = [Context] extends [never] ? Snippet<[attrs: GenericObject]> : Snippet<[attrs: GenericObject, context: Context]>;
+export type HtmlProps<T extends IntrinsicElement> = SvelteHTMLElements[T];
+type AsChildWithRef<Ref extends Action, Context = never> = [Context] extends [
+    never
+] ? Snippet<[ref: Ref, attrs: GenericObject]> : Snippet<[ref: Ref, attrs: GenericObject, context: Context]>;
+type AsChildWithoutRef<Context = never> = [Context] extends [never] ? Snippet<[attrs: GenericObject]> : Snippet<[attrs: GenericObject, context: Context]>;
 export type AsChild<Ref extends Action, Context = never> = [Ref] extends [never] ? AsChildWithoutRef<Context> : AsChildWithRef<Ref, Context>;
-export type Children<T = never> = [T] extends [never] ? Snippet : Snippet<[context: T]>;
-export type PropsWithoutChildren<T> = Omit<T, 'children'>;
-export type HtmlIngredientProps<Element extends IntrinsicElements, Context = never, Ref extends Action = never> = TransitionProps & PropsWithoutChildren<HtmlProps<Element>> & {
+type Children<T = never> = [T] extends [never] ? Snippet : Snippet<[context: T]>;
+type PropsWithoutChildren<T> = Omit<T, 'children'>;
+export type HtmlIngredientProps<Element extends IntrinsicElement, Context = never, Ref extends Action = never> = PropsWithoutChildren<HtmlProps<Element>> & {
     children?: Children<Context>;
     asChild?: AsChild<Ref, Context>;
 };
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -100,6 +100,7 @@
     "@zag-js/editable": "0.67.0",
     "@zag-js/file-upload": "0.67.0",
     "@zag-js/floating-panel": "0.67.0",
+    "@zag-js/highlight-word": "0.67.0",
     "@zag-js/hover-card": "0.67.0",
     "@zag-js/i18n-utils": "0.67.0",
     "@zag-js/menu": "0.67.0",