@dryui/ui 0.2.1 → 0.3.0

package/dist/chart/index.d.ts

@@ -2,55 +2,60 @@ import type { Snippet } from 'svelte';
 import type { SVGAttributes } from 'svelte/elements';
 export type { ChartDataPoint, ChartStackedDataPoint } from '@dryui/primitives';
 export interface ChartRootProps extends SVGAttributes<SVGSVGElement> {
-	data: import('@dryui/primitives').ChartDataPoint[];
-	width?: number;
-	height?: number;
-	padding?: {
-		top?: number;
-		right?: number;
-		bottom?: number;
-		left?: number;
-	};
-	children: Snippet;
+    data: import('@dryui/primitives').ChartDataPoint[];
+    width?: number;
+    height?: number;
+    padding?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    children: Snippet;
 }
 export interface ChartBarsProps extends Omit<SVGAttributes<SVGGElement>, 'onclick'> {
-	radius?: number;
-	onclick?: (event: { label: string; value: number; index: number }) => void;
+    radius?: number;
+    onclick?: (event: {
+        label: string;
+        value: number;
+        index: number;
+    }) => void;
 }
 export interface ChartLineProps extends SVGAttributes<SVGGElement> {
-	strokeWidth?: number;
-	showDots?: boolean;
-	dotRadius?: number;
-	color?: string;
+    strokeWidth?: number;
+    showDots?: boolean;
+    dotRadius?: number;
+    color?: string;
 }
 export interface ChartAreaProps extends SVGAttributes<SVGGElement> {
-	strokeWidth?: number;
-	showDots?: boolean;
-	dotRadius?: number;
-	color?: string;
+    strokeWidth?: number;
+    showDots?: boolean;
+    dotRadius?: number;
+    color?: string;
 }
 export interface ChartDonutProps extends Omit<SVGAttributes<SVGGElement>, 'onclick'> {
-	innerRadius?: number;
-	outerRadius?: number;
-	label?: Snippet<
-		[
-			{
-				total: number;
-			}
-		]
-	>;
-	onclick?: (event: { label: string; value: number; index: number }) => void;
+    innerRadius?: number;
+    outerRadius?: number;
+    label?: Snippet<[{
+        total: number;
+    }]>;
+    onclick?: (event: {
+        label: string;
+        value: number;
+        index: number;
+    }) => void;
 }
 export interface ChartStackedBarProps extends SVGAttributes<SVGGElement> {
-	stackedData: import('@dryui/primitives').ChartStackedDataPoint[];
-	radius?: number;
+    stackedData: import('@dryui/primitives').ChartStackedDataPoint[];
+    radius?: number;
 }
 export interface ChartHorizontalBarProps extends SVGAttributes<SVGGElement> {
-	radius?: number;
+    radius?: number;
+}
+export interface ChartXAxisProps extends SVGAttributes<SVGGElement> {
 }
-export interface ChartXAxisProps extends SVGAttributes<SVGGElement> {}
 export interface ChartYAxisProps extends SVGAttributes<SVGGElement> {
-	ticks?: number;
+    ticks?: number;
 }
 import ChartRoot from './chart-root.svelte';
 import ChartBars from './chart-bars.svelte';
@@ -62,13 +67,13 @@ import ChartHorizontalBar from './chart-horizontal-bar.svelte';
 import ChartXAxis from './chart-x-axis.svelte';
 import ChartYAxis from './chart-y-axis.svelte';
 export declare const Chart: {
-	Root: typeof ChartRoot;
-	Bars: typeof ChartBars;
-	Line: typeof ChartLine;
-	Area: typeof ChartArea;
-	Donut: typeof ChartDonut;
-	StackedBar: typeof ChartStackedBar;
-	HorizontalBar: typeof ChartHorizontalBar;
-	XAxis: typeof ChartXAxis;
-	YAxis: typeof ChartYAxis;
+    Root: typeof ChartRoot;
+    Bars: typeof ChartBars;
+    Line: typeof ChartLine;
+    Area: typeof ChartArea;
+    Donut: typeof ChartDonut;
+    StackedBar: typeof ChartStackedBar;
+    HorizontalBar: typeof ChartHorizontalBar;
+    XAxis: typeof ChartXAxis;
+    YAxis: typeof ChartYAxis;
 };

