@moduix/react 1.1.0

package/dist/components/button/Button.js

@@ -0,0 +1,28 @@
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import Button_module_default from "./Button.module.js";
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+//#region src/components/button/Button.tsx
+const ButtonRoot = forwardRef(function ButtonRoot({ asChild, className, disabled, size = "md", type, "data-slot": dataSlot, variant = "default", "aria-disabled": ariaDisabled, ...props }, ref) {
+	const isDisabled = disabled || ariaDisabled === true || ariaDisabled === "true";
+	return /* @__PURE__ */ jsx(ark.button, {
+		ref,
+		asChild,
+		type: asChild ? type : type ?? "button",
+		disabled,
+		"aria-disabled": ariaDisabled,
+		...props,
+		"data-scope": "button",
+		"data-part": "root",
+		"data-slot": dataSlot ?? "button-root",
+		"data-variant": variant,
+		"data-size": size,
+		"data-disabled": isDisabled ? "" : void 0,
+		className: clsx(Button_module_default.root, normalizeClassName(className))
+	});
+});
+const Button = Object.assign(ButtonRoot, { Root: ButtonRoot });
+//#endregion
+export { Button };

package/dist/components/button/Button.module.js

@@ -0,0 +1,5 @@
+import './Button.css';
+//#region src/components/button/Button.module.css
+var Button_module_default = { "root": "ypNn3a_root" };
+//#endregion
+export { Button_module_default as default };

package/dist/components/card/Card.css

@@ -0,0 +1,148 @@
+@layer ui.components {
+  .E2gSWq_root {
+    --card-padding-default: var(--card-padding, var(--spacing-6));
+    --card-title-font-size-default: var(--card-title-font-size, var(--text-lg));
+    --card-title-line-height-default: var(--card-title-line-height, var(--line-height-text-lg));
+    box-sizing: border-box;
+    border: var(--card-border-width, var(--card-border-width-default, var(--border-width-sm))) solid
+      var(--card-border-color, var(--color-border));
+    border-radius: var(--card-radius, var(--radius-lg));
+    background-color: var(--card-bg, var(--card-bg-default, var(--color-card)));
+    width: 100%;
+    min-width: 0;
+    color: var(--card-color, var(--color-card-foreground));
+    box-shadow: var(--card-shadow, var(--card-shadow-default, none));
+    flex-direction: column;
+    display: flex;
+    position: relative;
+
+    &:where(a) {
+      text-decoration: none;
+    }
+
+    &[data-size="sm"] {
+      --card-padding-default: var(--card-padding-sm, var(--spacing-4));
+      --card-title-font-size-default: var(--card-title-font-size-sm, var(--text-md));
+      --card-title-line-height-default: var(--card-title-line-height-sm, var(--line-height-text-md));
+    }
+
+    &[data-size="lg"] {
+      --card-padding-default: var(--card-padding-lg, var(--spacing-8));
+      --card-title-font-size-default: var(--card-title-font-size-lg, var(--text-xl));
+      --card-title-line-height-default: var(--card-title-line-height-lg, var(--line-height-text-xl));
+    }
+
+    &[data-variant="elevated"] {
+      --card-border-width-default: 0;
+      --card-shadow-default: var(--shadow-md);
+    }
+
+    &[data-variant="subtle"] {
+      --card-border-width-default: 0;
+      --card-bg-default: var(--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;
+    }
+  }
+
+  .E2gSWq_header, .E2gSWq_body, .E2gSWq_footer {
+    box-sizing: border-box;
+    min-width: 0;
+    padding-inline: var(--card-padding-default);
+  }
+
+  .E2gSWq_header {
+    column-gap: var(--card-action-gap, var(--spacing-2));
+    row-gap: var(--card-header-gap, var(--spacing-1));
+    padding-block: var(--card-padding-default) 0;
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+  }
+
+  .E2gSWq_body {
+    padding-block: var(--card-body-padding-top, var(--spacing-4)) var(--card-padding-default);
+    color: var(--card-body-color, var(--color-muted-foreground));
+    font-size: var(--card-body-font-size, var(--text-sm));
+    line-height: var(--card-body-line-height, var(--line-height-text-sm));
+    overflow-wrap: anywhere;
+
+    &:first-child {
+      padding-block-start: var(--card-padding-default);
+    }
+
+    & > :first-child {
+      margin-top: 0;
+    }
+
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .E2gSWq_footer {
+    align-items: center;
+    gap: var(--card-footer-gap, var(--spacing-2));
+    padding-block: 0 var(--card-padding-default);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .E2gSWq_title {
+    min-width: 0;
+    color: var(--card-title-color, currentColor);
+    font-size: var(--card-title-font-size-default);
+    font-weight: var(--card-title-font-weight, var(--weight-semibold));
+    line-height: var(--card-title-line-height-default);
+    overflow-wrap: anywhere;
+    grid-column: 1;
+    margin: 0;
+  }
+
+  .E2gSWq_description {
+    min-width: 0;
+    color: var(--card-description-color, var(--color-muted-foreground));
+    font-size: var(--card-description-font-size, var(--text-sm));
+    line-height: var(--card-description-line-height, var(--line-height-text-sm));
+    overflow-wrap: anywhere;
+    grid-column: 1;
+    margin: 0;
+  }
+
+  .E2gSWq_action {
+    z-index: 1;
+    justify-content: flex-end;
+    align-items: start;
+    gap: var(--card-action-gap, var(--spacing-2));
+    grid-area: 1 / 2 / span 2;
+    justify-self: end;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .E2gSWq_link {
+    color: inherit;
+    text-decoration: none;
+    position: static;
+
+    &:after {
+      content: "";
+      z-index: 0;
+      border-radius: var(--card-radius, var(--radius-lg));
+      position: absolute;
+      inset: 0;
+    }
+
+    &:focus-visible {
+      outline: 0;
+    }
+
+    &:focus-visible:after {
+      outline: var(--card-focus-ring-width, var(--border-width-md)) solid
+        var(--card-focus-ring-color, var(--color-ring));
+      outline-offset: var(--card-focus-ring-offset, var(--border-width-sm));
+    }
+  }
+}

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

@@ -0,0 +1,19 @@
+//#region src/components/card/Card.d.ts
+declare const Card: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+  size?: "sm" | "md" | "lg";
+  variant?: "elevated" | "outline" | "subtle";
+} & import("react").RefAttributes<HTMLDivElement>> & {
+  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+    size?: "sm" | "md" | "lg";
+    variant?: "elevated" | "outline" | "subtle";
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLParagraphElement>>;
+  Action: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+  Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+//#endregion
+export { Card };

package/dist/components/card/Card.js

@@ -0,0 +1,101 @@
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import Card_module_default from "./Card.module.js";
+import { jsx } from "react/jsx-runtime";
+import { ark } from "@ark-ui/react/factory";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+//#region src/components/card/Card.tsx
+const CardRoot = forwardRef(function CardRoot({ className, size = "md", variant = "outline", ...props }, ref) {
+	return /* @__PURE__ */ jsx(ark.div, {
+		ref,
+		"data-scope": "card",
+		"data-part": "root",
+		"data-slot": "card-root",
+		"data-size": size,
+		"data-variant": variant,
+		className: clsx(Card_module_default.root, normalizeClassName(className)),
+		...props
+	});
+});
+const CardHeader = forwardRef(function CardHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ark.div, {
+		ref,
+		"data-scope": "card",
+		"data-part": "header",
+		"data-slot": "card-header",
+		className: clsx(Card_module_default.header, normalizeClassName(className)),
+		...props
+	});
+});
+const CardBody = forwardRef(function CardBody({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ark.div, {
+		ref,
+		"data-scope": "card",
+		"data-part": "body",
+		"data-slot": "card-body",
+		className: clsx(Card_module_default.body, normalizeClassName(className)),
+		...props
+	});
+});
+const CardFooter = forwardRef(function CardFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ark.div, {
+		ref,
+		"data-scope": "card",
+		"data-part": "footer",
+		"data-slot": "card-footer",
+		className: clsx(Card_module_default.footer, normalizeClassName(className)),
+		...props
+	});
+});
+const CardTitle = forwardRef(function CardTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ark.h3, {
+		ref,
+		"data-scope": "card",
+		"data-part": "title",
+		"data-slot": "card-title",
+		className: clsx(Card_module_default.title, normalizeClassName(className)),
+		...props
+	});
+});
+const CardDescription = forwardRef(function CardDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ark.p, {
+		ref,
+		"data-scope": "card",
+		"data-part": "description",
+		"data-slot": "card-description",
+		className: clsx(Card_module_default.description, normalizeClassName(className)),
+		...props
+	});
+});
+const CardAction = forwardRef(function CardAction({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ark.div, {
+		ref,
+		"data-scope": "card",
+		"data-part": "action",
+		"data-slot": "card-action",
+		className: clsx(Card_module_default.action, normalizeClassName(className)),
+		...props
+	});
+});
+const CardLink = forwardRef(function CardLink({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(ark.a, {
+		ref,
+		"data-scope": "card",
+		"data-part": "link",
+		"data-slot": "card-link",
+		className: clsx(Card_module_default.link, normalizeClassName(className)),
+		...props
+	});
+});
+const Card = Object.assign(CardRoot, {
+	Root: CardRoot,
+	Header: CardHeader,
+	Body: CardBody,
+	Footer: CardFooter,
+	Title: CardTitle,
+	Description: CardDescription,
+	Action: CardAction,
+	Link: CardLink
+});
+//#endregion
+export { Card };

package/dist/components/card/Card.module.js

@@ -0,0 +1,14 @@
+import './Card.css';
+//#region src/components/card/Card.module.css
+var Card_module_default = {
+	"action": "E2gSWq_action",
+	"body": "E2gSWq_body",
+	"description": "E2gSWq_description",
+	"footer": "E2gSWq_footer",
+	"header": "E2gSWq_header",
+	"link": "E2gSWq_link",
+	"root": "E2gSWq_root",
+	"title": "E2gSWq_title"
+};
+//#endregion
+export { Card_module_default as default };

package/dist/components/carousel/Carousel.css

@@ -0,0 +1,198 @@
+@layer ui.components {
+  .m9QXca_root {
+    gap: var(--carousel-gap, var(--spacing-3));
+    flex-direction: column;
+    width: 100%;
+    min-width: 0;
+    display: flex;
+  }
+
+  .m9QXca_root[data-orientation="vertical"] {
+    height: var(--carousel-height, 24rem);
+    flex-direction: row;
+    align-items: stretch;
+  }
+
+  .m9QXca_control {
+    align-items: center;
+    gap: var(--carousel-gap, var(--spacing-3));
+    min-width: 0;
+    display: flex;
+  }
+
+  .m9QXca_control[data-orientation="vertical"] {
+    flex-direction: column;
+    justify-content: space-between;
+  }
+
+  .m9QXca_itemGroup {
+    overscroll-behavior-x: contain;
+    overscroll-behavior-y: auto;
+    border-radius: var(--carousel-track-radius, var(--radius-xl));
+    scrollbar-width: none;
+    scroll-behavior: smooth;
+    flex: auto;
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    &[data-dragging] {
+      cursor: grabbing;
+      user-select: none;
+    }
+  }
+
+  .m9QXca_root[data-orientation="vertical"] > .m9QXca_itemGroup {
+    height: 100%;
+  }
+
+  .m9QXca_item {
+    box-sizing: border-box;
+    min-width: 0;
+    min-height: 0;
+  }
+
+  .m9QXca_prevTrigger, .m9QXca_nextTrigger, .m9QXca_autoplayTrigger {
+    width: var(--carousel-control-size, 2.5rem);
+    height: var(--carousel-control-size, 2.5rem);
+    border: var(--border-width-sm) solid
+      var(--carousel-control-border-color, color-mix(in oklab, var(--color-border) 88%, black 12%));
+    border-radius: var(--radius-full);
+    background-color: var(--carousel-control-bg, color-mix(in oklab, var(--color-background) 92%, var(--color-card) 8%));
+    box-shadow: var(--carousel-control-shadow, var(--shadow-sm));
+    color: var(--carousel-control-color, var(--color-foreground));
+    cursor: pointer;
+    transition: background-color var(--transition-fast),
+      border-color var(--transition-fast),
+      color var(--transition-fast),
+      box-shadow var(--transition-fast),
+      transform var(--transition-fast);
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+
+    & svg {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    &:not(:disabled, [data-disabled]):hover {
+      border-color: var(--carousel-control-border-color-hover, color-mix(in oklab, var(--color-border) 50%, var(--color-foreground) 50%));
+      background-color: var(--carousel-control-bg-hover, var(--color-accent));
+      box-shadow: var(--carousel-control-shadow-hover, var(--shadow-md));
+      color: var(--carousel-control-color-hover, var(--color-accent-foreground));
+    }
+
+    &:focus-visible {
+      outline: var(--carousel-focus-ring-width, var(--border-width-md)) solid
+        var(--carousel-focus-ring-color, var(--color-ring));
+      outline-offset: var(--carousel-focus-ring-offset, 2px);
+    }
+
+    &:is(:disabled, [data-disabled]) {
+      cursor: not-allowed;
+      opacity: var(--opacity-disabled);
+    }
+
+    &[data-pressed] {
+      border-color: var(--carousel-control-border-color-hover, color-mix(in oklab, var(--color-border) 50%, var(--color-foreground) 50%));
+      background-color: var(--carousel-control-bg-hover, var(--color-accent));
+      color: var(--carousel-control-color-hover, var(--color-accent-foreground));
+    }
+  }
+
+  .m9QXca_defaultIcon {
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .m9QXca_root[data-orientation="vertical"] {
+    & .m9QXca_defaultIcon {
+      & svg {
+        transform: rotate(90deg);
+      }
+    }
+  }
+
+  .m9QXca_indicatorGroup {
+    justify-content: center;
+    align-items: center;
+    gap: var(--carousel-indicator-gap, var(--spacing-2));
+    display: flex;
+  }
+
+  .m9QXca_root[data-orientation="vertical"] > .m9QXca_indicatorGroup, .m9QXca_control[data-orientation="vertical"] > .m9QXca_indicatorGroup {
+    flex-direction: column;
+  }
+
+  .m9QXca_indicator {
+    width: var(--carousel-indicator-size, .5rem);
+    height: var(--carousel-indicator-size, .5rem);
+    border-radius: var(--radius-full);
+    background-color: var(--carousel-indicator-bg, color-mix(in oklab, var(--color-muted) 84%, var(--color-background) 16%));
+    cursor: pointer;
+    opacity: .88;
+    transition: inline-size var(--transition-fast),
+      block-size var(--transition-fast),
+      background-color var(--transition-fast),
+      opacity var(--transition-fast);
+    border: 0;
+    padding: 0;
+
+    &:hover {
+      background-color: var(--carousel-indicator-bg-hover, color-mix(in oklab, var(--color-muted) 56%, var(--color-foreground) 44%));
+    }
+
+    &:focus-visible {
+      outline: var(--carousel-focus-ring-width, var(--border-width-md)) solid
+        var(--carousel-focus-ring-color, var(--color-ring));
+      outline-offset: var(--carousel-focus-ring-offset, 2px);
+    }
+
+    &[data-current] {
+      width: calc(var(--carousel-indicator-size, .5rem) * 3);
+      background-color: var(--carousel-indicator-bg-current, var(--color-primary));
+      opacity: 1;
+    }
+
+    &:is(:disabled, [data-disabled], [data-readonly]) {
+      cursor: not-allowed;
+      opacity: var(--opacity-disabled);
+    }
+  }
+
+  .m9QXca_root[data-orientation="vertical"] > .m9QXca_indicatorGroup .m9QXca_indicator, .m9QXca_control[data-orientation="vertical"] > .m9QXca_indicatorGroup .m9QXca_indicator {
+    &[data-current] {
+      width: var(--carousel-indicator-size, .5rem);
+      height: calc(var(--carousel-indicator-size, .5rem) * 3);
+    }
+  }
+
+  .m9QXca_autoplayTrigger {
+    min-width: 3rem;
+  }
+
+  .m9QXca_autoplayIndicator {
+    min-width: 1rem;
+    font-size: var(--text-xs);
+    font-weight: var(--weight-medium);
+    line-height: var(--line-height-text-xs);
+    text-transform: uppercase;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .m9QXca_progressText {
+    color: var(--carousel-progress-text-color, var(--color-muted-foreground));
+    font-size: var(--carousel-progress-text-font-size, var(--text-sm));
+    line-height: var(--line-height-text-sm);
+    font-variant-numeric: tabular-nums;
+  }
+}

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

@@ -0,0 +1,19 @@
+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>>;
+  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>>;
+  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>>;
+};
+//#endregion
+export { Carousel$1 as Carousel };

package/dist/components/carousel/Carousel.js

@@ -0,0 +1,128 @@
+import { ChevronLeftIcon, ChevronRightIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
+import Carousel_module_default from "./Carousel.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+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
+	});
+});
+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 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 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 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 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 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 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 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 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 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 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$1 = Object.assign(CarouselRoot, {
+	Root: CarouselRoot,
+	RootProvider: CarouselRootProvider,
+	Control: CarouselControl,
+	ItemGroup: CarouselItemGroup,
+	Item: CarouselItem,
+	PrevTrigger: CarouselPrevTrigger,
+	NextTrigger: CarouselNextTrigger,
+	IndicatorGroup: CarouselIndicatorGroup,
+	Indicator: CarouselIndicator,
+	AutoplayTrigger: CarouselAutoplayTrigger,
+	AutoplayIndicator: CarouselAutoplayIndicator,
+	ProgressText: CarouselProgressText
+});
+//#endregion
+export { Carousel$1 as Carousel };