@dryui/ui 0.2.1 → 0.3.0

package/dist/index.js

@@ -131,7 +131,6 @@ export { DateTimeInput } from './date-time-input/index.js';
 export { NotificationCenter } from './notification-center/index.js';
 export { MegaMenu } from './mega-menu/index.js';
 export { Map } from './map/index.js';
-export { SystemMap } from './system-map/index.js';
 // Animation & Visual Effects
 export { ChromaticShift } from './chromatic-shift/index.js';
 export { ChromaticAberration } from './chromatic-aberration/index.js';
@@ -147,7 +146,7 @@ export { Halftone } from './halftone/index.js';
 export { MaskReveal } from './mask-reveal/index.js';
 export { ShaderCanvas, PRESETS as SHADER_PRESETS } from './shader-canvas/index.js';
 export { Svg } from './svg/index.js';
-export { Thumbnail } from './thumbnail/index.js';
 export { StarRating } from './star-rating/index.js';
 export { Tag } from './tag/index.js';
 export { useThemeOverride } from './themes/use-theme-override.svelte.js';
+export { Diagram } from './diagram/index.js';

package/dist/input/index.d.ts

@@ -1,6 +1,6 @@
 import type { InputProps as PrimitiveInputProps } from '@dryui/primitives';
 export interface InputProps extends Omit<PrimitiveInputProps, 'size'> {
-	size?: 'sm' | 'md' | 'lg';
-	variant?: 'default' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'ghost';
 }
 export { default as Input } from './input.svelte';

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

@@ -1,18 +1,12 @@
-export type {
-	AffixGroupRootProps as InputGroupRootProps,
-	AffixGroupPrefixProps as InputGroupPrefixProps,
-	AffixGroupSuffixProps as InputGroupSuffixProps,
-	AffixGroupSeparatorProps as InputGroupSeparatorProps,
-	AffixGroupActionProps as InputGroupActionProps
-} from '@dryui/primitives';
+export type { AffixGroupRootProps as InputGroupRootProps, AffixGroupPrefixProps as InputGroupPrefixProps, AffixGroupSuffixProps as InputGroupSuffixProps, AffixGroupSeparatorProps as InputGroupSeparatorProps, AffixGroupActionProps as InputGroupActionProps } from '@dryui/primitives';
 import type { HTMLInputAttributes, HTMLSelectAttributes } from 'svelte/elements';
 import type { Snippet } from 'svelte';
 export interface InputGroupInputProps extends HTMLInputAttributes {
-	value?: string;
+    value?: string;
 }
 export interface InputGroupSelectProps extends HTMLSelectAttributes {
-	value?: string;
-	children?: Snippet;
+    value?: string;
+    children?: Snippet;
 }
 import InputGroupRoot from './input-group-root.svelte';
 import InputGroupPrefix from './input-group-prefix.svelte';
@@ -22,11 +16,11 @@ import InputGroupSeparator from './input-group-separator.svelte';
 import InputGroupAction from './input-group-action.svelte';
 import InputGroupSelect from './input-group-select.svelte';
 export declare const InputGroup: {
-	Root: typeof InputGroupRoot;
-	Prefix: typeof InputGroupPrefix;
-	Input: typeof InputGroupInput;
-	Suffix: typeof InputGroupSuffix;
-	Separator: typeof InputGroupSeparator;
-	Action: typeof InputGroupAction;
-	Select: typeof InputGroupSelect;
+    Root: typeof InputGroupRoot;
+    Prefix: typeof InputGroupPrefix;
+    Input: typeof InputGroupInput;
+    Suffix: typeof InputGroupSuffix;
+    Separator: typeof InputGroupSeparator;
+    Action: typeof InputGroupAction;
+    Select: typeof InputGroupSelect;
 };

package/dist/input-group/input-group-root.svelte

@@ -105,5 +105,4 @@
 	[data-input-group-root][data-size='lg'] {
 		min-height: 3.5rem;
 	}
-
 </style>

package/dist/internal/color-aliases.d.ts

