ui-ingredients 0.0.23 → 0.0.25

package/README.md

@@ -41,7 +41,7 @@ npm install ui-ingredients
 - 🟢 Checkbox
 - 🟢 Clipboard
 - 🟢 Collapsible
-- 🟡 ColorPicker
+- ⚪ ColorPicker
 - 🟢 Combobox
 - 🟢 DatePicker
 - 🟢 Dialog
@@ -55,7 +55,7 @@ npm install ui-ingredients
 - 🟢 PinInput
 - 🟢 Popover
 - 🟢 Portal
-- ⚪ Presence
+- 🟡 Presence
 - 🟢 Progress
 - 🟢 QRCode
 - 🟢 RadioGroup
@@ -64,17 +64,17 @@ npm install ui-ingredients
 - 🟢 SegmentGroup
 - 🟢 SignaturePad
 - 🟢 Slider
-- ⚪ Splitter
+- 🟢 Splitter
 - 🟢 Steps
 - 🟢 Switch
 - 🟢 Tabs
 - 🟢 TagsInput
-- 🟡 TimePicker
+- 🟢 TimePicker
 - 🟢 Timer
 - 🟢 Toast
 - 🟢 ToggleGroup
 - 🟢 Tooltip
 - ⚪ Tour
-- 🟡 TreeView
+- 🟢 TreeView
 
 View components demo [here](https://ui-ingredients.vercel.app/)

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

@@ -23,6 +23,7 @@ export { default as TableRow } from './table-row.svelte';
 export { default as Table } from './table.svelte';
 export { default as Trigger } from './trigger.svelte';
 export { default as ViewControl } from './view-control.svelte';
+export { default as ViewTrigger } from './view-trigger.svelte';
 export { default as View } from './view.svelte';
 export { default as YearSelect } from './year-select.svelte';
 export { default as YearTableCellTrigger } from './year-table-cell-trigger.svelte';

package/dist/date-picker/date-picker.js

@@ -23,6 +23,7 @@ export { default as TableRow } from './table-row.svelte';
 export { default as Table } from './table.svelte';
 export { default as Trigger } from './trigger.svelte';
 export { default as ViewControl } from './view-control.svelte';
+export { default as ViewTrigger } from './view-trigger.svelte';
 export { default as View } from './view.svelte';
 export { default as YearSelect } from './year-select.svelte';
 export { default as YearTableCellTrigger } from './year-table-cell-trigger.svelte';

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

@@ -22,6 +22,7 @@ export type { DatePickerTableRowProps } from './table-row.svelte';
 export type { DatePickerTableProps } from './table.svelte';
 export type { DatePickerTriggerProps } from './trigger.svelte';
 export type { DatePickerViewControlProps } from './view-control.svelte';
+export type { DatePickerViewTriggerProps } from './view-trigger.svelte';
 export type { DatePickerViewProps } from './view.svelte';
 export type { DatePickerYearSelectProps } from './year-select.svelte';
 export type { DatePickerYearTableCellTriggerProps } from './year-table-cell-trigger.svelte';

package/dist/date-picker/view-trigger.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface DatePickerViewTriggerProps extends HtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerViewPropsContext} from './context.svelte.js';
+
+  let {children, ...props}: DatePickerViewTriggerProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let viewProps = datePickerViewPropsContext.get();
+
+  let attrs = $derived(mergeProps(props, datePicker.getViewTriggerProps(viewProps)));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/date-picker/view-trigger.svelte.d.ts

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ViewTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerViewTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ViewTrigger = InstanceType<typeof ViewTrigger>;
+export default ViewTrigger;

package/dist/index.d.ts

@@ -27,11 +27,14 @@ export * from './segment-group/index.js';
 export * from './select/index.js';
 export * from './signature-pad/index.js';
 export * from './slider/index.js';
+export * from './splitter/index.js';
 export * from './steps/index.js';
 export * from './switch/index.js';
 export * from './tabs/index.js';
 export * from './tags-input/index.js';
+export * from './time-picker/index.js';
 export * from './timer/index.js';
 export * from './toast/index.js';
 export * from './toggle-group/index.js';
 export * from './tooltip/index.js';
+export * from './tree-view/index.js';

package/dist/index.js

@@ -27,11 +27,14 @@ export * from './segment-group/index.js';
 export * from './select/index.js';
 export * from './signature-pad/index.js';
 export * from './slider/index.js';
+export * from './splitter/index.js';
 export * from './steps/index.js';
 export * from './switch/index.js';
 export * from './tabs/index.js';
 export * from './tags-input/index.js';
