@moduix/react 2.2.0 → 2.2.4

package/dist/components/card/{Card.css → Card_module.css}

@@ -1,5 +1,5 @@
 @layer moduix.components {
-  ._2rXk6G_root {
+  .root-aWX0Lo {
     --moduix-card-padding-default: var(--moduix-card-spacing, var(--moduix-card-padding, var(--moduix-spacing-6)));
     --moduix-card-section-spacing-default: var(--moduix-card-spacing, var(--moduix-card-body-padding-top, var(--moduix-spacing-4)));
     --moduix-card-title-font-size-default: var(--moduix-card-title-font-size, var(--moduix-text-lg));
@@ -16,48 +16,48 @@
     flex-direction: column;
     display: flex;
     position: relative;
+  }
+
+  .root-aWX0Lo:where(a) {
+    text-decoration: none;
+  }
+
+  .root-aWX0Lo[data-size="sm"] {
+    --moduix-card-padding-default: var(--moduix-card-spacing-sm, var(--moduix-card-spacing, var(--moduix-card-padding-sm, var(--moduix-spacing-4))));
+    --moduix-card-section-spacing-default: var(--moduix-card-spacing-sm, var(--moduix-card-spacing, var(--moduix-card-body-padding-top, var(--moduix-spacing-4))));
+    --moduix-card-title-font-size-default: var(--moduix-card-title-font-size-sm, var(--moduix-text-md));
+    --moduix-card-title-line-height-default: var(--moduix-card-title-line-height-sm, var(--moduix-line-height-text-md));
+  }
+
+  .root-aWX0Lo[data-size="lg"] {
+    --moduix-card-padding-default: var(--moduix-card-spacing-lg, var(--moduix-card-spacing, var(--moduix-card-padding-lg, var(--moduix-spacing-8))));
+    --moduix-card-section-spacing-default: var(--moduix-card-spacing-lg, var(--moduix-card-spacing, var(--moduix-card-body-padding-top, var(--moduix-spacing-4))));
+    --moduix-card-title-font-size-default: var(--moduix-card-title-font-size-lg, var(--moduix-text-xl));
+    --moduix-card-title-line-height-default: var(--moduix-card-title-line-height-lg, var(--moduix-line-height-text-xl));
+  }
+
+  .root-aWX0Lo[data-variant="elevated"] {
+    --moduix-card-border-width-default: 0;
+    --moduix-card-shadow-default: var(--moduix-shadow-md);
+  }
+
+  .root-aWX0Lo[data-variant="subtle"] {
+    --moduix-card-border-width-default: 0;
+    --moduix-card-bg-default: var(--moduix-color-muted);
+  }
+
+  .root-aWX0Lo:has([data-scope="card"][data-part="link"]) :where(a, button, input, select, textarea, [role="button"], [role="checkbox"], [role="menuitem"], [role="switch"], [tabindex]:not([tabindex="-1"])):not([data-scope="card"][data-part="link"]) {
+    z-index: 1;
+    position: relative;
+  }
 
-    &:where(a) {
-      text-decoration: none;
-    }
-
-    &[data-size="sm"] {
-      --moduix-card-padding-default: var(--moduix-card-spacing-sm, var(--moduix-card-spacing, var(--moduix-card-padding-sm, var(--moduix-spacing-4))));
-      --moduix-card-section-spacing-default: var(--moduix-card-spacing-sm, var(--moduix-card-spacing, var(--moduix-card-body-padding-top, var(--moduix-spacing-4))));
-      --moduix-card-title-font-size-default: var(--moduix-card-title-font-size-sm, var(--moduix-text-md));
-      --moduix-card-title-line-height-default: var(--moduix-card-title-line-height-sm, var(--moduix-line-height-text-md));
-    }
-
-    &[data-size="lg"] {
-      --moduix-card-padding-default: var(--moduix-card-spacing-lg, var(--moduix-card-spacing, var(--moduix-card-padding-lg, var(--moduix-spacing-8))));
-      --moduix-card-section-spacing-default: var(--moduix-card-spacing-lg, var(--moduix-card-spacing, var(--moduix-card-body-padding-top, var(--moduix-spacing-4))));
-      --moduix-card-title-font-size-default: var(--moduix-card-title-font-size-lg, var(--moduix-text-xl));
-      --moduix-card-title-line-height-default: var(--moduix-card-title-line-height-lg, var(--moduix-line-height-text-xl));
-    }
-
-    &[data-variant="elevated"] {
-      --moduix-card-border-width-default: 0;
-      --moduix-card-shadow-default: var(--moduix-shadow-md);
-    }
-
-    &[data-variant="subtle"] {
-      --moduix-card-border-width-default: 0;
-      --moduix-card-bg-default: var(--moduix-color-muted);
-    }
-
-    &:has([data-scope="card"][data-part="link"]) :where(a, button, input, select, textarea, [role="button"], [role="checkbox"], [role="menuitem"], [role="switch"], [tabindex]:not([tabindex="-1"])):not([data-scope="card"][data-part="link"]) {
-      z-index: 1;
-      position: relative;
-    }
-  }
-
-  ._2rXk6G_header, ._2rXk6G_body, ._2rXk6G_footer {
+  .header-F5Ms8N, .body-eUwDjL, .footer-QbUloO {
     box-sizing: border-box;
     min-width: 0;
     padding-inline: var(--moduix-card-padding-default);
   }
 
-  ._2rXk6G_header {
+  .header-F5Ms8N {
     column-gap: var(--moduix-card-action-gap, var(--moduix-spacing-2));
     row-gap: var(--moduix-card-header-gap, var(--moduix-spacing-1));
     padding-block: var(--moduix-card-padding-default) 0;
@@ -65,40 +65,44 @@
     display: grid;
   }
 
-  ._2rXk6G_media {
+  .media-ARRUMe {
     border-start-start-radius: inherit;
     border-start-end-radius: inherit;
     min-width: 0;
     overflow: hidden;
+  }
 
-    & > :where(img, picture, video, canvas, svg, iframe) {
-      width: 100%;
-      max-width: 100%;
-      display: block;
-    }
+  .media-ARRUMe > :where(img, picture, video, canvas, svg, iframe) {
+    width: 100%;
+    max-width: 100%;
+    display: block;
   }
 
-  ._2rXk6G_body {
+  .media-ARRUMe > picture > img {
+    display: block;
+  }
+
+  .body-eUwDjL {
     padding-block: var(--moduix-card-section-spacing-default) var(--moduix-card-padding-default);
     color: var(--moduix-card-body-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-card-body-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-card-body-line-height, var(--moduix-line-height-text-sm));
     overflow-wrap: anywhere;
+  }
 
-    &:first-child {
-      padding-block-start: var(--moduix-card-padding-default);
-    }
+  .body-eUwDjL:first-child {
+    padding-block-start: var(--moduix-card-padding-default);
+  }
 
-    & > :first-child {
-      margin-top: 0;
-    }
+  .body-eUwDjL > :first-child {
+    margin-top: 0;
+  }
 
-    & > :last-child {
-      margin-bottom: 0;
-    }
+  .body-eUwDjL > :last-child {
+    margin-bottom: 0;
   }
 
-  ._2rXk6G_footer {
+  .footer-QbUloO {
     align-items: center;
     gap: var(--moduix-card-footer-gap, var(--moduix-spacing-2));
     padding-block: 0 var(--moduix-card-padding-default);
@@ -106,7 +110,7 @@
     display: flex;
   }
 
-  ._2rXk6G_title {
+  .title-E5XltJ {
     min-width: 0;
     color: var(--moduix-card-title-color, currentColor);
     font-size: var(--moduix-card-title-font-size-default);
@@ -117,7 +121,7 @@
     margin: 0;
   }
 
-  ._2rXk6G_description {
+  .description-sVGJRZ {
     min-width: 0;
     color: var(--moduix-card-description-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-card-description-font-size, var(--moduix-text-sm));
@@ -127,7 +131,7 @@
     margin: 0;
   }
 
-  ._2rXk6G_action {
+  .action-LB386d {
     z-index: 1;
     justify-content: flex-end;
     align-items: start;
@@ -138,27 +142,28 @@
     position: relative;
   }
 
-  ._2rXk6G_link {
+  .link-HfS5Tb {
     color: inherit;
     text-decoration: none;
     position: static;
+  }
 
-    &:after {
-      content: "";
-      z-index: 0;
-      border-radius: var(--moduix-card-radius, var(--moduix-radius-lg));
-      position: absolute;
-      inset: 0;
-    }
+  .link-HfS5Tb:after {
+    content: "";
+    z-index: 0;
+    border-radius: var(--moduix-card-radius, var(--moduix-radius-lg));
+    position: absolute;
+    inset: 0;
+  }
 
-    &:focus-visible {
-      outline: 0;
-    }
+  .link-HfS5Tb:focus-visible {
+    outline: 0;
+  }
 
-    &:focus-visible:after {
-      outline: var(--moduix-card-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+  .link-HfS5Tb:focus-visible:after {
+    outline: var(--moduix-card-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         solid var(--moduix-card-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-card-focus-ring-offset, var(--moduix-border-width-sm));
-    }
+    outline-offset: var(--moduix-card-focus-ring-offset, var(--moduix-border-width-sm));
   }
 }
+

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

@@ -0,0 +1 @@
+export { Card } from './Card.js';

package/dist/components/card/index.js

@@ -0,0 +1 @@
+export { Card } from "./Card.js";

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

@@ -1,23 +1,20 @@
-import { Carousel } from "@ark-ui/react/carousel";
-
-//#region src/components/carousel/Carousel.d.ts
-declare const Carousel$1: import("react").ForwardRefExoticComponent<Omit<Carousel.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Carousel.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  RootProvider: import("react").ForwardRefExoticComponent<Omit<Carousel.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Context: (props: Carousel.ContextProps) => import("react").ReactNode;
-  Control: import("react").ForwardRefExoticComponent<Omit<Carousel.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemGroup: import("react").ForwardRefExoticComponent<Omit<Carousel.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<Carousel.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  PrevTrigger: import("react").ForwardRefExoticComponent<Omit<Carousel.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  NextTrigger: import("react").ForwardRefExoticComponent<Omit<Carousel.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  IndicatorGroup: import("react").ForwardRefExoticComponent<Omit<Carousel.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<Carousel.IndicatorProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Indicators: import("react").ForwardRefExoticComponent<Omit<Carousel.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement> & {
-    indicatorClassName?: string;
-  }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  AutoplayTrigger: import("react").ForwardRefExoticComponent<Omit<Carousel.AutoplayTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  AutoplayIndicator: import("react").ForwardRefExoticComponent<Omit<Carousel.AutoplayIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  ProgressText: import("react").ForwardRefExoticComponent<Omit<Carousel.ProgressTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+import { Carousel as CarouselPrimitive, useCarousel, useCarouselContext } from '@ark-ui/react/carousel';
+declare const Carousel: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: CarouselPrimitive.ContextProps) => import("react").ReactNode;
+    Control: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.ControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemGroup: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.ItemGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    PrevTrigger: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.PrevTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    NextTrigger: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.NextTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    IndicatorGroup: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.IndicatorProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicators: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.IndicatorGroupProps & import("react").RefAttributes<HTMLDivElement> & {
+        indicatorClassName?: string;
+    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    AutoplayTrigger: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.AutoplayTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    AutoplayIndicator: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.AutoplayIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ProgressText: import("react").ForwardRefExoticComponent<Omit<CarouselPrimitive.ProgressTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 };
-//#endregion
-export { Carousel$1 as Carousel };
+export { Carousel, useCarousel, useCarouselContext };

package/dist/components/carousel/Carousel.js

@@ -1,141 +1,142 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { ChevronLeftIcon, ChevronRightIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import Carousel_module_default from "./Carousel.module.js";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Carousel, useCarousel, useCarouselContext } from "@ark-ui/react/carousel";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-import { Carousel } from "@ark-ui/react/carousel";
-//#region src/components/carousel/Carousel.tsx
-const CarouselRoot = forwardRef(function CarouselRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Root, {
-		ref,
-		"data-slot": "carousel-root",
-		className: clsx(Carousel_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { ChevronLeftIcon, ChevronRightIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Carousel_module from "./Carousel.module.js";
+const Carousel_CarouselRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Root, {
+        ref: ref,
+        "data-slot": "carousel-root",
+        className: clsx(Carousel_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselRootProvider = forwardRef(function CarouselRootProvider({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.RootProvider, {
-		ref,
-		"data-slot": "carousel-root-provider",
-		className: clsx(Carousel_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselRootProvider = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.RootProvider, {
+        ref: ref,
+        "data-slot": "carousel-root-provider",
+        className: clsx(Carousel_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselControl = forwardRef(function CarouselControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Control, {
-		ref,
-		"data-slot": "carousel-control",
-		className: clsx(Carousel_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Control, {
+        ref: ref,
+        "data-slot": "carousel-control",
+        className: clsx(Carousel_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselItemGroup = forwardRef(function CarouselItemGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.ItemGroup, {
-		ref,
-		"data-slot": "carousel-item-group",
-		className: clsx(Carousel_module_default.itemGroup, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.ItemGroup, {
+        ref: ref,
+        "data-slot": "carousel-item-group",
+        className: clsx(Carousel_module.itemGroup, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselItem = forwardRef(function CarouselItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Item, {
-		ref,
-		"data-slot": "carousel-item",
-		className: clsx(Carousel_module_default.item, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Item, {
+        ref: ref,
+        "data-slot": "carousel-item",
+        className: clsx(Carousel_module.item, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselPrevTrigger = forwardRef(function CarouselPrevTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.PrevTrigger, {
-		ref,
-		"data-slot": "carousel-prev-trigger",
-		className: clsx(Carousel_module_default.prevTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx("span", {
-			className: Carousel_module_default.defaultIcon,
-			children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-		})
-	});
+const Carousel_CarouselPrevTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.PrevTrigger, {
+        ref: ref,
+        "data-slot": "carousel-prev-trigger",
+        className: clsx(Carousel_module.prevTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            className: Carousel_module.defaultIcon,
+            children: /*#__PURE__*/ jsx(ChevronLeftIcon, {})
+        })
+    });
 });
-const CarouselNextTrigger = forwardRef(function CarouselNextTrigger({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.NextTrigger, {
-		ref,
-		"data-slot": "carousel-next-trigger",
-		className: clsx(Carousel_module_default.nextTrigger, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx("span", {
-			className: Carousel_module_default.defaultIcon,
-			children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
-		})
-	});
+const Carousel_CarouselNextTrigger = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.NextTrigger, {
+        ref: ref,
+        "data-slot": "carousel-next-trigger",
+        className: clsx(Carousel_module.nextTrigger, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            className: Carousel_module.defaultIcon,
+            children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
+        })
+    });
 });
-const CarouselIndicatorGroup = forwardRef(function CarouselIndicatorGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.IndicatorGroup, {
-		ref,
-		"data-slot": "carousel-indicator-group",
-		className: clsx(Carousel_module_default.indicatorGroup, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselIndicatorGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.IndicatorGroup, {
+        ref: ref,
+        "data-slot": "carousel-indicator-group",
+        className: clsx(Carousel_module.indicatorGroup, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselIndicator = forwardRef(function CarouselIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Indicator, {
-		ref,
-		"data-slot": "carousel-indicator",
-		className: clsx(Carousel_module_default.indicator, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Indicator, {
+        ref: ref,
+        "data-slot": "carousel-indicator",
+        className: clsx(Carousel_module.indicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselIndicators = forwardRef(function CarouselIndicators({ className, indicatorClassName, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.Context, { children: (api) => /* @__PURE__ */ jsx(CarouselIndicatorGroup, {
-		ref,
-		className,
-		...props,
-		children: api.pageSnapPoints.map((_, index) => /* @__PURE__ */ jsx(CarouselIndicator, {
-			index,
-			className: indicatorClassName
-		}, index))
-	}) });
+const Carousel_CarouselIndicators = /*#__PURE__*/ forwardRef(function({ className, indicatorClassName, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.Context, {
+        children: (api)=>/*#__PURE__*/ jsx(Carousel_CarouselIndicatorGroup, {
+                ref: ref,
+                className: className,
+                ...props,
+                children: api.pageSnapPoints.map((_, index)=>/*#__PURE__*/ jsx(Carousel_CarouselIndicator, {
+                        index: index,
+                        className: indicatorClassName
+                    }, index))
+            })
+    });
 });
-const CarouselAutoplayTrigger = forwardRef(function CarouselAutoplayTrigger({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.AutoplayTrigger, {
-		ref,
-		"data-slot": "carousel-autoplay-trigger",
-		className: clsx(Carousel_module_default.autoplayTrigger, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselAutoplayTrigger = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.AutoplayTrigger, {
+        ref: ref,
+        "data-slot": "carousel-autoplay-trigger",
+        className: clsx(Carousel_module.autoplayTrigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselAutoplayIndicator = forwardRef(function CarouselAutoplayIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.AutoplayIndicator, {
-		ref,
-		"data-slot": "carousel-autoplay-indicator",
-		className: clsx(Carousel_module_default.autoplayIndicator, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselAutoplayIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.AutoplayIndicator, {
+        ref: ref,
+        "data-slot": "carousel-autoplay-indicator",
+        className: clsx(Carousel_module.autoplayIndicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const CarouselProgressText = forwardRef(function CarouselProgressText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Carousel.ProgressText, {
-		ref,
-		"data-slot": "carousel-progress-text",
-		className: clsx(Carousel_module_default.progressText, normalizeClassName(className)),
-		...props
-	});
+const Carousel_CarouselProgressText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Carousel.ProgressText, {
+        ref: ref,
+        "data-slot": "carousel-progress-text",
+        className: clsx(Carousel_module.progressText, normalizeClassName(className)),
+        ...props
+    });
 });
-const Carousel$1 = Object.assign(CarouselRoot, {
-	Root: CarouselRoot,
-	RootProvider: CarouselRootProvider,
-	Context: Carousel.Context,
-	Control: CarouselControl,
-	ItemGroup: CarouselItemGroup,
-	Item: CarouselItem,
-	PrevTrigger: CarouselPrevTrigger,
-	NextTrigger: CarouselNextTrigger,
-	IndicatorGroup: CarouselIndicatorGroup,
-	Indicator: CarouselIndicator,
-	Indicators: CarouselIndicators,
-	AutoplayTrigger: CarouselAutoplayTrigger,
-	AutoplayIndicator: CarouselAutoplayIndicator,
-	ProgressText: CarouselProgressText
+const Carousel_Carousel = Object.assign(Carousel_CarouselRoot, {
+    Root: Carousel_CarouselRoot,
+    RootProvider: Carousel_CarouselRootProvider,
+    Context: Carousel.Context,
+    Control: Carousel_CarouselControl,
+    ItemGroup: Carousel_CarouselItemGroup,
+    Item: Carousel_CarouselItem,
+    PrevTrigger: Carousel_CarouselPrevTrigger,
+    NextTrigger: Carousel_CarouselNextTrigger,
+    IndicatorGroup: Carousel_CarouselIndicatorGroup,
+    Indicator: Carousel_CarouselIndicator,
+    Indicators: Carousel_CarouselIndicators,
+    AutoplayTrigger: Carousel_CarouselAutoplayTrigger,
+    AutoplayIndicator: Carousel_CarouselAutoplayIndicator,
+    ProgressText: Carousel_CarouselProgressText
 });
-//#endregion
-export { Carousel$1 as Carousel };
+export { Carousel_Carousel as Carousel, useCarousel, useCarouselContext };

package/dist/components/carousel/Carousel.module.js

@@ -1,18 +1,16 @@
-import './Carousel.css';
-//#region src/components/carousel/Carousel.module.css
-var Carousel_module_default = {
-	"autoplayIndicator": "NQiVeG_autoplayIndicator",
-	"autoplayTrigger": "NQiVeG_autoplayTrigger",
-	"control": "NQiVeG_control",
-	"defaultIcon": "NQiVeG_defaultIcon",
-	"indicator": "NQiVeG_indicator",
-	"indicatorGroup": "NQiVeG_indicatorGroup",
-	"item": "NQiVeG_item",
-	"itemGroup": "NQiVeG_itemGroup",
-	"nextTrigger": "NQiVeG_nextTrigger",
-	"prevTrigger": "NQiVeG_prevTrigger",
-	"progressText": "NQiVeG_progressText",
-	"root": "NQiVeG_root"
+import "./Carousel_module.css";
+const Carousel_module = {
+    root: "root-WpPvZz",
+    control: "control-WlsxZf",
+    itemGroup: "itemGroup-a7LtFI",
+    item: "item-sJ0Txa",
+    prevTrigger: "prevTrigger-TQv4Ak",
+    nextTrigger: "nextTrigger-PkJ3_8",
+    autoplayTrigger: "autoplayTrigger-h1Iihy",
+    defaultIcon: "defaultIcon-KFMqjR",
+    indicatorGroup: "indicatorGroup-TO_gj_",
+    indicator: "indicator-cjLdPK",
+    autoplayIndicator: "autoplayIndicator-MQFp2o",
+    progressText: "progressText-sWCHxc"
 };
-//#endregion
-export { Carousel_module_default as default };
+export default Carousel_module;