@cronus-ui/ui 0.6.0

package/dist/components/video-player.js

@@ -0,0 +1,216 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Maximize, Minimize, Pause, Play, Volume2, VolumeX } from "lucide-react";
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
+import { cn } from "../lib/cn.js";
+const videoPlayerVariants = cva("group/video-player relative isolate w-full overflow-hidden rounded-xl border border-border bg-surface-inset", {
+    variants: {
+        aspect: {
+            video: "aspect-video",
+            square: "aspect-square",
+            wide: "aspect-[21/9]",
+        },
+    },
+    defaultVariants: { aspect: "video" },
+});
+/** Playback speeds the settings button cycles through, in order. */
+const PLAYBACK_RATES = [1, 1.25, 1.5, 2];
+const DEFAULT_LABELS = {
+    play: "Play",
+    pause: "Pause",
+    mute: "Mute",
+    unmute: "Unmute",
+    seek: "Seek",
+    volume: "Volume",
+    settings: "Playback speed",
+    fullscreen: "Fullscreen",
+    exitFullscreen: "Exit fullscreen",
+};
+/**
+ * Formats seconds as `m:ss`, or `h:mm:ss` from one hour up; NaN, Infinity, and
+ * negatives collapse to `0:00`.
+ */
+function formatTime(totalSeconds) {
+    if (!Number.isFinite(totalSeconds) || totalSeconds <= 0)
+        return "0:00";
+    const whole = Math.floor(totalSeconds);
+    const hours = Math.floor(whole / 3600);
+    const minutes = Math.floor((whole % 3600) / 60);
+    const seconds = String(whole % 60).padStart(2, "0");
+    if (hours > 0)
+        return `${hours}:${String(minutes).padStart(2, "0")}:${seconds}`;
+    return `${minutes}:${seconds}`;
+}
+const controlButtonClasses = "inline-flex size-8 shrink-0 items-center justify-center rounded-md text-fg transition-colors duration-150 hover:bg-surface-overlay outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
+const rangeClasses = "h-1 cursor-pointer appearance-none rounded-full bg-border accent-primary outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base disabled:pointer-events-none disabled:opacity-50 [&::-moz-range-thumb]:size-3 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:bg-primary [&::-webkit-slider-thumb]:size-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-primary";
+export const VideoPlayer = forwardRef(({ src, poster, autoPlay = false, loop = false, muted = false, aspect = "video", labels, videoRef, children, className, ...props }, ref) => {
+    const containerRef = useRef(null);
+    const videoElementRef = useRef(null);
+    const overlayPlayRef = useRef(null);
+    const playToggleRef = useRef(null);
+    // Whether the overlay play button owned focus when playback started — set
+    // before the state flip that unmounts it, consumed by the focus hand-off
+    // effect below.
+    const overlayOwnedFocusRef = useRef(false);
+    // Last audible slider volume, so unmuting from a zeroed slider restores it.
+    const lastAudibleVolumeRef = useRef(1);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(0);
+    const [volume, setVolume] = useState(1);
+    const [isMuted, setIsMuted] = useState(muted);
+    const [rateIndex, setRateIndex] = useState(0);
+    const [isFullscreen, setIsFullscreen] = useState(false);
+    const mergedLabels = { ...DEFAULT_LABELS, ...labels };
+    const playbackRate = PLAYBACK_RATES[rateIndex] ?? 1;
+    // While muted the slider reads 0 so unmuting restores the remembered volume.
+    const displayedVolume = isMuted ? 0 : volume;
+    // Keep the internal ref and the consumer-facing `videoRef` pointing at the
+    // same node without nesting `useImperativeHandle` indirection.
+    const setVideoNode = useCallback((node) => {
+        videoElementRef.current = node;
+        if (typeof videoRef === "function") {
+            videoRef(node);
+        }
+        else if (videoRef) {
+            videoRef.current = node;
+        }
+    }, [videoRef]);
+    const togglePlay = useCallback(() => {
+        const video = videoElementRef.current;
+        if (!video)
+            return;
+        if (video.paused || video.ended) {
+            // Older engines return undefined instead of a promise; autoplay/gesture
+            // policies can reject — the media `pause` event keeps the UI truthful.
+            const result = video.play();
+            void result?.catch(() => { });
+        }
+        else {
+            video.pause();
+        }
+    }, []);
+    const toggleMute = useCallback(() => {
+        const video = videoElementRef.current;
+        if (!video)
+            return;
+        video.muted = !video.muted;
+        // Unmuting while the volume sits at 0 would be an audio no-op with the
+        // icon stuck on VolumeX — restore the last audible volume instead.
+        if (!video.muted && video.volume === 0) {
+            const restored = lastAudibleVolumeRef.current > 0 ? lastAudibleVolumeRef.current : 1;
+            video.volume = restored;
+            setVolume(restored);
+        }
+        // Browsers also fire `volumechange`; setting state here keeps the toggle
+        // responsive even when the element swallows the event.
+        setIsMuted(video.muted);
+    }, []);
+    const cyclePlaybackRate = () => {
+        const nextIndex = (rateIndex + 1) % PLAYBACK_RATES.length;
+        setRateIndex(nextIndex);
+        const video = videoElementRef.current;
+        if (video)
+            video.playbackRate = PLAYBACK_RATES[nextIndex] ?? 1;
+    };
+    const handleSeek = (event) => {
+        const next = Number(event.target.value);
+        if (Number.isNaN(next))
+            return;
+        setCurrentTime(next);
+        const video = videoElementRef.current;
+        if (video)
+            video.currentTime = next;
+    };
+    const handleVolumeInput = (event) => {
+        const next = Number(event.target.value);
+        if (Number.isNaN(next))
+            return;
+        const clamped = Math.min(1, Math.max(0, next));
+        if (clamped > 0)
+            lastAudibleVolumeRef.current = clamped;
+        setVolume(clamped);
+        setIsMuted(clamped === 0);
+        const video = videoElementRef.current;
+        if (video) {
+            video.volume = clamped;
+            video.muted = clamped === 0;
+        }
+    };
+    const handleTimeUpdate = (event) => {
+        setCurrentTime(event.currentTarget.currentTime);
+    };
+    const handleLoadedMetadata = (event) => {
+        const nextDuration = event.currentTarget.duration;
+        // Live streams and not-yet-loaded media report NaN/Infinity — keep 0:00.
+        setDuration(Number.isFinite(nextDuration) ? nextDuration : 0);
+    };
+    const handleVolumeChange = (event) => {
+        const { muted: nextMuted, volume: nextVolume } = event.currentTarget;
+        if (nextVolume > 0)
+            lastAudibleVolumeRef.current = nextVolume;
+        setIsMuted(nextMuted);
+        setVolume(nextVolume);
+    };
+    const handlePlay = () => {
+        // Playing unmounts the overlay play button; remember whether it owned
+        // focus so the hand-off effect can move focus instead of dropping it.
+        overlayOwnedFocusRef.current =
+            overlayPlayRef.current !== null && document.activeElement === overlayPlayRef.current;
+        setIsPlaying(true);
+    };
+    // Focus hand-off: when the focused overlay unmounts on paused→playing,
+    // land focus on the control-bar play/pause toggle (which also keeps the
+    // control bar revealed via group-focus-within) instead of <body>.
+    useLayoutEffect(() => {
+        if (isPlaying && overlayOwnedFocusRef.current) {
+            overlayOwnedFocusRef.current = false;
+            playToggleRef.current?.focus();
+        }
+    }, [isPlaying]);
+    // Track fullscreen membership so the button is a true toggle. `Esc` and
+    // browser chrome also exit fullscreen, so state must follow the document.
+    useEffect(() => {
+        if (typeof document === "undefined")
+            return;
+        const syncFullscreen = () => {
+            setIsFullscreen(containerRef.current !== null && document.fullscreenElement === containerRef.current);
+        };
+        document.addEventListener("fullscreenchange", syncFullscreen);
+        return () => document.removeEventListener("fullscreenchange", syncFullscreen);
+    }, []);
+    const handleFullscreen = () => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        if (document.fullscreenElement === container) {
+            if (typeof document.exitFullscreen !== "function")
+                return;
+            // Older engines return undefined instead of a promise.
+            const result = document.exitFullscreen();
+            void result?.catch(() => { });
+            return;
+        }
+        if (typeof container.requestFullscreen !== "function")
+            return;
+        const result = container.requestFullscreen();
+        void result?.catch(() => { });
+    };
+    return (_jsxs("div", { ref: (node) => {
+            containerRef.current = node;
+            if (typeof ref === "function") {
+                ref(node);
+            }
+            else if (ref) {
+                ref.current = node;
+            }
+        }, "data-slot": "video-player", className: cn(videoPlayerVariants({ aspect }), className), ...props, children: [_jsx("video", { ref: setVideoNode, "data-slot": "video-player-video", className: "absolute inset-0 size-full object-contain", src: src, poster: poster, autoPlay: autoPlay, loop: loop, muted: muted, playsInline: true, preload: "metadata", onPlay: handlePlay, onPause: () => setIsPlaying(false), onEnded: () => setIsPlaying(false), onTimeUpdate: handleTimeUpdate, onLoadedMetadata: handleLoadedMetadata, onVolumeChange: handleVolumeChange, children: children }), !isPlaying ? (_jsx("button", { ref: overlayPlayRef, type: "button", "data-slot": "video-player-overlay-play", "aria-label": mergedLabels.play, onClick: togglePlay, className: "absolute inset-0 z-10 m-auto flex size-14 items-center justify-center rounded-full border border-border bg-surface-base/85 text-fg shadow-md backdrop-blur-sm transition-transform duration-150 outline-none hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base [&_svg]:size-6", children: _jsx(Play, { "aria-hidden": "true" }) })) : null, _jsxs("div", { "data-slot": "video-player-controls", className: cn("absolute inset-x-0 bottom-0 z-20 flex items-center gap-1.5 border-t border-border bg-surface-base/90 px-2.5 py-2 backdrop-blur-sm", 
+                // Hidden controls are also pointer-inert so a first tap on a touch
+                // device reveals the bar instead of activating an invisible button;
+                // hover/focus-within re-enable pointers alongside the reveal.
+                "pointer-events-none opacity-0 transition-opacity duration-200", "group-focus-within/video-player:pointer-events-auto group-focus-within/video-player:opacity-100", "group-hover/video-player:pointer-events-auto group-hover/video-player:opacity-100", !isPlaying && "pointer-events-auto opacity-100"), children: [_jsx("button", { ref: playToggleRef, type: "button", "data-slot": "video-player-play", "aria-label": isPlaying ? mergedLabels.pause : mergedLabels.play, onClick: togglePlay, className: controlButtonClasses, children: isPlaying ? _jsx(Pause, { "aria-hidden": "true" }) : _jsx(Play, { "aria-hidden": "true" }) }), _jsxs("span", { dir: "ltr", "data-slot": "video-player-time", className: "shrink-0 px-1 text-xs tabular-nums text-fg-secondary", children: [formatTime(currentTime), " / ", formatTime(duration)] }), _jsx("input", { type: "range", "data-slot": "video-player-seek", "aria-label": mergedLabels.seek, "aria-valuetext": `${formatTime(currentTime)} / ${formatTime(duration)}`, min: 0, max: duration > 0 ? duration : 0, step: 0.1, value: currentTime, onChange: handleSeek, className: cn(rangeClasses, "min-w-0 flex-1") }), _jsxs("button", { type: "button", "data-slot": "video-player-rate", "aria-label": `${mergedLabels.settings}, ${playbackRate}x`, onClick: cyclePlaybackRate, className: cn(controlButtonClasses, "w-auto min-w-8 px-1.5 text-xs font-semibold tabular-nums"), children: [playbackRate, "x"] }), _jsx("button", { type: "button", "data-slot": "video-player-mute", "aria-label": isMuted ? mergedLabels.unmute : mergedLabels.mute, onClick: toggleMute, className: controlButtonClasses, children: isMuted || volume === 0 ? (_jsx(VolumeX, { "aria-hidden": "true" })) : (_jsx(Volume2, { "aria-hidden": "true" })) }), _jsx("input", { type: "range", "data-slot": "video-player-volume", "aria-label": mergedLabels.volume, min: 0, max: 1, step: 0.05, value: displayedVolume, onChange: handleVolumeInput, className: cn(rangeClasses, "w-16 shrink-0 max-sm:hidden") }), _jsx("button", { type: "button", "data-slot": "video-player-fullscreen", "aria-label": isFullscreen ? mergedLabels.exitFullscreen : mergedLabels.fullscreen, onClick: handleFullscreen, className: controlButtonClasses, children: isFullscreen ? _jsx(Minimize, { "aria-hidden": "true" }) : _jsx(Maximize, { "aria-hidden": "true" }) })] })] }));
+});
+VideoPlayer.displayName = "VideoPlayer";
+export { videoPlayerVariants };
+//# sourceMappingURL=video-player.js.map

package/dist/components/word-rotate.d.ts

@@ -0,0 +1,40 @@
+import { type HTMLAttributes, type Ref } from "react";
+export interface WordRotateProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    ref?: Ref<HTMLSpanElement>;
+    /** Phrases to cycle through. */
+    words: string[];
+    /**
+     * Milliseconds each word stays on screen.
+     * @default 2200
+     */
+    interval?: number;
+    /**
+     * How `prefers-reduced-motion` is honoured. Defaults to `"user"` (cross-fade
+     * becomes a cut). `"never"` always animates; `"always"` always cuts.
+     * @default "user"
+     */
+    reducedMotion?: "user" | "always" | "never";
+    /**
+     * When true (default), the box stays as wide as the longest word so the
+     * line does not reflow. Set false when an underline or similar chrome
+     * should track the visible word.
+     * @default true
+     */
+    lockWidth?: boolean;
+    /**
+     * When false, skip the polite live region — use inside a heading so
+     * assistive tech is not re-announced every interval.
+     * @default true
+     */
+    announce?: boolean;
+}
+/**
+ * Cycles through a list of words with a vertical swap. Assistive tech is
+ * pointed at a polite live region so the current word is announced when it
+ * changes. Reduced-motion visitors get an instant cut instead of the slide.
+ */
+export declare function WordRotate({ ref, className, words, interval, reducedMotion, lockWidth, announce, ...props }: WordRotateProps): import("react").JSX.Element;
+export declare namespace WordRotate {
+    var displayName: string;
+}
+//# sourceMappingURL=word-rotate.d.ts.map

