ui-ingredients 0.0.29 → 0.0.31

package/dist/rating-group/rating-group.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/rating-group';
 export { default as Control } from './control.svelte';
 export { default as HiddenInput } from './hidden-input.svelte';
 export { default as Item } from './item.svelte';

package/dist/rating-group/root.svelte

@@ -15,6 +15,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {ratingGroupContext} from './context.svelte.js';
   import {createRatingGroup} from './create-rating-group.svelte.js';
@@ -40,7 +41,7 @@
     ])(props),
   );
 
-  let ratingGroup = createRatingGroup(ratingGroupProps);
+  let ratingGroup = createRatingGroup(reflect(() => ratingGroupProps));
 
   let mergedProps = $derived(
     mergeProps(otherProps, ratingGroup.getRootProps()),

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

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

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

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as segmentGroup from '@zag-js/radio-group';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createSegmentGroup(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(segmentGroup.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

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

@@ -6,3 +6,4 @@ export type { SegmentGroupItemTextProps } from './item-text.svelte';
 export type { SegmentGroupItemProps } from './item.svelte';
 export type { SegmentGroupLabelProps } from './label.svelte';
 export type { SegmentGroupProps } from './root.svelte';
+export { anatomy as segmentGroupAnatomy } from './anatomy.js';

package/dist/segment-group/index.js

@@ -1 +1,2 @@
 export * as SegmentGroup from './segment-group.js';
+export { anatomy as segmentGroupAnatomy } from './anatomy.js';

package/dist/segment-group/root.svelte

@@ -18,6 +18,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {parts} from './anatomy.js';
   import {segmentGroupContext} from './context.svelte.js';
@@ -39,7 +40,7 @@
     ])(props),
   );
 
