ui-ingredients 0.14.0 → 0.15.0

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

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

package/dist/rating-group/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/rating-group';

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/rating-group';

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

@@ -15,7 +15,7 @@ export function createSegmentGroup(props) {
         getRootNode: environment?.getRootNode,
         ...props,
     }));
-    const [state, send] = useMachine(segmentGroup.machine(context));
+    const [state, send] = useMachine(segmentGroup.machine(context), { context });
     return reflect(() => {
         const o = segmentGroup.connect(state, send, normalizeProps);
         return {

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

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

package/dist/select/index.d.ts

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

package/dist/select/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/select';

package/dist/select/select-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/select';

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

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

package/dist/signature-pad/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/signature-pad';

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/signature-pad';

package/dist/slider/index.d.ts

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

package/dist/slider/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/slider';

package/dist/slider/slider-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/slider';

package/dist/splitter/index.d.ts

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

package/dist/splitter/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/splitter';

package/dist/splitter/splitter-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/splitter';

package/dist/steps/index.d.ts

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

package/dist/steps/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/steps';

package/dist/steps/steps-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/steps';

package/dist/switch/index.d.ts

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

package/dist/switch/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/switch';

package/dist/switch/switch-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/switch';

package/dist/tabs/index.d.ts

@@ -4,5 +4,5 @@ export type { TabsIndicatorProps } from './tabs-indicator.svelte';
 export type { TabsListProps } from './tabs-list.svelte';
 export type { TabsProps } from './tabs-root.svelte';
 export type { TabsTriggerProps } from './tabs-trigger.svelte';
-export { anatomy as tabsAnatomy } from '@zag-js/tabs';
+export { anatomy as tabsAnatomy } from './tabs-anatomy.js';
 export { getTabsContext } from './tabs-context.svelte.js';

package/dist/tabs/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/tabs';

package/dist/tabs/tabs-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/tabs';

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

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

package/dist/tags-input/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/tags-input';

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/tags-input';

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

@@ -1,4 +1,5 @@
 export * as TimePicker from './time-picker.js';
+export type { Time } from '@zag-js/time-picker';
 export type { TimePickerClearTriggerProps } from './time-picker-clear-trigger.svelte';
 export type { TimePickerColumnProps } from './time-picker-column.svelte';
 export type { TimePickerContentProps } from './time-picker-content.svelte';
@@ -13,5 +14,5 @@ export type { TimePickerProps } from './time-picker-root.svelte';
 export type { TimePickerSecondCellProps } from './time-picker-second-cell.svelte';
 export type { TimePickerSpacerProps } from './time-picker-spacer.svelte';
 export type { TimePickerTriggerProps } from './time-picker-trigger.svelte';
-export { anatomy as timePickerAnatomy, type Time } from '@zag-js/time-picker';
+export { anatomy as timePickerAnatomy } from './time-picker-anatomy.js';
 export { getTimePickerContext } from './time-picker-context.svelte.js';

package/dist/time-picker/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/time-picker';

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/time-picker';

package/dist/timer/index.d.ts

@@ -7,5 +7,5 @@ export type { TimerItemValueProps } from './timer-item-value.svelte';
 export type { TimerItemProps } from './timer-item.svelte';
 export type { TimerProps } from './timer-root.svelte';
 export type { TimerSeparatorProps } from './timer-separator.svelte';
-export { anatomy as timerAnatomy } from '@zag-js/timer';
+export { anatomy as timerAnatomy } from './timer-anatomy.js';
 export { getTimerContext } from './timer-context.svelte.js';

package/dist/timer/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/timer';

package/dist/timer/timer-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/timer';

package/dist/toast/index.d.ts

@@ -6,7 +6,7 @@ export type { ToastGhostAfterProps } from './toast-ghost-after.svelte';
 export type { ToastGhostBeforeProps } from './toast-ghost-before.svelte';
 export type { ToastProps } from './toast-root.svelte';
 export type { ToastTitleProps } from './toast-title.svelte';
-export { anatomy as toastAnatomy } from '@zag-js/toast';
+export { anatomy as toastAnatomy } from './toast-anatomy.js';
 export { getToastContext } from './toast-context.svelte.js';
 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,5 +1,5 @@
 export * as Toast from './toast.js';
-export { anatomy as toastAnatomy } from '@zag-js/toast';
+export { anatomy as toastAnatomy } from './toast-anatomy.js';
 export { getToastContext } from './toast-context.svelte.js';
 export { createToaster, } from './create-toaster.svelte.js';
 export { default as Toaster } from './toaster.svelte';

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/toast';

package/dist/toast/toast-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/toast';

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

@@ -1,6 +1,6 @@
 import { ariaAttr, dataAttr } from '@zag-js/dom-query';
 import { reflect } from '@zag-js/svelte';
-import { parts } from './anatomy.js';
+import { parts } from './toggle-anatomy.js';
 export function createToggle(props) {
     let pressed = $state(props.pressed ?? false);
     function setPressed(value) {

package/dist/toggle/index.d.ts

@@ -1,3 +1,3 @@
 export * as Toggle from './toggle.js';
 export type { ToggleProps } from './toggle-root.svelte';
-export { anatomy as toggleAnatomy } from './anatomy.js';
+export { anatomy as toggleAnatomy } from './toggle-anatomy.js';

package/dist/toggle/index.js

@@ -1,2 +1,2 @@
 export * as Toggle from './toggle.js';
-export { anatomy as toggleAnatomy } from './anatomy.js';
+export { anatomy as toggleAnatomy } from './toggle-anatomy.js';

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

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

package/dist/toggle-group/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/toggle-group';

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/toggle-group';

package/dist/tooltip/index.d.ts

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

package/dist/tooltip/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/tooltip';

package/dist/tooltip/tooltip-anatomy.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/tooltip';

package/dist/tour/index.d.ts

@@ -1,4 +1,5 @@
 export * as Tour from './tour.js';
+export type { TourStepDetails } from './create-tour.svelte.js';
 export type { TourActionTriggerProps } from './tour-action-trigger.svelte';
 export type { TourArrowTipProps } from './tour-arrow-tip.svelte';
 export type { TourArrowProps } from './tour-arrow.svelte';
@@ -12,6 +13,5 @@ export type { TourProps } from './tour-root.svelte';
 export type { TourSpotlightProps } from './tour-spotlight.svelte';
 export type { TourTitleProps } from './tour-title.svelte';
 export type { TourTriggerProps } from './tour-trigger.svelte';
-export type { TourStepDetails } from './create-tour.svelte.js';
 export { anatomy as tourAnatomy } from './tour-anatomy.js';
 export { getTourContext } from './tour-context.svelte.js';

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

@@ -12,6 +12,6 @@ export type { TreeViewItemProps } from './tree-view-item.svelte';
 export type { TreeViewLabelProps } from './tree-view-label.svelte';
 export type { TreeViewProps } from './tree-view-root.svelte';
 export type { TreeViewTreeProps } from './tree-view-tree.svelte';
-export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';
+export { anatomy as treeViewAnatomy } from './tree-view-anatomy.js';
 export { getTreeViewContext } from './tree-view-context.svelte.js';
 export type { NodeProps } from './types.js';

package/dist/tree-view/index.js

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

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/tree-view';

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

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/tree-view';

package/package.json

@@ -2,7 +2,7 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "packageManager": "pnpm@9.12.3",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -210,6 +210,10 @@
     "./tree-view": {
       "types": "./dist/tree-view/index.d.ts",
       "svelte": "./dist/tree-view/index.js"
+    },
+    "./anatomy": {
+      "types": "./dist/anatomy.d.ts",
+      "import": "./dist/anatomy.js"
     }
   },
   "files": [