package/dist/components/word-rotate.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { useEffect, useState } from "react";
+import { cn } from "../lib/cn.js";
+function finiteOr(value, fallback) {
+    return Number.isFinite(value) ? value : fallback;
+}
+/**
+ * Cycles through a list of words with a vertical swap. Assistive tech is
+ * pointed at a polite live region so the current word is announced when it
+ * changes. Reduced-motion visitors get an instant cut instead of the slide.
+ */
+export function WordRotate({ ref, className, words, interval = 2200, reducedMotion = "user", lockWidth = true, announce = true, ...props }) {
+    const systemReduced = useReducedMotion();
+    const reduce = reducedMotion === "never" ? false : reducedMotion === "always" ? true : !!systemReduced;
+    const list = words.filter((word) => word.length > 0);
+    const [index, setIndex] = useState(0);
+    const current = list[index] ?? list[0] ?? "";
+    useEffect(() => {
+        if (list.length < 2)
+            return;
+        const ms = Math.max(400, finiteOr(interval, 2200));
+        const timeout = window.setInterval(() => {
+            setIndex((prev) => (prev + 1) % list.length);
+        }, ms);
+        return () => window.clearInterval(timeout);
+    }, [interval, list.length]);
+    return (_jsxs("span", { ref: ref, "data-slot": "word-rotate", className: cn("relative h-[1.2em] overflow-hidden align-baseline", lockWidth ? "inline-grid" : "inline-flex", className), ...props, children: [announce ? (_jsx("span", { className: "sr-only", "aria-live": "polite", children: current })) : (_jsx("span", { className: "sr-only", children: current })), lockWidth
+                ? list.map((word, i) => (_jsx("span", { "aria-hidden": "true", "data-word-rotate-sizer": "", className: "invisible col-start-1 row-start-1 whitespace-nowrap", children: word }, `${word}-${String(i)}`)))
+                : null, _jsx(AnimatePresence, { mode: "wait", initial: false, children: _jsx(motion.span, { "aria-hidden": "true", className: "col-start-1 row-start-1 inline-block whitespace-nowrap justify-self-start", initial: reduce ? false : { y: "40%", opacity: 0 }, animate: { y: "0%", opacity: 1 }, exit: reduce ? { opacity: 1 } : { y: "-40%", opacity: 0 }, transition: reduce ? { duration: 0 } : { duration: 0.35, ease: [0.22, 1, 0.36, 1] }, children: current }, current + String(index)) })] }));
+}
+WordRotate.displayName = "WordRotate";
+//# sourceMappingURL=word-rotate.js.map

package/dist/index.d.ts

@@ -0,0 +1,306 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "./components/accordion.js";
+export type { AlertProps } from "./components/alert.js";
+export { Alert, AlertDescription, AlertTitle, alertVariants } from "./components/alert.js";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./components/alert-dialog.js";
+export type { AnimatedButtonProps } from "./components/animated-button.js";
+export { AnimatedButton } from "./components/animated-button.js";
+export type { AnimatedListProps } from "./components/animated-list.js";
+export { AnimatedList } from "./components/animated-list.js";
+export type { AnimatedNumberProps, AnimatedNumberSpring } from "./components/animated-number.js";
+export { AnimatedNumber } from "./components/animated-number.js";
+export type { AppShellProps } from "./components/app-shell.js";
+export { AppShell } from "./components/app-shell.js";
+export type { AreaChartProps } from "./components/area-chart.js";
+export { AreaChart } from "./components/area-chart.js";
+export type { AspectRatioProps } from "./components/aspect-ratio.js";
+export { AspectRatio } from "./components/aspect-ratio.js";
+export { AuroraBackground } from "./components/aurora-background.js";
+export type { AutocompleteOption, AutocompleteProps } from "./components/autocomplete.js";
+export { Autocomplete } from "./components/autocomplete.js";
+export { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.js";
+export type { AvatarGroupAvatar, AvatarGroupProps } from "./components/avatar-group.js";
+export { AvatarGroup, avatarGroupItemVariants, avatarGroupOverflowVariants, } from "./components/avatar-group.js";
+export type { BadgeProps } from "./components/badge.js";
+export { Badge, badgeVariants } from "./components/badge.js";
+export type { BannerProps } from "./components/banner.js";
+export { Banner, bannerVariants } from "./components/banner.js";
+export type { BarChartProps } from "./components/bar-chart.js";
+export { BarChart } from "./components/bar-chart.js";
+export type { BorderBeamProps } from "./components/border-beam.js";
+export { BorderBeam } from "./components/border-beam.js";
+export type { BreadcrumbLinkProps } from "./components/breadcrumb.js";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/breadcrumb.js";
+export type { ButtonProps } from "./components/button.js";
+export { Button, buttonVariants } from "./components/button.js";
+export type { ButtonGroupProps } from "./components/button-group.js";
+export { ButtonGroup } from "./components/button-group.js";
+export type { CalendarProps } from "./components/calendar.js";
+export { Calendar } from "./components/calendar.js";
+export type { CandlestickChartProps, CandlestickPoint } from "./components/candlestick-chart.js";
+export { CandlestickChart } from "./components/candlestick-chart.js";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/card.js";
+export type { CardStackItem, CardStackProps } from "./components/card-stack.js";
+export { CardStack } from "./components/card-stack.js";
+export type { CarouselAlign, CarouselContentProps, CarouselDotsProps, CarouselItemProps, CarouselNextProps, CarouselOptions, CarouselPreviousProps, CarouselProps, } from "./components/carousel.js";
+export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, } from "./components/carousel.js";
+export type { ChartConfig, ChartCursorProps, ChartSeries } from "./components/chart.js";
+export { ChartContainer, ChartCursor, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, chartSeriesConfig, } from "./components/chart.js";
+export { Checkbox } from "./components/checkbox.js";
+export type { ChipGroupProps, ChipLabels, ChipProps } from "./components/chip.js";
+export { Chip, ChipGroup, chipVariants } from "./components/chip.js";
+export type { ChoroplethChartProps, ChoroplethRegion } from "./components/choropleth-chart.js";
+export { CHOROPLETH_DEMO, ChoroplethChart } from "./components/choropleth-chart.js";
+export type { ClickSparkProps } from "./components/click-spark.js";
+export { ClickSpark } from "./components/click-spark.js";
+export type { CodeBlockProps } from "./components/code-block.js";
+export { CodeBlock } from "./components/code-block.js";
+export type { CodeTabsItem, CodeTabsProps } from "./components/code-tabs.js";
+export { CodeTabs } from "./components/code-tabs.js";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./components/collapsible.js";
+export type { ColorPickerProps, OklchColor } from "./components/color-picker.js";
+export { ColorPicker } from "./components/color-picker.js";
+export type { ComboboxOption, ComboboxProps } from "./components/combobox.js";
+export { Combobox } from "./components/combobox.js";
+export type { CommandDialogProps } from "./components/command.js";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./components/command.js";
+export type { ComparisonSliderProps } from "./components/comparison-slider.js";
+export { ComparisonSlider } from "./components/comparison-slider.js";
+export type { ComposedChartProps, ComposedChartSeries } from "./components/composed-chart.js";
+export { ComposedChart } from "./components/composed-chart.js";
+export type { ConfettiProps } from "./components/confetti.js";
+export { Confetti } from "./components/confetti.js";
+export type { ConfirmationDialogProps } from "./components/confirmation-dialog.js";
+export { ConfirmationDialog } from "./components/confirmation-dialog.js";
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from "./components/context-menu.js";
+export type { CopyButtonProps } from "./components/copy-button.js";
+export { CopyButton } from "./components/copy-button.js";
+export type { CountdownLabels, CountdownProps } from "./components/countdown.js";
+export { Countdown } from "./components/countdown.js";
+export type { CardBrand, CreditCardInputProps, CreditCardValue, } from "./components/credit-card-input.js";
+export { CreditCardInput } from "./components/credit-card-input.js";
+export type { CurrencyInputMeta, CurrencyInputProps, CurrencyOption, } from "./components/currency-input.js";
+export { CurrencyInput } from "./components/currency-input.js";
+export type { DataTableColumnHeaderLabels, DataTableColumnHeaderProps, DataTableDensity, DataTableFacetedFilter, DataTableFacetOption, DataTableLabels, DataTableProps, DataTableSelectionColumnOptions, } from "./components/data-table.js";
+export { createSelectionColumn, DataTable, DataTableColumnHeader, fuzzyTextFilter, SELECTION_COLUMN_ID, tableRowsToCsv, } from "./components/data-table.js";
+export type { DatePickerProps } from "./components/date-picker.js";
+export { DatePicker } from "./components/date-picker.js";
+export type { DateRange, DateRangePickerProps, DateRangePreset, } from "./components/date-range-picker.js";
+export { DateRangePicker } from "./components/date-range-picker.js";
+export type { DescriptionItemProps, DescriptionListProps } from "./components/description-list.js";
+export { DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, descriptionListVariants, } from "./components/description-list.js";
+export type { DialogContentProps } from "./components/dialog.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/dialog.js";
+export type { DockItem, DockProps } from "./components/dock.js";
+export { Dock } from "./components/dock.js";
+export type { DotPatternProps } from "./components/dot-pattern.js";
+export { DotPattern } from "./components/dot-pattern.js";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, } from "./components/drawer.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components/dropdown-menu.js";
+export type { DynamicIslandProps, DynamicIslandView } from "./components/dynamic-island.js";
+export { DynamicIsland } from "./components/dynamic-island.js";
+export { Empty, EmptyContent, EmptyDescription, EmptyIcon, EmptyTitle, } from "./components/empty.js";
+export type { ExpandableTab, ExpandableTabsProps } from "./components/expandable-tabs.js";
+export { ExpandableTabs } from "./components/expandable-tabs.js";
+export type { FabAction, FabProps } from "./components/fab.js";
+export { Fab } from "./components/fab.js";
+export { Field, FieldDescription, FieldError, FieldLabel } from "./components/field.js";
+export type { FileDropzoneProps } from "./components/file-dropzone.js";
+export { FileDropzone } from "./components/file-dropzone.js";
+export type { FlickeringGridProps } from "./components/flickering-grid.js";
+export { FlickeringGrid } from "./components/flickering-grid.js";
+export type { FlipCardAxis, FlipCardProps, FlipCardTrigger } from "./components/flip-card.js";
+export { FlipCard, FlipCardBack, FlipCardFront } from "./components/flip-card.js";
+export type { FloatingLabelInputProps } from "./components/floating-label-input.js";
+export { FloatingLabelInput } from "./components/floating-label-input.js";
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormContext, useFormField, } from "./components/form.js";
+export type { FrameProps } from "./components/frame.js";
+export { Frame } from "./components/frame.js";
+export type { FunnelChartItem, FunnelChartProps } from "./components/funnel-chart.js";
+export { FunnelChart } from "./components/funnel-chart.js";
+export type { GaugeChartProps } from "./components/gauge-chart.js";
+export { GaugeChart } from "./components/gauge-chart.js";
+export type { GlareHoverProps } from "./components/glare-hover.js";
+export { GlareHover } from "./components/glare-hover.js";
+export { GlassCard } from "./components/glass-card.js";
+export type { GradientBorderProps } from "./components/gradient-border.js";
+export { GradientBorder } from "./components/gradient-border.js";
+export type { GradientTextProps } from "./components/gradient-text.js";
+export { GradientText } from "./components/gradient-text.js";
+export type { GridPatternProps } from "./components/grid-pattern.js";
+export { GridPattern } from "./components/grid-pattern.js";
+export type { HeatmapDay, HeatmapProps } from "./components/heatmap.js";
+export { getHeatmapLevel, Heatmap } from "./components/heatmap.js";
+export type { HeatmapChartProps } from "./components/heatmap-chart.js";
+export { HeatmapChart } from "./components/heatmap-chart.js";
+export type { HighlighterProps } from "./components/highlighter.js";
+export { Highlighter } from "./components/highlighter.js";
+export { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/hover-card.js";
+export type { ImageZoomLabels, ImageZoomProps } from "./components/image-zoom.js";
+export { ImageZoom, imageZoomVariants } from "./components/image-zoom.js";
+export type { InputProps } from "./components/input.js";
+export { Input } from "./components/input.js";
+export type { InputGroupAddonProps, InputGroupProps } from "./components/input-group.js";
+export { InputGroup, InputGroupAddon } from "./components/input-group.js";
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, } from "./components/input-otp.js";
+export type { JsonViewerProps } from "./components/json-viewer.js";
+export { JsonViewer } from "./components/json-viewer.js";
+export type { KanbanColumn, KanbanItem, KanbanProps } from "./components/kanban.js";
+export { Kanban } from "./components/kanban.js";
+export { Kbd } from "./components/kbd.js";
+export { Label } from "./components/label.js";
+export type { LightRaysProps } from "./components/light-rays.js";
+export { LightRays } from "./components/light-rays.js";
+export type { LightboxImage, LightboxProps } from "./components/lightbox.js";
+export { Lightbox } from "./components/lightbox.js";
+export type { LineChartProps } from "./components/line-chart.js";
+export { LineChart } from "./components/line-chart.js";
+export type { LiveLineChartProps, LiveLinePoint } from "./components/live-line-chart.js";
+export { LiveLineChart } from "./components/live-line-chart.js";
+export type { LogoCarouselItem, LogoCarouselMotionPreference, LogoCarouselProps, LogoCarouselSize, LogoCarouselVariant, } from "./components/logo-carousel.js";
+export { LogoCarousel } from "./components/logo-carousel.js";
+export type { MagneticProps } from "./components/magnetic.js";
+export { Magnetic } from "./components/magnetic.js";
+export type { MarqueeMotionPreference, MarqueeProps } from "./components/marquee.js";
+export { Marquee } from "./components/marquee.js";
+export type { MasonryColumns, MasonryProps } from "./components/masonry.js";
+export { Masonry } from "./components/masonry.js";
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "./components/menubar.js";
+export type { MeteorsProps } from "./components/meteors.js";
+export { Meteors } from "./components/meteors.js";
+export type { MetricDeltaProps } from "./components/metric.js";
+export { Metric, MetricDelta, MetricLabel, MetricValue } from "./components/metric.js";
+export type { ModeToggleMode, ModeToggleProps, ModeToggleSize } from "./components/mode-toggle.js";
+export { ModeToggle } from "./components/mode-toggle.js";
+export type { MorphingPopoverBodyProps, MorphingPopoverButtonProps, MorphingPopoverCloseProps, MorphingPopoverContentProps, MorphingPopoverFooterProps, MorphingPopoverHeaderProps, MorphingPopoverProps, MorphingPopoverTriggerProps, } from "./components/morphing-popover.js";
+export { MorphingPopover, MorphingPopoverBody, MorphingPopoverButton, MorphingPopoverClose, MorphingPopoverContent, MorphingPopoverFooter, MorphingPopoverHeader, MorphingPopoverTrigger, } from "./components/morphing-popover.js";
+export { easeOutQuart, fadeIn, fadeInUp, scaleIn, springSnappy, springSoft, staggerContainer, } from "./components/motion-presets.js";
+export type { MultiSelectOption, MultiSelectProps } from "./components/multi-select.js";
+export { MultiSelect } from "./components/multi-select.js";
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, } from "./components/navigation-menu.js";
+export type { NoiseProps } from "./components/noise.js";
+export { Noise } from "./components/noise.js";
+export type { NotificationCenterProps, NotificationItem, NotificationListProps, NotificationRowProps, } from "./components/notification-center.js";
+export { NotificationCenter, NotificationList, NotificationRow, } from "./components/notification-center.js";
+export type { NumberInputProps } from "./components/number-input.js";
+export { NumberInput } from "./components/number-input.js";
+export type { OrbitItemProps, OrbitProps, OrbitRingProps } from "./components/orbit.js";
+export { Orbit, OrbitItem, OrbitRing } from "./components/orbit.js";
+export type { PaginationLinkProps } from "./components/pagination.js";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from "./components/pagination.js";
+export type { ParticlesProps } from "./components/particles.js";
+export { Particles } from "./components/particles.js";
+export type { PasswordInputProps } from "./components/password-input.js";
+export { getPasswordStrength, PasswordInput } from "./components/password-input.js";
+export type { PhoneCountry, PhoneInputProps } from "./components/phone-input.js";
+export { DEFAULT_PHONE_COUNTRIES, PhoneInput } from "./components/phone-input.js";
+export type { PieChartItem, PieChartProps } from "./components/pie-chart.js";
+export { PieChart } from "./components/pie-chart.js";
+export type { PillNavItem, PillNavProps } from "./components/pill-nav.js";
+export { PillNav } from "./components/pill-nav.js";
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/popover.js";
+export type { ProfitLossChartProps, ProfitLossPoint } from "./components/profit-loss-chart.js";
+export { ProfitLossChart } from "./components/profit-loss-chart.js";
+export { Progress } from "./components/progress.js";
+export type { ProgressiveBlurProps } from "./components/progressive-blur.js";
+export { ProgressiveBlur, progressiveBlurVariants } from "./components/progressive-blur.js";
+export type { RadarChartProps } from "./components/radar-chart.js";
+export { RadarChart } from "./components/radar-chart.js";
+export { RadioGroup, RadioGroupItem } from "./components/radio-group.js";
+export type { RatingProps } from "./components/rating.js";
+export { Rating } from "./components/rating.js";
+export type { ResizableHandleProps } from "./components/resizable.js";
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "./components/resizable.js";
+export type { RetroGridProps } from "./components/retro-grid.js";
+export { RetroGrid } from "./components/retro-grid.js";
+export type { RevealProps } from "./components/reveal.js";
+export { Reveal } from "./components/reveal.js";
+export type { RichTextEditorProps } from "./components/rich-text-editor.js";
+export { RichTextEditor } from "./components/rich-text-editor.js";
+export type { RingChartItem, RingChartProps } from "./components/ring-chart.js";
+export { RingChart } from "./components/ring-chart.js";
+export type { RippleProps } from "./components/ripple.js";
+export { Ripple } from "./components/ripple.js";
+export type { SankeyChartData, SankeyChartProps } from "./components/sankey-chart.js";
+export { SankeyChart } from "./components/sankey-chart.js";
+export type { ScatterChartProps, ScatterChartSeries } from "./components/scatter-chart.js";
+export { ScatterChart } from "./components/scatter-chart.js";
+export type { SchedulerEvent, SchedulerEventColor, SchedulerProps, } from "./components/scheduler.js";
+export { Scheduler } from "./components/scheduler.js";
+export type { ScrambleTextMotionPreference, ScrambleTextProps, } from "./components/scramble-text.js";
+export { ScrambleText } from "./components/scramble-text.js";
+export { ScrollArea, ScrollBar } from "./components/scroll-area.js";
+export type { ScrollProgressProps } from "./components/scroll-progress.js";
+export { ScrollProgress } from "./components/scroll-progress.js";
+export type { SegmentedControlItemProps, SegmentedControlProps, } from "./components/segmented-control.js";
+export { SegmentedControl, SegmentedControlItem } from "./components/segmented-control.js";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./components/select.js";
+export { Separator } from "./components/separator.js";
+export type { SheetContentProps } from "./components/sheet.js";
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, sheetVariants, } from "./components/sheet.js";
+export { Shimmer } from "./components/shimmer.js";
+export type { ShinyTextProps } from "./components/shiny-text.js";
+export { ShinyText } from "./components/shiny-text.js";
+export type { SidebarContextValue, SidebarGroupLabelProps, SidebarMenuButtonProps, SidebarMenuSubButtonProps, SidebarProps, SidebarProviderProps, SidebarTriggerProps, } from "./components/sidebar.js";
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarMenuButtonVariants, useSidebar, } from "./components/sidebar.js";
+export type { SignaturePadHandle, SignaturePadProps } from "./components/signature-pad.js";
+export { SignaturePad } from "./components/signature-pad.js";
+export { Skeleton } from "./components/skeleton.js";
+export { Slider } from "./components/slider.js";
+export type { ToasterProps } from "./components/sonner.js";
+export { Toaster, toast } from "./components/sonner.js";
+export type { SparklesTextProps } from "./components/sparkles-text.js";
+export { SparklesText } from "./components/sparkles-text.js";
+export type { SparklineProps } from "./components/sparkline.js";
+export { Sparkline } from "./components/sparkline.js";
+export type { SpinnerProps } from "./components/spinner.js";
+export { Spinner } from "./components/spinner.js";
+export type { SpinningTextProps } from "./components/spinning-text.js";
+export { SpinningText } from "./components/spinning-text.js";
+export type { SplitButtonItem, SplitButtonProps } from "./components/split-button.js";
+export { SplitButton } from "./components/split-button.js";
+export { SpotlightCard } from "./components/spotlight-card.js";
+export type { StarBorderProps } from "./components/star-border.js";
+export { StarBorder } from "./components/star-border.js";
+export type { StatusDotProps } from "./components/status-dot.js";
+export { StatusDot, statusDotVariants } from "./components/status-dot.js";
+export type { StepperIndicatorProps, StepperItemProps, StepperLabels, StepperProps, StepperTriggerProps, } from "./components/stepper.js";
+export { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperList, StepperSeparator, StepperTitle, StepperTrigger, stepperIndicatorVariants, } from "./components/stepper.js";
+export type { SunburstChartProps, SunburstNode } from "./components/sunburst-chart.js";
+export { SunburstChart } from "./components/sunburst-chart.js";
+export { Switch } from "./components/switch.js";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./components/table.js";
+export type { TableOfContentsItem, TableOfContentsProps, } from "./components/table-of-contents.js";
+export { TableOfContents } from "./components/table-of-contents.js";
+export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/tabs.js";
+export type { TagsInputProps } from "./components/tags-input.js";
+export { TagsInput } from "./components/tags-input.js";
+export type { TerminalLine, TerminalMotionPreference, TerminalProps, } from "./components/terminal.js";
+export { Terminal } from "./components/terminal.js";
+export type { TextEffectPer, TextEffectPreset, TextEffectProps, TextEffectTrigger, } from "./components/text-effect.js";
+export { TextEffect } from "./components/text-effect.js";
+export type { TextareaProps } from "./components/textarea.js";
+export { Textarea } from "./components/textarea.js";
+export type { TiltCardProps } from "./components/tilt-card.js";
+export { TiltCard } from "./components/tilt-card.js";
+export type { TimePickerProps, TimeValue } from "./components/time-picker.js";
+export { TimePicker } from "./components/time-picker.js";
+export type { TimelineDotProps, TimelineItemProps } from "./components/timeline.js";
+export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineItem, TimelineTime, TimelineTitle, timelineDotVariants, } from "./components/timeline.js";
+export type { ToggleProps } from "./components/toggle.js";
+export { Toggle, toggleVariants } from "./components/toggle.js";
+export { ToggleGroup, ToggleGroupItem } from "./components/toggle-group.js";
+export type { ToolbarButtonProps, ToolbarProps } from "./components/toolbar.js";
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarSeparator } from "./components/toolbar.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/tooltip.js";
+export type { TreeNode, TreeViewProps } from "./components/tree-view.js";
+export { TreeView } from "./components/tree-view.js";
+export type { TypingTextMotionPreference, TypingTextProps } from "./components/typing-text.js";
+export { TypingText } from "./components/typing-text.js";
+export type { UsageMeterProps } from "./components/usage-meter.js";
+export { UsageMeter, UsageMeterCircular, UsageMeterLinear } from "./components/usage-meter.js";
+export type { VideoPlayerLabels, VideoPlayerProps } from "./components/video-player.js";
+export { VideoPlayer, videoPlayerVariants } from "./components/video-player.js";
+export type { WordRotateProps } from "./components/word-rotate.js";
+export { WordRotate } from "./components/word-rotate.js";
+export { cn } from "./lib/cn.js";
+//# sourceMappingURL=index.d.ts.map