@max-ts/svelte 1.4.4 → 1.5.0

package/dist/components/Item/Title/Title.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '~/types';
+import type { WithElementRef } from '../../..';
 declare const Title: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Title = ReturnType<typeof Title>;
 export default Title;

package/dist/components/Item/index.js

@@ -1,13 +1,13 @@
-import Item$1 from "./Item.js";
-import Group from "./Group/Group.js";
-import Separator_1 from "./Separator/Separator.js";
-import Header from "./Header/Header.js";
-import Footer from "./Footer/Footer.js";
+import Actions from "./Actions/Actions.js";
 import Content from "./Content/Content.js";
-import Title from "./Title/Title.js";
 import Description from "./Description/Description.js";
-import Actions from "./Actions/Actions.js";
+import Footer from "./Footer/Footer.js";
+import Group from "./Group/Group.js";
+import Header from "./Header/Header.js";
+import Item$1 from "./Item.js";
 import Media from "./Media/Media.js";
+import Separator_1 from "./Separator/Separator.js";
+import Title from "./Title/Title.js";
 
 //#region src/components/Item/index.ts
 const Item = {

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

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '~/types';
+import type { WithElementRef } from '../..';
 export type ItemVariant = 'default' | 'outline' | 'muted';
 export type ItemSize = 'default' | 'small';
 export interface ItemProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {

package/dist/components/Popover/Content/PopoverContent.js

@@ -1,5 +1,5 @@
-import PopoverPortal from "../Portal/PopoverPortal.js";
 import __default__ from "../styles.css.js";
+import PopoverPortal from "../Portal/PopoverPortal.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { Popover } from "bits-ui";

package/dist/components/Popover/index.js

@@ -1,8 +1,8 @@
-import Popover$1 from "./Popover.js";
+import PopoverClose from "./Close/PopoverClose.js";
 import PopoverPortal from "./Portal/PopoverPortal.js";
 import PopoverContent from "./Content/PopoverContent.js";
+import Popover$1 from "./Popover.js";
 import PopoverTrigger from "./Trigger/PopoverTrigger.js";
-import PopoverClose from "./Close/PopoverClose.js";
 
 //#region src/components/Popover/index.ts
 const Popover = {

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

@@ -1,5 +1,5 @@
 import type { Popover as PopoverPrimitive } from 'bits-ui';
-import type { WithoutChildrenOrChild } from '~/types';
+import type { WithoutChildrenOrChild } from '../..';
 export type PopoverProps = PopoverPrimitive.RootProps;
 export type PopoverTriggerProps = PopoverPrimitive.TriggerProps;
 export type PopoverCloseProps = PopoverPrimitive.CloseProps;

package/dist/components/RangeInput/RangeInput.js

@@ -6,7 +6,7 @@ import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 
 //#region src/components/RangeInput/RangeInput.svelte
-var root = $.from_html(`<div><!> <!> <input type="text"/> <!> <input type="text"/> <!> <div><!></div></div>`);
+var root = $.from_html(`<div><!> <!> <input type="text"/> <!> <input type="text"/> <!> <!></div>`);
 function RangeInput($$anchor, $$props) {
 	$.push($$props, true);
 	let minValue = $.prop($$props, "minValue", 15), maxValue = $.prop($$props, "maxValue", 15), width = $.prop($$props, "width", 3, 150), label = $.prop($$props, "label", 3, ""), unit = $.prop($$props, "unit", 3, ""), size = $.prop($$props, "size", 3, "medium"), minInputRef = $.prop($$props, "minInputRef", 15, null), maxInputRef = $.prop($$props, "maxInputRef", 15, null), ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
@@ -46,9 +46,9 @@ function RangeInput($$anchor, $$props) {
 	}
 	function onKeyDown(event) {
 		if (event.key === "Enter") {
-			if (minValue() < $$props.min) minValue($$props.min);
-			if (maxValue() > $$props.max) maxValue($$props.max);
-			if (minValue() > maxValue()) {
+			if (minValue() && minValue() < $$props.min) minValue($$props.min);
+			if (maxValue() && maxValue() > $$props.max) maxValue($$props.max);
+			if (minValue() && maxValue() && minValue() > maxValue()) {
 				const temp = minValue();
 				minValue(maxValue());
 				maxValue(temp);
@@ -134,8 +134,7 @@ function RangeInput($$anchor, $$props) {
 		},
 		$$slots: { default: true }
 	});
-	var div_1 = $.sibling(node_3, 2);
-	var node_4 = $.child(div_1);
+	var node_4 = $.sibling(node_3, 2);
 	{
 		let $0 = $.derived(() => [minValue() ?? $$props.min, maxValue() ?? $$props.max]);
 		Slider(node_4, {
@@ -148,6 +147,9 @@ function RangeInput($$anchor, $$props) {
 			get size() {
 				return size();
 			},
+			get class() {
+				return __default__.sliderClass;
+			},
 			type: "multiple",
 			get value() {
 				return $.get($0);
@@ -155,13 +157,11 @@ function RangeInput($$anchor, $$props) {
 			onValueChange
 		});
 	}
-	$.reset(div_1);
 	$.reset(div);
 	$.bind_this(div, ($$value) => ref($$value), () => ref());
 	$.template_effect(() => {
 		$.set_class(input, 1, $.clsx(__default__.inputClass));
 		$.set_class(input_1, 1, $.clsx(__default__.inputClass));
-		$.set_class(div_1, 1, $.clsx(__default__.sliderClass));
 	});
 	$.bind_value(input, minValue);
 	$.bind_value(input_1, maxValue);

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

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '~/types';
+import type { WithElementRef } from '../..';
 export type RangeInputSize = 'small' | 'medium' | 'large';
 export interface RangeInputProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
     minValue?: number;

package/dist/components/Select/Content/Content.svelte.d.ts

@@ -1,6 +1,6 @@
 import { Select as SelectPrimitive } from 'bits-ui';
 import type { ComponentProps } from 'svelte';
-import type { WithoutChild, WithoutChildrenOrChild } from '~/types';
+import type { WithoutChild, WithoutChildrenOrChild } from '../../..';
 import { Portal } from '../Portal';
 type $$ComponentProps = WithoutChild<SelectPrimitive.ContentProps> & {
     portalProps?: WithoutChildrenOrChild<ComponentProps<typeof Portal>>;

package/dist/components/Select/Label/Label.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '~/types';
+import type { WithElementRef } from '../../..';
 declare const Label: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Label = ReturnType<typeof Label>;
 export default Label;

package/dist/components/Select/Trigger/Trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { Select as SelectPrimitive } from 'bits-ui';
-import type { WithoutChild } from '~/types';
+import type { WithoutChild } from '../../..';
 type $$ComponentProps = WithoutChild<SelectPrimitive.TriggerProps> & {
     size?: 'sm' | 'default';
 };

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

@@ -1,5 +1,5 @@
 import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../assets/src/components/Slider/styles.css.ts.vanilla-Dnh1lH3w.css";
+import "./../../assets/src/components/Slider/styles.css.ts.vanilla-DAEoeJIB.css";
 
 //#region src/components/Slider/styles.css.ts
 var __default__ = {

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

@@ -1,5 +1,5 @@
 import type { Slider as SliderPrimitive } from 'bits-ui';
-import type { WithoutChildrenOrChild } from '~/types';
+import type { WithoutChildrenOrChild } from '../..';
 export type SliderSize = 'small' | 'medium' | 'large';
 export type SliderProps = WithoutChildrenOrChild<SliderPrimitive.RootProps> & {
     size?: SliderSize;

package/dist/components/Tabs/index.js

@@ -1,7 +1,7 @@
-import Tabs$1 from "./Tabs.js";
+import Content from "./Content/Content.js";
 import List from "./List/List.js";
+import Tabs$1 from "./Tabs.js";
 import Trigger from "./Trigger/Trigger.js";
-import Content from "./Content/Content.js";
 
 //#region src/components/Tabs/index.ts
 const Tabs = {

package/dist/components/Tooltip/Content/Content.js

@@ -5,7 +5,7 @@ import * as $ from "svelte/internal/client";
 import { Tooltip } from "bits-ui";
 
 //#region src/components/Tooltip/Content/Content.svelte
-var root_4 = $.from_html(`<div></div>`);
+var root_4 = $.from_svg(`<svg><path d="m 0.52372243,0.10910656 c -0.1676883,0 -0.3188698,0.10099765 -0.38304509,0.25594925 -0.0641698,0.1548964 -0.0287017,0.3332318 0.0898753,0.4518088 L 3.5473966,4.1337031 c 0.077725,0.07778 0.1832001,0.1214516 0.2931533,0.1214516 0.1099531,0 0.2154286,-0.043672 0.2932085,-0.1214516 L 7.4505968,0.81686461 c 0.118577,-0.118577 0.1540119,-0.2969124 0.089831,-0.4518088 C 7.476247,0.21010421 7.3251098,0.10910656 7.1573882,0.10910656 Z" fill="inherit"></path></svg>`);
 var root_2 = $.from_html(`<!> <!>`, 1);
 function Content($$anchor, $$props) {
 	$.push($$props, true);
@@ -18,7 +18,7 @@ function Content($$anchor, $$props) {
 		"sideOffset",
 		"side",
 		"children",
-		"arrowClasses",
+		"arrowClass",
 		"portalProps",
 		"arrow"
 	]);
@@ -58,12 +58,14 @@ function Content($$anchor, $$props) {
 								{
 									const child = ($$anchor, $$arg0) => {
 										let props = () => $$arg0?.().props;
-										var div = root_4();
-										$.attribute_effect(div, () => ({
-											class: [__default__.arrow, $$props.arrowClasses],
+										var svg = root_4();
+										$.attribute_effect(svg, () => ({
+											class: [__default__.arrow, $$props.arrowClass],
+											viewBox: "0 0 7.68 4.35",
+											xmlns: "http://www.w3.org/2000/svg",
 											...props()
 										}));
-										$.append($$anchor, div);
+										$.append($$anchor, svg);
 									};
 									$.component(node_3, () => Tooltip.Arrow, ($$anchor, TooltipPrimitive_Arrow) => {
 										TooltipPrimitive_Arrow($$anchor, {

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

@@ -1,9 +1,9 @@
 import { Tooltip as TooltipPrimitive } from 'bits-ui';
 import type { ComponentProps } from 'svelte';
-import type { WithoutChildrenOrChild } from '~/types';
+import type { WithoutChildrenOrChild } from '../../..';
 import { Portal } from '../Portal';
 type $$ComponentProps = TooltipPrimitive.ContentProps & {
-    arrowClasses?: string;
+    arrowClass?: string;
     arrow?: boolean;
     portalProps?: WithoutChildrenOrChild<ComponentProps<typeof Portal>>;
 };

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

@@ -1,5 +1,5 @@
 import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../../assets/src/components/Tooltip/Content/styles.css.ts.vanilla-jFnWFq35.css";
+import "./../../../assets/src/components/Tooltip/Content/styles.css.ts.vanilla-D_b_jcxS.css";
 
 //#region src/components/Tooltip/Content/styles.css.ts
 var __default__ = {

package/dist/components/Tooltip/Tooltip.js

@@ -20,7 +20,8 @@ function Tooltip$1($$anchor, $$props) {
 		"alignOffset",
 		"sideOffset",
 		"side",
-		"arrow"
+		"arrow",
+		"arrowClass"
 	]);
 	Provider($$anchor, {
 		children: ($$anchor, $$slotProps) => {
@@ -56,6 +57,9 @@ function Tooltip$1($$anchor, $$props) {
 							get sideOffset() {
 								return sideOffset();
 							},
+							get arrowClass() {
+								return $$props.arrowClass;
+							},
 							get side() {
 								return side();
 							},

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

@@ -8,4 +8,5 @@ export type TooltipProps = Tooltip.RootProps & {
     alignOffset?: number;
     side?: Tooltip.ContentProps['side'];
     class?: string;
+    arrowClass?: string;
 };

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export * as DropdownMenu from './DropdownMenu';
 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 { Item, type ItemProps, type ItemSize, type ItemVariant, } from './Item';
 export { Label } from './Label';
 export { Placeholder, type PlaceholderProps, type PlaceholderSize, } from './Placeholder';

package/dist/components.d.ts

@@ -45,6 +45,8 @@ import { Empty } from "./components/Empty/index.js";
 import { FieldOrientation, FieldVariants } from "./components/Field/types.js";
 import { Field } from "./components/Field/index.js";
 import { InputProps, InputType } from "./components/Input/types.js";
+import { InputGroupAddonAlign, InputGroupButtonSize } from "./components/InputGroup/types.js";
+import { InputGroup } from "./components/InputGroup/index.js";
 import { ItemProps, ItemSize, ItemVariant } from "./components/Item/types.js";
 import { Item } from "./components/Item/index.js";
 import { PopoverProps } from "./components/Popover/types.js";
@@ -62,4 +64,4 @@ import { TooltipProps } from "./components/Tooltip/types.js";
 import "./components/Tooltip/index.js";
 import { TypographyAlign, TypographyColor, TypographyProps, TypographyVariant } from "./components/Typography/types.js";
 import "./components/Typography/index.js";
-export { Accordion, Alert, Badge, type BadgeVariant, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardVariant, Carousel, type CarouselProps, Checkbox, CircularProgress, type CircularProgressProps, ContentState, type ContentStateErrorProps, type ContentStateProps, DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, type DataGridState, index_d_exports as DropdownMenu, type DropdownMenuProps, Empty, type EmptyMediaVariant, Field, type FieldOrientation, type FieldVariants, Input, type InputProps, type InputType, Item, type ItemProps, type ItemSize, type ItemVariant, Label_1 as Label, Placeholder, type PlaceholderProps, type PlaceholderSize, Popover, type PopoverProps, RangeInput, type RangeInputProps, type RangeInputSize, Select, Separator, type SeparatorProps, Slider, type SliderProps, Spinner, type SpinnerSize, Tabs, type TabsProps, Tooltip, type TooltipProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants };
+export { Accordion, Alert, Badge, type BadgeVariant, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardVariant, Carousel, type CarouselProps, Checkbox, CircularProgress, type CircularProgressProps, ContentState, type ContentStateErrorProps, type ContentStateProps, DataGrid, type DataGridColumn, type DataGridColumns, type DataGridProps, DataGridSortHeader, type DataGridSortHeaderProps, type DataGridSorting, type DataGridState, index_d_exports as DropdownMenu, type DropdownMenuProps, Empty, type EmptyMediaVariant, Field, type FieldOrientation, type FieldVariants, Input, InputGroup, type InputGroupAddonAlign, type InputGroupButtonSize, type InputProps, type InputType, Item, type ItemProps, type ItemSize, type ItemVariant, Label_1 as Label, Placeholder, type PlaceholderProps, type PlaceholderSize, Popover, type PopoverProps, RangeInput, type RangeInputProps, type RangeInputSize, Select, Separator, type SeparatorProps, Slider, type SliderProps, Spinner, type SpinnerSize, Tabs, type TabsProps, Tooltip, type TooltipProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants };

package/dist/components.js

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

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

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

package/dist/utils.d.ts

@@ -1,4 +1,10 @@
 import { type SpacingKey } from './theme.css';
-export declare const negativeSpacing: (...keys: SpacingKey[]) => string;
-export declare const spacing: (...keys: SpacingKey[]) => string;
+export type Spacing = {
+    (value: SpacingKey): string;
+    (topBottom: SpacingKey, rightLeft: SpacingKey): string;
+    (top: SpacingKey, rightLeft: SpacingKey, bottom: SpacingKey): string;
+    (top: SpacingKey, right: SpacingKey, bottom: SpacingKey, left: SpacingKey): string;
+};
+export declare const negativeSpacing: Spacing;
+export declare const spacing: Spacing;
 export declare const calculateSize: (value?: string | number) => string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.4.4",
+  "version": "1.5.0",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -43,8 +43,6 @@
     "@changesets/cli": "^2.29.8",
     "@chromatic-com/storybook": "^5.0.0",
     "@internationalized/date": "^3.11.0",
-    "embla-carousel-autoplay": "^8.6.0",
-    "embla-carousel-svelte": "^8.6.0",
     "@storybook/addon-a11y": "^10.2.6",
     "@storybook/addon-docs": "^10.2.6",
     "@storybook/addon-svelte-csf": "^5.0.10",
@@ -58,12 +56,15 @@
     "@vanilla-extract/vite-plugin": "^5.1.4",
     "@vitest/browser-playwright": "^4.0.18",
     "bumpp": "^10.4.1",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-svelte": "^8.6.0",
     "rollup-plugin-svelte": "^7.2.3",
     "storybook": "^10.2.6",
     "svelte": "^5.49.2",
     "svelte-check": "^4.3.6",
     "svelte-preprocess": "^6.0.3",
     "svelte2tsx": "^0.7.47",
+    "tsc-alias": "^1.8.16",
     "tsdown": "0.20.3",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
@@ -80,7 +81,9 @@
     "dev": "tsdown --watch",
     "play": "vite",
     "test": "vitest",
-    "typecheck": "svelte-check --tsconfig ./tsconfig.json",
+    "lint:types": "svelte-check --tsconfig ./tsconfig.json",
+    "lint:code": "biome check --write",
+    "lint": "pnpm run lint:types && pnpm run lint:code",
     "release": "bumpp && pnpm publish",
     "storybook": "storybook dev -p 6006"
   }

package/dist/assets/src/components/Accordion/Item/styles.css.ts.vanilla-D0hr7z3O.css

@@ -1,6 +0,0 @@
-.styles_item__thlklw0 {
-  border-bottom: 1px solid var(--colors-border);
-}
-.styles_item__thlklw0:last-child {
-  border-bottom: none;
-}

package/dist/components/Accordion/Item/styles.css.js

@@ -1,8 +0,0 @@
-import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
-import "./../../../assets/src/components/Accordion/Item/styles.css.ts.vanilla-D0hr7z3O.css";
-
-//#region src/components/Accordion/Item/styles.css.ts
-var __default__ = { item: "styles_item__thlklw0" };
-
-//#endregion
-export { __default__ as default };