@max-ts/svelte 1.3.0 → 1.4.0

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

@@ -0,0 +1,58 @@
+.styles_buttonBase__3ygkf90 {
+  position: absolute;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.styles_buttonBase__3ygkf90:disabled {
+  user-select: none;
+  cursor: default;
+  opacity: 0.5;
+}
+.styles_iconWrapper__3ygkf91 {
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--colors-background-paper);
+  border-radius: 9999px;
+  transition: transform 0.2s ease;
+}
+.styles_buttonBase__3ygkf90:not(:disabled):hover .styles_iconWrapper__3ygkf91 {
+  transform: scale(1.1);
+}
+.styles_iconWrapper__3ygkf91 svg {
+  width: var(--spacing-5);
+  height: var(--spacing-5);
+}
+.styles_buttonNext_horizontal__3ygkf92 {
+  right: 0;
+  top: 0;
+  width: clamp(2.5rem, 4vw, 4rem);
+  height: 100%;
+}
+.styles_buttonNext_vertical__3ygkf93 {
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: clamp(2.5rem, 4vw, 4rem);
+}
+.styles_buttonPrev_horizontal__3ygkf94 {
+  left: 0;
+  top: 0;
+  width: clamp(2.5rem, 4vw, 4rem);
+  height: 100%;
+}
+.styles_buttonPrev_vertical__3ygkf95 {
+  right: 0;
+  top: 0;
+  width: 100%;
+  height: clamp(2.5rem, 4vw, 4rem);
+}
+.styles_buttonNext_vertical__3ygkf93 svg, .styles_buttonPrev_vertical__3ygkf95 svg {
+  transform: rotate(90deg);
+}

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

@@ -0,0 +1,56 @@
+.styles_baseWrapper__zoccy10 {
+  display: flex;
+  position: absolute;
+  z-index: 1;
+  overflow: auto;
+  justify-content: center;
+  gap: var(--spacing-1);
+}
+.styles_wrapper_horizontal__zoccy11 {
+  width: 100%;
+  height: auto;
+  bottom: var(--spacing-2);
+  left: 0;
+}
+.styles_wrapper_vertical__zoccy12 {
+  width: auto;
+  height: 100%;
+  bottom: 0;
+  left: var(--spacing-4);
+  flex-direction: column;
+}
+.styles_buttonBase__zoccy13 {
+  width: var(--spacing-6);
+  height: var(--spacing-6);
+  position: relative;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+}
+.styles_buttonBase__zoccy13:focus {
+  outline: none;
+}
+.styles_buttonBase__zoccy13:after {
+  background-color: var(--colors-border);
+}
+.styles_dotButton_horizontal__zoccy14::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 100%;
+  height: 2px;
+}
+.styles_dotButton_vertical__zoccy15::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 0;
+  transform: translateX(-50%);
+  width: 2px;
+  height: 100%;
+}
+.styles_selected__zoccy16::after {
+  background-color: var(--colors-primary);
+}

package/dist/components/Carousel/Arrows/Arrows.js

