@skdx/react 0.28.0 → 0.29.0

package/dist/card/CardMedia.d.cts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CardMediaProps } from './types.cjs';
 /**
- * An edge-to-edge image or video region for a {@link Card}. The skin uses
- * this as a clip boundary for media at the card's **first** child position.
+ * An edge-to-edge image or video region for a {@link Card}, used by the skin as a clip boundary when it is the card's first child.
  *
  * @example
  * ```tsx
@@ -16,4 +15,7 @@ import type { CardMediaProps } from './types.cjs';
  * </Card>
  * ```
  */
-export declare const CardMedia: React.ForwardRefExoticComponent<Omit<CardMediaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CardMedia: {
+    ({ ref: forwardedRef, ...props }: CardMediaProps): React.ReactNode;
+    displayName: string;
+};

package/dist/card/CardMedia.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CardMediaProps } from './types.js';
 /**
- * An edge-to-edge image or video region for a {@link Card}. The skin uses
- * this as a clip boundary for media at the card's **first** child position.
+ * An edge-to-edge image or video region for a {@link Card}, used by the skin as a clip boundary when it is the card's first child.
  *
  * @example
  * ```tsx
@@ -16,4 +15,7 @@ import type { CardMediaProps } from './types.js';
  * </Card>
  * ```
  */
-export declare const CardMedia: React.ForwardRefExoticComponent<Omit<CardMediaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CardMedia: {
+    ({ ref: forwardedRef, ...props }: CardMediaProps): React.ReactNode;
+    displayName: string;
+};

package/dist/card/CardTitle.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CardTitleProps } from './types.cjs';
 /**
- * Card heading — renders `<h1>`–`<h6>` per `level` (default `3`).
- *
- * Set `level` to match the document outline the card sits in.
+ * Card heading that renders `<h1>`–`<h6>` per `level`, matching the document outline the card sits in.
  *
  * @example
  * ```tsx
@@ -12,4 +10,7 @@ import type { CardTitleProps } from './types.cjs';
  * </CardHeader>
  * ```
  */
-export declare const CardTitle: React.ForwardRefExoticComponent<Omit<CardTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardTitle: {
+    ({ level, ref: forwardedRef, ...props }: CardTitleProps): React.ReactNode;
+    displayName: string;
+};

package/dist/card/CardTitle.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CardTitleProps } from './types.js';
 /**
- * Card heading — renders `<h1>`–`<h6>` per `level` (default `3`).
- *
- * Set `level` to match the document outline the card sits in.
+ * Card heading that renders `<h1>`–`<h6>` per `level`, matching the document outline the card sits in.
  *
  * @example
  * ```tsx
@@ -12,4 +10,7 @@ import type { CardTitleProps } from './types.js';
  * </CardHeader>
  * ```
  */
-export declare const CardTitle: React.ForwardRefExoticComponent<Omit<CardTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardTitle: {
+    ({ level, ref: forwardedRef, ...props }: CardTitleProps): React.ReactNode;
+    displayName: string;
+};

package/dist/card/types.d.cts

@@ -3,50 +3,57 @@ import type { PolymorphicTag, PrimitivePropsWithRef } from '../utils/primitive.c
 /** Props for {@link CardRoot}: {@link CardProps} minus the derived-anatomy-only props. */
 export interface CardRootProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Element name to render instead of the default tag, from the library's
-     * allowlist of tags. Takes a tag name only, never a component — `asChild`
-     * is React's escape hatch for that, and wins when both are set.
+     * Element name to render instead of the default tag, from the library's allowlist of tags.
      * @default 'div'
      */
