ui-ingredients 0.0.30 → 0.0.32

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/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/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/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,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 { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as switch$ from '@zag-js/switch';
+import { uid } from 'uid';
 export function createSwitch(props) {
+    const field = getFieldContext();
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(switch$.machine({
+        ids: {
+            label: field?.ids.label,
+            hiddenInput: field?.ids.control,
+        },
+        disabled: field?.disabled,
+        readOnly: field?.readOnly,
+        invalid: field?.invalid,
+        required: field?.required,
         ...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/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/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,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 { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as tagsInput from '@zag-js/tags-input';
+import { uid } from 'uid';
 export function createTagsInput(props) {
+    const field = getFieldContext();
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(tagsInput.machine({
+        ids: {
+            label: field?.ids.label,
+            hiddenInput: 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,
         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/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';

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

@@ -1,4 +1,4 @@
-export { anatomy, parse } from '@zag-js/time-picker';
+export { parse } from '@zag-js/time-picker';
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Column } from './column.svelte';
 export { default as Content } from './content.svelte';

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

@@ -1,4 +1,4 @@
-export { anatomy, parse } from '@zag-js/time-picker';
+export { parse } from '@zag-js/time-picker';
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Column } from './column.svelte';
 export { default as Content } from './content.svelte';

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

@@ -1,12 +1,12 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
 import * as timer from '@zag-js/timer';
+import { uid } from 'uid';
 export function createTimer(props) {
     const environment = getEnvironmentContext();
     const [state, send] = useMachine(timer.machine({
         ...props,
-        id: props.id ?? createUniqueId(),
+        id: props.id ?? uid(),
         getRootNode: environment?.getRootNode,
     }));
     const api = $derived(reflect(() => timer.connect(state, send, normalizeProps)));

package/dist/timer/index.d.ts

@@ -1,8 +1,8 @@
-export { anatomy as timerAnatomy } from '@zag-js/timer';
+export * as Timer from './timer.js';
 export type { TimerActionTriggerProps } from './action-trigger.svelte';
 export type { TimerItemLabelProps } from './item-label.svelte';
 export type { TimerItemValueProps } from './item-value.svelte';
 export type { TimerItemProps } from './item.svelte';
 export type { TimerProps } from './root.svelte';
 export type { TimerSeparatorProps } from './separator.svelte';
-export * as Timer from './timer.js';
+export { anatomy as timerAnatomy } from '@zag-js/timer';

package/dist/timer/index.js

@@ -1,2 +1,2 @@
-export { anatomy as timerAnatomy } from '@zag-js/timer';
 export * as Timer from './timer.js';
+export { anatomy as timerAnatomy } from '@zag-js/timer';

package/dist/toast/create-toaster.svelte.js

@@ -1,14 +1,14 @@
-import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/index.js';
 import { getLocaleContext } from '../locale-provider/index.js';
 import { normalizeProps, reflect } from '@zag-js/svelte';
 import * as toast from '@zag-js/toast';
+import { uid } from 'uid';
 export function createToaster(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
     const machine = $derived(toast.group.machine({
         ...props,
-        id: props?.id ?? createUniqueId(),
+        id: props?.id ?? uid(),
         dir: locale?.dir,
         getRootNode: environment?.getRootNode,
     }));

package/dist/toast/index.d.ts

@@ -6,5 +6,6 @@ export type { ToastGhostAfterProps } from './ghost-after.svelte';
 export type { ToastGhostBeforeProps } from './ghost-before.svelte';
 export type { ToastProps } from './root.svelte';
 export type { ToastTitleProps } from './title.svelte';
+export { anatomy as toastAnatomy } from '@zag-js/toast';
 export { createToaster, type CreateToasterProps, type CreateToasterReturn, } from './create-toaster.svelte.js';
 export { default as Toaster, type ToasterProps } from './toaster.svelte';

package/dist/toast/index.js

@@ -1,3 +1,4 @@
 export * as Toast from './toast.js';
+export { anatomy as toastAnatomy } from '@zag-js/toast';
 export { createToaster, } from './create-toaster.svelte.js';
 export { default as Toaster } from './toaster.svelte';

package/dist/toast/toast.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/toast';
 export { default as ActionTrigger } from './action-trigger.svelte';
 export { default as CloseTrigger } from './close-trigger.svelte';
 export { default as Description } from './description.svelte';

package/dist/toast/toast.js

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/toast';
 export { default as ActionTrigger } from './action-trigger.svelte';
 export { default as CloseTrigger } from './close-trigger.svelte';
 export { default as Description } from './description.svelte';

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

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

@@ -1,3 +1,4 @@
 export * as ToggleGroup from './toggle-group.js';
 export type { ToggleGroupItemProps } from './item.svelte';
 export type { ToggleGroupProps } from './root.svelte';
+export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';

package/dist/toggle-group/index.js

@@ -1 +1,2 @@
 export * as ToggleGroup from './toggle-group.js';
+export { anatomy as toggleGroupAnatomy } from '@zag-js/toggle-group';

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

@@ -1,3 +1,2 @@
-export { anatomy } from '@zag-js/toggle-group';
 export { default as Item } from './item.svelte';
 export { default as Root } from './root.svelte';

package/dist/toggle-group/toggle-group.js

@@ -1,3 +1,2 @@
-export { anatomy } from '@zag-js/toggle-group';
 export { default as Item } from './item.svelte';
 export { default as Root } from './root.svelte';

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

package/dist/tooltip/index.d.ts

@@ -5,3 +5,4 @@ export type { TooltipContentProps } from './content.svelte';
 export type { TooltipPositionerProps } from './positioner.svelte';
 export type { TooltipProps } from './root.svelte';
 export type { TooltipTriggerProps } from './trigger.svelte';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';

package/dist/tooltip/index.js

@@ -1 +1,2 @@
 export * as Tooltip from './tooltip.js';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';

package/dist/tooltip/tooltip.d.ts

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

package/dist/tooltip/tooltip.js

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

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

package/dist/tree-view/index.d.ts

@@ -11,3 +11,4 @@ export type { TreeViewItemProps } from './item.svelte';
 export type { TreeViewLabelProps } from './label.svelte';
 export type { TreeViewProps } from './root.svelte';
 export type { TreeViewTreeProps } from './tree.svelte';
+export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';

package/dist/tree-view/index.js

@@ -1 +1,2 @@
 export * as TreeView from './tree-view.js';
+export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';

package/dist/tree-view/tree-view.d.ts

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/tree-view';
 export { default as BranchContent } from './branch-content.svelte';
 export { default as BranchControl } from './branch-control.svelte';
 export { default as BranchIndicator } from './branch-indicator.svelte';

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

@@ -1,4 +1,3 @@
-export { anatomy } from '@zag-js/tree-view';
 export { default as BranchContent } from './branch-content.svelte';
 export { default as BranchControl } from './branch-control.svelte';
 export { default as BranchIndicator } from './branch-indicator.svelte';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/create-unique-id.d.ts

@@ -1 +0,0 @@
-export declare function createUniqueId(): string;

package/dist/create-unique-id.js

@@ -1,4 +0,0 @@
-import { uid } from 'uid';
-export function createUniqueId() {
-    return uid(16);
-}