@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-YUFDC6RW.js

@@ -0,0 +1,55 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/sonner/sonner.tsx
+import { useEffect, useState } from "react";
+import { Toaster as SonnerToaster, toast } from "sonner";
+import { resolveThemeIsDark } from "@elabs-ai/components-tokens";
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_TOAST_CLASS_NAMES = {
+  toast: "group toast group-[.toaster]:bg-card group-[.toaster]:text-card-foreground group-[.toaster]:shadow-ring-lg",
+  description: "group-[.toast]:text-muted-foreground",
+  actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+  cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+};
+function useDocumentThemeMode() {
+  const [mode, setMode] = useState("light");
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const el = document.documentElement;
+    const read = () => setMode(resolveThemeIsDark(el) ? "dark" : "light");
+    read();
+    const obs = new MutationObserver(read);
+    obs.observe(el, { attributes: true, attributeFilter: ["data-theme"] });
+    return () => obs.disconnect();
+  }, []);
+  return mode;
+}
+function Toaster({ className, toastOptions, ...rest }) {
+  const mode = useDocumentThemeMode();
+  const userClassNames = toastOptions?.classNames;
+  const classNames = {
+    ...userClassNames,
+    toast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, userClassNames?.toast),
+    description: cn(DEFAULT_TOAST_CLASS_NAMES.description, userClassNames?.description),
+    actionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, userClassNames?.actionButton),
+    cancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, userClassNames?.cancelButton)
+  };
+  return /* @__PURE__ */ jsx(
+    SonnerToaster,
+    {
+      theme: mode,
+      className: cn("toaster group", className),
+      toastOptions: { ...toastOptions, classNames },
+      ...rest
+    }
+  );
+}
+
+export {
+  toast,
+  Toaster
+};
+//# sourceMappingURL=chunk-YUFDC6RW.js.map

