ui-ingredients 0.0.30 → 0.0.32

package/dist/menu/index.d.ts

@@ -15,3 +15,4 @@ export { type MenuRootProps } from './root.svelte';
 export { type MenuSeparatorProps } from './separator.svelte';
 export { type MenuTriggerItemIndicatorProps } from './trigger-item.svelte';
 export { type MenuTriggerProps } from './trigger.svelte';
+export { anatomy as menuAnatomy } from '@zag-js/menu';

package/dist/menu/index.js

@@ -15,3 +15,4 @@ export {} from './root.svelte';
 export {} from './separator.svelte';
 export {} from './trigger-item.svelte';
 export {} from './trigger.svelte';
+export { anatomy as menuAnatomy } from '@zag-js/menu';

package/dist/menu/item-group.svelte

@@ -7,18 +7,18 @@
 </script>
 
 <script lang="ts">
-  import {createUniqueId} from '../create-unique-id.js';
   import {mergeProps} from '../merge-props.js';
+  import {uid} from 'uid';
   import {menuContext, menuItemGroupPropsContext} from './context.svelte.js';
 
   let {id, asChild, children, ...props}: MenuItemGroupProps = $props();
 
   let menu = menuContext.get();
 
-  let uid = createUniqueId();
+  let id_ = uid();
 
   let itemGroupProps = $derived({
-    id: id ?? uid,
+    id: id ?? id_,
   });
 
   let mergedProps = $derived(

package/dist/menu/menu.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/menu';
 export { default as ArrowTip } from './arrow-tip.svelte';
 export { default as Arrow } from './arrow.svelte';
 export { default as Content } from './content.svelte';

package/dist/menu/menu.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/menu';
 export { default as ArrowTip } from './arrow-tip.svelte';
 export { default as Arrow } from './arrow.svelte';
 export { default as Content } from './content.svelte';

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

@@ -1,14 +1,24 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
+import { getFieldContext } from '../field/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as numberInput from '@zag-js/number-input';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createNumberInput(props) {
+    const field = getFieldContext();
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(numberInput.machine({
+        ids: {
+            label: field?.ids.label,
+            input: field?.ids.control,
+        },
+        invalid: field?.invalid,
+        disabled: field?.disabled,
+        readOnly: field?.readOnly,
+        required: field?.required,
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         locale: props.locale ?? locale?.locale,
         getRootNode: environment?.getRootNode,

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

@@ -6,3 +6,4 @@ export type { NumberInputInputProps } from './input.svelte';
 export type { NumberInputLabelProps } from './label.svelte';
 export type { NumberInputProps } from './root.svelte';
 export type { NumberInputScrubberProps } from './scrubber.svelte';
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';

package/dist/number-input/index.js

@@ -1 +1,2 @@
 export * as NumberInput from './number-input.js';
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';

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

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/number-input';
 export { default as Control } from './control.svelte';
 export { default as DecrementTrigger } from './decrement-trigger.svelte';
 export { default as IncrementTrigger } from './increment-trigger.svelte';

package/dist/number-input/number-input.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/number-input';
 export { default as Control } from './control.svelte';
 export { default as DecrementTrigger } from './decrement-trigger.svelte';
 export { default as IncrementTrigger } from './increment-trigger.svelte';

package/dist/pagination/create-pagination.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 pagination from '@zag-js/pagination';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createPagination(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(pagination.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/pagination/index.d.ts

@@ -4,3 +4,4 @@ export type { PaginationItemProps } from './item.svelte';
 export type { PaginationNextTriggerProps } from './next-trigger.svelte';
 export type { PaginationPrevTriggerProps } from './prev-trigger.svelte';
 export type { PaginationProps } from './root.svelte';
+export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/dist/pagination/index.js

@@ -1 +1,2 @@
 export * as Pagination from './pagination.js';
+export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/dist/pagination/pagination.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/pagination';
 export { default as Ellipsis } from './ellipsis.svelte';
 export { default as Item } from './item.svelte';
 export { default as NextTrigger } from './next-trigger.svelte';

package/dist/pagination/pagination.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/pagination';
 export { default as Ellipsis } from './ellipsis.svelte';
 export { default as Item } from './item.svelte';
 export { default as NextTrigger } from './next-trigger.svelte';

package/dist/pin-input/anatomy.d.ts

@@ -0,0 +1,2 @@
+export declare const anatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "root" | "control" | "clearTrigger">;
+export declare const parts: Record<"input" | "label" | "root" | "control" | "clearTrigger", import("@zag-js/anatomy").AnatomyPart>;

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

@@ -1,14 +1,24 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
+import { getFieldContext } from '../field/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as pinInput from '@zag-js/pin-input';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createPinInputContext(props) {
+    const field = getFieldContext();
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(pinInput.machine({
+        ids: {
+            label: field?.ids.label,
+            hiddenInput: field?.ids.control,
+        },
+        invalid: field?.invalid,
+        required: field?.required,
+        disabled: field?.disabled,
+        readOnly: field?.readOnly,
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

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

@@ -4,3 +4,4 @@ export type { PinInputHiddenInputProps } from './hidden-input.svelte';
 export type { PinInputInputProps } from './input.svelte';
 export type { PinInputLabelProps } from './label.svelte';
 export type { PinInputProps } from './root.svelte';
+export { anatomy as pinInputAnatomy } from './anatomy.js';

package/dist/pin-input/index.js

@@ -1 +1,2 @@
 export * as PinInput from './pin-input.js';
+export { anatomy as pinInputAnatomy } from './anatomy.js';

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

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

package/dist/pin-input/pin-input.js

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

package/dist/popover/create-popover.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 popover from '@zag-js/popover';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createPopover(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(popover.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         open: props.defaultOpen ?? props.open,
         getRootNode: environment?.getRootNode,

package/dist/popover/popover.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/popover';
 export { default as ArrowTip } from './arrow-tip.svelte';
 export { default as Arrow } from './arrow.svelte';
 export { default as CloseTrigger } from './close-trigger.svelte';
@@ -8,3 +7,4 @@ export { default as Positioner } from './positioner.svelte';
 export { default as Root } from './root.svelte';
 export { default as Title } from './title.svelte';
 export { default as Trigger } from './trigger.svelte';
+export { anatomy as popoverAnatomy } from '@zag-js/popover';

package/dist/popover/popover.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/popover';
 export { default as ArrowTip } from './arrow-tip.svelte';
 export { default as Arrow } from './arrow.svelte';
 export { default as CloseTrigger } from './close-trigger.svelte';
@@ -8,3 +7,4 @@ export { default as Positioner } from './positioner.svelte';
 export { default as Root } from './root.svelte';
 export { default as Title } from './title.svelte';
 export { default as Trigger } from './trigger.svelte';
+export { anatomy as popoverAnatomy } from '@zag-js/popover';

package/dist/progress/create-progress.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 progress from '@zag-js/progress';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createProgress(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(progress.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/progress/index.d.ts

@@ -8,3 +8,4 @@ export type { ProgressProps } from './root.svelte';
 export type { ProgressTrackProps } from './track.svelte';
 export type { ProgressValueTextProps } from './value-text.svelte';
 export type { ProgressViewProps } from './view.svelte';
+export { anatomy as progressAnatomy } from '@zag-js/progress';

package/dist/progress/index.js

@@ -1 +1,2 @@
 export * as Progress from './progress.js';
+export { anatomy as progressAnatomy } from '@zag-js/progress';

package/dist/progress/progress.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/progress';
 export { default as CircleRange } from './circle-range.svelte';
 export { default as CircleTrack } from './circle-track.svelte';
 export { default as Circle } from './circle.svelte';

package/dist/progress/progress.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/progress';
 export { default as CircleRange } from './circle-range.svelte';
 export { default as CircleTrack } from './circle-track.svelte';
 export { default as Circle } from './circle.svelte';

package/dist/qr-code/create-qr-code.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 qrCode from '@zag-js/qr-code';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createQRCode(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(qrCode.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/qr-code/index.d.ts

@@ -3,3 +3,4 @@ export type { QRCodeFrameProps } from './frame.svelte';
 export type { QRCodeOverlayProps } from './overlay.svelte';
 export type { QRCodePatternProps } from './pattern.svelte';
 export type { QRCodeProps } from './root.svelte';
+export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';

package/dist/qr-code/index.js

@@ -1 +1,2 @@
 export * as QRCode from './qr-code.js';
+export { anatomy as qrCodeAnatomy } from '@zag-js/qr-code';

package/dist/qr-code/qr-code.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/qr-code';
 export { default as Frame } from './frame.svelte';
 export { default as Overlay } from './overlay.svelte';
 export { default as Pattern } from './pattern.svelte';

package/dist/qr-code/qr-code.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/qr-code';
 export { default as Frame } from './frame.svelte';
 export { default as Overlay } from './overlay.svelte';
 export { default as Pattern } from './pattern.svelte';

package/dist/radio-group/create-radio-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 radioGroup from '@zag-js/radio-group';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createRadioGroup(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(radioGroup.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

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

@@ -6,3 +6,4 @@ export type { RadioGroupItemTextProps } from './item-text.svelte';
 export type { RadioGroupItemProps } from './item.svelte';
 export type { RadioGroupLabelProps } from './label.svelte';
 export type { RadioGroupProps } from './root.svelte';
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';

package/dist/radio-group/index.js

@@ -1 +1,2 @@
 export * as RadioGroup from './radio-group.js';
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';

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

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/radio-group';
 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/radio-group/radio-group.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/radio-group';
 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/rating-group/create-rating-group.svelte.js

@@ -1,14 +1,23 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
+import { getFieldContext } from '../field/context.svelte.js';
 import { getLocaleContext } from '../locale-provider/context.svelte.js';
 import * as ratingGroup from '@zag-js/rating-group';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { uid } from 'uid';
 export function createRatingGroup(props) {
+    const field = getFieldContext();
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(ratingGroup.machine({
+        ids: {
+            label: field?.ids.label,
+            hiddenInput: field?.ids.control,
+        },
+        required: field?.required,
+        disabled: field?.disabled,
+        readOnly: field?.readOnly,
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

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

@@ -4,3 +4,4 @@ export type { RatingGroupHiddenInputProps } from './hidden-input.svelte';
 export type { RatingGroupItemProps } from './item.svelte';
 export type { RatingGroupLabelProps } from './label.svelte';
 export type { RatingGroupProps } from './root.svelte';
+export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';

package/dist/rating-group/index.js

@@ -1 +1,2 @@
 export * as RatingGroup from './rating-group.js';
+export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';

package/dist/rating-group/item.svelte

@@ -6,7 +6,7 @@
   export interface RatingGroupItemProps
     extends Assign<Omit<HTMLProps<'div'>, 'children'>, ItemProps> {
     asChild?: AsChild<ItemState>;
-    children: Snippet<[ItemState]>;
+    children?: Snippet<[ItemState]>;
   }
 </script>
 
@@ -28,6 +28,6 @@
   {@render asChild(mergedProps, itemState)}
 {:else}
   <div {...mergedProps}>
-    {@render children(itemState)}
+    {@render children?.(itemState)}
   </div>
 {/if}

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

@@ -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/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/segment-group/anatomy.d.ts

@@ -0,0 +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>;

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/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,9 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
+import { getFieldContext } from '../field/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,
@@ -10,11 +11,20 @@ export function createSelect(props) {
         itemToString: (item) => props.itemToString ? props.itemToString(item) : String(item),
         isItemDisabled: (item) => props.isItemDisabled ? props.isItemDisabled(item) : false,
     }));
+    const field = getFieldContext();
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(select.machine({
+        ids: {
+            label: field?.ids.label,
+            hiddenSelect: field?.ids.control,
+        },
+        invalid: field?.invalid,
+        disabled: field?.disabled,
+        readOnly: field?.readOnly,
+        required: field?.required,
         ...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/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/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/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';