@godxjp/ui 13.9.3 → 13.10.0

package/dist/chunk-J2DEWIYY.js

@@ -1,37 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx(ScrollBar, {}),
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none transition-colors select-none",
-      orientation === "vertical" && "h-full w-2.5 border-s border-s-transparent p-px",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-export { ScrollArea, ScrollBar };

package/dist/chunk-K24AQV4R.js

@@ -1,98 +0,0 @@
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { X } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var inputBaseClass = [
-  "ui-control border-input bg-background w-full min-w-0 rounded-md border px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none",
-  "selection:bg-primary selection:text-primary-foreground",
-  "file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
-  "placeholder:text-muted-foreground",
-  "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-  "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-  "aria-invalid:border-destructive aria-invalid:ring-destructive/20"
-];
-var Input = React.forwardRef(
-  ({ className, type, allowClear = false, onClear, value, defaultValue, onChange, ...props }, ref) => {
-    const { t } = useTranslation();
-    const innerRef = React.useRef(null);
-    const setRefs = React.useCallback(
-      (node) => {
-        innerRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    const [hasText, setHasText] = React.useState(
-      () => String(value ?? defaultValue ?? "").length > 0
-    );
-    React.useEffect(() => {
-      if (value !== void 0) setHasText(String(value).length > 0);
-    }, [value]);
-    const handleChange = (event) => {
-      if (value === void 0) setHasText(event.target.value.length > 0);
-      onChange?.(event);
-    };
-    const clear = () => {
-      const el = innerRef.current;
-      if (el) {
-        const setter = Object.getOwnPropertyDescriptor(
-          window.HTMLInputElement.prototype,
-          "value"
-        )?.set;
-        setter?.call(el, "");
-        el.dispatchEvent(new Event("input", { bubbles: true }));
-        el.focus();
-      }
-      setHasText(false);
-      onClear?.();
-    };
-    if (!allowClear) {
-      return /* @__PURE__ */ jsx(
-        "input",
-        {
-          type,
-          "data-slot": "input",
-          ref: setRefs,
-          value,
-          defaultValue,
-          onChange,
-          className: cn(inputBaseClass, className),
-          ...props
-        }
-      );
-    }
-    const showClear = hasText && !props.disabled && !props.readOnly;
-    return /* @__PURE__ */ jsxs("span", { "data-slot": "input-affix-wrapper", className: "relative inline-flex w-full items-center", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type,
-          "data-slot": "input",
-          ref: setRefs,
-          value,
-          defaultValue,
-          onChange: handleChange,
-          className: cn(inputBaseClass, showClear && "pe-9", className),
-          ...props
-        }
-      ),
-      showClear ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          tabIndex: -1,
-          "aria-label": t("common.clear") ?? "Clear",
-          onClick: clear,
-          className: "text-muted-foreground hover:text-foreground absolute end-2 inline-flex size-5 items-center justify-center rounded-sm opacity-70 transition-opacity hover:opacity-100 focus-visible:opacity-100",
-          children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-        }
-      ) : null
-    ] });
-  }
-);
-Input.displayName = "Input";
-
-export { Input };

package/dist/chunk-LFW37FGG.js

