@oztix/roadie-components 2.0.2 → 2.1.1

package/dist/Carousel.d.ts

@@ -0,0 +1,257 @@
+import { n as IconButtonProps } from "./IconButton-BajbaUJ_.js";
+import { VariantProps } from "class-variance-authority";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ElementType, ReactNode } from "react";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+import { EmblaCarouselType, EmblaOptionsType } from "embla-carousel";
+
+//#region src/components/Carousel/index.d.ts
+type CarouselDirection = 'horizontal' | 'vertical';
+type CarouselActions = {
+  goToPrev: () => void;
+  goToNext: () => void;
+  goTo: (index: number) => void;
+  play: () => void;
+  pause: () => void;
+  toggle: () => void;
+};
+type CarouselState = {
+  direction: CarouselDirection; /** Selected snap index (0-based). Note: a snap may cover multiple slides. */
+  selectedIndex: number; /** Number of `Carousel.Item` children. Used for "N of M" slide labels. */
+  slideCount: number;
+  /**
+   * Number of distinct Embla scroll snap positions. May be smaller than
+   * `slideCount` for multi-visible layouts (e.g. `basis-1/3` with 4 cards
+   * creates 2 snaps), or equal to it for single-slide layouts. Falls back
+   * to `slideCount` in environments where Embla can't measure (jsdom).
+   */
+  snapCount: number;
+  canGoToPrev: boolean;
+  canGoToNext: boolean;
+  /**
+   * True when there is somewhere to scroll to. False when every slide
+   * already fits in the viewport (snapCount <= 1) — in which case
+   * Previous / Next / Dots / Controls all hide themselves.
+   */
+  canScroll: boolean;
+  isPlaying: boolean;
+  userPaused: boolean;
+  labelId: string | undefined;
+  rootAriaLabel: string | undefined;
+};
+type UseCarouselReturn = {
+  state: CarouselState;
+  actions: CarouselActions;
+};
+/**
+ * Access the carousel's state and actions. Must be called inside a
+ * `<Carousel>` tree.
+ *
+ * For escape-hatch access to the underlying Embla instance, use
+ * `useCarouselUnsafeEmbla()` — it is intentionally separate so raw-Embla
+ * coupling is greppable.
+ */
+declare function useCarousel(): UseCarouselReturn;
+/**
+ * Escape hatch: read the underlying Embla `api` instance directly.
+ *
+ * Returning Embla's API hard-couples your code to a specific major version
+ * of `embla-carousel`. Prefer `useCarousel()` whenever the public state and
+ * actions are sufficient. This hook exists so you can grep for raw-Embla
+ * usage when planning an upgrade.
+ */
+declare function useCarouselUnsafeEmbla(): EmblaCarouselType | undefined;
+declare const carouselContentVariants: (props?: ({
+  direction?: "horizontal" | "vertical" | null | undefined;
+  overflow?: "subtle" | "hidden" | "visible" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const carouselContainerVariants: (props?: ({
+  direction?: "horizontal" | "vertical" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const carouselItemVariants: (props?: ({
+  direction?: "horizontal" | "vertical" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const carouselDotsVariants: (props?: ({
+  direction?: "horizontal" | "vertical" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface CarouselProps extends Omit<ComponentProps<'div'>, 'onBlur'> {
+  /** Pass-through options for the Embla instance. */
+  opts?: EmblaOptionsType;
+  /** Scroll direction. @default 'horizontal' */
+  direction?: CarouselDirection;
+  /**
+   * Autoplay delay in milliseconds, or `false` to disable. When set, an
+   * autoplay plugin is wired internally and pauses on hover / focus / pointer
+   * interaction. A persistent pause control via `<Carousel.PlayPause>` is
+   * strongly recommended for WCAG 2.2.2 compliance.
+   * @default false
+   */
+  autoPlay?: number | false;
+  /** Accessible name for the carousel region. */
+  'aria-label'?: string;
+}
+declare function Carousel({
+  opts,
+  direction,
+  autoPlay,
+  children,
+  className,
+  'aria-label': ariaLabel,
+  ...props
+}: CarouselProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Carousel {
+  var displayName: string;
+  var Header: typeof CarouselHeader;
+  var Title: typeof CarouselTitle;
+  var TitleLink: typeof CarouselTitleLink;
+  var Controls: typeof CarouselControls;
+  var Content: typeof CarouselContent;
+  var Item: typeof CarouselItem;
+  var Previous: typeof CarouselPrevious;
+  var Next: typeof CarouselNext;
+  var PlayPause: typeof CarouselPlayPause;
+  var Dots: typeof CarouselDots;
+}
+type CarouselHeaderProps = ComponentProps<'div'>;
+declare function CarouselHeader({
+  className,
+  ...props
+}: CarouselHeaderProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace CarouselHeader {
+  var displayName: string;
+}
+type CarouselControlsProps = ComponentProps<'div'> & {
+  /**
+   * Render the controls even when there's nothing to scroll to. Useful
+   * when the slot contains custom buttons (filters, share) that aren't
+   * gated on slide count.
+   */
+  forceVisible?: boolean;
+};
+declare function CarouselControls({
+  className,
+  forceVisible,
+  ...props
+}: CarouselControlsProps): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace CarouselControls {
+  var displayName: string;
+}
+type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type CarouselTitleProps = ComponentProps<'h2'> & {
+  /** Heading level. Defaults to `<h2>`. */as?: HeadingLevel;
+};
+declare function CarouselTitle({
+  as: Component,
+  className,
+  children,
+  id,
+  ...props
+}: CarouselTitleProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace CarouselTitle {
+  var displayName: string;
+}
+type CarouselTitleLinkOwnProps<T extends ElementType> = {
+  /**
+   * Render the link as a custom element/component (e.g. Next.js `Link`).
+   * Defaults to `<a>`.
+   */
+  as?: T; /** DOM id for `aria-labelledby`. Defaults to a generated id. */
+  id?: string;
+};
+type CarouselTitleLinkProps<T extends ElementType = 'a'> = CarouselTitleLinkOwnProps<T> & Omit<ComponentProps<T>, keyof CarouselTitleLinkOwnProps<T>>;
+declare function CarouselTitleLink<T extends ElementType = 'a'>({
+  as,
+  className,
+  children,
+  id,
+  ...props
+}: CarouselTitleLinkProps<T>): _$react_jsx_runtime0.JSX.Element;
+declare namespace CarouselTitleLink {
+  var displayName: string;
+}
+type CarouselContentOverflow = 'hidden' | 'visible' | 'subtle';
+type CarouselContentProps = ComponentProps<'div'> & {
+  /** Props to forward to the inner Embla container (flex row/col). */containerProps?: ComponentProps<'div'>;
+  /**
+   * How slides escape the viewport box.
+   *
+   * - `subtle` (default): slides bleed past the edges by the gutter width
+   *   and fade to the page background via `::before` / `::after`
+   *   gradients. Good for most carousels — gives a clear scroll hint
+   *   without half-clipped cards.
+   * - `hidden`: slides are hard-clipped at the viewport edge.
+   * - `visible`: slides can extend indefinitely. Useful on wide screens
+   *   where you deliberately want peeking slides to remain fully
+   *   rendered in the surrounding margin area.
+   *
+   * @default 'subtle'
+   */
+  overflow?: 'hidden' | 'visible' | 'subtle';
+};
+declare function CarouselContent({
+  className,
+  children,
+  containerProps,
+  onKeyDown,
+  overflow,
+  ...props
+}: CarouselContentProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace CarouselContent {
+  var displayName: string;
+}
+type CarouselItemProps = ComponentProps<'div'>;
+declare function CarouselItem({
+  className,
+  children,
+  ...props
+}: CarouselItemProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace CarouselItem {
+  var displayName: string;
+}
+type CarouselNavButtonProps = Omit<IconButtonProps, 'aria-label' | 'children'> & {
+  /**
+   * Override the default accessible label.
+   * Defaults to "Previous slide" / "Next slide" / "Pause carousel" / "Play carousel".
+   */
+  'aria-label'?: string; /** Override the default caret/play/pause icon. */
+  children?: ReactNode;
+};
+declare function CarouselPrevious({
+  className,
+  'aria-label': ariaLabel,
+  children,
+  ...props
+}: CarouselNavButtonProps): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace CarouselPrevious {
+  var displayName: string;
+}
+declare function CarouselNext({
+  className,
+  'aria-label': ariaLabel,
+  children,
+  ...props
+}: CarouselNavButtonProps): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace CarouselNext {
+  var displayName: string;
+}
+declare function CarouselPlayPause({
+  className,
+  'aria-label': ariaLabel,
+  children,
+  ...props
+}: CarouselNavButtonProps): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace CarouselPlayPause {
+  var displayName: string;
+}
+type CarouselDotsProps = ComponentProps<'div'>;
+declare function CarouselDots({
+  className,
+  ...props
+}: CarouselDotsProps): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace CarouselDots {
+  var displayName: string;
+}
+type CarouselVariantProps = VariantProps<typeof carouselContentVariants>;
+//#endregion
+export { Carousel, CarouselActions, CarouselContent, CarouselContentOverflow, CarouselContentProps, CarouselControls, CarouselControlsProps, CarouselDots, CarouselDotsProps, CarouselHeader, CarouselHeaderProps, CarouselItem, CarouselItemProps, CarouselNavButtonProps, CarouselNext, CarouselPlayPause, CarouselPrevious, CarouselProps, CarouselState, CarouselTitle, CarouselTitleLink, CarouselTitleLinkProps, CarouselTitleProps, CarouselVariantProps, UseCarouselReturn, carouselContainerVariants, carouselContentVariants, carouselDotsVariants, carouselItemVariants, useCarousel, useCarouselUnsafeEmbla };
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","names":[],"sources":["../src/components/Carousel/index.tsx"],"mappings":"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"}

package/dist/Carousel.js

@@ -0,0 +1,2 @@
+"use client";import{t as e}from"./IconButton-0UdUDm0O.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Children as a,createContext as o,isValidElement as s,use as c,useCallback as l,useEffect as u,useId as d,useLayoutEffect as f,useMemo as p,useRef as m,useState as h}from"react";import{ArrowRightIcon as g,CaretDownIcon as _,CaretLeftIcon as v,CaretRightIcon as y,CaretUpIcon as b,PauseIcon as x,PlayIcon as S}from"@phosphor-icons/react/ssr";import C from"embla-carousel-autoplay";import w from"embla-carousel-react";function T(){return typeof process<`u`&&process?.env?.NODE_ENV!==`production`}function E(e){try{e()}catch(e){T()&&console.warn(`[Carousel] Autoplay plugin call failed:`,e)}}function D(){let[e,t]=h(!1);return u(()=>{if(typeof window>`u`||!window.matchMedia)return;let e=window.matchMedia(`(prefers-reduced-motion: reduce)`);t(e.matches);let n=e=>t(e.matches);return e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)},[]),e}const O=o(null),k=o(null);function A(){let e=c(O);if(!e)throw Error(`Carousel subcomponent must be used inside <Carousel>`);return e}function j(){let e=c(k);if(!e)throw Error(`<Carousel.Item> must be a direct child of <Carousel.Content>`);return e}function M(){let e=A();return{state:p(()=>({direction:e.direction,selectedIndex:e.selectedIndex,slideCount:e.slideCount,snapCount:e.snapCount,canGoToPrev:e.canGoToPrev,canGoToNext:e.canGoToNext,canScroll:e.canScroll,isPlaying:e.isPlaying,userPaused:e.userPaused,labelId:e.labelId,rootAriaLabel:e.rootAriaLabel}),[e.direction,e.selectedIndex,e.slideCount,e.snapCount,e.canGoToPrev,e.canGoToNext,e.canScroll,e.isPlaying,e.userPaused,e.labelId,e.rootAriaLabel]),actions:p(()=>({goToPrev:e.goToPrev,goToNext:e.goToNext,goTo:e.goTo,play:e.play,pause:e.pause,toggle:e.toggle}),[e.goToPrev,e.goToNext,e.goTo,e.play,e.pause,e.toggle])}}function N(){return A().api}const P=t(`relative focus-visible:outline-none`,{variants:{direction:{horizontal:`-my-4 py-4`,vertical:``},overflow:{hidden:`overflow-clip`,visible:`overflow-visible`,subtle:`overflow-clip`}},compoundVariants:[{overflow:`subtle`,direction:`horizontal`,class:[`-mx-4 px-4 sm:-mx-6 sm:px-6`,`before:pointer-events-none before:absolute before:inset-y-0 before:left-0 before:z-10`,`before:w-4 sm:before:w-6`,`before:bg-linear-to-r before:from-[var(--intent-bg-normal)] before:to-transparent`,`after:pointer-events-none after:absolute after:inset-y-0 after:right-0 after:z-10`,`after:w-4 sm:after:w-6`,`after:bg-linear-to-l after:from-[var(--intent-bg-normal)] after:to-transparent`].join(` `)},{overflow:`subtle`,direction:`vertical`,class:[`py-4`,`before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:z-10`,`before:h-4`,`before:bg-linear-to-b before:from-[var(--intent-bg-normal)] before:to-transparent`,`after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:z-10`,`after:h-4`,`after:bg-linear-to-t after:from-[var(--intent-bg-normal)] after:to-transparent`].join(` `)}],defaultVariants:{direction:`horizontal`,overflow:`subtle`}}),F=t(`flex`,{variants:{direction:{horizontal:`-ml-4`,vertical:`-mt-4 h-full flex-col`}},defaultVariants:{direction:`horizontal`}}),I=t(`min-h-0 min-w-0 shrink-0 grow-0 basis-full`,{variants:{direction:{horizontal:`pl-4`,vertical:`pt-4`}},defaultVariants:{direction:`horizontal`}}),L=t(`flex items-center justify-center`,{variants:{direction:{horizontal:`flex-row gap-1.5`,vertical:`flex-col gap-1.5`}},defaultVariants:{direction:`horizontal`}});function R({opts:e,direction:t=`horizontal`,autoPlay:i=!1,children:a,className:o,"aria-label":s,...c}){let d=D(),f=t===`vertical`?`y`:`x`,g=i!==!1;u(()=>{T()&&i!==!1&&i<2e3&&console.warn(`[Carousel] autoPlay delay < 2000ms may fail WCAG 2.2.1 timing; prefer >= 4000ms.`)},[i]),u(()=>{T()&&e?.axis&&e.axis!==f&&console.warn(`[Carousel] opts.axis="${e.axis}" conflicts with direction="${t}". direction wins.`)},[e?.axis,f,t]);let _=p(()=>!g||d?[]:[C({delay:i,stopOnLastSnap:!1})],[i,d,g]),[v,y]=w(p(()=>({align:`start`,slidesToScroll:`auto`,...e,axis:f,duration:d?0:e?.duration??25}),[e,f,d]),_),[b,x]=h(0),[S,k]=h(0),[A,j]=h(0),[M,N]=h(void 0),[P,F]=h([0]),[I,L]=h(()=>g&&!d),[R,z]=h(!1),B=m(!1),V=e?.loop===!0,H=m(!1),U=l(e=>{H.current=!0,x(e.selectedSnap())},[]);u(()=>{if(y)return U(y),y.on(`reinit`,U).on(`select`,U),()=>{y.off(`reinit`,U).off(`select`,U)}},[y,U]);let W=l(e=>{let t=e.slidesInView();F(t.length>0?t:[e.selectedSnap()]),j(e.snapList().length)},[]);u(()=>{if(y)return W(y),y.on(`reinit`,W).on(`slidesinview`,W).on(`resize`,W).on(`slideschanged`,W),()=>{y.off(`reinit`,W).off(`slidesinview`,W).off(`resize`,W).off(`slideschanged`,W)}},[y,W]),u(()=>{if(!y)return;let e=e=>{if(typeof document>`u`)return;let t=document.activeElement;if(!t||!t.isConnected)return;let n=t.closest(`[aria-roledescription="slide"]`);if(!n||t===n)return;let r=e.selectedSnap();requestAnimationFrame(()=>{e.slideNodes()[r]?.focus({preventScroll:!0})})};return y.on(`select`,e),()=>{y.off(`select`,e)}},[y]),u(()=>{if(!y)return;let e=y.plugins().autoplay;e&&(B.current||E(e.play))},[y,_]),u(()=>{L(g&&!d),(!g||d)&&(z(!1),B.current=!1)},[g,d]),u(()=>{y?.reInit()},[y,S]);let G=A>0?A:S,K=G>0?Math.min(Math.max(0,b),G-1):0,q=G>1&&(V||K>0),J=G>1&&(V||K<G-1),Y=G>1,X=p(()=>({goToPrev:()=>{H.current=!1,y?.goToPrev(),!H.current&&x(e=>e>0?e-1:V?Math.max(0,G-1):e)},goToNext:()=>{H.current=!1,y?.goToNext(),!H.current&&x(e=>e<G-1?e+1:V?0:e)},goTo:e=>{H.current=!1,y?.goTo(e),!H.current&&x(Math.max(0,Math.min(e,G-1)))},play:()=>{if(!g)return;B.current=!1,z(!1),L(!0);let e=y?.plugins().autoplay;e&&E(e.play)},pause:()=>{if(!g)return;B.current=!0,z(!0),L(!1);let e=y?.plugins().autoplay;e&&E(e.stop)},toggle:()=>{if(!g)return;let e=!I;B.current=!e,z(!e),L(e);let t=y?.plugins().autoplay;t&&E(e?t.play:t.stop)}}),[y,g,I,V,G]),Z=l(()=>{if(B.current)return;let e=y?.plugins().autoplay;e&&E(e.pause)},[y]),Q=l(()=>{if(B.current)return;let e=y?.plugins().autoplay;e&&E(e.play)},[y]),$=l(()=>{if(B.current)return;let e=y?.plugins().autoplay;e&&E(e.pause)},[y]),ee=l(e=>{if(B.current)return;let t=e.relatedTarget,n=e.currentTarget,r=()=>{let e=y?.plugins().autoplay;e&&E(e.play)};if(!t){requestAnimationFrame(()=>{n.isConnected&&!n.contains(document.activeElement)&&r()});return}n.contains(t)||r()},[y]),te=p(()=>({direction:t,selectedIndex:K,slideCount:S,snapCount:G,canGoToPrev:q,canGoToNext:J,canScroll:Y,isPlaying:I,userPaused:R,labelId:M,rootAriaLabel:s,goToPrev:X.goToPrev,goToNext:X.goToNext,goTo:X.goTo,play:X.play,pause:X.pause,toggle:X.toggle,api:y,emblaRef:v,setSlideCount:k,setLabelId:N,loop:V,autoPlay:i,slidesInView:P}),[t,K,S,q,J,Y,I,R,M,s,X,y,v,V,i,P]);return r(O.Provider,{value:te,children:r(`div`,{role:`region`,"aria-roledescription":`carousel`,"aria-label":M?void 0:s,"aria-labelledby":M,onMouseEnter:Z,onMouseLeave:Q,onFocus:$,onBlur:ee,className:n(`relative`,o),...c,children:a})})}R.displayName=`Carousel`;function z({className:e,...t}){return r(`div`,{className:n(`mb-4 flex items-center justify-between gap-4`,`md:grid md:grid-cols-[1fr_auto_1fr]`,`md:[&>*:first-child]:justify-self-start`,`md:[&>*:last-child:not(:first-child)]:col-start-3`,`md:[&>*:last-child:not(:first-child)]:justify-self-end`,`md:[&>*:nth-child(2):not(:last-child)]:col-start-2`,`md:[&>*:nth-child(2):not(:last-child)]:justify-self-center`,e),...t})}z.displayName=`Carousel.Header`;function B({className:e,forceVisible:t=!1,...i}){let{canScroll:a}=A();return!t&&!a?null:r(`div`,{className:n(`hidden items-center gap-2 md:flex`,e),...i})}B.displayName=`Carousel.Controls`;function V(e){let{setLabelId:t}=A();u(()=>(t(e),()=>{t(t=>t===e?void 0:t)}),[e,t])}function H({as:e=`h2`,className:t,children:i,id:a,...o}){let s=d(),c=a??s;return V(c),r(e,{id:c,className:n(`text-display-ui-5 text-strong`,t),...o,children:i})}H.displayName=`Carousel.Title`;function U({as:e,className:t,children:a,id:o,...s}){let c=d(),l=o??c;return V(l),i(e??`a`,{id:l,className:n(`group/title is-interactive flex items-center gap-1 text-display-ui-5 text-strong`,t),...s,children:[a,r(g,{weight:`bold`,className:`size-5 text-subtle transition-transform group-hover/title:translate-x-1 group-hover/title:intent-accent`})]})}U.displayName=`Carousel.TitleLink`;function W({className:e,children:t,containerProps:i,onKeyDown:o,overflow:c=`subtle`,...u}){let{direction:d,selectedIndex:m,snapCount:h,slidesInView:g,isPlaying:_,labelId:v,rootAriaLabel:y,goToPrev:b,goToNext:x,goTo:S,emblaRef:C,setSlideCount:w}=A(),T=_?`off`:`polite`,E=a.count(t);f(()=>{w(E)},[E,w]);let D=p(()=>new Set(g),[g]),O=a.map(t,(e,t)=>{if(!s(e))return e;let n={index:t,total:E,isActive:t===m,isInView:D.has(t)};return r(k.Provider,{value:n,children:e},e.key??t)});return r(`div`,{ref:C,tabIndex:0,onKeyDown:l(e=>{if(o?.(e),e.defaultPrevented)return;let t=e.target;if(t!==e.currentTarget){let e=t.closest(`[role="group"][aria-roledescription="slide"]`),n=t.matches(`button, a, input, textarea, select, [tabindex]:not([tabindex="-1"])`);if(e&&n)return}let n=d===`horizontal`,r=n?`ArrowLeft`:`ArrowUp`,i=n?`ArrowRight`:`ArrowDown`;e.key===r?(e.preventDefault(),b()):e.key===i?(e.preventDefault(),x()):e.key===`Home`?(e.preventDefault(),S(0)):e.key===`End`&&(e.preventDefault(),S(Math.max(0,h-1)))},[d,b,x,S,h,o]),"aria-live":T,"aria-label":v?void 0:y,"aria-labelledby":v,className:n(P({direction:d,overflow:c}),e),...u,children:r(`div`,{...i,className:n(F({direction:d}),i?.className),children:O})})}W.displayName=`Carousel.Content`;function G({className:e,children:t,...i}){let{direction:a}=A(),{index:o,total:s,isInView:c}=j();return r(`div`,{role:`group`,"aria-roledescription":`slide`,"aria-label":`${o+1} of ${s}`,tabIndex:-1,inert:!c,className:n(I({direction:a}),e),...i,children:t})}G.displayName=`Carousel.Item`;function K({className:t,"aria-label":n=`Previous slide`,children:i,...a}){let{direction:o,canScroll:s,canGoToPrev:c,goToPrev:l}=A();if(!s)return null;let u=o===`vertical`?b:v;return r(e,{size:`icon-sm`,className:t,"aria-label":n,"aria-disabled":!c||void 0,"data-disabled":!c||void 0,onClick:c?l:void 0,...a,children:i??r(u,{weight:`bold`,className:`size-4`})})}K.displayName=`Carousel.Previous`;function q({className:t,"aria-label":n=`Next slide`,children:i,...a}){let{direction:o,canScroll:s,canGoToNext:c,goToNext:l}=A();if(!s)return null;let u=o===`vertical`?_:y;return r(e,{size:`icon-sm`,className:t,"aria-label":n,"aria-disabled":!c||void 0,"data-disabled":!c||void 0,onClick:c?l:void 0,...a,children:i??r(u,{weight:`bold`,className:`size-4`})})}q.displayName=`Carousel.Next`;function J({className:t,"aria-label":n,children:i,...a}){let{autoPlay:o,isPlaying:s,toggle:c}=A();if(o===!1)return null;let l=n??(s?`Pause carousel`:`Play carousel`);return r(e,{size:`icon-sm`,className:t,"aria-label":l,"aria-pressed":!s,onClick:c,...a,children:i??r(s?x:S,{weight:`bold`,className:`size-4 text-subtle`})})}J.displayName=`Carousel.PlayPause`;function Y({className:e,...t}){let{direction:i,snapCount:a,selectedIndex:o,canScroll:s,goTo:c}=A();return s?r(`div`,{role:`group`,"aria-label":`Choose slide to display`,className:n(L({direction:i}),e),...t,children:Array.from({length:a},(e,t)=>{let i=t===o;return r(`button`,{type:`button`,"aria-label":`Go to slide ${t+1}`,"aria-current":i?`true`:void 0,"aria-disabled":i||void 0,onClick:()=>c(t),className:n(`is-interactive h-2 rounded-full transition-all`,i?`w-5 emphasis-strong intent-accent`:`w-2 emphasis-normal`)},t)})}):null}Y.displayName=`Carousel.Dots`,R.Header=z,R.Title=H,R.TitleLink=U,R.Controls=B,R.Content=W,R.Item=G,R.Previous=K,R.Next=q,R.PlayPause=J,R.Dots=Y;export{R as Carousel,W as CarouselContent,B as CarouselControls,Y as CarouselDots,z as CarouselHeader,G as CarouselItem,q as CarouselNext,J as CarouselPlayPause,K as CarouselPrevious,H as CarouselTitle,U as CarouselTitleLink,F as carouselContainerVariants,P as carouselContentVariants,L as carouselDotsVariants,I as carouselItemVariants,M as useCarousel,N as useCarouselUnsafeEmbla};
+//# sourceMappingURL=Carousel.js.map

package/dist/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","names":[],"sources":["../src/components/Carousel/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Children,\n  type ComponentProps,\n  type Dispatch,\n  type ElementType,\n  type FocusEvent as ReactFocusEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type SetStateAction,\n  createContext,\n  isValidElement,\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react'\n\nimport {\n  ArrowRightIcon,\n  CaretDownIcon,\n  CaretLeftIcon,\n  CaretRightIcon,\n  CaretUpIcon,\n  PauseIcon,\n  PlayIcon\n} from '@phosphor-icons/react/ssr'\nimport { type VariantProps, cva } from 'class-variance-authority'\nimport type {\n  EmblaCarouselType,\n  EmblaOptionsType,\n  EmblaPluginType\n} from 'embla-carousel'\nimport AutoplayPlugin from 'embla-carousel-autoplay'\nimport useEmblaCarousel from 'embla-carousel-react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { IconButton, type IconButtonProps } from '../Button/IconButton'\n\n/**\n * Development-mode check that works across consumer bundlers.\n *\n * Uses `process.env.NODE_ENV` rather than `import.meta.env.DEV` because\n * the latter is Vite-specific — Next.js, Webpack, Rollup, and friends\n * don't populate it, so the dev-only warnings would never fire in those\n * consumer runtimes. Every mainstream bundler replaces\n * `process.env.NODE_ENV` with a string literal at build time; the\n * `typeof process` guard covers the case where a consumer bundler hasn't\n * shimmed `process` on the client. The minimal ambient `process`\n * declaration below keeps us from pulling `@types/node` into the\n * package-wide `types` array, which would otherwise leak Node-only\n * globals into DOM code.\n */\ndeclare const process: { env?: { NODE_ENV?: string } } | undefined\n\nfunction isDevEnvironment(): boolean {\n  return (\n    typeof process !== 'undefined' && process?.env?.NODE_ENV !== 'production'\n  )\n}\n\n/**\n * Embla v9's autoplay plugin can throw from its own methods if `init()`\n * bailed out (e.g. snapList was empty at init time in a test environment).\n * Wrap direct plugin calls so a defensive bail-out doesn't crash the host,\n * and surface the failure via `console.warn` in dev so it isn't swallowed\n * silently — Roadie's React state stays authoritative for isPlaying /\n * userPaused regardless, but the warning makes plugin regressions\n * debuggable.\n */\nfunction safePluginCall(fn: () => void): void {\n  try {\n    fn()\n  } catch (error) {\n    if (isDevEnvironment()) {\n      console.warn('[Carousel] Autoplay plugin call failed:', error)\n    }\n  }\n}\n\n/* ─── prefers-reduced-motion hook ─── */\n\nfunction usePrefersReducedMotion(): boolean {\n  // SSR + first client render always see `false` so server / client markup\n  // matches. The real value is applied on the first client effect tick;\n  // Embla re-inits if it flips.\n  const [prefers, setPrefers] = useState(false)\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return\n    const mql = window.matchMedia('(prefers-reduced-motion: reduce)')\n    setPrefers(mql.matches)\n    const listener = (e: MediaQueryListEvent) => setPrefers(e.matches)\n    mql.addEventListener('change', listener)\n    return () => mql.removeEventListener('change', listener)\n  }, [])\n  return prefers\n}\n\n/* ─── Types ─── */\n\ntype CarouselDirection = 'horizontal' | 'vertical'\n\nexport type CarouselActions = {\n  goToPrev: () => void\n  goToNext: () => void\n  goTo: (index: number) => void\n  play: () => void\n  pause: () => void\n  toggle: () => void\n}\n\nexport type CarouselState = {\n  direction: CarouselDirection\n  /** Selected snap index (0-based). Note: a snap may cover multiple slides. */\n  selectedIndex: number\n  /** Number of `Carousel.Item` children. Used for \"N of M\" slide labels. */\n  slideCount: number\n  /**\n   * Number of distinct Embla scroll snap positions. May be smaller than\n   * `slideCount` for multi-visible layouts (e.g. `basis-1/3` with 4 cards\n   * creates 2 snaps), or equal to it for single-slide layouts. Falls back\n   * to `slideCount` in environments where Embla can't measure (jsdom).\n   */\n  snapCount: number\n  canGoToPrev: boolean\n  canGoToNext: boolean\n  /**\n   * True when there is somewhere to scroll to. False when every slide\n   * already fits in the viewport (snapCount <= 1) — in which case\n   * Previous / Next / Dots / Controls all hide themselves.\n   */\n  canScroll: boolean\n  isPlaying: boolean\n  userPaused: boolean\n  labelId: string | undefined\n  rootAriaLabel: string | undefined\n}\n\nexport type UseCarouselReturn = {\n  state: CarouselState\n  actions: CarouselActions\n}\n\n/* ─── Context ─── */\n//\n// Single root context. The previous design split state / actions / refs /\n// internal across four contexts; in practice every subcomponent reads from\n// most of them, render-perf isn't a concern at this scale, and the four-way\n// split was pure boilerplate. The per-item context (CarouselItemContext)\n// stays separate because its lifecycle is driven by Carousel.Content's\n// children loop, not the root.\n\ntype CarouselContextValue = CarouselState &\n  CarouselActions & {\n    api: EmblaCarouselType | undefined\n    emblaRef: (node: HTMLElement | null) => void\n    setSlideCount: (count: number) => void\n    setLabelId: Dispatch<SetStateAction<string | undefined>>\n    loop: boolean\n    autoPlay: number | false\n    /** Indices of slides currently intersecting the viewport. */\n    slidesInView: number[]\n  }\n\nconst CarouselContext = createContext<CarouselContextValue | null>(null)\n\ntype CarouselItemContextValue = {\n  index: number\n  total: number\n  /** True when this slide is the carousel's selected snap point. */\n  isActive: boolean\n  /**\n   * True when this slide currently intersects the viewport. Multi-visible\n   * layouts (e.g. `basis-1/3`) have several in-view slides at once;\n   * `inert` should follow visibility, not just selection, so every visible\n   * slide remains interactive.\n   */\n  isInView: boolean\n}\n\nconst CarouselItemContext = createContext<CarouselItemContextValue | null>(null)\n\nfunction useCarouselContext(): CarouselContextValue {\n  const ctx = use(CarouselContext)\n  if (!ctx)\n    throw new Error('Carousel subcomponent must be used inside <Carousel>')\n  return ctx\n}\n\nfunction useCarouselItem(): CarouselItemContextValue {\n  const ctx = use(CarouselItemContext)\n  if (!ctx)\n    throw new Error(\n      '<Carousel.Item> must be a direct child of <Carousel.Content>'\n    )\n  return ctx\n}\n\n/**\n * Access the carousel's state and actions. Must be called inside a\n * `<Carousel>` tree.\n *\n * For escape-hatch access to the underlying Embla instance, use\n * `useCarouselUnsafeEmbla()` — it is intentionally separate so raw-Embla\n * coupling is greppable.\n */\nexport function useCarousel(): UseCarouselReturn {\n  const ctx = useCarouselContext()\n  const state = useMemo<CarouselState>(\n    () => ({\n      direction: ctx.direction,\n      selectedIndex: ctx.selectedIndex,\n      slideCount: ctx.slideCount,\n      snapCount: ctx.snapCount,\n      canGoToPrev: ctx.canGoToPrev,\n      canGoToNext: ctx.canGoToNext,\n      canScroll: ctx.canScroll,\n      isPlaying: ctx.isPlaying,\n      userPaused: ctx.userPaused,\n      labelId: ctx.labelId,\n      rootAriaLabel: ctx.rootAriaLabel\n    }),\n    [\n      ctx.direction,\n      ctx.selectedIndex,\n      ctx.slideCount,\n      ctx.snapCount,\n      ctx.canGoToPrev,\n      ctx.canGoToNext,\n      ctx.canScroll,\n      ctx.isPlaying,\n      ctx.userPaused,\n      ctx.labelId,\n      ctx.rootAriaLabel\n    ]\n  )\n  const actions = useMemo<CarouselActions>(\n    () => ({\n      goToPrev: ctx.goToPrev,\n      goToNext: ctx.goToNext,\n      goTo: ctx.goTo,\n      play: ctx.play,\n      pause: ctx.pause,\n      toggle: ctx.toggle\n    }),\n    [ctx.goToPrev, ctx.goToNext, ctx.goTo, ctx.play, ctx.pause, ctx.toggle]\n  )\n  return { state, actions }\n}\n\n/**\n * Escape hatch: read the underlying Embla `api` instance directly.\n *\n * Returning Embla's API hard-couples your code to a specific major version\n * of `embla-carousel`. Prefer `useCarousel()` whenever the public state and\n * actions are sufficient. This hook exists so you can grep for raw-Embla\n * usage when planning an upgrade.\n */\nexport function useCarouselUnsafeEmbla(): EmblaCarouselType | undefined {\n  return useCarouselContext().api\n}\n\n/* ─── Variants ─── */\n\n// The `overflow` variant controls how slides escape the viewport box:\n//\n//   `hidden`  — slides are clipped at the viewport edge. Classic behaviour.\n//   `visible` — slides can extend indefinitely. Useful on wide screens\n//               where you deliberately want peeking slides to remain fully\n//               rendered in the margin area.\n//   `subtle`  — the default. Slides bleed past the viewport edges by the\n//               same amount as the inner gutter, and fade to the page\n//               background via `::before` / `::after` gradient overlays.\n//               Gives the scroll hint of `visible` without the reading\n//               noise of half-clipped cards at the edges.\n//\n// Horizontal subtle bleeds with `-mx-4 px-4` (sm+: `-mx-6 px-6`); the\n// gradients cover those padding strips. Vertical subtle is the same idea\n// rotated to the block axis.\n//\n// The `-my-4 py-4` on horizontal preserves the small vertical overflow\n// bleed needed to let `shadow-md` (~6–10px) escape the viewport box on\n// `Card` slides without the clip region eating the tint.\nexport const carouselContentVariants = cva(\n  'relative focus-visible:outline-none',\n  {\n    variants: {\n      direction: {\n        horizontal: '-my-4 py-4',\n        vertical: ''\n      },\n      overflow: {\n        hidden: 'overflow-clip',\n        visible: 'overflow-visible',\n        subtle: 'overflow-clip'\n      }\n    },\n    compoundVariants: [\n      {\n        overflow: 'subtle',\n        direction: 'horizontal',\n        class: [\n          '-mx-4 px-4 sm:-mx-6 sm:px-6',\n          'before:pointer-events-none before:absolute before:inset-y-0 before:left-0 before:z-10',\n          'before:w-4 sm:before:w-6',\n          'before:bg-linear-to-r before:from-[var(--intent-bg-normal)] before:to-transparent',\n          'after:pointer-events-none after:absolute after:inset-y-0 after:right-0 after:z-10',\n          'after:w-4 sm:after:w-6',\n          'after:bg-linear-to-l after:from-[var(--intent-bg-normal)] after:to-transparent'\n        ].join(' ')\n      },\n      {\n        // Vertical subtle intentionally omits the negative block-axis\n        // margin — its axis collides with Carousel.Header sitting above\n        // it, and pulling Content upward would overlap the header. The\n        // py-4 padding creates the fade area inside Content's own box\n        // and the Embla container's -mt-4 still lets items scroll\n        // through that padding during transitions.\n        overflow: 'subtle',\n        direction: 'vertical',\n        class: [\n          'py-4',\n          'before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:z-10',\n          'before:h-4',\n          'before:bg-linear-to-b before:from-[var(--intent-bg-normal)] before:to-transparent',\n          'after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:z-10',\n          'after:h-4',\n          'after:bg-linear-to-t after:from-[var(--intent-bg-normal)] after:to-transparent'\n        ].join(' ')\n      }\n    ],\n    defaultVariants: { direction: 'horizontal', overflow: 'subtle' }\n  }\n)\n\nexport const carouselContainerVariants = cva('flex', {\n  variants: {\n    direction: {\n      horizontal: '-ml-4',\n      vertical: '-mt-4 h-full flex-col'\n    }\n  },\n  defaultVariants: { direction: 'horizontal' }\n})\n\nexport const carouselItemVariants = cva(\n  'min-h-0 min-w-0 shrink-0 grow-0 basis-full',\n  {\n    variants: {\n      direction: {\n        horizontal: 'pl-4',\n        vertical: 'pt-4'\n      }\n    },\n    defaultVariants: { direction: 'horizontal' }\n  }\n)\n\nexport const carouselDotsVariants = cva('flex items-center justify-center', {\n  variants: {\n    direction: {\n      horizontal: 'flex-row gap-1.5',\n      vertical: 'flex-col gap-1.5'\n    }\n  },\n  defaultVariants: { direction: 'horizontal' }\n})\n\n/* ─── Root ─── */\n\nexport interface CarouselProps extends Omit<ComponentProps<'div'>, 'onBlur'> {\n  /** Pass-through options for the Embla instance. */\n  opts?: EmblaOptionsType\n  /** Scroll direction. @default 'horizontal' */\n  direction?: CarouselDirection\n  /**\n   * Autoplay delay in milliseconds, or `false` to disable. When set, an\n   * autoplay plugin is wired internally and pauses on hover / focus / pointer\n   * interaction. A persistent pause control via `<Carousel.PlayPause>` is\n   * strongly recommended for WCAG 2.2.2 compliance.\n   * @default false\n   */\n  autoPlay?: number | false\n  /** Accessible name for the carousel region. */\n  'aria-label'?: string\n}\n\nexport function Carousel({\n  opts,\n  direction = 'horizontal',\n  autoPlay = false,\n  children,\n  className,\n  'aria-label': ariaLabel,\n  ...props\n}: CarouselProps) {\n  const prefersReducedMotion = usePrefersReducedMotion()\n  const axis: 'x' | 'y' = direction === 'vertical' ? 'y' : 'x'\n  const hasAutoPlay = autoPlay !== false\n\n  // Dev warnings — moved to effects so React 19 strict-mode double-invoke\n  // doesn't fire them twice during render.\n  useEffect(() => {\n    if (!isDevEnvironment()) return\n    if (autoPlay !== false && autoPlay < 2000) {\n      console.warn(\n        '[Carousel] autoPlay delay < 2000ms may fail WCAG 2.2.1 timing; prefer >= 4000ms.'\n      )\n    }\n  }, [autoPlay])\n\n  useEffect(() => {\n    if (!isDevEnvironment()) return\n    if (opts?.axis && opts.axis !== axis) {\n      console.warn(\n        `[Carousel] opts.axis=\"${opts.axis}\" conflicts with direction=\"${direction}\". direction wins.`\n      )\n    }\n  }, [opts?.axis, axis, direction])\n\n  const plugins = useMemo<EmblaPluginType[]>(() => {\n    if (!hasAutoPlay || prefersReducedMotion) return []\n    return [\n      AutoplayPlugin({\n        delay: autoPlay as number,\n        stopOnLastSnap: false\n      })\n    ]\n  }, [autoPlay, prefersReducedMotion, hasAutoPlay])\n\n  const resolvedOpts = useMemo<EmblaOptionsType>(\n    () => ({\n      // Roadie defaults that a consumer can still override via `opts`.\n      //\n      // `align: 'start'` — Embla's own default is `center`, which reads\n      // badly for a card list because partial slides peek in from both\n      // edges simultaneously. `start` lines up with how Roadie carousels\n      // are meant to be composed (content flows from the left).\n      //\n      // `slidesToScroll: 'auto'` — Embla's own default is `1`, which\n      // forces Prev / Next to advance one slide at a time. For\n      // multi-visible layouts (`basis-1/3`, `basis-1/4`, etc.) that\n      // feels sluggish — users expect a full viewport to flip per\n      // click. `'auto'` makes Embla derive the group size from whatever\n      // currently fits, so responsive `basis-full md:basis-1/3\n      // lg:basis-1/4` carousels automatically scroll 1 / 3 / 4 at a\n      // time without any breakpoint-specific config. The dot count\n      // collapses to match because `Carousel.Dots` renders one per snap.\n      align: 'start',\n      slidesToScroll: 'auto',\n      ...opts,\n      axis,\n      duration: prefersReducedMotion ? 0 : (opts?.duration ?? 25)\n    }),\n    [opts, axis, prefersReducedMotion]\n  )\n\n  const [emblaRef, api] = useEmblaCarousel(resolvedOpts, plugins)\n\n  // slideCount is the authoritative count of Carousel.Item children, used\n  // for \"N of M\" labels on each slide. snapCount is the count of *Embla\n  // snap positions*, which can be smaller — e.g. a basis-1/3 carousel\n  // with 4 cards has 4 slides but 2 navigable snap positions. Nav buttons\n  // and dots use snapCount; slide labels use slideCount.\n  //\n  // jsdom note: Embla's `scrollSnapList()` returns `[]` in jsdom because\n  // measurements are zero, so snapCount stays 0 there. We treat 0 as\n  // \"unknown\" and fall back to slideCount, which makes default basis-full\n  // tests behave identically to a real browser.\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const [slideCount, setSlideCount] = useState(0)\n  const [snapCount, setSnapCount] = useState(0)\n  const [labelId, setLabelId] = useState<string | undefined>(undefined)\n  // Indices of slides currently intersecting the viewport. Initialized to\n  // [0] so the first paint marks slide 0 as in-view (jsdom never fires the\n  // slidesinview event, so this also covers the default test fixture).\n  // Real browsers update via the slidesinview event below.\n  const [slidesInView, setSlidesInView] = useState<number[]>([0])\n\n  // isPlaying / userPaused are React state. The actions and hover/focus\n  // handlers update userPausedRef *synchronously* alongside setUserPaused,\n  // so any read in the same tick sees the latest value (no one-frame stale\n  // window from waiting on an effect commit).\n  const [isPlaying, setIsPlaying] = useState(\n    () => hasAutoPlay && !prefersReducedMotion\n  )\n  const [userPaused, setUserPaused] = useState(false)\n  const userPausedRef = useRef(false)\n\n  const loop = opts?.loop === true\n\n  // ── Embla state sync ──\n  // In real browsers, Embla's `select` event fires synchronously after a\n  // navigation call and `onSelect` updates `selectedIndex` authoritatively.\n  // In jsdom, snapList() is empty and `select` never fires, so the\n  // action handlers below also poke state optimistically as a fallback\n  // — but only when `onSelect` did NOT run during the call. We detect\n  // that via `onSelectFiredRef`, which is reset to false before each\n  // navigation call and flipped true inside `onSelect`. This is\n  // deterministic regardless of what Embla's `selectedSnap()` returns\n  // (which varies between bundlers / versions / environments).\n  const onSelectFiredRef = useRef(false)\n  const onSelect = useCallback((emblaApi: EmblaCarouselType) => {\n    onSelectFiredRef.current = true\n    setSelectedIndex(emblaApi.selectedSnap())\n  }, [])\n\n  useEffect(() => {\n    if (!api) return\n    onSelect(api)\n    api.on('reinit', onSelect).on('select', onSelect)\n    return () => {\n      api.off('reinit', onSelect).off('select', onSelect)\n    }\n  }, [api, onSelect])\n\n  // ── Embla in-view + snap-count sync ──\n  // For multi-visible layouts (basis-1/3 etc.) every slide that intersects\n  // the viewport must stay interactive — gating `inert` on the selected\n  // snap alone leaves the other visible slides un-clickable. Embla emits\n  // `slidesinview` whenever the set changes.\n  //\n  // We also track the snap-count here so navigation logic uses Embla's\n  // actual snap positions instead of the React children count. A\n  // basis-1/3 carousel with 4 cards has 4 slides but 2 snap positions;\n  // dots, prev/next, and the can-scroll check should all reflect the 2.\n  const onSlidesInView = useCallback((emblaApi: EmblaCarouselType) => {\n    const next = emblaApi.slidesInView()\n    setSlidesInView(next.length > 0 ? next : [emblaApi.selectedSnap()])\n    setSnapCount(emblaApi.snapList().length)\n  }, [])\n\n  useEffect(() => {\n    if (!api) return\n    onSlidesInView(api)\n    api\n      .on('reinit', onSlidesInView)\n      .on('slidesinview', onSlidesInView)\n      .on('resize', onSlidesInView)\n      .on('slideschanged', onSlidesInView)\n    return () => {\n      api\n        .off('reinit', onSlidesInView)\n        .off('slidesinview', onSlidesInView)\n        .off('resize', onSlidesInView)\n        .off('slideschanged', onSlidesInView)\n    }\n  }, [api, onSlidesInView])\n\n  // ── Focus drop guard ──\n  // When a select event fires, if focus was inside the previous (about-to-\n  // become-inert) slide, move focus to the new slide's wrapper so it\n  // doesn't drop to <body>. The focus call is deferred via\n  // requestAnimationFrame so React can commit the inert flip first —\n  // otherwise we'd .focus() a still-inert element and browsers would\n  // silently drop the call.\n  useEffect(() => {\n    if (!api) return\n    const handleSelect = (emblaApi: EmblaCarouselType) => {\n      if (typeof document === 'undefined') return\n      const activeEl = document.activeElement as HTMLElement | null\n      if (!activeEl || !activeEl.isConnected) return\n      const prevSlide = activeEl.closest('[aria-roledescription=\"slide\"]')\n      if (!prevSlide || activeEl === prevSlide) return\n      const newSlideIndex = emblaApi.selectedSnap()\n      requestAnimationFrame(() => {\n        const newSlide = emblaApi.slideNodes()[newSlideIndex]\n        newSlide?.focus({ preventScroll: true })\n      })\n    }\n    api.on('select', handleSelect)\n    return () => {\n      api.off('select', handleSelect)\n    }\n  }, [api])\n\n  // ── Autoplay startup ──\n  // Roadie owns isPlaying entirely in React state. We don't subscribe to\n  // Embla's autoplay:play/autoplay:stop events because (a) v9's autoplay\n  // plugin doesn't auto-start, and (b) if our effect runs twice (React 19\n  // strict-mode double-invoke), the cleanup's stop() call would emit\n  // autoplay:stop and clobber our state. Instead we call plugin.play()\n  // imperatively when api becomes available, defensively wrapped because\n  // v9's plugin can throw if its own init bailed out (e.g. snapList empty\n  // in jsdom).\n  useEffect(() => {\n    if (!api) return\n    const plugin = api.plugins().autoplay\n    if (!plugin) return\n    if (userPausedRef.current) return\n    safePluginCall(plugin.play)\n  }, [api, plugins])\n\n  // Reset isPlaying when autoplay configuration changes.\n  useEffect(() => {\n    setIsPlaying(hasAutoPlay && !prefersReducedMotion)\n    if (!hasAutoPlay || prefersReducedMotion) {\n      setUserPaused(false)\n      userPausedRef.current = false\n    }\n  }, [hasAutoPlay, prefersReducedMotion])\n\n  // ── Re-init on slide count change ──\n  useEffect(() => {\n    api?.reInit()\n  }, [api, slideCount])\n\n  // Effective snap count = Embla's snap positions when known, falling\n  // back to slideCount when Embla hasn't measured yet (jsdom or pre-init).\n  // All navigation derivations work in *snap space*, not slide space.\n  const effectiveSnapCount = snapCount > 0 ? snapCount : slideCount\n  const clampedIndex =\n    effectiveSnapCount > 0\n      ? Math.min(Math.max(0, selectedIndex), effectiveSnapCount - 1)\n      : 0\n  const canGoToPrev = effectiveSnapCount > 1 && (loop || clampedIndex > 0)\n  const canGoToNext =\n    effectiveSnapCount > 1 && (loop || clampedIndex < effectiveSnapCount - 1)\n  // True only when there is somewhere to scroll to. When every slide\n  // already fits in the viewport, snapCount collapses to 1 and the whole\n  // nav UI hides itself.\n  const canScroll = effectiveSnapCount > 1\n\n  // ── Actions ──\n  // Navigation actions delegate to Embla AND update selectedIndex\n  // optimistically. In real browsers Embla's select event fires\n  // synchronously and re-asserts the same value via onSelect; in jsdom\n  // (where select doesn't fire) the optimistic update is the only path\n  // that keeps state in sync. play/pause/toggle drive React state directly\n  // and call the plugin defensively. userPausedRef is updated synchronously\n  // inside each action so any read in the same tick sees the latest value.\n  const actions = useMemo<CarouselActions>(\n    () => ({\n      // Navigation actions delegate to Embla and fall back to a manual\n      // optimistic update only when `onSelect` didn't run during the\n      // call. Reset the ref right before `api.goTo*()` and check it\n      // immediately after: in real browsers Embla emits `select`\n      // synchronously inside `goToNext()` so the ref is already true\n      // and we short-circuit before the updater can double-increment;\n      // in jsdom Embla never emits select, so the ref stays false and\n      // the fallback advances state.\n      goToPrev: () => {\n        onSelectFiredRef.current = false\n        api?.goToPrev()\n        if (onSelectFiredRef.current) return\n        setSelectedIndex((current) => {\n          if (current > 0) return current - 1\n          return loop ? Math.max(0, effectiveSnapCount - 1) : current\n        })\n      },\n      goToNext: () => {\n        onSelectFiredRef.current = false\n        api?.goToNext()\n        if (onSelectFiredRef.current) return\n        setSelectedIndex((current) => {\n          if (current < effectiveSnapCount - 1) return current + 1\n          return loop ? 0 : current\n        })\n      },\n      goTo: (index: number) => {\n        onSelectFiredRef.current = false\n        api?.goTo(index)\n        if (onSelectFiredRef.current) return\n        setSelectedIndex(Math.max(0, Math.min(index, effectiveSnapCount - 1)))\n      },\n      play: () => {\n        if (!hasAutoPlay) return\n        userPausedRef.current = false\n        setUserPaused(false)\n        setIsPlaying(true)\n        const plugin = api?.plugins().autoplay\n        if (plugin) safePluginCall(plugin.play)\n      },\n      pause: () => {\n        if (!hasAutoPlay) return\n        userPausedRef.current = true\n        setUserPaused(true)\n        setIsPlaying(false)\n        const plugin = api?.plugins().autoplay\n        if (plugin) safePluginCall(plugin.stop)\n      },\n      toggle: () => {\n        if (!hasAutoPlay) return\n        const next = !isPlaying\n        userPausedRef.current = !next\n        setUserPaused(!next)\n        setIsPlaying(next)\n        const plugin = api?.plugins().autoplay\n        if (plugin) safePluginCall(next ? plugin.play : plugin.stop)\n      }\n    }),\n    [api, hasAutoPlay, isPlaying, loop, effectiveSnapCount]\n  )\n\n  // ── Hover / focus pause handlers (on the root wrapper) ──\n  // These pause the *plugin* (transient — `pause()` not `stop()`), but\n  // do not touch React state. The aria-live mode only flips on explicit\n  // user pause via PlayPause — transient pauses don't retrigger\n  // announcements. All plugin calls are defensive.\n  const handleMouseEnter = useCallback(() => {\n    if (userPausedRef.current) return\n    const plugin = api?.plugins().autoplay\n    if (plugin) safePluginCall(plugin.pause)\n  }, [api])\n\n  const handleMouseLeave = useCallback(() => {\n    if (userPausedRef.current) return\n    const plugin = api?.plugins().autoplay\n    if (plugin) safePluginCall(plugin.play)\n  }, [api])\n\n  const handleFocusIn = useCallback(() => {\n    if (userPausedRef.current) return\n    const plugin = api?.plugins().autoplay\n    if (plugin) safePluginCall(plugin.pause)\n  }, [api])\n\n  const handleFocusOut = useCallback(\n    (e: ReactFocusEvent<HTMLDivElement>) => {\n      if (userPausedRef.current) return\n      const related = e.relatedTarget as Node | null\n      const currentTarget = e.currentTarget\n      const resume = () => {\n        const plugin = api?.plugins().autoplay\n        if (plugin) safePluginCall(plugin.play)\n      }\n      // Safari quirk: relatedTarget can be null for some blur events.\n      // Defer one RAF and re-read document.activeElement instead of\n      // trusting the synthetic event payload.\n      if (!related) {\n        requestAnimationFrame(() => {\n          if (\n            currentTarget.isConnected &&\n            !currentTarget.contains(document.activeElement)\n          ) {\n            resume()\n          }\n        })\n        return\n      }\n      if (!currentTarget.contains(related)) {\n        resume()\n      }\n    },\n    [api]\n  )\n\n  const contextValue = useMemo<CarouselContextValue>(\n    () => ({\n      // State\n      direction,\n      selectedIndex: clampedIndex,\n      slideCount,\n      snapCount: effectiveSnapCount,\n      canGoToPrev,\n      canGoToNext,\n      canScroll,\n      isPlaying,\n      userPaused,\n      labelId,\n      rootAriaLabel: ariaLabel,\n      // Actions\n      goToPrev: actions.goToPrev,\n      goToNext: actions.goToNext,\n      goTo: actions.goTo,\n      play: actions.play,\n      pause: actions.pause,\n      toggle: actions.toggle,\n      // Refs / internal\n      api,\n      emblaRef,\n      setSlideCount,\n      setLabelId,\n      loop,\n      autoPlay,\n      slidesInView\n    }),\n    [\n      direction,\n      clampedIndex,\n      slideCount,\n      canGoToPrev,\n      canGoToNext,\n      canScroll,\n      isPlaying,\n      userPaused,\n      labelId,\n      ariaLabel,\n      actions,\n      api,\n      emblaRef,\n      loop,\n      autoPlay,\n      slidesInView\n    ]\n  )\n\n  return (\n    <CarouselContext.Provider value={contextValue}>\n      <div\n        role='region'\n        aria-roledescription='carousel'\n        aria-label={labelId ? undefined : ariaLabel}\n        aria-labelledby={labelId}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onFocus={handleFocusIn}\n        onBlur={handleFocusOut}\n        className={cn('relative', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n\nCarousel.displayName = 'Carousel'\n\n/* ─── Header ─── */\n//\n// Mobile (default): a flex `justify-between` row. With the recommended\n// `<Title /><Dots /><Controls hidden on mobile />` arrangement that puts\n// the Title on the left and the Dots on the right — Controls vanish via\n// their own responsive `hidden md:flex`.\n//\n// Desktop (md+): a three-column grid (`1fr auto 1fr`). Children are placed\n// by position in source order:\n//\n//   1 child  → left only (e.g. just a Title)\n//   2 children → left + right (Title + Controls)\n//   3 children → left + centre + right (Title + Dots + Controls)\n//\n// Selectors target position rather than component type so consumers can\n// drop in custom nodes (a search box in the middle, an extra link on the\n// right) without losing the layout.\n\nexport type CarouselHeaderProps = ComponentProps<'div'>\n\nexport function CarouselHeader({ className, ...props }: CarouselHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'mb-4 flex items-center justify-between gap-4',\n        'md:grid md:grid-cols-[1fr_auto_1fr]',\n        'md:[&>*:first-child]:justify-self-start',\n        'md:[&>*:last-child:not(:first-child)]:col-start-3',\n        'md:[&>*:last-child:not(:first-child)]:justify-self-end',\n        'md:[&>*:nth-child(2):not(:last-child)]:col-start-2',\n        'md:[&>*:nth-child(2):not(:last-child)]:justify-self-center',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nCarouselHeader.displayName = 'Carousel.Header'\n\n/* ─── Controls ─── */\n//\n// Layout shell that groups Carousel.PlayPause / Previous / Next (or any\n// other inline controls) into a consistently spaced flex row.\n//\n// Hidden on mobile by default (`hidden md:flex`) — touch users navigate by\n// swipe + dots, so Previous/Next/PlayPause buttons are redundant noise on\n// small screens. Override with `className='flex'` if a particular carousel\n// needs them visible on mobile.\n//\n// Hidden entirely when there's nothing to scroll to — every slide already\n// fits in the viewport, so the buttons would be no-ops. Use the explicit\n// `forceVisible` prop if a consumer wants to keep custom children rendered\n// even when nav is unavailable.\n\nexport type CarouselControlsProps = ComponentProps<'div'> & {\n  /**\n   * Render the controls even when there's nothing to scroll to. Useful\n   * when the slot contains custom buttons (filters, share) that aren't\n   * gated on slide count.\n   */\n  forceVisible?: boolean\n}\n\nexport function CarouselControls({\n  className,\n  forceVisible = false,\n  ...props\n}: CarouselControlsProps) {\n  const { canScroll } = useCarouselContext()\n  if (!forceVisible && !canScroll) return null\n  return (\n    <div\n      className={cn('hidden items-center gap-2 md:flex', className)}\n      {...props}\n    />\n  )\n}\n\nCarouselControls.displayName = 'Carousel.Controls'\n\n/* ─── Title ─── */\n//\n// Two sibling components instead of one polymorphic generic:\n//\n//   <Carousel.Title>Featured</Carousel.Title>\n//     → renders an <h2> (or another heading via `as`).\n//\n//   <Carousel.TitleLink href='/events'>Featured</Carousel.TitleLink>\n//     → renders an <a> (or framework Link via `as`) with a trailing arrow\n//       icon and link styling.\n//\n// The previous polymorphic <Carousel.Title as={…} href={…}> shape allowed\n// `<Title as='h2' href='/x'>` which produced invalid HTML at runtime.\n// Splitting kills the type unsoundness and the runtime branch.\n\ntype HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\nexport type CarouselTitleProps = ComponentProps<'h2'> & {\n  /** Heading level. Defaults to `<h2>`. */\n  as?: HeadingLevel\n}\n\nfunction useRegisterTitleLabel(titleId: string) {\n  const { setLabelId } = useCarouselContext()\n  // Register this title as the carousel's accessible name. The cleanup\n  // only clears labelId if it still points at *this* title — guards\n  // against responsive remounts where two titles fight over labelId.\n  useEffect(() => {\n    setLabelId(titleId)\n    return () => {\n      setLabelId((current) => (current === titleId ? undefined : current))\n    }\n  }, [titleId, setLabelId])\n}\n\nexport function CarouselTitle({\n  as: Component = 'h2',\n  className,\n  children,\n  id,\n  ...props\n}: CarouselTitleProps) {\n  const generatedId = useId()\n  const titleId = id ?? generatedId\n  useRegisterTitleLabel(titleId)\n\n  return (\n    <Component\n      id={titleId}\n      className={cn('text-display-ui-5 text-strong', className)}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCarouselTitle.displayName = 'Carousel.Title'\n\ntype CarouselTitleLinkOwnProps<T extends ElementType> = {\n  /**\n   * Render the link as a custom element/component (e.g. Next.js `Link`).\n   * Defaults to `<a>`.\n   */\n  as?: T\n  /** DOM id for `aria-labelledby`. Defaults to a generated id. */\n  id?: string\n}\n\nexport type CarouselTitleLinkProps<T extends ElementType = 'a'> =\n  CarouselTitleLinkOwnProps<T> &\n    Omit<ComponentProps<T>, keyof CarouselTitleLinkOwnProps<T>>\n\nexport function CarouselTitleLink<T extends ElementType = 'a'>({\n  as,\n  className,\n  children,\n  id,\n  ...props\n}: CarouselTitleLinkProps<T>) {\n  const generatedId = useId()\n  const titleId = id ?? generatedId\n  useRegisterTitleLabel(titleId)\n\n  const Component = (as ?? 'a') as ElementType\n\n  return (\n    <Component\n      id={titleId}\n      className={cn(\n        'group/title is-interactive flex items-center gap-1 text-display-ui-5 text-strong',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ArrowRightIcon\n        weight='bold'\n        className='size-5 text-subtle transition-transform group-hover/title:translate-x-1 group-hover/title:intent-accent'\n      />\n    </Component>\n  )\n}\n\nCarouselTitleLink.displayName = 'Carousel.TitleLink'\n\n/* ─── Content ─── */\n\n// Literal union (rather than `VariantProps<typeof carouselContentVariants>`)\n// so that `react-docgen-typescript` — which can't drill into CVA's\n// conditional types — can extract the three values and surface them in\n// the docs site's <PropsDefinitions> table.\nexport type CarouselContentOverflow = 'hidden' | 'visible' | 'subtle'\n\nexport type CarouselContentProps = ComponentProps<'div'> & {\n  /** Props to forward to the inner Embla container (flex row/col). */\n  containerProps?: ComponentProps<'div'>\n  /**\n   * How slides escape the viewport box.\n   *\n   * - `subtle` (default): slides bleed past the edges by the gutter width\n   *   and fade to the page background via `::before` / `::after`\n   *   gradients. Good for most carousels — gives a clear scroll hint\n   *   without half-clipped cards.\n   * - `hidden`: slides are hard-clipped at the viewport edge.\n   * - `visible`: slides can extend indefinitely. Useful on wide screens\n   *   where you deliberately want peeking slides to remain fully\n   *   rendered in the surrounding margin area.\n   *\n   * @default 'subtle'\n   */\n  overflow?: 'hidden' | 'visible' | 'subtle'\n}\n\nexport function CarouselContent({\n  className,\n  children,\n  containerProps,\n  onKeyDown,\n  overflow = 'subtle',\n  ...props\n}: CarouselContentProps) {\n  const {\n    direction,\n    selectedIndex,\n    snapCount,\n    slidesInView,\n    isPlaying,\n    labelId,\n    rootAriaLabel,\n    goToPrev,\n    goToNext,\n    goTo,\n    emblaRef,\n    setSlideCount\n  } = useCarouselContext()\n\n  // aria-live is `off` while autoplay is actively running, `polite`\n  // otherwise. Transient hover/focus pauses don't change isPlaying, so\n  // they don't retrigger announcements either.\n  const ariaLive: 'off' | 'polite' = isPlaying ? 'off' : 'polite'\n\n  // Authoritative slide count comes from Carousel.Content's own children.\n  // useLayoutEffect ensures the count is set before paint so the first\n  // render of Dots / Previous / Next sees the correct value.\n  const childCount = Children.count(children)\n  useLayoutEffect(() => {\n    setSlideCount(childCount)\n  }, [childCount, setSlideCount])\n\n  // Intentionally no dev-mode child-shape warning here. A `displayName`\n  // string compare was tried earlier and produced false positives for\n  // legitimate wrappers (`memo(Carousel.Item)`, `forwardRef`, and user\n  // wrapper components that render an Item internally), with no clean\n  // way to walk through them. The runtime `useCarouselItem()` throw is\n  // the real guardrail — any wrapper that doesn't render an Item as its\n  // output hits that error with a clear message on the first render.\n\n  // Inject per-item context so each <Carousel.Item> can read its index /\n  // total without lifting state. `isInView` drives the inert attribute so\n  // every visible slide stays interactive in multi-visible layouts; the\n  // selectedSnap is exposed separately as `isActive`.\n  //\n  // The wrapping provider uses `child.key ?? index` so consumers who pass\n  // stable keys on their slides (e.g. mapping from an array of events)\n  // keep React's reconciler identity on reorder / insert / delete, which\n  // means any stateful slide content (forms, videos, uncontrolled inputs)\n  // survives instead of remounting on every change.\n  const inViewSet = useMemo(() => new Set(slidesInView), [slidesInView])\n  const wrappedChildren = Children.map(children, (child, index) => {\n    if (!isValidElement(child)) return child\n    const itemContext: CarouselItemContextValue = {\n      index,\n      total: childCount,\n      isActive: index === selectedIndex,\n      isInView: inViewSet.has(index)\n    }\n    return (\n      <CarouselItemContext.Provider\n        key={child.key ?? index}\n        value={itemContext}\n      >\n        {child}\n      </CarouselItemContext.Provider>\n    )\n  })\n\n  const handleKeyDown = useCallback(\n    (e: ReactKeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e)\n      if (e.defaultPrevented) return\n\n      // Ignore arrow keys when focus is on an interactive element inside a\n      // slide — the user is likely navigating within slide content.\n      const target = e.target as HTMLElement\n      if (target !== e.currentTarget) {\n        const isInSlide = target.closest(\n          '[role=\"group\"][aria-roledescription=\"slide\"]'\n        )\n        const isInteractive = target.matches(\n          'button, a, input, textarea, select, [tabindex]:not([tabindex=\"-1\"])'\n        )\n        if (isInSlide && isInteractive) return\n      }\n\n      const isHorizontal = direction === 'horizontal'\n      const prevKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp'\n      const nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown'\n\n      if (e.key === prevKey) {\n        e.preventDefault()\n        goToPrev()\n      } else if (e.key === nextKey) {\n        e.preventDefault()\n        goToNext()\n      } else if (e.key === 'Home') {\n        e.preventDefault()\n        goTo(0)\n      } else if (e.key === 'End') {\n        e.preventDefault()\n        goTo(Math.max(0, snapCount - 1))\n      }\n    },\n    [direction, goToPrev, goToNext, goTo, snapCount, onKeyDown]\n  )\n\n  return (\n    <div\n      ref={emblaRef as Ref<HTMLDivElement>}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      aria-live={ariaLive}\n      aria-label={labelId ? undefined : rootAriaLabel}\n      aria-labelledby={labelId}\n      className={cn(\n        carouselContentVariants({ direction, overflow }),\n        className\n      )}\n      {...props}\n    >\n      <div\n        {...containerProps}\n        className={cn(\n          carouselContainerVariants({ direction }),\n          containerProps?.className\n        )}\n      >\n        {wrappedChildren}\n      </div>\n    </div>\n  )\n}\n\nCarouselContent.displayName = 'Carousel.Content'\n\n/* ─── Item ─── */\n\nexport type CarouselItemProps = ComponentProps<'div'>\n\nexport function CarouselItem({\n  className,\n  children,\n  ...props\n}: CarouselItemProps) {\n  const { direction } = useCarouselContext()\n  const { index, total, isInView } = useCarouselItem()\n  return (\n    <div\n      role='group'\n      aria-roledescription='slide'\n      aria-label={`${index + 1} of ${total}`}\n      tabIndex={-1}\n      inert={!isInView}\n      className={cn(carouselItemVariants({ direction }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nCarouselItem.displayName = 'Carousel.Item'\n\n/* ─── Previous / Next ─── */\n\nexport type CarouselNavButtonProps = Omit<\n  IconButtonProps,\n  'aria-label' | 'children'\n> & {\n  /**\n   * Override the default accessible label.\n   * Defaults to \"Previous slide\" / \"Next slide\" / \"Pause carousel\" / \"Play carousel\".\n   */\n  'aria-label'?: string\n  /** Override the default caret/play/pause icon. */\n  children?: ReactNode\n}\n\n// Use `data-disabled` (which `is-interactive` already styles identically\n// to native `:disabled`) rather than the native `disabled` attribute.\n// Native `disabled` removes the button from the tab order entirely, which\n// means screen-reader users at a scroll boundary lose their place in the\n// carousel region. `data-disabled` keeps the button focusable + dims it +\n// disables pointer events via the Roadie styling, and the conditional\n// `onClick` guards against keyboard (Space/Enter) activation when the\n// nav direction is unavailable.\n\nexport function CarouselPrevious({\n  className,\n  'aria-label': ariaLabel = 'Previous slide',\n  children,\n  ...props\n}: CarouselNavButtonProps) {\n  const { direction, canScroll, canGoToPrev, goToPrev } = useCarouselContext()\n  if (!canScroll) return null\n  const Icon = direction === 'vertical' ? CaretUpIcon : CaretLeftIcon\n  return (\n    <IconButton\n      size='icon-sm'\n      className={className}\n      aria-label={ariaLabel}\n      aria-disabled={!canGoToPrev || undefined}\n      data-disabled={!canGoToPrev || undefined}\n      onClick={canGoToPrev ? goToPrev : undefined}\n      {...props}\n    >\n      {children ?? <Icon weight='bold' className='size-4' />}\n    </IconButton>\n  )\n}\n\nCarouselPrevious.displayName = 'Carousel.Previous'\n\nexport function CarouselNext({\n  className,\n  'aria-label': ariaLabel = 'Next slide',\n  children,\n  ...props\n}: CarouselNavButtonProps) {\n  const { direction, canScroll, canGoToNext, goToNext } = useCarouselContext()\n  if (!canScroll) return null\n  const Icon = direction === 'vertical' ? CaretDownIcon : CaretRightIcon\n  return (\n    <IconButton\n      size='icon-sm'\n      className={className}\n      aria-label={ariaLabel}\n      aria-disabled={!canGoToNext || undefined}\n      data-disabled={!canGoToNext || undefined}\n      onClick={canGoToNext ? goToNext : undefined}\n      {...props}\n    >\n      {children ?? <Icon weight='bold' className='size-4' />}\n    </IconButton>\n  )\n}\n\nCarouselNext.displayName = 'Carousel.Next'\n\n/* ─── PlayPause ─── */\n\nexport function CarouselPlayPause({\n  className,\n  'aria-label': ariaLabel,\n  children,\n  ...props\n}: CarouselNavButtonProps) {\n  const { autoPlay, isPlaying, toggle } = useCarouselContext()\n  if (autoPlay === false) return null\n  const label = ariaLabel ?? (isPlaying ? 'Pause carousel' : 'Play carousel')\n  return (\n    <IconButton\n      size='icon-sm'\n      className={className}\n      aria-label={label}\n      aria-pressed={!isPlaying}\n      onClick={toggle}\n      {...props}\n    >\n      {children ??\n        (isPlaying ? (\n          <PauseIcon weight='bold' className='size-4 text-subtle' />\n        ) : (\n          <PlayIcon weight='bold' className='size-4 text-subtle' />\n        ))}\n    </IconButton>\n  )\n}\n\nCarouselPlayPause.displayName = 'Carousel.PlayPause'\n\n/* ─── Dots ─── */\n\nexport type CarouselDotsProps = ComponentProps<'div'>\n\nexport function CarouselDots({ className, ...props }: CarouselDotsProps) {\n  const { direction, snapCount, selectedIndex, canScroll, goTo } =\n    useCarouselContext()\n  if (!canScroll) return null\n  return (\n    <div\n      role='group'\n      aria-label='Choose slide to display'\n      className={cn(carouselDotsVariants({ direction }), className)}\n      {...props}\n    >\n      {Array.from({ length: snapCount }, (_, index) => {\n        const isActive = index === selectedIndex\n        return (\n          <button\n            key={index}\n            type='button'\n            aria-label={`Go to slide ${index + 1}`}\n            aria-current={isActive ? 'true' : undefined}\n            aria-disabled={isActive || undefined}\n            onClick={() => goTo(index)}\n            className={cn(\n              'is-interactive h-2 rounded-full transition-all',\n              isActive\n                ? 'w-5 emphasis-strong intent-accent'\n                : 'w-2 emphasis-normal'\n            )}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nCarouselDots.displayName = 'Carousel.Dots'\n\n/* ─── Compound attachment ─── */\n//\n// Direct property assignment (instead of Object.assign + cast) keeps the\n// `Carousel` symbol a plain function declaration, which means\n// `react-docgen-typescript` can extract the full CarouselProps interface\n// for the docs site. TypeScript widens `typeof Carousel` automatically to\n// include each attached subcomponent.\n\nCarousel.Header = CarouselHeader\nCarousel.Title = CarouselTitle\nCarousel.TitleLink = CarouselTitleLink\nCarousel.Controls = CarouselControls\nCarousel.Content = CarouselContent\nCarousel.Item = CarouselItem\nCarousel.Previous = CarouselPrevious\nCarousel.Next = CarouselNext\nCarousel.PlayPause = CarouselPlayPause\nCarousel.Dots = CarouselDots\n\nexport type CarouselVariantProps = VariantProps<typeof carouselContentVariants>\n"],"mappings":"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"}

package/dist/Code.d.ts

@@ -6,7 +6,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 //#region src/components/Code/index.d.ts
 declare const codeVariants: (props?: ({
   intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
-  emphasis?: "normal" | "strong" | "subtle" | "subtler" | null | undefined;
+  emphasis?: "normal" | "subtle" | "subtler" | "strong" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface CodeProps extends ComponentProps<'code'>, VariantProps<typeof codeVariants> {}
 declare function Code({

package/dist/Combobox.d.ts

@@ -11,10 +11,30 @@ declare const comboboxInputGroupVariants: (props?: ({
   emphasis?: "normal" | "subtle" | null | undefined;
   size?: "sm" | "md" | "lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-type ComboboxRootProps = Combobox$1.Root.Props<unknown>;
-declare function ComboboxRoot(props: ComboboxRootProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace ComboboxRoot {
-  var displayName: string;
+type ComboboxProps = Combobox$1.Root.Props<unknown>;
+/**
+ * @deprecated Use `ComboboxProps` instead.
+ */
+type ComboboxRootProps = ComboboxProps;
+declare function Combobox(props: ComboboxProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Combobox {
+  var displayName: string;
+  var Label: typeof ComboboxLabel;
+  var InputGroup: typeof ComboboxInputGroup;
+  var Input: typeof ComboboxInput;
+  var Trigger: typeof ComboboxTrigger;
+  var Clear: typeof ComboboxClear;
+  var Portal: typeof ComboboxPortal;
+  var Positioner: typeof ComboboxPositioner;
+  var Popup: typeof ComboboxPopup;
+  var List: typeof ComboboxList;
+  var Item: typeof ComboboxItem;
+  var Collection: typeof ComboboxCollection;
+  var ItemIndicator: typeof ComboboxItemIndicator;
+  var Group: typeof ComboboxGroup;
+  var GroupLabel: typeof ComboboxGroupLabel;
+  var Empty: typeof ComboboxEmpty;
+  var Status: typeof ComboboxStatus;
 }
 type ComboboxLabelProps = Combobox$1.Label.Props & RefAttributes<HTMLDivElement>;
 declare function ComboboxLabel({
@@ -144,25 +164,6 @@ declare function ComboboxStatus({
 declare namespace ComboboxStatus {
   var displayName: string;
 }
-declare const Combobox: typeof ComboboxRoot & {
-  Label: typeof ComboboxLabel;
-  InputGroup: typeof ComboboxInputGroup;
-  Input: typeof ComboboxInput;
-  Trigger: typeof ComboboxTrigger;
-  Clear: typeof ComboboxClear;
-  Portal: typeof ComboboxPortal;
-  Positioner: typeof ComboboxPositioner;
-  Popup: typeof ComboboxPopup;
-  List: typeof ComboboxList;
-  Item: typeof ComboboxItem;
-  Collection: typeof ComboboxCollection;
-  ItemIndicator: typeof ComboboxItemIndicator;
-  Group: typeof ComboboxGroup;
-  GroupLabel: typeof ComboboxGroupLabel;
-  Empty: typeof ComboboxEmpty;
-  Status: typeof ComboboxStatus;
-};
-type ComboboxProps = ComboboxRootProps;
 //#endregion
-export { Combobox, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPortalProps, ComboboxPositioner, ComboboxPositionerProps, ComboboxProps, ComboboxRoot, ComboboxRootProps, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, type ComboboxFilter as Filter, type ComboboxFilterOptions as FilterOptions, comboboxInputGroupVariants, useFilter };
+export { Combobox, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPortalProps, ComboboxPositioner, ComboboxPositionerProps, ComboboxProps, ComboboxRootProps, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, type ComboboxFilter as Filter, type ComboboxFilterOptions as FilterOptions, comboboxInputGroupVariants, useFilter };
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../src/components/Combobox/index.tsx"],"mappings":"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"}
+{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../src/components/Combobox/index.tsx"],"mappings":"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"}

package/dist/Combobox.js

@@ -1,2 +1,2 @@
-"use client";import{t as e}from"./variants-DTAwzBl3.js";import{useFieldContext as t}from"./Field.js";import{cva as n}from"class-variance-authority";import{cn as r}from"@oztix/roadie-core/utils";import{jsx as i}from"react/jsx-runtime";import{CaretDownIcon as a,CheckIcon as o,XIcon as s}from"@phosphor-icons/react";import{Combobox as c}from"@base-ui/react/combobox";const l=c.useFilter,u=n(`inline-flex w-full items-center rounded-lg font-sans`,{variants:{intent:e,emphasis:{normal:`emphasis-sunken border border-subtle is-interactive-field-group`,subtle:`bg-subtle text-normal border border-transparent is-interactive-field-group`},size:{sm:`h-8 px-1.5 text-base`,md:`h-10 px-2 text-base`,lg:`h-12 px-2 text-base`}},defaultVariants:{emphasis:`normal`,size:`md`}});function d(e){return i(c.Root,{...e})}d.displayName=`Combobox`;function f({className:e,...t}){return i(c.Label,{className:r(`text-sm font-medium text-normal`,e),...t})}f.displayName=`Combobox.Label`;function p({className:e,intent:n,emphasis:a,size:o,...s}){let l=t(),d=!!l.fieldId;return i(c.InputGroup,{className:r(u({intent:n,emphasis:a,size:o,className:e})),"aria-invalid":d&&l.invalid||void 0,...s})}p.displayName=`Combobox.InputGroup`;function m({className:e,...n}){let a=t(),o=!!a.fieldId;return i(c.Input,{className:r(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-subtle`,e),...o&&{id:a.fieldId,"aria-invalid":a.invalid||void 0,"aria-required":a.required||void 0,"aria-describedby":a.invalid?a.errorTextId||void 0:a.helperTextId||void 0},...n})}m.displayName=`Combobox.Input`;function h({className:e,children:t,...n}){return i(c.Trigger,{className:r(`duration-moderate shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180`,e),...n,children:t??i(a,{weight:`bold`,className:`size-4`})})}h.displayName=`Combobox.Trigger`;function g({className:e,children:t,...n}){return i(c.Clear,{className:r(`shrink-0 cursor-pointer text-subtle hover:text-normal`,e),...n,children:t??i(s,{weight:`bold`,className:`size-4`})})}g.displayName=`Combobox.Clear`;function _(e){return i(c.Portal,{...e})}_.displayName=`Combobox.Portal`;function v({className:e,...t}){return i(c.Positioner,{className:r(`z-50`,e),sideOffset:4,...t})}v.displayName=`Combobox.Positioner`;function y({className:e,...t}){return i(c.Popup,{className:r(`max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg`,`origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0`,e),...t})}y.displayName=`Combobox.Popup`;function b({className:e,...t}){return i(c.List,{className:e,...t})}b.displayName=`Combobox.List`;function x({className:e,...t}){return i(c.Item,{className:r(`flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none`,`data-[highlighted]:bg-subtle`,e),...t})}x.displayName=`Combobox.Item`;function S(e){return i(c.Collection,{...e})}S.displayName=`Combobox.Collection`;function C({className:e,children:t,...n}){return i(c.ItemIndicator,{className:r(`shrink-0 text-subtle`,e),...n,children:t??i(o,{weight:`bold`,className:`size-4`})})}C.displayName=`Combobox.ItemIndicator`;function w({className:e,...t}){return i(c.Group,{className:r(`[&+&]:mt-1`,e),...t})}w.displayName=`Combobox.Group`;function T({className:e,...t}){return i(c.GroupLabel,{className:r(`px-2 py-1.5 text-xs font-medium text-subtle select-none`,e),...t})}T.displayName=`Combobox.GroupLabel`;function E({className:e,...t}){return i(c.Empty,{className:r(`text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4`,e),...t})}E.displayName=`Combobox.Empty`;function D({className:e,...t}){return i(c.Status,{className:r(`sr-only`,e),...t})}D.displayName=`Combobox.Status`;const O=Object.assign(d,{Label:f,InputGroup:p,Input:m,Trigger:h,Clear:g,Portal:_,Positioner:v,Popup:y,List:b,Item:x,Collection:S,ItemIndicator:C,Group:w,GroupLabel:T,Empty:E,Status:D});export{O as Combobox,g as ComboboxClear,S as ComboboxCollection,E as ComboboxEmpty,w as ComboboxGroup,T as ComboboxGroupLabel,m as ComboboxInput,p as ComboboxInputGroup,x as ComboboxItem,C as ComboboxItemIndicator,f as ComboboxLabel,b as ComboboxList,y as ComboboxPopup,_ as ComboboxPortal,v as ComboboxPositioner,d as ComboboxRoot,D as ComboboxStatus,h as ComboboxTrigger,u as comboboxInputGroupVariants,l as useFilter};
+"use client";import{t as e}from"./variants-DTAwzBl3.js";import{useFieldContext as t}from"./Field.js";import{cva as n}from"class-variance-authority";import{cn as r}from"@oztix/roadie-core/utils";import{jsx as i}from"react/jsx-runtime";import{CaretDownIcon as a,CheckIcon as o,XIcon as s}from"@phosphor-icons/react";import{Combobox as c}from"@base-ui/react/combobox";const l=c.useFilter,u=n(`inline-flex w-full items-center rounded-lg font-sans`,{variants:{intent:e,emphasis:{normal:`emphasis-sunken border border-subtle is-interactive-field-group`,subtle:`bg-subtle text-normal border border-transparent is-interactive-field-group`},size:{sm:`h-8 px-1.5 text-base`,md:`h-10 px-2 text-base`,lg:`h-12 px-2 text-base`}},defaultVariants:{emphasis:`normal`,size:`md`}});function d(e){return i(c.Root,{...e})}d.displayName=`Combobox`;function f({className:e,...t}){return i(c.Label,{className:r(`text-sm font-medium text-normal`,e),...t})}f.displayName=`Combobox.Label`;function p({className:e,intent:n,emphasis:a,size:o,...s}){let l=t(),d=!!l.fieldId;return i(c.InputGroup,{className:r(u({intent:n,emphasis:a,size:o,className:e})),"aria-invalid":d&&l.invalid||void 0,...s})}p.displayName=`Combobox.InputGroup`;function m({className:e,...n}){let a=t(),o=!!a.fieldId;return i(c.Input,{className:r(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-subtle`,e),...o&&{id:a.fieldId,"aria-invalid":a.invalid||void 0,"aria-required":a.required||void 0,"aria-describedby":a.invalid?a.errorTextId||void 0:a.helperTextId||void 0},...n})}m.displayName=`Combobox.Input`;function h({className:e,children:t,...n}){return i(c.Trigger,{className:r(`duration-moderate shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180`,e),...n,children:t??i(a,{weight:`bold`,className:`size-4`})})}h.displayName=`Combobox.Trigger`;function g({className:e,children:t,...n}){return i(c.Clear,{className:r(`shrink-0 cursor-pointer text-subtle hover:text-normal`,e),...n,children:t??i(s,{weight:`bold`,className:`size-4`})})}g.displayName=`Combobox.Clear`;function _(e){return i(c.Portal,{...e})}_.displayName=`Combobox.Portal`;function v({className:e,...t}){return i(c.Positioner,{className:r(`z-50`,e),sideOffset:4,...t})}v.displayName=`Combobox.Positioner`;function y({className:e,...t}){return i(c.Popup,{className:r(`max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg`,`origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0`,e),...t})}y.displayName=`Combobox.Popup`;function b({className:e,...t}){return i(c.List,{className:e,...t})}b.displayName=`Combobox.List`;function x({className:e,...t}){return i(c.Item,{className:r(`flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none`,`data-[highlighted]:bg-subtle`,e),...t})}x.displayName=`Combobox.Item`;function S(e){return i(c.Collection,{...e})}S.displayName=`Combobox.Collection`;function C({className:e,children:t,...n}){return i(c.ItemIndicator,{className:r(`shrink-0 text-subtle`,e),...n,children:t??i(o,{weight:`bold`,className:`size-4`})})}C.displayName=`Combobox.ItemIndicator`;function w({className:e,...t}){return i(c.Group,{className:r(`[&+&]:mt-1`,e),...t})}w.displayName=`Combobox.Group`;function T({className:e,...t}){return i(c.GroupLabel,{className:r(`px-2 py-1.5 text-xs font-medium text-subtle select-none`,e),...t})}T.displayName=`Combobox.GroupLabel`;function E({className:e,...t}){return i(c.Empty,{className:r(`text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4`,e),...t})}E.displayName=`Combobox.Empty`;function D({className:e,...t}){return i(c.Status,{className:r(`sr-only`,e),...t})}D.displayName=`Combobox.Status`,d.Label=f,d.InputGroup=p,d.Input=m,d.Trigger=h,d.Clear=g,d.Portal=_,d.Positioner=v,d.Popup=y,d.List=b,d.Item=x,d.Collection=S,d.ItemIndicator=C,d.Group=w,d.GroupLabel=T,d.Empty=E,d.Status=D;export{d as Combobox,g as ComboboxClear,S as ComboboxCollection,E as ComboboxEmpty,w as ComboboxGroup,T as ComboboxGroupLabel,m as ComboboxInput,p as ComboboxInputGroup,x as ComboboxItem,C as ComboboxItemIndicator,f as ComboboxLabel,b as ComboboxList,y as ComboboxPopup,_ as ComboboxPortal,v as ComboboxPositioner,D as ComboboxStatus,h as ComboboxTrigger,u as comboboxInputGroupVariants,l as useFilter};
 //# sourceMappingURL=Combobox.js.map