package/dist/chat-thread/index.d.ts

@@ -1,16 +1,14 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 export interface ChatThreadProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
-	messageCount: number;
-	scrollKey?: number;
-	children: Snippet<
-		[
-			{
-				index: number;
-				viewTransitionName: string;
-				isLatest: boolean;
-			}
-		]
-	>;
+    messageCount: number;
+    scrollKey?: number;
+    children: Snippet<[
+        {
+            index: number;
+            viewTransitionName: string;
+            isLatest: boolean;
+        }
+    ]>;
 }
 export { default as ChatThread } from './chat-thread.svelte';

package/dist/checkbox/checkbox.svelte

@@ -34,11 +34,7 @@
 </script>
 
 {#if children}
-	<label
-		class="checkbox-label"
-		data-disabled={isDisabled || undefined}
-		data-size={size}
-	>
+	<label class="checkbox-label" data-disabled={isDisabled || undefined} data-size={size}>
 		<span class="wrapper">
 			<input
 				{@attach applyIndeterminate}

package/dist/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import type { CheckboxProps as PrimitiveCheckboxProps } from '@dryui/primitives';
 export interface CheckboxProps extends Omit<PrimitiveCheckboxProps, 'size'> {
-	size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg';
 }
 export { default as Checkbox } from './checkbox.svelte';

package/dist/chip/index.d.ts

@@ -3,23 +3,18 @@ import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements
 import type { AliasableColor } from '../internal/color-aliases.js';
 export type ChipColor = AliasableColor;
 export interface ChipBaseProps {
-	selected?: boolean;
-	disabled?: boolean;
-	variant?: 'solid' | 'outline' | 'soft';
-	color?: ChipColor;
-	size?: 'sm' | 'md';
-	href?: string;
-	rel?: string;
-	target?: string;
-	download?: boolean | string;
-	type?: 'button' | 'submit' | 'reset';
-	onclick?: (event: MouseEvent) => void;
-	children: Snippet;
+    selected?: boolean;
+    disabled?: boolean;
+    variant?: 'solid' | 'outline' | 'soft';
+    color?: ChipColor;
+    size?: 'sm' | 'md';
+    href?: string;
+    rel?: string;
+    target?: string;
+    download?: boolean | string;
+    type?: 'button' | 'submit' | 'reset';
+    onclick?: (event: MouseEvent) => void;
+    children: Snippet;
 }
-export type ChipProps = ChipBaseProps &
-	Omit<HTMLButtonAttributes, 'type' | 'disabled' | 'onclick' | 'children'> &
-	Omit<
-		HTMLAnchorAttributes,
-		'href' | 'rel' | 'target' | 'download' | 'type' | 'onclick' | 'children'
-	>;
+export type ChipProps = ChipBaseProps & Omit<HTMLButtonAttributes, 'type' | 'disabled' | 'onclick' | 'children'> & Omit<HTMLAnchorAttributes, 'href' | 'rel' | 'target' | 'download' | 'type' | 'onclick' | 'children'>;
 export { default as Chip } from './chip.svelte';

package/dist/chip-group/index.d.ts

@@ -1,11 +1,11 @@
 import type { ChipGroupRootProps as PrimitiveChipGroupRootProps } from '@dryui/primitives';
 export type { ChipGroupItemProps } from '@dryui/primitives';
 export interface ChipGroupRootProps extends PrimitiveChipGroupRootProps {
-	size?: 'sm' | 'md';
+    size?: 'sm' | 'md';
 }
 import ChipGroupRoot from './chip-group-root.svelte';
 import ChipGroupItem from './chip-group-item.svelte';
 export declare const ChipGroup: {
-	Root: typeof ChipGroupRoot;
-	Item: typeof ChipGroupItem;
+    Root: typeof ChipGroupRoot;
+    Item: typeof ChipGroupItem;
 };

package/dist/chromatic-aberration/index.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 export interface ChromaticAberrationProps extends HTMLAttributes<HTMLDivElement> {
-	offset?: number;
-	angle?: number;
-	children: Snippet;
+    offset?: number;
+    angle?: number;
+    children: Snippet;
 }
 export { default as ChromaticAberration } from './chromatic-aberration.svelte';

package/dist/chromatic-shift/index.d.ts

@@ -1,3 +1,4 @@
 import type { ChromaticShiftProps as PrimitiveChromaticShiftProps } from '@dryui/primitives/chromatic-shift';
-export interface ChromaticShiftProps extends PrimitiveChromaticShiftProps {}
+export interface ChromaticShiftProps extends PrimitiveChromaticShiftProps {
+}
 export { default as ChromaticShift } from './chromatic-shift.svelte';

package/dist/code-block/highlighter/types.d.ts

@@ -1,6 +1,6 @@
 export interface Token {
-	type: string;
-	start: number;
-	end: number;
+    type: string;
+    start: number;
+    end: number;
 }
 export type Highlighter = (code: string) => Token[];

package/dist/code-block/index.d.ts

@@ -1,8 +1,8 @@
 import type { CodeBlockProps as PrimitiveCodeBlockProps } from '@dryui/primitives';
 export interface CodeBlockProps extends Omit<PrimitiveCodeBlockProps, 'shell'> {
-	showLineNumbers?: boolean;
-	showCopyButton?: boolean;
-	linkResolver?: (text: string, type: string) => string | undefined;
+    showLineNumbers?: boolean;
+    showCopyButton?: boolean;
+    linkResolver?: (text: string, type: string) => string | undefined;
 }
 export { default as CodeBlock } from './code-block.svelte';
 export type { Token, Highlighter } from './highlighter/types.js';

package/dist/collapsible/collapsible-trigger.svelte

@@ -25,7 +25,15 @@
 	{...rest}
 >
 	{@render children()}
-	<svg data-indicator xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
+	<svg
+		data-indicator
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg
+	>
 </button>
 
 <style>

package/dist/collapsible/index.d.ts

@@ -1,13 +1,21 @@
-export type {
-	CollapsibleRootProps,
-	CollapsibleTriggerProps,
-	CollapsibleContentProps
-} from '@dryui/primitives';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
+export interface CollapsibleRootProps extends HTMLAttributes<HTMLDivElement> {
+    open?: boolean;
+    disabled?: boolean;
+    children: Snippet;
+}
+export interface CollapsibleTriggerProps extends HTMLButtonAttributes {
+    children: Snippet;
+}
+export interface CollapsibleContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: Snippet;
+}
 import CollapsibleRoot from './collapsible-root.svelte';
 import CollapsibleTrigger from './collapsible-trigger.svelte';
 import CollapsibleContent from './collapsible-content.svelte';
 export declare const Collapsible: {
-	Root: typeof CollapsibleRoot;
-	Trigger: typeof CollapsibleTrigger;
-	Content: typeof CollapsibleContent;
+    Root: typeof CollapsibleRoot;
+    Trigger: typeof CollapsibleTrigger;
+    Content: typeof CollapsibleContent;
 };