@@ -1,68 +0,0 @@
-import { useState, useEffect } from 'react';
-
-// src/lib/hooks.ts
-function useDebouncedValue(value, delay = 250) {
-  const [debounced, setDebounced] = useState(value);
-  useEffect(() => {
-    const t = setTimeout(() => {
-      setDebounced(value);
-    }, delay);
-    return () => {
-      clearTimeout(t);
-    };
-  }, [value, delay]);
-  return debounced;
-}
-function useTimeoutFlag(signal, ms = 2e3) {
-  const [active, setActive] = useState(false);
-  useEffect(() => {
-    if (!signal) {
-      const id = window.setTimeout(() => {
-        setActive(false);
-      }, 0);
-      return () => {
-        clearTimeout(id);
-      };
-    }
-    const showId = window.setTimeout(() => {
-      setActive(true);
-    }, 0);
-    const hideId = window.setTimeout(() => {
-      setActive(false);
-    }, ms);
-    return () => {
-      clearTimeout(showId);
-      clearTimeout(hideId);
-    };
-  }, [signal, ms]);
-  return Boolean(signal) && active;
-}
-function useMediaQuery(query) {
-  const isBrowser = typeof window !== "undefined";
-  const getMatch = () => isBrowser ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = useState(getMatch());
-  useEffect(() => {
-    if (!isBrowser) return void 0;
-    const mediaQuery = window.matchMedia(query);
-    const updateMatch = () => {
-      setMatches(mediaQuery.matches);
-    };
-    updateMatch();
-    if (typeof mediaQuery.addEventListener === "function") {
-      mediaQuery.addEventListener("change", updateMatch);
-      return () => {
-        mediaQuery.removeEventListener("change", updateMatch);
-      };
-    }
-    mediaQuery.addListener(updateMatch);
-    return () => {
-      mediaQuery.removeListener(updateMatch);
-    };
-  }, [isBrowser, query]);
-  return matches;
-}
-function useIsMobile() {
-  return useMediaQuery("(max-width: 767px)");
-}
-
-export { useDebouncedValue, useIsMobile, useMediaQuery, useTimeoutFlag };

package/dist/chunk-LMKUKCTN.js

