@dev-dga/react 0.11.0 → 0.12.1

package/dist/chunk-KSEN4ESR.js

@@ -0,0 +1,230 @@
+import {
+  Close
+} from "./chunk-FFGALWM2.js";
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/SlideoutMenu/SlideoutMenu.tsx
+import { useContext, useId } from "react";
+import { Dialog as DialogPrimitive, Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var slideoutMenuContentVariants = cva("ddga-slideout-menu", {
+  variants: {
+    side: {
+      start: "ddga-slideout-menu--start",
+      end: "ddga-slideout-menu--end"
+    },
+    /** Panel surface — SDGA "Background Color". Gray (`gray-100`) or White. */
+    background: {
+      gray: "ddga-slideout-menu--gray",
+      white: "ddga-slideout-menu--white"
+    }
+  },
+  defaultVariants: {
+    side: "start",
+    background: "gray"
+  }
+});
+function SlideoutMenu(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
+}
+function SlideoutMenuTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "slideout-menu-trigger", className, ...props });
+}
+function SlideoutMenuContent({
+  side,
+  background,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = useContext(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Overlay,
+      {
+        className: "ddga-slideout-menu__overlay",
+        "data-slot": "slideout-menu-overlay"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "slideout-menu-content",
+        className: cn(slideoutMenuContentVariants({ side, background }), className),
+        ...props,
+        children
+      }
+    )
+  ] });
+}
+function SlideoutMenuHeader({
+  icon,
+  showClose = true,
+  closeLabel = "Close",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "slideout-menu-header",
+      className: cn("ddga-slideout-menu__header", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ddga-slideout-menu__header-content", children: [
+          icon ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "slideout-menu-featured-icon",
+              className: "ddga-slideout-menu__featured-icon",
+              "aria-hidden": "true",
+              children: icon
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("div", { className: "ddga-slideout-menu__header-text", children })
+        ] }),
+        showClose ? /* @__PURE__ */ jsx(
+          DialogPrimitive.Close,
+          {
+            className: "ddga-slideout-menu__close",
+            "aria-label": closeLabel,
+            "data-slot": "slideout-menu-close-x",
+            children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function SlideoutMenuTitle({ asChild, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      asChild,
+      "data-slot": "slideout-menu-title",
+      className: cn("ddga-slideout-menu__title", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuDescription({ asChild, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      asChild,
+      "data-slot": "slideout-menu-description",
+      className: cn("ddga-slideout-menu__description", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuBody({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "slideout-menu-body",
+      className: cn("ddga-slideout-menu__body", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuGroup({ label, className, children, ...props }) {
+  const labelId = useId();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "slideout-menu-group",
+      className: cn("ddga-slideout-menu__group", className),
+      ...props,
+      children: [
+        label != null ? /* @__PURE__ */ jsx("div", { id: labelId, className: "ddga-slideout-menu__group-label", children: label }) : null,
+        /* @__PURE__ */ jsx(
+          "ul",
+          {
+            className: "ddga-slideout-menu__list",
+            ...label != null ? { "aria-labelledby": labelId } : {},
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function SlideoutMenuItem({
+  asChild,
+  icon,
+  trailing,
+  active,
+  className,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
+  return /* @__PURE__ */ jsx("li", { "data-slot": "slideout-menu-item-wrapper", className: "ddga-slideout-menu__item-wrapper", children: /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      "data-slot": "slideout-menu-item",
+      className: cn("ddga-slideout-menu__item", className),
+      "data-active": active ? "" : void 0,
+      "aria-current": active ? "page" : void 0,
+      ...asChild ? {} : { type: "button" },
+      ...props,
+      children: [
+        icon ? /* @__PURE__ */ jsx("span", { className: "ddga-slideout-menu__item-icon", "aria-hidden": "true", children: icon }) : null,
+        asChild ? /* @__PURE__ */ jsx(SlotPrimitive.Slottable, { children }) : /* @__PURE__ */ jsx("span", { className: "ddga-slideout-menu__item-label", children }),
+        trailing ? /* @__PURE__ */ jsx("span", { className: "ddga-slideout-menu__item-trailing", children: trailing }) : null
+      ]
+    }
+  ) });
+}
+function SlideoutMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "slideout-menu-separator",
+      role: "separator",
+      className: cn("ddga-slideout-menu__separator", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "slideout-menu-footer",
+      className: cn("ddga-slideout-menu__footer", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuClose({ className, ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "slideout-menu-close", className, ...props });
+}
+
+export {
+  slideoutMenuContentVariants,
+  SlideoutMenu,
+  SlideoutMenuTrigger,
+  SlideoutMenuContent,
+  SlideoutMenuHeader,
+  SlideoutMenuTitle,
+  SlideoutMenuDescription,
+  SlideoutMenuBody,
+  SlideoutMenuGroup,
+  SlideoutMenuItem,
+  SlideoutMenuSeparator,
+  SlideoutMenuFooter,
+  SlideoutMenuClose
+};
+//# sourceMappingURL=chunk-KSEN4ESR.js.map

package/dist/chunk-KSEN4ESR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SlideoutMenu/SlideoutMenu.tsx"],"sourcesContent":["'use client';\n\nimport { useContext, useId } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// Nav panel on Radix Dialog. Uses <ul>/<li>/link semantics, NOT role=\"menu\" (which breaks SR browse mode for site nav).\n\nconst slideoutMenuContentVariants = cva('ddga-slideout-menu', {\n  variants: {\n    side: {\n      start: 'ddga-slideout-menu--start',\n      end: 'ddga-slideout-menu--end',\n    },\n    /** Panel surface — SDGA \"Background Color\". Gray (`gray-100`) or White. */\n    background: {\n      gray: 'ddga-slideout-menu--gray',\n      white: 'ddga-slideout-menu--white',\n    },\n  },\n  defaultVariants: {\n    side: 'start',\n    background: 'gray',\n  },\n});\n\ntype SlideoutMenuProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype SlideoutMenuTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype SlideoutMenuCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface SlideoutMenuContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof slideoutMenuContentVariants> {}\n\ninterface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {\n  /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */\n  icon?: React.ReactNode;\n  /** Render the close (X) button. Defaults to `true`. */\n  showClose?: boolean;\n  /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ninterface SlideoutMenuTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  asChild?: boolean;\n}\n\ninterface SlideoutMenuDescriptionProps extends React.ComponentProps<\n  typeof DialogPrimitive.Description\n> {\n  asChild?: boolean;\n}\n\ntype SlideoutMenuSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {\n  /** Section heading rendered above the list (SDGA \"Group Label\"). */\n  label?: React.ReactNode;\n}\n\ninterface SlideoutMenuItemProps extends React.ComponentProps<'button'> {\n  /** Render as the child element (e.g. an `<a>` or router `<Link>`). */\n  asChild?: boolean;\n  /** Leading 24px icon. */\n  icon?: React.ReactNode;\n  /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */\n  trailing?: React.ReactNode;\n  /** Marks the current page — sets `aria-current=\"page\"` and the active style. */\n  active?: boolean;\n}\n\nfunction SlideoutMenu(props: SlideoutMenuProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps) {\n  return (\n    <DialogPrimitive.Trigger data-slot=\"slideout-menu-trigger\" className={className} {...props} />\n  );\n}\n\nfunction SlideoutMenuContent({\n  side,\n  background,\n  className,\n  children,\n  ...props\n}: SlideoutMenuContentProps) {\n  // Portal anchored to the provider root so theme/dark-mode inherit and the fixed panel escapes ancestor transforms.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay\n        className=\"ddga-slideout-menu__overlay\"\n        data-slot=\"slideout-menu-overlay\"\n      />\n      <DialogPrimitive.Content\n        data-slot=\"slideout-menu-content\"\n        className={cn(slideoutMenuContentVariants({ side, background }), className)}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction SlideoutMenuHeader({\n  icon,\n  showClose = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: SlideoutMenuHeaderProps) {\n  return (\n    <div\n      data-slot=\"slideout-menu-header\"\n      className={cn('ddga-slideout-menu__header', className)}\n      {...props}\n    >\n      <div className=\"ddga-slideout-menu__header-content\">\n        {icon ? (\n          <span\n            data-slot=\"slideout-menu-featured-icon\"\n            className=\"ddga-slideout-menu__featured-icon\"\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        ) : null}\n        <div className=\"ddga-slideout-menu__header-text\">{children}</div>\n      </div>\n      {showClose ? (\n        <DialogPrimitive.Close\n          className=\"ddga-slideout-menu__close\"\n          aria-label={closeLabel}\n          data-slot=\"slideout-menu-close-x\"\n        >\n          <Close aria-hidden=\"true\" />\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nfunction SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"slideout-menu-title\"\n      className={cn('ddga-slideout-menu__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"slideout-menu-description\"\n      className={cn('ddga-slideout-menu__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  // asChild lets consumers make the scroll region a `<nav aria-label>` landmark.\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-body\"\n      className={cn('ddga-slideout-menu__body', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps) {\n  const labelId = useId();\n  return (\n    <div\n      data-slot=\"slideout-menu-group\"\n      className={cn('ddga-slideout-menu__group', className)}\n      {...props}\n    >\n      {label != null ? (\n        <div id={labelId} className=\"ddga-slideout-menu__group-label\">\n          {label}\n        </div>\n      ) : null}\n      <ul\n        className=\"ddga-slideout-menu__list\"\n        {...(label != null ? { 'aria-labelledby': labelId } : {})}\n      >\n        {children}\n      </ul>\n    </div>\n  );\n}\n\nfunction SlideoutMenuItem({\n  asChild,\n  icon,\n  trailing,\n  active,\n  className,\n  children,\n  ...props\n}: SlideoutMenuItemProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <li data-slot=\"slideout-menu-item-wrapper\" className=\"ddga-slideout-menu__item-wrapper\">\n      <Comp\n        data-slot=\"slideout-menu-item\"\n        className={cn('ddga-slideout-menu__item', className)}\n        data-active={active ? '' : undefined}\n        aria-current={active ? 'page' : undefined}\n        {...(asChild ? {} : { type: 'button' as const })}\n        {...props}\n      >\n        {icon ? (\n          <span className=\"ddga-slideout-menu__item-icon\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        {asChild ? (\n          <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n        ) : (\n          <span className=\"ddga-slideout-menu__item-label\">{children}</span>\n        )}\n        {trailing ? <span className=\"ddga-slideout-menu__item-trailing\">{trailing}</span> : null}\n      </Comp>\n    </li>\n  );\n}\n\nfunction SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"slideout-menu-separator\"\n      role=\"separator\"\n      className={cn('ddga-slideout-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-footer\"\n      className={cn('ddga-slideout-menu__footer', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"slideout-menu-close\" className={className} {...props} />;\n}\n\nexport {\n  SlideoutMenu,\n  SlideoutMenuTrigger,\n  SlideoutMenuContent,\n  SlideoutMenuHeader,\n  SlideoutMenuTitle,\n  SlideoutMenuDescription,\n  SlideoutMenuBody,\n  SlideoutMenuGroup,\n  SlideoutMenuItem,\n  SlideoutMenuSeparator,\n  SlideoutMenuFooter,\n  SlideoutMenuClose,\n  slideoutMenuContentVariants,\n};\nexport type {\n  SlideoutMenuProps,\n  SlideoutMenuTriggerProps,\n  SlideoutMenuContentProps,\n  SlideoutMenuHeaderProps,\n  SlideoutMenuTitleProps,\n  SlideoutMenuDescriptionProps,\n  SlideoutMenuSectionProps,\n  SlideoutMenuGroupProps,\n  SlideoutMenuItemProps,\n  SlideoutMenuCloseProps,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-LEDIOXDM.js

@@ -0,0 +1,341 @@
+import {
+  ChevronLeft,
+  ChevronRight
+} from "./chunk-FFGALWM2.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Carousel/Carousel.tsx
+import {
+  Children,
+  cloneElement,
+  createContext,
+  isValidElement,
+  useCallback,
+  useContext,
+  useEffect,
+  useId,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var useIsoLayoutEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
+var SWIPE_THRESHOLD = 40;
+function clamp(n, min, max) {
+  return Math.min(max, Math.max(min, n));
+}
+function mod(n, m) {
+  return m > 0 ? (n % m + m) % m : 0;
+}
+var carouselVariants = cva("ddga-carousel", {
+  variants: {
+    controls: {
+      dots: "ddga-carousel--dots",
+      arrows: "ddga-carousel--arrows",
+      both: "ddga-carousel--both"
+    }
+  },
+  defaultVariants: { controls: "dots" }
+});
+var carouselArrowVariants = cva("ddga-carousel__nav", {
+  variants: {
+    arrowStyle: {
+      primary: "ddga-carousel__nav--primary",
+      subtle: "ddga-carousel__nav--subtle"
+    },
+    arrowSize: {
+      sm: "ddga-carousel__nav--sm",
+      md: "ddga-carousel__nav--md",
+      lg: "ddga-carousel__nav--lg"
+    }
+  },
+  defaultVariants: { arrowStyle: "primary", arrowSize: "lg" }
+});
+var carouselDotsVariants = cva("ddga-carousel__dots", {
+  variants: {
+    dotSize: {
+      sm: "ddga-carousel__dots--sm",
+      md: "ddga-carousel__dots--md",
+      lg: "ddga-carousel__dots--lg"
+    },
+    bare: { true: "ddga-carousel__dots--bare" }
+  },
+  defaultVariants: { dotSize: "md" }
+});
+var CarouselContext = createContext(null);
+function useCarousel(part) {
+  const ctx = useContext(CarouselContext);
+  if (!ctx) throw new Error(`<${part}> must be used within <Carousel>.`);
+  return ctx;
+}
+function Carousel({
+  index,
+  defaultIndex,
+  onIndexChange,
+  controls = "dots",
+  loop = false,
+  dotSize = "md",
+  arrowStyle = "primary",
+  arrowSize = "lg",
+  swipe = true,
+  autoplay = false,
+  autoplayInterval = 5e3,
+  className,
+  children,
+  ...props
+}) {
+  const rootRef = useRef(null);
+  const isControlled = index !== void 0;
+  const [internal, setInternal] = useState(defaultIndex ?? 0);
+  const [count, setCount] = useState(0);
+  const [paused, setPaused] = useState(false);
+  const trackId = useId();
+  const current = clamp(isControlled ? index : internal, 0, Math.max(0, count - 1));
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[@dev-dga/react] <Carousel> needs an aria-label (or aria-labelledby) to name the carousel region for screen readers."
+    );
+  }
+  const commit = useCallback(
+    (next) => {
+      const target = count > 0 ? loop ? mod(next, count) : clamp(next, 0, count - 1) : 0;
+      if (!isControlled) setInternal(target);
+      onIndexChange?.(target);
+    },
+    [count, loop, isControlled, onIndexChange]
+  );
+  const canPrev = loop ? count > 1 : current > 0;
+  const canNext = loop ? count > 1 : current < count - 1;
+  const ctx = useMemo(
+    () => ({
+      current,
+      count,
+      setCount,
+      goTo: (i) => commit(i),
+      next: () => commit(current + 1),
+      prev: () => commit(current - 1),
+      canPrev,
+      canNext,
+      swipe,
+      trackId,
+      arrowStyle,
+      arrowSize,
+      dotSize
+    }),
+    [current, count, commit, canPrev, canNext, swipe, trackId, arrowStyle, arrowSize, dotSize]
+  );
+  useEffect(() => {
+    if (!autoplay || paused || count <= 1) return;
+    const reduce = typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (reduce) return;
+    const id = setInterval(() => commit(current + 1), autoplayInterval);
+    return () => clearInterval(id);
+  }, [autoplay, paused, count, autoplayInterval, commit, current]);
+  function handleKeyDown(event) {
+    const target = event.target;
+    if (target.closest('input, textarea, select, [contenteditable="true"]')) return;
+    const rtl = typeof getComputedStyle === "function" && rootRef.current != null && getComputedStyle(rootRef.current).direction === "rtl";
+    switch (event.key) {
+      case "ArrowRight":
+        commit(current + (rtl ? -1 : 1));
+        break;
+      case "ArrowLeft":
+        commit(current + (rtl ? 1 : -1));
+        break;
+      case "Home":
+        commit(0);
+        break;
+      case "End":
+        commit(count - 1);
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+  }
+  const pauseProps = autoplay ? {
+    onMouseEnter: () => setPaused(true),
+    onMouseLeave: () => setPaused(false),
+    onFocusCapture: () => setPaused(true),
+    onBlurCapture: (e) => {
+      if (!e.currentTarget.contains(e.relatedTarget)) setPaused(false);
+    }
+  } : {};
+  return /* @__PURE__ */ jsx(CarouselContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: rootRef,
+      role: "region",
+      "aria-roledescription": "carousel",
+      "data-slot": "carousel",
+      "data-controls": controls,
+      className: cn(carouselVariants({ controls }), className),
+      ...props,
+      ...pauseProps,
+      onKeyDown: handleKeyDown,
+      children
+    }
+  ) });
+}
+function CarouselViewport({ className, children, ...props }) {
+  const { setCount, current, trackId, next, prev, swipe } = useCarousel("CarouselViewport");
+  const slides = Children.toArray(children).filter(isValidElement);
+  const n = slides.length;
+  const dragRef = useRef(null);
+  useIsoLayoutEffect(() => {
+    setCount(n);
+  }, [n, setCount]);
+  const swipeProps = swipe ? {
+    onPointerDown: (e) => {
+      dragRef.current = { x: e.clientX, id: e.pointerId };
+    },
+    onPointerUp: (e) => {
+      const start = dragRef.current;
+      dragRef.current = null;
+      if (!start || start.id !== e.pointerId) return;
+      const dx = e.clientX - start.x;
+      if (Math.abs(dx) < SWIPE_THRESHOLD) return;
+      const rtl = typeof getComputedStyle === "function" && getComputedStyle(e.currentTarget).direction === "rtl";
+      if (rtl ? dx > 0 : dx < 0) next();
+      else prev();
+    }
+  } : {};
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "carousel-viewport",
+      className: cn("ddga-carousel__viewport", className),
+      ...swipeProps,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: trackId,
+          "data-slot": "carousel-track",
+          "aria-live": "polite",
+          className: "ddga-carousel__track",
+          style: { "--ddga-carousel-index": current },
+          children: slides.map(
+            (child, i) => cloneElement(child, {
+              index: i,
+              // Only the active slide is exposed/focusable; toggling aria-hidden is also
+              // the DOM mutation that makes the aria-live region announce on navigation.
+              "aria-hidden": i !== current || void 0,
+              inert: i !== current || void 0
+            })
+          )
+        }
+      )
+    }
+  );
+}
+function CarouselSlide({ index = 0, className, children, ...props }) {
+  const { count } = useCarousel("CarouselSlide");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "aria-label": `${index + 1} of ${count}`,
+      "data-slot": "carousel-slide",
+      className: cn("ddga-carousel__slide", className),
+      ...props,
+      children
+    }
+  );
+}
+function NavButton({
+  direction,
+  label,
+  asChild,
+  disabled: consumerDisabled,
+  className,
+  children,
+  onClick,
+  ...props
+}) {
+  const isPrev = direction === "prev";
+  const ctx = useCarousel(isPrev ? "CarouselPrevious" : "CarouselNext");
+  const disabled = !(isPrev ? ctx.canPrev : ctx.canNext) || !!consumerDisabled;
+  const move = isPrev ? ctx.prev : ctx.next;
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
+  const Icon = isPrev ? ChevronLeft : ChevronRight;
+  const ariaLabel = asChild ? label : label ?? (isPrev ? "Previous slide" : "Next slide");
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...asChild ? {} : { type: "button", disabled },
+      ...asChild && disabled ? { tabIndex: -1 } : {},
+      "aria-disabled": disabled || void 0,
+      "aria-label": ariaLabel,
+      "data-slot": isPrev ? "carousel-previous" : "carousel-next",
+      className: cn(
+        carouselArrowVariants({ arrowStyle: ctx.arrowStyle, arrowSize: ctx.arrowSize }),
+        `ddga-carousel__nav--${direction}`,
+        className
+      ),
+      onClick: (e) => {
+        onClick?.(e);
+        if (!e.defaultPrevented && !disabled) move();
+      },
+      ...props,
+      children: asChild ? /* @__PURE__ */ jsx(SlotPrimitive.Slottable, { children }) : children ?? /* @__PURE__ */ jsx(Icon, { className: "ddga-carousel__nav-icon", "aria-hidden": "true" })
+    }
+  );
+}
+function CarouselPrevious(props) {
+  return /* @__PURE__ */ jsx(NavButton, { direction: "prev", ...props });
+}
+function CarouselNext(props) {
+  return /* @__PURE__ */ jsx(NavButton, { direction: "next", ...props });
+}
+function CarouselDots({
+  bare,
+  dotLabel = (index) => `Go to slide ${index + 1}`,
+  className,
+  ...props
+}) {
+  const { count, current, goTo, dotSize } = useCarousel("CarouselDots");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "carousel-dots",
+      className: cn(carouselDotsVariants({ dotSize, bare }), className),
+      ...props,
+      children: Array.from({ length: count }, (_, i) => {
+        const active = i === current;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": dotLabel(i, count),
+            "aria-current": active ? "true" : void 0,
+            "data-slot": "carousel-dot",
+            "data-active": active || void 0,
+            className: "ddga-carousel__dot",
+            onClick: () => goTo(i)
+          },
+          i
+        );
+      })
+    }
+  );
+}
+
+export {
+  carouselVariants,
+  carouselArrowVariants,
+  carouselDotsVariants,
+  Carousel,
+  CarouselViewport,
+  CarouselSlide,
+  CarouselPrevious,
+  CarouselNext,
+  CarouselDots
+};
+//# sourceMappingURL=chunk-LEDIOXDM.js.map

