ui-ingredients 0.3.0 → 0.4.0

package/dist/drawer/drawer-root.svelte

@@ -0,0 +1,48 @@
+<script lang="ts" module>
+  import type {PresenceStrategyProps} from '../presence/create-presence.svelte.js';
+  import type {Snippet} from 'svelte';
+  import type {
+    CreateDrawerProps,
+    CreateDrawerReturn,
+  } from './create-drawer.svelte.js';
+
+  export interface DrawerProps
+    extends CreateDrawerProps,
+      PresenceStrategyProps {
+    children?: Snippet<[CreateDrawerReturn]>;
+  }
+</script>
+
+<script lang="ts">
+  import {createPresence} from '../presence/create-presence.svelte.js';
+  import {
+    setPresenceContext,
+    setPresenceStrategyPropsContext,
+  } from '../presence/presence-context.svelte.js';
+  import {reflect} from '@zag-js/svelte';
+  import {createSplitProps} from '@zag-js/utils';
+  import {createDrawer} from './create-drawer.svelte.js';
+  import {setDrawerContext} from './drawer-context.svelte.js';
+
+  let {children, ...props}: DrawerProps = $props();
+
+  let [presenceStrategyProps, createDialogProps] = $derived(
+    createSplitProps<PresenceStrategyProps>(['lazyMount', 'keepMounted'])(
+      props,
+    ),
+  );
+
+  let drawer = createDrawer(reflect(() => createDialogProps));
+  let presence = createPresence(
+    reflect(() => ({
+      ...presenceStrategyProps,
+      present: drawer.open,
+    })),
+  );
+
+  setDrawerContext(drawer);
+  setPresenceContext(presence);
+  setPresenceStrategyPropsContext(() => presenceStrategyProps);
+</script>
+
+{@render children?.(drawer)}