-  let segmentGroup = createSegmentGroup(segmentGroupProps);
+  let segmentGroup = createSegmentGroup(reflect(() => segmentGroupProps));
 
   let mergedProps = $derived(
     mergeProps(otherProps, segmentGroup.getRootProps(), parts.root.attrs),

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

@@ -1,4 +1,3 @@
-export { anatomy } from './anatomy.js';
 export { default as Indicator } from './indicator.svelte';
 export { default as ItemControl } from './item-control.svelte';
 export { default as ItemHiddenInput } from './item-hidden-input.svelte';

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

@@ -1,4 +1,3 @@
-export { anatomy } from './anatomy.js';
 export { default as Indicator } from './indicator.svelte';
 export { default as ItemControl } from './item-control.svelte';
 export { default as ItemHiddenInput } from './item-hidden-input.svelte';

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

@@ -1,8 +1,8 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as select from '@zag-js/select';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createSelect(props) {
     const collection = $derived(select.collection({
         items: props.items,
@@ -14,7 +14,7 @@ export function createSelect(props) {
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(select.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         open: props.defaultOpen ?? props.open,
         getRootNode: environment?.getRootNode,

package/dist/select/index.d.ts

@@ -15,3 +15,4 @@ export type { SelectPositionerProps } from './positioner.svelte';
 export type { SelectProps } from './root.svelte';
 export type { SelectTriggerProps } from './trigger.svelte';
 export type { SelectValueTextProps } from './value-text.svelte';
+export { anatomy as selectAnatomy } from '@zag-js/select';

package/dist/select/index.js

@@ -1 +1,2 @@
 export * as Select from './select.js';
+export { anatomy as selectAnatomy } from '@zag-js/select';

package/dist/select/item-group.svelte

@@ -7,8 +7,8 @@
 </script>
 
 <script lang="ts">
-  import {createUniqueId} from '../create-unique-id.js';
   import {mergeProps} from '../merge-props.js';
+  import {uid} from 'uid';
   import {
     selectContext,
     selectItemGroupPropsContext,
@@ -18,10 +18,10 @@
 
   let select = selectContext.get();
 
-  let uid = createUniqueId();
+  let id_ = uid();
 
   let itemGroupProps = $derived({
-    id: id ?? uid,
+    id: id ?? id_,
   });
 
   let mergedProps = $derived(

package/dist/select/root.svelte

@@ -15,6 +15,7 @@
 
 <script lang="ts" generics="T">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {selectContext} from './context.svelte.js';
   import {createSelect} from './create-select.svelte.js';
@@ -54,7 +55,7 @@
     ])(props),
   );
 
-  let select = createSelect(selectProps);
+  let select = createSelect(reflect(() => selectProps));
 
   let mergedProps = $derived(mergeProps(otherProps, select.getRootProps()));
 

package/dist/select/select.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/select';
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Content } from './content.svelte';
 export { default as Control } from './control.svelte';

package/dist/select/select.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/select';
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Content } from './content.svelte';
 export { default as Control } from './control.svelte';

package/dist/signature-pad/create-signature-pad.svelte.js

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as signaturePad from '@zag-js/signature-pad';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createSignaturePad(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(signaturePad.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/signature-pad/current-segment-path.svelte

@@ -11,7 +11,7 @@
   import {mergeProps} from '../merge-props.js';
   import {signaturePadContext} from './context.svelte.js';
 
-  let {path, asChild, children, ...props}: SignaturePadCurrentSegmentPathProps =
+  let {asChild, children, ...props}: SignaturePadCurrentSegmentPathProps =
     $props();
 
   let signaturePad = signaturePadContext.get();

package/dist/signature-pad/index.d.ts

@@ -8,3 +8,4 @@ export type { SignaturePadLabelProps } from './label.svelte';
 export type { SignaturePadProps } from './root.svelte';
 export type { SignaturePadSegmentPathProps } from './segment-path.svelte';
 export type { SignaturePadSegmentProps } from './segment.svelte';
+export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';

package/dist/signature-pad/index.js

@@ -1 +1,2 @@
 export * as SignaturePad from './signature-pad.js';
+export { anatomy as signaturePadAnatomy } from '@zag-js/signature-pad';

package/dist/signature-pad/root.svelte

@@ -18,6 +18,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {signaturePadContext} from './context.svelte.js';
   import {createSignaturePad} from './create-signature-pad.svelte.js';
@@ -39,7 +40,7 @@
     ])(props),
   );
 
-  let signaturePad = createSignaturePad(signaturePadProps);
+  let signaturePad = createSignaturePad(reflect(() => signaturePadProps));
 
   let mergedProps = $derived(
     mergeProps(otherProps, signaturePad.getRootProps()),

package/dist/signature-pad/signature-pad.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/signature-pad';
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Control } from './control.svelte';
 export { default as CurrentSegmentPath } from './current-segment-path.svelte';

package/dist/signature-pad/signature-pad.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/signature-pad';
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Control } from './control.svelte';
 export { default as CurrentSegmentPath } from './current-segment-path.svelte';

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

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as slider from '@zag-js/slider';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createSlider(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(slider.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/slider/index.d.ts

@@ -9,3 +9,4 @@ export type { SliderProps } from './root.svelte';
 export type { SliderThumbProps } from './thumb.svelte';
 export type { SliderTrackProps } from './track.svelte';
 export type { SliderValueTextProps } from './value-text.svelte';
+export { anatomy as sliderAnatomy } from '@zag-js/slider';

package/dist/slider/index.js

@@ -1 +1,2 @@
 export * as Slider from './slider.js';
+export { anatomy as sliderAnatomy } from '@zag-js/slider';

package/dist/slider/root.svelte

@@ -15,6 +15,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {sliderContext} from './context.svelte.js';
   import {createSlider} from './create-slider.svelte.js';
@@ -48,7 +49,7 @@
     ])(props),
   );
 
-  let slider = createSlider(sliderProps);
+  let slider = createSlider(reflect(() => sliderProps));
 
   let mergedProps = $derived(mergeProps(otherProps, slider.getRootProps()));
 

package/dist/slider/slider.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/slider';
 export { default as Control } from './control.svelte';
 export { default as HiddenInput } from './hidden-input.svelte';
 export { default as Label } from './label.svelte';

package/dist/slider/slider.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/slider';
 export { default as Control } from './control.svelte';
 export { default as HiddenInput } from './hidden-input.svelte';
 export { default as Label } from './label.svelte';

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

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as splitter from '@zag-js/splitter';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createSplitter(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(splitter.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/splitter/index.d.ts

@@ -2,3 +2,4 @@ export * as Splitter from './splitter.js';
 export type { SplitterPanelProps } from './panel.svelte';
 export type { SplitterResizeTriggerProps } from './resize-trigger.svelte';
 export type { SplitterProps } from './root.svelte';
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/dist/splitter/index.js

@@ -1 +1,2 @@
 export * as Splitter from './splitter.js';
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';

package/dist/splitter/root.svelte

@@ -15,6 +15,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {splitterContext} from './context.svelte.js';
   import {createSplitter} from './create-splitter.svelte.js';
@@ -32,7 +33,7 @@
     ])(props),
   );
 