@@ -1,13 +1,10 @@
 export declare const COLOR_ALIASES: {
-	readonly info: 'blue';
-	readonly success: 'green';
-	readonly warning: 'yellow';
-	readonly danger: 'red';
+    readonly info: "blue";
+    readonly success: "green";
+    readonly warning: "yellow";
+    readonly danger: "red";
 };
 export type BaseColor = 'gray' | 'blue' | 'red' | 'green' | 'yellow' | 'purple' | 'orange';
 export type SemanticColor = keyof typeof COLOR_ALIASES;
 export type AliasableColor = BaseColor | SemanticColor;
-export declare function resolveAlias(
-	color: AliasableColor | undefined,
-	fallback: BaseColor
-): BaseColor;
+export declare function resolveAlias(color: AliasableColor | undefined, fallback: BaseColor): BaseColor;

package/dist/kbd/index.d.ts

@@ -1,2 +1,7 @@
-export type { KbdProps } from '@dryui/primitives';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface KbdProps extends HTMLAttributes<HTMLElement> {
+    keys?: string[];
+    children?: Snippet;
+}
 export { default as Kbd } from './kbd.svelte';

package/dist/label/index.d.ts

@@ -1,5 +1,5 @@
 import type { LabelProps as PrimitiveLabelProps } from '@dryui/primitives';
 export interface LabelProps extends PrimitiveLabelProps {
-	size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg';
 }
 export { default as Label } from './label.svelte';

package/dist/link/index.d.ts

@@ -1,5 +1,5 @@
 import type { LinkProps as PrimitiveLinkProps } from '@dryui/primitives';
 export interface LinkProps extends PrimitiveLinkProps {
-	underline?: 'always' | 'hover' | 'none';
+    underline?: 'always' | 'hover' | 'none';
 }
 export { default as Link } from './link.svelte';

package/dist/link-preview/index.d.ts

@@ -1,13 +1,9 @@
-export type {
-	LinkPreviewRootProps,
-	LinkPreviewTriggerProps,
-	LinkPreviewContentProps
-} from '@dryui/primitives';
+export type { LinkPreviewRootProps, LinkPreviewTriggerProps, LinkPreviewContentProps } from '@dryui/primitives';
 import LinkPreviewRoot from './link-preview-root.svelte';
 import LinkPreviewTrigger from './link-preview-trigger.svelte';
 import LinkPreviewContent from './link-preview-content.svelte';
 export declare const LinkPreview: {
-	Root: typeof LinkPreviewRoot;
-	Trigger: typeof LinkPreviewTrigger;
-	Content: typeof LinkPreviewContent;
+    Root: typeof LinkPreviewRoot;
+    Trigger: typeof LinkPreviewTrigger;
+    Content: typeof LinkPreviewContent;
 };

package/dist/list/index.d.ts

@@ -1,19 +1,13 @@
-export type {
-	ListRootProps,
-	ListItemProps,
-	ListItemIconProps,
-	ListItemTextProps,
-	ListSubheaderProps
-} from '@dryui/primitives';
+export type { ListRootProps, ListItemProps, ListItemIconProps, ListItemTextProps, ListSubheaderProps } from '@dryui/primitives';
 import ListRoot from './list-root.svelte';
 import ListItem from './list-item.svelte';
 import ListItemIcon from './list-item-icon.svelte';
 import ListItemText from './list-item-text.svelte';
 import ListSubheader from './list-subheader.svelte';
 export declare const List: {
-	Root: typeof ListRoot;
-	Item: typeof ListItem;
-	ItemIcon: typeof ListItemIcon;
-	ItemText: typeof ListItemText;
-	Subheader: typeof ListSubheader;
+    Root: typeof ListRoot;
+    Item: typeof ListItem;
+    ItemIcon: typeof ListItemIcon;
+    ItemText: typeof ListItemText;
+    Subheader: typeof ListSubheader;
 };

package/dist/list/list-root.svelte

@@ -65,5 +65,4 @@
 	[data-list-root][data-disable-padding='true'] {
 		--dry-list-padding: 0;
 	}
-
 </style>

