@skeletonlabs/skeleton-svelte 2.0.0-next.2 → 2.0.0-next.21

package/dist/components/date-picker/anatomy/prev-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerPrevTriggerProps extends PropsWithElement<'button'>, HTMLAttributes<'button'> {
+}
+declare const PrevTrigger: import("svelte").Component<DatePickerPrevTriggerProps, {}, "">;
+type PrevTrigger = ReturnType<typeof PrevTrigger>;
+export default PrevTrigger;
+//# sourceMappingURL=prev-trigger.svelte.d.ts.map

package/dist/components/date-picker/anatomy/prev-trigger.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prev-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/prev-trigger.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC;CAAG;AAkD5G,QAAA,MAAM,WAAW,gEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/date-picker/anatomy/range-text.svelte

@@ -0,0 +1,42 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+
+	export interface DatePickerRangeTextProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerRangeTextProps = $props();
+
+	const datePicker = RootContext.consume();
+
+	const rangeText = $derived(Array.from(new Set([datePicker().visibleRangeText.start, datePicker().visibleRangeText.end])).join(' - '));
+
+	const { element, children = defaultChildren, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			datePicker().getRangeTextProps(),
+			{
+				class: classesDatePicker.rangeText,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#snippet defaultChildren()}
+	{rangeText}
+{/snippet}
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/date-picker/anatomy/range-text.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerRangeTextProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
+}
+declare const RangeText: import("svelte").Component<DatePickerRangeTextProps, {}, "">;
+type RangeText = ReturnType<typeof RangeText>;
+export default RangeText;
+//# sourceMappingURL=range-text.svelte.d.ts.map

package/dist/components/date-picker/anatomy/range-text.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-text.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/range-text.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AA+CpG,QAAA,MAAM,SAAS,8DAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/date-picker/anatomy/root-context.svelte

@@ -0,0 +1,20 @@
+<script lang="ts" module>
+	import type { useDatePicker } from '../modules/provider.svelte';
+	import type { Snippet } from 'svelte';
+
+	export interface DatePickerRootContextProps {
+		children: Snippet<[ReturnType<typeof useDatePicker>]>;
+	}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+
+	const props: DatePickerRootContextProps = $props();
+
+	const datePicker = RootContext.consume();
+
+	const { children } = $derived(props);
+</script>
+
+{@render children(datePicker)}

package/dist/components/date-picker/anatomy/root-context.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { useDatePicker } from '../modules/provider.svelte';
+import type { Snippet } from 'svelte';
+export interface DatePickerRootContextProps {
+    children: Snippet<[ReturnType<typeof useDatePicker>]>;
+}
+import { RootContext } from '../modules/root-context';
+declare const RootContext: import("svelte").Component<DatePickerRootContextProps, {}, "">;
+type RootContext = ReturnType<typeof RootContext>;
+export default RootContext;
+//# sourceMappingURL=root-context.svelte.d.ts.map

package/dist/components/date-picker/anatomy/root-context.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-context.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/root-context.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,0BAA0B;IAC1C,QAAQ,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC;CACtD;AAGF,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAkBtD,QAAA,MAAM,WAAW,gEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/date-picker/anatomy/root-provider.svelte

@@ -0,0 +1,39 @@
+<script lang="ts" module>
+	import type { useDatePicker } from '../modules/provider.svelte';
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+
+	export interface DatePickerRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+		value: ReturnType<typeof useDatePicker>;
+	}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerRootProviderProps = $props();
+
+	const { element, children, value: datePicker, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			datePicker().getRootProps(),
+			{
+				class: classesDatePicker.root,
+			},
+			rest,
+		),
+	);
+
+	RootContext.provide(() => datePicker());
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/date-picker/anatomy/root-provider.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { useDatePicker } from '../modules/provider.svelte';
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir'> {
+    value: ReturnType<typeof useDatePicker>;
+}
+declare const RootProvider: import("svelte").Component<DatePickerRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;
+//# sourceMappingURL=root-provider.svelte.d.ts.map

package/dist/components/date-picker/anatomy/root-provider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/root-provider.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,2BAA4B,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC;IAChH,KAAK,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;CACxC;AAyCF,QAAA,MAAM,YAAY,iEAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/date-picker/anatomy/root.svelte

@@ -0,0 +1,49 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { Props } from '@zag-js/date-picker';
+
+	export interface DatePickerRootProps
+		extends Omit<Props, 'id'>,
+			PropsWithElement<'div'>,
+			HTMLAttributes<'div', 'id' | 'dir' | 'placeholder'> {}
+</script>
+
+<script lang="ts">
+	import { useDatePicker } from '../modules/provider.svelte';
+	import { RootContext } from '../modules/root-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { splitProps } from '@zag-js/date-picker';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerRootProps = $props();
+
+	const [datePickerProps, componentProps] = $derived(splitProps(props));
+	const { element, children, ...rest } = $derived(componentProps);
+
+	const id = $props.id();
+	const datePicker = useDatePicker(() => ({
+		id: id,
+		...datePickerProps,
+	}));
+
+	const attributes = $derived(
+		mergeProps(
+			datePicker().getRootProps(),
+			{
+				class: classesDatePicker.root,
+			},
+			rest,
+		),
+	);
+
+	RootContext.provide(() => datePicker());
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/components/date-picker/anatomy/root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { Props } from '@zag-js/date-picker';
+export interface DatePickerRootProps extends Omit<Props, 'id'>, PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'placeholder'> {
+}
+declare const Root: import("svelte").Component<DatePickerRootProps, {}, "">;
+type Root = ReturnType<typeof Root>;
+export default Root;
+//# sourceMappingURL=root.svelte.d.ts.map

package/dist/components/date-picker/anatomy/root.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/root.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,WAAW,mBAChB,SAAQ,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EACxB,gBAAgB,CAAC,KAAK,CAAC,EACvB,cAAc,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,GAAG,aAAa,CAAC;CAAG;AAoDzD,QAAA,MAAM,IAAI,yDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/date-picker/anatomy/table-body.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+
+	export interface DatePickerTableBodyProps extends PropsWithElement<'tbody'>, HTMLAttributes<'tbody'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { ViewContext } from '../modules/view-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerTableBodyProps = $props();
+
+	const datePicker = RootContext.consume();
+	const viewProps = ViewContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			datePicker().getTableBodyProps(viewProps()),
+			{
+				class: classesDatePicker.tableBody,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<tbody {...attributes}>
+		{@render children?.()}
+	</tbody>
+{/if}

package/dist/components/date-picker/anatomy/table-body.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerTableBodyProps extends PropsWithElement<'tbody'>, HTMLAttributes<'tbody'> {
+}
+declare const TableBody: import("svelte").Component<DatePickerTableBodyProps, {}, "">;
+type TableBody = ReturnType<typeof TableBody>;
+export default TableBody;
+//# sourceMappingURL=table-body.svelte.d.ts.map

package/dist/components/date-picker/anatomy/table-body.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-body.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/table-body.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC;CAAG;AA4CxG,QAAA,MAAM,SAAS,8DAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/date-picker/anatomy/table-cell-trigger.svelte

@@ -0,0 +1,53 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+
+	export interface DatePickerTableCellTriggerProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { TableCellContext } from '../modules/table-cell-context';
+	import { ViewContext } from '../modules/view-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import type { TableCellProps } from '@zag-js/date-picker';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerTableCellTriggerProps = $props();
+
+	const datePicker = RootContext.consume();
+	const viewProps = ViewContext.consume();
+	const tableCellProps = TableCellContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	function getTableCellTriggerProps(tableCellProps: TableCellProps) {
+		switch (viewProps().view) {
+			case 'day':
+				// @ts-expect-error value is number filter
+				return datePicker().getDayTableCellTriggerProps(tableCellProps);
+			case 'month':
+				return datePicker().getMonthTableCellTriggerProps(tableCellProps);
+			case 'year':
+				return datePicker().getYearTableCellTriggerProps(tableCellProps);
+		}
+	}
+
+	const attributes = $derived(
+		mergeProps(
+			getTableCellTriggerProps(tableCellProps() as TableCellProps),
+			{
+				class: classesDatePicker.tableCellTrigger,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<div {...attributes}>
+		{@render children?.()}
+	</div>
+{/if}

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

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerTableCellTriggerProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {
+}
+declare const TableCellTrigger: import("svelte").Component<DatePickerTableCellTriggerProps, {}, "">;
+type TableCellTrigger = ReturnType<typeof TableCellTrigger>;
+export default TableCellTrigger;
+//# sourceMappingURL=table-cell-trigger.svelte.d.ts.map

package/dist/components/date-picker/anatomy/table-cell-trigger.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/table-cell-trigger.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,+BAAgC,SAAQ,gBAAgB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAAG;AA6D3G,QAAA,MAAM,gBAAgB,qEAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/date-picker/anatomy/table-cell.svelte

@@ -0,0 +1,65 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+	import type { Union } from '../../../internal/union';
+	import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker';
+
+	export interface DatePickerTableCellProps
+		extends Union<TableCellProps, DayTableCellProps>,
+			PropsWithElement<'td'>,
+			HTMLAttributes<'td'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { TableCellContext } from '../modules/table-cell-context';
+	import { ViewContext } from '../modules/view-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { splitTableCellProps } from '@zag-js/date-picker';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerTableCellProps = $props();
+
+	const datePicker = RootContext.consume();
+	const viewProps = ViewContext.consume();
+
+	const [tableCellProps, componentProps] = $derived(
+		splitTableCellProps(props as unknown as TableCellProps) as unknown as [
+			Union<TableCellProps, DayTableCellProps>,
+			Omit<DatePickerTableCellProps, keyof Union<TableCellProps, DayTableCellProps>>,
+		],
+	);
+	const { element, children, ...rest } = $derived(componentProps);
+
+	function getTableCellProps(tableCellProps: TableCellProps) {
+		switch (viewProps().view) {
+			case 'day':
+				// @ts-expect-error value is number filter
+				return datePicker().getDayTableCellProps(tableCellProps);
+			case 'month':
+				return datePicker().getMonthTableCellProps(tableCellProps);
+			case 'year':
+				return datePicker().getYearTableCellProps(tableCellProps);
+		}
+	}
+
+	const attributes = $derived(
+		mergeProps(
+			getTableCellProps(tableCellProps as TableCellProps),
+			{
+				class: classesDatePicker.tableCell,
+			},
+			rest,
+		),
+	);
+
+	TableCellContext.provide(() => tableCellProps);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<td {...attributes}>
+		{@render children?.()}
+	</td>
+{/if}

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

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+import type { Union } from '../../../internal/union';
+import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker';
+export interface DatePickerTableCellProps extends Union<TableCellProps, DayTableCellProps>, PropsWithElement<'td'>, HTMLAttributes<'td'> {
+}
+declare const TableCell: import("svelte").Component<DatePickerTableCellProps, {}, "">;
+type TableCell = ReturnType<typeof TableCell>;
+export default TableCell;
+//# sourceMappingURL=table-cell.svelte.d.ts.map

package/dist/components/date-picker/anatomy/table-cell.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-cell.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/table-cell.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE7E,MAAM,WAAW,wBAChB,SAAQ,KAAK,CAAC,cAAc,EAAE,iBAAiB,CAAC,EAC/C,gBAAgB,CAAC,IAAI,CAAC,EACtB,cAAc,CAAC,IAAI,CAAC;CAAG;AAoE1B,QAAA,MAAM,SAAS,8DAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/date-picker/anatomy/table-head.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+
+	export interface DatePickerTableHeadProps extends PropsWithElement<'thead'>, HTMLAttributes<'thead'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { ViewContext } from '../modules/view-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerTableHeadProps = $props();
+
+	const datePicker = RootContext.consume();
+	const viewProps = ViewContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			datePicker().getTableHeadProps(viewProps()),
+			{
+				class: classesDatePicker.tableHead,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<thead {...attributes}>
+		{@render children?.()}
+	</thead>
+{/if}

package/dist/components/date-picker/anatomy/table-head.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerTableHeadProps extends PropsWithElement<'thead'>, HTMLAttributes<'thead'> {
+}
+declare const TableHead: import("svelte").Component<DatePickerTableHeadProps, {}, "">;
+type TableHead = ReturnType<typeof TableHead>;
+export default TableHead;
+//# sourceMappingURL=table-head.svelte.d.ts.map

package/dist/components/date-picker/anatomy/table-head.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-head.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/table-head.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC;CAAG;AA4CxG,QAAA,MAAM,SAAS,8DAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/date-picker/anatomy/table-header.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+
+	export interface DatePickerTableHeaderProps extends PropsWithElement<'th'>, HTMLAttributes<'th'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { ViewContext } from '../modules/view-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerTableHeaderProps = $props();
+
+	const datePicker = RootContext.consume();
+	const viewProps = ViewContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			datePicker().getTableHeaderProps(viewProps()),
+			{
+				class: classesDatePicker.tableHeader,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<th {...attributes}>
+		{@render children?.()}
+	</th>
+{/if}

package/dist/components/date-picker/anatomy/table-header.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerTableHeaderProps extends PropsWithElement<'th'>, HTMLAttributes<'th'> {
+}
+declare const TableHeader: import("svelte").Component<DatePickerTableHeaderProps, {}, "">;
+type TableHeader = ReturnType<typeof TableHeader>;
+export default TableHeader;
+//# sourceMappingURL=table-header.svelte.d.ts.map

package/dist/components/date-picker/anatomy/table-header.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/table-header.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;CAAG;AA4CpG,QAAA,MAAM,WAAW,gEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/date-picker/anatomy/table-row.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+
+	export interface DatePickerTableRowProps extends PropsWithElement<'tr'>, HTMLAttributes<'tr'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { ViewContext } from '../modules/view-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerTableRowProps = $props();
+
+	const datePicker = RootContext.consume();
+	const viewProps = ViewContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			datePicker().getTableRowProps(viewProps()),
+			{
+				class: classesDatePicker.tableRow,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<tr {...attributes}>
+		{@render children?.()}
+	</tr>
+{/if}

package/dist/components/date-picker/anatomy/table-row.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerTableRowProps extends PropsWithElement<'tr'>, HTMLAttributes<'tr'> {
+}
+declare const TableRow: import("svelte").Component<DatePickerTableRowProps, {}, "">;
+type TableRow = ReturnType<typeof TableRow>;
+export default TableRow;
+//# sourceMappingURL=table-row.svelte.d.ts.map

package/dist/components/date-picker/anatomy/table-row.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/table-row.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,uBAAwB,SAAQ,gBAAgB,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC;CAAG;AA4CjG,QAAA,MAAM,QAAQ,6DAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/date-picker/anatomy/table.svelte

@@ -0,0 +1,38 @@
+<script lang="ts" module>
+	import type { HTMLAttributes } from '../../../internal/html-attributes';
+	import type { PropsWithElement } from '../../../internal/props-with-element';
+
+	export interface DatePickerTableProps extends PropsWithElement<'table'>, HTMLAttributes<'table'> {}
+</script>
+
+<script lang="ts">
+	import { RootContext } from '../modules/root-context';
+	import { ViewContext } from '../modules/view-context';
+	import { classesDatePicker } from '@skeletonlabs/skeleton-common';
+	import { mergeProps } from '@zag-js/svelte';
+
+	const props: DatePickerTableProps = $props();
+
+	const datePicker = RootContext.consume();
+	const viewProps = ViewContext.consume();
+
+	const { element, children, ...rest } = $derived(props);
+
+	const attributes = $derived(
+		mergeProps(
+			datePicker().getTableProps(viewProps()),
+			{
+				class: classesDatePicker.table,
+			},
+			rest,
+		),
+	);
+</script>
+
+{#if element}
+	{@render element(attributes)}
+{:else}
+	<table {...attributes}>
+		{@render children?.()}
+	</table>
+{/if}

package/dist/components/date-picker/anatomy/table.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from '../../../internal/html-attributes';
+import type { PropsWithElement } from '../../../internal/props-with-element';
+export interface DatePickerTableProps extends PropsWithElement<'table'>, HTMLAttributes<'table'> {
+}
+declare const Table: import("svelte").Component<DatePickerTableProps, {}, "">;
+type Table = ReturnType<typeof Table>;
+export default Table;
+//# sourceMappingURL=table.svelte.d.ts.map

package/dist/components/date-picker/anatomy/table.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/date-picker/anatomy/table.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC;CAAG;AA4CpG,QAAA,MAAM,KAAK,0DAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}