@signal9/era-ui 1.1.2

package/dist/ui/context-menu/context-menu-sub-trigger.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { ContextMenu } from 'bits-ui';
+	import ChevronRight from '@lucide/svelte/icons/chevron-right';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<ContextMenu.SubTriggerProps> = $props();
+</script>
+
+<ContextMenu.SubTrigger
+	bind:ref
+	class={cn(
+		'flex h-(--era-h-md) cursor-pointer items-center justify-between gap-(--era-xs-inset-sm) rounded-(--era-item-rd) px-(--era-inset-md) text-body text-fg data-[highlighted]:bg-(--era-highlight) data-[highlighted]:shadow-(--era-highlight-shadow) data-[state=open]:bg-hover',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRight class="size-(--era-h-xs) text-muted" />
+</ContextMenu.SubTrigger>

package/dist/ui/context-menu/context-menu-sub-trigger.svelte.d.ts

@@ -0,0 +1,5 @@
+import { ContextMenu } from 'bits-ui';
+import { type PartProps } from '../../utils/index.js';
+declare const ContextMenuSubTrigger: import("svelte").Component<PartProps<ContextMenu.SubTriggerProps>, {}, "ref">;
+type ContextMenuSubTrigger = ReturnType<typeof ContextMenuSubTrigger>;
+export default ContextMenuSubTrigger;

package/dist/ui/context-menu/context-menu-trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { ContextMenu } from 'bits-ui';
+
+	// Pattern A: no extra DOM, so children flow through restProps untouched.
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: ContextMenu.TriggerProps = $props();
+</script>
+
+<ContextMenu.Trigger bind:ref class={className} {...restProps} />

package/dist/ui/context-menu/context-menu-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { ContextMenu } from 'bits-ui';
+declare const ContextMenuTrigger: import("svelte").Component<ContextMenu.TriggerProps, {}, "ref">;
+type ContextMenuTrigger = ReturnType<typeof ContextMenuTrigger>;
+export default ContextMenuTrigger;

package/dist/ui/context-menu/index.d.ts

@@ -0,0 +1,14 @@
+import { ContextMenu } from 'bits-ui';
+export declare const Root: typeof ContextMenu.Root;
+export declare const Group: typeof ContextMenu.Group;
+export declare const RadioGroup: typeof ContextMenu.RadioGroup;
+export declare const Sub: typeof ContextMenu.Sub;
+export { default as Trigger } from './context-menu-trigger.svelte';
+export { default as Content } from './context-menu-content.svelte';
+export { default as Item } from './context-menu-item.svelte';
+export { default as CheckboxItem } from './context-menu-checkbox-item.svelte';
+export { default as RadioItem } from './context-menu-radio-item.svelte';
+export { default as Separator } from './context-menu-separator.svelte';
+export { default as SubTrigger } from './context-menu-sub-trigger.svelte';
+export { default as SubContent } from './context-menu-sub-content.svelte';
+export { default as GroupHeading } from './context-menu-group-heading.svelte';

package/dist/ui/context-menu/index.js

@@ -0,0 +1,14 @@
+import { ContextMenu } from 'bits-ui';
+export const Root = ContextMenu.Root;
+export const Group = ContextMenu.Group;
+export const RadioGroup = ContextMenu.RadioGroup;
+export const Sub = ContextMenu.Sub;
+export { default as Trigger } from './context-menu-trigger.svelte';
+export { default as Content } from './context-menu-content.svelte';
+export { default as Item } from './context-menu-item.svelte';
+export { default as CheckboxItem } from './context-menu-checkbox-item.svelte';
+export { default as RadioItem } from './context-menu-radio-item.svelte';
+export { default as Separator } from './context-menu-separator.svelte';
+export { default as SubTrigger } from './context-menu-sub-trigger.svelte';
+export { default as SubContent } from './context-menu-sub-content.svelte';
+export { default as GroupHeading } from './context-menu-group-heading.svelte';

package/dist/ui/date-field/date-field-input.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { DateField } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DateField.InputProps = $props();
+</script>
+
+<DateField.Input
+	bind:ref
+	class={cn(
+		'flex h-(--era-h-md) w-full items-center rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow-well) focus-within:bg-(--era-highlight) hover:bg-(--era-highlight) disabled:opacity-50 data-[invalid]:text-destructive',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/date-field/date-field-input.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DateField } from 'bits-ui';
+declare const DateFieldInput: import("svelte").Component<DateField.InputProps, {}, "ref">;
+type DateFieldInput = ReturnType<typeof DateFieldInput>;
+export default DateFieldInput;

package/dist/ui/date-field/date-field-label.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import { DateField } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DateField.LabelProps = $props();
+</script>
+
+<DateField.Label bind:ref class={cn('text-body text-muted', className)} {...restProps} />

package/dist/ui/date-field/date-field-label.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DateField } from 'bits-ui';
+declare const DateFieldLabel: import("svelte").Component<DateField.LabelProps, {}, "ref">;
+type DateFieldLabel = ReturnType<typeof DateFieldLabel>;
+export default DateFieldLabel;

package/dist/ui/date-field/date-field-root.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { DateField } from 'bits-ui';
+
+	let {
+		value = $bindable(),
+		placeholder = $bindable(),
+		...restProps
+	}: DateField.RootProps = $props();
+</script>
+
+<DateField.Root bind:value bind:placeholder {...restProps} />

package/dist/ui/date-field/date-field-root.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const DateFieldRoot: import("svelte").Component<import("bits-ui").DateFieldRootPropsWithoutHTML, {}, "value" | "placeholder">;
+type DateFieldRoot = ReturnType<typeof DateFieldRoot>;
+export default DateFieldRoot;

package/dist/ui/date-field/date-field-segment.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { DateField } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DateField.SegmentProps = $props();
+</script>
+
+<DateField.Segment
+	bind:ref
+	class={cn(
+		'rounded-(--era-rd-md) px-[calc(var(--era-sp)/2)] focus:bg-(--era-highlight) focus:text-bright focus:outline-none aria-[valuetext=Empty]:text-muted data-[segment=literal]:text-muted',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/date-field/date-field-segment.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DateField } from 'bits-ui';
+declare const DateFieldSegment: import("svelte").Component<DateField.SegmentProps, {}, "ref">;
+type DateFieldSegment = ReturnType<typeof DateFieldSegment>;
+export default DateFieldSegment;

package/dist/ui/date-field/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Root } from './date-field-root.svelte';
+export { default as Input } from './date-field-input.svelte';
+export { default as Segment } from './date-field-segment.svelte';
+export { default as Label } from './date-field-label.svelte';

package/dist/ui/date-field/index.js

@@ -0,0 +1,4 @@
+export { default as Root } from './date-field-root.svelte';
+export { default as Input } from './date-field-input.svelte';
+export { default as Segment } from './date-field-segment.svelte';
+export { default as Label } from './date-field-label.svelte';

package/dist/ui/date-picker/date-picker-calendar.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DatePicker.CalendarProps = $props();
+</script>
+
+<DatePicker.Calendar
+	bind:ref
+	class={cn('inline-flex flex-col gap-(--era-gap)', className)}
+	{...restProps}
+/>

package/dist/ui/date-picker/date-picker-calendar.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerCalendar: import("svelte").Component<DatePicker.CalendarProps, {}, "ref">;
+type DatePickerCalendar = ReturnType<typeof DatePickerCalendar>;
+export default DatePickerCalendar;

package/dist/ui/date-picker/date-picker-cell.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.CellProps = $props();
+</script>
+
+<DatePicker.Cell bind:ref class={cn('p-0', className)} {...restProps} />

package/dist/ui/date-picker/date-picker-cell.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerCell: import("svelte").Component<DatePicker.CellProps, {}, "ref">;
+type DatePickerCell = ReturnType<typeof DatePickerCell>;
+export default DatePickerCell;

package/dist/ui/date-picker/date-picker-content.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		sideOffset = 4,
+		...restProps
+	}: PartProps<DatePicker.ContentProps> = $props();
+</script>
+
+<DatePicker.Content
+	bind:ref
+	align="start"
+	class={cn(
+		'z-50 rounded-(--era-rd-lg) bg-(--era-surface-bg-elevated) p-(--era-pad-lg) shadow-(--era-shadow-lg) glass-blur',
+		className
+	)}
+	{sideOffset}
+	{...restProps}
+>
+	{@render children?.()}
+</DatePicker.Content>

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

@@ -0,0 +1,5 @@
+import { DatePicker } from 'bits-ui';
+import { type PartProps } from '../../utils/index.js';
+declare const DatePickerContent: import("svelte").Component<PartProps<DatePicker.ContentProps>, {}, "ref">;
+type DatePickerContent = ReturnType<typeof DatePickerContent>;
+export default DatePickerContent;

package/dist/ui/date-picker/date-picker-day.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.DayProps = $props();
+</script>
+
+<DatePicker.Day
+	bind:ref
+	class={cn(
+		'inline-flex size-(--era-h-md) cursor-default items-center justify-center rounded-(--era-rd-md) text-body text-fg hover:bg-(--era-highlight) focus:outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[outside-month]:pointer-events-none data-[outside-month]:text-muted/40 data-[selected]:bg-hover data-[selected]:text-bright data-[unavailable]:text-muted data-[unavailable]:line-through',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/date-picker/date-picker-day.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerDay: import("svelte").Component<DatePicker.DayProps, {}, "ref">;
+type DatePickerDay = ReturnType<typeof DatePickerDay>;
+export default DatePickerDay;

package/dist/ui/date-picker/date-picker-grid-body.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DatePicker.GridBodyProps = $props();
+</script>
+
+<DatePicker.GridBody bind:ref class={className} {...restProps} />

package/dist/ui/date-picker/date-picker-grid-body.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerGridBody: import("svelte").Component<DatePicker.GridBodyProps, {}, "ref">;
+type DatePickerGridBody = ReturnType<typeof DatePickerGridBody>;
+export default DatePickerGridBody;

package/dist/ui/date-picker/date-picker-grid-head.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DatePicker.GridHeadProps = $props();
+</script>
+
+<DatePicker.GridHead bind:ref class={className} {...restProps} />

package/dist/ui/date-picker/date-picker-grid-head.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerGridHead: import("svelte").Component<DatePicker.GridHeadProps, {}, "ref">;
+type DatePickerGridHead = ReturnType<typeof DatePickerGridHead>;
+export default DatePickerGridHead;

package/dist/ui/date-picker/date-picker-grid-row.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.GridRowProps = $props();
+</script>
+
+<DatePicker.GridRow bind:ref class={cn('flex gap-(--era-gap)', className)} {...restProps} />

package/dist/ui/date-picker/date-picker-grid-row.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerGridRow: import("svelte").Component<DatePicker.GridRowProps, {}, "ref">;
+type DatePickerGridRow = ReturnType<typeof DatePickerGridRow>;
+export default DatePickerGridRow;

package/dist/ui/date-picker/date-picker-grid.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.GridProps = $props();
+</script>
+
+<DatePicker.Grid bind:ref class={cn('flex flex-col gap-(--era-gap)', className)} {...restProps} />

package/dist/ui/date-picker/date-picker-grid.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerGrid: import("svelte").Component<DatePicker.GridProps, {}, "ref">;
+type DatePickerGrid = ReturnType<typeof DatePickerGrid>;
+export default DatePickerGrid;

package/dist/ui/date-picker/date-picker-head-cell.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: DatePicker.HeadCellProps = $props();
+</script>
+
+<DatePicker.HeadCell
+	bind:ref
+	class={cn(
+		'flex size-(--era-h-md) items-center justify-center text-body font-normal text-muted',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/date-picker/date-picker-head-cell.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerHeadCell: import("svelte").Component<DatePicker.HeadCellProps, {}, "ref">;
+type DatePickerHeadCell = ReturnType<typeof DatePickerHeadCell>;
+export default DatePickerHeadCell;

package/dist/ui/date-picker/date-picker-header.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.HeaderProps = $props();
+</script>
+
+<DatePicker.Header
+	bind:ref
+	class={cn('flex h-(--era-h-md) items-center justify-between gap-(--era-gap)', className)}
+	{...restProps}
+/>

package/dist/ui/date-picker/date-picker-header.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerHeader: import("svelte").Component<DatePicker.HeaderProps, {}, "ref">;
+type DatePickerHeader = ReturnType<typeof DatePickerHeader>;
+export default DatePickerHeader;

package/dist/ui/date-picker/date-picker-heading.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.HeadingProps = $props();
+</script>
+
+<DatePicker.Heading
+	bind:ref
+	class={cn('text-body font-medium text-fg', className)}
+	{...restProps}
+/>

package/dist/ui/date-picker/date-picker-heading.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerHeading: import("svelte").Component<DatePicker.HeadingProps, {}, "ref">;
+type DatePickerHeading = ReturnType<typeof DatePickerHeading>;
+export default DatePickerHeading;

package/dist/ui/date-picker/date-picker-input.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.InputProps = $props();
+</script>
+
+<DatePicker.Input
+	bind:ref
+	class={cn(
+		'flex h-(--era-h-md) w-full items-center rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) ps-(--era-inset-md) pe-(--era-px-md) text-body text-fg shadow-(--era-shadow-well) focus-within:bg-(--era-highlight) hover:bg-(--era-highlight) disabled:opacity-50 data-[invalid]:text-destructive',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/date-picker/date-picker-input.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerInput: import("svelte").Component<DatePicker.InputProps, {}, "ref">;
+type DatePickerInput = ReturnType<typeof DatePickerInput>;
+export default DatePickerInput;

package/dist/ui/date-picker/date-picker-label.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.LabelProps = $props();
+</script>
+
+<DatePicker.Label bind:ref class={cn('text-body text-muted', className)} {...restProps} />

package/dist/ui/date-picker/date-picker-label.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerLabel: import("svelte").Component<DatePicker.LabelProps, {}, "ref">;
+type DatePickerLabel = ReturnType<typeof DatePickerLabel>;
+export default DatePickerLabel;

package/dist/ui/date-picker/date-picker-next-button.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { DatePicker, type WithoutChildrenOrChild } from 'bits-ui';
+	import { Button, type ButtonVariants } from '../button';
+	import ChevronRight from '@lucide/svelte/icons/chevron-right';
+
+	let {
+		ref = $bindable(null),
+		tone,
+		size,
+		children,
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<DatePicker.NextButtonProps> &
+		Pick<ButtonVariants, 'tone' | 'size'> & {
+			children?: Snippet;
+		} = $props();
+</script>
+
+<DatePicker.NextButton {...restProps}>
+	{#snippet child({ props })}
+		<Button bind:ref {...props} {tone} {size} icon class={className}>
+			{#if children}
+				{@render children()}
+			{:else}
+				<ChevronRight class="size-(--era-h-xs)" />
+			{/if}
+		</Button>
+	{/snippet}
+</DatePicker.NextButton>

package/dist/ui/date-picker/date-picker-next-button.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import { DatePicker, type WithoutChildrenOrChild } from 'bits-ui';
+import { type ButtonVariants } from '../button';
+type $$ComponentProps = WithoutChildrenOrChild<DatePicker.NextButtonProps> & Pick<ButtonVariants, 'tone' | 'size'> & {
+    children?: Snippet;
+};
+declare const DatePickerNextButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type DatePickerNextButton = ReturnType<typeof DatePickerNextButton>;
+export default DatePickerNextButton;

package/dist/ui/date-picker/date-picker-prev-button.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { DatePicker, type WithoutChildrenOrChild } from 'bits-ui';
+	import { Button, type ButtonVariants } from '../button';
+	import ChevronLeft from '@lucide/svelte/icons/chevron-left';
+
+	let {
+		ref = $bindable(null),
+		tone,
+		size,
+		children,
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<DatePicker.PrevButtonProps> &
+		Pick<ButtonVariants, 'tone' | 'size'> & {
+			children?: Snippet;
+		} = $props();
+</script>
+
+<DatePicker.PrevButton {...restProps}>
+	{#snippet child({ props })}
+		<Button bind:ref {...props} {tone} {size} icon class={className}>
+			{#if children}
+				{@render children()}
+			{:else}
+				<ChevronLeft class="size-(--era-h-xs)" />
+			{/if}
+		</Button>
+	{/snippet}
+</DatePicker.PrevButton>

package/dist/ui/date-picker/date-picker-prev-button.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import { DatePicker, type WithoutChildrenOrChild } from 'bits-ui';
+import { type ButtonVariants } from '../button';
+type $$ComponentProps = WithoutChildrenOrChild<DatePicker.PrevButtonProps> & Pick<ButtonVariants, 'tone' | 'size'> & {
+    children?: Snippet;
+};
+declare const DatePickerPrevButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type DatePickerPrevButton = ReturnType<typeof DatePickerPrevButton>;
+export default DatePickerPrevButton;

package/dist/ui/date-picker/date-picker-root.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+
+	let {
+		value = $bindable(),
+		placeholder = $bindable(),
+		open = $bindable(false),
+		...restProps
+	}: DatePicker.RootProps = $props();
+</script>
+
+<DatePicker.Root
+	bind:value
+	bind:placeholder
+	bind:open
+	weekdayFormat="short"
+	fixedWeeks
+	{...restProps}
+/>

package/dist/ui/date-picker/date-picker-root.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const DatePickerRoot: import("svelte").Component<import("bits-ui").DatePickerRootPropsWithoutHTML, {}, "value" | "placeholder" | "open">;
+type DatePickerRoot = ReturnType<typeof DatePickerRoot>;
+export default DatePickerRoot;

package/dist/ui/date-picker/date-picker-segment.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import { cn } from '../../utils/index.js';
+
+	let { ref = $bindable(null), class: className, ...restProps }: DatePicker.SegmentProps = $props();
+</script>
+
+<DatePicker.Segment
+	bind:ref
+	class={cn(
+		'rounded-(--era-rd-md) px-[calc(var(--era-sp)/2)] focus:bg-(--era-highlight) focus:text-bright focus:outline-none aria-[valuetext=Empty]:text-muted data-[segment=literal]:text-muted',
+		className
+	)}
+	{...restProps}
+/>

package/dist/ui/date-picker/date-picker-segment.svelte.d.ts

@@ -0,0 +1,4 @@
+import { DatePicker } from 'bits-ui';
+declare const DatePickerSegment: import("svelte").Component<DatePicker.SegmentProps, {}, "ref">;
+type DatePickerSegment = ReturnType<typeof DatePickerSegment>;
+export default DatePickerSegment;

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { DatePicker } from 'bits-ui';
+	import CalendarDays from '@lucide/svelte/icons/calendar-days';
+	import { cn, type PartProps } from '../../utils/index.js';
+
+	let {
+		ref = $bindable(null),
+		children,
+		class: className,
+		...restProps
+	}: PartProps<DatePicker.TriggerProps> = $props();
+</script>
+
+<DatePicker.Trigger
+	bind:ref
+	class={cn(
+		'ml-auto flex size-(--era-h-sm) shrink-0 items-center justify-center rounded-(--era-rd-sm) text-muted hover:bg-(--era-highlight) hover:text-fg focus:outline-none',
+		className
+	)}
+	{...restProps}
+>
+	{#if children}
+		{@render children()}
+	{:else}
+		<CalendarDays class="size-(--era-h-xs)" />
+	{/if}
+</DatePicker.Trigger>

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

@@ -0,0 +1,5 @@
+import { DatePicker } from 'bits-ui';
+import { type PartProps } from '../../utils/index.js';
+declare const DatePickerTrigger: import("svelte").Component<PartProps<DatePicker.TriggerProps>, {}, "ref">;
+type DatePickerTrigger = ReturnType<typeof DatePickerTrigger>;
+export default DatePickerTrigger;

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

@@ -0,0 +1,18 @@
+export { default as Root } from './date-picker-root.svelte';
+export { default as Label } from './date-picker-label.svelte';
+export { default as Input } from './date-picker-input.svelte';
+export { default as Segment } from './date-picker-segment.svelte';
+export { default as Trigger } from './date-picker-trigger.svelte';
+export { default as Content } from './date-picker-content.svelte';
+export { default as Calendar } from './date-picker-calendar.svelte';
+export { default as Header } from './date-picker-header.svelte';
+export { default as Heading } from './date-picker-heading.svelte';
+export { default as PrevButton } from './date-picker-prev-button.svelte';
+export { default as NextButton } from './date-picker-next-button.svelte';
+export { default as Grid } from './date-picker-grid.svelte';
+export { default as GridHead } from './date-picker-grid-head.svelte';
+export { default as GridBody } from './date-picker-grid-body.svelte';
+export { default as GridRow } from './date-picker-grid-row.svelte';
+export { default as HeadCell } from './date-picker-head-cell.svelte';
+export { default as Cell } from './date-picker-cell.svelte';
+export { default as Day } from './date-picker-day.svelte';