package/dist/listbox/index.d.ts

@@ -2,6 +2,6 @@ export type { ListboxRootProps, ListboxItemProps } from '@dryui/primitives';
 import ListboxRoot from './listbox-root.svelte';
 import ListboxItem from './listbox-item.svelte';
 export declare const Listbox: {
-	Root: typeof ListboxRoot;
-	Item: typeof ListboxItem;
+    Root: typeof ListboxRoot;
+    Item: typeof ListboxItem;
 };

package/dist/logo-mark/logo-mark.svelte

@@ -78,8 +78,8 @@
 	}
 
 	[data-logo-mark] img {
-		width: 100%;
-		height: 100%;
+		block-size: 100%;
+		aspect-ratio: 1;
 		object-fit: cover;
 		border-radius: inherit;
 	}

package/dist/logo-mark/logo-mark.svelte.d.ts

@@ -1,12 +1,12 @@
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLSpanElement> {
-    src?: string;
-    alt?: string;
-    fallback?: string;
-    size?: 'sm' | 'md' | 'lg';
-    shape?: 'square' | 'rounded' | 'circle';
-    color?: 'brand' | 'neutral' | 'error' | 'warning' | 'success' | 'info';
+	src?: string;
+	alt?: string;
+	fallback?: string;
+	size?: 'sm' | 'md' | 'lg';
+	shape?: 'square' | 'rounded' | 'circle';
+	color?: 'brand' | 'neutral' | 'error' | 'warning' | 'success' | 'info';
 }
-declare const LogoMark: import("svelte").Component<Props, {}, "">;
+declare const LogoMark: import('svelte').Component<Props, {}, ''>;
 type LogoMark = ReturnType<typeof LogoMark>;
 export default LogoMark;

package/dist/map/index.d.ts

@@ -1,53 +1,41 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 import type { LngLat, MapInstance, MapOptions, GeoJsonData } from '@dryui/primitives';
-export type {
-	LngLat,
-	MapInstance,
-	MapLibrary,
-	MapMarkerInstance,
-	MapPopupInstance,
-	MapOptions,
-	MapControl,
-	MapSource,
-	MarkerOptions,
-	PopupOptions,
-	GeoJsonData
-} from '@dryui/primitives';
+export type { LngLat, MapInstance, MapLibrary, MapMarkerInstance, MapPopupInstance, MapOptions, MapControl, MapSource, MarkerOptions, PopupOptions, GeoJsonData } from '@dryui/primitives';
 export interface MapRootProps extends HTMLAttributes<HTMLDivElement> {
-	center?: LngLat;
-	zoom?: number;
-	minZoom?: number;
-	maxZoom?: number;
-	mapStyle?: string;
-	createMap?: (container: HTMLDivElement, options: MapOptions) => MapInstance;
-	children?: Snippet;
+    center?: LngLat;
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    mapStyle?: string;
+    createMap?: (container: HTMLDivElement, options: MapOptions) => MapInstance;
+    children?: Snippet;
 }
 export interface MapMarkerProps {
-	position: LngLat;
-	color?: string;
-	children?: Snippet;
-	class?: string;
+    position: LngLat;
+    color?: string;
+    children?: Snippet;
+    class?: string;
 }
 export interface MapPopupProps {
-	maxWidth?: string;
-	closeButton?: boolean;
-	closeOnClick?: boolean;
-	children: Snippet;
-	class?: string;
+    maxWidth?: string;
+    closeButton?: boolean;
+    closeOnClick?: boolean;
+    children: Snippet;
+    class?: string;
 }
 export interface MapLayerProps {
-	id: string;
-	type: 'heatmap' | 'polygon' | 'fill' | 'circle' | 'line';
-	data: GeoJsonData;
-	color?: string;
-	opacity?: number;
+    id: string;
+    type: 'heatmap' | 'polygon' | 'fill' | 'circle' | 'line';
+    data: GeoJsonData;
+    color?: string;
+    opacity?: number;
 }
 export interface MapControlsProps {
-	position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-	navigation?: boolean;
-	fullscreen?: boolean;
-	children?: Snippet;
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    navigation?: boolean;
+    fullscreen?: boolean;
+    children?: Snippet;
 }
 import MapRoot from './map-root.svelte';
 import MapMarker from './map-marker.svelte';
