ui-ingredients 0.0.8 → 0.0.9

package/dist/pin-input/label.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PinInputLabelProps extends Assign<SvelteHTMLElements['label'], {}> {}
+  export interface PinInputLabelProps extends SvelteHtmlProps<'label'> {}
 </script>
 
 <script lang="ts">

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

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PinInputLabelProps extends Assign<SvelteHTMLElements['label'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PinInputLabelProps extends SvelteHtmlProps<'label'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/pin-input/root.svelte

@@ -1,15 +1,17 @@
 <script lang="ts" context="module">
-  import type {Assign, OptionalId, WithoutChildren} from '../types.js';
+  import type {Assign, SvelteHtmlProps} from '../types.js';
   import type {Snippet} from 'svelte';
-  import type {SvelteHTMLElements} from 'svelte/elements';
-  import type {CreatePinInputContextProps, CreatePinInputContextReturn} from './context.svelte.js';
+  import type {
+    CreatePinInputContextProps,
+    CreatePinInputContextReturn,
+  } from './context.svelte.js';
 
   export interface PinInputProps
     extends Assign<
-      WithoutChildren<SvelteHTMLElements['div']>,
-      OptionalId<CreatePinInputContextProps>
+      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<CreatePinInputContextProps, 'id'>
     > {
-    children?: Snippet<[CreatePinInputContextReturn]>;
+    children?: Snippet<[context: CreatePinInputContextReturn]>;
   }
 </script>
 
@@ -19,7 +21,7 @@
   import {createPinInputContext, setPinInputContext} from './context.svelte.js';
 
   let {
-    id = uuid(),
+    id,
     ids,
     dir,
     otp,
@@ -47,7 +49,7 @@
   }: PinInputProps = $props();
 
   let context = createPinInputContext({
-    id,
+    id: id ?? uuid(),
     ids,
     dir,
     otp,

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

@@ -1,9 +1,8 @@
-import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Assign, SvelteHtmlProps } from '../types.js';
 import type { Snippet } from 'svelte';
-import type { SvelteHTMLElements } from 'svelte/elements';
 import type { CreatePinInputContextProps, CreatePinInputContextReturn } from './context.svelte.js';
-export interface PinInputProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreatePinInputContextProps>> {
-    children?: Snippet<[CreatePinInputContextReturn]>;
+export interface PinInputProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreatePinInputContextProps, 'id'>> {
+    children?: Snippet<[context: CreatePinInputContextReturn]>;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/popover/arrow-tip.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PopoverArrowTipProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface PopoverArrowTipProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/popover/arrow-tip.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PopoverArrowTipProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PopoverArrowTipProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/popover/arrow.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PopoverArrowProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface PopoverArrowProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/popover/arrow.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PopoverArrowProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PopoverArrowProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/popover/close-trigger.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PopoverCloseTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {}
+  export interface PopoverCloseTriggerProps extends SvelteHtmlProps<'button'> {}
 </script>
 
 <script lang="ts">

package/dist/popover/close-trigger.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PopoverCloseTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PopoverCloseTriggerProps extends SvelteHtmlProps<'button'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/popover/content.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PopoverContentProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface PopoverContentProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/popover/content.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PopoverContentProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PopoverContentProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/popover/description.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PopoverDescriptionProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface PopoverDescriptionProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/popover/description.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PopoverDescriptionProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PopoverDescriptionProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/popover/index.d.ts

@@ -1,9 +1,9 @@
-export { default as ArrowTip, type PopoverArrowTipProps } from './arrow-tip.svelte';
+export { default as ArrowTip, type PopoverArrowTipProps, } from './arrow-tip.svelte';
 export { default as Arrow, type PopoverArrowProps } from './arrow.svelte';
-export { default as CloseTrigger, type PopoverCloseTriggerProps } from './close-trigger.svelte';
+export { default as CloseTrigger, type PopoverCloseTriggerProps, } from './close-trigger.svelte';
 export { default as Content, type PopoverContentProps } from './content.svelte';
-export { default as Description, type PopoverDescriptionProps } from './description.svelte';
-export { default as Positioner, type PopoverPositionerProps } from './positioner.svelte';
+export { default as Description, type PopoverDescriptionProps, } from './description.svelte';
+export { default as Positioner, type PopoverPositionerProps, } from './positioner.svelte';
 export { default as Root, type PopoverProps } from './root.svelte';
 export { default as Title, type PopoverTitleProps } from './title.svelte';
 export { default as Trigger, type PopoverTriggerProps } from './trigger.svelte';

package/dist/popover/index.js

@@ -1,9 +1,9 @@
-export { default as ArrowTip } from './arrow-tip.svelte';
+export { default as ArrowTip, } from './arrow-tip.svelte';
 export { default as Arrow } from './arrow.svelte';
-export { default as CloseTrigger } from './close-trigger.svelte';
+export { default as CloseTrigger, } from './close-trigger.svelte';
 export { default as Content } from './content.svelte';
-export { default as Description } from './description.svelte';
-export { default as Positioner } from './positioner.svelte';
+export { default as Description, } from './description.svelte';
+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';

package/dist/popover/positioner.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PopoverPositionerProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface PopoverPositionerProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/popover/positioner.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PopoverPositionerProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PopoverPositionerProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/popover/root.svelte

@@ -1,9 +1,12 @@
 <script lang="ts" context="module">
-  import type {OptionalId} from '../types.js';
   import type {Snippet} from 'svelte';
-  import type {CreatePopoverContextProps, CreatePopoverContextReturn} from './context.svelte.js';
+  import type {
+    CreatePopoverContextProps,
+    CreatePopoverContextReturn,
+  } from './context.svelte.js';
 
-  export interface PopoverProps extends OptionalId<CreatePopoverContextProps> {
+  export interface PopoverProps extends Omit<CreatePopoverContextProps, 'id'> {
+    id?: string | null;
     children?: Snippet<[CreatePopoverContextReturn]>;
   }
 </script>
@@ -12,9 +15,12 @@
   import {uuid} from '../utils.svelte.js';
   import {createPopoverContext, setPopoverContext} from './context.svelte.js';
 
-  let {id = uuid(), children, ...props}: PopoverProps = $props();
+  let {id, children, ...props}: PopoverProps = $props();
 
-  let context = createPopoverContext({id, ...props});
+  let context = createPopoverContext({
+    id: id ?? uuid(),
+    ...props,
+  });
 
   setPopoverContext(context);
 </script>

package/dist/popover/root.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { OptionalId } from '../types.js';
 import type { Snippet } from 'svelte';
 import type { CreatePopoverContextProps, CreatePopoverContextReturn } from './context.svelte.js';
-export interface PopoverProps extends OptionalId<CreatePopoverContextProps> {
+export interface PopoverProps extends Omit<CreatePopoverContextProps, 'id'> {
+    id?: string | null;
     children?: Snippet<[CreatePopoverContextReturn]>;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {

package/dist/popover/title.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PopoverTitleProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface PopoverTitleProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/popover/title.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PopoverTitleProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PopoverTitleProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/popover/trigger.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface PopoverTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {}
+  export interface PopoverTriggerProps extends SvelteHtmlProps<'button'> {}
 </script>
 
 <script lang="ts">

package/dist/popover/trigger.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PopoverTriggerProps extends Assign<SvelteHTMLElements['button'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface PopoverTriggerProps extends SvelteHtmlProps<'button'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/portal/root.svelte

@@ -15,6 +15,6 @@
   let {children, ...props}: PortalProps = $props();
 </script>
 
-<div use:portal={props} data-portal>
+<div use:portal={props}>
   {@render children?.()}
 </div>

package/dist/presence/root.svelte

@@ -1,16 +1,23 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
+  import type {Assign, SvelteHtmlProps} from '../types.js';
   import type {Context} from '@zag-js/presence';
-  import type {SvelteHTMLElements} from 'svelte/elements';
 
-  export interface PresenceProps extends Assign<SvelteHTMLElements['div'], Context> {}
+  export interface PresenceProps
+    extends Assign<SvelteHtmlProps<'div'>, Context> {}
 </script>
 
 <script lang="ts">
   import * as presence from '@zag-js/presence';
   import {normalizeProps, useMachine} from '@zag-js/svelte';
 
-  let {present, immediate, onExitComplete, children, ...props}: PresenceProps = $props();
+  let {
+    /**/
+    present,
+    immediate,
+    onExitComplete,
+    children,
+    ...props
+  }: PresenceProps = $props();
 
   let [machineState, send] = useMachine(
     presence.machine({

package/dist/presence/root.svelte.d.ts

@@ -1,7 +1,6 @@
-import type { Assign } from '../types.js';
+import type { Assign, SvelteHtmlProps } from '../types.js';
 import type { Context } from '@zag-js/presence';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface PresenceProps extends Assign<SvelteHTMLElements['div'], Context> {
+export interface PresenceProps extends Assign<SvelteHtmlProps<'div'>, Context> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/progress/circle-range.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface ProgressCircleRangeProps extends Assign<SvelteHTMLElements['circle'], {}> {}
+  export interface ProgressCircleRangeProps extends SvelteHtmlProps<'circle'> {}
 </script>
 
 <script lang="ts">

package/dist/progress/circle-range.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface ProgressCircleRangeProps extends Assign<SvelteHTMLElements['circle'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface ProgressCircleRangeProps extends SvelteHtmlProps<'circle'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/progress/circle-track.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface ProgressCircleTrackProps extends Assign<SvelteHTMLElements['circle'], {}> {}
+  export interface ProgressCircleTrackProps extends SvelteHtmlProps<'circle'> {}
 </script>
 
 <script lang="ts">

package/dist/progress/circle-track.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface ProgressCircleTrackProps extends Assign<SvelteHTMLElements['circle'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface ProgressCircleTrackProps extends SvelteHtmlProps<'circle'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/progress/circle.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface ProgressCircleProps extends Assign<SvelteHTMLElements['svg'], {}> {}
+  export interface ProgressCircleProps extends SvelteHtmlProps<'svg'> {}
 </script>
 
 <script lang="ts">

package/dist/progress/circle.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface ProgressCircleProps extends Assign<SvelteHTMLElements['svg'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface ProgressCircleProps extends SvelteHtmlProps<'svg'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/progress/index.d.ts

@@ -1,8 +1,8 @@
-export { default as CircleRange, type ProgressCircleRangeProps } from './circle-range.svelte';
-export { default as CircleTrack, type ProgressCircleTrackProps } from './circle-track.svelte';
+export { default as CircleRange, type ProgressCircleRangeProps, } from './circle-range.svelte';
+export { default as CircleTrack, type ProgressCircleTrackProps, } from './circle-track.svelte';
 export { default as Circle, type ProgressCircleProps } from './circle.svelte';
 export { default as Label, type ProgressLabelProps } from './label.svelte';
 export { default as Range, type ProgressRangeProps } from './range.svelte';
 export { default as Root, type ProgressProps } from './root.svelte';
 export { default as Track, type ProgressTrackProps } from './track.svelte';
-export { default as ValueText, type ProgressValueTextProps } from './value-text.svelte';
+export { default as ValueText, type ProgressValueTextProps, } from './value-text.svelte';

package/dist/progress/index.js

@@ -1,8 +1,8 @@
-export { default as CircleRange } from './circle-range.svelte';
-export { default as CircleTrack } from './circle-track.svelte';
+export { default as CircleRange, } from './circle-range.svelte';
+export { default as CircleTrack, } from './circle-track.svelte';
 export { default as Circle } from './circle.svelte';
 export { default as Label } from './label.svelte';
 export { default as Range } from './range.svelte';
 export { default as Root } from './root.svelte';
 export { default as Track } from './track.svelte';
-export { default as ValueText } from './value-text.svelte';
+export { default as ValueText, } from './value-text.svelte';

package/dist/progress/label.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface ProgressLabelProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface ProgressLabelProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/progress/label.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface ProgressLabelProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface ProgressLabelProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/progress/range.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface ProgressRangeProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface ProgressRangeProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/progress/range.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface ProgressRangeProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface ProgressRangeProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/progress/root.svelte

@@ -1,15 +1,17 @@
 <script lang="ts" context="module">
-  import type {Assign, OptionalId, WithoutChildren} from '../types.js';
+  import type {Assign, SvelteHtmlProps} from '../types.js';
   import type {Snippet} from 'svelte';
-  import type {SvelteHTMLElements} from 'svelte/elements';
-  import type {CreateProgressContextProps, CreateProgressContextReturn} from './context.svelte.js';
+  import type {
+    CreateProgressContextProps,
+    CreateProgressContextReturn,
+  } from './context.svelte.js';
 
   export interface ProgressProps
     extends Assign<
-      WithoutChildren<SvelteHTMLElements['div']>,
-      OptionalId<CreateProgressContextProps>
+      Omit<SvelteHtmlProps<'div'>, 'children'>,
+      Omit<CreateProgressContextProps, 'id'>
     > {
-    children?: Snippet<[CreateProgressContextReturn]>;
+    children?: Snippet<[context: CreateProgressContextReturn]>;
   }
 </script>
 
@@ -19,7 +21,7 @@
   import {createProgressContext, setProgressContext} from './context.svelte.js';
 
   let {
-    id = uuid(),
+    id,
     ids,
     dir,
     max,
@@ -33,7 +35,7 @@
   }: ProgressProps = $props();
 
   let context = createProgressContext({
-    id,
+    id: id ?? uuid(),
     ids,
     dir,
     max,

package/dist/progress/root.svelte.d.ts

@@ -1,9 +1,8 @@
-import type { Assign, OptionalId, WithoutChildren } from '../types.js';
+import type { Assign, SvelteHtmlProps } from '../types.js';
 import type { Snippet } from 'svelte';
-import type { SvelteHTMLElements } from 'svelte/elements';
 import type { CreateProgressContextProps, CreateProgressContextReturn } from './context.svelte.js';
-export interface ProgressProps extends Assign<WithoutChildren<SvelteHTMLElements['div']>, OptionalId<CreateProgressContextProps>> {
-    children?: Snippet<[CreateProgressContextReturn]>;
+export interface ProgressProps extends Assign<Omit<SvelteHtmlProps<'div'>, 'children'>, Omit<CreateProgressContextProps, 'id'>> {
+    children?: Snippet<[context: CreateProgressContextReturn]>;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/progress/track.svelte

@@ -1,8 +1,7 @@
 <script lang="ts" context="module">
-  import type {Assign} from '../types.js';
-  import type {SvelteHTMLElements} from 'svelte/elements';
+  import type {SvelteHtmlProps} from '../types.js';
 
-  export interface ProgressTrackProps extends Assign<SvelteHTMLElements['div'], {}> {}
+  export interface ProgressTrackProps extends SvelteHtmlProps<'div'> {}
 </script>
 
 <script lang="ts">

package/dist/progress/track.svelte.d.ts

@@ -1,6 +1,5 @@
-import type { Assign } from '../types.js';
-import type { SvelteHTMLElements } from 'svelte/elements';
-export interface ProgressTrackProps extends Assign<SvelteHTMLElements['div'], {}> {
+import type { SvelteHtmlProps } from '../types.js';
+export interface ProgressTrackProps extends SvelteHtmlProps<'div'> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {