@max-ts/svelte 1.2.0 → 1.4.0

package/dist/components/Tabs/Trigger/Trigger.js

@@ -0,0 +1,49 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Tabs } from "bits-ui";
+
+//#region src/components/Tabs/Trigger/Trigger.svelte
+function Trigger($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	{
+		let $0 = $.derived(() => [styles_css_default.trigger, $$props.class]);
+		$.component(node, () => Tabs.Trigger, ($$anchor$1, TabsPrimitive_Trigger) => {
+			TabsPrimitive_Trigger($$anchor$1, $.spread_props({
+				"data-slot": "tabs-trigger",
+				get class() {
+					return $.get($0);
+				}
+			}, () => restProps, {
+				get ref() {
+					return ref();
+				},
+				set ref($$value) {
+					ref($$value);
+				},
+				children: ($$anchor$2, $$slotProps) => {
+					var fragment_1 = $.comment();
+					var node_1 = $.first_child(fragment_1);
+					$.snippet(node_1, () => $$props.children ?? $.noop);
+					$.append($$anchor$2, fragment_1);
+				},
+				$$slots: { default: true }
+			}));
+		});
+	}
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Trigger as default };

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

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

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

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

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

@@ -0,0 +1,7 @@
+export declare const Tabs: {
+    Root: import("svelte").Component<import("bits-ui").TabsRootProps, {}, "value" | "ref">;
+    List: import("svelte").Component<import("bits-ui").TabsListProps, {}, "ref">;
+    Trigger: import("svelte").Component<import("bits-ui").TabsTriggerProps, {}, "ref">;
+    Content: import("svelte").Component<import("bits-ui").TabsContentProps, {}, "ref">;
+};
+export type * from './types.js';

package/dist/components/Tabs/index.js

@@ -0,0 +1,15 @@
+import Tabs$1 from "./Tabs.js";
+import List from "./List/List.js";
+import Trigger from "./Trigger/Trigger.js";
+import Content from "./Content/Content.js";
+
+//#region src/components/Tabs/index.ts
+const Tabs = {
+	Root: Tabs$1,
+	List,
+	Trigger,
+	Content
+};
+
+//#endregion
+export { Tabs };

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

@@ -0,0 +1,11 @@
+export declare const root: string;
+export declare const list: string;
+export declare const trigger: string;
+export declare const content: string;
+declare const _default: {
+    root: string;
+    list: string;
+    trigger: string;
+    content: string;
+};
+export default _default;

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

