@max-ts/svelte 1.12.6 → 1.14.0

package/dist/assets/styles.css

@@ -277,7 +277,7 @@ img, picture, video, canvas {
   justify-content: center;
   gap: var(--spacing-1);
   overflow: hidden;
-  border-radius: 9999px;
+  border-radius: var(--radius-small);
   border: 1px solid transparent;
   padding: 2px var(--spacing-2);
   font-size: var(--fontSize-xs);
@@ -303,7 +303,7 @@ img, picture, video, canvas {
   background-color: color-mix(in oklch, var(--colors-primary) 90%, transparent);
 }
 .styles_badgeVariants_secondary__l5k2ok2 {
-  background-color: var(--colors-secondary);
+  background-color: var(--colors-background-elementHover);
   color: var(--colors-foreground-secondary);
 }
 .styles_badgeVariants_secondary__l5k2ok2[href]:hover {
@@ -2603,6 +2603,92 @@ img, picture, video, canvas {
   opacity: 0.5;
   cursor: not-allowed;
 }
+@keyframes styles_caretBlink__oe9d1a5 {
+  0%, 70%, 100% {
+    opacity: 1;
+  }
+  20%, 50% {
+    opacity: 0;
+  }
+}
+.styles_root__oe9d1a0 {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+}
+.styles_root__oe9d1a0:has(input:disabled) {
+  opacity: 0.5;
+}
+.styles_root__oe9d1a0 input:disabled {
+  cursor: not-allowed;
+}
+.styles_group__oe9d1a1 {
+  display: flex;
+  align-items: center;
+}
+.styles_slot__oe9d1a2 {
+  position: relative;
+  z-index: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--spacing-9);
+  height: var(--spacing-9);
+  border-color: var(--colors-border);
+  border-style: solid;
+  border-width: 1px 1px 1px 0;
+  background-color: var(--colors-background-paper);
+  color: var(--colors-text-primary);
+  font-size: var(--fontSize-sm);
+  line-height: var(--lineHeight-none);
+  outline: none;
+  transition: border-color 0.2s, box-shadow 0.2s, color 0.2s;
+}
+.styles_slot__oe9d1a2:first-child {
+  border-inline-start-width: 1px;
+  border-start-start-radius: var(--radius-medium);
+  border-end-start-radius: var(--radius-medium);
+}
+.styles_slot__oe9d1a2:last-child {
+  border-start-end-radius: var(--radius-medium);
+  border-end-end-radius: var(--radius-medium);
+}
+.styles_slot__oe9d1a2[aria-invalid="true"] {
+  border-color: var(--colors-error);
+}
+.styles_slotActive__oe9d1a3 {
+  z-index: 1;
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
+}
+.styles_slotActive__oe9d1a3[aria-invalid="true"] {
+  border-color: var(--colors-error);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
+}
+.styles_caretWrapper__oe9d1a4 {
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.styles_caret__oe9d1a6 {
+  width: 1px;
+  height: var(--spacing-4);
+  background-color: var(--colors-text-primary);
+  animation: styles_caretBlink__oe9d1a5 1s ease-in-out infinite;
+}
+.styles_separator__oe9d1a7 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--colors-text-secondary);
+}
+.styles_separator__oe9d1a7 svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+}
 .styles_item__b9ajag0 {
   display: flex;
   flex-wrap: wrap;
@@ -2754,6 +2840,37 @@ img, picture, video, canvas {
   cursor: not-allowed;
   opacity: 0.5;
 }
+.styles_truncate__dpgi0n0 {
+  overflow: hidden;
+  max-width: 100%;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.styles_multipleRows__dpgi0n1 {
+  display: -webkit-box;
+  white-space: initial;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--rows-count);
+}
+.styles_wrapper__dpgi0n2 {
+  display: flex;
+  min-width: 0;
+  width: 100%;
+  white-space: nowrap;
+}
+.styles_wrapperAlignments_left__dpgi0n3 {
+  justify-content: flex-start;
+}
+.styles_wrapperAlignments_center__dpgi0n4 {
+  justify-content: center;
+}
+.styles_wrapperAlignments_right__dpgi0n5 {
+  justify-content: flex-end;
+}
+.styles_wrapperAlignments_justify__dpgi0n6 {
+  justify-content: space-between;
+}
 .styles_wrapper__rub3490 {
   display: block;
   max-width: 100%;
@@ -3516,13 +3633,15 @@ img, picture, video, canvas {
   background-color: var(--colors-background-tooltip);
   color: var(--colors-background-paper);
   border-radius: var(--radius-small);
-  padding: var(--spacing-2) var(--spacing-3);
+  padding: var(--spacing-2);
   font-size: var(--fontSize-xs);
   font-weight: var(--fontWeight-semibold);
   text-align: center;
   width: fit-content;
+  max-width: min(320px, calc(100vw - 32px));
   animation: styles_fadeIn__1ovcrev0 150ms ease-out, styles_zoomIn__1ovcrev2 150ms ease-out;
-  text-wrap: balance;
+  white-space: normal;
+  overflow-wrap: break-word;
   line-height: var(--lineHeight-none);
 }
 .styles_content__1ovcrev8[data-state="closed"] {

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

@@ -1,18 +1,17 @@
 import { DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPortalProps, DrawerProps, DrawerTitleProps, DrawerTriggerProps } from "./types.js";
-import * as _$svelte_legacy0 from "svelte/legacy";
 
 //#region src/components/Drawer/index.d.ts
 declare const Drawer: {
-  Root: _$svelte_legacy0.LegacyComponentType;
-  Trigger: _$svelte_legacy0.LegacyComponentType;
-  Close: _$svelte_legacy0.LegacyComponentType;
-  Content: _$svelte_legacy0.LegacyComponentType;
-  Overlay: _$svelte_legacy0.LegacyComponentType;
-  Portal: _$svelte_legacy0.LegacyComponentType;
-  Header: _$svelte_legacy0.LegacyComponentType;
-  Footer: _$svelte_legacy0.LegacyComponentType;
-  Title: _$svelte_legacy0.LegacyComponentType;
-  Description: _$svelte_legacy0.LegacyComponentType;
+  Root: import("svelte/legacy").LegacyComponentType;
+  Trigger: import("svelte/legacy").LegacyComponentType;
+  Close: import("svelte/legacy").LegacyComponentType;
+  Content: import("svelte/legacy").LegacyComponentType;
+  Overlay: import("svelte/legacy").LegacyComponentType;
+  Portal: import("svelte/legacy").LegacyComponentType;
+  Header: import("svelte/legacy").LegacyComponentType;
+  Footer: import("svelte/legacy").LegacyComponentType;
+  Title: import("svelte/legacy").LegacyComponentType;
+  Description: import("svelte/legacy").LegacyComponentType;
 };
 //#endregion
 export { Drawer };

package/dist/components/InputOTP/Group/Group.js

@@ -0,0 +1,31 @@
+import __default__ from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/InputOTP/Group/Group.svelte
+var root = $.from_html(`<div><!></div>`);
+function Group($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), dataSlot = $.prop($$props, "data-slot", 3, "input-otp-group"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children",
+		"data-slot"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": dataSlot(),
+		class: [__default__.group, $$props.class],
+		...restProps
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+export { Group as default };

package/dist/components/InputOTP/Group/Group.svelte.d.ts

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

package/dist/components/InputOTP/Group/index.d.ts

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

package/dist/components/InputOTP/InputOTP.js

@@ -0,0 +1,49 @@
+import __default__ from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { PinInput } from "bits-ui";
+//#region src/components/InputOTP/InputOTP.svelte
+function InputOTP($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 15, ""), dataSlot = $.prop($$props, "data-slot", 3, "input-otp"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"value",
+		"class",
+		"data-slot"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => [__default__.root, $$props.class]);
+		$.component(node, () => PinInput.Root, ($$anchor, InputOTPPrimitive_Root) => {
+			InputOTPPrimitive_Root($$anchor, $.spread_props({
+				get "data-slot"() {
+					return dataSlot();
+				},
+				get class() {
+					return $.get($0);
+				}
+			}, () => restProps, {
+				get ref() {
+					return ref();
+				},
+				set ref($$value) {
+					ref($$value);
+				},
+				get value() {
+					return value();
+				},
+				set value($$value) {
+					value($$value);
+				}
+			}));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+export { InputOTP as default };

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

@@ -0,0 +1,4 @@
+import { PinInput as InputOTPPrimitive } from 'bits-ui';
+declare const InputOTP: import("svelte").Component<InputOTPPrimitive.RootProps, {}, "value" | "ref">;
+type InputOTP = ReturnType<typeof InputOTP>;
+export default InputOTP;

package/dist/components/InputOTP/Separator/Separator.js

@@ -0,0 +1,44 @@
+import __default__ from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import MinusIcon from "@lucide/svelte/icons/minus";
+//#region src/components/InputOTP/Separator/Separator.svelte
+var root = $.from_html(`<div><!></div>`);
+function Separator($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), dataSlot = $.prop($$props, "data-slot", 3, "input-otp-separator"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children",
+		"data-slot"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": dataSlot(),
+		class: [__default__.separator, $$props.class],
+		...restProps
+	}));
+	var node = $.child(div);
+	var consequent = ($$anchor) => {
+		var fragment = $.comment();
+		var node_1 = $.first_child(fragment);
+		$.snippet(node_1, () => $$props.children ?? $.noop);
+		$.append($$anchor, fragment);
+	};
+	var alternate = ($$anchor) => {
+		MinusIcon($$anchor, {});
+	};
+	$.if(node, ($$render) => {
+		if ($$props.children) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+export { Separator as default };

package/dist/components/InputOTP/Separator/Separator.svelte.d.ts

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

package/dist/components/InputOTP/Separator/index.d.ts

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

package/dist/components/InputOTP/Slot/Slot.js

@@ -0,0 +1,74 @@
+import __default__ from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { PinInput } from "bits-ui";
+//#region src/components/InputOTP/Slot/Slot.svelte
+var root_2 = $.from_html(`<div><div></div></div>`);
+var root_1 = $.from_html(` <!>`, 1);
+function Slot($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), dataSlot = $.prop($$props, "data-slot", 3, "input-otp-slot"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"cell",
+		"class",
+		"data-slot"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => [
+			__default__.slot,
+			$$props.cell.isActive && __default__.slotActive,
+			$$props.class
+		]);
+		$.component(node, () => PinInput.Cell, ($$anchor, InputOTPPrimitive_Cell) => {
+			InputOTPPrimitive_Cell($$anchor, $.spread_props({
+				get cell() {
+					return $$props.cell;
+				},
+				get "data-slot"() {
+					return dataSlot();
+				},
+				get class() {
+					return $.get($0);
+				}
+			}, () => restProps, {
+				get ref() {
+					return ref();
+				},
+				set ref($$value) {
+					ref($$value);
+				},
+				children: ($$anchor, $$slotProps) => {
+					$.next();
+					var fragment_1 = root_1();
+					var text = $.first_child(fragment_1);
+					var node_1 = $.sibling(text);
+					var consequent = ($$anchor) => {
+						var div = root_2();
+						var div_1 = $.child(div);
+						$.reset(div);
+						$.template_effect(() => {
+							$.set_class(div, 1, $.clsx(__default__.caretWrapper));
+							$.set_class(div_1, 1, $.clsx(__default__.caret));
+						});
+						$.append($$anchor, div);
+					};
+					$.if(node_1, ($$render) => {
+						if ($$props.cell.hasFakeCaret) $$render(consequent);
+					});
+					$.template_effect(() => $.set_text(text, `${$$props.cell.char ?? ""} `));
+					$.append($$anchor, fragment_1);
+				},
+				$$slots: { default: true }
+			}));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+export { Slot as default };

package/dist/components/InputOTP/Slot/Slot.svelte.d.ts

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

package/dist/components/InputOTP/Slot/index.d.ts

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

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

@@ -0,0 +1,11 @@
+import { Group } from './Group';
+import Root from './InputOTP.svelte';
+import { Separator } from './Separator';
+import { Slot } from './Slot';
+export declare const InputOTP: {
+    Root: typeof Root;
+    Group: typeof Group;
+    Slot: typeof Slot;
+    Separator: typeof Separator;
+};
+export type * from './types';

package/dist/components/InputOTP/index.js

@@ -0,0 +1,13 @@
+import Group from "./Group/Group.js";
+import InputOTP$1 from "./InputOTP.js";
+import Separator from "./Separator/Separator.js";
+import Slot from "./Slot/Slot.js";
+//#region src/components/InputOTP/index.ts
+const InputOTP = {
+	Root: InputOTP$1,
+	Group,
+	Slot,
+	Separator
+};
+//#endregion
+export { InputOTP };

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

@@ -0,0 +1,10 @@
+declare const _default: {
+    caret: string;
+    caretWrapper: string;
+    group: string;
+    root: string;
+    separator: string;
+    slot: string;
+    slotActive: string;
+};
+export default _default;

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

@@ -0,0 +1,12 @@
+//#region src/components/InputOTP/styles.css.ts
+var __default__ = {
+	caret: "styles_caret__oe9d1a6",
+	caretWrapper: "styles_caretWrapper__oe9d1a4",
+	group: "styles_group__oe9d1a1",
+	root: "styles_root__oe9d1a0",
+	separator: "styles_separator__oe9d1a7",
+	slot: "styles_slot__oe9d1a2",
+	slotActive: "styles_slotActive__oe9d1a3"
+};
+//#endregion
+export { __default__ as default };

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

@@ -0,0 +1,7 @@
+import type { PinInput as InputOTPPrimitive } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../types';
+export type InputOTPProps = InputOTPPrimitive.RootProps;
+export type InputOTPSlotProps = InputOTPPrimitive.CellProps;
+export type InputOTPGroupProps = WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export type InputOTPSeparatorProps = WithElementRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;

package/dist/components/OverflowTypography/OverflowTypography.js

@@ -0,0 +1,175 @@
+import Typography from "../Typography/Typography.js";
+import Tooltip from "../Tooltip/Tooltip.js";
+import { OverflowTypographyStore } from "./store.svelte.js";
+import { truncate, wrapper, wrapperAlignments } from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/OverflowTypography/OverflowTypography.svelte
+var root_2 = $.from_html(`<div><!> <!></div>`);
+function OverflowTypography($$anchor, $$props) {
+	$.push($$props, true);
+	const typography = ($$anchor) => {
+		var fragment = $.comment();
+		var node = $.first_child(fragment);
+		var consequent = ($$anchor) => {
+			var div = root_2();
+			var node_1 = $.child(div);
+			Typography(node_1, $.spread_props(() => restProps, {
+				get align() {
+					return align();
+				},
+				get class() {
+					return $.get(truncateClass);
+				},
+				component: "span",
+				display: "block",
+				get style() {
+					return $$props.style;
+				},
+				get ref() {
+					return ref();
+				},
+				set ref($$value) {
+					ref($$value);
+				},
+				children: ($$anchor, $$slotProps) => {
+					$.next();
+					var text_1 = $.text();
+					$.template_effect(() => $.set_text(text_1, store.firstPartLabel));
+					$.append($$anchor, text_1);
+				},
+				$$slots: { default: true }
+			}));
+			Typography($.sibling(node_1, 2), $.spread_props(() => restProps, {
+				get align() {
+					return align();
+				},
+				get class() {
+					return $$props.class;
+				},
+				component: "span",
+				get style() {
+					return $$props.style;
+				},
+				children: ($$anchor, $$slotProps) => {
+					$.next();
+					var text_2 = $.text();
+					$.template_effect(() => $.set_text(text_2, store.secondPartLabel));
+					$.append($$anchor, text_2);
+				},
+				$$slots: { default: true }
+			}));
+			$.reset(div);
+			$.template_effect(() => $.set_class(div, 1, $.clsx($.get(wrapperClass))));
+			$.append($$anchor, div);
+		};
+		var alternate = ($$anchor) => {
+			Typography($$anchor, $.spread_props(() => restProps, {
+				get align() {
+					return align();
+				},
+				get class() {
+					return $.get(contentClass);
+				},
+				display: "block",
+				get style() {
+					return $.get(contentStyle);
+				},
+				get ref() {
+					return ref();
+				},
+				set ref($$value) {
+					ref($$value);
+				},
+				children: ($$anchor, $$slotProps) => {
+					var fragment_4 = $.comment();
+					var node_3 = $.first_child(fragment_4);
+					var consequent_1 = ($$anchor) => {
+						var text_3 = $.text();
+						$.template_effect(() => $.set_text(text_3, $.get(label)));
+						$.append($$anchor, text_3);
+					};
+					var consequent_2 = ($$anchor) => {
+						var fragment_6 = $.comment();
+						var node_4 = $.first_child(fragment_6);
+						$.snippet(node_4, () => $$props.children);
+						$.append($$anchor, fragment_6);
+					};
+					$.if(node_3, ($$render) => {
+						if ($.get(label)) $$render(consequent_1);
+						else if (typeof $$props.children === "function") $$render(consequent_2, 1);
+					});
+					$.append($$anchor, fragment_4);
+				},
+				$$slots: { default: true }
+			}));
+		};
+		$.if(node, ($$render) => {
+			if (store.hasVisibleLastSymbols) $$render(consequent);
+			else $$render(alternate, -1);
+		});
+		$.append($$anchor, fragment);
+	};
+	let ref = $.prop($$props, "ref", 15, null), align = $.prop($$props, "align", 3, "left"), rowsCount = $.prop($$props, "rowsCount", 3, 1), visibleLastSymbolsCount = $.prop($$props, "visibleLastSymbolsCount", 3, 0), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"align",
+		"children",
+		"class",
+		"style",
+		"rowsCount",
+		"text",
+		"tooltipProps",
+		"visibleLastSymbolsCount"
+	]);
+	const label = $.derived(() => $$props.text ?? (typeof $$props.children === "string" ? $$props.children : void 0));
+	const store = new OverflowTypographyStore({
+		get text() {
+			return $.get(label);
+		},
+		get rowsCount() {
+			return rowsCount();
+		},
+		get visibleLastSymbolsCount() {
+			return visibleLastSymbolsCount();
+		}
+	});
+	const joinClasses = (...classes) => classes.filter(Boolean).join(" ");
+	const wrapperClass = $.derived(() => joinClasses(wrapper, wrapperAlignments[align()]));
+	const truncateClass = $.derived(() => joinClasses(truncate, $$props.class));
+	const contentClass = $.derived(() => joinClasses(truncate, store.hasMultipleRows && "styles_multipleRows__dpgi0n1", $$props.class));
+	const contentStyle = $.derived(() => [$$props.style, `--rows-count: ${store.rowsCount}`].filter(Boolean).join("; "));
+	const tooltipContent = $.derived(() => $$props.tooltipProps?.content ?? (store.isOverflowed ? $.get(label) : void 0));
+	const tooltipConfig = $.derived(() => ({
+		...$$props.tooltipProps,
+		content: $.get(tooltipContent),
+		open: store.isOverflowed
+	}));
+	let cleanup;
+	$.user_effect(() => {
+		if (!ref()) return;
+		cleanup?.();
+		cleanup = store.attach(ref());
+		return () => {
+			cleanup?.();
+			cleanup = void 0;
+		};
+	});
+	$.user_effect(() => {
+		$.get(label);
+		rowsCount();
+		visibleLastSymbolsCount();
+		store.check();
+	});
+	Tooltip($$anchor, $.spread_props(() => $.get(tooltipConfig), {
+		children: ($$anchor, $$slotProps) => {
+			typography($$anchor);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { OverflowTypography as default };

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

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

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

@@ -0,0 +1,2 @@
+export { default as OverflowTypography } from './OverflowTypography.svelte';
+export type { OverflowTypographyProps, OverflowTypographyTooltipProps, } from './types';

package/dist/components/OverflowTypography/store.svelte.d.ts

@@ -0,0 +1,22 @@
+type Options = {
+    text?: string;
+    rowsCount?: number;
+    visibleLastSymbolsCount?: number;
+};
+export declare class OverflowTypographyStore {
+    #private;
+    isOverflowed: boolean;
+    constructor(options: Options);
+    get rowsCount(): number;
+    get hasVisibleLastSymbols(): boolean;
+    get hasMultipleRows(): boolean;
+    get firstPartLabel(): string;
+    get secondPartLabel(): string;
+    attach: (node: HTMLElement) => () => void;
+    check: () => void;
+    destroy(): void;
+    private get visibleLastSymbolsCount();
+    private get truncatedLabel();
+    private checkOverflow;
+}
+export {};

package/dist/components/OverflowTypography/store.svelte.js

@@ -0,0 +1,84 @@
+//#region src/components/OverflowTypography/store.svelte.ts
+const DEFAULT_ROWS_COUNT = 1;
+const RESIZE_DEBOUNCE_MS = 500;
+const truncateString = (visibleLastSymbolsCount, label) => {
+	return {
+		firstPartLabel: label.slice(0, -visibleLastSymbolsCount),
+		secondPartLabel: label.slice(-visibleLastSymbolsCount)
+	};
+};
+var OverflowTypographyStore = class {
+	isOverflowed = $state(false);
+	#options;
+	#node;
+	#resizeObserver;
+	#resizeTimer;
+	constructor(options) {
+		this.#options = options;
+	}
+	get rowsCount() {
+		return this.#options.rowsCount ?? DEFAULT_ROWS_COUNT;
+	}
+	get hasVisibleLastSymbols() {
+		return Boolean(this.#options.text && this.visibleLastSymbolsCount > 0);
+	}
+	get hasMultipleRows() {
+		return this.hasVisibleLastSymbols ? false : this.rowsCount > 1;
+	}
+	get firstPartLabel() {
+		return this.truncatedLabel.firstPartLabel;
+	}
+	get secondPartLabel() {
+		return this.truncatedLabel.secondPartLabel;
+	}
+	attach = (node) => {
+		this.#node = node;
+		this.checkOverflow([{
+			target: node,
+			contentRect: node.getBoundingClientRect()
+		}]);
+		this.#resizeObserver = new ResizeObserver((entries) => {
+			clearTimeout(this.#resizeTimer);
+			this.#resizeTimer = setTimeout(() => {
+				this.checkOverflow(entries);
+			}, RESIZE_DEBOUNCE_MS);
+		});
+		this.#resizeObserver.observe(node);
+		return () => {
+			this.#resizeObserver?.unobserve(node);
+			this.destroy();
+		};
+	};
+	check = () => {
+		if (!this.#node) return;
+		this.checkOverflow([{
+			target: this.#node,
+			contentRect: this.#node.getBoundingClientRect()
+		}]);
+	};
+	destroy() {
+		clearTimeout(this.#resizeTimer);
+		this.#resizeObserver?.disconnect();
+		this.#resizeObserver = void 0;
+		this.#node = void 0;
+	}
+	get visibleLastSymbolsCount() {
+		return this.#options.visibleLastSymbolsCount ?? 0;
+	}
+	get truncatedLabel() {
+		if (!this.hasVisibleLastSymbols || !this.#options.text) return {
+			firstPartLabel: "",
+			secondPartLabel: ""
+		};
+		return truncateString(this.visibleLastSymbolsCount, this.#options.text);
+	}
+	checkOverflow(entries) {
+		const [{ target, contentRect }] = entries;
+		const isScrollHeightBigger = target.scrollHeight > Math.round(contentRect.height);
+		const isScrollWidthBigger = target.scrollWidth > Math.round(contentRect.width);
+		const isOverflowed = this.hasMultipleRows ? isScrollWidthBigger || isScrollHeightBigger : isScrollWidthBigger;
+		if (this.isOverflowed !== isOverflowed) this.isOverflowed = isOverflowed;
+	}
+};
+//#endregion
+export { OverflowTypographyStore };

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

@@ -0,0 +1,5 @@
+import type { TypographyAlign } from '../Typography';
+export declare const truncate: string;
+export declare const multipleRows: string;
+export declare const wrapper: string;
+export declare const wrapperAlignments: Record<TypographyAlign, string>;

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

@@ -0,0 +1,12 @@
+//#region src/components/OverflowTypography/styles.css.ts
+var multipleRows = "styles_multipleRows__dpgi0n1";
+var truncate = "styles_truncate__dpgi0n0";
+var wrapper = "styles_wrapper__dpgi0n2";
+var wrapperAlignments = {
+	left: "styles_wrapperAlignments_left__dpgi0n3",
+	center: "styles_wrapperAlignments_center__dpgi0n4",
+	right: "styles_wrapperAlignments_right__dpgi0n5",
+	justify: "styles_wrapperAlignments_justify__dpgi0n6"
+};
+//#endregion
+export { multipleRows, truncate, wrapper, wrapperAlignments };

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

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+import type { TooltipProps } from '../Tooltip';
+import type { TypographyProps } from '../Typography';
+export type OverflowTypographyTooltipProps = Omit<TooltipProps, 'children' | 'content'> & {
+    content?: TooltipProps['content'];
+};
+export type OverflowTypographyProps = Omit<TypographyProps, 'children' | 'ref'> & {
+    /** Максимальное количество отображаемых строк. */
+    rowsCount?: number;
+    /** Количество видимых символов в конце обрезанной строки. */
+    visibleLastSymbolsCount?: number;
+    /** Текст для обрезки и дефолтного содержимого tooltip. */
+    text?: string;
+    /** Пропсы для кастомизации tooltip. */
+    tooltipProps?: OverflowTypographyTooltipProps;
+    children?: Snippet<[]> | string;
+    ref?: HTMLElement | null;
+};

package/dist/components/Tooltip/Tooltip.js

@@ -1,6 +1,6 @@
 import Portal from "../Portal/Portal.js";
 import { TooltipStore } from "./store.svelte.js";
-import __default__ from "./styles.css.js";
+import { arrow, content } from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Tooltip/Tooltip.svelte
@@ -9,7 +9,7 @@ var root_2 = $.from_html(`<div role="tooltip" data-slot="tooltip-content"><!> <!
 var root = $.from_html(`<span style="display: contents;" data-slot="tooltip-trigger"><!></span> <!>`, 1);
 function Tooltip($$anchor, $$props) {
 	$.push($$props, true);
-	let offset = $.prop($$props, "offset", 3, 10), placement = $.prop($$props, "placement", 3, "top"), arrow = $.prop($$props, "arrow", 3, false), delayDuration = $.prop($$props, "delayDuration", 3, 100);
+	let offset = $.prop($$props, "offset", 3, 10), placement = $.prop($$props, "placement", 3, "top"), arrow$1 = $.prop($$props, "arrow", 3, false), delayDuration = $.prop($$props, "delayDuration", 3, 100);
 	const store = new TooltipStore({
 		get placement() {
 			return placement();
@@ -17,6 +17,9 @@ function Tooltip($$anchor, $$props) {
 		get offset() {
 			return offset();
 		},
+		get open() {
+			return $$props.open;
+		},
 		get delayDuration() {
 			return delayDuration();
 		}
@@ -55,13 +58,13 @@ function Tooltip($$anchor, $$props) {
 				var consequent_1 = ($$anchor) => {
 					var svg = root_5();
 					$.template_effect(() => {
-						$.set_class(svg, 0, $.clsx([__default__.arrow, $$props.arrowClass]));
+						$.set_class(svg, 0, $.clsx([arrow, $$props.arrowClass]));
 						$.set_attribute(svg, "data-side", store.placement);
 					});
 					$.append($$anchor, svg);
 				};
 				$.if(node_4, ($$render) => {
-					if (arrow()) $$render(consequent_1);
+					if (arrow$1()) $$render(consequent_1);
 				});
 				$.reset(div);
 				$.attach(div, () => store.attachContent);
@@ -69,7 +72,7 @@ function Tooltip($$anchor, $$props) {
 					$.set_attribute(div, "id", store.tooltipId);
 					$.set_attribute(div, "data-state", store.open ? "open" : "closed");
 					$.set_attribute(div, "data-side", store.placement);
-					$.set_class(div, 1, $.clsx([__default__.content, $$props.contentClass]));
+					$.set_class(div, 1, $.clsx([content, $$props.contentClass]));
 					styles_1 = $.set_style(div, "", styles_1, {
 						position: "fixed",
 						top: `${store.y ?? ""}px`,
@@ -88,7 +91,7 @@ function Tooltip($$anchor, $$props) {
 		});
 	};
 	$.if(node_1, ($$render) => {
-		if (store.visible) $$render(consequent_2);
+		if (store.visible && $$props.content != null && $$props.open !== false) $$render(consequent_2);
 	});
 	$.append($$anchor, fragment);
 	$.pop();

package/dist/components/Tooltip/store.svelte.d.ts

@@ -1,11 +1,12 @@
 import type { TooltipProps } from './types';
-type Options = Pick<TooltipProps, 'delayDuration' | 'placement' | 'offset'>;
+type Options = Pick<TooltipProps, 'delayDuration' | 'placement' | 'offset' | 'open'>;
 export declare class TooltipStore {
     #private;
     open: boolean;
     visible: boolean;
     x: number;
     y: number;
+    placement: NonNullable<import("@floating-ui/dom").Placement | undefined>;
     readonly tooltipId: string;
     private static active;
     private static readonly CLOSE_DURATION;
@@ -14,7 +15,6 @@ export declare class TooltipStore {
     private delayTimer;
     private closeTimer;
     constructor(options: Options);
-    get placement(): import("@floating-ui/dom").Placement | undefined;
     show: () => void;
     hide: () => void;
     keepOpen: () => void;
@@ -22,5 +22,8 @@ export declare class TooltipStore {
     attachContent: (node: HTMLElement) => (() => void) | undefined;
     destroy(): void;
     private forceClose;
+    private get delayDuration();
+    private get offset();
+    private get preferredPlacement();
 }
 export {};

package/dist/components/Tooltip/store.svelte.js

@@ -5,11 +5,8 @@ var TooltipStore = class TooltipStore {
 	visible = $state(false);
 	x = $state(0);
 	y = $state(0);
-	#options = $state({
-		delayDuration: 300,
-		placement: "top",
-		offset: 8
-	});
+	placement = $state("top");
+	#options;
 	tooltipId = `tooltip-${Math.random().toString(36).slice(2, 11)}`;
 	static active = null;
 	static CLOSE_DURATION = 150;
@@ -18,15 +15,11 @@ var TooltipStore = class TooltipStore {
 	delayTimer;
 	closeTimer;
 	constructor(options) {
-		this.#options = {
-			...this.#options,
-			...options
-		};
-	}
-	get placement() {
-		return this.#options.placement;
+		this.#options = options;
+		this.placement = this.preferredPlacement;
 	}
 	show = () => {
+		if (this.#options.open === false) return;
 		if (TooltipStore.active && TooltipStore.active !== this) TooltipStore.active.forceClose();
 		clearTimeout(this.closeTimer);
 		clearTimeout(this.delayTimer);
@@ -34,7 +27,7 @@ var TooltipStore = class TooltipStore {
 		this.delayTimer = setTimeout(() => {
 			this.visible = true;
 			this.open = true;
-		}, this.#options.delayDuration);
+		}, this.delayDuration);
 	};
 	hide = () => {
 		clearTimeout(this.delayTimer);
@@ -73,17 +66,17 @@ var TooltipStore = class TooltipStore {
 		this.cleanupAutoUpdate = autoUpdate(this.triggerEl, node, () => {
 			if (!this.triggerEl) return;
 			computePosition(this.triggerEl, node, {
-				placement: this.#options.placement,
+				placement: this.preferredPlacement,
 				strategy: "fixed",
 				middleware: [
-					offset({ mainAxis: this.#options.offset }),
+					offset({ mainAxis: this.offset }),
 					flip(),
 					shift({ padding: 8 })
 				]
 			}).then(({ x, y, placement }) => {
 				this.x = x;
 				this.y = y;
-				this.#options.placement = placement;
+				this.placement = placement;
 			});
 		});
 		return () => {
@@ -103,6 +96,15 @@ var TooltipStore = class TooltipStore {
 		this.cleanupAutoUpdate?.();
 		this.cleanupAutoUpdate = void 0;
 	}
+	get delayDuration() {
+		return this.#options.delayDuration ?? 300;
+	}
+	get offset() {
+		return this.#options.offset ?? 8;
+	}
+	get preferredPlacement() {
+		return this.#options.placement ?? "top";
+	}
 };
 //#endregion
 export { TooltipStore };

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

@@ -1,5 +1,2 @@
-declare const _default: {
-    content: string;
-    arrow: string;
-};
-export default _default;
+export declare const content: string;
+export declare const arrow: string;

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

@@ -1,7 +1,5 @@
 //#region src/components/Tooltip/styles.css.ts
-var __default__ = {
-	content: "styles_content__1ovcrev8",
-	arrow: "styles_arrow__1ovcrev9"
-};
+var arrow = "styles_arrow__1ovcrev9";
+var content = "styles_content__1ovcrev8";
 //#endregion
-export { __default__ as default };
+export { arrow, content };

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

@@ -6,6 +6,7 @@ export type TooltipProps = {
     children?: Snippet<[]>;
     arrow?: boolean;
     offset?: number;
+    open?: boolean;
     arrowClass?: string;
     contentClass?: string;
     placement?: Placement;

package/dist/components/Typography/Typography.js

@@ -4,7 +4,7 @@ import * as $ from "svelte/internal/client";
 //#region src/components/Typography/Typography.svelte
 function Typography($$anchor, $$props) {
 	$.push($$props, true);
-	let ref = $.prop($$props, "ref", 11, null), align = $.prop($$props, "align", 3, "left"), color = $.prop($$props, "color", 3, "primary"), decoration = $.prop($$props, "decoration", 3, "none"), display = $.prop($$props, "display", 3, "inline"), variant = $.prop($$props, "variant", 3, "body1"), weight = $.prop($$props, "weight", 3, "normal"), restProps = $.rest_props($$props, [
+	let ref = $.prop($$props, "ref", 15, null), align = $.prop($$props, "align", 3, "left"), color = $.prop($$props, "color", 3, "primary"), decoration = $.prop($$props, "decoration", 3, "none"), display = $.prop($$props, "display", 3, "inline"), variant = $.prop($$props, "variant", 3, "body1"), weight = $.prop($$props, "weight", 3, "normal"), restProps = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
@@ -38,7 +38,6 @@ function Typography($$anchor, $$props) {
 	const TagComponent = $.derived(() => $$props.component || VARIANT_COMPONENT_MAP[variant()]);
 	const mergedProps = $.derived(() => ({
 		...restProps,
-		ref: ref(),
 		class: [
 			decorations[decoration()],
 			variants[variant()],
@@ -54,6 +53,7 @@ function Typography($$anchor, $$props) {
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	$.element(node, () => $.get(TagComponent), false, ($$element, $$anchor) => {
+		$.bind_this($$element, ($$value) => ref($$value), () => ref());
 		$.attribute_effect($$element, () => ({ ...$.get(mergedProps) }));
 		var fragment_1 = $.comment();
 		var node_1 = $.first_child(fragment_1);

package/dist/components/index.d.ts

@@ -20,8 +20,10 @@ export { Empty, type EmptyMediaVariant } from './Empty';
 export { Field, type FieldOrientation, type FieldVariants, } from './Field';
 export { Input, type InputProps, type InputType, } from './Input';
 export { InputGroup, type InputGroupAddonAlign, type InputGroupButtonSize, } from './InputGroup';
+export { InputOTP, type InputOTPGroupProps, type InputOTPProps, type InputOTPSeparatorProps, type InputOTPSlotProps, } from './InputOTP';
 export { Item, type ItemProps, type ItemSize, type ItemVariant, } from './Item';
 export { Label } from './Label';
+export { OverflowTypography, type OverflowTypographyProps, type OverflowTypographyTooltipProps, } from './OverflowTypography';
 export { Placeholder, type PlaceholderProps, type PlaceholderSize, } from './Placeholder';
 export { Popover, type PopoverProps } from './Popover';
 export { Portal } from './Portal';

package/dist/components/index.js

@@ -26,14 +26,16 @@ import Label_1 from "./Label/Label.js";
 import { Field } from "./Field/index.js";
 import Input from "./Input/Input.js";
 import { InputGroup } from "./InputGroup/index.js";
+import { InputOTP } from "./InputOTP/index.js";
 import { Item } from "./Item/index.js";
-import { Popover } from "./Popover/index.js";
 import Portal from "./Portal/Portal.js";
+import Tooltip from "./Tooltip/Tooltip.js";
+import OverflowTypography from "./OverflowTypography/OverflowTypography.js";
+import { Popover } from "./Popover/index.js";
 import Slider from "./Slider/Slider.js";
 import RangeInput from "./RangeInput/RangeInput.js";
 import ScalableContainer from "./ScalableContainer/ScalableContainer.js";
 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, 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 };
+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, InputOTP, Item, Label_1 as Label, OverflowTypography, Placeholder, Popover, Portal, RangeInput, ScalableContainer, Select, Separator, Slider, SliderInput, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };

package/dist/node_modules/.pnpm/@vanilla-extract_css@1.20.1/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.ts

@@ -156,4 +156,4 @@ type StyleRule = WithQueries<StyleWithSelectors>;
 type ClassNames = string | Array<ClassNames>;
 type ComplexStyleRule = StyleRule | Array<StyleRule | ClassNames>;
 //#endregion
-export { type ComplexStyleRule };
+export type { ComplexStyleRule };

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

@@ -0,0 +1,19 @@
+import { InputOTP } 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 InputOTP: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputOTP = InstanceType<typeof InputOTP>;
+export default InputOTP;

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

@@ -0,0 +1,19 @@
+import { OverflowTypography } 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 OverflowTypography: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type OverflowTypography = InstanceType<typeof OverflowTypography>;
+export default OverflowTypography;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.12.6",
+  "version": "1.14.0",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -36,39 +36,39 @@
     "svelte": "^5.53.5"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.14",
+    "@biomejs/biome": "^2.4.15",
     "@changesets/cli": "^2.31.0",
-    "@chromatic-com/storybook": "^5.1.2",
+    "@chromatic-com/storybook": "^5.2.1",
     "@internationalized/date": "^3.12.1",
-    "@storybook/addon-a11y": "^10.3.6",
-    "@storybook/addon-docs": "^10.3.6",
+    "@storybook/addon-a11y": "^10.4.1",
+    "@storybook/addon-docs": "^10.4.1",
     "@storybook/addon-svelte-csf": "^5.1.2",
-    "@storybook/addon-vitest": "^10.3.6",
-    "@storybook/sveltekit": "^10.3.6",
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@storybook/addon-vitest": "^10.4.1",
+    "@storybook/sveltekit": "^10.4.1",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "@tsconfig/svelte": "^5.0.8",
-    "@tsdown/css": "^0.21.10",
-    "@types/node": "^25.6.0",
+    "@tsdown/css": "^0.22.0",
+    "@types/node": "^25.9.1",
     "@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.5",
-    "bumpp": "^11.0.1",
+    "@vitest/browser-playwright": "^4.1.7",
+    "bumpp": "^11.1.0",
     "rollup-plugin-svelte": "^7.2.3",
-    "storybook": "^10.3.6",
-    "svelte": "^5.55.5",
-    "svelte-check": "^4.4.7",
-    "svelte2tsx": "^0.7.54",
-    "tsdown": "0.21.10",
+    "storybook": "^10.4.1",
+    "svelte": "^5.55.9",
+    "svelte-check": "^4.4.8",
+    "svelte2tsx": "^0.7.55",
+    "tsdown": "0.22.0",
     "typescript": "^6.0.3",
-    "vite": "^8.0.10",
+    "vite": "^8.0.14",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.5",
+    "vitest": "^4.1.7",
     "vitest-browser-svelte": "^2.1.1"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
-    "@lucide/svelte": "^1.14.0",
+    "@lucide/svelte": "^1.16.0",
     "bits-ui": "^2.18.1"
   },
   "scripts": {