package/dist/drawer/drawer-root.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { PresenceStrategyProps } from '../presence/create-presence.svelte.js';
+import type { Snippet } from 'svelte';
+import type { CreateDrawerProps, CreateDrawerReturn } from './create-drawer.svelte.js';
+export interface DrawerProps extends CreateDrawerProps, PresenceStrategyProps {
+    children?: Snippet<[CreateDrawerReturn]>;
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DrawerRoot: $$__sveltets_2_IsomorphicComponent<DrawerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type DrawerRoot = InstanceType<typeof DrawerRoot>;
+export default DrawerRoot;

package/dist/drawer/drawer-title.svelte

@@ -0,0 +1,30 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface DrawerTitleProps
+    extends HtmlIngredientProps<'h2', HTMLHeadingElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getDrawerContext} from './drawer-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: DrawerTitleProps = $props();
+
+  let drawer = getDrawerContext();
+
+  let mergedProps = $derived(mergeProps(drawer.getTitleProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <h2 bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </h2>
+{/if}

package/dist/drawer/drawer-title.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface DrawerTitleProps extends HtmlIngredientProps<'h2', HTMLHeadingElement> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DrawerTitle: $$__sveltets_2_IsomorphicComponent<DrawerTitleProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "ref">;
+type DrawerTitle = InstanceType<typeof DrawerTitle>;
+export default DrawerTitle;

package/dist/drawer/drawer-trigger.svelte

@@ -0,0 +1,30 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface DrawerTriggerProps
+    extends HtmlIngredientProps<'button', HTMLButtonElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getDrawerContext} from './drawer-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: DrawerTriggerProps = $props();
+
+  let drawer = getDrawerContext();
+
+  let mergedProps = $derived(mergeProps(drawer.getTriggerProps(), props));
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <button bind:this={ref} type="button" {...mergedProps}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/drawer/drawer-trigger.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface DrawerTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DrawerTrigger: $$__sveltets_2_IsomorphicComponent<DrawerTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "ref">;
+type DrawerTrigger = InstanceType<typeof DrawerTrigger>;
+export default DrawerTrigger;

package/dist/drawer/drawer.d.ts

@@ -0,0 +1,11 @@
+export { default as Backdrop } from './drawer-backdrop.svelte';
+export { default as Body } from './drawer-body.svelte';
+export { default as CloseTrigger } from './drawer-close-trigger.svelte';
+export { default as Content } from './drawer-content.svelte';
+export { default as Description } from './drawer-description.svelte';
+export { default as Footer } from './drawer-footer.svelte';
+export { default as Header } from './drawer-header.svelte';
+export { default as Positioner } from './drawer-positioner.svelte';
+export { default as Root } from './drawer-root.svelte';
+export { default as Title } from './drawer-title.svelte';
+export { default as Trigger } from './drawer-trigger.svelte';

package/dist/drawer/drawer.js

@@ -0,0 +1,11 @@
+export { default as Backdrop } from './drawer-backdrop.svelte';
+export { default as Body } from './drawer-body.svelte';
+export { default as CloseTrigger } from './drawer-close-trigger.svelte';
+export { default as Content } from './drawer-content.svelte';
+export { default as Description } from './drawer-description.svelte';
+export { default as Footer } from './drawer-footer.svelte';
+export { default as Header } from './drawer-header.svelte';
+export { default as Positioner } from './drawer-positioner.svelte';
+export { default as Root } from './drawer-root.svelte';
+export { default as Title } from './drawer-title.svelte';
+export { default as Trigger } from './drawer-trigger.svelte';

package/dist/drawer/index.d.ts

@@ -0,0 +1,14 @@
+export * as Drawer from './drawer.js';
+export type { DrawerBackdropProps } from './drawer-backdrop.svelte';
+export type { DrawerBodyProps } from './drawer-body.svelte';
+export type { DrawerCloseTriggerProps } from './drawer-close-trigger.svelte';
+export type { DrawerContentProps } from './drawer-content.svelte';
+export type { DrawerDescriptionProps } from './drawer-description.svelte';
+export type { DrawerFooterProps } from './drawer-footer.svelte';
+export type { DrawerHeaderProps } from './drawer-header.svelte';
+export type { DrawerPositionerProps } from './drawer-positioner.svelte';
+export type { DrawerProps } from './drawer-root.svelte';
+export type { DrawerTitleProps } from './drawer-title.svelte';
+export type { DrawerTriggerProps } from './drawer-trigger.svelte';
+export { anatomy as drawerAnatomy } from './drawer-anatomy.js';
+export { getDrawerContext } from './drawer-context.svelte.js';

package/dist/drawer/index.js

@@ -0,0 +1,3 @@
+export * as Drawer from './drawer.js';
+export { anatomy as drawerAnatomy } from './drawer-anatomy.js';
+export { getDrawerContext } from './drawer-context.svelte.js';

package/dist/environment-provider/enviroment-provider-context.svelte.d.ts

@@ -1,6 +1,6 @@
 export interface Environment {
-    getRootNode: () => ShadowRoot | Document | Node;
-    getDocument: () => Document;
-    getWindow: () => Window & typeof globalThis;
+    getRootNode(): ShadowRoot | Document | Node;
+    getDocument(): Document;
+    getWindow(): Window & typeof globalThis;
 }
 export declare const getEnvironmentContext: () => Environment | undefined, setEnvironmentContext: (context: Environment | (() => Environment)) => void;

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

@@ -21,13 +21,14 @@ export interface CreateFieldReturn {
     readOnly: boolean;
     invalid: boolean;
     'aria-describedby': string;
-    getRootProps: () => HTMLAttributes<HTMLElement>;
-    getLabelProps: () => HTMLLabelAttributes;
-    getErrorTextProps: () => HTMLAttributes<HTMLElement>;
-    getHelperTextProps: () => HTMLAttributes<HTMLElement>;
-    getInputProps: () => HTMLInputAttributes;
-    getSelectProps: () => HTMLSelectAttributes;
-    getTextareaProps: () => HTMLTextareaAttributes;
+    getRootProps(): HTMLAttributes<HTMLElement>;
+    getLabelProps(): HTMLLabelAttributes;
+    getErrorTextProps(): HTMLAttributes<HTMLElement>;
+    getHelperTextProps(): HTMLAttributes<HTMLElement>;
+    getInputProps(): HTMLInputAttributes;
+    getSelectProps(): HTMLSelectAttributes;
+    getTextareaProps(): HTMLTextareaAttributes;
+    getRequiredIndicatorProps(): HTMLAttributes<HTMLElement>;
 }
 export declare function createField(props: CreateFieldProps): CreateFieldReturn;
 export {};

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

@@ -138,6 +138,16 @@ export function createField(props) {
             'data-readonly': dataAttr(readOnly),
         };
     }
