ui-ingredients 1.0.0 → 1.2.0

package/dist/editable/editable-preview.svelte

@@ -27,7 +27,7 @@
     {#if children}
       {@render children?.()}
     {:else}
-      {editable.value}
+      {editable.valueText}
     {/if}
   </span>
 {/if}

package/dist/menu/menu-item.svelte

@@ -32,16 +32,17 @@
 
   let menu = getMenuContext();
 
+  let mergedProps = $derived(
+    mergeProps(menu?.getItemProps(itemProps) ?? {}, localProps),
+  );
+
   let itemState: ItemState = $derived(
     menu?.getItemState(itemProps) ?? {
+      id: '',
       disabled: false,
       highlighted: false,
     },
   );
-
-  let mergedProps = $derived(
-    mergeProps(menu?.getItemProps(itemProps) ?? {}, localProps),
-  );
 </script>
 
 {#if asChild}

package/dist/menu/menu-option-item.svelte

@@ -38,18 +38,19 @@
 
   let menu = getMenuContext();
 
+  let mergedProps = $derived(
+    mergeProps(menu?.getOptionItemProps(itemProps) ?? {}, localProps),
+  );
+
   let itemState: OptionItemState = $derived(
     menu?.getOptionItemState(itemProps) ?? {
+      id: '',
       checked: false,
       disabled: false,
       highlighted: false,
     },
   );
 
-  let mergedProps = $derived(
-    mergeProps(menu?.getOptionItemProps(itemProps) ?? {}, localProps),
-  );
-
   setMenuOptionItemPropsContext(() => itemProps);
 </script>
 

package/dist/merge-props.js

@@ -6,10 +6,10 @@ export function mergeProps(...args) {
     for (const o of args) {
         const c = { ...o };
         if (c.class && !isString(c.class)) {
-            c.class = clsx(o.class);
+            c.class = clsx(c.class);
         }
         if (c.className && !isString(c.class)) {
-            c.className = clsx(o.className);
+            c.className = clsx(c.className);
         }
         l.push(c);
     }

package/dist/splitter/splitter-panel.svelte

@@ -19,7 +19,7 @@
   }: SplitterPanelProps = $props();
 
   let [panelProps, localProps] = $derived(
-    createSplitProps<PanelProps>(['id', 'snapSize'])(props),
+    createSplitProps<PanelProps>(['id'])(props),
   );
 
   let splitter = getSplitterContext();

package/dist/splitter/splitter-resize-trigger.svelte

@@ -2,18 +2,9 @@
   import type {ResizeTriggerProps} from '@zag-js/splitter';
   import type {Assign, HtmlIngredientProps} from '../types.js';
 
-  interface ResizeTriggerState {
-    min: number | undefined;
-    max: number | undefined;
-    value: number;
-    focused: boolean;
-    disabled: boolean;
-    panelIds: string[];
-  }
-
   export interface SplitterResizeTriggerProps
     extends Assign<
-      HtmlIngredientProps<'div', HTMLDivElement, ResizeTriggerState>,
+      HtmlIngredientProps<'div', HTMLDivElement>,
       ResizeTriggerProps
     > {}
 </script>
@@ -31,20 +22,19 @@
   }: SplitterResizeTriggerProps = $props();
 
   let [resizeTriggerProps, localProps] = $derived(
-    createSplitProps<ResizeTriggerProps>(['id', 'step', 'disabled'])(props),
+    createSplitProps<ResizeTriggerProps>(['id', 'disabled'])(props),
   );
 
   let splitter = getSplitterContext();
-  let itemState = $derived(splitter.getResizeTriggerState(resizeTriggerProps));
   let mergedProps = $derived(
     mergeProps(splitter.getResizeTriggerProps(resizeTriggerProps), localProps),
   );
 </script>
 
 {#if asChild}
-  {@render asChild(mergedProps, itemState)}
+  {@render asChild(mergedProps)}
 {:else}
   <div bind:this={ref} {...mergedProps}>
-    {@render children?.(itemState)}
+    {@render children?.()}
   </div>
 {/if}

package/dist/splitter/splitter-resize-trigger.svelte.d.ts

@@ -1,14 +1,6 @@
 import type { ResizeTriggerProps } from '@zag-js/splitter';
 import type { Assign, HtmlIngredientProps } from '../types.js';
-interface ResizeTriggerState {
-    min: number | undefined;
-    max: number | undefined;
-    value: number;
-    focused: boolean;
-    disabled: boolean;
-    panelIds: string[];
-}
-export interface SplitterResizeTriggerProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement, ResizeTriggerState>, ResizeTriggerProps> {
+export interface SplitterResizeTriggerProps extends Assign<HtmlIngredientProps<'div', HTMLDivElement>, ResizeTriggerProps> {
 }
 declare const SplitterResizeTrigger: import("svelte").Component<SplitterResizeTriggerProps, {}, "ref">;
 type SplitterResizeTrigger = ReturnType<typeof SplitterResizeTrigger>;

package/dist/splitter/splitter-root.svelte

@@ -33,9 +33,15 @@
     createSplitProps<Omit<CreateSplitterProps, 'id'>>([
       'defaultSize',
       'ids',
-      'onSizeChange',
-      'onSizeChangeEnd',
+      'keyboardResizeBy',
+      'nonce',
+      'onCollapse',
+      'onExpand',
+      'onResize',
+      'onResizeEnd',
+      'onResizeStart',
       'orientation',
+      'panels',
       'size',
     ])(props),
   );

package/package.json

@@ -2,7 +2,7 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -307,55 +307,55 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@zag-js/accordion": "^1.3.2",
-    "@zag-js/anatomy": "^1.3.2",
-    "@zag-js/angle-slider": "^1.3.2",
-    "@zag-js/auto-resize": "^1.3.2",
-    "@zag-js/avatar": "^1.3.2",
-    "@zag-js/carousel": "^1.3.2",
-    "@zag-js/checkbox": "^1.3.2",
-    "@zag-js/clipboard": "^1.3.2",
-    "@zag-js/collapsible": "^1.3.2",
-    "@zag-js/color-picker": "^1.3.2",
-    "@zag-js/combobox": "^1.3.2",
-    "@zag-js/core": "^1.3.2",
-    "@zag-js/date-picker": "^1.3.2",
-    "@zag-js/dialog": "^1.3.2",
-    "@zag-js/dom-query": "^1.3.2",
-    "@zag-js/editable": "^1.3.2",
-    "@zag-js/file-upload": "^1.3.2",
-    "@zag-js/floating-panel": "^1.3.2",
-    "@zag-js/focus-trap": "^1.3.2",
-    "@zag-js/highlight-word": "^1.3.2",
-    "@zag-js/hover-card": "^1.3.2",
-    "@zag-js/i18n-utils": "^1.3.2",
-    "@zag-js/menu": "^1.3.2",
-    "@zag-js/number-input": "^1.3.2",
-    "@zag-js/pagination": "^1.3.2",
-    "@zag-js/pin-input": "^1.3.2",
-    "@zag-js/popover": "^1.3.2",
-    "@zag-js/presence": "^1.3.2",
-    "@zag-js/progress": "^1.3.2",
-    "@zag-js/qr-code": "^1.3.2",
-    "@zag-js/radio-group": "^1.3.2",
-    "@zag-js/rating-group": "^1.3.2",
-    "@zag-js/select": "^1.3.2",
-    "@zag-js/signature-pad": "^1.3.2",
-    "@zag-js/slider": "^1.3.2",
-    "@zag-js/splitter": "^1.3.2",
-    "@zag-js/steps": "^1.3.2",
-    "@zag-js/svelte": "^1.3.2",
-    "@zag-js/switch": "^1.3.2",
-    "@zag-js/tabs": "^1.3.2",
-    "@zag-js/tags-input": "^1.3.2",
-    "@zag-js/time-picker": "^1.3.2",
-    "@zag-js/timer": "^1.3.2",
-    "@zag-js/toast": "^1.3.2",
-    "@zag-js/toggle": "^1.3.2",
-    "@zag-js/toggle-group": "^1.3.2",
-    "@zag-js/tooltip": "^1.3.2",
-    "@zag-js/tour": "^1.3.2",
-    "@zag-js/tree-view": "^1.3.2",
+    "@zag-js/accordion": "^1.7.0",
+    "@zag-js/anatomy": "^1.7.0",
+    "@zag-js/angle-slider": "^1.7.0",
+    "@zag-js/auto-resize": "^1.7.0",
+    "@zag-js/avatar": "^1.7.0",
+    "@zag-js/carousel": "^1.7.0",
+    "@zag-js/checkbox": "^1.7.0",
+    "@zag-js/clipboard": "^1.7.0",
+    "@zag-js/collapsible": "^1.7.0",
+    "@zag-js/color-picker": "^1.7.0",
+    "@zag-js/combobox": "^1.7.0",
+    "@zag-js/core": "^1.7.0",
+    "@zag-js/date-picker": "^1.7.0",
+    "@zag-js/dialog": "^1.7.0",
+    "@zag-js/dom-query": "^1.7.0",
+    "@zag-js/editable": "^1.7.0",
+    "@zag-js/file-upload": "^1.7.0",
+    "@zag-js/floating-panel": "^1.7.0",
+    "@zag-js/focus-trap": "^1.7.0",
+    "@zag-js/highlight-word": "^1.7.0",
+    "@zag-js/hover-card": "^1.7.0",
+    "@zag-js/i18n-utils": "^1.7.0",
+    "@zag-js/menu": "^1.7.0",
+    "@zag-js/number-input": "^1.7.0",
+    "@zag-js/pagination": "^1.7.0",
+    "@zag-js/pin-input": "^1.7.0",
+    "@zag-js/popover": "^1.7.0",
+    "@zag-js/presence": "^1.7.0",
+    "@zag-js/progress": "^1.7.0",
+    "@zag-js/qr-code": "^1.7.0",
+    "@zag-js/radio-group": "^1.7.0",
+    "@zag-js/rating-group": "^1.7.0",
+    "@zag-js/select": "^1.7.0",
+    "@zag-js/signature-pad": "^1.7.0",
+    "@zag-js/slider": "^1.7.0",
+    "@zag-js/splitter": "^1.7.0",
+    "@zag-js/steps": "^1.7.0",
+    "@zag-js/svelte": "^1.7.0",
+    "@zag-js/switch": "^1.7.0",
+    "@zag-js/tabs": "^1.7.0",
+    "@zag-js/tags-input": "^1.7.0",
+    "@zag-js/time-picker": "^1.7.0",
+    "@zag-js/timer": "^1.7.0",
+    "@zag-js/toast": "^1.7.0",
+    "@zag-js/toggle": "^1.7.0",
+    "@zag-js/toggle-group": "^1.7.0",
+    "@zag-js/tooltip": "^1.7.0",
+    "@zag-js/tour": "^1.7.0",
+    "@zag-js/tree-view": "^1.7.0",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {
@@ -364,7 +364,7 @@
   "devDependencies": {
     "@faker-js/faker": "^9.6.0",
     "@sveltejs/adapter-vercel": "^5.6.3",
-    "@sveltejs/kit": "^2.19.0",
+    "@sveltejs/kit": "^2.20.2",
     "@sveltejs/package": "^2.3.10",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@testing-library/jest-dom": "^6.6.3",
@@ -372,14 +372,14 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/jsdom": "^21.1.7",
     "jsdom": "^26.0.0",
-    "publint": "^0.3.8",
+    "publint": "^0.3.9",
     "release-it": "^18.1.2",
     "resize-observer-polyfill": "^1.5.1",
-    "svelte": "^5.22.6",
+    "svelte": "^5.25.3",
     "svelte-check": "^4.1.5",
     "typescript": "^5.8.2",
-    "vite": "^6.2.1",
-    "vitest": "^3.0.8",
+    "vite": "^6.2.3",
+    "vitest": "^3.0.9",
     "vitest-axe": "^1.0.0-pre.3",
     "vitest-canvas-mock": "^0.3.3"
   },