@@ -0,0 +1,14 @@
+import "./../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/styles.css.ts.vanilla-DONNicjp.css";
+
+//#region src/components/Tabs/styles.css.ts
+var __default__ = {
+	root: "styles_root__mob0850",
+	list: "styles_list__mob0851",
+	trigger: "styles_trigger__mob0852",
+	content: "styles_content__mob0853"
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -0,0 +1,5 @@
+import type { Tabs as TabsPrimitive } from 'bits-ui';
+export type TabsProps = TabsPrimitive.RootProps;
+export type TabsListProps = TabsPrimitive.ListProps;
+export type TabsTriggerProps = TabsPrimitive.TriggerProps;
+export type TabsContentProps = TabsPrimitive.ContentProps;

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

@@ -1,4 +1,4 @@
-import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
 import "./../../../assets/styles.css.ts.vanilla-jFnWFq35.css";
 
 //#region src/components/Tooltip/Content/styles.css.ts

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

@@ -1,4 +1,4 @@
-import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
 import "./../../assets/styles.css.ts.vanilla-RejbDOhi.css";
 
 //#region src/components/Typography/styles.css.ts

package/dist/components/index.d.ts

@@ -25,5 +25,6 @@ export { Select } from './Select/index.js';
 export { Separator, type SeparatorProps, } from './Separator/index.js';
 export { Slider, type SliderProps } from './Slider/index.js';
 export { Spinner, type SpinnerSize } from './Spinner/index.js';
+export { Tabs, type TabsProps } from './Tabs/index.js';
 export { Tooltip, type TooltipProps } from './Tooltip/index.js';
 export { Typography, type TypographyAlign, type TypographyColor, type TypographyVariant, } from './Typography/index.js';

package/dist/components/index.js

@@ -27,6 +27,7 @@ import { Popover } from "./Popover/index.js";
 import Slider from "./Slider/Slider.js";
 import RangeInput from "./RangeInput/RangeInput.js";
 import { Select } from "./Select/index.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, DropdownMenu_exports as DropdownMenu, Empty, Field, Input, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, 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, Item, Label_1 as Label, Placeholder, Popover, RangeInput, Select, Separator, Slider, Spinner, Tabs, Tooltip, Typography, badgeVariants, buttonVariants };

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

@@ -0,0 +1,19 @@
+import { Tabs } from '../components/index.js';
+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 Tabs: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Tabs = InstanceType<typeof Tabs>;
+export default Tabs;

package/dist/theme.js

@@ -1,4 +1,4 @@
-import "./assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./assets/theme.css.ts.vanilla-HT3RGHeI.css";
 
 //#region src/theme.css.ts
 var theme = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",

package/dist/assets/styles.css.ts.vanilla-Cj0JBm6N.css

@@ -1,25 +0,0 @@
-.styles_button__2sfgz90 {
-  position: absolute;
-  width: var(--spacing-8);
-  height: var(--spacing-8);
-  border-radius: 9999px;
-}
-.styles_button__2sfgz90 span {
-  visibility: hidden;
-  width: 0;
-  height: 0;
-}
-.styles_button__2sfgz90 svg {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-}
-.styles_orientation_horizontal__2sfgz91 {
-  right: calc(-1 * var(--spacing-10));
-  top: 50%;
-  transform: translateY(-50%);
-}
-.styles_orientation_vertical__2sfgz92 {
-  left: 50%;
-  bottom: calc(-1 * var(--spacing-10));
-  transform: translateX(-50%) rotate(90deg);
-}

package/dist/assets/styles.css.ts.vanilla-D2NN324N.css

@@ -1,25 +0,0 @@
-.styles_button__4va6680 {
-  position: absolute;
-  width: var(--spacing-8);
-  height: var(--spacing-8);
-  border-radius: 9999px;
-}
-.styles_button__4va6680 span {
-  visibility: hidden;
-  width: 0;
-  height: 0;
-}
-.styles_button__4va6680 svg {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-}
-.styles_orientation_horizontal__4va6681 {
-  left: calc(-1 * var(--spacing-10));
-  top: 50%;
-  transform: translateY(-50%);
-}
-.styles_orientation_vertical__4va6682 {
-  left: 50%;
-  top: calc(-1 * var(--spacing-10));
-  transform: translateX(-50%) rotate(90deg);
-}

package/dist/components/Carousel/Next/Next.js

@@ -1,69 +0,0 @@
-import Button from "../../Button/Button.js";
-import { getEmblaContext } from "../context.js";
-import styles_css_default from "./styles.css.js";
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import ArrowRightIcon from "@lucide/svelte/icons/arrow-right";
-
-//#region src/components/Carousel/Next/Next.svelte
-var root_1 = $.from_html(`<!> <span class="sr-only">Next slide</span>`, 1);
-function Next($$anchor, $$props) {
-	$.push($$props, true);
-	let ref = $.prop($$props, "ref", 15, null), variant = $.prop($$props, "variant", 3, "outline"), size = $.prop($$props, "size", 3, "icon"), restProps = $.rest_props($$props, [
-		"$$slots",
-		"$$events",
-		"$$legacy",
-		"ref",
-		"class",
-		"variant",
-		"size"
-	]);
-	const emblaCtx = getEmblaContext("<Carousel.Next/>");
-	{
-		let $0 = $.derived(() => !emblaCtx.canScrollNext);
-		let $1 = $.derived(() => [
-			styles_css_default.button,
-			styles_css_default.orientation[emblaCtx.orientation],
-			$$props.class
-		]);
-		Button($$anchor, $.spread_props({
-			"data-slot": "carousel-next",
-			get variant() {
-				return variant();
-			},
-			get size() {
-				return size();
-			},
-			get disabled() {
-				return $.get($0);
-			},
-			get class() {
-				return $.get($1);
-			},
-			get onclick() {
-				return emblaCtx.scrollNext;
-			},
-			get onkeydown() {
-				return emblaCtx.handleKeyDown;
-			}
-		}, () => restProps, {
-			get ref() {
-				return ref();
-			},
-			set ref($$value) {
-				ref($$value);
-			},
-			children: ($$anchor$1, $$slotProps) => {
-				var fragment_1 = root_1();
-				ArrowRightIcon($.first_child(fragment_1), {});
-				$.next(2);
-				$.append($$anchor$1, fragment_1);
-			},
-			$$slots: { default: true }
-		}));
-	}
-	$.pop();
-}
-
-//#endregion
-export { Next as default };

package/dist/components/Carousel/Next/Next.svelte.d.ts

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

package/dist/components/Carousel/Next/index.d.ts

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

package/dist/components/Carousel/Next/styles.css.d.ts

@@ -1,7 +0,0 @@
-export declare const button: string;
-export declare const orientation: Record<"horizontal" | "vertical", string>;
-declare const _default: {
-    button: string;
-    orientation: Record<"horizontal" | "vertical", string>;
-};
-export default _default;

package/dist/components/Carousel/Next/styles.css.js

@@ -1,16 +0,0 @@
-import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
-import "./../../../assets/styles.css.ts.vanilla-Cj0JBm6N.css";
-
-//#region src/components/Carousel/Next/styles.css.ts
-var orientation = {
-	horizontal: "styles_orientation_horizontal__2sfgz91",
-	vertical: "styles_orientation_vertical__2sfgz92"
-};
-var __default__ = {
-	button: "styles_button__2sfgz90",
-	orientation
-};
-var styles_css_default = __default__;
-
-//#endregion
-export { styles_css_default as default };

package/dist/components/Carousel/Previous/Previous.js

@@ -1,69 +0,0 @@
-import Button from "../../Button/Button.js";
-import { getEmblaContext } from "../context.js";
-import styles_css_default from "./styles.css.js";
-import "svelte/internal/disclose-version";
-import * as $ from "svelte/internal/client";
-import ArrowLeftIcon from "@lucide/svelte/icons/arrow-left";
-
-//#region src/components/Carousel/Previous/Previous.svelte
-var root_1 = $.from_html(`<!> <span>Previous slide</span>`, 1);
-function Previous($$anchor, $$props) {
-	$.push($$props, true);
-	let ref = $.prop($$props, "ref", 15, null), variant = $.prop($$props, "variant", 3, "outline"), size = $.prop($$props, "size", 3, "icon"), restProps = $.rest_props($$props, [
-		"$$slots",
-		"$$events",
-		"$$legacy",
-		"ref",
-		"class",
-		"variant",
-		"size"
-	]);
-	const emblaCtx = getEmblaContext("<Carousel.Previous/>");
-	{
-		let $0 = $.derived(() => !emblaCtx.canScrollPrev);
-		let $1 = $.derived(() => [
-			styles_css_default.button,
-			styles_css_default.orientation[emblaCtx.orientation],
-			$$props.class
-		]);
-		Button($$anchor, $.spread_props({
-			"data-slot": "carousel-previous",
-			get variant() {
-				return variant();
-			},
-			get size() {
-				return size();
-			},
-			get disabled() {
-				return $.get($0);
-			},
-			get class() {
-				return $.get($1);
-			},
-			get onclick() {
-				return emblaCtx.scrollPrev;
-			},
-			get onkeydown() {
-				return emblaCtx.handleKeyDown;
-			}
-		}, () => restProps, {
-			get ref() {
-				return ref();
-			},
-			set ref($$value) {
-				ref($$value);
-			},
-			children: ($$anchor$1, $$slotProps) => {
-				var fragment_1 = root_1();
-				ArrowLeftIcon($.first_child(fragment_1), {});
-				$.next(2);
-				$.append($$anchor$1, fragment_1);
-			},
-			$$slots: { default: true }
-		}));
-	}
-	$.pop();
-}
-
-//#endregion
-export { Previous as default };

package/dist/components/Carousel/Previous/Previous.svelte.d.ts

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

package/dist/components/Carousel/Previous/index.d.ts

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

package/dist/components/Carousel/Previous/styles.css.d.ts

@@ -1,7 +0,0 @@
-export declare const button: string;
-export declare const orientation: Record<"horizontal" | "vertical", string>;
-declare const _default: {
-    button: string;
-    orientation: Record<"horizontal" | "vertical", string>;
-};
-export default _default;

package/dist/components/Carousel/Previous/styles.css.js

@@ -1,16 +0,0 @@
-import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
-import "./../../../assets/styles.css.ts.vanilla-D2NN324N.css";
-
-//#region src/components/Carousel/Previous/styles.css.ts
-var orientation = {
-	horizontal: "styles_orientation_horizontal__4va6681",
-	vertical: "styles_orientation_vertical__4va6682"
-};
-var __default__ = {
-	button: "styles_button__4va6680",
-	orientation
-};
-var styles_css_default = __default__;
-
-//#endregion
-export { styles_css_default as default };