+    function getRequiredIndicatorProps() {
+        return {
+            ...parts.requiredIndicator.attrs,
+            hidden: !required,
+            'aria-hidden': true,
+            'data-invalid': dataAttr(invalid),
+            'data-disabled': dataAttr(disabled),
+            'data-readonly': dataAttr(readOnly),
+        };
+    }
     return reflect(() => ({
         ids,
         disabled,
@@ -152,5 +162,6 @@ export function createField(props) {
         getInputProps,
         getSelectProps,
         getTextareaProps,
+        getRequiredIndicatorProps,
     }));
 }

package/dist/field/field-anatomy.d.ts

@@ -1,2 +1,2 @@
-export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText">;
-export declare const parts: Record<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText", import("@zag-js/anatomy").AnatomyPart>;
+export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
+export declare const parts: Record<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", import("@zag-js/anatomy").AnatomyPart>;

package/dist/field/field-anatomy.js

@@ -1,3 +1,3 @@
 import { createAnatomy } from '@zag-js/anatomy';
-export const anatomy = createAnatomy('field').parts('root', 'label', 'input', 'select', 'textarea', 'errorText', 'helperText');
+export const anatomy = createAnatomy('field').parts('root', 'label', 'input', 'select', 'textarea', 'errorText', 'helperText', 'requiredIndicator');
 export const parts = anatomy.build();

package/dist/field/field-required-indicator.svelte

