moduix 0.10.0 → 0.11.1

package/dist/components/Slider/Slider.css

@@ -0,0 +1,115 @@
+@layer ui.components {
+  .t5JdRq_root {
+    box-sizing: border-box;
+    gap: var(--slider-gap, .5rem);
+    width: var(--slider-width, 12rem);
+    color: var(--slider-color, var(--color-foreground));
+    grid-template-columns: minmax(0, 1fr) auto;
+    display: grid;
+
+    &[data-orientation="vertical"] {
+      width: var(--slider-width-vertical, fit-content);
+      grid-template-columns: 1fr;
+      justify-items: center;
+    }
+
+    &[data-disabled] {
+      opacity: var(--slider-disabled-opacity, var(--opacity-disabled));
+    }
+  }
+
+  .t5JdRq_label {
+    color: var(--slider-label-color, var(--slider-color, var(--color-foreground)));
+    font-size: var(--slider-label-font-size, var(--text-sm));
+    font-weight: var(--slider-label-font-weight, var(--weight-regular));
+    line-height: var(--slider-label-line-height, var(--line-height-text-sm));
+  }
+
+  .t5JdRq_value {
+    color: var(--slider-value-color, var(--slider-color, var(--color-foreground)));
+    font-size: var(--slider-value-font-size, var(--text-sm));
+    font-weight: var(--slider-value-font-weight, var(--weight-regular));
+    line-height: var(--slider-value-line-height, var(--line-height-text-sm));
+    text-align: right;
+    justify-self: end;
+
+    &[data-orientation="vertical"] {
+      text-align: center;
+      justify-self: center;
+    }
+  }
+
+  .t5JdRq_control {
+    box-sizing: border-box;
+    width: 100%;
+    padding-block: var(--slider-control-padding-y, .625rem);
+    touch-action: none;
+    user-select: none;
+    cursor: pointer;
+    grid-column: 1 / -1;
+    align-items: center;
+    display: flex;
+
+    &[data-orientation="vertical"] {
+      width: auto;
+      height: var(--slider-height, 12rem);
+      padding-block: 0;
+      padding-inline: var(--slider-control-padding-x, .625rem);
+      justify-content: center;
+    }
+
+    &[data-disabled] {
+      cursor: default;
+    }
+  }
+
+  .t5JdRq_track {
+    width: 100%;
+    height: var(--slider-track-size, .375rem);
+    border-radius: var(--slider-track-radius, var(--radius-full));
+    background-color: var(--slider-track-bg, var(--color-muted));
+    box-shadow: inset 0 0 0 var(--slider-track-border-width, var(--border-width-sm))
+      var(--slider-track-border-color, var(--color-border));
+    user-select: none;
+    position: relative;
+
+    &[data-orientation="vertical"] {
+      width: var(--slider-track-size, .375rem);
+      height: 100%;
+    }
+  }
+
+  .t5JdRq_indicator {
+    border-radius: var(--slider-indicator-radius, inherit);
+    background-color: var(--slider-indicator-bg, var(--color-primary));
+  }
+
+  .t5JdRq_thumb {
+    box-sizing: border-box;
+    width: var(--slider-thumb-size, 1rem);
+    height: var(--slider-thumb-size, 1rem);
+    border: var(--slider-thumb-border-width, var(--border-width-sm)) solid
+      var(--slider-thumb-border-color, var(--color-border));
+    border-radius: var(--slider-thumb-radius, var(--radius-full));
+    background-color: var(--slider-thumb-bg, var(--color-background));
+    box-shadow: var(--slider-thumb-shadow, var(--shadow-sm));
+    user-select: none;
+    transition: border-color var(--slider-transition, var(--transition-default)),
+      background-color var(--slider-transition, var(--transition-default)),
+      box-shadow var(--slider-transition, var(--transition-default));
+    outline: 0;
+
+    &:has(:focus-visible) {
+      border-color: var(--slider-focus-ring-color, var(--color-ring));
+      box-shadow: 0 0 0 var(--border-width-sm) var(--slider-focus-ring-color, var(--color-ring));
+    }
+
+    &[data-dragging] {
+      box-shadow: var(--slider-thumb-shadow-dragging, var(--shadow-md));
+    }
+
+    &[data-disabled] {
+      pointer-events: none;
+    }
+  }
+}

package/dist/components/Slider/Slider.d.ts