@@ -55,9 +43,9 @@ import MapPopup from './map-popup.svelte';
 import MapLayer from './map-layer.svelte';
 import MapControls from './map-controls.svelte';
 export declare const Map: {
-	Root: typeof MapRoot;
-	Marker: typeof MapMarker;
-	Popup: typeof MapPopup;
-	Layer: typeof MapLayer;
-	Controls: typeof MapControls;
+    Root: typeof MapRoot;
+    Marker: typeof MapMarker;
+    Popup: typeof MapPopup;
+    Layer: typeof MapLayer;
+    Controls: typeof MapControls;
 };

package/dist/mask-reveal/index.d.ts

@@ -1,3 +1,4 @@
 import type { MaskRevealProps as PrimitiveMaskRevealProps } from '@dryui/primitives/mask-reveal';
-export interface MaskRevealProps extends PrimitiveMaskRevealProps {}
+export interface MaskRevealProps extends PrimitiveMaskRevealProps {
+}
 export { default as MaskReveal } from './mask-reveal.svelte';

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

@@ -1,11 +1,4 @@
-export type {
-	MegaMenuRootProps,
-	MegaMenuItemProps,
-	MegaMenuTriggerProps,
-	MegaMenuPanelProps,
-	MegaMenuColumnProps,
-	MegaMenuLinkProps
-} from '@dryui/primitives';
+export type { MegaMenuRootProps, MegaMenuItemProps, MegaMenuTriggerProps, MegaMenuPanelProps, MegaMenuColumnProps, MegaMenuLinkProps } from '@dryui/primitives';
 import MegaMenuRoot from './mega-menu-root.svelte';
 import MegaMenuItem from './mega-menu-item.svelte';
 import MegaMenuTrigger from './mega-menu-trigger.svelte';
@@ -13,10 +6,10 @@ import MegaMenuPanel from './mega-menu-panel.svelte';
 import MegaMenuColumn from './mega-menu-column.svelte';
 import MegaMenuLink from './mega-menu-link.svelte';
 export declare const MegaMenu: {
-	Root: typeof MegaMenuRoot;
-	Item: typeof MegaMenuItem;
-	Trigger: typeof MegaMenuTrigger;
-	Panel: typeof MegaMenuPanel;
-	Column: typeof MegaMenuColumn;
-	Link: typeof MegaMenuLink;
+    Root: typeof MegaMenuRoot;
+    Item: typeof MegaMenuItem;
+    Trigger: typeof MegaMenuTrigger;
+    Panel: typeof MegaMenuPanel;
+    Column: typeof MegaMenuColumn;
+    Link: typeof MegaMenuLink;
 };

package/dist/menubar/index.d.ts

@@ -1,12 +1,4 @@
-export type {
-	MenubarRootProps,
-	MenubarMenuProps,
-	MenubarTriggerProps,
-	MenubarContentProps,
-	MenubarItemProps,
-	MenubarSeparatorProps,
-	MenubarLabelProps
-} from '@dryui/primitives';
+export type { MenubarRootProps, MenubarMenuProps, MenubarTriggerProps, MenubarContentProps, MenubarItemProps, MenubarSeparatorProps, MenubarLabelProps } from '@dryui/primitives';
 import MenubarRoot from './menubar-root.svelte';
 import MenubarMenu from './menubar-menu.svelte';
 import MenubarTrigger from './menubar-trigger.svelte';
@@ -15,11 +7,11 @@ import MenubarItem from './menubar-item.svelte';
 import MenubarSeparator from './menubar-separator.svelte';
 import MenubarLabel from './menubar-label.svelte';
 export declare const Menubar: {
-	Root: typeof MenubarRoot;
-	Menu: typeof MenubarMenu;
-	Trigger: typeof MenubarTrigger;
-	Content: typeof MenubarContent;
-	Item: typeof MenubarItem;
-	Separator: typeof MenubarSeparator;
-	Label: typeof MenubarLabel;
+    Root: typeof MenubarRoot;
+    Menu: typeof MenubarMenu;
+    Trigger: typeof MenubarTrigger;
+    Content: typeof MenubarContent;
+    Item: typeof MenubarItem;
+    Separator: typeof MenubarSeparator;
+    Label: typeof MenubarLabel;
 };

package/dist/multi-select-combobox/index.d.ts

@@ -1,14 +1,4 @@
-export type {
-	MultiSelectComboboxRootProps,
-	MultiSelectComboboxInputProps,
-	MultiSelectComboboxContentProps,
-	MultiSelectComboboxGroupProps,
-	MultiSelectComboboxItemProps,
-	MultiSelectComboboxEmptyProps,
-	MultiSelectComboboxSelectionListProps,
-	MultiSelectComboboxSelectionItemProps,
-	MultiSelectComboboxSelectionRemoveProps
-} from '@dryui/primitives';
+export type { MultiSelectComboboxRootProps, MultiSelectComboboxInputProps, MultiSelectComboboxContentProps, MultiSelectComboboxGroupProps, MultiSelectComboboxItemProps, MultiSelectComboboxEmptyProps, MultiSelectComboboxSelectionListProps, MultiSelectComboboxSelectionItemProps, MultiSelectComboboxSelectionRemoveProps } from '@dryui/primitives';
 import MultiSelectComboboxRoot from './multi-select-combobox-root.svelte';
 import MultiSelectComboboxInput from './multi-select-combobox-input.svelte';
 import MultiSelectComboboxContent from './multi-select-combobox-content.svelte';
@@ -19,13 +9,13 @@ import MultiSelectComboboxSelectionList from './multi-select-combobox-selection-
 import MultiSelectComboboxSelectionItem from './multi-select-combobox-selection-item.svelte';
 import MultiSelectComboboxSelectionRemove from './multi-select-combobox-selection-remove.svelte';
 export declare const MultiSelectCombobox: {
-	Root: typeof MultiSelectComboboxRoot;
-	Input: typeof MultiSelectComboboxInput;
-	Content: typeof MultiSelectComboboxContent;
-	Group: typeof MultiSelectComboboxGroup;
-	Item: typeof MultiSelectComboboxItem;
-	Empty: typeof MultiSelectComboboxEmpty;
-	SelectionList: typeof MultiSelectComboboxSelectionList;
-	SelectionItem: typeof MultiSelectComboboxSelectionItem;
-	SelectionRemove: typeof MultiSelectComboboxSelectionRemove;
+    Root: typeof MultiSelectComboboxRoot;
+    Input: typeof MultiSelectComboboxInput;
+    Content: typeof MultiSelectComboboxContent;
+    Group: typeof MultiSelectComboboxGroup;
+    Item: typeof MultiSelectComboboxItem;
+    Empty: typeof MultiSelectComboboxEmpty;
+    SelectionList: typeof MultiSelectComboboxSelectionList;
+    SelectionItem: typeof MultiSelectComboboxSelectionItem;
+    SelectionRemove: typeof MultiSelectComboboxSelectionRemove;
 };

package/dist/multi-select-combobox/multi-select-combobox-input.svelte

@@ -157,5 +157,4 @@
 	[data-multi-select-input]:disabled {
 		cursor: not-allowed;
 	}
-
 </style>

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

@@ -1,11 +1,24 @@
-export type {
-	NavigationMenuRootProps,
-	NavigationMenuListProps,
-	NavigationMenuItemProps,
-	NavigationMenuTriggerProps,
-	NavigationMenuContentProps,
-	NavigationMenuLinkProps
-} from '@dryui/primitives';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes, HTMLButtonAttributes, HTMLAnchorAttributes } from 'svelte/elements';
+export interface NavigationMenuRootProps extends HTMLAttributes<HTMLElement> {
+    children: Snippet;
+}
+export interface NavigationMenuListProps extends HTMLAttributes<HTMLUListElement> {
+    children: Snippet;
+}
+export interface NavigationMenuItemProps {
+    children: Snippet;
+}
+export interface NavigationMenuTriggerProps extends HTMLButtonAttributes {
+    children: Snippet;
+}
+export interface NavigationMenuContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: Snippet;
+}
+export interface NavigationMenuLinkProps extends HTMLAnchorAttributes {
+    active?: boolean;
+    children: Snippet;
+}
 import NavigationMenuRoot from './navigation-menu-root.svelte';
 import NavigationMenuList from './navigation-menu-list.svelte';
 import NavigationMenuItem from './navigation-menu-item.svelte';
