@max-ts/svelte 1.10.0 → 1.10.1

package/dist/src/components/SliderInput/types.d.ts

@@ -0,0 +1,21 @@
+import { WithElementRef } from "../../types.js";
+import { HTMLAttributes } from "svelte/elements";
+
+//#region src/components/SliderInput/types.d.ts
+type SliderInputSize = 'small' | 'medium' | 'large';
+interface SliderInputProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
+  value?: number;
+  min: number;
+  max: number;
+  step?: number;
+  unit?: string;
+  width?: number | string;
+  size?: SliderInputSize;
+  name?: string;
+  isActive?: boolean;
+  onValueChange?: (value: number) => void;
+  onValueCommit?: (value: number) => void;
+  id?: string;
+}
+//#endregion
+export { SliderInputProps };

package/dist/src/components/Spinner/types.d.ts

@@ -0,0 +1,4 @@
+//#region src/components/Spinner/types.d.ts
+type SpinnerSize = 'small' | 'medium' | 'large';
+//#endregion
+export { SpinnerSize };

package/dist/src/components/Tabs/index.d.ts

@@ -0,0 +1,12 @@
+import { TabsProps } from "./types.js";
+import * as svelte_legacy0 from "svelte/legacy";
+
+//#region src/components/Tabs/index.d.ts
+declare const Tabs: {
+  Root: svelte_legacy0.LegacyComponentType;
+  List: svelte_legacy0.LegacyComponentType;
+  Trigger: svelte_legacy0.LegacyComponentType;
+  Content: svelte_legacy0.LegacyComponentType;
+};
+//#endregion
+export { Tabs };

package/dist/src/components/Tabs/types.d.ts

@@ -0,0 +1,6 @@
+import { Tabs } from "bits-ui";
+
+//#region src/components/Tabs/types.d.ts
+type TabsProps = Tabs.RootProps;
+//#endregion
+export { TabsProps };

package/dist/{components → src/components}/Tooltip/Tooltip.js