-  let splitter = createSplitter(splitterProps);
+  let splitter = createSplitter(reflect(() => splitterProps));
 
   let mergedProps = $derived(mergeProps(otherProps, splitter.getRootProps()));
 

package/dist/splitter/splitter.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/splitter';
 export { default as Panel } from './panel.svelte';
 export { default as ResizeTrigger } from './resize-trigger.svelte';
 export { default as Root } from './root.svelte';

package/dist/splitter/splitter.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/splitter';
 export { default as Panel } from './panel.svelte';
 export { default as ResizeTrigger } from './resize-trigger.svelte';
 export { default as Root } from './root.svelte';

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

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as steps from '@zag-js/steps';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createSteps(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(steps.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/steps/index.d.ts

@@ -10,3 +10,4 @@ export type { StepsProgressProps } from './progress.svelte';
 export type { StepsProps } from './root.svelte';
 export type { StepsSeparatorProps } from './separator.svelte';
 export type { StepsTriggerProps } from './trigger.svelte';
+export { anatomy as stepsAnatomy } from '@zag-js/steps';

package/dist/steps/index.js

@@ -1 +1,2 @@
 export * as Steps from './steps.js';
+export { anatomy as stepsAnatomy } from '@zag-js/steps';

package/dist/steps/root.svelte

@@ -15,6 +15,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {stepsContext} from './context.svelte.js';
   import {createSteps} from './create-steps.svelte.js';
@@ -34,7 +35,7 @@
     ])(props),
   );
 
-  let steps = createSteps(stepsProps);
+  let steps = createSteps(reflect(() => stepsProps));
 
   let mergedProps = $derived(mergeProps(otherProps, steps.getRootProps()));
 

package/dist/steps/steps.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/steps';
 export { default as CompletedContent } from './completed-content.svelte';
 export { default as Content } from './content.svelte';
 export { default as Indicator } from './indicator.svelte';

package/dist/steps/steps.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/steps';
 export { default as CompletedContent } from './completed-content.svelte';
 export { default as Content } from './content.svelte';
 export { default as Indicator } from './indicator.svelte';

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

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as switch$ from '@zag-js/switch';
+import { uid } from 'uid';
 export function createSwitch(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(switch$.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/switch/index.d.ts

@@ -4,3 +4,4 @@ export type { SwitchHiddenInputProps } from './hidden-input.svelte';
 export type { SwitchLabelProps } from './label.svelte';
 export type { SwitchProps } from './root.svelte';
 export type { SwitchThumbProps } from './thumb.svelte';
+export { anatomy as switchAnatomy } from '@zag-js/switch';

package/dist/switch/index.js

@@ -1 +1,2 @@
 export * as Switch from './switch.js';
+export { anatomy as switchAnatomy } from '@zag-js/switch';

package/dist/switch/root.svelte

@@ -15,6 +15,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {switchContext} from './context.svelte.js';
   import {createSwitch} from './create-switch.svelte.js';
@@ -38,7 +39,7 @@
     ])(props),
   );
 