package/dist/chunk-YUFDC6RW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sonner/sonner.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Toaster as SonnerToaster, toast } from \"sonner\";\nimport { resolveThemeIsDark } from \"@elabs-ai/components-tokens\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * The library's default token-backed toast class names. Kept as a standalone\n * constant (rather than inline in the JSX) so `Toaster` can merge a\n * consumer's `toastOptions.classNames` INTO these defaults instead of\n * shallow-replacing them (#362) — each key is combined via `cn()` so a\n * consumer's override extends the default class string rather than\n * discarding it.\n */\nconst DEFAULT_TOAST_CLASS_NAMES = {\n  toast:\n    \"group toast group-[.toaster]:bg-card group-[.toaster]:text-card-foreground group-[.toaster]:shadow-ring-lg\",\n  description: \"group-[.toast]:text-muted-foreground\",\n  actionButton: \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\n  cancelButton: \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\n} as const;\n\n/**\n * Reads the active theme's light/dark-ness off the document. Uses\n * `resolveThemeIsDark` — the theme's own `color-scheme` — rather than a registry\n * lookup, so a consumer-authored dark theme gets dark toasts with no\n * registration (ADR 0029).\n */\nfunction useDocumentThemeMode(): \"light\" | \"dark\" {\n  const [mode, setMode] = useState<\"light\" | \"dark\">(\"light\");\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const el = document.documentElement;\n    const read = () => setMode(resolveThemeIsDark(el) ? \"dark\" : \"light\");\n    read();\n    const obs = new MutationObserver(read);\n    obs.observe(el, { attributes: true, attributeFilter: [\"data-theme\"] });\n    return () => obs.disconnect();\n  }, []);\n  return mode;\n}\n\nexport type ToasterProps = React.ComponentProps<typeof SonnerToaster>;\n\n/**\n * Toast host. Mount once near the app root. Trigger toasts with the exported\n * `toast()`. Theme follows the active brand theme (via `data-theme`), so it\n * works with or without <ThemeProvider>.\n *\n * ## Customizing toast styling\n *\n * The Toaster wrapper renders with the classes `toaster group` by default.\n * These classes are **merged** with any consumer-supplied `className`, not\n * replaced, so that built-in styling (the `.group-[.toaster]:*` selectors\n * on individual toasts) continues to work.\n *\n * To override a built-in toast class, **mirror the variant prefix** when you\n * pass `toastOptions.classNames`. Built-in toast classes are variant-scoped\n * (e.g. `group-[.toaster]:bg-card`), so a bare utility override will be\n * outspecificity'd by the built-in and appear to do nothing. Instead, use:\n *\n * ```tsx\n * <Toaster\n *   toastOptions={{\n *     classNames: {\n *       toast: \"group-[.toaster]:bg-primary\",  // ✓ mirrors the prefix\n *     }\n *   }}\n * />\n * ```\n *\n * ## Theme handling\n *\n * The Toaster's `theme` prop is automatically set from the active theme's own\n * `color-scheme` declaration, so toasts visually track the app's theme by\n * default — including a theme you authored yourself. However, you may pass\n * `theme=\"light\"` or `theme=\"dark\"` directly to override this derivation if needed.\n */\nexport function Toaster({ className, toastOptions, ...rest }: ToasterProps) {\n  const mode = useDocumentThemeMode();\n  const userClassNames = toastOptions?.classNames;\n  // Merge (not replace): every default key is extended with the consumer's\n  // override via cn(); any extra keys the consumer passes (e.g. `success`,\n  // `closeButton`) pass through untouched.\n  const classNames = {\n    ...userClassNames,\n    toast: cn(DEFAULT_TOAST_CLASS_NAMES.toast, userClassNames?.toast),\n    description: cn(DEFAULT_TOAST_CLASS_NAMES.description, userClassNames?.description),\n    actionButton: cn(DEFAULT_TOAST_CLASS_NAMES.actionButton, userClassNames?.actionButton),\n    cancelButton: cn(DEFAULT_TOAST_CLASS_NAMES.cancelButton, userClassNames?.cancelButton),\n  };\n  return (\n    <SonnerToaster\n      theme={mode}\n      className={cn(\"toaster group\", className)}\n      toastOptions={{ ...toastOptions, classNames }}\n      {...rest}\n    />\n  );\n}\n\nexport { toast };\n"],"mappings":";;;;;;AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,WAAW,eAAe,aAAa;AAChD,SAAS,0BAA0B;AAyF/B;AA9EJ,IAAM,4BAA4B;AAAA,EAChC,OACE;AAAA,EACF,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAChB;AAQA,SAAS,uBAAyC;AAChD,QAAM,CAAC,MAAM,OAAO,IAAI,SAA2B,OAAO;AAC1D,YAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AACrC,UAAM,KAAK,SAAS;AACpB,UAAM,OAAO,MAAM,QAAQ,mBAAmB,EAAE,IAAI,SAAS,OAAO;AACpE,SAAK;AACL,UAAM,MAAM,IAAI,iBAAiB,IAAI;AACrC,QAAI,QAAQ,IAAI,EAAE,YAAY,MAAM,iBAAiB,CAAC,YAAY,EAAE,CAAC;AACrE,WAAO,MAAM,IAAI,WAAW;AAAA,EAC9B,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAsCO,SAAS,QAAQ,EAAE,WAAW,cAAc,GAAG,KAAK,GAAiB;AAC1E,QAAM,OAAO,qBAAqB;AAClC,QAAM,iBAAiB,cAAc;AAIrC,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,OAAO,GAAG,0BAA0B,OAAO,gBAAgB,KAAK;AAAA,IAChE,aAAa,GAAG,0BAA0B,aAAa,gBAAgB,WAAW;AAAA,IAClF,cAAc,GAAG,0BAA0B,cAAc,gBAAgB,YAAY;AAAA,IACrF,cAAc,GAAG,0BAA0B,cAAc,gBAAgB,YAAY;AAAA,EACvF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,cAAc,EAAE,GAAG,cAAc,WAAW;AAAA,MAC3C,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-YZVXIPBC.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-YZVXIPBC.js.map

package/dist/chunk-YZVXIPBC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-Z44RRTMX.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-Z44RRTMX.js.map

package/dist/chunk-Z44RRTMX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-Z4CYBG3H.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-Z4CYBG3H.js.map

package/dist/chunk-Z4CYBG3H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-ZALGMUSW.js

