ui-ingredients 1.7.0 → 1.9.0

package/dist/tour/tour-backdrop.svelte

@@ -1,44 +1,44 @@
-<script lang="ts" module>
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface TourBackdropProps
-    extends HtmlIngredientProps<'div', HTMLDivElement> {}
-</script>
-
-<script lang="ts">
-  import {reflect} from '@zag-js/svelte';
-  import {mergeProps} from '../merge-props.js';
-  import {createPresence} from '../presence/create-presence.svelte.js';
-  import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
-  import {getTourContext} from './tour-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TourBackdropProps = $props();
-
-  let tour = getTourContext();
-  let presenceStrategyProps = getPresenceStrategyPropsContext();
-  let presence = createPresence(
-    reflect(() => ({
-      ...presenceStrategyProps,
-      present: tour.step?.backdrop ? tour.open : false,
-    })),
-  );
-
-  let mergedProps = $derived(
-    mergeProps(tour.getBackdropProps(), presence.getPresenceProps(), props),
-  );
-</script>
-
-{#if presence.mounted}
-  {#if asChild}
-    {@render asChild(mergedProps)}
-  {:else}
-    <div bind:this={ref} use:presence.setReference {...mergedProps}>
-      {@render children?.()}
-    </div>
-  {/if}
-{/if}
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface TourBackdropProps
+    extends HtmlIngredientProps<'div', HTMLDivElement> {}
+</script>
+
+<script lang="ts">
+  import {reflect} from '@zag-js/svelte';
+  import {mergeProps} from '../merge-props.js';
+  import {createPresence} from '../presence/create-presence.svelte.js';
+  import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
+  import {getTourContext} from './tour-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TourBackdropProps = $props();
+
+  let tour = getTourContext();
+  let presenceStrategyProps = getPresenceStrategyPropsContext();
+  let presence = createPresence(
+    reflect(() => ({
+      ...presenceStrategyProps,
+      present: tour.step?.backdrop ? tour.open : false,
+    })),
+  );
+
+  let mergedProps = $derived(
+    mergeProps(tour.getBackdropProps(), presence.getPresenceProps(), props),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(mergedProps)}
+  {:else}
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

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

@@ -1,6 +1,6 @@
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as treeView from '@zag-js/tree-view';
-import { getEnvironmentContext } from '../environment-provider/enviroment-provider-context.svelte.js';
+import { getEnvironmentContext } from '../environment-provider/environment-provider-context.svelte.js';
 import { getLocaleContext } from '../locale-provider/locale-provider-context.svelte.js';
 export function createTreeView(props) {
     const locale = getLocaleContext();

package/dist/tree-view/tree-view-branch-content.svelte

@@ -1,57 +1,57 @@
-<script lang="ts" module>
-  import type {Action} from 'svelte/action';
-  import type {HtmlIngredientProps} from '../types.js';
-
-  export interface TreeViewBranchContentProps
-    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
-</script>
-
-<script lang="ts">
-  import {reflect} from '@zag-js/svelte';
-  import {getCollapsibleContext} from '../collapsible/collapsible-context.svelte.js';
-  import {mergeProps} from '../merge-props.js';
-  import {createPresence} from '../presence/create-presence.svelte.js';
-  import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
-  import {
-    getTreeViewContext,
-    getTreeViewNodePropsContext,
-  } from './tree-view-context.svelte.js';
-
-  let {
-    ref = $bindable(null),
-    asChild,
-    children,
-    ...props
-  }: TreeViewBranchContentProps = $props();
-
-  let treeView = getTreeViewContext();
-  let nodeProps = getTreeViewNodePropsContext();
-  let nodeState = $derived(treeView.getNodeState(nodeProps));
-  let collapsible = getCollapsibleContext();
-  let presenceStrategyProps = getPresenceStrategyPropsContext();
-  let presence = createPresence(
-    reflect(() => ({
-      ...presenceStrategyProps,
-      present: nodeState.expanded,
-    })),
-  );
-
-  let mergedProps = $derived(
-    mergeProps(
-      collapsible.getContentProps(),
-      treeView.getBranchContentProps(nodeProps),
-      presence.getPresenceProps(),
-      props,
-    ),
-  );
-</script>
-
-{#if presence.mounted}
-  {#if asChild}
-    {@render asChild(presence.setReference, mergedProps)}
-  {:else}
-    <div bind:this={ref} use:presence.setReference {...mergedProps}>
-      {@render children?.()}
-    </div>
-  {/if}
-{/if}
+<script lang="ts" module>
+  import type {Action} from 'svelte/action';
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface TreeViewBranchContentProps
+    extends HtmlIngredientProps<'div', HTMLDivElement, never, Action> {}
+</script>
+
+<script lang="ts">
+  import {reflect} from '@zag-js/svelte';
+  import {getCollapsibleContext} from '../collapsible/collapsible-context.svelte.js';
+  import {mergeProps} from '../merge-props.js';
+  import {createPresence} from '../presence/create-presence.svelte.js';
+  import {getPresenceStrategyPropsContext} from '../presence/presence-context.svelte.js';
+  import {
+    getTreeViewContext,
+    getTreeViewNodePropsContext,
+  } from './tree-view-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: TreeViewBranchContentProps = $props();
+
+  let treeView = getTreeViewContext();
+  let nodeProps = getTreeViewNodePropsContext();
+  let nodeState = $derived(treeView.getNodeState(nodeProps));
+  let collapsible = getCollapsibleContext();
+  let presenceStrategyProps = getPresenceStrategyPropsContext();
+  let presence = createPresence(
+    reflect(() => ({
+      ...presenceStrategyProps,
+      present: nodeState.expanded,
+    })),
+  );
+
+  let mergedProps = $derived(
+    mergeProps(
+      collapsible.getContentProps(),
+      treeView.getBranchContentProps(nodeProps),
+      presence.getPresenceProps(),
+      props,
+    ),
+  );
+</script>
+
+{#if presence.mounted}
+  {#if asChild}
+    {@render asChild(presence.setReference, mergedProps)}
+  {:else}
+    <div bind:this={ref} use:presence.setReference {...mergedProps}>
+      {@render children?.()}
+    </div>
+  {/if}
+{/if}

package/dist/tree-view/tree-view-root.svelte

@@ -47,8 +47,10 @@
       'expandedValue',
       'focusedValue',
       'ids',
+      'loadChildren',
       'onExpandedChange',
       'onFocusChange',
+      'onLoadChildrenComplete',
       'onSelectionChange',
       'selectedValue',
       'selectionMode',

package/package.json

@@ -2,7 +2,7 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "1.7.0",
+  "version": "1.9.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -122,6 +122,10 @@
       "types": "./dist/pagination/index.d.ts",
       "svelte": "./dist/pagination/index.js"
     },
+    "./password-input": {
+      "types": "./dist/password-input/index.d.ts",
+      "svelte": "./dist/password-input/index.js"
+    },
     "./pin-input": {
       "types": "./dist/pin-input/index.d.ts",
       "svelte": "./dist/pin-input/index.js"
@@ -302,7 +306,8 @@
     "Toggle Group",
     "Tooltip",
     "Tour",
-    "Tree View"
+    "Tree View",
+    "Password Input"
   ],
   "publishConfig": {
     "access": "public"
@@ -319,57 +324,58 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@zag-js/accordion": "^1.12.3",
-    "@zag-js/anatomy": "^1.12.3",
-    "@zag-js/angle-slider": "^1.12.3",
-    "@zag-js/auto-resize": "^1.12.3",
-    "@zag-js/avatar": "^1.12.3",
-    "@zag-js/carousel": "^1.12.3",
-    "@zag-js/checkbox": "^1.12.3",
-    "@zag-js/clipboard": "^1.12.3",
-    "@zag-js/collapsible": "^1.12.3",
-    "@zag-js/collection": "^1.12.3",
-    "@zag-js/color-picker": "^1.12.3",
-    "@zag-js/combobox": "^1.12.3",
-    "@zag-js/core": "^1.12.3",
-    "@zag-js/date-picker": "^1.12.3",
-    "@zag-js/dialog": "^1.12.3",
-    "@zag-js/dom-query": "^1.12.3",
-    "@zag-js/editable": "^1.12.3",
-    "@zag-js/file-upload": "^1.12.3",
-    "@zag-js/floating-panel": "^1.12.3",
-    "@zag-js/focus-trap": "^1.12.3",
-    "@zag-js/highlight-word": "^1.12.3",
-    "@zag-js/hover-card": "^1.12.3",
-    "@zag-js/i18n-utils": "^1.12.3",
-    "@zag-js/listbox": "^1.12.3",
-    "@zag-js/menu": "^1.12.3",
-    "@zag-js/number-input": "^1.12.3",
-    "@zag-js/pagination": "^1.12.3",
-    "@zag-js/pin-input": "^1.12.3",
-    "@zag-js/popover": "^1.12.3",
-    "@zag-js/presence": "^1.12.3",
-    "@zag-js/progress": "^1.12.3",
-    "@zag-js/qr-code": "^1.12.3",
-    "@zag-js/radio-group": "^1.12.3",
-    "@zag-js/rating-group": "^1.12.3",
-    "@zag-js/select": "^1.12.3",
-    "@zag-js/signature-pad": "^1.12.3",
-    "@zag-js/slider": "^1.12.3",
-    "@zag-js/splitter": "^1.12.3",
-    "@zag-js/steps": "^1.12.3",
-    "@zag-js/svelte": "^1.12.3",
-    "@zag-js/switch": "^1.12.3",
-    "@zag-js/tabs": "^1.12.3",
-    "@zag-js/tags-input": "^1.12.3",
-    "@zag-js/time-picker": "^1.12.3",
-    "@zag-js/timer": "^1.12.3",
-    "@zag-js/toast": "^1.12.3",
-    "@zag-js/toggle": "^1.12.3",
-    "@zag-js/toggle-group": "^1.12.3",
-    "@zag-js/tooltip": "^1.12.3",
-    "@zag-js/tour": "^1.12.3",
-    "@zag-js/tree-view": "^1.12.3",
+    "@zag-js/accordion": "^1.15.0",
+    "@zag-js/anatomy": "^1.15.0",
+    "@zag-js/angle-slider": "^1.15.0",
+    "@zag-js/auto-resize": "^1.15.0",
+    "@zag-js/avatar": "^1.15.0",
+    "@zag-js/carousel": "^1.15.0",
+    "@zag-js/checkbox": "^1.15.0",
+    "@zag-js/clipboard": "^1.15.0",
+    "@zag-js/collapsible": "^1.15.0",
+    "@zag-js/collection": "^1.15.0",
+    "@zag-js/color-picker": "^1.15.0",
+    "@zag-js/combobox": "^1.15.0",
+    "@zag-js/core": "^1.15.0",
+    "@zag-js/date-picker": "^1.15.0",
+    "@zag-js/dialog": "^1.15.0",
+    "@zag-js/dom-query": "^1.15.0",
+    "@zag-js/editable": "^1.15.0",
+    "@zag-js/file-upload": "^1.15.0",
+    "@zag-js/floating-panel": "^1.15.0",
+    "@zag-js/focus-trap": "^1.15.0",
+    "@zag-js/highlight-word": "^1.15.0",
+    "@zag-js/hover-card": "^1.15.0",
+    "@zag-js/i18n-utils": "^1.15.0",
+    "@zag-js/listbox": "^1.15.0",
+    "@zag-js/menu": "^1.15.0",
+    "@zag-js/number-input": "^1.15.0",
+    "@zag-js/pagination": "^1.15.0",
+    "@zag-js/password-input": "^1.15.0",
+    "@zag-js/pin-input": "^1.15.0",
+    "@zag-js/popover": "^1.15.0",
+    "@zag-js/presence": "^1.15.0",
+    "@zag-js/progress": "^1.15.0",
+    "@zag-js/qr-code": "^1.15.0",
+    "@zag-js/radio-group": "^1.15.0",
+    "@zag-js/rating-group": "^1.15.0",
+    "@zag-js/select": "^1.15.0",
+    "@zag-js/signature-pad": "^1.15.0",
+    "@zag-js/slider": "^1.15.0",
+    "@zag-js/splitter": "^1.15.0",
+    "@zag-js/steps": "^1.15.0",
+    "@zag-js/svelte": "^1.15.0",
+    "@zag-js/switch": "^1.15.0",
+    "@zag-js/tabs": "^1.15.0",
+    "@zag-js/tags-input": "^1.15.0",
+    "@zag-js/time-picker": "^1.15.0",
+    "@zag-js/timer": "^1.15.0",
+    "@zag-js/toast": "^1.15.0",
+    "@zag-js/toggle": "^1.15.0",
+    "@zag-js/toggle-group": "^1.15.0",
+    "@zag-js/tooltip": "^1.15.0",
+    "@zag-js/tour": "^1.15.0",
+    "@zag-js/tree-view": "^1.15.0",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {
@@ -378,22 +384,22 @@
   "devDependencies": {
     "@faker-js/faker": "^9.8.0",
     "@sveltejs/adapter-vercel": "^5.7.2",
-    "@sveltejs/kit": "^2.21.0",
+    "@sveltejs/kit": "^2.21.2",
     "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@sveltejs/vite-plugin-svelte": "^5.1.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/svelte": "^5.2.7",
+    "@testing-library/svelte": "^5.2.8",
     "@testing-library/user-event": "^14.6.1",
     "@types/jsdom": "^21.1.7",
     "jsdom": "^26.1.0",
     "publint": "^0.3.12",
-    "release-it": "^19.0.2",
+    "release-it": "^19.0.3",
     "resize-observer-polyfill": "^1.5.1",
-    "svelte": "^5.30.1",
+    "svelte": "^5.33.14",
     "svelte-check": "^4.2.1",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
-    "vitest": "^3.1.3",
+    "vitest": "^3.2.2",
     "vitest-axe": "^1.0.0-pre.3",
     "vitest-canvas-mock": "^0.3.3"
   },