-  let switch$ = createSwitch(switchProps);
+  let switch$ = createSwitch(reflect(() => switchProps));
 
   let mergedProps = $derived(mergeProps(otherProps, switch$.getRootProps()));
 

package/dist/switch/switch.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/switch';
 export { default as Control } from './control.svelte';
 export { default as HiddenInput } from './hidden-input.svelte';
 export { default as Label } from './label.svelte';

package/dist/switch/switch.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/switch';
 export { default as Control } from './control.svelte';
 export { default as HiddenInput } from './hidden-input.svelte';
 export { default as Label } from './label.svelte';

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

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as tabs from '@zag-js/tabs';
+import { uid } from 'uid';
 export function createTabs(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(tabs.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/tabs/index.d.ts

@@ -3,3 +3,4 @@ export type { TabsContentProps } from './content.svelte';
 export type { TabsListProps } from './list.svelte';
 export type { TabsProps } from './root.svelte';
 export type { TabsTriggerProps } from './trigger.svelte';
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/dist/tabs/index.js

@@ -1 +1,2 @@
 export * as Tabs from './tabs.js';
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';

package/dist/tabs/root.svelte

@@ -15,6 +15,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {tabsContext} from './context.svelte.js';
   import {createTabs} from './create-tabs.svelte.js';
@@ -36,7 +37,7 @@
     ])(props),
   );
 
-  let tabs = createTabs(tabsProps);
+  let tabs = createTabs(reflect(() => tabsProps));
 
   let mergedProps = $derived(mergeProps(otherProps, tabs.getRootProps()));
 

package/dist/tabs/tabs.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/tabs';
 export { default as Content } from './content.svelte';
 export { default as List } from './list.svelte';
 export { default as Root } from './root.svelte';

package/dist/tabs/tabs.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/tabs';
 export { default as Content } from './content.svelte';
 export { default as List } from './list.svelte';
 export { default as Root } from './root.svelte';

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

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as tagsInput from '@zag-js/tags-input';
+import { uid } from 'uid';
 export function createTagsInput(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(tagsInput.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/tags-input/index.d.ts

@@ -10,3 +10,4 @@ export type { TagsInputItemTextProps } from './item-text.svelte';
 export type { TagsInputItemProps } from './item.svelte';
 export type { TagsInputLabelProps } from './label.svelte';
 export type { TagsInputProps } from './root.svelte';
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

package/dist/tags-input/index.js

@@ -1 +1,2 @@
 export * as TagsInput from './tags-input.js';
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';

package/dist/tags-input/root.svelte

@@ -15,6 +15,7 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {tagsInputContext} from './context.svelte.js';
   import {createTagsInput} from './create-tags-input.svelte.js';
@@ -53,7 +54,7 @@
     ])(props),
   );
 
-  let tagsInput = createTagsInput(tagsInputProps);
+  let tagsInput = createTagsInput(reflect(() => tagsInputProps));
 
   let mergedProps = $derived(mergeProps(otherProps, tagsInput.getRootProps()));
 

package/dist/tags-input/tags-input.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/tags-input';
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Control } from './control.svelte';
 export { default as HiddenInput } from './hidden-input.svelte';

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

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/tags-input';
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Control } from './control.svelte';
 export { default as HiddenInput } from './hidden-input.svelte';

package/dist/time-picker/create-time-picker.svelte.js

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as timePicker from '@zag-js/time-picker';
+import { uid } from 'uid';
 export function createTimePicker(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(timePicker.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         open: props.defaultOpen ?? props.open,
         locale: props.locale ?? locale?.locale,

package/dist/time-picker/index.d.ts

@@ -13,3 +13,4 @@ export type { TimePickerProps } from './root.svelte';
 export type { TimePickerSecondCellProps } from './second-cell.svelte';
 export type { TimePickerSpacerProps } from './spacer.svelte';
 export type { TimePickerTriggerProps } from './trigger.svelte';
+export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';

package/dist/time-picker/index.js

@@ -1 +1,2 @@
 export * as TimePicker from './time-picker.js';
+export { anatomy as timePickerAnatomy } from '@zag-js/time-picker';