package/dist/color-picker/color-picker-eyedropper.svelte

@@ -43,7 +43,19 @@
 		{#if children}
 			{@render children()}
 		{:else}
-			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3l8 8M3 9l8 8m-8-8 1.5 1.5M11 17l-1 4-4 1 1-4"/></svg>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+				aria-hidden="true"
+				><path
+					d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3l8 8M3 9l8 8m-8-8 1.5 1.5M11 17l-1 4-4 1 1-4"
+				/></svg
+			>
 		{/if}
 	</button>
 {/if}

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

@@ -1,16 +1,8 @@
-export type {
-	ColorPickerAreaProps,
-	ColorPickerHueSliderProps,
-	ColorPickerAlphaSliderProps,
-	ColorPickerInputProps,
-	ColorPickerSwatchProps,
-	ColorPickerEyeDropperProps,
-	ColorPickerChannelInputProps
-} from '@dryui/primitives';
+export type { ColorPickerAreaProps, ColorPickerHueSliderProps, ColorPickerAlphaSliderProps, ColorPickerInputProps, ColorPickerSwatchProps, ColorPickerEyeDropperProps, ColorPickerChannelInputProps } from '@dryui/primitives';
 import type { ColorPickerRootProps as PrimitiveColorPickerRootProps } from '@dryui/primitives';
 export interface ColorPickerRootProps extends PrimitiveColorPickerRootProps {
-	width?: number;
-	areaHeight?: number;
+    width?: number;
+    areaHeight?: number;
 }
 import ColorPickerRoot from './color-picker-root.svelte';
 import ColorPickerArea from './color-picker-area.svelte';
@@ -21,12 +13,12 @@ import ColorPickerSwatch from './color-picker-swatch.svelte';
 import ColorPickerEyeDropper from './color-picker-eyedropper.svelte';
 import ColorPickerChannelInput from './color-picker-channel-input.svelte';
 export declare const ColorPicker: {
-	Root: typeof ColorPickerRoot;
-	Area: typeof ColorPickerArea;
-	HueSlider: typeof ColorPickerHueSlider;
-	AlphaSlider: typeof ColorPickerAlphaSlider;
-	Input: typeof ColorPickerInput;
-	Swatch: typeof ColorPickerSwatch;
-	EyeDropper: typeof ColorPickerEyeDropper;
-	ChannelInput: typeof ColorPickerChannelInput;
+    Root: typeof ColorPickerRoot;
+    Area: typeof ColorPickerArea;
+    HueSlider: typeof ColorPickerHueSlider;
+    AlphaSlider: typeof ColorPickerAlphaSlider;
+    Input: typeof ColorPickerInput;
+    Swatch: typeof ColorPickerSwatch;
+    EyeDropper: typeof ColorPickerEyeDropper;
+    ChannelInput: typeof ColorPickerChannelInput;
 };

package/dist/combobox/index.d.ts

@@ -1,18 +1,13 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 import type { ComboboxInputProps as PrimitiveComboboxInputProps } from '@dryui/primitives';
-export type {
-	ComboboxRootProps,
-	ComboboxContentProps,
-	ComboboxItemProps,
-	ComboboxEmptyProps
-} from '@dryui/primitives';
+export type { ComboboxRootProps, ComboboxContentProps, ComboboxItemProps, ComboboxEmptyProps } from '@dryui/primitives';
 export interface ComboboxInputProps extends Omit<PrimitiveComboboxInputProps, 'size'> {
-	size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg';
 }
 export interface ComboboxGroupProps extends HTMLAttributes<HTMLDivElement> {
-	label: string;
-	children: Snippet;
+    label: string;
+    children: Snippet;
 }
 import ComboboxRoot from './combobox-root.svelte';
 import ComboboxInput from './combobox-input.svelte';
@@ -21,10 +16,10 @@ import ComboboxItem from './combobox-item.svelte';
 import ComboboxEmpty from './combobox-empty.svelte';
 import ComboboxGroup from './combobox-group.svelte';
 export declare const Combobox: {
-	Root: typeof ComboboxRoot;
-	Input: typeof ComboboxInput;
-	Content: typeof ComboboxContent;
-	Item: typeof ComboboxItem;
-	Empty: typeof ComboboxEmpty;
-	Group: typeof ComboboxGroup;
+    Root: typeof ComboboxRoot;
+    Input: typeof ComboboxInput;
+    Content: typeof ComboboxContent;
+    Item: typeof ComboboxItem;
+    Empty: typeof ComboboxEmpty;
+    Group: typeof ComboboxGroup;
 };

package/dist/command-palette/index.d.ts

@@ -1,12 +1,4 @@
-export type {
-	CommandPaletteRootProps,
-	CommandPaletteInputProps,
-	CommandPaletteListProps,
-	CommandPaletteGroupProps,
-	CommandPaletteItemProps,
-	CommandPaletteEmptyProps,
-	CommandPaletteSeparatorProps
-} from '@dryui/primitives';
+export type { CommandPaletteRootProps, CommandPaletteInputProps, CommandPaletteListProps, CommandPaletteGroupProps, CommandPaletteItemProps, CommandPaletteEmptyProps, CommandPaletteSeparatorProps } from '@dryui/primitives';
 import CommandPaletteRoot from './command-palette-root.svelte';
 import CommandPaletteInput from './command-palette-input.svelte';
 import CommandPaletteList from './command-palette-list.svelte';
@@ -15,11 +7,11 @@ import CommandPaletteItem from './command-palette-item.svelte';
 import CommandPaletteEmpty from './command-palette-empty.svelte';
 import CommandPaletteSeparator from './command-palette-separator.svelte';
 export declare const CommandPalette: {
-	Root: typeof CommandPaletteRoot;
-	Input: typeof CommandPaletteInput;
-	List: typeof CommandPaletteList;
-	Group: typeof CommandPaletteGroup;
-	Item: typeof CommandPaletteItem;
-	Empty: typeof CommandPaletteEmpty;
-	Separator: typeof CommandPaletteSeparator;
+    Root: typeof CommandPaletteRoot;
+    Input: typeof CommandPaletteInput;
+    List: typeof CommandPaletteList;
+    Group: typeof CommandPaletteGroup;
+    Item: typeof CommandPaletteItem;
+    Empty: typeof CommandPaletteEmpty;
+    Separator: typeof CommandPaletteSeparator;
 };

package/dist/container/index.d.ts

@@ -1,8 +1,8 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
-	size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
-	padding?: boolean;
-	children: Snippet;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    padding?: boolean;
+    children: Snippet;
 }
 export { default as Container } from './container.svelte';

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

@@ -1,12 +1,4 @@
-export type {
-	ContextMenuRootProps,
-	ContextMenuTriggerProps,
-	ContextMenuContentProps,
-	ContextMenuItemProps,
-	ContextMenuSeparatorProps,
-	ContextMenuGroupProps,
-	ContextMenuLabelProps
-} from '@dryui/primitives';
+export type { ContextMenuRootProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuLabelProps } from '@dryui/primitives';
 import ContextMenuRoot from './context-menu-root.svelte';
 import ContextMenuTrigger from './context-menu-trigger.svelte';
 import ContextMenuContent from './context-menu-content.svelte';
@@ -15,11 +7,11 @@ import ContextMenuSeparator from './context-menu-separator.svelte';
 import ContextMenuGroup from './context-menu-group.svelte';
 import ContextMenuLabel from './context-menu-label.svelte';
 export declare const ContextMenu: {
-	Root: typeof ContextMenuRoot;
-	Trigger: typeof ContextMenuTrigger;
-	Content: typeof ContextMenuContent;
-	Item: typeof ContextMenuItem;
-	Separator: typeof ContextMenuSeparator;
-	Group: typeof ContextMenuGroup;
-	Label: typeof ContextMenuLabel;
+    Root: typeof ContextMenuRoot;
+    Trigger: typeof ContextMenuTrigger;
+    Content: typeof ContextMenuContent;
+    Item: typeof ContextMenuItem;
+    Separator: typeof ContextMenuSeparator;
+    Group: typeof ContextMenuGroup;
+    Label: typeof ContextMenuLabel;
 };

package/dist/data-grid/index.d.ts

@@ -1,30 +1,23 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 import type { DataGridRootProps as PrimitiveDataGridRootProps } from '@dryui/primitives';
-export type {
-	DataGridTableProps,
-	DataGridHeaderProps,
-	DataGridColumnProps,
-	DataGridBodyProps,
-	DataGridRowProps,
-	DataGridCellProps,
-	DataGridPaginationProps
-} from '@dryui/primitives';
+export type { DataGridTableProps, DataGridHeaderProps, DataGridColumnProps, DataGridBodyProps, DataGridRowProps, DataGridCellProps, DataGridPaginationProps } from '@dryui/primitives';
 export interface DataGridRootProps<T = unknown> extends PrimitiveDataGridRootProps<T> {
-	striped?: boolean;
+    striped?: boolean;
+}
+export interface DataGridSelectAllProps extends HTMLAttributes<HTMLTableCellElement> {
 }
-export interface DataGridSelectAllProps extends HTMLAttributes<HTMLTableCellElement> {}
 export interface DataGridSelectCellProps extends HTMLAttributes<HTMLTableCellElement> {
-	rowId: string;
+    rowId: string;
 }
 export interface DataGridExpandableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-	rowId: string;
-	expandable: Snippet;
-	children: Snippet;
+    rowId: string;
+    expandable: Snippet;
+    children: Snippet;
 }
 export interface DataGridExpandTriggerProps extends HTMLAttributes<HTMLButtonElement> {
-	rowId: string;
-	children?: Snippet;
+    rowId: string;
+    children?: Snippet;
 }
 import DataGridRoot from './data-grid-root.svelte';
 import DataGridTable from './data-grid-table.svelte';