@@ -0,0 +1,36 @@
+<script lang="ts" module>
+  import type {HtmlIngredientProps} from '../types.js';
+
+  export interface FieldRequiredIndicatorProps
+    extends HtmlIngredientProps<'span', HTMLSpanElement> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../merge-props.js';
+  import {getFieldContext} from './field-context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    asChild,
+    children,
+    ...props
+  }: FieldRequiredIndicatorProps = $props();
+
+  let field = getFieldContext();
+
+  let mergedProps = $derived(
+    mergeProps(field?.getRequiredIndicatorProps() ?? {}, props),
+  );
+</script>
+
+{#if asChild}
+  {@render asChild(mergedProps)}
+{:else}
+  <span bind:this={ref} {...mergedProps}>
+    {#if children}
+      {@render children?.()}
+    {:else}
+      *
+    {/if}
+  </span>
+{/if}

package/dist/field/field-required-indicator.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { HtmlIngredientProps } from '../types.js';
+export interface FieldRequiredIndicatorProps extends HtmlIngredientProps<'span', HTMLSpanElement> {
+}
+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> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const FieldRequiredIndicator: $$__sveltets_2_IsomorphicComponent<FieldRequiredIndicatorProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "ref">;
+type FieldRequiredIndicator = InstanceType<typeof FieldRequiredIndicator>;
+export default FieldRequiredIndicator;

package/dist/field/field.d.ts

@@ -2,6 +2,7 @@ export { default as ErrorText } from './field-error-text.svelte';
 export { default as HelperText } from './field-helper-text.svelte';
 export { default as Input } from './field-input.svelte';
 export { default as Label } from './field-label.svelte';
+export { default as RequiredIndicator } from './field-required-indicator.svelte';
 export { default as Root } from './field-root.svelte';
 export { default as Select } from './field-select.svelte';
 export { default as Textarea } from './field-textarea.svelte';

package/dist/field/field.js

@@ -2,6 +2,7 @@ export { default as ErrorText } from './field-error-text.svelte';
 export { default as HelperText } from './field-helper-text.svelte';
 export { default as Input } from './field-input.svelte';
 export { default as Label } from './field-label.svelte';
+export { default as RequiredIndicator } from './field-required-indicator.svelte';
 export { default as Root } from './field-root.svelte';
 export { default as Select } from './field-select.svelte';
 export { default as Textarea } from './field-textarea.svelte';

package/dist/field/index.d.ts

@@ -3,6 +3,7 @@ export type { FieldErrorTextProps } from './field-error-text.svelte';
 export type { FieldHelperTextProps } from './field-helper-text.svelte';
 export type { FieldInputProps } from './field-input.svelte';
 export type { FieldLabelProps } from './field-label.svelte';
+export type { FieldRequiredIndicatorProps } from './field-required-indicator.svelte';
 export type { FieldProps } from './field-root.svelte';
 export type { FieldSelectProps } from './field-select.svelte';
 export type { FieldTextareaProps } from './field-textarea.svelte';

package/dist/file-upload/file-upload-context.svelte.js

@@ -1,3 +1,3 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getFileUploadContext, setFileUploadContext] = createContext('FileUpload');
-export const [getFileUploadItemPropsContext, setFileUploadItemPropsContext] = createContext('FileUploadItem');
+export const [getFileUploadItemPropsContext, setFileUploadItemPropsContext] = createContext('FileUploadItem [PROPS]');

package/dist/index.d.ts

@@ -1,5 +1,8 @@
 export * from './accordion/index.js';
+export * from './alert-dialog/index.js';
+export * from './alert/index.js';
 export * from './avatar/index.js';
+export * from './breadcrumbs/index.js';
 export * from './carousel/index.js';
 export * from './checkbox/index.js';
 export * from './clipboard/index.js';
@@ -8,6 +11,7 @@ export * from './color-picker/index.js';
 export * from './combobox/index.js';
 export * from './date-picker/index.js';
 export * from './dialog/index.js';
+export * from './drawer/index.js';
 export * from './editable/index.js';
 export * from './environment-provider/index.js';
 export * from './field/index.js';

package/dist/index.js

@@ -1,5 +1,8 @@
 export * from './accordion/index.js';
+export * from './alert-dialog/index.js';
+export * from './alert/index.js';
 export * from './avatar/index.js';
+export * from './breadcrumbs/index.js';
 export * from './carousel/index.js';
 export * from './checkbox/index.js';
 export * from './clipboard/index.js';
@@ -8,6 +11,7 @@ export * from './color-picker/index.js';
 export * from './combobox/index.js';
 export * from './date-picker/index.js';
 export * from './dialog/index.js';
+export * from './drawer/index.js';
 export * from './editable/index.js';
 export * from './environment-provider/index.js';
 export * from './field/index.js';

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

@@ -1,5 +1,5 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getMenuContext, setMenuContext] = createContext('Menu', false);
-export const [getMenuItemGroupPropsContext, setMenuItemGroupPropsContext] = createContext('MenuItemGroup');
-export const [getMenuOptionItemPropsContext, setMenuOptionItemPropsContext] = createContext('MenuOptionItem');
+export const [getMenuItemGroupPropsContext, setMenuItemGroupPropsContext] = createContext('MenuItemGroup [PROPS]');
+export const [getMenuOptionItemPropsContext, setMenuOptionItemPropsContext] = createContext('MenuOptionItem [PROPS]');
 export const [getMenuTriggerItemContext, setMenuTriggerItemContext] = createContext('MenuTriggerItem');

package/dist/segment-group/segment-group-anatomy.d.ts

@@ -1,2 +1,2 @@
-export declare const anatomy: import("@zag-js/anatomy").Anatomy<"label" | "root" | "item" | "itemText" | "itemControl" | "indicator">;
-export declare const parts: Record<"label" | "root" | "item" | "itemText" | "itemControl" | "indicator", import("@zag-js/anatomy").AnatomyPart>;
+export declare const anatomy: import("@zag-js/anatomy").Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", import("@zag-js/anatomy").AnatomyPart>;

package/dist/segment-group/segment-group-context.svelte.js

@@ -1,3 +1,3 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getSegmentGroupContext, setSegmentGroupContext] = createContext('SegmentGroup');
-export const [getSegmentGroupItemPropsContext, setSegmentGroupItemPropsContext,] = createContext('SegmentGroupItem');
+export const [getSegmentGroupItemPropsContext, setSegmentGroupItemPropsContext,] = createContext('SegmentGroupItem [PROPS]');

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

@@ -1,4 +1,4 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getSelectContext, setSelectContext] = createContext('Select');
-export const [getSelectItemPropsContext, setSelectItemPropsContext] = createContext('SelectItem');
-export const [getSelectItemGroupPropsContext, setSelectItemGroupPropsContext] = createContext('SelectItemGroup');
+export const [getSelectItemPropsContext, setSelectItemPropsContext] = createContext('SelectItem [PROPS]');
+export const [getSelectItemGroupPropsContext, setSelectItemGroupPropsContext] = createContext('SelectItemGroup [PROPS]');