@@ -1,10 +1,16 @@
-import { Slider as SliderPrimitive } from '@base-ui/react/slider';
-declare function Slider<Value extends number | readonly number[]>({ children, ...props }: SliderPrimitive.Root.Props<Value>): import("react/jsx-runtime").JSX.Element;
-declare function SliderRoot<Value extends number | readonly number[]>({ className, ...props }: SliderPrimitive.Root.Props<Value>): import("react/jsx-runtime").JSX.Element;
-declare function SliderLabel({ className, ...props }: SliderPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
-declare function SliderValue({ className, ...props }: SliderPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
-declare function SliderControl({ className, ...props }: SliderPrimitive.Control.Props): import("react/jsx-runtime").JSX.Element;
-declare function SliderTrack({ className, ...props }: SliderPrimitive.Track.Props): import("react/jsx-runtime").JSX.Element;
-declare function SliderIndicator({ className, ...props }: SliderPrimitive.Indicator.Props): import("react/jsx-runtime").JSX.Element;
-declare function SliderThumb({ className, ...props }: SliderPrimitive.Thumb.Props): import("react/jsx-runtime").JSX.Element;
-export { Slider, SliderRoot, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, };
+import { ComponentRef, ReactElement, RefAttributes } from "react";
+import { Slider } from "@base-ui/react/slider";
+
+//#region src/components/Slider/Slider.d.ts
+type SliderValue = number | readonly number[];
+type SliderRootComponent = <Value extends SliderValue = SliderValue>(props: Slider.Root.Props<Value> & RefAttributes<ComponentRef<typeof Slider.Root>>) => ReactElement;
+declare const Slider$1: SliderRootComponent;
+declare const SliderRoot: SliderRootComponent;
+declare const SliderLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderLabelProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const SliderValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderValueProps, "ref"> & RefAttributes<HTMLOutputElement>>;
+declare const SliderControl: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderControlProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const SliderTrack: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderTrackProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const SliderIndicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderIndicatorProps, "ref"> & RefAttributes<HTMLDivElement>>;
+declare const SliderThumb: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SliderThumbProps, "ref"> & RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Slider$1 as Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, SliderThumb, SliderTrack, SliderValue };

package/dist/components/Slider/Slider.js

@@ -0,0 +1,99 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Slider_module_default from "./Slider.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment as Fragment$1, forwardRef, isValidElement } from "react";
+import { Slider } from "@base-ui/react/slider";
+//#region src/components/Slider/Slider.tsx
+const Slider$1 = forwardRef(function Slider({ children, ...props }, ref) {
+	const { content, thumbs } = splitSliderChildren(children);
+	return /* @__PURE__ */ jsxs(SliderRoot, {
+		ref,
+		...props,
+		children: [content, /* @__PURE__ */ jsx(SliderControl, { children: /* @__PURE__ */ jsxs(SliderTrack, { children: [/* @__PURE__ */ jsx(SliderIndicator, {}), thumbs] }) })]
+	});
+});
+function splitSliderChildren(children) {
+	const parts = {
+		content: [],
+		thumbs: []
+	};
+	const collectChildren = (nodes) => {
+		Children.forEach(nodes, (child) => {
+			if (!isValidElement(child)) {
+				parts.content.push(child);
+				return;
+			}
+			if (isReactFragment(child)) {
+				collectChildren(child.props.children);
+				return;
+			}
+			if (isSliderThumb(child)) {
+				parts.thumbs.push(child);
+				return;
+			}
+			parts.content.push(child);
+		});
+	};
+	collectChildren(children);
+	return parts;
+}
+const isReactFragment = (child) => isValidElement(child) && child.type === Fragment$1;
+const isSliderThumb = (child) => isValidElement(child) && child.type === SliderThumb;
+const SliderRoot = forwardRef(function SliderRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Root, {
+		ref,
+		"data-slot": "slider-root",
+		className: mergeClassName(className, Slider_module_default.root),
+		...props
+	});
+});
+const SliderLabel = forwardRef(function SliderLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Label, {
+		ref,
+		"data-slot": "slider-label",
+		className: mergeClassName(className, Slider_module_default.label),
+		...props
+	});
+});
+const SliderValue = forwardRef(function SliderValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Value, {
+		ref,
+		"data-slot": "slider-value",
+		className: mergeClassName(className, Slider_module_default.value),
+		...props
+	});
+});
+const SliderControl = forwardRef(function SliderControl({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Control, {
+		ref,
+		"data-slot": "slider-control",
+		className: mergeClassName(className, Slider_module_default.control),
+		...props
+	});
+});
+const SliderTrack = forwardRef(function SliderTrack({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Track, {
+		ref,
+		"data-slot": "slider-track",
+		className: mergeClassName(className, Slider_module_default.track),
+		...props
+	});
+});
+const SliderIndicator = forwardRef(function SliderIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Indicator, {
+		ref,
+		"data-slot": "slider-indicator",
+		className: mergeClassName(className, Slider_module_default.indicator),
+		...props
+	});
+});
+const SliderThumb = forwardRef(function SliderThumb({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Slider.Thumb, {
+		ref,
+		"data-slot": "slider-thumb",
+		className: mergeClassName(className, Slider_module_default.thumb),
+		...props
+	});
+});
+//#endregion
+export { Slider$1 as Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, SliderThumb, SliderTrack, SliderValue };