@@ -0,0 +1,236 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/carousel/carousel.tsx
+import {
+  createContext,
+  forwardRef,
+  useCallback,
+  useContext,
+  useEffect,
+  useState
+} from "react";
+import { useDirection } from "@radix-ui/react-direction";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+function isEditableTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  if (target.isContentEditable) return true;
+  const tag = target.tagName;
+  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
+}
+var CarouselContext = createContext(null);
+function useCarousel() {
+  const ctx = useContext(CarouselContext);
+  if (!ctx) throw new Error("useCarousel must be used within <Carousel />");
+  return ctx;
+}
+var Carousel = forwardRef(
+  function Carousel2({
+    orientation = "horizontal",
+    opts,
+    setApi,
+    plugins,
+    className,
+    children,
+    // A carousel region MUST have an accessible name (WAI-ARIA APG) —
+    // aria-roledescription changes the announcement, it does not name the
+    // landmark. Default is overridable; pass a specific label ("Product
+    // photos") when the carousel's purpose isn't generic. Issue #279.
+    "aria-label": ariaLabel,
+    ...props
+  }, ref) {
+    const { t } = useLocale();
+    const resolvedAriaLabel = ariaLabel ?? t("ui.carousel.label");
+    const [carouselRef, api] = useEmblaCarousel(
+      { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
+      plugins
+    );
+    const [canScrollPrev, setCanScrollPrev] = useState(false);
+    const [canScrollNext, setCanScrollNext] = useState(false);
+    const dir = useDirection();
+    const onSelect = useCallback((a) => {
+      if (!a) return;
+      setCanScrollPrev(a.canScrollPrev());
+      setCanScrollNext(a.canScrollNext());
+    }, []);
+    const scrollPrev = useCallback(() => api?.scrollPrev(), [api]);
+    const scrollNext = useCallback(() => api?.scrollNext(), [api]);
+    const onKeyDown = useCallback(
+      (e) => {
+        if (isEditableTarget(e.target)) return;
+        if (orientation === "vertical") {
+          if (e.key === "ArrowUp") {
+            e.preventDefault();
+            scrollPrev();
+          } else if (e.key === "ArrowDown") {
+            e.preventDefault();
+            scrollNext();
+          }
+          return;
+        }
+        const isRtl = dir === "rtl";
+        if (e.key === "ArrowLeft") {
+          e.preventDefault();
+          if (isRtl) {
+            scrollNext();
+          } else {
+            scrollPrev();
+          }
+        } else if (e.key === "ArrowRight") {
+          e.preventDefault();
+          if (isRtl) {
+            scrollPrev();
+          } else {
+            scrollNext();
+          }
+        }
+      },
+      [orientation, dir, scrollPrev, scrollNext]
+    );
+    useEffect(() => {
+      if (api && setApi) setApi(api);
+    }, [api, setApi]);
+    useEffect(() => {
+      if (!api) return;
+      onSelect(api);
+      api.on("reInit", onSelect);
+      api.on("select", onSelect);
+      return () => {
+        api.off("reInit", onSelect);
+        api.off("select", onSelect);
+      };
+    }, [api, onSelect]);
+    return /* @__PURE__ */ jsx(
+      CarouselContext.Provider,
+      {
+        value: {
+          carouselRef,
+          api,
+          opts,
+          orientation,
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            onKeyDownCapture: onKeyDown,
+            className: cn("relative", className),
+            role: "region",
+            "aria-roledescription": "carousel",
+            "aria-label": resolvedAriaLabel,
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+var CarouselContent = forwardRef(
+  function CarouselContent2({ className, ...props }, ref) {
+    const { carouselRef, orientation } = useCarousel();
+    return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex",
+          orientation === "horizontal" ? "-ms-4" : "-mt-4 flex-col",
+          className
+        ),
+        ...props
+      }
+    ) });
+  }
+);
+var CarouselItem = forwardRef(
+  function CarouselItem2({ className, ...props }, ref) {
+    const { orientation } = useCarousel();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: cn(
+          "min-w-0 shrink-0 grow-0 basis-full",
+          orientation === "horizontal" ? "ps-4" : "pt-4",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var CarouselPrevious = forwardRef(function CarouselPrevious2({ className, ...props }, ref) {
+  const { scrollPrev, canScrollPrev, orientation } = useCarousel();
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant: "outline",
+      size: "icon",
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      "aria-label": t("previousSlide"),
+      className: cn(
+        "absolute size-8 rounded-full",
+        // Inset on narrow screens (no room for the button to sit outside
+        // the carousel box without overflowing horizontally); pushed
+        // outside the box only from `sm` up, where there's margin for it.
+        orientation === "horizontal" ? "start-2 top-1/2 -translate-y-1/2 sm:-start-12" : "top-2 left-1/2 -translate-x-1/2 rotate-90 sm:-top-12",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4", "data-rtl-flip": true })
+    }
+  );
+});
+var CarouselNext = forwardRef(
+  function CarouselNext2({ className, ...props }, ref) {
+    const { scrollNext, canScrollNext, orientation } = useCarousel();
+    const { t } = useLocale();
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        variant: "outline",
+        size: "icon",
+        disabled: !canScrollNext,
+        onClick: scrollNext,
+        "aria-label": t("nextSlide"),
+        className: cn(
+          "absolute size-8 rounded-full",
+          orientation === "horizontal" ? "end-2 top-1/2 -translate-y-1/2 sm:-end-12" : "bottom-2 left-1/2 -translate-x-1/2 rotate-90 sm:-bottom-12",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(ArrowRight, { className: "size-4", "data-rtl-flip": true })
+      }
+    );
+  }
+);
+
+export {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext
+};
+//# sourceMappingURL=chunk-ZALGMUSW.js.map

package/dist/chunk-ZALGMUSW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/carousel/carousel.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n  type ComponentProps,\n  type ElementRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n} from \"react\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport useEmblaCarousel, { type UseEmblaCarouselType } from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Button } from \"../button\";\nimport { useLocale } from \"../locale-provider\";\n\n/**\n * True when the keyboard event's target already owns arrow-key semantics of\n * its own (a text field's caret, a contenteditable's selection) — the\n * carousel must not steal ArrowLeft/ArrowRight from a form control that\n * happens to live inside the active slide.\n */\nfunction isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false;\n  if (target.isContentEditable) return true;\n  const tag = target.tagName;\n  return tag === \"INPUT\" || tag === \"TEXTAREA\" || tag === \"SELECT\";\n}\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype CarouselOptions = NonNullable<Parameters<typeof useEmblaCarousel>[0]>;\ntype CarouselPlugin = NonNullable<Parameters<typeof useEmblaCarousel>[1]>;\n\ninterface CarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ninterface CarouselContextValue extends CarouselProps {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: CarouselApi;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n}\n\nconst CarouselContext = createContext<CarouselContextValue | null>(null);\n\nfunction useCarousel() {\n  const ctx = useContext(CarouselContext);\n  if (!ctx) throw new Error(\"useCarousel must be used within <Carousel />\");\n  return ctx;\n}\n\n/**\n * Root carousel region. Carries `role=\"region\" aria-roledescription=\"carousel\"`\n * plus an `aria-label` — it defaults to `\"Carousel\"` so the region always has an\n * accessible name (issue #279), but **consumers should pass a specific\n * `aria-label`** (e.g. `\"Product photos\"`) describing what the carousel actually\n * shows, since AT users otherwise can't distinguish multiple carousels on a page.\n */\nexport const Carousel = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement> & CarouselProps>(\n  function Carousel(\n    {\n      orientation = \"horizontal\",\n      opts,\n      setApi,\n      plugins,\n      className,\n      children,\n      // A carousel region MUST have an accessible name (WAI-ARIA APG) —\n      // aria-roledescription changes the announcement, it does not name the\n      // landmark. Default is overridable; pass a specific label (\"Product\n      // photos\") when the carousel's purpose isn't generic. Issue #279.\n      \"aria-label\": ariaLabel,\n      ...props\n    },\n    ref,\n  ) {\n    const { t } = useLocale();\n    const resolvedAriaLabel = ariaLabel ?? t(\"ui.carousel.label\");\n    const [carouselRef, api] = useEmblaCarousel(\n      { ...opts, axis: orientation === \"horizontal\" ? \"x\" : \"y\" },\n      plugins,\n    );\n    const [canScrollPrev, setCanScrollPrev] = useState(false);\n    const [canScrollNext, setCanScrollNext] = useState(false);\n    const dir = useDirection();\n\n    const onSelect = useCallback((a: CarouselApi) => {\n      if (!a) return;\n      setCanScrollPrev(a.canScrollPrev());\n      setCanScrollNext(a.canScrollNext());\n    }, []);\n\n    const scrollPrev = useCallback(() => api?.scrollPrev(), [api]);\n    const scrollNext = useCallback(() => api?.scrollNext(), [api]);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLDivElement>) => {\n        // Don't steal ArrowLeft/ArrowRight from a text field's caret or a\n        // contenteditable's selection inside the active slide.\n        if (isEditableTarget(e.target)) return;\n\n        if (orientation === \"vertical\") {\n          if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            scrollPrev();\n          } else if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            scrollNext();\n          }\n          return;\n        }\n\n        // Horizontal: the PHYSICAL key maps to the visually-adjacent slide,\n        // which flips with writing direction — in RTL, ArrowLeft moves toward\n        // the next slide (visually to the left of the current one), not prev.\n        const isRtl = dir === \"rtl\";\n        if (e.key === \"ArrowLeft\") {\n          e.preventDefault();\n          if (isRtl) {\n            scrollNext();\n          } else {\n            scrollPrev();\n          }\n        } else if (e.key === \"ArrowRight\") {\n          e.preventDefault();\n          if (isRtl) {\n            scrollPrev();\n          } else {\n            scrollNext();\n          }\n        }\n      },\n      [orientation, dir, scrollPrev, scrollNext],\n    );\n\n    useEffect(() => {\n      if (api && setApi) setApi(api);\n    }, [api, setApi]);\n    useEffect(() => {\n      if (!api) return;\n      onSelect(api);\n      api.on(\"reInit\", onSelect);\n      api.on(\"select\", onSelect);\n      return () => {\n        api.off(\"reInit\", onSelect);\n        api.off(\"select\", onSelect);\n      };\n    }, [api, onSelect]);\n\n    return (\n      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api,\n          opts,\n          orientation,\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={onKeyDown}\n          className={cn(\"relative\", className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          aria-label={resolvedAriaLabel}\n          {...props}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    );\n  },\n);\n\nexport const CarouselContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CarouselContent({ className, ...props }, ref) {\n    const { carouselRef, orientation } = useCarousel();\n    return (\n      <div ref={carouselRef} className=\"overflow-hidden\">\n        <div\n          ref={ref}\n          className={cn(\n            \"flex\",\n            orientation === \"horizontal\" ? \"-ms-4\" : \"-mt-4 flex-col\",\n            className,\n          )}\n          {...props}\n        />\n      </div>\n    );\n  },\n);\n\nexport const CarouselItem = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  function CarouselItem({ className, ...props }, ref) {\n    const { orientation } = useCarousel();\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        className={cn(\n          \"min-w-0 shrink-0 grow-0 basis-full\",\n          orientation === \"horizontal\" ? \"ps-4\" : \"pt-4\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const CarouselPrevious = forwardRef<\n  ElementRef<typeof Button>,\n  ComponentProps<typeof Button>\n>(function CarouselPrevious({ className, ...props }, ref) {\n  const { scrollPrev, canScrollPrev, orientation } = useCarousel();\n  const { t } = useLocale();\n  return (\n    <Button\n      ref={ref}\n      variant=\"outline\"\n      size=\"icon\"\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      aria-label={t(\"previousSlide\")}\n      className={cn(\n        \"absolute size-8 rounded-full\",\n        // Inset on narrow screens (no room for the button to sit outside\n        // the carousel box without overflowing horizontally); pushed\n        // outside the box only from `sm` up, where there's margin for it.\n        orientation === \"horizontal\"\n          ? \"start-2 top-1/2 -translate-y-1/2 sm:-start-12\"\n          : \"top-2 left-1/2 -translate-x-1/2 rotate-90 sm:-top-12\",\n        className,\n      )}\n      {...props}\n    >\n      <ArrowLeft className=\"size-4\" data-rtl-flip />\n    </Button>\n  );\n});\n\nexport const CarouselNext = forwardRef<ElementRef<typeof Button>, ComponentProps<typeof Button>>(\n  function CarouselNext({ className, ...props }, ref) {\n    const { scrollNext, canScrollNext, orientation } = useCarousel();\n    const { t } = useLocale();\n    return (\n      <Button\n        ref={ref}\n        variant=\"outline\"\n        size=\"icon\"\n        disabled={!canScrollNext}\n        onClick={scrollNext}\n        aria-label={t(\"nextSlide\")}\n        className={cn(\n          \"absolute size-8 rounded-full\",\n          orientation === \"horizontal\"\n            ? \"end-2 top-1/2 -translate-y-1/2 sm:-end-12\"\n            : \"bottom-2 left-1/2 -translate-x-1/2 rotate-90 sm:-bottom-12\",\n          className,\n        )}\n        {...props}\n      >\n        <ArrowRight className=\"size-4\" data-rtl-flip />\n      </Button>\n    );\n  },\n);\n\nexport type { CarouselApi };\n"],"mappings":"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","names":["Carousel","CarouselContent","CarouselItem","CarouselPrevious","CarouselNext"]}