package/dist/chunk-LEDIOXDM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Carousel/Carousel.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronLeft, ChevronRight } from '../../internal/icons';\n\nconst useIsoLayoutEffect = typeof document !== 'undefined' ? useLayoutEffect : useEffect;\nconst SWIPE_THRESHOLD = 40;\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, n));\n}\nfunction mod(n: number, m: number): number {\n  return m > 0 ? ((n % m) + m) % m : 0;\n}\n\nconst carouselVariants = cva('ddga-carousel', {\n  variants: {\n    controls: {\n      dots: 'ddga-carousel--dots',\n      arrows: 'ddga-carousel--arrows',\n      both: 'ddga-carousel--both',\n    },\n  },\n  defaultVariants: { controls: 'dots' },\n});\n\nconst carouselArrowVariants = cva('ddga-carousel__nav', {\n  variants: {\n    arrowStyle: {\n      primary: 'ddga-carousel__nav--primary',\n      subtle: 'ddga-carousel__nav--subtle',\n    },\n    arrowSize: {\n      sm: 'ddga-carousel__nav--sm',\n      md: 'ddga-carousel__nav--md',\n      lg: 'ddga-carousel__nav--lg',\n    },\n  },\n  defaultVariants: { arrowStyle: 'primary', arrowSize: 'lg' },\n});\n\nconst carouselDotsVariants = cva('ddga-carousel__dots', {\n  variants: {\n    dotSize: {\n      sm: 'ddga-carousel__dots--sm',\n      md: 'ddga-carousel__dots--md',\n      lg: 'ddga-carousel__dots--lg',\n    },\n    bare: { true: 'ddga-carousel__dots--bare' },\n  },\n  defaultVariants: { dotSize: 'md' },\n});\n\ninterface CarouselContextValue {\n  current: number;\n  count: number;\n  setCount: (n: number) => void;\n  goTo: (index: number) => void;\n  next: () => void;\n  prev: () => void;\n  canPrev: boolean;\n  canNext: boolean;\n  swipe: boolean;\n  trackId: string;\n  arrowStyle: 'primary' | 'subtle';\n  arrowSize: 'sm' | 'md' | 'lg';\n  dotSize: 'sm' | 'md' | 'lg';\n}\n\nconst CarouselContext = createContext<CarouselContextValue | null>(null);\n\nfunction useCarousel(part: string): CarouselContextValue {\n  const ctx = useContext(CarouselContext);\n  if (!ctx) throw new Error(`<${part}> must be used within <Carousel>.`);\n  return ctx;\n}\n\ninterface CarouselProps extends Omit<React.ComponentProps<'div'>, 'onChange'> {\n  /** Controlled active slide index. */\n  index?: number;\n  /** Uncontrolled initial index. Defaults to 0. */\n  defaultIndex?: number;\n  /** Fires with the new index on any navigation. */\n  onIndexChange?: (index: number) => void;\n  /** Which controls to lay out: dots below, arrows flanking, or both. */\n  controls?: 'dots' | 'arrows' | 'both';\n  /** Wrap past the ends instead of stopping. */\n  loop?: boolean;\n  /** Dot indicator diameter — `sm` 8 · `md` 12 · `lg` 16 px. */\n  dotSize?: 'sm' | 'md' | 'lg';\n  /** Arrow button style — filled green `primary` or transparent `subtle`. */\n  arrowStyle?: 'primary' | 'subtle';\n  /** Arrow button diameter — `sm` 32 · `md` 40 · `lg` 48 px. */\n  arrowSize?: 'sm' | 'md' | 'lg';\n  /** Enable pointer/touch swipe to navigate. Defaults to true. */\n  swipe?: boolean;\n  /** Auto-advance (house extension; pauses on hover/focus + reduced-motion). */\n  autoplay?: boolean;\n  /** Auto-advance interval in ms. Defaults to 5000. */\n  autoplayInterval?: number;\n}\n\nfunction Carousel({\n  index,\n  defaultIndex,\n  onIndexChange,\n  controls = 'dots',\n  loop = false,\n  dotSize = 'md',\n  arrowStyle = 'primary',\n  arrowSize = 'lg',\n  swipe = true,\n  autoplay = false,\n  autoplayInterval = 5000,\n  className,\n  children,\n  ...props\n}: CarouselProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isControlled = index !== undefined;\n  const [internal, setInternal] = useState(defaultIndex ?? 0);\n  const [count, setCount] = useState(0);\n  const [paused, setPaused] = useState(false);\n  const trackId = useId();\n\n  const current = clamp(isControlled ? index : internal, 0, Math.max(0, count - 1));\n\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] <Carousel> needs an aria-label (or aria-labelledby) to name the carousel region for screen readers.',\n    );\n  }\n\n  const commit = useCallback(\n    (next: number) => {\n      const target = count > 0 ? (loop ? mod(next, count) : clamp(next, 0, count - 1)) : 0;\n      if (!isControlled) setInternal(target);\n      onIndexChange?.(target);\n    },\n    [count, loop, isControlled, onIndexChange],\n  );\n\n  const canPrev = loop ? count > 1 : current > 0;\n  const canNext = loop ? count > 1 : current < count - 1;\n\n  const ctx = useMemo<CarouselContextValue>(\n    () => ({\n      current,\n      count,\n      setCount,\n      goTo: (i) => commit(i),\n      next: () => commit(current + 1),\n      prev: () => commit(current - 1),\n      canPrev,\n      canNext,\n      swipe,\n      trackId,\n      arrowStyle,\n      arrowSize,\n      dotSize,\n    }),\n    [current, count, commit, canPrev, canNext, swipe, trackId, arrowStyle, arrowSize, dotSize],\n  );\n\n  useEffect(() => {\n    if (!autoplay || paused || count <= 1) return;\n    const reduce =\n      typeof window !== 'undefined' &&\n      typeof window.matchMedia === 'function' &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    if (reduce) return;\n    const id = setInterval(() => commit(current + 1), autoplayInterval);\n    return () => clearInterval(id);\n  }, [autoplay, paused, count, autoplayInterval, commit, current]);\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    const target = event.target as HTMLElement;\n    if (target.closest('input, textarea, select, [contenteditable=\"true\"]')) return;\n    const rtl =\n      typeof getComputedStyle === 'function' &&\n      rootRef.current != null &&\n      getComputedStyle(rootRef.current).direction === 'rtl';\n    switch (event.key) {\n      case 'ArrowRight':\n        commit(current + (rtl ? -1 : 1));\n        break;\n      case 'ArrowLeft':\n        commit(current + (rtl ? 1 : -1));\n        break;\n      case 'Home':\n        commit(0);\n        break;\n      case 'End':\n        commit(count - 1);\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n  }\n\n  const pauseProps = autoplay\n    ? {\n        onMouseEnter: () => setPaused(true),\n        onMouseLeave: () => setPaused(false),\n        onFocusCapture: () => setPaused(true),\n        onBlurCapture: (e: React.FocusEvent<HTMLDivElement>) => {\n          if (!e.currentTarget.contains(e.relatedTarget)) setPaused(false);\n        },\n      }\n    : {};\n\n  return (\n    <CarouselContext.Provider value={ctx}>\n      <div\n        ref={rootRef}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        data-controls={controls}\n        className={cn(carouselVariants({ controls }), className)}\n        {...props}\n        {...pauseProps}\n        onKeyDown={handleKeyDown}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  );\n}\n\ntype CarouselViewportProps = React.ComponentProps<'div'>;\n\nfunction CarouselViewport({ className, children, ...props }: CarouselViewportProps) {\n  const { setCount, current, trackId, next, prev, swipe } = useCarousel('CarouselViewport');\n  const slides = Children.toArray(children).filter(isValidElement) as ReactElement[];\n  const n = slides.length;\n  const dragRef = useRef<{ x: number; id: number } | null>(null);\n\n  useIsoLayoutEffect(() => {\n    setCount(n);\n  }, [n, setCount]);\n\n  const swipeProps = swipe\n    ? {\n        onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => {\n          dragRef.current = { x: e.clientX, id: e.pointerId };\n        },\n        onPointerUp: (e: React.PointerEvent<HTMLDivElement>) => {\n          const start = dragRef.current;\n          dragRef.current = null;\n          if (!start || start.id !== e.pointerId) return;\n          const dx = e.clientX - start.x;\n          if (Math.abs(dx) < SWIPE_THRESHOLD) return;\n          const rtl =\n            typeof getComputedStyle === 'function' &&\n            getComputedStyle(e.currentTarget).direction === 'rtl';\n          // Drag toward the inline-end advances to the next slide.\n          if (rtl ? dx > 0 : dx < 0) next();\n          else prev();\n        },\n      }\n    : {};\n\n  return (\n    <div\n      data-slot=\"carousel-viewport\"\n      className={cn('ddga-carousel__viewport', className)}\n      {...swipeProps}\n      {...props}\n    >\n      <div\n        id={trackId}\n        data-slot=\"carousel-track\"\n        aria-live=\"polite\"\n        className=\"ddga-carousel__track\"\n        style={{ '--ddga-carousel-index': current } as React.CSSProperties}\n      >\n        {slides.map((child, i) =>\n          cloneElement(child as ReactElement<CarouselSlideProps>, {\n            index: i,\n            // Only the active slide is exposed/focusable; toggling aria-hidden is also\n            // the DOM mutation that makes the aria-live region announce on navigation.\n            'aria-hidden': i !== current || undefined,\n            inert: i !== current || undefined,\n          }),\n        )}\n      </div>\n    </div>\n  );\n}\n\ninterface CarouselSlideProps extends React.ComponentProps<'div'> {\n  /** 0-based position — injected by `CarouselViewport`. */\n  index?: number;\n}\n\nfunction CarouselSlide({ index = 0, className, children, ...props }: CarouselSlideProps) {\n  const { count } = useCarousel('CarouselSlide');\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      aria-label={`${index + 1} of ${count}`}\n      data-slot=\"carousel-slide\"\n      className={cn('ddga-carousel__slide', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\ninterface CarouselNavProps extends Omit<React.ComponentProps<'button'>, 'children'> {\n  /** Accessible label for the icon-only button. */\n  label?: string;\n  /** Compose with a custom element (e.g. a router link) via Radix Slot. */\n  asChild?: boolean;\n  /** Override the default chevron glyph. */\n  children?: ReactNode;\n}\n\nfunction NavButton({\n  direction,\n  label,\n  asChild,\n  disabled: consumerDisabled,\n  className,\n  children,\n  onClick,\n  ...props\n}: CarouselNavProps & { direction: 'prev' | 'next' }) {\n  const isPrev = direction === 'prev';\n  const ctx = useCarousel(isPrev ? 'CarouselPrevious' : 'CarouselNext');\n  const disabled = !(isPrev ? ctx.canPrev : ctx.canNext) || !!consumerDisabled;\n  const move = isPrev ? ctx.prev : ctx.next;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  const Icon = isPrev ? ChevronLeft : ChevronRight;\n  // Default name only for the icon-only button; asChild content names itself.\n  const ariaLabel = asChild ? label : (label ?? (isPrev ? 'Previous slide' : 'Next slide'));\n\n  return (\n    <Comp\n      {...(asChild ? {} : { type: 'button' as const, disabled })}\n      {...(asChild && disabled ? { tabIndex: -1 } : {})}\n      aria-disabled={disabled || undefined}\n      aria-label={ariaLabel}\n      data-slot={isPrev ? 'carousel-previous' : 'carousel-next'}\n      className={cn(\n        carouselArrowVariants({ arrowStyle: ctx.arrowStyle, arrowSize: ctx.arrowSize }),\n        `ddga-carousel__nav--${direction}`,\n        className,\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        if (!e.defaultPrevented && !disabled) move();\n      }}\n      {...props}\n    >\n      {asChild ? (\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        (children ?? <Icon className=\"ddga-carousel__nav-icon\" aria-hidden=\"true\" />)\n      )}\n    </Comp>\n  );\n}\n\nfunction CarouselPrevious(props: CarouselNavProps) {\n  return <NavButton direction=\"prev\" {...props} />;\n}\n\nfunction CarouselNext(props: CarouselNavProps) {\n  return <NavButton direction=\"next\" {...props} />;\n}\n\ninterface CarouselDotsProps extends React.ComponentProps<'div'> {\n  /** Drop the pill padding (SDGA \"Dots Only\"). */\n  bare?: boolean;\n  /** Build each dot's accessible label. Defaults to `Go to slide {n}`. */\n  dotLabel?: (index: number, count: number) => string;\n}\n\nfunction CarouselDots({\n  bare,\n  dotLabel = (index) => `Go to slide ${index + 1}`,\n  className,\n  ...props\n}: CarouselDotsProps) {\n  const { count, current, goTo, dotSize } = useCarousel('CarouselDots');\n  return (\n    <div\n      data-slot=\"carousel-dots\"\n      className={cn(carouselDotsVariants({ dotSize, bare }), className)}\n      {...props}\n    >\n      {Array.from({ length: count }, (_, i) => {\n        const active = i === current;\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            aria-label={dotLabel(i, count)}\n            aria-current={active ? 'true' : undefined}\n            data-slot=\"carousel-dot\"\n            data-active={active || undefined}\n            className=\"ddga-carousel__dot\"\n            onClick={() => goTo(i)}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nexport {\n  Carousel,\n  CarouselViewport,\n  CarouselSlide,\n  CarouselPrevious,\n  CarouselNext,\n  CarouselDots,\n  carouselVariants,\n  carouselArrowVariants,\n  carouselDotsVariants,\n};\nexport type {\n  CarouselProps,\n  CarouselViewportProps,\n  CarouselSlideProps,\n  CarouselNavProps,\n  CarouselDotsProps,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-MKQBAQIH.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-MKQBAQIH.js.map

package/dist/chunk-MS6HASC6.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-MS6HASC6.js.map