package/dist/components/Slider/Slider.module.cjs

@@ -0,0 +1,13 @@
+import './Slider.css';
+//#region src/components/Slider/Slider.module.css
+var Slider_module_default = {
+	"control": "t5JdRq_control",
+	"indicator": "t5JdRq_indicator",
+	"label": "t5JdRq_label",
+	"root": "t5JdRq_root",
+	"thumb": "t5JdRq_thumb",
+	"track": "t5JdRq_track",
+	"value": "t5JdRq_value"
+};
+//#endregion
+exports.default = Slider_module_default;

package/dist/components/Slider/Slider.module.js

@@ -0,0 +1,13 @@
+import './Slider.css';
+//#region src/components/Slider/Slider.module.css
+var Slider_module_default = {
+	"control": "t5JdRq_control",
+	"indicator": "t5JdRq_indicator",
+	"label": "t5JdRq_label",
+	"root": "t5JdRq_root",
+	"thumb": "t5JdRq_thumb",
+	"track": "t5JdRq_track",
+	"value": "t5JdRq_value"
+};
+//#endregion
+export { Slider_module_default as default };

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

@@ -1 +1 @@
-export { Slider, SliderRoot, SliderLabel, SliderValue, SliderControl, SliderTrack, SliderIndicator, SliderThumb, } from './Slider';
+import { Slider, SliderControl, SliderIndicator, SliderLabel, SliderRoot, SliderThumb, SliderTrack, SliderValue } from "./Slider.js";

package/dist/components/SnapCarousel/SnapCarousel.cjs