package/dist/chunk-ZE2H4J3P.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-ZE2H4J3P.js.map

package/dist/chunk-ZE2H4J3P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-ZEMTALKO.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-ZEMTALKO.js.map

package/dist/chunk-ZEMTALKO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-ZFMM2NLA.js

@@ -0,0 +1,169 @@
+"use client";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/rating/rating.tsx
+import {
+  forwardRef,
+  useCallback,
+  useRef,
+  useState
+} from "react";
+import { Star } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ratingVariants = cva("inline-flex items-center", {
+  variants: {
+    size: {
+      sm: "gap-0.5",
+      md: "gap-1",
+      lg: "gap-1.5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var STAR_SIZE = {
+  sm: "size-4",
+  md: "size-5",
+  lg: "size-6"
+};
+function clamp(v, min, max) {
+  return Math.min(max, Math.max(min, v));
+}
+var Rating = forwardRef(function Rating2({
+  value: valueProp,
+  defaultValue = 0,
+  onValueChange,
+  max = 5,
+  allowHalf = false,
+  readOnly = false,
+  disabled = false,
+  size = "md",
+  className,
+  "aria-label": ariaLabel = "Rating",
+  ...props
+}, ref) {
+  const isControlled = valueProp !== void 0;
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const [hoverValue, setHoverValue] = useState(null);
+  const current = clamp(isControlled ? valueProp ?? 0 : internalValue, 0, max);
+  const interactive = !readOnly && !disabled;
+  const display = interactive && hoverValue !== null ? hoverValue : current;
+  const starRefs = useRef([]);
+  const commit = useCallback(
+    (next) => {
+      const clamped = clamp(next, 0, max);
+      if (!isControlled) setInternalValue(clamped);
+      onValueChange?.(clamped);
+    },
+    [isControlled, max, onValueChange]
+  );
+  const step = allowHalf ? 0.5 : 1;
+  const valueFromPointer = useCallback(
+    (e, index) => {
+      if (!allowHalf) return index;
+      const rect = e.currentTarget.getBoundingClientRect();
+      const isLeftHalf = e.clientX - rect.left < rect.width / 2;
+      return isLeftHalf ? index - 0.5 : index;
+    },
+    [allowHalf]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (!interactive) return;
+      let next = current;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          next = clamp(current + step, 0, max);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          next = clamp(current - step, 0, max);
+          break;
+        case "Home":
+          next = 0;
+          break;
+        case "End":
+          next = max;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      commit(next);
+      const focusIndex = Math.max(0, Math.ceil(next) - 1);
+      starRefs.current[focusIndex]?.focus();
+    },
+    [interactive, current, step, max, commit]
+  );
+  const tabStopIndex = current > 0 ? Math.ceil(current) - 1 : 0;
+  if (!interactive) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "img",
+        "aria-label": `${current} out of ${max}`,
+        className: cn(ratingVariants({ size }), disabled && "opacity-50", className),
+        ...props,
+        children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx(StarGlyph, { fill: clamp(display - i, 0, 1), sizeClass: STAR_SIZE[size ?? "md"] }, i))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      className: cn(ratingVariants({ size }), className),
+      onKeyDown: handleKeyDown,
+      onPointerLeave: () => setHoverValue(null),
+      ...props,
+      children: Array.from({ length: max }, (_, i) => {
+        const index = i + 1;
+        const checked = Math.ceil(current) === index;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: (el) => {
+              starRefs.current[i] = el;
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": checked,
+            "aria-label": `${index} ${index === 1 ? "star" : "stars"}`,
+            tabIndex: i === tabStopIndex ? 0 : -1,
+            className: "rounded-sm focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+            onClick: (e) => commit(valueFromPointer(e, index)),
+            onPointerMove: (e) => setHoverValue(valueFromPointer(e, index)),
+            children: /* @__PURE__ */ jsx(StarGlyph, { fill: clamp(display - i, 0, 1), sizeClass: STAR_SIZE[size ?? "md"] })
+          },
+          index
+        );
+      })
+    }
+  );
+});
+function StarGlyph({ fill, sizeClass }) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-block", sizeClass), "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(Star, { className: cn(sizeClass, "text-muted-foreground") }),
+    fill > 0 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "absolute inset-0 overflow-hidden",
+        style: { width: `${fill * 100}%` },
+        children: /* @__PURE__ */ jsx(Star, { className: cn(sizeClass, "fill-current text-warning") })
+      }
+    )
+  ] });
+}
+
+export {
+  Rating
+};
+//# sourceMappingURL=chunk-ZFMM2NLA.js.map