-    as?: PolymorphicTag;
+    as?: PolymorphicTag | undefined;
+    /**
+     * Shadow rung the skin lifts the card by, mirrored to `data-elevation`.
+     * @default undefined — the skin's own flat surface.
+     */
+    elevation?: 'raised' | (string & {}) | undefined;
+    /**
+     * Gives the card the skin's hover and focus affordances, mirrored as a bare `data-interactive`.
+     * @default undefined — a static surface with no affordances.
+     */
+    interactive?: boolean | undefined;
+    /**
+     * Marks the card as the chosen one of a set, mirrored as a bare `data-selected`.
+     * @default undefined — an unselected surface.
+     */
+    selected?: boolean | undefined;
 }
 /**
- * Props for the {@link Card} recipe. No `asChild`: the recipe always wraps its
- * children in the derived anatomy, so `Slot` would never receive the single
- * element it needs. Reach for `primitives/card`'s headless `CardRoot` for that.
+ * Props for the {@link Card} recipe, which always wraps its children in derived anatomy and has no `asChild`.
  */
 export interface CardProps extends Omit<CardRootProps, 'asChild'> {
     /**
-     * The card's heading, rendered into a derived `CardTitle` inside a derived
-     * `CardHeader`. A `string`, not a node — it narrows the native `title`
-     * attribute this root already carries.
+     * The card's heading, rendered into a derived `CardTitle` inside a derived `CardHeader`.
      * @default undefined — no title is rendered.
      */
-    title?: string;
+    title?: string | undefined;
     /**
      * Supporting text below the title, rendered into a derived `CardDescription`
      * inside the same derived `CardHeader`.
      * @default undefined — no description is rendered.
      */
-    description?: React.ReactNode;
+    description?: string | undefined;
     /**
      * An edge-to-edge image or video, rendered into a derived `CardMedia` region
      * ahead of the header so the skin can clip it against the card's radius.
      * @default undefined — no media region is rendered.
      */
-    media?: React.ReactNode;
+    media?: React.ReactNode | undefined;
     /**
      * The card's actions, rendered into a derived `CardFooter` after the body.
      * @default undefined — no footer is rendered.
      */
-    footer?: React.ReactNode;
+    footer?: React.ReactNode | undefined;
     /**
      * Which heading element derived `CardTitle` renders, `<h1>` through `<h6>`.
-     * Heading level is document property; library doesn't place card. Card under `<h4>`
-     * needs `5` or it skips backwards for heading navigation.
      * @default 3
      */
-    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }
 /** Props for {@link CardMedia}, the card's edge-to-edge image/video region. */
 export interface CardMediaProps extends PrimitivePropsWithRef<'div'> {
@@ -58,13 +65,9 @@ export interface CardHeaderProps extends PrimitivePropsWithRef<'div'> {
 export interface CardTitleProps extends PrimitivePropsWithRef<'h3'> {
     /**
      * Which heading element to render, `<h1>` through `<h6>`.
-     *
-     * `3` suits card under `<h2>` (common case) but is default, not rule. Heading level
-     * is document property; library doesn't place card. Card under `<h4>` needs `level={5}`
-     * or it skips backwards for heading navigation.
      * @default 3
      */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }
 /** Props for {@link CardDescription}, supporting text below the title. */
 export interface CardDescriptionProps extends PrimitivePropsWithRef<'p'> {

package/dist/card/types.d.ts

@@ -3,50 +3,57 @@ import type { PolymorphicTag, PrimitivePropsWithRef } from '../utils/primitive.j
 /** Props for {@link CardRoot}: {@link CardProps} minus the derived-anatomy-only props. */
 export interface CardRootProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Element name to render instead of the default tag, from the library's
-     * allowlist of tags. Takes a tag name only, never a component — `asChild`
-     * is React's escape hatch for that, and wins when both are set.
+     * Element name to render instead of the default tag, from the library's allowlist of tags.
      * @default 'div'
      */
-    as?: PolymorphicTag;
+    as?: PolymorphicTag | undefined;
+    /**
+     * Shadow rung the skin lifts the card by, mirrored to `data-elevation`.
+     * @default undefined — the skin's own flat surface.
+     */
+    elevation?: 'raised' | (string & {}) | undefined;
+    /**
+     * Gives the card the skin's hover and focus affordances, mirrored as a bare `data-interactive`.
+     * @default undefined — a static surface with no affordances.
+     */
+    interactive?: boolean | undefined;
+    /**
+     * Marks the card as the chosen one of a set, mirrored as a bare `data-selected`.
+     * @default undefined — an unselected surface.
+     */
+    selected?: boolean | undefined;
 }
 /**
- * Props for the {@link Card} recipe. No `asChild`: the recipe always wraps its
- * children in the derived anatomy, so `Slot` would never receive the single
- * element it needs. Reach for `primitives/card`'s headless `CardRoot` for that.
+ * Props for the {@link Card} recipe, which always wraps its children in derived anatomy and has no `asChild`.
  */
 export interface CardProps extends Omit<CardRootProps, 'asChild'> {
     /**
-     * The card's heading, rendered into a derived `CardTitle` inside a derived
-     * `CardHeader`. A `string`, not a node — it narrows the native `title`
-     * attribute this root already carries.
+     * The card's heading, rendered into a derived `CardTitle` inside a derived `CardHeader`.
      * @default undefined — no title is rendered.
      */
-    title?: string;
+    title?: string | undefined;
     /**
      * Supporting text below the title, rendered into a derived `CardDescription`
      * inside the same derived `CardHeader`.
      * @default undefined — no description is rendered.
      */
-    description?: React.ReactNode;
+    description?: string | undefined;
     /**
      * An edge-to-edge image or video, rendered into a derived `CardMedia` region
      * ahead of the header so the skin can clip it against the card's radius.
      * @default undefined — no media region is rendered.
      */
-    media?: React.ReactNode;
+    media?: React.ReactNode | undefined;
     /**
      * The card's actions, rendered into a derived `CardFooter` after the body.
      * @default undefined — no footer is rendered.
      */
-    footer?: React.ReactNode;
+    footer?: React.ReactNode | undefined;
     /**
      * Which heading element derived `CardTitle` renders, `<h1>` through `<h6>`.
-     * Heading level is document property; library doesn't place card. Card under `<h4>`
-     * needs `5` or it skips backwards for heading navigation.
      * @default 3
      */
-    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }
 /** Props for {@link CardMedia}, the card's edge-to-edge image/video region. */
 export interface CardMediaProps extends PrimitivePropsWithRef<'div'> {
@@ -58,13 +65,9 @@ export interface CardHeaderProps extends PrimitivePropsWithRef<'div'> {
 export interface CardTitleProps extends PrimitivePropsWithRef<'h3'> {
     /**
      * Which heading element to render, `<h1>` through `<h6>`.
-     *
-     * `3` suits card under `<h2>` (common case) but is default, not rule. Heading level
-     * is document property; library doesn't place card. Card under `<h4>` needs `level={5}`
-     * or it skips backwards for heading navigation.
      * @default 3
      */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }
 /** Props for {@link CardDescription}, supporting text below the title. */
 export interface CardDescriptionProps extends PrimitivePropsWithRef<'p'> {

package/dist/carousel/Carousel.cjs

@@ -1 +1,2 @@
-"use strict";var et=Object.create;var N=Object.defineProperty;var tt=Object.getOwnPropertyDescriptor;var ot=Object.getOwnPropertyNames;var rt=Object.getPrototypeOf,at=Object.prototype.hasOwnProperty;var st=(e,o)=>{for(var t in o)N(e,t,{get:o[t],enumerable:!0})},j=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of ot(o))!at.call(e,r)&&r!==t&&N(e,r,{get:()=>o[r],enumerable:!(s=tt(o,r))||s.enumerable});return e};var C=(e,o,t)=>(t=e!=null?et(rt(e)):{},j(o||!e||!e.__esModule?N(t,"default",{value:e,enumerable:!0}):t,e)),nt=e=>j(N({},"__esModule",{value:!0}),e);var yt={};st(yt,{Carousel:()=>G,CarouselContent:()=>k,CarouselIndicator:()=>M,CarouselIndicators:()=>S,CarouselItem:()=>L,CarouselNext:()=>H,CarouselPlayPause:()=>K,CarouselPrevious:()=>B,CarouselProgress:()=>De,CarouselProvider:()=>Me,useCarouselContext:()=>n});module.exports=nt(yt);var l=C(require("react"),1),Ie=require("../utils/clamp.cjs"),Ee=require("../utils/createContext.cjs"),U=require("../utils/direction.cjs"),Ne=require("../utils/part.cjs"),h=require("../utils/primitive.cjs"),ke=require("../utils/useControllableState.cjs");var it=new Set(["textbox","searchbox","listbox","slider","spinbutton","menu","menubar","tablist","grid","treegrid","tree","combobox","radiogroup"]),lt=new Set(["INPUT","SELECT","TEXTAREA","AUDIO","VIDEO"]);function ut(e){if(lt.has(e.tagName)||e.isContentEditable)return!0;let o=e.getAttribute("role");return o!==null&&it.has(o)}function ee(e,o){if(!(e instanceof Element))return!1;let t=e;for(;t!==null&&t!==o;){if(ut(t))return!0;t=t.parentElement}return!1}var te=C(require("react"),1),oe=require("../utils/part.cjs"),re=require("../utils/primitive.cjs");var ae=require("react/jsx-runtime"),k=te.forwardRef((e,o)=>{let t=n("CarouselContent");return(0,ae.jsx)(re.Primitive.div,{"data-orientation":t.orientation,tabIndex:0,"aria-live":t.playing?"off":"polite","aria-atomic":"false",...e,...(0,oe.skdxPart)("carousel","content",e.className),ref:o})});k.displayName="CarouselContent";var se=C(require("react"),1),ne=require("../utils/part.cjs"),T=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime"),M=se.forwardRef(({index:e,label:o,...t},s)=>{let r=n("CarouselIndicator"),i=e>=r.value&&e<r.value+r.slidesPerPage;return(0,ie.jsx)(T.Primitive.button,{type:"button","aria-label":o??`Go to slide ${e+1}`,"aria-disabled":i?!0:void 0,"data-state":i?"active":"inactive","data-orientation":r.orientation,...t,...(0,ne.skdxPart)("carousel","indicator",t.className),ref:s,onClick:(0,T.composeEventHandlers)(t.onClick,()=>{i||r.scrollToIndex(e)})})});M.displayName="CarouselIndicator";var le=C(require("react"),1),ue=require("../utils/part.cjs"),ce=require("../utils/primitive.cjs");var de=require("react/jsx-runtime"),S=le.forwardRef((e,o)=>{let t=n("CarouselIndicators");return(0,de.jsx)(ce.Primitive.div,{role:"group","data-orientation":t.orientation,...e,...(0,ue.skdxPart)("carousel","indicators",e.className),ref:o})});S.displayName="CarouselIndicators";var b=C(require("react"),1),me=require("../utils/part.cjs"),pe=require("../utils/primitive.cjs");var fe=require("react/jsx-runtime"),L=b.forwardRef((e,o)=>{let t=n("CarouselItem"),s=b.useId(),r=t.itemIds.indexOf(s),i=r>=t.value&&r<t.value+t.slidesPerPage,{registerItem:y,unregisterItem:u}=t;return b.useEffect(()=>(y(s),()=>u(s)),[s,y,u]),(0,fe.jsx)(pe.Primitive.div,{role:"group","aria-roledescription":"slide","data-state":i?"active":"inactive","data-orientation":t.orientation,hidden:!i,...e,...(0,me.skdxPart)("carousel","item",e.className),ref:o})});L.displayName="CarouselItem";var Ce=C(require("react"),1),ye=require("../utils/part.cjs"),D=require("../utils/primitive.cjs");var Pe=require("react/jsx-runtime"),H=Ce.forwardRef((e,o)=>{let t=n("CarouselNext"),s=t.itemIds.length,r=t.value>=t.maxIndex,i=s===0||r&&!t.loop;return(0,Pe.jsx)(D.Primitive.button,{type:"button",disabled:i,"data-disabled":i?"":void 0,...e,...(0,ye.skdxPart)("carousel","next",e.className),ref:o,onClick:(0,D.composeEventHandlers)(e.onClick,t.next)})});H.displayName="CarouselNext";var ve=C(require("react"),1),he=require("../utils/part.cjs"),A=require("../utils/primitive.cjs");var xe=require("react/jsx-runtime"),K=ve.forwardRef((e,o)=>{let t=n("CarouselPlayPause");return(0,xe.jsx)(A.Primitive.button,{type:"button","data-state":t.playing?"playing":"paused",...e,...(0,he.skdxPart)("carousel","play-pause",e.className),ref:o,onClick:(0,A.composeEventHandlers)(e.onClick,()=>t.setPlaying(!t.playing))})});K.displayName="CarouselPlayPause";var be=C(require("react"),1),ge=require("../utils/part.cjs"),O=require("../utils/primitive.cjs");var Re=require("react/jsx-runtime"),B=be.forwardRef((e,o)=>{let t=n("CarouselPrevious"),s=t.itemIds.length,r=t.value<=0,i=s===0||r&&!t.loop;return(0,Re.jsx)(O.Primitive.button,{type:"button",disabled:i,"data-disabled":i?"":void 0,...e,...(0,ge.skdxPart)("carousel","previous",e.className),ref:o,onClick:(0,O.composeEventHandlers)(e.onClick,t.previous)})});B.displayName="CarouselPrevious";var c=require("react/jsx-runtime");function we({items:e=[],renderItem:o,showIndicators:t,showControls:s,autoplay:r,indicatorLabels:i}){let y=n("Carousel");return(0,c.jsxs)(c.Fragment,{children:[r?(0,c.jsx)(K,{"aria-label":y.playing?"Pause slideshow":"Play slideshow"}):null,s?(0,c.jsx)(B,{children:"Previous"}):null,(0,c.jsx)(k,{children:e.map((u,m)=>(0,c.jsx)(L,{children:o?o(u,m):String(u)},m))}),s?(0,c.jsx)(H,{children:"Next"}):null,t?(0,c.jsx)(S,{"aria-label":"Slides",children:e.map((u,m)=>(0,c.jsx)(M,{index:m,label:i?.[m]},m))}):null]})}var V=require("react/jsx-runtime"),ct="(prefers-reduced-motion: reduce)";function Te(){return typeof window>"u"||typeof window.matchMedia!="function"?null:window.matchMedia(ct)}function dt(e){let o=Te();return o?(o.addEventListener("change",e),()=>o.removeEventListener("change",e)):()=>{}}function mt(){return Te()?.matches??!1}function pt(){return!1}var[Me,n]=(0,Ee.createSafeContext)("Carousel");function ft({value:e,defaultValue:o=0,onValueChange:t,orientation:s="horizontal",loop:r=!1,slidesPerPage:i=1,slidesPerMove:y=1,spacing:u,autoplay:m=!1,autoplayInterval:$=5e3,items:Ae,renderItem:Ke,showIndicators:Oe=!1,indicatorLabels:Be,showControls:Ve=!0,style:z,children:Ue,...x},_e){let[P=0,p]=(0,ke.useControllableState)({prop:e,defaultProp:o,onChange:t}),[Q,W]=l.useState([]),Fe=(0,U.useDirection)(),w=Math.max(1,Math.floor(i)),R=Math.max(1,Math.floor(y)),d=Q.length,f=Math.max(0,d-w),Ge=l.useCallback(a=>{W(v=>v.includes(a)?v:[...v,a])},[]),$e=l.useCallback(a=>{W(v=>v.filter(F=>F!==a))},[]),ze=l.useCallback(a=>{p((0,Ie.clamp)(a,0,f))},[p,f]),I=l.useCallback(()=>{if(d===0)return;let a=P+R;a<=f?p(a):p(r?0:f)},[d,P,R,f,r,p]),q=l.useCallback(()=>{if(d===0)return;let a=P-R;a>=0?p(a):p(r?f:0)},[d,P,R,f,r,p]),[Qe,X]=l.useState(m),We=l.useSyncExternalStore(dt,mt,pt),E=Qe&&!We,[qe,Y]=l.useState(!1),[Xe,Ye]=l.useState(!1),_=qe||Xe;l.useEffect(()=>{if(typeof document>"u")return;let a=()=>Ye(document.visibilityState==="hidden");return a(),document.addEventListener("visibilitychange",a),()=>document.removeEventListener("visibilitychange",a)},[]),l.useEffect(()=>{if(!E||_||d<=w)return;let a=setInterval(I,$);return()=>clearInterval(a)},[E,_,d,w,I,$]);let Je=a=>{if(d===0||ee(a.target,a.currentTarget))return;let v=s==="horizontal"?"ArrowRight":"ArrowDown",F=s==="horizontal"?"ArrowLeft":"ArrowUp",Z=(0,U.directionalKey)(a.key,a.currentTarget,Fe);Z===v?(a.preventDefault(),I()):Z===F&&(a.preventDefault(),q())},J=typeof u=="number"?`${u}px`:u,Ze=d>0&&(r||P<f),je=d>0&&(r||P>0);return(0,V.jsx)(Me,{value:P,setValue:p,orientation:s,loop:r,itemIds:Q,registerItem:Ge,unregisterItem:$e,slidesPerPage:w,slidesPerMove:R,maxIndex:f,scrollToIndex:ze,next:I,previous:q,canScrollNext:Ze,canScrollPrev:je,playing:E,setPlaying:X,children:(0,V.jsx)(h.Primitive.div,{role:"region","aria-roledescription":"carousel",tabIndex:0,"data-orientation":s,"data-state":E?"playing":"paused","data-suspended":_?"":void 0,style:J===void 0?z:{...z,"--skdx-carousel-spacing":J},...x,...(0,Ne.skdxPart)("carousel","root",x.className),ref:_e,onKeyDown:(0,h.composeEventHandlers)(x.onKeyDown,Je),onPointerEnter:(0,h.composeEventHandlers)(x.onPointerEnter,()=>Y(!0)),onPointerLeave:(0,h.composeEventHandlers)(x.onPointerLeave,()=>Y(!1)),onFocus:(0,h.composeEventHandlers)(x.onFocus,()=>X(!1)),children:Ue??(0,V.jsx)(we,{items:Ae,renderItem:Ke,showIndicators:Oe,indicatorLabels:Be,showControls:Ve,autoplay:m})})})}var G=l.forwardRef(ft);G.displayName="Carousel";var g=C(require("react"),1),Se=require("../utils/part.cjs"),Le=require("../utils/primitive.cjs");var He=require("react/jsx-runtime"),Ct=(e,o)=>`Slide ${e} of ${o}`,De=g.forwardRef(({format:e=Ct,children:o,...t},s)=>{let r=n("CarouselProgress"),i=r.itemIds.length,y=i===0?0:r.value+1,u=e(y,i);return(0,He.jsx)(Le.Primitive.div,{"data-orientation":r.orientation,...t,...(0,Se.skdxPart)("carousel","progress",t.className),ref:s,children:t.asChild&&g.isValidElement(o)?g.cloneElement(o,void 0,u):u})});De.displayName="CarouselProgress";0&&(module.exports={Carousel,CarouselContent,CarouselIndicator,CarouselIndicators,CarouselItem,CarouselNext,CarouselPlayPause,CarouselPrevious,CarouselProgress,CarouselProvider,useCarouselContext});
+'use client';
+"use strict";var Je=Object.create;var T=Object.defineProperty;var We=Object.getOwnPropertyDescriptor;var Xe=Object.getOwnPropertyNames;var Ye=Object.getPrototypeOf,Ze=Object.prototype.hasOwnProperty;var je=(t,e)=>{for(var o in e)T(t,o,{get:e[o],enumerable:!0})},ce=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Xe(e))!Ze.call(t,a)&&a!==o&&T(t,a,{get:()=>e[a],enumerable:!(r=We(e,a))||r.enumerable});return t};var Y=(t,e,o)=>(o=t!=null?Je(Ye(t)):{},ce(e||!t||!t.__esModule?T(o,"default",{value:t,enumerable:!0}):o,t)),et=t=>ce(T({},"__esModule",{value:!0}),t);var pt={};je(pt,{Carousel:()=>ee,CarouselContent:()=>D,CarouselIndicator:()=>A,CarouselIndicators:()=>K,CarouselItem:()=>O,CarouselNext:()=>F,CarouselPlayPause:()=>_,CarouselPrevious:()=>$,CarouselProgress:()=>Ve,CarouselProvider:()=>Ae,useCarouselContext:()=>n});module.exports=et(pt);var i=Y(require("react"),1),Ee=require("../utils/arrow-keys.cjs"),Me=require("../utils/clamp.cjs"),Le=require("../utils/createContext.cjs"),Q=require("../utils/direction.cjs"),Te=require("../utils/part.cjs"),x=require("../utils/primitive.cjs"),De=require("../utils/useControllableState.cjs");var j=require("../utils/Glyph.cjs");var de=require("../utils/part.cjs"),me=require("../utils/primitive.cjs");var pe=require("react/jsx-runtime"),D=({ref:t,...e})=>{let o=n("CarouselContent");return(0,pe.jsx)(me.Primitive.div,{"data-orientation":o.orientation,tabIndex:0,"aria-live":o.playing?"off":"polite","aria-atomic":"false",...e,...(0,de.skdxPart)("carousel","content",e.className),ref:t})};D.displayName="CarouselContent";var fe=require("../utils/part.cjs"),H=require("../utils/primitive.cjs");var Ce=require("react/jsx-runtime"),A=({index:t,label:e,ref:o,...r})=>{let a=n("CarouselIndicator"),c=t>=a.value&&t<a.value+a.slidesPerPage;return(0,Ce.jsx)(H.Primitive.button,{type:"button","aria-label":e??`Go to slide ${t+1}`,"aria-disabled":c?!0:void 0,"data-state":c?"active":"inactive","data-orientation":a.orientation,...r,...(0,fe.skdxPart)("carousel","indicator",r.className),ref:o,onClick:(0,H.composeEventHandlers)(r.onClick,()=>{c||a.scrollToIndex(t)})})};A.displayName="CarouselIndicator";var ye=require("../utils/part.cjs"),Pe=require("../utils/primitive.cjs");var ve=require("react/jsx-runtime"),K=({ref:t,...e})=>{let o=n("CarouselIndicators");return(0,ve.jsx)(Pe.Primitive.div,{role:"group","data-orientation":o.orientation,...e,...(0,ye.skdxPart)("carousel","indicators",e.className),ref:t})};K.displayName="CarouselIndicators";var N=Y(require("react"),1),xe=require("../utils/composeRefs.cjs"),ge=require("../utils/part.cjs"),be=require("../utils/primitive.cjs");var Re=require("react/jsx-runtime"),O=({ref:t,...e})=>{let o=n("CarouselItem"),r=N.useId(),a=o.itemIds.indexOf(r),c=a!==-1,m=a>=o.value&&a<o.value+o.slidesPerPage,l=N.useRef(null),d=(0,xe.useComposedRefs)(t,l),{registerItem:g,unregisterItem:C}=o;N.useLayoutEffect(()=>(g(r,l.current),()=>C(r)),[r,g,C]);let b;return c&&(b=m?"active":"inactive"),(0,Re.jsx)(be.Primitive.div,{role:"group","aria-roledescription":"slide","data-state":b,"data-orientation":o.orientation,hidden:c?!m:void 0,...e,...(0,ge.skdxPart)("carousel","item",e.className),ref:d})};O.displayName="CarouselItem";var he=require("../utils/part.cjs"),V=require("../utils/primitive.cjs");var Ie=require("react/jsx-runtime"),F=({ref:t,...e})=>{let o=n("CarouselNext"),r=!o.canScrollNext;return(0,Ie.jsx)(V.Primitive.button,{type:"button",disabled:r,"data-disabled":r?"":void 0,...e,...(0,he.skdxPart)("carousel","next",e.className),ref:t,onClick:(0,V.composeEventHandlers)(e.onClick,o.next)})};F.displayName="CarouselNext";var Z=require("../utils/Glyph.cjs"),Ne=require("../utils/part.cjs"),G=require("../utils/primitive.cjs");var k=require("react/jsx-runtime"),tt=()=>(0,k.jsx)(Z.Glyph,{name:"play"}),ot=()=>(0,k.jsx)(Z.Glyph,{name:"pause"}),_=({ref:t,...e})=>{let o=n("CarouselPlayPause");return(0,k.jsx)(G.Primitive.button,{type:"button","data-state":o.playing?"playing":"paused",...e,...(0,Ne.skdxPart)("carousel","play-pause",e.className),ref:t,onClick:(0,G.composeEventHandlers)(e.onClick,()=>o.setPlaying(!o.playing)),children:e.children??(o.playing?(0,k.jsx)(ot,{}):(0,k.jsx)(tt,{}))})};_.displayName="CarouselPlayPause";var ke=require("../utils/part.cjs"),U=require("../utils/primitive.cjs");var we=require("react/jsx-runtime"),$=({ref:t,...e})=>{let o=n("CarouselPrevious"),r=!o.canScrollPrev;return(0,we.jsx)(U.Primitive.button,{type:"button",disabled:r,"data-disabled":r?"":void 0,...e,...(0,ke.skdxPart)("carousel","previous",e.className),ref:t,onClick:(0,U.composeEventHandlers)(e.onClick,o.previous)})};$.displayName="CarouselPrevious";var u=require("react/jsx-runtime"),rt=()=>(0,u.jsx)(j.Glyph,{name:"chevron-left"}),at=()=>(0,u.jsx)(j.Glyph,{name:"chevron-right"});function Se({items:t=[],renderItem:e,showIndicators:o,showControls:r,autoplay:a,indicatorLabels:c}){let m=n("Carousel");return(0,u.jsxs)(u.Fragment,{children:[a?(0,u.jsx)(_,{"aria-label":m.playing?"Pause slideshow":"Play slideshow"}):null,(0,u.jsx)(D,{children:t.map((l,d)=>(0,u.jsx)(O,{children:e?e(l,d):String(l)},d))}),r?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)($,{"aria-label":"Previous slide",children:(0,u.jsx)(rt,{})}),(0,u.jsx)(F,{"aria-label":"Next slide",children:(0,u.jsx)(at,{})})]}):null,o?(0,u.jsx)(K,{"aria-label":"Slides",children:t.map((l,d)=>(0,u.jsx)(A,{index:d,label:c?.[d]},d))}):null]})}var z=require("react/jsx-runtime"),st="(prefers-reduced-motion: reduce)";function He(){return typeof window>"u"||typeof window.matchMedia!="function"?null:window.matchMedia(st)}function nt(t){let e=He();return e?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):()=>{}}function it(){return He()?.matches??!1}function lt(){return!1}function ut({autoplay:t,autoplayInterval:e,count:o,slidesPerPage:r,goNext:a}){let[c,m]=i.useState(t),l=i.useSyncExternalStore(nt,it,lt),[d,g]=i.useState({autoplay:t,reducedMotion:l});(d.autoplay!==t||d.reducedMotion!==l)&&(g({autoplay:t,reducedMotion:l}),d.autoplay!==t?m(t&&!l):l&&m(!1));let C=c&&!l,[b,B]=i.useState(!1),[J,W]=i.useState(!1),w=b||J;return i.useEffect(()=>{if(typeof document>"u")return;let P=()=>W(document.visibilityState==="hidden");return P(),document.addEventListener("visibilitychange",P),()=>document.removeEventListener("visibilitychange",P)},[]),i.useEffect(()=>{if(!C||w||o<=r)return;let P=setInterval(a,e);return()=>clearInterval(P)},[C,w,o,r,a,e]),{playing:C,setPlaying:m,suspended:w,setHovered:B}}function ct(t,e,o,r){return{next:t>0&&(e||o<r),prev:t>0&&(e||o>0)}}function dt(t,e,o){let r=typeof e=="number"?`${e}px`:e;return{...t,...r===void 0?null:{"--skdx-carousel-spacing":r},"--skdx-carousel-slides-per-page":o}}var[Ae,n]=(0,Le.createSafeContext)("Carousel");function ee({value:t,defaultValue:e=0,onValueChange:o,orientation:r="horizontal",loop:a=!1,slidesPerPage:c=1,slidesPerMove:m=1,spacing:l,autoplay:d=!1,autoplayInterval:g=5e3,items:C,renderItem:b,showIndicators:B=!1,indicatorLabels:J,showControls:W=!0,style:w,children:P,ref:Ge,...R}){let[h=0,p]=(0,De.useControllableState)({prop:t,defaultProp:e,onChange:o}),[te,oe]=i.useState([]),_e=(0,Q.useDirection)(),E=Math.max(1,Math.floor(c)),S=Math.max(1,Math.floor(m)),y=te.length,f=Math.max(0,y-E),M=i.useRef(new Map),Ue=i.useCallback((s,I)=>{I&&M.current.set(s,I),oe(v=>v.includes(s)?v:[...v,s].sort((L,Be)=>{let le=M.current.get(L),ue=M.current.get(Be);return!le||!ue?0:le.compareDocumentPosition(ue)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))},[]),$e=i.useCallback(s=>{M.current.delete(s),oe(I=>I.filter(v=>v!==s))},[]),ze=i.useCallback(s=>{p((0,Me.clamp)(s,0,f))},[p,f]),X=i.useCallback(()=>{if(y===0)return;let s=h+S;s<=f?p(s):p(a?0:f)},[y,h,S,f,a,p]),re=i.useCallback(()=>{if(y===0)return;let s=h-S;s>=0?p(s):p(a?f:0)},[y,h,S,f,a,p]),{playing:ae,setPlaying:se,suspended:Qe,setHovered:ne}=ut({autoplay:d,autoplayInterval:g,count:y,slidesPerPage:E,goNext:X}),qe=s=>{if(y===0||(0,Ee.arrowKeyBelongsToDescendant)(s.target,s.currentTarget))return;let I=r==="horizontal"?"ArrowRight":"ArrowDown",v=r==="horizontal"?"ArrowLeft":"ArrowUp",L=(0,Q.directionalKey)(s.key,s.currentTarget,_e);L===I?(s.preventDefault(),X()):L===v&&(s.preventDefault(),re())},ie=ct(y,a,h,f);return(0,z.jsx)(Ae,{value:h,setValue:p,orientation:r,loop:a,itemIds:te,registerItem:Ue,unregisterItem:$e,slidesPerPage:E,slidesPerMove:S,maxIndex:f,scrollToIndex:ze,next:X,previous:re,canScrollNext:ie.next,canScrollPrev:ie.prev,playing:ae,setPlaying:se,children:(0,z.jsx)(x.Primitive.div,{role:"region","aria-roledescription":"carousel",tabIndex:0,"data-orientation":r,"data-state":ae?"playing":"paused","data-suspended":Qe?"":void 0,style:dt(w,l,E),...R,...(0,Te.skdxPart)("carousel","root",R.className),ref:Ge,onKeyDown:(0,x.composeEventHandlers)(R.onKeyDown,qe),onPointerEnter:(0,x.composeEventHandlers)(R.onPointerEnter,()=>ne(!0)),onPointerLeave:(0,x.composeEventHandlers)(R.onPointerLeave,()=>ne(!1)),onFocus:(0,x.composeEventHandlers)(R.onFocus,()=>se(!1)),children:P??(0,z.jsx)(Se,{items:C,renderItem:b,showIndicators:B,indicatorLabels:J,showControls:W,autoplay:d})})})}ee.displayName="Carousel";var q=Y(require("react"),1),Ke=require("../utils/part.cjs"),Oe=require("../utils/primitive.cjs");var Fe=require("react/jsx-runtime"),mt=(t,e)=>`Slide ${t} of ${e}`,Ve=({format:t=mt,children:e,ref:o,...r})=>{let a=n("CarouselProgress"),c=a.itemIds.length,m=c===0?0:a.value+1,l=t(m,c);return(0,Fe.jsx)(Oe.Primitive.div,{"data-orientation":a.orientation,...r,...(0,Ke.skdxPart)("carousel","progress",r.className),ref:o,children:r.asChild&&q.isValidElement(e)?q.cloneElement(e,void 0,l):l})};Ve.displayName="CarouselProgress";0&&(module.exports={Carousel,CarouselContent,CarouselIndicator,CarouselIndicators,CarouselItem,CarouselNext,CarouselPlayPause,CarouselPrevious,CarouselProgress,CarouselProvider,useCarouselContext});

package/dist/carousel/Carousel.d.cts

@@ -1,31 +1,12 @@
 import * as React from 'react';
 import type { CarouselContextValue, CarouselProps } from './types.cjs';
 /**
- * Reads the slide state a {@link Carousel} publishes to everything inside it:
- * the active index and `setValue`, `slidesPerPage`/`slidesPerMove` and the
- * derived `maxIndex`, the autoplay setting, and the movement methods
- * `scrollToIndex`, `next` and `previous`.
- *
- * Public on purpose — this is how a component of your own rendered inside the
- * carousel (a thumbnail strip, a slide counter) drives it, and it is React's
- * half of the cross-framework contract that also exposes `scrollToIndex` as an
- * element method on `<skdx-carousel>`.
- *
- * Pass the calling component's own name. It is what the thrown error names when
- * the hook runs outside a `Carousel` — it throws there rather than handing back
- * `undefined` for a field access to fail on later.
+ * Reads the slide state a {@link Carousel} publishes to everything inside it — the active index, movement methods, and the autoplay setting.
  */
-export declare const CarouselProvider: {
-    (props: CarouselContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useCarouselContext: (consumerName: string) => CarouselContextValue;
-/** @internal Cast for the generic-over-`T` `forwardRef` pattern — `React.forwardRef` itself cannot express a generic component. */
-type CarouselComponent = (<T>(props: CarouselProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement | null) & {
-    displayName?: string;
-};
-export declare const Carousel: CarouselComponent;
-export {};
+export declare const CarouselProvider: React.FC<CarouselContextValue & {
+    children: React.ReactNode;
+}>, useCarouselContext: (consumerName: string) => CarouselContextValue;
+export declare function Carousel<T>({ value: valueProp, defaultValue, onValueChange, orientation, loop, slidesPerPage: slidesPerPageProp, slidesPerMove: slidesPerMoveProp, spacing, autoplay, autoplayInterval, items, renderItem, showIndicators, indicatorLabels, showControls, style, children, ref: forwardedRef, ...props }: CarouselProps<T>): React.ReactNode;
+export declare namespace Carousel {
+    var displayName: string;
+}

package/dist/carousel/Carousel.d.ts

@@ -1,31 +1,12 @@
 import * as React from 'react';
 import type { CarouselContextValue, CarouselProps } from './types.js';
 /**
- * Reads the slide state a {@link Carousel} publishes to everything inside it:
- * the active index and `setValue`, `slidesPerPage`/`slidesPerMove` and the
- * derived `maxIndex`, the autoplay setting, and the movement methods
- * `scrollToIndex`, `next` and `previous`.
- *
- * Public on purpose — this is how a component of your own rendered inside the
- * carousel (a thumbnail strip, a slide counter) drives it, and it is React's
- * half of the cross-framework contract that also exposes `scrollToIndex` as an
- * element method on `<skdx-carousel>`.
- *
- * Pass the calling component's own name. It is what the thrown error names when
- * the hook runs outside a `Carousel` — it throws there rather than handing back
- * `undefined` for a field access to fail on later.
+ * Reads the slide state a {@link Carousel} publishes to everything inside it — the active index, movement methods, and the autoplay setting.
  */
-export declare const CarouselProvider: {
-    (props: CarouselContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useCarouselContext: (consumerName: string) => CarouselContextValue;
-/** @internal Cast for the generic-over-`T` `forwardRef` pattern — `React.forwardRef` itself cannot express a generic component. */
-type CarouselComponent = (<T>(props: CarouselProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement | null) & {
-    displayName?: string;
-};
-export declare const Carousel: CarouselComponent;
-export {};
+export declare const CarouselProvider: React.FC<CarouselContextValue & {
+    children: React.ReactNode;
+}>, useCarouselContext: (consumerName: string) => CarouselContextValue;
+export declare function Carousel<T>({ value: valueProp, defaultValue, onValueChange, orientation, loop, slidesPerPage: slidesPerPageProp, slidesPerMove: slidesPerMoveProp, spacing, autoplay, autoplayInterval, items, renderItem, showIndicators, indicatorLabels, showControls, style, children, ref: forwardedRef, ...props }: CarouselProps<T>): React.ReactNode;
+export declare namespace Carousel {
+    var displayName: string;
+}

package/dist/carousel/Carousel.js

@@ -1 +1,2 @@
-import*as l from"react";import{clamp as Ye}from"../utils/clamp.js";import{createSafeContext as Je}from"../utils/createContext.js";import{directionalKey as Ze,useDirection as je}from"../utils/direction.js";import{skdxPart as et}from"../utils/part.js";import{composeEventHandlers as I,Primitive as tt}from"../utils/primitive.js";import{useControllableState as ot}from"../utils/useControllableState.js";var xe=new Set(["textbox","searchbox","listbox","slider","spinbutton","menu","menubar","tablist","grid","treegrid","tree","combobox","radiogroup"]),be=new Set(["INPUT","SELECT","TEXTAREA","AUDIO","VIDEO"]);function ge(e){if(be.has(e.tagName)||e.isContentEditable)return!0;let o=e.getAttribute("role");return o!==null&&xe.has(o)}function z(e,o){if(!(e instanceof Element))return!1;let t=e;for(;t!==null&&t!==o;){if(ge(t))return!0;t=t.parentElement}return!1}import*as Q from"react";import{skdxPart as Re}from"../utils/part.js";import{Primitive as we}from"../utils/primitive.js";import{jsx as Ie}from"react/jsx-runtime";var k=Q.forwardRef((e,o)=>{let t=i("CarouselContent");return Ie(we.div,{"data-orientation":t.orientation,tabIndex:0,"aria-live":t.playing?"off":"polite","aria-atomic":"false",...e,...Re("carousel","content",e.className),ref:o})});k.displayName="CarouselContent";import*as W from"react";import{skdxPart as Ee}from"../utils/part.js";import{composeEventHandlers as Ne,Primitive as ke}from"../utils/primitive.js";import{jsx as Te}from"react/jsx-runtime";var T=W.forwardRef(({index:e,label:o,...t},s)=>{let r=i("CarouselIndicator"),n=e>=r.value&&e<r.value+r.slidesPerPage;return Te(ke.button,{type:"button","aria-label":o??`Go to slide ${e+1}`,"aria-disabled":n?!0:void 0,"data-state":n?"active":"inactive","data-orientation":r.orientation,...t,...Ee("carousel","indicator",t.className),ref:s,onClick:Ne(t.onClick,()=>{n||r.scrollToIndex(e)})})});T.displayName="CarouselIndicator";import*as q from"react";import{skdxPart as Me}from"../utils/part.js";import{Primitive as Se}from"../utils/primitive.js";import{jsx as Le}from"react/jsx-runtime";var M=q.forwardRef((e,o)=>{let t=i("CarouselIndicators");return Le(Se.div,{role:"group","data-orientation":t.orientation,...e,...Me("carousel","indicators",e.className),ref:o})});M.displayName="CarouselIndicators";import*as h from"react";import{skdxPart as De}from"../utils/part.js";import{Primitive as He}from"../utils/primitive.js";import{jsx as Ae}from"react/jsx-runtime";var S=h.forwardRef((e,o)=>{let t=i("CarouselItem"),s=h.useId(),r=t.itemIds.indexOf(s),n=r>=t.value&&r<t.value+t.slidesPerPage,{registerItem:f,unregisterItem:u}=t;return h.useEffect(()=>(f(s),()=>u(s)),[s,f,u]),Ae(He.div,{role:"group","aria-roledescription":"slide","data-state":n?"active":"inactive","data-orientation":t.orientation,hidden:!n,...e,...De("carousel","item",e.className),ref:o})});S.displayName="CarouselItem";import*as X from"react";import{skdxPart as Ke}from"../utils/part.js";import{composeEventHandlers as Oe,Primitive as Be}from"../utils/primitive.js";import{jsx as Ve}from"react/jsx-runtime";var L=X.forwardRef((e,o)=>{let t=i("CarouselNext"),s=t.itemIds.length,r=t.value>=t.maxIndex,n=s===0||r&&!t.loop;return Ve(Be.button,{type:"button",disabled:n,"data-disabled":n?"":void 0,...e,...Ke("carousel","next",e.className),ref:o,onClick:Oe(e.onClick,t.next)})});L.displayName="CarouselNext";import*as Y from"react";import{skdxPart as Ue}from"../utils/part.js";import{composeEventHandlers as _e,Primitive as Fe}from"../utils/primitive.js";import{jsx as Ge}from"react/jsx-runtime";var D=Y.forwardRef((e,o)=>{let t=i("CarouselPlayPause");return Ge(Fe.button,{type:"button","data-state":t.playing?"playing":"paused",...e,...Ue("carousel","play-pause",e.className),ref:o,onClick:_e(e.onClick,()=>t.setPlaying(!t.playing))})});D.displayName="CarouselPlayPause";import*as J from"react";import{skdxPart as $e}from"../utils/part.js";import{composeEventHandlers as ze,Primitive as Qe}from"../utils/primitive.js";import{jsx as We}from"react/jsx-runtime";var H=J.forwardRef((e,o)=>{let t=i("CarouselPrevious"),s=t.itemIds.length,r=t.value<=0,n=s===0||r&&!t.loop;return We(Qe.button,{type:"button",disabled:n,"data-disabled":n?"":void 0,...e,...$e("carousel","previous",e.className),ref:o,onClick:ze(e.onClick,t.previous)})});H.displayName="CarouselPrevious";import{Fragment as qe,jsx as P,jsxs as Xe}from"react/jsx-runtime";function Z({items:e=[],renderItem:o,showIndicators:t,showControls:s,autoplay:r,indicatorLabels:n}){let f=i("Carousel");return Xe(qe,{children:[r?P(D,{"aria-label":f.playing?"Pause slideshow":"Play slideshow"}):null,s?P(H,{children:"Previous"}):null,P(k,{children:e.map((u,d)=>P(S,{children:o?o(u,d):String(u)},d))}),s?P(L,{children:"Next"}):null,t?P(M,{"aria-label":"Slides",children:e.map((u,d)=>P(T,{index:d,label:n?.[d]},d))}):null]})}import{jsx as A}from"react/jsx-runtime";var rt="(prefers-reduced-motion: reduce)";function j(){return typeof window>"u"||typeof window.matchMedia!="function"?null:window.matchMedia(rt)}function at(e){let o=j();return o?(o.addEventListener("change",e),()=>o.removeEventListener("change",e)):()=>{}}function st(){return j()?.matches??!1}function nt(){return!1}var[it,i]=Je("Carousel");function lt({value:e,defaultValue:o=0,onValueChange:t,orientation:s="horizontal",loop:r=!1,slidesPerPage:n=1,slidesPerMove:f=1,spacing:u,autoplay:d=!1,autoplayInterval:K=5e3,items:te,renderItem:oe,showIndicators:re=!1,indicatorLabels:ae,showControls:se=!0,style:O,children:ne,...v},ie){let[C=0,m]=ot({prop:e,defaultProp:o,onChange:t}),[B,V]=l.useState([]),le=je(),g=Math.max(1,Math.floor(n)),b=Math.max(1,Math.floor(f)),c=B.length,p=Math.max(0,c-g),ue=l.useCallback(a=>{V(y=>y.includes(a)?y:[...y,a])},[]),ce=l.useCallback(a=>{V(y=>y.filter(N=>N!==a))},[]),de=l.useCallback(a=>{m(Ye(a,0,p))},[m,p]),R=l.useCallback(()=>{if(c===0)return;let a=C+b;a<=p?m(a):m(r?0:p)},[c,C,b,p,r,m]),U=l.useCallback(()=>{if(c===0)return;let a=C-b;a>=0?m(a):m(r?p:0)},[c,C,b,p,r,m]),[me,_]=l.useState(d),pe=l.useSyncExternalStore(at,st,nt),w=me&&!pe,[fe,F]=l.useState(!1),[Ce,ye]=l.useState(!1),E=fe||Ce;l.useEffect(()=>{if(typeof document>"u")return;let a=()=>ye(document.visibilityState==="hidden");return a(),document.addEventListener("visibilitychange",a),()=>document.removeEventListener("visibilitychange",a)},[]),l.useEffect(()=>{if(!w||E||c<=g)return;let a=setInterval(R,K);return()=>clearInterval(a)},[w,E,c,g,R,K]);let Pe=a=>{if(c===0||z(a.target,a.currentTarget))return;let y=s==="horizontal"?"ArrowRight":"ArrowDown",N=s==="horizontal"?"ArrowLeft":"ArrowUp",$=Ze(a.key,a.currentTarget,le);$===y?(a.preventDefault(),R()):$===N&&(a.preventDefault(),U())},G=typeof u=="number"?`${u}px`:u,ve=c>0&&(r||C<p),he=c>0&&(r||C>0);return A(it,{value:C,setValue:m,orientation:s,loop:r,itemIds:B,registerItem:ue,unregisterItem:ce,slidesPerPage:g,slidesPerMove:b,maxIndex:p,scrollToIndex:de,next:R,previous:U,canScrollNext:ve,canScrollPrev:he,playing:w,setPlaying:_,children:A(tt.div,{role:"region","aria-roledescription":"carousel",tabIndex:0,"data-orientation":s,"data-state":w?"playing":"paused","data-suspended":E?"":void 0,style:G===void 0?O:{...O,"--skdx-carousel-spacing":G},...v,...et("carousel","root",v.className),ref:ie,onKeyDown:I(v.onKeyDown,Pe),onPointerEnter:I(v.onPointerEnter,()=>F(!0)),onPointerLeave:I(v.onPointerLeave,()=>F(!1)),onFocus:I(v.onFocus,()=>_(!1)),children:ne??A(Z,{items:te,renderItem:oe,showIndicators:re,indicatorLabels:ae,showControls:se,autoplay:d})})})}var ee=l.forwardRef(lt);ee.displayName="Carousel";import*as x from"react";import{skdxPart as ut}from"../utils/part.js";import{Primitive as ct}from"../utils/primitive.js";import{jsx as pt}from"react/jsx-runtime";var dt=(e,o)=>`Slide ${e} of ${o}`,mt=x.forwardRef(({format:e=dt,children:o,...t},s)=>{let r=i("CarouselProgress"),n=r.itemIds.length,f=n===0?0:r.value+1,u=e(f,n);return pt(ct.div,{"data-orientation":r.orientation,...t,...ut("carousel","progress",t.className),ref:s,children:t.asChild&&x.isValidElement(o)?x.cloneElement(o,void 0,u):u})});mt.displayName="CarouselProgress";export{ee as Carousel,k as CarouselContent,T as CarouselIndicator,M as CarouselIndicators,S as CarouselItem,L as CarouselNext,D as CarouselPlayPause,H as CarouselPrevious,mt as CarouselProgress,it as CarouselProvider,i as useCarouselContext};
+'use client';
+import*as i from"react";import{arrowKeyBelongsToDescendant as ze}from"../utils/arrow-keys.js";import{clamp as Qe}from"../utils/clamp.js";import{createSafeContext as qe}from"../utils/createContext.js";import{directionalKey as Be,useDirection as Je}from"../utils/direction.js";import{skdxPart as We}from"../utils/part.js";import{composeEventHandlers as L,Primitive as Xe}from"../utils/primitive.js";import{useControllableState as Ye}from"../utils/useControllableState.js";import{Glyph as re}from"../utils/Glyph.js";import{skdxPart as Ce}from"../utils/part.js";import{Primitive as ye}from"../utils/primitive.js";import{jsx as Pe}from"react/jsx-runtime";var O=({ref:t,...e})=>{let o=n("CarouselContent");return Pe(ye.div,{"data-orientation":o.orientation,tabIndex:0,"aria-live":o.playing?"off":"polite","aria-atomic":"false",...e,...Ce("carousel","content",e.className),ref:t})};O.displayName="CarouselContent";import{skdxPart as ve}from"../utils/part.js";import{composeEventHandlers as xe,Primitive as ge}from"../utils/primitive.js";import{jsx as be}from"react/jsx-runtime";var V=({index:t,label:e,ref:o,...r})=>{let a=n("CarouselIndicator"),u=t>=a.value&&t<a.value+a.slidesPerPage;return be(ge.button,{type:"button","aria-label":e??`Go to slide ${t+1}`,"aria-disabled":u?!0:void 0,"data-state":u?"active":"inactive","data-orientation":a.orientation,...r,...ve("carousel","indicator",r.className),ref:o,onClick:xe(r.onClick,()=>{u||a.scrollToIndex(t)})})};V.displayName="CarouselIndicator";import{skdxPart as Re}from"../utils/part.js";import{Primitive as he}from"../utils/primitive.js";import{jsx as Ie}from"react/jsx-runtime";var F=({ref:t,...e})=>{let o=n("CarouselIndicators");return Ie(he.div,{role:"group","data-orientation":o.orientation,...e,...Re("carousel","indicators",e.className),ref:t})};F.displayName="CarouselIndicators";import*as I from"react";import{useComposedRefs as Ne}from"../utils/composeRefs.js";import{skdxPart as ke}from"../utils/part.js";import{Primitive as we}from"../utils/primitive.js";import{jsx as Se}from"react/jsx-runtime";var G=({ref:t,...e})=>{let o=n("CarouselItem"),r=I.useId(),a=o.itemIds.indexOf(r),u=a!==-1,d=a>=o.value&&a<o.value+o.slidesPerPage,l=I.useRef(null),c=Ne(t,l),{registerItem:x,unregisterItem:C}=o;I.useLayoutEffect(()=>(x(r,l.current),()=>C(r)),[r,x,C]);let g;return u&&(g=d?"active":"inactive"),Se(we.div,{role:"group","aria-roledescription":"slide","data-state":g,"data-orientation":o.orientation,hidden:u?!d:void 0,...e,...ke("carousel","item",e.className),ref:c})};G.displayName="CarouselItem";import{skdxPart as Ee}from"../utils/part.js";import{composeEventHandlers as Me,Primitive as Le}from"../utils/primitive.js";import{jsx as Te}from"react/jsx-runtime";var _=({ref:t,...e})=>{let o=n("CarouselNext"),r=!o.canScrollNext;return Te(Le.button,{type:"button",disabled:r,"data-disabled":r?"":void 0,...e,...Ee("carousel","next",e.className),ref:t,onClick:Me(e.onClick,o.next)})};_.displayName="CarouselNext";import{Glyph as ee}from"../utils/Glyph.js";import{skdxPart as De}from"../utils/part.js";import{composeEventHandlers as He,Primitive as Ae}from"../utils/primitive.js";import{jsx as w}from"react/jsx-runtime";var Ke=()=>w(ee,{name:"play"}),Oe=()=>w(ee,{name:"pause"}),U=({ref:t,...e})=>{let o=n("CarouselPlayPause");return w(Ae.button,{type:"button","data-state":o.playing?"playing":"paused",...e,...De("carousel","play-pause",e.className),ref:t,onClick:He(e.onClick,()=>o.setPlaying(!o.playing)),children:e.children??(o.playing?w(Oe,{}):w(Ke,{}))})};U.displayName="CarouselPlayPause";import{skdxPart as Ve}from"../utils/part.js";import{composeEventHandlers as Fe,Primitive as Ge}from"../utils/primitive.js";import{jsx as _e}from"react/jsx-runtime";var $=({ref:t,...e})=>{let o=n("CarouselPrevious"),r=!o.canScrollPrev;return _e(Ge.button,{type:"button",disabled:r,"data-disabled":r?"":void 0,...e,...Ve("carousel","previous",e.className),ref:t,onClick:Fe(e.onClick,o.previous)})};$.displayName="CarouselPrevious";import{Fragment as te,jsx as m,jsxs as oe}from"react/jsx-runtime";var Ue=()=>m(re,{name:"chevron-left"}),$e=()=>m(re,{name:"chevron-right"});function ae({items:t=[],renderItem:e,showIndicators:o,showControls:r,autoplay:a,indicatorLabels:u}){let d=n("Carousel");return oe(te,{children:[a?m(U,{"aria-label":d.playing?"Pause slideshow":"Play slideshow"}):null,m(O,{children:t.map((l,c)=>m(G,{children:e?e(l,c):String(l)},c))}),r?oe(te,{children:[m($,{"aria-label":"Previous slide",children:m(Ue,{})}),m(_,{"aria-label":"Next slide",children:m($e,{})})]}):null,o?m(F,{"aria-label":"Slides",children:t.map((l,c)=>m(V,{index:c,label:u?.[c]},c))}):null]})}import{jsx as z}from"react/jsx-runtime";var Ze="(prefers-reduced-motion: reduce)";function se(){return typeof window>"u"||typeof window.matchMedia!="function"?null:window.matchMedia(Ze)}function je(t){let e=se();return e?(e.addEventListener("change",t),()=>e.removeEventListener("change",t)):()=>{}}function et(){return se()?.matches??!1}function tt(){return!1}function ot({autoplay:t,autoplayInterval:e,count:o,slidesPerPage:r,goNext:a}){let[u,d]=i.useState(t),l=i.useSyncExternalStore(je,et,tt),[c,x]=i.useState({autoplay:t,reducedMotion:l});(c.autoplay!==t||c.reducedMotion!==l)&&(x({autoplay:t,reducedMotion:l}),c.autoplay!==t?d(t&&!l):l&&d(!1));let C=u&&!l,[g,D]=i.useState(!1),[H,A]=i.useState(!1),N=g||H;return i.useEffect(()=>{if(typeof document>"u")return;let P=()=>A(document.visibilityState==="hidden");return P(),document.addEventListener("visibilitychange",P),()=>document.removeEventListener("visibilitychange",P)},[]),i.useEffect(()=>{if(!C||N||o<=r)return;let P=setInterval(a,e);return()=>clearInterval(P)},[C,N,o,r,a,e]),{playing:C,setPlaying:d,suspended:N,setHovered:D}}function rt(t,e,o,r){return{next:t>0&&(e||o<r),prev:t>0&&(e||o>0)}}function at(t,e,o){let r=typeof e=="number"?`${e}px`:e;return{...t,...r===void 0?null:{"--skdx-carousel-spacing":r},"--skdx-carousel-slides-per-page":o}}var[st,n]=qe("Carousel");function ne({value:t,defaultValue:e=0,onValueChange:o,orientation:r="horizontal",loop:a=!1,slidesPerPage:u=1,slidesPerMove:d=1,spacing:l,autoplay:c=!1,autoplayInterval:x=5e3,items:C,renderItem:g,showIndicators:D=!1,indicatorLabels:H,showControls:A=!0,style:N,children:P,ref:ie,...b}){let[R=0,p]=Ye({prop:t,defaultProp:e,onChange:o}),[Q,q]=i.useState([]),le=Je(),S=Math.max(1,Math.floor(u)),k=Math.max(1,Math.floor(d)),y=Q.length,f=Math.max(0,y-S),E=i.useRef(new Map),ue=i.useCallback((s,h)=>{h&&E.current.set(s,h),q(v=>v.includes(s)?v:[...v,s].sort((M,fe)=>{let Z=E.current.get(M),j=E.current.get(fe);return!Z||!j?0:Z.compareDocumentPosition(j)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))},[]),ce=i.useCallback(s=>{E.current.delete(s),q(h=>h.filter(v=>v!==s))},[]),de=i.useCallback(s=>{p(Qe(s,0,f))},[p,f]),K=i.useCallback(()=>{if(y===0)return;let s=R+k;s<=f?p(s):p(a?0:f)},[y,R,k,f,a,p]),B=i.useCallback(()=>{if(y===0)return;let s=R-k;s>=0?p(s):p(a?f:0)},[y,R,k,f,a,p]),{playing:J,setPlaying:W,suspended:me,setHovered:X}=ot({autoplay:c,autoplayInterval:x,count:y,slidesPerPage:S,goNext:K}),pe=s=>{if(y===0||ze(s.target,s.currentTarget))return;let h=r==="horizontal"?"ArrowRight":"ArrowDown",v=r==="horizontal"?"ArrowLeft":"ArrowUp",M=Be(s.key,s.currentTarget,le);M===h?(s.preventDefault(),K()):M===v&&(s.preventDefault(),B())},Y=rt(y,a,R,f);return z(st,{value:R,setValue:p,orientation:r,loop:a,itemIds:Q,registerItem:ue,unregisterItem:ce,slidesPerPage:S,slidesPerMove:k,maxIndex:f,scrollToIndex:de,next:K,previous:B,canScrollNext:Y.next,canScrollPrev:Y.prev,playing:J,setPlaying:W,children:z(Xe.div,{role:"region","aria-roledescription":"carousel",tabIndex:0,"data-orientation":r,"data-state":J?"playing":"paused","data-suspended":me?"":void 0,style:at(N,l,S),...b,...We("carousel","root",b.className),ref:ie,onKeyDown:L(b.onKeyDown,pe),onPointerEnter:L(b.onPointerEnter,()=>X(!0)),onPointerLeave:L(b.onPointerLeave,()=>X(!1)),onFocus:L(b.onFocus,()=>W(!1)),children:P??z(ae,{items:C,renderItem:g,showIndicators:D,indicatorLabels:H,showControls:A,autoplay:c})})})}ne.displayName="Carousel";import*as T from"react";import{skdxPart as nt}from"../utils/part.js";import{Primitive as it}from"../utils/primitive.js";import{jsx as ct}from"react/jsx-runtime";var lt=(t,e)=>`Slide ${t} of ${e}`,ut=({format:t=lt,children:e,ref:o,...r})=>{let a=n("CarouselProgress"),u=a.itemIds.length,d=u===0?0:a.value+1,l=t(d,u);return ct(it.div,{"data-orientation":a.orientation,...r,...nt("carousel","progress",r.className),ref:o,children:r.asChild&&T.isValidElement(e)?T.cloneElement(e,void 0,l):l})};ut.displayName="CarouselProgress";export{ne as Carousel,O as CarouselContent,V as CarouselIndicator,F as CarouselIndicators,G as CarouselItem,_ as CarouselNext,U as CarouselPlayPause,$ as CarouselPrevious,ut as CarouselProgress,st as CarouselProvider,n as useCarouselContext};

package/dist/carousel/CarouselAnatomy.d.cts

@@ -1,17 +1,13 @@
 import type * as React from 'react';
 /**
- * The anatomy a {@link Carousel} draws from `items` given no manually-composed
- * children: an optional play/pause control (whenever `autoplay` is set),
- * optional previous/next buttons, the content with one derived `CarouselItem`
- * per item, and an optional indicator dot per item.
- *
+ * The anatomy a {@link Carousel} draws from `items` when given no manually-composed children.
  * @internal
  */
 export declare function CarouselAnatomy<T>({ items, renderItem, showIndicators, showControls, autoplay, indicatorLabels, }: {
-    items?: T[];
-    renderItem?: (item: T, index: number) => React.ReactNode;
-    showIndicators?: boolean;
-    showControls?: boolean;
-    autoplay?: boolean;
-    indicatorLabels?: readonly string[];
+    items?: T[] | undefined;
+    renderItem?: ((item: T, index: number) => React.ReactNode) | undefined;
+    showIndicators?: boolean | undefined;
+    showControls?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    indicatorLabels?: readonly string[] | undefined;
 }): React.JSX.Element;

package/dist/carousel/CarouselAnatomy.d.ts

@@ -1,17 +1,13 @@
 import type * as React from 'react';
 /**
- * The anatomy a {@link Carousel} draws from `items` given no manually-composed
- * children: an optional play/pause control (whenever `autoplay` is set),
- * optional previous/next buttons, the content with one derived `CarouselItem`
- * per item, and an optional indicator dot per item.
- *
+ * The anatomy a {@link Carousel} draws from `items` when given no manually-composed children.
  * @internal
  */
 export declare function CarouselAnatomy<T>({ items, renderItem, showIndicators, showControls, autoplay, indicatorLabels, }: {
-    items?: T[];
-    renderItem?: (item: T, index: number) => React.ReactNode;
-    showIndicators?: boolean;
-    showControls?: boolean;
-    autoplay?: boolean;
-    indicatorLabels?: readonly string[];
+    items?: T[] | undefined;
+    renderItem?: ((item: T, index: number) => React.ReactNode) | undefined;
+    showIndicators?: boolean | undefined;
+    showControls?: boolean | undefined;
+    autoplay?: boolean | undefined;
+    indicatorLabels?: readonly string[] | undefined;
 }): React.JSX.Element;

package/dist/carousel/CarouselContent.d.cts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CarouselContentProps } from './types.cjs';
 /**
- * Slide wrapper and live region. Layout is CSS-controlled. `aria-live`
- * politeness follows `playing` state: `off` during autoplay, `polite` after.
+ * Slide wrapper and live region whose `aria-live` politeness follows `playing` state — `off` during autoplay, `polite` after.
  *
  * @example
  * ```tsx
@@ -12,4 +11,7 @@ import type { CarouselContentProps } from './types.cjs';
  * </CarouselContent>
  * ```
  */
-export declare const CarouselContent: React.ForwardRefExoticComponent<Omit<CarouselContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CarouselContent: {
+    ({ ref: forwardedRef, ...props }: CarouselContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/carousel/CarouselContent.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CarouselContentProps } from './types.js';
 /**
- * Slide wrapper and live region. Layout is CSS-controlled. `aria-live`
- * politeness follows `playing` state: `off` during autoplay, `polite` after.
+ * Slide wrapper and live region whose `aria-live` politeness follows `playing` state — `off` during autoplay, `polite` after.
  *
  * @example
  * ```tsx
@@ -12,4 +11,7 @@ import type { CarouselContentProps } from './types.js';
  * </CarouselContent>
  * ```
  */
-export declare const CarouselContent: React.ForwardRefExoticComponent<Omit<CarouselContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CarouselContent: {
+    ({ ref: forwardedRef, ...props }: CarouselContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/carousel/CarouselIndicator.d.cts

@@ -1,16 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CarouselIndicatorProps } from './types.cjs';
 /**
- * Slide dot button. Calls `scrollToIndex(index)` and carries `data-state`
- * `"active"`/`"inactive"`, plus `aria-disabled="true"` on the current slide.
- *
- * Uses `aria-disabled` not `disabled`: the dot for the current slide stays
- * focusable for keyboard users to count and navigate slides. Gets a default
- * `aria-label` of `"Go to slide 3"`; consumer's `aria-label` wins.
+ * Slide dot button that calls `scrollToIndex(index)` and carries `data-state` `"active"`/`"inactive"`, with `aria-disabled="true"` on the current slide.
  *
  * @example
  * ```tsx
  * <CarouselIndicator index={0} />
  * ```
  */
-export declare const CarouselIndicator: React.ForwardRefExoticComponent<Omit<CarouselIndicatorProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselIndicator: {
+    ({ index, label, ref: forwardedRef, ...props }: CarouselIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/carousel/CarouselIndicator.d.ts

@@ -1,16 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CarouselIndicatorProps } from './types.js';
 /**
- * Slide dot button. Calls `scrollToIndex(index)` and carries `data-state`
- * `"active"`/`"inactive"`, plus `aria-disabled="true"` on the current slide.
- *
- * Uses `aria-disabled` not `disabled`: the dot for the current slide stays
- * focusable for keyboard users to count and navigate slides. Gets a default
- * `aria-label` of `"Go to slide 3"`; consumer's `aria-label` wins.
+ * Slide dot button that calls `scrollToIndex(index)` and carries `data-state` `"active"`/`"inactive"`, with `aria-disabled="true"` on the current slide.
  *
  * @example
  * ```tsx
  * <CarouselIndicator index={0} />
  * ```
  */
-export declare const CarouselIndicator: React.ForwardRefExoticComponent<Omit<CarouselIndicatorProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CarouselIndicator: {
+    ({ index, label, ref: forwardedRef, ...props }: CarouselIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/carousel/CarouselIndicators.d.cts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CarouselIndicatorsProps } from './types.cjs';
 /**
- * Container for slide dots — `role="group"` with `data-orientation`. Group of buttons, not tabs (slides are not tabpanels).
+ * Container for slide dots — `role="group"` with `data-orientation`, since slides are not tabpanels.
  *
  * @example
  * ```tsx
@@ -17,4 +17,7 @@ import type { CarouselIndicatorsProps } from './types.cjs';
  * }
  * ```
  */
-export declare const CarouselIndicators: React.ForwardRefExoticComponent<Omit<CarouselIndicatorsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CarouselIndicators: {
+    ({ ref: forwardedRef, ...props }: CarouselIndicatorsProps): React.ReactNode;
+    displayName: string;
+};

package/dist/carousel/CarouselIndicators.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { CarouselIndicatorsProps } from './types.js';
 /**
- * Container for slide dots — `role="group"` with `data-orientation`. Group of buttons, not tabs (slides are not tabpanels).
+ * Container for slide dots — `role="group"` with `data-orientation`, since slides are not tabpanels.
  *
  * @example
  * ```tsx
@@ -17,4 +17,7 @@ import type { CarouselIndicatorsProps } from './types.js';
  * }
  * ```
  */
-export declare const CarouselIndicators: React.ForwardRefExoticComponent<Omit<CarouselIndicatorsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CarouselIndicators: {
+    ({ ref: forwardedRef, ...props }: CarouselIndicatorsProps): React.ReactNode;
+    displayName: string;
+};