@@ -13,10 +26,10 @@ import NavigationMenuTrigger from './navigation-menu-trigger.svelte';
 import NavigationMenuContent from './navigation-menu-content.svelte';
 import NavigationMenuLink from './navigation-menu-link.svelte';
 export declare const NavigationMenu: {
-	Root: typeof NavigationMenuRoot;
-	List: typeof NavigationMenuList;
-	Item: typeof NavigationMenuItem;
-	Trigger: typeof NavigationMenuTrigger;
-	Content: typeof NavigationMenuContent;
-	Link: typeof NavigationMenuLink;
+    Root: typeof NavigationMenuRoot;
+    List: typeof NavigationMenuList;
+    Item: typeof NavigationMenuItem;
+    Trigger: typeof NavigationMenuTrigger;
+    Content: typeof NavigationMenuContent;
+    Link: typeof NavigationMenuLink;
 };

package/dist/navigation-menu/navigation-menu-list.svelte

@@ -44,5 +44,4 @@
 		border-radius: var(--dry-nav-menu-radius);
 		box-shadow: var(--dry-nav-menu-shadow);
 	}
-
 </style>

package/dist/noise/index.d.ts

@@ -3,10 +3,10 @@ import type { HTMLAttributes } from 'svelte/elements';
 export type NoiseBlendMode = 'soft-light' | 'overlay' | 'multiply';
 export type NoiseGrain = 'fine' | 'medium' | 'coarse';
 export interface NoiseProps extends HTMLAttributes<HTMLDivElement> {
-	opacity?: number;
-	blend?: NoiseBlendMode;
-	animated?: boolean;
-	grain?: NoiseGrain;
-	children?: Snippet;
+    opacity?: number;
+    blend?: NoiseBlendMode;
+    animated?: boolean;
+    grain?: NoiseGrain;
+    children?: Snippet;
 }
 export { default as Noise } from './noise.svelte';

package/dist/noise/noise.svelte

@@ -50,7 +50,7 @@
 	data-reduced-motion={prefersReducedMotion || undefined}
 	data-grain={grain}
 	{...rest}
-	use:applyStyles
+	{@attach applyStyles}
 >
 	<span data-noise-texture aria-hidden="true"></span>
 
@@ -91,10 +91,10 @@
 		background-image: var(--dry-noise-pattern);
 		background-size: 256px 256px;
 		background-repeat: repeat;
-		will-change: transform;
 	}
 
 	[data-noise][data-animated] [data-noise-texture] {
+		will-change: transform;
 		animation: noise-drift 1.6s steps(6) infinite;
 	}
 

package/dist/notification-center/index.d.ts

@@ -1,20 +1,13 @@
-export type {
-	NotificationItem,
-	NotificationCenterRootProps,
-	NotificationCenterTriggerProps,
-	NotificationCenterPanelProps,
-	NotificationCenterItemProps,
-	NotificationCenterGroupProps
-} from '@dryui/primitives';
+export type { NotificationItem, NotificationCenterRootProps, NotificationCenterTriggerProps, NotificationCenterPanelProps, NotificationCenterItemProps, NotificationCenterGroupProps } from '@dryui/primitives';
 import NotificationCenterRoot from './notification-center-root.svelte';
 import NotificationCenterTrigger from './notification-center-trigger.svelte';
 import NotificationCenterPanel from './notification-center-panel.svelte';
 import NotificationCenterItem from './notification-center-item.svelte';
 import NotificationCenterGroup from './notification-center-group.svelte';
 export declare const NotificationCenter: {
-	Root: typeof NotificationCenterRoot;
-	Trigger: typeof NotificationCenterTrigger;
-	Panel: typeof NotificationCenterPanel;
-	Item: typeof NotificationCenterItem;
-	Group: typeof NotificationCenterGroup;
+    Root: typeof NotificationCenterRoot;
+    Trigger: typeof NotificationCenterTrigger;
+    Panel: typeof NotificationCenterPanel;
+    Item: typeof NotificationCenterItem;
+    Group: typeof NotificationCenterGroup;
 };

package/dist/notification-center/notification-center-panel.svelte

@@ -113,7 +113,10 @@
 		}
 
 		display: grid;
-		grid-template-columns: min(var(--dry-nc-panel-width, 24rem), calc(100dvw - var(--dry-space-4, 1rem) * 2));
+		grid-template-columns: min(
+			var(--dry-nc-panel-width, 24rem),
+			calc(100dvw - var(--dry-space-4, 1rem) * 2)
+		);
 		max-height: 28rem;
 		overflow-y: auto;
 		background: var(--dry-color-bg-overlay, #f1f3f5);

package/dist/notification-center/notification-center-trigger.svelte

@@ -18,7 +18,6 @@
 			ctx.triggerEl = el;
 		}
 	});
-
 </script>
 
 <button

package/dist/number-input/index.d.ts

@@ -1,5 +1,5 @@
 import type { NumberInputProps as PrimitiveNumberInputProps } from '@dryui/primitives';
 export interface NumberInputProps extends Omit<PrimitiveNumberInputProps, 'size'> {
-	size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg';
 }
 export { default as NumberInput } from './number-input.svelte';

package/dist/number-input/number-input.svelte

@@ -78,7 +78,9 @@
 
 	[data-number-input-wrapper] div {
 		display: inline-grid;
-		grid-template-columns: var(--dry-number-input-btn-width) minmax(3ch, max-content) var(--dry-number-input-btn-width);
+		grid-template-columns: var(--dry-number-input-btn-width) minmax(3ch, max-content) var(
+				--dry-number-input-btn-width
+			);
 		align-items: stretch;
 	}
 

package/dist/option-swatch-group/index.d.ts

@@ -5,9 +5,9 @@ export type { SelectableTileGroupItemProps as OptionSwatchGroupItemProps } from
 export type { SelectableTileGroupLabelProps as OptionSwatchGroupLabelProps } from '@dryui/primitives';
 export type { SelectableTileGroupMetaProps as OptionSwatchGroupMetaProps } from '@dryui/primitives';
 export interface OptionSwatchGroupSwatchProps extends HTMLAttributes<HTMLSpanElement> {
-	color?: string;
-	shape?: 'circle' | 'rounded';
-	children?: Snippet;
+    color?: string;
+    shape?: 'circle' | 'rounded';
+    children?: Snippet;
 }
 import OptionSwatchGroupRoot from './option-swatch-group-root.svelte';
 import OptionSwatchGroupItem from './option-swatch-group-item.svelte';
@@ -15,9 +15,9 @@ import OptionSwatchGroupSwatch from './option-swatch-group-swatch.svelte';
 import OptionSwatchGroupLabel from './option-swatch-group-label.svelte';
 import OptionSwatchGroupMeta from './option-swatch-group-meta.svelte';
 export declare const OptionSwatchGroup: {
-	Root: typeof OptionSwatchGroupRoot;
-	Item: typeof OptionSwatchGroupItem;
-	Swatch: typeof OptionSwatchGroupSwatch;
-	Label: typeof OptionSwatchGroupLabel;
-	Meta: typeof OptionSwatchGroupMeta;
+    Root: typeof OptionSwatchGroupRoot;
+    Item: typeof OptionSwatchGroupItem;
+    Swatch: typeof OptionSwatchGroupSwatch;
+    Label: typeof OptionSwatchGroupLabel;
+    Meta: typeof OptionSwatchGroupMeta;
 };