@@ -0,0 +1,59 @@
+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";
+import ArrowRightIcon from "@lucide/svelte/icons/arrow-right";
+
+//#region src/components/Carousel/Arrows/Arrows.svelte
+var root = $.from_html(`<button><span><!></span></button> <button><span><!></span></button>`, 1);
+function Arrows($$anchor, $$props) {
+	$.push($$props, true);
+	let restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"class"
+	]);
+	const emblaNextCtx = getEmblaContext("<Carousel.Next/>");
+	const emblaPrevCtx = getEmblaContext("<Carousel.Previous/>");
+	var fragment = root();
+	var button = $.first_child(fragment);
+	$.attribute_effect(button, () => ({
+		"data-slot": "carousel-previous",
+		disabled: !emblaPrevCtx.canScrollPrev,
+		class: [styles_css_default.buttonPrev[emblaPrevCtx.orientation], $$props.class],
+		onclick: emblaPrevCtx.scrollPrev,
+		onkeydown: emblaPrevCtx.handleKeyDown,
+		"aria-label": "Previous slide",
+		...restProps
+	}));
+	var span = $.child(button);
+	ArrowLeftIcon($.child(span), {});
+	$.reset(span);
+	$.reset(button);
+	var button_1 = $.sibling(button, 2);
+	$.attribute_effect(button_1, () => ({
+		"data-slot": "carousel-next",
+		disabled: !emblaNextCtx.canScrollNext,
+		"aria-disabled": !emblaNextCtx.canScrollNext,
+		class: [styles_css_default.buttonNext[emblaNextCtx.orientation], $$props.class],
+		onclick: emblaNextCtx.scrollNext,
+		onkeydown: emblaNextCtx.handleKeyDown,
+		"aria-label": "Next slide",
+		...restProps
+	}));
+	var span_1 = $.child(button_1);
+	ArrowRightIcon($.child(span_1), {});
+	$.reset(span_1);
+	$.reset(button_1);
+	$.template_effect(() => {
+		$.set_class(span, 1, $.clsx(styles_css_default.iconWrapper));
+		$.set_class(span_1, 1, $.clsx(styles_css_default.iconWrapper));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Arrows as default };

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

@@ -0,0 +1,3 @@
+declare const Arrows: import("svelte").Component<Omit<import("svelte/elements").HTMLButtonAttributes, "children">, {}, "">;
+type Arrows = ReturnType<typeof Arrows>;
+export default Arrows;

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

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

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

@@ -0,0 +1,10 @@
+export declare const buttonBase: string;
+export declare const iconWrapper: string;
+export declare const buttonNext: Record<"horizontal" | "vertical", string>;
+export declare const buttonPrev: Record<"horizontal" | "vertical", string>;
+declare const _default: {
+    buttonNext: Record<"horizontal" | "vertical", string>;
+    buttonPrev: Record<"horizontal" | "vertical", string>;
+    iconWrapper: string;
+};
+export default _default;

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

@@ -0,0 +1,21 @@
+import "./../../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/styles.css.ts.vanilla-CFc3t0Nn.css";
+
+//#region src/components/Carousel/Arrows/styles.css.ts
+var buttonNext = {
+	horizontal: "styles_buttonNext_horizontal__3ygkf92 styles_buttonBase__3ygkf90",
+	vertical: "styles_buttonNext_vertical__3ygkf93 styles_buttonBase__3ygkf90"
+};
+var buttonPrev = {
+	horizontal: "styles_buttonPrev_horizontal__3ygkf94 styles_buttonBase__3ygkf90",
+	vertical: "styles_buttonPrev_vertical__3ygkf95 styles_buttonBase__3ygkf90"
+};
+var __default__ = {
+	buttonNext,
+	buttonPrev,
+	iconWrapper: "styles_iconWrapper__3ygkf91"
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/Carousel/Carousel.js

@@ -7,12 +7,12 @@ import * as $ from "svelte/internal/client";
 var root = $.from_html(`<div><!></div>`);
 function Carousel($$anchor, $$props) {
 	$.push($$props, true);
-	let ref = $.prop($$props, "ref", 15, null), opts = $.prop($$props, "opts", 19, () => ({})), plugins = $.prop($$props, "plugins", 19, () => []), setApi = $.prop($$props, "setApi", 3, () => {}), orientation = $.prop($$props, "orientation", 3, "horizontal"), restProps = $.rest_props($$props, [
+	let ref = $.prop($$props, "ref", 15, null), setApi = $.prop($$props, "setApi", 3, () => {}), orientation = $.prop($$props, "orientation", 3, "horizontal"), restProps = $.rest_props($$props, [
 		"$$slots",
 		"$$events",
 		"$$legacy",
 		"ref",
-		"opts",
+		"options",
 		"plugins",
 		"setApi",
 		"orientation",
@@ -23,12 +23,12 @@ function Carousel($$anchor, $$props) {
 		api: void 0,
 		scrollPrev,
 		scrollNext,
-		orientation: orientation(),
+		orientation: "horizontal",
 		canScrollNext: false,
 		canScrollPrev: false,
 		handleKeyDown,
-		options: opts(),
-		plugins: plugins(),
+		options: {},
+		plugins: [],
 		onInit,
 		scrollSnaps: [],
 		selectedIndex: 0,
@@ -67,6 +67,9 @@ function Carousel($$anchor, $$props) {
 		onSelect();
 	}
 	$.user_effect(() => {
+		if (orientation()) carouselState.orientation = orientation();
+		if ($$props.options) carouselState.options = $$props.options;
+		if ($$props.plugins?.length) carouselState.plugins = $$props.plugins;
 		return () => {
 			carouselState.api?.off("select", onSelect);
 		};

package/dist/components/Carousel/Dots/Dots.js

@@ -0,0 +1,39 @@
+import { getEmblaContext } from "../context.js";
+import styles_css_default from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Carousel/Dots/Dots.svelte
+var root_1 = $.from_html(`<button type="button" aria-label="Carousel Dots"></button>`);
+var root = $.from_html(`<div></div>`);
+function Dots($$anchor, $$props) {
+	$.push($$props, true);
+	let restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"class"
+	]);
+	const emblaCtx = getEmblaContext("<Carousel.Dots/>");
+	const onClick = (index) => {
+		emblaCtx.scrollTo(index);
+	};
+	var div = root();
+	$.attribute_effect(div, () => ({
+		class: [styles_css_default.wrapper[emblaCtx.orientation], $$props.class],
+		...restProps
+	}));
+	$.each(div, 21, () => emblaCtx.scrollSnaps, $.index, ($$anchor$1, _, index) => {
+		var button = root_1();
+		button.__click = () => onClick(index);
+		$.template_effect(() => $.set_class(button, 1, $.clsx([styles_css_default.dotButton[emblaCtx.orientation], { [styles_css_default.selected]: index === emblaCtx.selectedIndex }])));
+		$.append($$anchor$1, button);
+	});
+	$.reset(div);
+	$.append($$anchor, div);
+	$.pop();
+}
+$.delegate(["click"]);
+
+//#endregion
+export { Dots as default };

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

@@ -0,0 +1,3 @@
+declare const Dots: import("svelte").Component<Omit<import("svelte/elements").HTMLAttributes<HTMLDivElement>, "children">, {}, "">;
+type Dots = ReturnType<typeof Dots>;
+export default Dots;

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

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

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    wrapper: Record<"horizontal" | "vertical", string>;
+    dotButton: Record<"horizontal" | "vertical", string>;
+    selected: string;
+};
+export default _default;

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

@@ -0,0 +1,19 @@
+import "./../../../assets/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/styles.css.ts.vanilla-GOQJy88x.css";
+
+//#region src/components/Carousel/Dots/styles.css.ts
+var __default__ = {
+	wrapper: {
+		horizontal: "styles_wrapper_horizontal__zoccy11 styles_baseWrapper__zoccy10",
+		vertical: "styles_wrapper_vertical__zoccy12 styles_baseWrapper__zoccy10"
+	},
+	dotButton: {
+		horizontal: "styles_dotButton_horizontal__zoccy14 styles_buttonBase__zoccy13",
+		vertical: "styles_dotButton_vertical__zoccy15 styles_buttonBase__zoccy13"
+	},
+	selected: "styles_selected__zoccy16"
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -2,7 +2,7 @@ export declare const Carousel: {
     Root: import("svelte").Component<import("./types.js").CarouselProps, {}, "ref">;
     Content: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
     Item: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-    Next: import("svelte").Component<Omit<import("../Button/types.js").ButtonProps, "children">, {}, "ref">;
-    Previous: import("svelte").Component<Omit<import("../Button/types.js").ButtonProps, "children">, {}, "ref">;
+    Arrows: import("svelte").Component<Omit<import("svelte/elements").HTMLButtonAttributes, "children">, {}, "">;
+    Dots: import("svelte").Component<Omit<import("svelte/elements").HTMLAttributes<HTMLDivElement>, "children">, {}, "">;
 };
 export type * from './types.js';

package/dist/components/Carousel/index.js

@@ -1,16 +1,16 @@
+import Arrows from "./Arrows/Arrows.js";
 import Carousel$1 from "./Carousel.js";
 import Content from "./Content/Content.js";
+import Dots from "./Dots/Dots.js";
 import Item from "./Item/Item.js";
-import Next from "./Next/Next.js";
-import Previous from "./Previous/Previous.js";
 
 //#region src/components/Carousel/index.ts
 const Carousel = {
 	Root: Carousel$1,
 	Content,
 	Item,
-	Next,
-	Previous
+	Arrows,
+	Dots
 };
 
 //#endregion

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

@@ -1,12 +1,12 @@
-import type { WithElementRef } from '../../types.js';
-import type { HTMLAttributes } from 'svelte/elements';
 import type { EmblaCarouselSvelteType, default as emblaCarouselSvelte } from 'embla-carousel-svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../types.js';
 export type CarouselAPI = NonNullable<NonNullable<EmblaCarouselSvelteType['$$_attributes']>['onemblaInit']> extends (evt: CustomEvent<infer API>) => void ? API : any;
 type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
 export type CarouselOptions = EmblaCarouselConfig['options'];
 export type CarouselPlugins = EmblaCarouselConfig['plugins'];
 export interface CarouselProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
-    opts?: CarouselOptions;
+    options?: CarouselOptions;
     plugins?: CarouselPlugins;
     setApi?: (api: CarouselAPI | undefined) => void;
     orientation?: 'horizontal' | 'vertical';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.3.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-HT3RGHeI.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-HT3RGHeI.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 };