+export * from './time-picker/index.js';
 export * from './timer/index.js';
 export * from './toast/index.js';
 export * from './toggle-group/index.js';
 export * from './tooltip/index.js';
+export * from './tree-view/index.js';

package/dist/progress/index.d.ts

@@ -7,3 +7,4 @@ export type { ProgressRangeProps } from './range.svelte';
 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';

package/dist/progress/progress.d.ts

@@ -7,3 +7,4 @@ 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 View } from './view.svelte';

package/dist/progress/progress.js

@@ -7,3 +7,4 @@ 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 View } from './view.svelte';

package/dist/progress/view.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {ViewProps} from '@zag-js/progress';
+
+  export interface ProgressViewProps extends Assign<HtmlProps<'div'>, ViewProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {progressContext} from './context.svelte.js';
+
+  let {state, children, ...props}: ProgressViewProps = $props();
+
+  let progress = progressContext.get();
+
+  let attrs = $derived(mergeProps(props, progress.getViewProps({state})));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const View: $$__sveltets_2_IsomorphicComponent<ProgressViewProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type View = InstanceType<typeof View>;
+export default View;

package/dist/signature-pad/guide.svelte

@@ -8,13 +8,13 @@
   import {mergeProps} from '@zag-js/svelte';
   import {signaturePadContext} from './context.svelte.js';
 
-  let {children,...props}: SignaturePadGuideProps = $props();
+  let {children, ...props}: SignaturePadGuideProps = $props();
 
   let signaturePad = signaturePadContext.get();
 
   let attrs = $derived(mergeProps(props, signaturePad.getGuideProps()));
 </script>
 
-<div  {...attrs} >
+<div {...attrs}>
   {@render children?.()}
 </div>

package/dist/splitter/context.svelte.d.ts

@@ -0,0 +1,3 @@
+import { Context } from '../utils.svelte.js';
+import type { CreateSplitterReturn } from './create-splitter.svelte.js';
+export declare const splitterContext: Context<CreateSplitterReturn>;

package/dist/splitter/context.svelte.js

@@ -0,0 +1,2 @@
+import { Context } from '../utils.svelte.js';
+export const splitterContext = new Context('Splitter');

package/dist/splitter/create-splitter.svelte.d.ts

@@ -0,0 +1,7 @@
+import * as splitter from '@zag-js/splitter';
+export interface CreateSplitterProps extends Omit<splitter.Context, 'id' | 'dir' | 'getRootNode'> {
+    id?: string | null;
+}
+export interface CreateSplitterReturn extends splitter.Api {
+}
+export declare function createSplitter(props: CreateSplitterProps): CreateSplitterReturn;

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

@@ -0,0 +1,17 @@
+import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
+import { getLocaleContext } from '../locale-provider/context.svelte.js';
+import { createUniqueId } from '../utils.svelte.js';
+import * as splitter from '@zag-js/splitter';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+export function createSplitter(props) {
+    const locale = getLocaleContext();
+    const environment = getEnvironmentContext();
+    const [state, send] = useMachine(splitter.machine({
+        ...props,
+        id: props.id ?? createUniqueId(),
+        dir: locale?.dir,
+        getRootNode: environment?.getRootNode,
+    }));
+    const api = $derived(reflect(() => splitter.connect(state, send, normalizeProps)));
+    return api;
+}

package/dist/splitter/index.d.ts

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

package/dist/splitter/index.js

@@ -0,0 +1 @@
+export * as Splitter from './splitter.js';

package/dist/splitter/panel.svelte

@@ -0,0 +1,29 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {PanelProps} from '@zag-js/splitter';
+
+  export interface SplitterPanelProps extends Assign<HtmlProps<'div'>, PanelProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {splitterContext} from './context.svelte.js';
+
+  let {id, snapSize, children, ...props}: SplitterPanelProps = $props();
+
+  let splitter = splitterContext.get();
+
+  let attrs = $derived(
+    mergeProps(
+      props,
+      splitter.getPanelProps({
+        id,
+        snapSize,
+      }),
+    ),
+  );
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

package/dist/splitter/panel.svelte.d.ts

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Panel: $$__sveltets_2_IsomorphicComponent<SplitterPanelProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Panel = InstanceType<typeof Panel>;
+export default Panel;

package/dist/splitter/resize-trigger.svelte