package/dist/slider/slider-context.svelte.js

@@ -1,3 +1,3 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getSliderContext, setSliderContext] = createContext('Slider');
-export const [getSliderThumbPropsContext, setSliderThumbPropsContext] = createContext('SliderThumb');
+export const [getSliderThumbPropsContext, setSliderThumbPropsContext] = createContext('SliderThumb [PROPS]');

package/dist/steps/steps-context.svelte.js

@@ -1,3 +1,3 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getStepsContext, setStepsContext] = createContext('Steps');
-export const [getStepsItemPropsContext, setStepsItemPropsContext] = createContext('StepsItem');
+export const [getStepsItemPropsContext, setStepsItemPropsContext] = createContext('StepsItem [PROPS]');

package/dist/tags-input/tags-input-context.svelte.js

@@ -1,3 +1,3 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getTagsInputContext, setTagsInputContext] = createContext('TagsInput');
-export const [getTagsInputItemPropsContext, setTagsInputItemPropsContext] = createContext('TagsInputItem');
+export const [getTagsInputItemPropsContext, setTagsInputItemPropsContext] = createContext('TagsInputItem [PROPS]');

package/dist/timer/timer-context.svelte.js

@@ -1,3 +1,3 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getTimerContext, setTimerContext] = createContext('Timer');
-export const [getTimerItemPropsContext, setTimerItemPropsContext] = createContext('TimerItem');
+export const [getTimerItemPropsContext, setTimerItemPropsContext] = createContext('TimerItem [PROPS]');

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

@@ -10,7 +10,7 @@ export interface CreateToggleProps {
 export interface CreateToggleReturn {
     pressed: boolean;
     setPressed: (pressed: boolean) => void;
-    getRootProps: () => HTMLButtonAttributes;
+    getRootProps(): HTMLButtonAttributes;
 }
 export declare function createToggle(props: CreateToggleProps): any;
 export {};

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

@@ -22,6 +22,9 @@ export function createToggle(props) {
             ...parts.root.attrs,
         };
     }
+    $effect(() => {
+        pressed = props.pressed ?? false;
+    });
     return reflect(() => ({
         pressed,
         setPressed,

package/dist/tour/tour-anatomy.d.ts

@@ -1,2 +1,2 @@
-export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "content" | "trigger" | "positioner" | "actionTrigger" | "closeTrigger" | "progressText" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight">;
-export declare const parts: Record<"title" | "content" | "trigger" | "positioner" | "actionTrigger" | "closeTrigger" | "progressText" | "description" | "arrow" | "arrowTip" | "backdrop" | "spotlight", import("@zag-js/anatomy").AnatomyPart>;
+export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "actionTrigger" | "progressText" | "arrow" | "arrowTip" | "spotlight">;
+export declare const parts: Record<"title" | "content" | "trigger" | "backdrop" | "positioner" | "description" | "closeTrigger" | "actionTrigger" | "progressText" | "arrow" | "arrowTip" | "spotlight", import("@zag-js/anatomy").AnatomyPart>;

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

@@ -1,5 +1,5 @@
 import { createContext } from '../create-context.svelte.js';
 export const [getTreeViewContext, setTreeViewContext] = createContext('TreeView');
-export const [getTreeViewItemPropsContext, setTreeViewItemPropsContext] = createContext('TreeViewItem');
-export const [getTreeViewBranchPropsContext, setTreeViewBranchPropsContext] = createContext('TreeViewBranch');
-export const [getTreeViewTreePropsContext, setTreeViewTreePropsContext] = createContext('TreeViewTree');
+export const [getTreeViewItemPropsContext, setTreeViewItemPropsContext] = createContext('TreeViewItem [PROPS]');
+export const [getTreeViewBranchPropsContext, setTreeViewBranchPropsContext] = createContext('TreeViewBranch [PROPS]');
+export const [getTreeViewTreePropsContext, setTreeViewTreePropsContext] = createContext('TreeViewTree [PROPS]');