package/dist/chunk-ZFMM2NLA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/rating/rating.tsx"],"sourcesContent":["\"use client\";\n\n// a2ui.exposed: yes\nimport {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type PointerEvent,\n} from \"react\";\nimport { Star } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst ratingVariants = cva(\"inline-flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-0.5\",\n      md: \"gap-1\",\n      lg: \"gap-1.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst STAR_SIZE: Record<NonNullable<VariantProps<typeof ratingVariants>[\"size\"]>, string> = {\n  sm: \"size-4\",\n  md: \"size-5\",\n  lg: \"size-6\",\n};\n\nexport interface RatingProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">,\n    VariantProps<typeof ratingVariants> {\n  /** Controlled value (0..max). */\n  value?: number;\n  /** Uncontrolled default value (0..max). Default 0. */\n  defaultValue?: number;\n  /** Called when the rating changes. */\n  onValueChange?: (value: number) => void;\n  /** Number of stars. Default 5. */\n  max?: number;\n  /** Allow half-star values (0.5 increments). Default false. */\n  allowHalf?: boolean;\n  /** Render as a non-interactive display of the value. */\n  readOnly?: boolean;\n  /** Disable interaction (interactive variant only). */\n  disabled?: boolean;\n  /** Accessible name for the rating group. Default \"Rating\". */\n  \"aria-label\"?: string;\n}\n\nfunction clamp(v: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, v));\n}\n\n/**\n * Rating — a star rating control.\n *\n * Controlled via `value`/`onValueChange`; uncontrolled via `defaultValue`.\n * Interactive mode is a `radiogroup` (keyboard ←/→ adjust by `allowHalf ? 0.5 : 1`,\n * Home clears, End sets max). `readOnly` renders a non-interactive `role=\"img\"`\n * summary. Half-star clicks land on the left/right half of a star when `allowHalf`.\n */\nexport const Rating = forwardRef<HTMLDivElement, RatingProps>(function Rating(\n  {\n    value: valueProp,\n    defaultValue = 0,\n    onValueChange,\n    max = 5,\n    allowHalf = false,\n    readOnly = false,\n    disabled = false,\n    size = \"md\",\n    className,\n    \"aria-label\": ariaLabel = \"Rating\",\n    ...props\n  },\n  ref,\n) {\n  const isControlled = valueProp !== undefined;\n  const [internalValue, setInternalValue] = useState<number>(defaultValue);\n  const [hoverValue, setHoverValue] = useState<number | null>(null);\n\n  const current = clamp(isControlled ? (valueProp ?? 0) : internalValue, 0, max);\n  const interactive = !readOnly && !disabled;\n  const display = interactive && hoverValue !== null ? hoverValue : current;\n\n  const starRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const commit = useCallback(\n    (next: number) => {\n      const clamped = clamp(next, 0, max);\n      if (!isControlled) setInternalValue(clamped);\n      onValueChange?.(clamped);\n    },\n    [isControlled, max, onValueChange],\n  );\n\n  const step = allowHalf ? 0.5 : 1;\n\n  const valueFromPointer = useCallback(\n    (e: PointerEvent<HTMLButtonElement>, index: number): number => {\n      if (!allowHalf) return index;\n      const rect = e.currentTarget.getBoundingClientRect();\n      const isLeftHalf = e.clientX - rect.left < rect.width / 2;\n      return isLeftHalf ? index - 0.5 : index;\n    },\n    [allowHalf],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (!interactive) return;\n      let next = current;\n      switch (e.key) {\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n          next = clamp(current + step, 0, max);\n          break;\n        case \"ArrowLeft\":\n        case \"ArrowDown\":\n          next = clamp(current - step, 0, max);\n          break;\n        case \"Home\":\n          next = 0;\n          break;\n        case \"End\":\n          next = max;\n          break;\n        default:\n          return;\n      }\n      e.preventDefault();\n      commit(next);\n      // Move focus to the star representing the new value (roving tabindex).\n      const focusIndex = Math.max(0, Math.ceil(next) - 1);\n      starRefs.current[focusIndex]?.focus();\n    },\n    [interactive, current, step, max, commit],\n  );\n\n  // Roving tabindex: the star at the current value (or the first) is the tab stop.\n  const tabStopIndex = current > 0 ? Math.ceil(current) - 1 : 0;\n\n  // Read-only / disabled: a single non-interactive summary.\n  if (!interactive) {\n    return (\n      <div\n        ref={ref}\n        role=\"img\"\n        aria-label={`${current} out of ${max}`}\n        className={cn(ratingVariants({ size }), disabled && \"opacity-50\", className)}\n        {...props}\n      >\n        {Array.from({ length: max }, (_, i) => (\n          <StarGlyph key={i} fill={clamp(display - i, 0, 1)} sizeClass={STAR_SIZE[size ?? \"md\"]} />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      className={cn(ratingVariants({ size }), className)}\n      onKeyDown={handleKeyDown}\n      onPointerLeave={() => setHoverValue(null)}\n      {...props}\n    >\n      {Array.from({ length: max }, (_, i) => {\n        const index = i + 1;\n        const checked = Math.ceil(current) === index;\n        return (\n          <button\n            key={index}\n            ref={(el) => {\n              starRefs.current[i] = el;\n            }}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={checked}\n            aria-label={`${index} ${index === 1 ? \"star\" : \"stars\"}`}\n            tabIndex={i === tabStopIndex ? 0 : -1}\n            className=\"rounded-sm focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background\"\n            onClick={(e) =>\n              commit(valueFromPointer(e as unknown as PointerEvent<HTMLButtonElement>, index))\n            }\n            onPointerMove={(e) => setHoverValue(valueFromPointer(e, index))}\n          >\n            <StarGlyph fill={clamp(display - i, 0, 1)} sizeClass={STAR_SIZE[size ?? \"md\"]} />\n          </button>\n        );\n      })}\n    </div>\n  );\n});\n\ninterface StarGlyphProps {\n  /** Fill fraction 0..1 for this star. */\n  fill: number;\n  sizeClass: string;\n}\n\n/** A single star rendered with a partial fill overlay (supports half stars). */\nfunction StarGlyph({ fill, sizeClass }: StarGlyphProps) {\n  return (\n    <span className={cn(\"relative inline-block\", sizeClass)} aria-hidden=\"true\">\n      <Star className={cn(sizeClass, \"text-muted-foreground\")} />\n      {fill > 0 && (\n        <span\n          className=\"absolute inset-0 overflow-hidden\"\n          // Width is a layout value (the fill fraction), never a color.\n          style={{ width: `${fill * 100}%` }}\n        >\n          <Star className={cn(sizeClass, \"fill-current text-warning\")} />\n        </span>\n      )}\n    </span>\n  );\n}\n"],"mappings":"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","names":["Rating"]}