ui-ingredients 0.0.19 → 0.0.21

package/dist/combobox/clear-trigger.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: ComboboxClearTriggerProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getClearTriggerProps()));
+  let attrs = $derived(mergeProps(props, combobox.getClearTriggerProps()));
 </script>
 
 <button type="button" {...attrs}>

package/dist/combobox/content.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: ComboboxContentProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getContentProps()));
+  let attrs = $derived(mergeProps(props, combobox.getContentProps()));
 </script>
 
 <div {...attrs}>

package/dist/combobox/control.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: ComboboxControlProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getControlProps()));
+  let attrs = $derived(mergeProps(props, combobox.getControlProps()));
 </script>
 
 <div {...attrs}>

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

@@ -10,14 +10,14 @@ export function createCombobox(props) {
         itemToString: (item) => (props.itemToString ? props.itemToString(item) : String(item)),
         isItemDisabled: (item) => (props.isItemDisabled ? props.isItemDisabled(item) : false),
     }));
-    const localeContext = getLocaleContext();
-    const environmentContext = getEnvironmentContext();
+    const locale = getLocaleContext();
+    const environment = getEnvironmentContext();
     const [state, send] = useMachine(combobox.machine({
         ...props,
         id: props.id ?? createUniqueId(),
-        dir: localeContext?.dir,
+        dir: locale?.dir,
         open: props.defaultOpen,
-        getRootNode: environmentContext?.getRootNode,
+        getRootNode: environment?.getRootNode,
         'open.controlled': props.open != null,
         collection,
     }));

package/dist/combobox/input.svelte

@@ -10,9 +10,9 @@
 
   let {...props}: ComboboxInputProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getInputProps()));
+  let attrs = $derived(mergeProps(props, combobox.getInputProps()));
 </script>
 
 <input {...attrs} />

package/dist/combobox/item-group-label.svelte

@@ -10,14 +10,13 @@
 
   let {children, ...props}: ComboboxItemGroupLabelProps = $props();
 
-  let context = comboboxContext.get();
-
+  let combobox = comboboxContext.get();
   let itemGroupProps = comboboxItemGroupPropsContext.get();
 
   let attrs = $derived(
     mergeProps(
       props,
-      context.getItemGroupLabelProps({
+      combobox.getItemGroupLabelProps({
         htmlFor: itemGroupProps.id,
       }),
     ),

package/dist/combobox/item-group.svelte

@@ -13,7 +13,7 @@
 
   let {id, children, ...props}: ComboboxItemGroupProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
   let uid = createUniqueId();
 
@@ -21,7 +21,7 @@
     id: id ?? uid,
   });
 
-  let attrs = $derived(mergeProps(props, context.getItemGroupProps(comboboxItemGroupProps)));
+  let attrs = $derived(mergeProps(props, combobox.getItemGroupProps(comboboxItemGroupProps)));
 
   comboboxItemGroupPropsContext.set(() => comboboxItemGroupProps);
 </script>

package/dist/combobox/item-indicator.svelte

@@ -10,11 +10,10 @@
 
   let {children, ...props}: ComboboxItemIndicatorProps = $props();
 
-  let context = comboboxContext.get();
-
+  let combobox = comboboxContext.get();
   let itemProps = comboboxItemPropsContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getItemIndicatorProps(itemProps)));
+  let attrs = $derived(mergeProps(props, combobox.getItemIndicatorProps(itemProps)));
 </script>
 
 <span {...attrs}>

package/dist/combobox/item-text.svelte

@@ -10,17 +10,16 @@
 
   let {children, ...props}: ComboboxItemTextProps = $props();
 
-  let context = comboboxContext.get();
-
+  let combobox = comboboxContext.get();
   let itemProps = comboboxItemPropsContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getItemTextProps(itemProps)));
+  let attrs = $derived(mergeProps(props, combobox.getItemTextProps(itemProps)));
 </script>
 
 <span {...attrs}>
   {#if children}
     {@render children?.()}
   {:else}
-    {context.collection.stringifyItem(itemProps.item)}
+    {combobox.collection.stringifyItem(itemProps.item)}
   {/if}
 </span>

package/dist/combobox/item.svelte

@@ -14,15 +14,14 @@
 
   let {children, item, persistFocus, ...props}: ComboboxItemProps = $props();
 
-  let context = comboboxContext.get();
-
+  let combobox = comboboxContext.get();
   let itemProps = $derived({
     item,
     persistFocus,
   });
 
-  let state = $derived(context.getItemState(itemProps));
-  let attrs = $derived(mergeProps(props, context.getItemProps(itemProps)));
+  let state = $derived(combobox.getItemState(itemProps));
+  let attrs = $derived(mergeProps(props, combobox.getItemProps(itemProps)));
 
   comboboxItemPropsContext.set(() => itemProps);
 </script>

package/dist/combobox/label.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: ComboboxLabelProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getLabelProps()));
+  let attrs = $derived(mergeProps(props, combobox.getLabelProps()));
 </script>
 
 <label {...attrs}>

package/dist/combobox/list.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: ComboboxListProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getListProps()));
+  let attrs = $derived(mergeProps(props, combobox.getListProps()));
 </script>
 
 <div {...attrs}>

package/dist/combobox/positioner.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: ComboboxPositionerProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getPositionerProps()));
+  let attrs = $derived(mergeProps(props, combobox.getPositionerProps()));
 </script>
 
 <div {...attrs}>

package/dist/combobox/root.svelte

@@ -5,7 +5,7 @@
 
   export interface ComboboxProps<T>
     extends Assign<Omit<HtmlProps<'div'>, 'children'>, CreateComboboxProps<T>> {
-    children?: Snippet<[api: CreateComboboxReturn]>;
+    children?: Snippet<[combobox: CreateComboboxReturn]>;
   }
 </script>
 
@@ -60,7 +60,7 @@
     ...props
   }: ComboboxProps<T> = $props();
 
-  let context = createCombobox({
+  let combobox = createCombobox({
     id,
     ids,
     name,
@@ -104,11 +104,11 @@
     scrollToIndexFn,
   });
 
-  let attrs = $derived(mergeProps(props, context.getRootProps()));
+  let attrs = $derived(mergeProps(props, combobox.getRootProps()));
 
-  comboboxContext.set(context);
+  comboboxContext.set(combobox);
 </script>
 
 <div {...attrs}>
-  {@render children?.(context)}
+  {@render children?.(combobox)}
 </div>

package/dist/combobox/trigger.svelte

@@ -10,9 +10,9 @@
 
   let {children, ...props}: ComboboxTriggerProps = $props();
 
-  let context = comboboxContext.get();
+  let combobox = comboboxContext.get();
 
-  let attrs = $derived(mergeProps(props, context.getTriggerProps()));
+  let attrs = $derived(mergeProps(props, combobox.getTriggerProps()));
 </script>
 
 <button type="button" {...attrs}>

package/dist/date-picker/anatomy.js

@@ -0,0 +1,3 @@
+import { anatomy } from '@zag-js/date-picker';
+export const datePickerAnatomy = anatomy.extendWith('view');
+export const parts = datePickerAnatomy.build();

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

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

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

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ClearTrigger: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const ClearTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerClearTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type ClearTrigger = InstanceType<typeof ClearTrigger>;
 export default ClearTrigger;

package/dist/date-picker/content.svelte

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

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

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Content: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const Content: $$__sveltets_2_IsomorphicComponent<DatePickerContentProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type Content = InstanceType<typeof Content>;
 export default Content;

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

@@ -1,8 +1,8 @@
-import * as datePicker from '@zag-js/date-picker';
-export interface CreateDatePickerContextProps extends datePicker.Context {
-}
-export interface CreateDatePickerContextReturn extends ReturnType<typeof createDatePickerContext> {
-}
-export declare function createDatePickerContext(props: CreateDatePickerContextProps): any;
-export declare function setDatePickerContext(value: CreateDatePickerContextReturn): void;
-export declare function useDatePickerContext(): CreateDatePickerContextReturn;
+import { Context } from '../utils.svelte.js';
+import type { DayTableCellProps, TableCellProps, TableProps, ViewProps } from '@zag-js/date-picker';
+import type { CreateDatePickerReturn } from './create-date-picker.svelte.js';
+export declare const datePickerContext: Context<CreateDatePickerReturn>;
+export declare const datePickerViewPropsContext: Context<ViewProps>;
+export declare const datePickerTablePropsContext: Context<TableProps>;
+export declare const datePickerTableCellPropsContext: Context<TableCellProps>;
+export declare const datePickerDayTableCellPropsContext: Context<DayTableCellProps>;

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

@@ -1,14 +1,6 @@
-import * as datePicker from '@zag-js/date-picker';
-import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
-import { getContext, setContext } from 'svelte';
-export function createDatePickerContext(props) {
-    const [state, send] = useMachine(datePicker.machine(props));
-    const api = $derived(reflect(() => datePicker.connect(state, send, normalizeProps)));
-    return api;
-}
-export function setDatePickerContext(value) {
-    setContext('DatePicker', value);
-}
-export function useDatePickerContext() {
-    return getContext('DatePicker');
-}
+import { Context } from '../utils.svelte.js';
+export const datePickerContext = new Context('DatePicker');
+export const datePickerViewPropsContext = new Context('DatePickerView');
+export const datePickerTablePropsContext = new Context('DatePickerTable');
+export const datePickerTableCellPropsContext = new Context('DatePickerTableCell');
+export const datePickerDayTableCellPropsContext = new Context('DatePickerDayTableCell');

package/dist/date-picker/control.svelte

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

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

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Control: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const Control: $$__sveltets_2_IsomorphicComponent<DatePickerControlProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type Control = InstanceType<typeof Control>;
 export default Control;

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

@@ -0,0 +1,14 @@
+import * as datePicker from '@zag-js/date-picker';
+type Omitted = 'id' | 'dir' | 'min' | 'max' | 'value' | 'focusedValue' | 'getRootNode' | 'open.controlled';
+export interface CreateDatePickerProps extends Omit<datePicker.Context, Omitted> {
+    id?: string | null;
+    min?: string | Date;
+    max?: string | Date;
+    value?: string[] | Date[];
+    focusedValue?: string | Date;
+    defaultOpen?: boolean;
+}
+export interface CreateDatePickerReturn extends datePicker.Api {
+}
+export declare function createDatePicker(props: CreateDatePickerProps): CreateDatePickerReturn;
+export {};

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

@@ -0,0 +1,24 @@
+import { getEnvironmentContext } from '../environment-provider/context.svelte.js';
+import { getLocaleContext } from '../locale-provider/context.svelte.js';
+import { createUniqueId } from '../utils.svelte.js';
+import * as datePicker from '@zag-js/date-picker';
+import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+export function createDatePicker(props) {
+    const locale = getLocaleContext();
+    const environment = getEnvironmentContext();
+    const [state, send] = useMachine(datePicker.machine({
+        ...props,
+        id: props.id ?? createUniqueId(),
+        dir: locale?.dir,
+        min: props.min ? datePicker.parse(props.min) : undefined,
+        max: props.max ? datePicker.parse(props.max) : undefined,
+        value: props.value ? datePicker.parse(props.value) : undefined,
+        focusedValue: props.focusedValue ? datePicker.parse(props.focusedValue) : undefined,
+        open: props.defaultOpen,
+        'open.controlled': props.open != null,
+        locale: props.locale ?? locale?.locale,
+        getRootNode: environment?.getRootNode,
+    }));
+    const api = $derived(reflect(() => datePicker.connect(state, send, normalizeProps)));
+    return api;
+}

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

@@ -1,8 +1,8 @@
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Content } from './content.svelte';
 export { default as Control } from './control.svelte';
-export { default as TableCellTrigger } from './day-table-cell-trigger.svelte';
-export { default as TableCell } from './day-table-cell.svelte';
+export { default as DayTableCellTrigger } from './day-table-cell-trigger.svelte';
+export { default as DayTableCell } from './day-table-cell.svelte';
 export { default as Input } from './input.svelte';
 export { default as Label } from './label.svelte';
 export { default as MonthSelect } from './month-select.svelte';
@@ -21,7 +21,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';
 export { default as YearTableCell } from './year-table-cell.svelte';

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

@@ -1,8 +1,8 @@
 export { default as ClearTrigger } from './clear-trigger.svelte';
 export { default as Content } from './content.svelte';
 export { default as Control } from './control.svelte';
-export { default as TableCellTrigger } from './day-table-cell-trigger.svelte';
-export { default as TableCell } from './day-table-cell.svelte';
+export { default as DayTableCellTrigger } from './day-table-cell-trigger.svelte';
+export { default as DayTableCell } from './day-table-cell.svelte';
 export { default as Input } from './input.svelte';
 export { default as Label } from './label.svelte';
 export { default as MonthSelect } from './month-select.svelte';
@@ -21,7 +21,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';
 export { default as YearTableCell } from './year-table-cell.svelte';

package/dist/date-picker/day-table-cell-trigger.svelte

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

package/dist/date-picker/day-table-cell-trigger.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DayTableCellTrigger: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const DayTableCellTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerDayTableCellTriggerProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type DayTableCellTrigger = InstanceType<typeof DayTableCellTrigger>;
 export default DayTableCellTrigger;

package/dist/date-picker/day-table-cell.svelte

@@ -1,3 +1,40 @@
-<script lang="ts" module></script>
+<script lang="ts" module>
+  import type {Assign, HtmlProps} from '../types.js';
+  import type {DayTableCellProps, DayTableCellState} from '@zag-js/date-picker';
+  import type {Snippet} from 'svelte';
 
-<script lang="ts"></script>
+  export interface DatePickerDayTableCellProps
+    extends Assign<Omit<HtmlProps<'div'>, 'children'>, DayTableCellProps> {
+    children?: Snippet<[state: DayTableCellState]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '@zag-js/svelte';
+  import {datePickerContext, datePickerDayTableCellPropsContext} from './context.svelte.js';
+
+  let {
+    /**/
+    value,
+    disabled,
+    visibleRange,
+    children,
+    ...props
+  }: DatePickerDayTableCellProps = $props();
+
+  let datePicker = datePickerContext.get();
+  let tableCellProps: DayTableCellProps = $derived({
+    value,
+    disabled,
+    visibleRange,
+  });
+
+  let state = $derived(datePicker.getDayTableCellState(tableCellProps));
+  let attrs = $derived(mergeProps(props, datePicker.getDayTableCellProps(tableCellProps)));
+
+  datePickerDayTableCellPropsContext.set(() => tableCellProps);
+</script>
+
+<div {...attrs}>
+  {@render children?.(state)}
+</div>

package/dist/date-picker/day-table-cell.svelte.d.ts

@@ -2,7 +2,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
     } & Exports;
-    (internal: unknown, props: {
+    (internal: unknown, props: Props & {
         $$events?: Events;
         $$slots?: Slots;
     }): Exports & {
@@ -11,8 +11,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DayTableCell: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+declare const DayTableCell: $$__sveltets_2_IsomorphicComponent<DatePickerDayTableCellProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type DayTableCell = InstanceType<typeof DayTableCell>;
 export default DayTableCell;