@@ -0,0 +1,130 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_SnapCarousel_module = require("./SnapCarousel.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+//#region src/components/SnapCarousel/SnapCarousel.tsx
+const SnapCarouselContext = (0, react.createContext)(null);
+const SnapCarouselViewportPresenceContext = (0, react.createContext)(false);
+function useSnapCarouselContext(componentName) {
+	const context = (0, react.useContext)(SnapCarouselContext);
+	if (!context) throw new Error(`${componentName} must be used within SnapCarousel.`);
+	return context;
+}
+function SnapCarousel({ align = "start", className, orientation = "horizontal", ...props }) {
+	const viewportRef = (0, react.useRef)(null);
+	const setViewport = (0, react.useCallback)((viewport) => {
+		viewportRef.current = viewport;
+	}, []);
+	const scrollViewport = (0, react.useCallback)((direction) => {
+		if (!viewportRef.current) return;
+		const viewport = viewportRef.current;
+		const distance = (orientation === "horizontal" ? viewport.clientWidth : viewport.clientHeight) * .85;
+		const scrollDistance = direction === "previous" ? -distance : distance;
+		viewport.scrollBy(orientation === "horizontal" ? {
+			behavior: "smooth",
+			left: scrollDistance
+		} : {
+			behavior: "smooth",
+			top: scrollDistance
+		});
+	}, [orientation]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselContext.Provider, {
+		value: {
+			orientation,
+			scrollViewport,
+			setViewport
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-slot": "snap-carousel-root",
+			"data-align": align,
+			"data-orientation": orientation,
+			className: (0, clsx.clsx)(require_SnapCarousel_module.default.root, className),
+			...props
+		})
+	});
+}
+function SnapCarouselViewport({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, role, tabIndex = 0, ...props }) {
+	const context = useSnapCarouselContext("SnapCarouselViewport");
+	const resolvedRole = role ?? (ariaLabel || ariaLabelledBy ? "region" : void 0);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselViewportPresenceContext.Provider, {
+		value: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-slot": "snap-carousel-viewport",
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy,
+			role: resolvedRole,
+			tabIndex,
+			className: (0, clsx.clsx)(require_SnapCarousel_module.default.viewport, className),
+			...props,
+			ref: context.setViewport
+		})
+	});
+}
+function SnapCarouselContent({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, itemClassName, onKeyDown, tabIndex, ...props }) {
+	const isInsideViewport = (0, react.useContext)(SnapCarouselViewportPresenceContext);
+	const contentChildren = isInsideViewport ? children : react.Children.map(children, (child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselItem, {
+		className: itemClassName,
+		children: child
+	}));
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "snap-carousel-content",
+		className: (0, clsx.clsx)(require_SnapCarousel_module.default.content, className),
+		...props,
+		children: contentChildren
+	});
+	if (isInsideViewport) return content;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselViewport, {
+		"aria-describedby": ariaDescribedBy,
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy,
+		tabIndex,
+		onKeyDown,
+		children: content
+	});
+}
+function SnapCarouselItem({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "snap-carousel-item",
+		className: (0, clsx.clsx)(require_SnapCarousel_module.default.item, className),
+		...props
+	});
+}
+function SnapCarouselControl({ children, className, direction, onClick, type = "button", "aria-label": ariaLabel, ...props }) {
+	const context = useSnapCarouselContext(direction === "previous" ? "SnapCarouselPrevious" : "SnapCarouselNext");
+	const isPrevious = direction === "previous";
+	const Icon = isPrevious ? context.orientation === "vertical" ? require_Icons.ChevronUpIcon : require_Icons.ChevronLeftIcon : context.orientation === "vertical" ? require_Icons.ChevronDownIcon : require_Icons.ChevronRightIcon;
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		context.scrollViewport(direction);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		"data-slot": `snap-carousel-${direction}`,
+		"aria-label": children ? ariaLabel : ariaLabel ?? (isPrevious ? "Previous slide" : "Next slide"),
+		className: (0, clsx.clsx)(require_SnapCarousel_module.default.control, isPrevious ? require_SnapCarousel_module.default.previous : require_SnapCarousel_module.default.next, className),
+		type,
+		onClick: handleClick,
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
+	});
+}
+function SnapCarouselPrevious(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselControl, {
+		direction: "previous",
+		...props
+	});
+}
+function SnapCarouselNext(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapCarouselControl, {
+		direction: "next",
+		...props
+	});
+}
+//#endregion
+exports.SnapCarousel = SnapCarousel;
+exports.SnapCarouselContent = SnapCarouselContent;
+exports.SnapCarouselItem = SnapCarouselItem;
+exports.SnapCarouselNext = SnapCarouselNext;
+exports.SnapCarouselPrevious = SnapCarouselPrevious;
+exports.SnapCarouselViewport = SnapCarouselViewport;

package/dist/components/SnapCarousel/SnapCarousel.css