@@ -0,0 +1,41 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {ResizeTriggerProps} from '@zag-js/splitter';
+
+  /* Currently not exported in zag */
+  interface ResizeTriggerState {
+    min: number | undefined;
+    max: number | undefined;
+    value: number;
+    focused: boolean;
+    disabled: boolean;
+    panelIds: string[];
+  }
+
+  export interface SplitterResizeTriggerProps
+    extends Assign<Omit<HtmlProps<'div'>, 'children'>, ResizeTriggerProps> {
+    children?: Snippet<[state: ResizeTriggerState]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import type {Snippet} from 'svelte';
+  import {splitterContext} from './context.svelte.js';
+
+  let {id, step, disabled, children, ...props}: SplitterResizeTriggerProps = $props();
+
+  let splitter = splitterContext.get();
+  let resizeTriggerProps: ResizeTriggerProps = $derived({
+    id,
+    step,
+    disabled,
+  });
+
+  let attrs = $derived(mergeProps(props, splitter.getResizeTriggerProps(resizeTriggerProps)));
+  let state = $derived(splitter.getResizeTriggerState(resizeTriggerProps));
+</script>
+
+<div {...attrs}>
+  {@render children?.(state)}
+</div>

package/dist/splitter/resize-trigger.svelte.d.ts

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ResizeTrigger: $$__sveltets_2_IsomorphicComponent<SplitterResizeTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ResizeTrigger = InstanceType<typeof ResizeTrigger>;
+export default ResizeTrigger;

package/dist/splitter/root.svelte

@@ -0,0 +1,44 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
+  import type {CreateSplitterProps, CreateSplitterReturn} from './create-splitter.svelte.js';
+
+  export interface SplitterProps
+    extends Assign<Omit<HtmlProps<'div'>, 'children'>, CreateSplitterProps> {
+    children?: Snippet<[splitter: CreateSplitterReturn]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {splitterContext} from './context.svelte.js';
+  import {createSplitter} from './create-splitter.svelte.js';
+
+  let {
+    id,
+    ids,
+    size,
+    orientation,
+    onSizeChange,
+    onSizeChangeEnd,
+    children,
+    ...props
+  }: SplitterProps = $props();
+
+  let splitter = createSplitter({
+    id,
+    ids,
+    size,
+    orientation,
+    onSizeChange,
+    onSizeChangeEnd,
+  });
+
+  let attrs = $derived(mergeProps(props, splitter.getRootProps()));
+
+  splitterContext.set(splitter);
+</script>
+
+<div {...attrs}>
+  {@render children?.(splitter)}
+</div>

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

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<SplitterProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/splitter/splitter.d.ts

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

@@ -0,0 +1,4 @@
+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/time-picker/clear-trigger.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TimePickerClearTriggerProps extends HtmlProps<'button'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: TimePickerClearTriggerProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getClearTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

package/dist/time-picker/clear-trigger.svelte.d.ts

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ClearTrigger: $$__sveltets_2_IsomorphicComponent<TimePickerClearTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type ClearTrigger = InstanceType<typeof ClearTrigger>;
+export default ClearTrigger;

package/dist/time-picker/column.svelte

@@ -0,0 +1,21 @@
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {ColumnProps} from '@zag-js/time-picker';
+
+  export interface TimePickerColumnProps extends Assign<HtmlProps<'div'>, ColumnProps> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {unit, children, ...props}: TimePickerColumnProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getColumnProps({unit})));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Column: $$__sveltets_2_IsomorphicComponent<TimePickerColumnProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Column = InstanceType<typeof Column>;
+export default Column;

package/dist/time-picker/content.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TimePickerContentProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: TimePickerContentProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getContentProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Content: $$__sveltets_2_IsomorphicComponent<TimePickerContentProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Content = InstanceType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,3 @@
+import { Context } from '../utils.svelte.js';
+import type { CreateTimePickerReturn } from './create-time-picker.svelte.js';
+export declare const timePickerContext: Context<CreateTimePickerReturn>;

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

@@ -0,0 +1,2 @@
+import { Context } from '../utils.svelte.js';
+export const timePickerContext = new Context('TimePicker');

package/dist/time-picker/control.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+
+  export interface TimePickerControlProps extends HtmlProps<'div'> {}
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {children, ...props}: TimePickerControlProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getControlProps()));
+</script>
+
+<div {...attrs}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,18 @@
+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> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Control: $$__sveltets_2_IsomorphicComponent<TimePickerControlProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Control = InstanceType<typeof Control>;
+export default Control;

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

@@ -0,0 +1,8 @@
+import * as timePicker from '@zag-js/time-picker';
+export interface CreateTimePickerProps extends Omit<timePicker.Context, 'id' | 'dir' | 'getRootNode' | 'open.controlled'> {
+    id?: string | null;
+    defaultOpen?: boolean;
+}
+export interface CreateTimePickerReturn extends timePicker.Api {
+}
+export declare function createTimePicker(props: CreateTimePickerProps): CreateTimePickerReturn;