@max-ts/svelte 1.11.0 → 1.12.1

package/dist/assets/styles.css

@@ -1254,6 +1254,88 @@ img, picture, video, canvas {
 .styles_alignments_justify__1u2u0bp4 {
   justify-content: space-between;
 }
+.styles_wrapper__ufl9s00 {
+  display: flex;
+  height: max-content;
+  margin: 0;
+}
+.styles_direction_default__ufl9s01 {
+  flex-direction: row;
+}
+.styles_direction_column__ufl9s02 {
+  flex-direction: column;
+}
+.styles_direction_row__ufl9s03 {
+  flex-direction: row;
+  align-items: center;
+}
+.styles_justify_start__ufl9s04 {
+  justify-content: flex-start;
+}
+.styles_justify_space-between__ufl9s05 {
+  justify-content: space-between;
+}
+@media (max-width: 600px) {
+  .styles_direction_default__ufl9s01 {
+    flex-direction: column;
+  }
+}
+.styles_wrapper__7g3abg0 {
+  flex-shrink: 0;
+  align-self: flex-start;
+  margin-right: var(--spacing-2);
+  max-width: calc(100% - 12px);
+}
+.styles_leader__7g3abg1 {
+  max-width: calc(100% - 36px);
+}
+.styles_dashedSeparator__7g3abg2 {
+  flex: 1;
+  align-self: flex-end;
+  min-width: 12px;
+  height: 4px;
+  margin-bottom: var(--spacing-1);
+  margin-right: var(--spacing-2);
+  border-bottom: 1px dashed var(--colors-border);
+}
+@media (max-width: 600px) {
+  .styles_dashedSeparator__7g3abg2 {
+    display: none;
+  }
+}
+.styles_wrapper__bnvj4a0 {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  overflow: hidden;
+  overflow-wrap: break-word;
+  hyphens: auto;
+  cursor: default;
+  margin: 0;
+}
+.styles_canCopy__bnvj4a1 {
+  cursor: pointer;
+}
+.styles_canCopy__bnvj4a1:hover {
+  text-decoration: underline;
+}
+.styles_copyIcon__bnvj4a2 {
+  color: var(--colors-text-secondary);
+  cursor: pointer;
+}
+.styles_copyIcon__bnvj4a2:hover {
+  color: var(--colors-primary);
+}
+.styles_copyIcon__bnvj4a2[data-position="left"] {
+  margin-right: var(--spacing-1);
+}
+.styles_copyIcon__bnvj4a2[data-position="right"] {
+  margin-left: var(--spacing-1);
+}
+.styles_hidePersonalData__bnvj4a3 {
+  filter: blur(4px);
+  user-select: none;
+}
 @keyframes styles_fadeIn__oq9x4f0 {
   from {
     opacity: 0;

package/dist/components/Description/Description.js

@@ -0,0 +1,38 @@
+import { setDescriptionContext } from "./context.js";
+import { direction, justify, wrapper } from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/Description/Description.svelte
+function Description($$anchor, $$props) {
+	$.push($$props, true);
+	let justifyContent = $.prop($$props, "justifyContent", 3, "start"), leader = $.prop($$props, "leader", 3, false), separator = $.prop($$props, "separator", 3, ":"), component = $.prop($$props, "component", 3, "dl"), direction$1 = $.prop($$props, "direction", 3, "default");
+	setDescriptionContext({
+		get leader() {
+			return leader();
+		},
+		get separator() {
+			return separator();
+		},
+		get direction() {
+			return direction$1();
+		}
+	});
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.element(node, component, false, ($$element, $$anchor) => {
+		$.attribute_effect($$element, () => ({ class: [
+			wrapper,
+			direction[direction$1()],
+			justify[justifyContent()],
+			$$props.class
+		] }));
+		var fragment_1 = $.comment();
+		var node_1 = $.first_child(fragment_1);
+		$.snippet(node_1, () => $$props.children ?? $.noop);
+		$.append($$anchor, fragment_1);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+export { Description as default };

package/dist/components/Description/Description.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DescriptionProps } from './types';
+declare const Description: import("svelte").Component<DescriptionProps, {}, "">;
+type Description = ReturnType<typeof Description>;
+export default Description;

package/dist/components/Description/Name/Name.css

@@ -0,0 +1,5 @@
+@media (width <= 600px) {
+  .separator.svelte-1j0s5xm {
+    display: none;
+  }
+}

package/dist/components/Description/Name/Name.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DescriptionNameProps } from '../types';
+declare const Name: import("svelte").Component<DescriptionNameProps, {}, "">;
+type Name = ReturnType<typeof Name>;
+export default Name;

package/dist/components/Description/Name/Name2.js

@@ -0,0 +1,67 @@
+import Typography from "../../Typography/Typography.js";
+import { getDescriptionContext } from "../context.js";
+import { dashedSeparator, leader, wrapper } from "./styles.css.js";
+/* empty css     */
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/Description/Name/Name.svelte
+var root_2 = $.from_html(`<span class="separator svelte-1j0s5xm"> </span>`);
+var root_3 = $.from_html(`<div></div>`);
+var root = $.from_html(`<dt><!> <!></dt> <!>`, 1);
+function Name($$anchor, $$props) {
+	$.push($$props, true);
+	let color = $.prop($$props, "color", 3, "secondary"), variant = $.prop($$props, "variant", 3, "body2");
+	const context = getDescriptionContext();
+	const leader$1 = $.derived(() => context.leader);
+	const direction = $.derived(() => context.direction);
+	const showSeparator = $.derived(() => !$.get(leader$1) && $.get(direction) !== "column");
+	var fragment = root();
+	var dt = $.first_child(fragment);
+	var node = $.child(dt);
+	Typography(node, {
+		get color() {
+			return color();
+		},
+		get variant() {
+			return variant();
+		},
+		component: "span",
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = $.comment();
+			var node_1 = $.first_child(fragment_1);
+			$.snippet(node_1, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	});
+	var node_2 = $.sibling(node, 2);
+	var consequent = ($$anchor) => {
+		var span = root_2();
+		var text = $.child(span, true);
+		$.reset(span);
+		$.template_effect(() => $.set_text(text, context.separator));
+		$.append($$anchor, span);
+	};
+	$.if(node_2, ($$render) => {
+		if ($.get(showSeparator)) $$render(consequent);
+	});
+	$.reset(dt);
+	var node_3 = $.sibling(dt, 2);
+	var consequent_1 = ($$anchor) => {
+		var div = root_3();
+		$.template_effect(() => $.set_class(div, 1, $.clsx(dashedSeparator), "svelte-1j0s5xm"));
+		$.append($$anchor, div);
+	};
+	$.if(node_3, ($$render) => {
+		if ($.get(leader$1)) $$render(consequent_1);
+	});
+	$.template_effect(() => $.set_class(dt, 1, $.clsx([
+		wrapper,
+		{ [leader]: $.get(leader$1) },
+		$$props.class
+	]), "svelte-1j0s5xm"));
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+export { Name as default };

package/dist/components/Description/Name/index.d.ts

@@ -0,0 +1 @@
+export { default as Name } from './Name.svelte';

package/dist/components/Description/Name/styles.css.d.ts

@@ -0,0 +1,3 @@
+export declare const wrapper: string;
+export declare const leader: string;
+export declare const dashedSeparator: string;

package/dist/components/Description/Name/styles.css.js

@@ -0,0 +1,6 @@
+//#region src/components/Description/Name/styles.css.ts
+var dashedSeparator = "styles_dashedSeparator__7g3abg2";
+var leader = "styles_leader__7g3abg1";
+var wrapper = "styles_wrapper__7g3abg0";
+//#endregion
+export { dashedSeparator, leader, wrapper };

package/dist/components/Description/Value/Value.js

@@ -0,0 +1,149 @@
+import Typography from "../../Typography/Typography.js";
+import { getDescriptionContext } from "../context.js";
+import { canCopy, copyIcon, hidePersonalData, wrapper } from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Check, Copy } from "@lucide/svelte";
+//#region src/components/Description/Value/Value.svelte
+var root = $.from_html(`<dd><!> <!> <!></dd>`);
+function Value($$anchor, $$props) {
+	$.push($$props, true);
+	const copyIcon$1 = ($$anchor) => {
+		var fragment = $.comment();
+		var node = $.first_child(fragment);
+		var consequent = ($$anchor) => {
+			Check($$anchor, {
+				size: 16,
+				get class() {
+					return copyIcon;
+				},
+				"aria-label": "Copy",
+				get "data-position"() {
+					return copyPosition();
+				}
+			});
+		};
+		var alternate = ($$anchor) => {
+			Copy($$anchor, {
+				size: 16,
+				get class() {
+					return copyIcon;
+				},
+				"aria-label": "Copy",
+				get "data-position"() {
+					return copyPosition();
+				}
+			});
+		};
+		$.if(node, ($$render) => {
+			if ($.get(copied)) $$render(consequent);
+			else $$render(alternate, -1);
+		});
+		$.append($$anchor, fragment);
+	};
+	let canCopy$1 = $.prop($$props, "canCopy", 3, false), copyPosition = $.prop($$props, "copyPosition", 3, "right"), isHidePersonalData = $.prop($$props, "isHidePersonalData", 3, false), color = $.prop($$props, "color", 3, "primary"), variant = $.prop($$props, "variant", 3, "body2");
+	const context = getDescriptionContext();
+	const align = $.derived(() => context.leader || context.direction === "row" ? "right" : "left");
+	let copied = $.state(false);
+	async function handleCopy(event) {
+		if (!canCopy$1()) return;
+		event.preventDefault();
+		let textToCopy = $$props.copyText;
+		if (!textToCopy && event.currentTarget instanceof HTMLElement) textToCopy = event.currentTarget.innerText;
+		if (textToCopy) try {
+			await navigator.clipboard.writeText(textToCopy);
+			$.set(copied, true);
+			setTimeout(() => {
+				$.set(copied, false);
+			}, 2e3);
+		} catch (err) {
+			console.error("Failed to copy text: ", err);
+		}
+	}
+	var dd = root();
+	var node_1 = $.child(dd);
+	var consequent_1 = ($$anchor) => {
+		copyIcon$1($$anchor);
+	};
+	$.if(node_1, ($$render) => {
+		if (canCopy$1() && copyPosition() === "left") $$render(consequent_1);
+	});
+	var node_2 = $.sibling(node_1, 2);
+	Typography(node_2, {
+		get color() {
+			return color();
+		},
+		get variant() {
+			return variant();
+		},
+		get align() {
+			return $.get(align);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_4 = $.comment();
+			var node_3 = $.first_child(fragment_4);
+			var consequent_2 = ($$anchor) => {
+				var fragment_5 = $.comment();
+				var node_4 = $.first_child(fragment_5);
+				$.snippet(node_4, () => $$props.children);
+				$.append($$anchor, fragment_5);
+			};
+			var consequent_4 = ($$anchor) => {
+				var fragment_6 = $.comment();
+				var node_5 = $.first_child(fragment_6);
+				var consequent_3 = ($$anchor) => {
+					var text = $.text();
+					$.template_effect(() => $.set_text(text, $$props.stub));
+					$.append($$anchor, text);
+				};
+				var alternate_1 = ($$anchor) => {
+					var fragment_8 = $.comment();
+					var node_6 = $.first_child(fragment_8);
+					$.snippet(node_6, () => $$props.stub);
+					$.append($$anchor, fragment_8);
+				};
+				$.if(node_5, ($$render) => {
+					if (typeof $$props.stub === "string") $$render(consequent_3);
+					else $$render(alternate_1, -1);
+				});
+				$.append($$anchor, fragment_6);
+			};
+			var alternate_2 = ($$anchor) => {
+				var text_1 = $.text("—");
+				$.append($$anchor, text_1);
+			};
+			$.if(node_3, ($$render) => {
+				if ($$props.children) $$render(consequent_2);
+				else if ($$props.stub) $$render(consequent_4, 1);
+				else $$render(alternate_2, -1);
+			});
+			$.append($$anchor, fragment_4);
+		},
+		$$slots: { default: true }
+	});
+	var node_7 = $.sibling(node_2, 2);
+	var consequent_5 = ($$anchor) => {
+		copyIcon$1($$anchor);
+	};
+	$.if(node_7, ($$render) => {
+		if (canCopy$1() && copyPosition() === "right") $$render(consequent_5);
+	});
+	$.reset(dd);
+	$.template_effect(() => {
+		$.set_attribute(dd, "data-hide-personal-data", isHidePersonalData() ? true : void 0);
+		$.set_class(dd, 1, $.clsx([
+			wrapper,
+			{
+				[canCopy]: canCopy$1(),
+				[hidePersonalData]: isHidePersonalData()
+			},
+			$$props.class
+		]));
+	});
+	$.delegated("click", dd, handleCopy);
+	$.append($$anchor, dd);
+	$.pop();
+}
+$.delegate(["click"]);
+//#endregion
+export { Value as default };

package/dist/components/Description/Value/Value.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DescriptionValueProps } from '../types';
+declare const Value: import("svelte").Component<DescriptionValueProps, {}, "">;
+type Value = ReturnType<typeof Value>;
+export default Value;

package/dist/components/Description/Value/index.d.ts

@@ -0,0 +1 @@
+export { default as Value } from './Value.svelte';

package/dist/components/Description/Value/styles.css.d.ts

@@ -0,0 +1,4 @@
+export declare const wrapper: string;
+export declare const canCopy: string;
+export declare const copyIcon: string;
+export declare const hidePersonalData: string;

package/dist/components/Description/Value/styles.css.js

@@ -0,0 +1,7 @@
+//#region src/components/Description/Value/styles.css.ts
+var canCopy = "styles_canCopy__bnvj4a1";
+var copyIcon = "styles_copyIcon__bnvj4a2";
+var hidePersonalData = "styles_hidePersonalData__bnvj4a3";
+var wrapper = "styles_wrapper__bnvj4a0";
+//#endregion
+export { canCopy, copyIcon, hidePersonalData, wrapper };

package/dist/components/Description/context.d.ts

@@ -0,0 +1,9 @@
+import type { DescriptionDirection } from './types';
+export declare const DESCRIPTION_CONTEXT_KEY: unique symbol;
+export type DescriptionContext = {
+    leader: boolean;
+    separator: string;
+    direction: DescriptionDirection;
+};
+export declare function setDescriptionContext(context: DescriptionContext): void;
+export declare function getDescriptionContext(): DescriptionContext;

package/dist/components/Description/context.js

@@ -0,0 +1,15 @@
+import { getContext, setContext } from "svelte";
+//#region src/components/Description/context.ts
+const DESCRIPTION_CONTEXT_KEY = Symbol("DESCRIPTION_CONTEXT");
+function setDescriptionContext(context) {
+	setContext(DESCRIPTION_CONTEXT_KEY, context);
+}
+function getDescriptionContext() {
+	return getContext(DESCRIPTION_CONTEXT_KEY) || {
+		leader: false,
+		separator: ":",
+		direction: "default"
+	};
+}
+//#endregion
+export { getDescriptionContext, setDescriptionContext };

package/dist/components/Description/index.d.ts

@@ -0,0 +1,6 @@
+export type { DescriptionDirection, DescriptionJustifyContent, DescriptionNameProps, DescriptionProps, DescriptionValueProps, } from './types';
+export declare const Description: {
+    Root: import("svelte").Component<import("./types").DescriptionProps, {}, "">;
+    Name: import("svelte").Component<import("./types").DescriptionNameProps, {}, "">;
+    Value: import("svelte").Component<import("./types").DescriptionValueProps, {}, "">;
+};

package/dist/components/Description/index.js

@@ -0,0 +1,11 @@
+import Description$1 from "./Description.js";
+import Name from "./Name/Name2.js";
+import Value from "./Value/Value.js";
+//#region src/components/Description/index.ts
+const Description = {
+	Root: Description$1,
+	Name,
+	Value
+};
+//#endregion
+export { Description };

package/dist/components/Description/styles.css.d.ts

@@ -0,0 +1,3 @@
+export declare const wrapper: string;
+export declare const direction: Record<"default" | "column" | "row", string>;
+export declare const justify: Record<"space-between" | "start", string>;

package/dist/components/Description/styles.css.js

@@ -0,0 +1,13 @@
+//#region src/components/Description/styles.css.ts
+var direction = {
+	"default": "styles_direction_default__ufl9s01",
+	column: "styles_direction_column__ufl9s02",
+	row: "styles_direction_row__ufl9s03"
+};
+var justify = {
+	start: "styles_justify_start__ufl9s04",
+	"space-between": "styles_justify_space-between__ufl9s05"
+};
+var wrapper = "styles_wrapper__ufl9s00";
+//#endregion
+export { direction, justify, wrapper };

package/dist/components/Description/types.d.ts

@@ -0,0 +1,58 @@
+import type { Snippet } from 'svelte';
+import type { TypographyColor, TypographyVariant } from '../Typography';
+export type DescriptionDirection = 'default' | 'column' | 'row';
+export type DescriptionJustifyContent = 'space-between' | 'start';
+export type DescriptionProps = {
+    /**
+     * Элементы DescriptionName и DescriptionValue
+     */
+    children?: Snippet<[]>;
+    /**
+     * Позиционирует элементы либо по разным краям, либо по левому краю
+     */
+    justifyContent?: DescriptionJustifyContent;
+    /**
+     * Добавляет dashed разделитель, заполняющего свободное пространство между Name и Value
+     */
+    leader?: boolean;
+    /**
+     * Определяет разделитель между Name и Value
+     * @default ':'
+     */
+    separator?: string;
+    /**
+     * Определяет тип корневого HTML-элемента
+     */
+    component?: 'div' | 'dl';
+    /**
+     * Определяет перенос строк
+     * @default 'default'
+     */
+    direction?: DescriptionDirection;
+    class?: string;
+};
+export type DescriptionNameProps = {
+    children?: Snippet<[]>;
+    color?: TypographyColor;
+    variant?: TypographyVariant;
+    class?: string;
+};
+export type DescriptionValueProps = {
+    children?: Snippet<[]>;
+    color?: TypographyColor;
+    variant?: TypographyVariant;
+    /**
+     * Заглушка, отображающаяся, если нет значения
+     */
+    stub?: Snippet<[]> | string;
+    /**
+     * Символ-заглушка, если нет значения и stub
+     * @default '—'
+     */
+    emptySymbol?: string;
+    canCopy?: boolean;
+    copyPosition?: 'left' | 'right';
+    copyText?: string;
+    isHidePersonalData?: boolean;
+    class?: string;
+};

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export { CircularProgress, type CircularProgressProps, } from './CircularProgres
 export { ContentState, type ContentStateErrorProps, type ContentStateProps, } from './ContentState';
 export { DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, type DataGridState, } from './DataGrid';
 export { DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, } from './DataGridSortHeader';
+export { Description, type DescriptionDirection, type DescriptionJustifyContent, type DescriptionNameProps, type DescriptionProps, type DescriptionValueProps, } from './Description';
 export { Dialog, type DialogCloseProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogProps, type DialogTitleProps, type DialogTriggerProps, } from './Dialog';
 export { Drawer, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerTitleProps, type DrawerTriggerProps, } from './Drawer';
 export type { DropdownMenuProps } from './DropdownMenu';

package/dist/components/index.js

@@ -17,6 +17,7 @@ import Spinner from "./Spinner/Spinner.js";
 import ContentState from "./ContentState/ContentState.js";
 import DataGrid from "./DataGrid/DataGrid.js";
 import DataGridSortHeader from "./DataGridSortHeader/DataGridSortHeader.js";
+import { Description } from "./Description/index.js";
 import { Dialog } from "./Dialog/index.js";
 import { Drawer } from "./Drawer/index.js";
 import { DropdownMenu_exports } from "./DropdownMenu/index.js";
@@ -35,4 +36,4 @@ import { Select } from "./Select/index.js";
 import SliderInput from "./SliderInput/SliderInput.js";
 import { Tabs } from "./Tabs/index.js";
 import Tooltip from "./Tooltip/Tooltip.js";
-export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, Dialog, Drawer, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, Portal, RangeInput, ScalableContainer, Select, Separator, Slider, SliderInput, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };
+export { Accordion, Alert, Badge, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, CircularProgress, ContentState, DataGrid, DataGridSortHeader, Description, Dialog, Drawer, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, InputGroup, Item, Label_1 as Label, Placeholder, Popover, Portal, RangeInput, ScalableContainer, Select, Separator, Slider, SliderInput, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };

package/dist/stories/Description.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import { Description } from '../components';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Description: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Description = InstanceType<typeof Description>;
+export default Description;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.11.0",
+  "version": "1.12.1",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -36,39 +36,40 @@
     "svelte": "^5.53.5"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.10",
-    "@changesets/cli": "^2.30.0",
-    "@chromatic-com/storybook": "^5.1.1",
-    "@internationalized/date": "^3.12.0",
-    "@storybook/addon-a11y": "^10.3.4",
-    "@storybook/addon-docs": "^10.3.4",
+    "@biomejs/biome": "^2.4.14",
+    "@changesets/cli": "^2.31.0",
+    "@chromatic-com/storybook": "^5.1.2",
+    "@internationalized/date": "^3.12.1",
+    "@storybook/addon-a11y": "^10.3.6",
+    "@storybook/addon-docs": "^10.3.6",
     "@storybook/addon-svelte-csf": "^5.1.2",
-    "@storybook/addon-vitest": "^10.3.4",
-    "@storybook/sveltekit": "^10.3.4",
+    "@storybook/addon-vitest": "^10.3.6",
+    "@storybook/sveltekit": "^10.3.6",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tsconfig/svelte": "^5.0.8",
-    "@types/node": "^25.5.2",
+    "@tsdown/css": "^0.21.10",
+    "@types/node": "^25.6.0",
     "@vanilla-extract/css": "^1.20.1",
     "@vanilla-extract/rollup-plugin": "^1.5.3",
     "@vanilla-extract/vite-plugin": "^5.2.2",
-    "@vitest/browser-playwright": "^4.1.2",
+    "@vitest/browser-playwright": "^4.1.5",
     "bumpp": "^11.0.1",
     "rollup-plugin-svelte": "^7.2.3",
-    "storybook": "^10.3.4",
-    "svelte": "^5.55.1",
-    "svelte-check": "^4.4.6",
-    "svelte2tsx": "^0.7.53",
-    "tsdown": "0.21.7",
-    "typescript": "^6.0.2",
-    "vite": "^8.0.3",
+    "storybook": "^10.3.6",
+    "svelte": "^5.55.5",
+    "svelte-check": "^4.4.7",
+    "svelte2tsx": "^0.7.54",
+    "tsdown": "0.21.10",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.2",
-    "vitest-browser-svelte": "^2.1.0"
+    "vitest": "^4.1.5",
+    "vitest-browser-svelte": "^2.1.1"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@lucide/svelte": "^1.7.0",
-    "bits-ui": "^2.16.5"
+    "@lucide/svelte": "^1.14.0",
+    "bits-ui": "^2.18.1"
   },
   "scripts": {
     "build": "tsdown",