@@ -0,0 +1,131 @@
+@layer ui.components {
+  ._4RLCYW_root {
+    gap: var(--snap-carousel-gap, var(--spacing-3));
+    display: grid;
+    position: relative;
+  }
+
+  ._4RLCYW_viewport {
+    overscroll-behavior-x: contain;
+    overscroll-behavior-y: auto;
+    scroll-snap-type: x mandatory;
+    scrollbar-width: none;
+    overflow: auto;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    &:focus-visible {
+      outline: var(--snap-carousel-focus-ring-width, var(--border-width-md)) solid
+        var(--snap-carousel-focus-ring-color, var(--color-ring));
+      outline-offset: var(--snap-carousel-focus-ring-offset, var(--spacing-1));
+    }
+  }
+
+  ._4RLCYW_root[data-orientation="vertical"] {
+    height: var(--snap-carousel-height, 100%);
+
+    & ._4RLCYW_viewport {
+      overscroll-behavior-x: auto;
+      overscroll-behavior-y: contain;
+      scroll-snap-type: y mandatory;
+      height: 100%;
+    }
+
+    & ._4RLCYW_content {
+      flex-direction: column;
+      min-height: 100%;
+    }
+
+    & ._4RLCYW_item {
+      flex-basis: var(--snap-carousel-item-size, 100%);
+    }
+
+    & ._4RLCYW_control {
+      inset-inline-start: 50%;
+      transform: translateX(-50%);
+    }
+
+    & ._4RLCYW_previous {
+      inset-block-start: var(--spacing-2);
+      inset-inline-end: auto;
+    }
+
+    & ._4RLCYW_next {
+      inset-block-start: auto;
+      inset-block-end: var(--spacing-2);
+      inset-inline-start: 50%;
+    }
+  }
+
+  ._4RLCYW_content {
+    gap: var(--snap-carousel-item-gap, var(--spacing-4));
+    display: flex;
+  }
+
+  ._4RLCYW_item {
+    box-sizing: border-box;
+    flex: 0 0 var(--snap-carousel-item-size, 100%);
+    scroll-snap-align: start;
+    scroll-snap-stop: var(--snap-carousel-snap-stop, normal);
+    min-width: 0;
+  }
+
+  ._4RLCYW_control {
+    z-index: 1;
+    width: var(--size-md);
+    height: var(--size-md);
+    border: var(--border-width-sm) solid var(--color-border);
+    border-radius: var(--radius-full);
+    background-color: color-mix(in oklab, var(--color-background) 86%, transparent);
+    box-shadow: var(--shadow-sm);
+    color: var(--color-foreground);
+    cursor: pointer;
+    transition: background-color var(--transition-fast),
+      color var(--transition-fast);
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+    position: absolute;
+    inset-block-start: 50%;
+    transform: translateY(-50%);
+
+    &:not(:disabled):not([aria-disabled="true"]):hover {
+      background-color: var(--color-accent);
+      color: var(--color-accent-foreground);
+    }
+
+    &:focus-visible {
+      outline: var(--snap-carousel-focus-ring-width, var(--border-width-md)) solid
+        var(--snap-carousel-focus-ring-color, var(--color-ring));
+      outline-offset: var(--snap-carousel-focus-ring-offset, var(--spacing-1));
+    }
+
+    & svg {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    &:is(:disabled, [aria-disabled="true"]) {
+      cursor: not-allowed;
+      opacity: var(--opacity-disabled);
+    }
+  }
+
+  ._4RLCYW_previous {
+    inset-inline-start: var(--spacing-2);
+  }
+
+  ._4RLCYW_next {
+    inset-inline-end: var(--spacing-2);
+  }
+
+  ._4RLCYW_root[data-align="center"] ._4RLCYW_item {
+    scroll-snap-align: center;
+  }
+
+  ._4RLCYW_root[data-align="end"] ._4RLCYW_item {
+    scroll-snap-align: end;
+  }
+}

package/dist/components/SnapCarousel/SnapCarousel.d.ts

@@ -0,0 +1,45 @@
+import { ComponentProps } from "react";
+
+//#region src/components/SnapCarousel/SnapCarousel.d.ts
+type SnapCarouselOrientation = 'horizontal' | 'vertical';
+type SnapCarouselAlign = 'start' | 'center' | 'end';
+type SnapCarouselProps = ComponentProps<'div'> & {
+  align?: SnapCarouselAlign;
+  orientation?: SnapCarouselOrientation;
+};
+type SnapCarouselContentProps = ComponentProps<'div'> & {
+  itemClassName?: string;
+};
+declare function SnapCarousel({
+  align,
+  className,
+  orientation,
+  ...props
+}: SnapCarouselProps): import("react").JSX.Element;
+declare function SnapCarouselViewport({
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
+  className,
+  role,
+  tabIndex,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function SnapCarouselContent({
+  'aria-describedby': ariaDescribedBy,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
+  children,
+  className,
+  itemClassName,
+  onKeyDown,
+  tabIndex,
+  ...props
+}: SnapCarouselContentProps): import("react").JSX.Element;
+declare function SnapCarouselItem({
+  className,
+  ...props
+}: ComponentProps<'div'>): import("react").JSX.Element;
+declare function SnapCarouselPrevious(props: ComponentProps<'button'>): import("react").JSX.Element;
+declare function SnapCarouselNext(props: ComponentProps<'button'>): import("react").JSX.Element;
+//#endregion
+export { SnapCarousel, type SnapCarouselAlign, SnapCarouselContent, type SnapCarouselContentProps, SnapCarouselItem, SnapCarouselNext, type SnapCarouselOrientation, SnapCarouselPrevious, type SnapCarouselProps, SnapCarouselViewport };