@max-ts/svelte 1.2.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-DONNicjp.css

@@ -0,0 +1,62 @@
+.styles_root__mob0850 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+}
+.styles_list__mob0851 {
+  background-color: var(--colors-background-paper);
+  color: var(--colors-text-secondary);
+  display: inline-flex;
+  height: var(--spacing-10);
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--borderRadius-md);
+  box-shadow: var(--shadow-3);
+  padding: var(--spacing-1);
+  gap: var(--spacing-1);
+}
+.styles_trigger__mob0852 {
+  color: var(--colors-text-primary);
+  display: inline-flex;
+  height: calc(100% - 1px);
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-1);
+  border-radius: var(--borderRadius-md);
+  border: 1px solid transparent;
+  padding: var(--spacing-1) var(--spacing-2);
+  font-size: var(--fontSize-sm);
+  font-weight: var(--fontWeight-medium);
+  white-space: nowrap;
+  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
+  cursor: pointer;
+  outline: none;
+}
+.styles_trigger__mob0852[data-state=active] {
+  background-color: var(--colors-primary);
+  color: var(--colors-foreground-primary);
+  box-shadow: var(--shadow-1);
+}
+.styles_trigger__mob0852:focus-visible {
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
+  outline: 1px solid var(--colors-primary);
+}
+.styles_trigger__mob0852:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.styles_trigger__mob0852 svg {
+  pointer-events: none;
+  flex-shrink: 0;
+}
+.styles_trigger__mob0852 svg:not([class*='size-']) {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+}
+.styles_content__mob0853 {
+  flex: 1;
+  outline: none;
+}

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/assets/{theme.css.ts.vanilla-BRMmE1vI.css → theme.css.ts.vanilla-HT3RGHeI.css}

@@ -31,10 +31,10 @@
   --spacing-16: 4rem;
   --spacing-20: 5rem;
   --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.05);
-  --shadow-2: 0 1px 3px rgba(0, 0, 0, 0.1);
-  --shadow-3: 0 4px 6px rgba(0, 0, 0, 0.1);
-  --shadow-4: 0 10px 15px rgba(0, 0, 0, 0.15);
-  --shadow-5: 0 20px 25px rgba(0, 0, 0, 0.2);
+  --shadow-2: 0 1px 2px 0px rgba(0, 0, 0, 0.05);
+  --shadow-3: 0 1px 3px 0px rgba(0, 0, 0, 0.1), 0 1px 2px 0px rgba(0, 0, 0, 0.06);
+  --shadow-4: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --shadow-5: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   --elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba #00000024 (0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
   --elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);;
   --elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);

package/dist/components/Accordion/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-H6EZa6yD.css";
 
 //#region src/components/Accordion/Content/styles.css.ts

package/dist/components/Accordion/Item/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-D0hr7z3O.css";
 
 //#region src/components/Accordion/Item/styles.css.ts

package/dist/components/Accordion/Trigger/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-DAT8Bh3k.css";
 
 //#region src/components/Accordion/Trigger/styles.css.ts

package/dist/components/Alert/Description/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-aIFKt78Y.css";
 
 //#region src/components/Alert/Description/styles.css.ts

package/dist/components/Alert/Title/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-BaybB7G2.css";
 
 //#region src/components/Alert/Title/styles.css.ts

package/dist/components/Alert/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-BhvPVm8S.css";
 
 //#region src/components/Alert/styles.css.ts

package/dist/components/Badge/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-Bjel8_Kw.css";
 
 //#region src/components/Badge/styles.css.ts

package/dist/components/Button/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-Dt8KZ_4Z.css";
 
 //#region src/components/Button/styles.css.ts

package/dist/components/ButtonGroup/Separator/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-EvTZBBDg.css";
 
 //#region src/components/ButtonGroup/Separator/styles.css.ts

package/dist/components/ButtonGroup/Text/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-DmTiU6Ua.css";
 
 //#region src/components/ButtonGroup/Text/styles.css.ts

package/dist/components/ButtonGroup/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-BwE12Ho-.css";
 
 //#region src/components/ButtonGroup/styles.css.ts

package/dist/components/Calendar/Cell/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-DyHDgqAD.css";
 
 //#region src/components/Calendar/Cell/styles.css.ts

package/dist/components/Calendar/Day/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-CfL5V7LV.css";
 
 //#region src/components/Calendar/Day/styles.css.ts

package/dist/components/Calendar/Grid/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-CoC90GwV.css";
 
 //#region src/components/Calendar/Grid/styles.css.ts

package/dist/components/Calendar/GridRow/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-U6mvCZYf.css";
 
 //#region src/components/Calendar/GridRow/styles.css.ts

package/dist/components/Calendar/HeadCell/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-BzEYwUAy.css";
 
 //#region src/components/Calendar/HeadCell/styles.css.ts

package/dist/components/Calendar/Header/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-HzvDukx2.css";
 
 //#region src/components/Calendar/Header/styles.css.ts

package/dist/components/Calendar/MonthSelect/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-CdayGli7.css";
 
 //#region src/components/Calendar/MonthSelect/styles.css.ts

package/dist/components/Calendar/Months/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-D8F5R8Jq.css";
 
 //#region src/components/Calendar/Months/styles.css.ts

package/dist/components/Calendar/Nav/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-hgUZ58vD.css";
 
 //#region src/components/Calendar/Nav/styles.css.ts

package/dist/components/Calendar/YearSelect/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-ChIh2YSF.css";
 
 //#region src/components/Calendar/YearSelect/styles.css.ts

package/dist/components/Calendar/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-CkQD0ryE.css";
 
 //#region src/components/Calendar/styles.css.ts

package/dist/components/Card/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-BDTd_O_q.css";
 
 //#region src/components/Card/Content/styles.css.ts

package/dist/components/Card/Description/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-DkrZCqiD.css";
 
 //#region src/components/Card/Description/styles.css.ts

package/dist/components/Card/Footer/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-BsuS8s-a.css";
 
 //#region src/components/Card/Footer/styles.css.ts

package/dist/components/Card/Header/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-Ck0IW2si.css";
 
 //#region src/components/Card/Header/styles.css.ts

package/dist/components/Card/Title/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-CrIgH8US.css";
 
 //#region src/components/Card/Title/styles.css.ts

package/dist/components/Card/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-CmZufot2.css";
 
 //#region src/components/Card/styles.css.ts

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/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-vey50OEc.css";
 
 //#region src/components/Carousel/Content/styles.css.ts

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/Item/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-DM_PUW76.css";
 
 //#region src/components/Carousel/Item/styles.css.ts