@@ -22,7 +22,8 @@ function Tooltip$1($$anchor, $$props) {
 		"arrow",
 		"arrowClass",
 		"triggerId",
-		"payload"
+		"payload",
+		"child"
 	]);
 	Provider($$anchor, {
 		children: ($$anchor, $$slotProps) => {
@@ -40,6 +41,9 @@ function Tooltip$1($$anchor, $$props) {
 						var fragment_2 = root_2();
 						var node_1 = $.first_child(fragment_2);
 						Trigger(node_1, {
+							get child() {
+								return $$props.child;
+							},
 							children: ($$anchor, $$slotProps) => {
 								var fragment_3 = $.comment();
 								var node_2 = $.first_child(fragment_3);

package/dist/src/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import Tooltip from "./Tooltip.js";
+import { TooltipProps } from "./types.js";

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

@@ -0,0 +1,20 @@
+import { Tooltip } from "bits-ui";
+import { Snippet } from "svelte";
+
+//#region src/components/Tooltip/types.d.ts
+type TooltipProps<Payload = never> = Tooltip.RootProps & {
+  content?: Snippet<[]> | string;
+  child?: Snippet<[{
+    props: Record<string, unknown>;
+  }]>;
+  arrow?: boolean;
+  align?: Tooltip.ContentProps['align'];
+  sideOffset?: number;
+  alignOffset?: number;
+  side?: Tooltip.ContentProps['side'];
+  class?: string;
+  arrowClass?: string;
+  payload?: [Payload] extends [never] ? null : Payload | null;
+};
+//#endregion
+export { TooltipProps };

package/dist/src/components/Typography/index.d.ts

@@ -0,0 +1,2 @@
+import Typography from "./Typography.js";
+import { TypographyAlign, TypographyColor, TypographyProps, TypographyVariant } from "./types.js";

package/dist/src/components/Typography/types.d.ts

@@ -0,0 +1,24 @@
+import { Snippet } from "svelte";
+
+//#region src/components/Typography/types.d.ts
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
+type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
+type ComponentVariant = 'div' | 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type TypographyColor = 'primary' | 'disabled' | 'info' | 'secondary' | 'success' | 'error' | 'muted' | 'warning';
+type TypographyProps = {
+  align?: TypographyAlign;
+  variant?: TypographyVariant;
+  color?: TypographyColor;
+  component?: ComponentVariant;
+  display?: 'block' | 'inline';
+  weight?: 'normal' | 'bold' | 'medium' | 'semibold';
+  transform?: 'lowercase' | 'capitalize' | 'uppercase';
+  decoration?: 'none' | 'underline' | 'lineThrough';
+  gutterBottom?: boolean;
+  children?: Snippet<[]>;
+  ref?: HTMLElement | null;
+  class?: string;
+  style?: string;
+};
+//#endregion
+export { TypographyAlign, TypographyColor, TypographyProps, TypographyVariant };

package/dist/src/types.d.ts

@@ -0,0 +1,13 @@
+//#region src/types.d.ts
+type WithoutChild<T> = T extends {
+  child?: any;
+} ? Omit<T, 'child'> : T;
+type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+type WithoutChildren<T> = T extends {
+  children?: any;
+} ? Omit<T, 'children'> : T;
+type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
+  ref?: U | null;
+};
+//#endregion
+export { WithElementRef, WithoutChildrenOrChild };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -40,30 +40,30 @@
     "@changesets/cli": "^2.30.0",
     "@chromatic-com/storybook": "^5.0.1",
     "@internationalized/date": "^3.12.0",
-    "@storybook/addon-a11y": "^10.2.16",
-    "@storybook/addon-docs": "^10.2.16",
+    "@storybook/addon-a11y": "^10.2.17",
+    "@storybook/addon-docs": "^10.2.17",
     "@storybook/addon-svelte-csf": "^5.0.11",
-    "@storybook/addon-vitest": "^10.2.16",
-    "@storybook/sveltekit": "^10.2.16",
+    "@storybook/addon-vitest": "^10.2.17",
+    "@storybook/sveltekit": "^10.2.17",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tsconfig/svelte": "^5.0.8",
-    "@types/node": "^25.3.5",
+    "@types/node": "^25.4.0",
     "@vanilla-extract/css": "^1.18.0",
     "@vanilla-extract/rollup-plugin": "^1.5.1",
     "@vanilla-extract/vite-plugin": "^5.1.4",
-    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/browser-playwright": "^4.1.0",
     "bumpp": "^10.4.1",
     "rollup-plugin-svelte": "^7.2.3",
-    "storybook": "^10.2.16",
-    "svelte": "^5.53.7",
+    "storybook": "^10.2.17",
+    "svelte": "^5.53.11",
     "svelte-check": "^4.4.5",
     "svelte-preprocess": "^6.0.3",
     "svelte2tsx": "^0.7.52",
-    "tsdown": "0.21.0",
+    "tsdown": "0.21.2",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.0.18",
+    "vitest": "^4.1.0",
     "vitest-browser-svelte": "^2.0.2"
   },
   "dependencies": {

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

@@ -1,17 +0,0 @@
-//#region src/components/RangeInput/styles.css.ts
-var __default__ = {
-	container: "styles_container__14rk0zx0",
-	active: "styles_active__14rk0zx2",
-	sizes: {
-		small: "styles_sizes_small__14rk0zx3",
-		medium: "styles_sizes_medium__14rk0zx4",
-		large: "styles_sizes_large__14rk0zx5"
-	},
-	text: "styles_text__14rk0zx6",
-	input: "styles_input__14rk0zx7",
-	slider: "styles_slider__14rk0zx8",
-	fullWidth: "styles_fullWidth__14rk0zx1",
-	track: "styles_track__14rk0zx9"
-};
-//#endregion
-export { __default__ as default };