@@ -39,16 +32,16 @@ import DataGridSelectCell from './data-grid-select-cell.svelte';
 import DataGridExpandableRow from './data-grid-expandable-row.svelte';
 import DataGridExpandTrigger from './data-grid-expand-trigger.svelte';
 export declare const DataGrid: {
-	Root: typeof DataGridRoot;
-	Table: typeof DataGridTable;
-	Header: typeof DataGridHeader;
-	Column: typeof DataGridColumn;
-	Body: typeof DataGridBody;
-	Row: typeof DataGridRow;
-	Cell: typeof DataGridCell;
-	Pagination: typeof DataGridPagination;
-	SelectAll: typeof DataGridSelectAll;
-	SelectCell: typeof DataGridSelectCell;
-	ExpandableRow: typeof DataGridExpandableRow;
-	ExpandTrigger: typeof DataGridExpandTrigger;
+    Root: typeof DataGridRoot;
+    Table: typeof DataGridTable;
+    Header: typeof DataGridHeader;
+    Column: typeof DataGridColumn;
+    Body: typeof DataGridBody;
+    Row: typeof DataGridRow;
+    Cell: typeof DataGridCell;
+    Pagination: typeof DataGridPagination;
+    SelectAll: typeof DataGridSelectAll;
+    SelectCell: typeof DataGridSelectCell;
+    ExpandableRow: typeof DataGridExpandableRow;
+    ExpandTrigger: typeof DataGridExpandTrigger;
 };

package/dist/date-field/date-field-separator.svelte

@@ -13,13 +13,7 @@
 	const display = $derived(separator ?? ctx.separator);
 </script>
 
-<span
-	aria-hidden="true"
-	data-df-separator
-	data-separator=""
-	{...rest}
-	class={className}
->
+<span aria-hidden="true" data-df-separator data-separator="" {...rest} class={className}>
 	{display}
 </span>
 

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

@@ -2,13 +2,13 @@ import type { DateFieldRootProps as PrimitiveDateFieldRootProps } from '@dryui/p
 export type { DateSegmentType } from '@dryui/primitives';
 export type { DateFieldSegmentProps, DateFieldSeparatorProps } from '@dryui/primitives';
 export interface DateFieldRootProps extends PrimitiveDateFieldRootProps {
-	size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg';
 }
 import DateFieldRoot from './date-field-root.svelte';
 import DateFieldSegment from './date-field-segment.svelte';
 import DateFieldSeparator from './date-field-separator.svelte';
 export declare const DateField: {
-	Root: typeof DateFieldRoot;
-	Segment: typeof DateFieldSegment;
-	Separator: typeof DateFieldSeparator;
+    Root: typeof DateFieldRoot;
+    Segment: typeof DateFieldSegment;
+    Separator: typeof DateFieldSeparator;
 };

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

@@ -61,7 +61,21 @@
 			{displayText || placeholder}
 		</span>
 	{/if}
-	<svg data-indicator xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
+	<svg
+		data-indicator
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		aria-hidden="true"
+		><rect x="3" y="4" width="18" height="18" rx="2" ry="2" /><line
+			x1="16"
+			y1="2"
+			x2="16"
+			y2="6"
+		/><line x1="8" y1="2" x2="8" y2="6" /><line x1="3" y1="10" x2="21" y2="10" /></svg
+	>
 </button>
 
 <style>