ui-ingredients 0.0.29 → 0.0.31

package/dist/time-picker/input.svelte

@@ -10,7 +10,7 @@
   import {mergeProps} from '../merge-props.js';
   import {timePickerContext} from './context.svelte.js';
 
-  let {asChild, children, ...props}: TimePickerInputProps = $props();
+  let {asChild, ...props}: TimePickerInputProps = $props();
 
   let timePicker = timePickerContext.get();
 

package/dist/time-picker/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 {timePickerContext} from './context.svelte.js';
   import {createTimePicker} from './create-time-picker.svelte.js';
@@ -45,7 +46,7 @@
     ])(props),
   );
 
-  let timePicker = createTimePicker(timePickerProps);
+  let timePicker = createTimePicker(reflect(() => timePickerProps));
 
   let mergedProps = $derived(mergeProps(otherProps, timePicker.getRootProps()));
 

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/timer/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 {timerContext} from './context.svelte.js';
   import {createTimer} from './create-timer.svelte.js';
@@ -34,7 +35,7 @@
     ])(props),
   );
 
-  let timer = createTimer(timerProps);
+  let timer = createTimer(reflect(() => timerProps));
 
   let mergedProps = $derived(mergeProps(otherProps, timer.getRootProps()));
 

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/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 {toggleGroupContext} from './context.svelte.js';
   import {createToggleGroup} from './create-toggle-group.svelte.js';
@@ -35,7 +36,7 @@
     ])(props),
   );
 
-  let toggleGroup = createToggleGroup(toggleGroupProps);
+  let toggleGroup = createToggleGroup(reflect(() => toggleGroupProps));
 
   let mergedProps = $derived(
     mergeProps(otherProps, toggleGroup.getRootProps()),

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/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 {treeViewContext} from './context.svelte.js';
   import {createTreeView} from './create-tree-view.svelte.js';
@@ -37,7 +38,7 @@
     ])(props),
   );
 
-  let treeView = createTreeView(treeViewProps);
+  let treeView = createTreeView(reflect(() => treeViewProps));
 
   let mergedProps = $derived(mergeProps(otherProps, treeView.getRootProps()));
 

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.29",
+  "version": "0.0.31",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -145,7 +145,7 @@
     "postcss": "8.4.41",
     "publint": "0.2.10",
     "release-it": "17.6.0",
-    "svelte": "5.0.0-next.239",
+    "svelte": "5.0.0-next.241",
     "svelte-check": "3.8.6",
     "tailwindcss": "3.4.10",
     "typescript": "5.5.4",

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);
-}