@@ -1,150 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { Check, ChevronRight } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function DropdownMenu(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-function DropdownMenuPortal(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuGroup(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuRadioGroup(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
-}
-function DropdownMenuSub(props) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Content,
-  {
-    ref,
-    "data-slot": "dropdown-menu-content",
-    sideOffset,
-    className: cn(
-      "bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Item,
-  {
-    ref,
-    "data-slot": "dropdown-menu-item",
-    "data-inset": inset,
-    "data-variant": variant,
-    className: cn(
-      "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset=true]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Label,
-  {
-    ref,
-    "data-slot": "dropdown-menu-label",
-    "data-inset": inset,
-    className: cn("px-2 py-1.5 text-sm font-medium data-[inset=true]:ps-8", className),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    "data-slot": "dropdown-menu-separator",
-    className: cn("bg-border -mx-1 my-1 h-px", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    "data-slot": "dropdown-menu-checkbox-item",
-    className: cn(
-      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4", "aria-hidden": "true" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    "data-slot": "dropdown-menu-radio-item",
-    className: cn(
-      "focus:bg-accent focus:text-accent-foreground data-[state=checked]:bg-primary/10 data-[state=checked]:text-primary relative flex cursor-default items-center gap-2 rounded-sm px-2.5 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:font-medium [&_svg]:pointer-events-none [&_svg]:shrink-0",
-      className
-    ),
-    ...props,
-    children
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    ref,
-    "data-slot": "dropdown-menu-sub-trigger",
-    "data-inset": inset,
-    className: cn(
-      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[inset=true]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto size-4", "aria-hidden": "true" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    "data-slot": "dropdown-menu-sub-content",
-    className: cn(
-      "bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 min-w-32 origin-[var(--radix-dropdown-menu-content-transform-origin)] overflow-hidden rounded-md border p-1 shadow-lg",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    "data-slot": "dropdown-menu-shortcut",
-    className: cn("text-muted-foreground ms-auto text-xs tracking-widest", className),
-    ...props
-  }
-);
-
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/chunk-NU2SOVTU.js

@@ -1,96 +0,0 @@
-import { buttonVariants } from './chunk-XBFUROAY.js';
-import { controlIconSmClass } from './chunk-B4K4BXEF.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { DayPicker } from 'react-day-picker';
-import { jsx } from 'react/jsx-runtime';
-
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}) {
-  const rangeDefaults = props.mode === "range" ? { resetOnSelect: props.resetOnSelect ?? true } : null;
-  return /* @__PURE__ */ jsx(
-    DayPicker,
-    {
-      showOutsideDays,
-      className: cn("relative w-fit p-3", className),
-      classNames: {
-        months: cn("flex flex-col gap-4 sm:flex-row", classNames?.months),
-        month: cn("relative flex flex-col gap-4", classNames?.month),
-        month_caption: cn(
-          "flex h-[length:var(--control-height)] w-full items-center justify-center px-8",
-          classNames?.month_caption
-        ),
-        caption_label: cn("text-sm font-medium", classNames?.caption_label),
-        // z-10 is load-bearing: `month` below is position:relative and later in the DOM, so
-        // without a z-index it paints OVER these buttons — they render but never receive the
-        // click (the month caption swallows it) and the calendar looks frozen.
-        nav: cn(
-          "absolute inset-x-0 top-3 z-10 flex items-center justify-between px-1",
-          classNames?.nav
-        ),
-        button_previous: cn(
-          buttonVariants({ variant: "outline" }),
-          controlIconSmClass,
-          "bg-transparent p-0 opacity-70 hover:opacity-100",
-          classNames?.button_previous
-        ),
-        button_next: cn(
-          buttonVariants({ variant: "outline" }),
-          controlIconSmClass,
-          "bg-transparent p-0 opacity-70 hover:opacity-100",
-          classNames?.button_next
-        ),
-        month_grid: cn("mt-4 w-full border-collapse", classNames?.month_grid),
-        weekdays: cn("flex", classNames?.weekdays),
-        weekday: cn(
-          "w-[length:var(--control-height)] rounded-md text-xs font-normal text-muted-foreground",
-          classNames?.weekday
-        ),
-        week: cn("mt-2 flex w-full", classNames?.week),
-        day: cn(
-          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20",
-          "[&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50",
-          "[&:has([aria-selected].day-range-end)]:rounded-e-md",
-          classNames?.day
-        ),
-        day_button: cn(
-          buttonVariants({ variant: "ghost" }),
-          "size-[length:var(--control-height)] p-0 font-normal aria-selected:opacity-100",
-          classNames?.day_button
-        ),
-        range_start: cn("day-range-start rounded-s-md", classNames?.range_start),
-        range_end: cn("day-range-end rounded-e-md", classNames?.range_end),
-        range_middle: cn(
-          "aria-selected:bg-accent aria-selected:text-accent-foreground",
-          classNames?.range_middle
-        ),
-        selected: cn(
-          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-          classNames?.selected
-        ),
-        today: cn("bg-accent text-accent-foreground", classNames?.today),
-        outside: cn(
-          "day-outside text-muted-foreground aria-selected:text-muted-foreground",
-          classNames?.outside
-        ),
-        disabled: cn("text-muted-foreground opacity-50", classNames?.disabled),
-        hidden: cn("invisible", classNames?.hidden),
-        ...classNames
-      },
-      components: {
-        Chevron: ({ orientation, className: chevronClassName }) => {
-          const Icon = orientation === "left" ? ChevronLeft : ChevronRight;
-          return /* @__PURE__ */ jsx(Icon, { className: cn("size-4", chevronClassName), "aria-hidden": "true" });
-        }
-      },
-      ...props,
-      ...rangeDefaults
-    }
-  );
-}
-
-export { Calendar };

package/dist/chunk-NZBAFFWP.js

@@ -1,214 +0,0 @@
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var CarouselContext = React.createContext(null);
-var useCarousel = () => {
-  const context = React.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a Carousel component");
-  }
-  return context;
-};
-var Carousel = React.forwardRef(({ className, opts, plugins, setApi, children, ...props }, ref) => {
-  const { t } = useTranslation();
-  const [emblaRef, api] = useEmblaCarousel(opts, plugins);
-  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-  const [canScrollNext, setCanScrollNext] = React.useState(false);
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const [scrollSnaps, setScrollSnaps] = React.useState([]);
-  const onSelect = React.useCallback(() => {
-    if (!api) return;
-    setCanScrollPrev(api.canScrollPrev());
-    setCanScrollNext(api.canScrollNext());
-    setSelectedIndex(api.selectedScrollSnap());
-  }, [api]);
-  React.useEffect(() => {
-    if (!api) return void 0;
-    onSelect();
-    setScrollSnaps(api.scrollSnapList());
-    setApi?.(api);
-    api.on("reInit", onSelect);
-    api.on("reInit", () => setScrollSnaps(api.scrollSnapList()));
-    api.on("select", onSelect);
-    return () => {
-      api.off("reInit", onSelect);
-      api.off("select", onSelect);
-    };
-  }, [api, onSelect, setApi]);
-  const scrollPrev = React.useCallback(() => {
-    api?.scrollPrev();
-  }, [api]);
-  const scrollNext = React.useCallback(() => {
-    api?.scrollNext();
-  }, [api]);
-  const scrollTo = React.useCallback(
-    (index) => {
-      api?.scrollTo(index);
-    },
-    [api]
-  );
-  const contextValue = React.useMemo(
-    () => ({
-      canScrollPrev,
-      canScrollNext,
-      selectedIndex,
-      scrollSnaps,
-      api,
-      scrollPrev,
-      scrollNext,
-      scrollTo
-    }),
-    [
-      canScrollPrev,
-      canScrollNext,
-      selectedIndex,
-      scrollSnaps,
-      api,
-      scrollPrev,
-      scrollNext,
-      scrollTo
-    ]
-  );
-  return /* @__PURE__ */ jsx(CarouselContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "carousel",
-      className: cn("ui-carousel", className),
-      "data-orientation": opts?.axis === "y" ? "vertical" : "horizontal",
-      role: "region",
-      "aria-roledescription": t("dataDisplay.carousel.roleDescription"),
-      "aria-label": t("dataDisplay.carousel.ariaLabel"),
-      ...props,
-      children: /* @__PURE__ */ jsx("div", { className: "ui-carousel-viewport", ref: emblaRef, children })
-    }
-  ) });
-});
-Carousel.displayName = "Carousel";
-var CarouselContent = React.forwardRef(({ className, children, ...props }, ref) => {
-  const { t } = useTranslation();
-  const total = React.Children.toArray(children).filter(React.isValidElement).length;
-  let slideIndex = 0;
-  const decorated = React.Children.map(children, (child) => {
-    if (!React.isValidElement(child)) return child;
-    const index = slideIndex++;
-    const childProps = child.props;
-    if (childProps["aria-label"] != null) return child;
-    return React.cloneElement(child, {
-      "aria-label": t("dataDisplay.carousel.slideLabel", {
-        index: index + 1,
-        total
-      })
-    });
-  });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "carousel-content",
-      className: cn("ui-carousel-content", className),
-      ...props,
-      children: decorated
-    }
-  );
-});
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "carousel-item",
-      role: "group",
-      "aria-roledescription": "slide",
-      className: cn("ui-carousel-item", className),
-      ...props
-    }
-  )
-);
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React.forwardRef(({ className, ...props }, ref) => {
-  const { t } = useTranslation();
-  const { canScrollPrev, scrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      type: "button",
-      "data-slot": "carousel-previous",
-      disabled: !canScrollPrev,
-      className: cn("ui-carousel-previous", className),
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ChevronLeft, { className: "ui-carousel-arrow", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataDisplay.carousel.previous") })
-      ]
-    }
-  );
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React.forwardRef(({ className, ...props }, ref) => {
-  const { t } = useTranslation();
-  const { canScrollNext, scrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      type: "button",
-      "data-slot": "carousel-next",
-      disabled: !canScrollNext,
-      className: cn("ui-carousel-next", className),
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ChevronRight, { className: "ui-carousel-arrow", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataDisplay.carousel.next") })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
-var CarouselDots = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { t } = useTranslation();
-    const { scrollSnaps, selectedIndex, scrollTo } = useCarousel();
-    if (scrollSnaps.length <= 1) return null;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        "data-slot": "carousel-dots",
-        className: cn("ui-carousel-dots", className),
-        role: "tablist",
-        "aria-label": t("dataDisplay.carousel.dotsLabel"),
-        ...props,
-        children: scrollSnaps.map((_, index) => {
-          const active = index === selectedIndex;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "tab",
-              "data-slot": "carousel-dot",
-              "data-active": active ? "" : void 0,
-              className: "ui-carousel-dot",
-              "aria-selected": active,
-              "aria-current": active ? "true" : void 0,
-              "aria-label": t("dataDisplay.carousel.goToSlide", { index: index + 1 }),
-              onClick: () => scrollTo(index)
-            },
-            index
-          );
-        })
-      }
-    );
-  }
-);
-CarouselDots.displayName = "CarouselDots";
-
-export { Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };