@oztix/roadie-components 2.0.1 → 2.1.0

package/dist/Button-CqyOi1Lf.d.ts

@@ -0,0 +1,26 @@
+import { Button } from "@base-ui/react/button";
+import { VariantProps } from "class-variance-authority";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { RefAttributes } from "react";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/Button/Button.d.ts
+declare const buttonVariants: (props?: ({
+  intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
+  emphasis?: "strong" | "normal" | "subtle" | "subtler" | null | undefined;
+  size?: "sm" | "md" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+type ButtonProps = Button.Props & RefAttributes<HTMLElement> & VariantProps<typeof buttonVariants>;
+declare function Button$1({
+  className,
+  intent,
+  emphasis,
+  size,
+  ...props
+}: ButtonProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Button$1 {
+  var displayName: string;
+}
+//#endregion
+export { ButtonProps as n, buttonVariants as r, Button$1 as t };
+//# sourceMappingURL=Button-CqyOi1Lf.d.ts.map

package/dist/Button-CqyOi1Lf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-CqyOi1Lf.d.ts","names":[],"sources":["../src/components/Button/Button.tsx"],"mappings":";;;;;;;cAWa,cAAA,GAAc,KAAA;;;;IAwBzB,iCAAA,CAAA,SAAA;AAAA,KAEU,WAAA,GAAc,MAAA,CAAgB,KAAA,GACxC,aAAA,CAAc,WAAA,IACd,YAAA,QAAoB,cAAA;AAAA,iBAEN,QAAA,CAAA;EACd,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANE,QAAA;EAAA,IAAM,WAAA;AAAA"}

package/dist/Button.d.ts

@@ -1,17 +1,3 @@
-import { a as ButtonProps } from './Button-fnIVmjIB.js';
-export { B as Button, b as buttonVariants } from './Button-fnIVmjIB.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import 'class-variance-authority/types';
-import 'react';
-import '@base-ui/react/button';
-import 'class-variance-authority';
-
-type IconButtonProps = Omit<ButtonProps, 'aria-label'> & {
-    'aria-label': string;
-};
-declare function IconButton({ size, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace IconButton {
-    var displayName: string;
-}
-
-export { ButtonProps, IconButton, type IconButtonProps };
+import { n as ButtonProps, r as buttonVariants, t as Button } from "./Button-CqyOi1Lf.js";
+import { n as IconButtonProps, t as IconButton } from "./IconButton-Bhg6u3Qm.js";
+export { Button, type ButtonProps, IconButton, type IconButtonProps, buttonVariants };

package/dist/Button.js

@@ -1,2 +1 @@
-export{a as IconButton}from'./_chunks/chunk-OIZX63GZ.js';export{b as Button,a as buttonVariants}from'./_chunks/chunk-NRVNUMJE.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Button.js.map
-//# sourceMappingURL=Button.js.map
+import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./IconButton-0UdUDm0O.js";export{t as Button,n as IconButton,e as buttonVariants};

package/dist/Card.d.ts

@@ -1,51 +1,77 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { ElementType, ComponentProps, ImgHTMLAttributes } from 'react';
-import { VariantProps } from 'class-variance-authority';
+import { VariantProps } from "class-variance-authority";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps, ElementType, ImgHTMLAttributes } from "react";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
+//#region src/components/Card/index.d.ts
 declare const cardVariants: (props?: ({
-    intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
-    emphasis?: "normal" | "subtle" | "subtler" | "raised" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+  intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
+  emphasis?: "normal" | "subtle" | "subtler" | "raised" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type CardOwnProps<T extends ElementType = 'div'> = {
-    as?: T;
+  as?: T;
 } & VariantProps<typeof cardVariants>;
 type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> & Omit<ComponentProps<T>, keyof CardOwnProps<T>>;
-declare function CardRoot<T extends ElementType = 'div'>({ as, className, intent, emphasis, ...props }: CardProps<T>): react_jsx_runtime.JSX.Element;
+declare function CardRoot<T extends ElementType = 'div'>({
+  as,
+  className,
+  intent,
+  emphasis,
+  ...props
+}: CardProps<T>): _$react_jsx_runtime0.JSX.Element;
 declare namespace CardRoot {
-    var displayName: string;
+  var displayName: string;
 }
-declare function CardHeader({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardHeader({
+  className,
+  ...props
+}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 declare namespace CardHeader {
-    var displayName: string;
+  var displayName: string;
 }
-declare function CardContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardContent({
+  className,
+  ...props
+}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 declare namespace CardContent {
-    var displayName: string;
+  var displayName: string;
 }
-declare function CardFooter({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+declare function CardFooter({
+  className,
+  ...props
+}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 declare namespace CardFooter {
-    var displayName: string;
+  var displayName: string;
 }
-declare function CardImage({ className, ...props }: ImgHTMLAttributes<HTMLImageElement>): react_jsx_runtime.JSX.Element;
+declare function CardImage({
+  className,
+  ...props
+}: ImgHTMLAttributes<HTMLImageElement>): _$react_jsx_runtime0.JSX.Element;
 declare namespace CardImage {
-    var displayName: string;
+  var displayName: string;
 }
-declare function CardTitle({ className, ...props }: ComponentProps<'h3'>): react_jsx_runtime.JSX.Element;
+declare function CardTitle({
+  className,
+  ...props
+}: ComponentProps<'h3'>): _$react_jsx_runtime0.JSX.Element;
 declare namespace CardTitle {
-    var displayName: string;
+  var displayName: string;
 }
-declare function CardDescription({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
+declare function CardDescription({
+  className,
+  ...props
+}: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
 declare namespace CardDescription {
-    var displayName: string;
+  var displayName: string;
 }
 declare const Card: typeof CardRoot & {
-    Header: typeof CardHeader;
-    Content: typeof CardContent;
-    Footer: typeof CardFooter;
-    Image: typeof CardImage;
-    Title: typeof CardTitle;
-    Description: typeof CardDescription;
+  Header: typeof CardHeader;
+  Content: typeof CardContent;
+  Footer: typeof CardFooter;
+  Image: typeof CardImage;
+  Title: typeof CardTitle;
+  Description: typeof CardDescription;
 };
-
-export { Card, type CardProps, cardVariants };
+//#endregion
+export { Card, CardProps, cardVariants };
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","names":[],"sources":["../src/components/Card/index.tsx"],"mappings":";;;;;;cAQa,YAAA,GAAY,KAAA;;;IAavB,iCAAA,CAAA,SAAA;AAAA,KAEG,YAAA,WAAuB,WAAA;EAC1B,EAAA,GAAK,CAAA;AAAA,IACH,YAAA,QAAoB,YAAA;AAAA,KAEZ,SAAA,WAAoB,WAAA,YAAuB,YAAA,CAAa,CAAA,IAClE,IAAA,CAAK,cAAA,CAAe,CAAA,SAAU,YAAA,CAAa,CAAA;AAAA,iBAEpC,QAAA,WAAmB,WAAA,SAAA,CAAA;EAC1B,EAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,SAAA,CAAU,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANN,QAAA;EAAA,IAAQ,WAAA;AAAA;AAAA,iBAwBR,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAcV,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA1D,WAAA;EAAA,IAAW,WAAA;AAAA;AAAA,iBAcX,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAcV,SAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,iBAAA,CAAkB,gBAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAH7B,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,iBAmBT,SAAA,CAAA;EAAY,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,SAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAvD,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,iBAQT,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA5D,eAAA;EAAA,IAAe,WAAA;AAAA;AAAA,cAMX,IAAA,SAOA,QAAA;EACX,MAAA,SAAe,UAAA;EACf,OAAA,SAAgB,WAAA;EAChB,MAAA,SAAe,UAAA;EACf,KAAA,SAAc,SAAA;EACd,KAAA,SAAc,SAAA;EACd,WAAA,SAAoB,eAAA;AAAA"}

package/dist/Card.js

@@ -1,2 +1,2 @@
-export{b as Card,a as cardVariants}from'./_chunks/chunk-LHNOY24C.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Card.js.map
+import{t as e}from"./variants-DTAwzBl3.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r}from"react/jsx-runtime";const i=t(`grid content-start rounded-xl group/card`,{variants:{intent:e,emphasis:{raised:`emphasis-raised`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler p-2 gap-4 -m-2`,normal:`emphasis-normal`}},defaultVariants:{emphasis:`normal`}});function a({as:e,className:t,intent:a,emphasis:o,...s}){let c=s,l=!!c.href||!!c.onClick;return r(e||(c.href?`a`:`div`),{className:n(i({intent:a,emphasis:o}),l&&`is-interactive`,t),...s})}a.displayName=`Card`;function o({className:e,...t}){return r(`div`,{className:n(`grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0`,e),...t})}o.displayName=`Card.Header`;function s({className:e,...t}){return r(`div`,{className:n(`px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0`,e),...t})}s.displayName=`Card.Content`;function c({className:e,...t}){return r(`div`,{className:n(`flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0`,e),...t})}c.displayName=`Card.Footer`;function l({className:e,...t}){return r(`div`,{className:`overflow-hidden rounded-xl`,children:r(`img`,{className:n(`aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105`,e),...t})})}l.displayName=`Card.Image`;function u({className:e,...t}){return r(`h3`,{className:n(`text-display-ui-6 text-strong`,e),...t})}u.displayName=`Card.Title`;function d({className:e,...t}){return r(`p`,{className:n(`text-sm text-subtle`,e),...t})}d.displayName=`Card.Description`;const f=Object.assign(a,{Header:o,Content:s,Footer:c,Image:l,Title:u,Description:d});export{f as Card,i as cardVariants};
 //# sourceMappingURL=Card.js.map

package/dist/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Card.js"}
+{"version":3,"file":"Card.js","names":[],"sources":["../src/components/Card/index.tsx"],"sourcesContent":["import type { ComponentProps, ElementType, ImgHTMLAttributes } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const cardVariants = cva('grid content-start rounded-xl group/card', {\n  variants: {\n    intent: intentVariants,\n    emphasis: {\n      raised: 'emphasis-raised',\n      subtle: 'emphasis-subtle',\n      subtler: 'emphasis-subtler p-2 gap-4 -m-2',\n      normal: 'emphasis-normal'\n    }\n  },\n  defaultVariants: {\n    emphasis: 'normal'\n  }\n})\n\ntype CardOwnProps<T extends ElementType = 'div'> = {\n  as?: T\n} & VariantProps<typeof cardVariants>\n\nexport type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> &\n  Omit<ComponentProps<T>, keyof CardOwnProps<T>>\n\nfunction CardRoot<T extends ElementType = 'div'>({\n  as,\n  className,\n  intent,\n  emphasis,\n  ...props\n}: CardProps<T>) {\n  const rest = props as Record<string, unknown>\n  const isInteractive = !!rest.href || !!rest.onClick\n  const Component = as || (rest.href ? 'a' : 'div')\n  return (\n    <Component\n      className={cn(\n        cardVariants({ intent, emphasis }),\n        isInteractive && 'is-interactive',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nCardRoot.displayName = 'Card'\n\nfunction CardHeader({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nCardHeader.displayName = 'Card.Header'\n\nfunction CardContent({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nCardContent.displayName = 'Card.Content'\n\nfunction CardFooter({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nCardFooter.displayName = 'Card.Footer'\n\nfunction CardImage({\n  className,\n  ...props\n}: ImgHTMLAttributes<HTMLImageElement>) {\n  return (\n    <div className='overflow-hidden rounded-xl'>\n      <img\n        className={cn(\n          'aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nCardImage.displayName = 'Card.Image'\n\nfunction CardTitle({ className, ...props }: ComponentProps<'h3'>) {\n  return (\n    <h3 className={cn('text-display-ui-6 text-strong', className)} {...props} />\n  )\n}\n\nCardTitle.displayName = 'Card.Title'\n\nfunction CardDescription({ className, ...props }: ComponentProps<'p'>) {\n  return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nCardDescription.displayName = 'Card.Description'\n\nexport const Card = Object.assign(CardRoot, {\n  Header: CardHeader,\n  Content: CardContent,\n  Footer: CardFooter,\n  Image: CardImage,\n  Title: CardTitle,\n  Description: CardDescription\n}) as typeof CardRoot & {\n  Header: typeof CardHeader\n  Content: typeof CardContent\n  Footer: typeof CardFooter\n  Image: typeof CardImage\n  Title: typeof CardTitle\n  Description: typeof CardDescription\n}\n"],"mappings":"gLAQA,MAAa,EAAe,EAAI,2CAA4C,CAC1E,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,kBACR,QAAS,kCACT,OAAQ,kBACT,CACF,CACD,gBAAiB,CACf,SAAU,SACX,CACF,CAAC,CASF,SAAS,EAAwC,CAC/C,KACA,YACA,SACA,WACA,GAAG,GACY,CACf,IAAM,EAAO,EACP,EAAgB,CAAC,CAAC,EAAK,MAAQ,CAAC,CAAC,EAAK,QAE5C,OACE,EAFgB,IAAO,EAAK,KAAO,IAAM,OAEzC,CACE,UAAW,EACT,EAAa,CAAE,SAAQ,WAAU,CAAC,CAClC,GAAiB,iBACjB,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc,OAEvB,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgC,CAClE,OACE,EAAC,MAAD,CACE,UAAW,EACT,iGACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,cAEzB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAgC,CACnE,OACE,EAAC,MAAD,CACE,UAAW,EACT,oFACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc,eAE1B,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgC,CAClE,OACE,EAAC,MAAD,CACE,UAAW,EACT,4GACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,cAEzB,SAAS,EAAU,CACjB,YACA,GAAG,GACmC,CACtC,OACE,EAAC,MAAD,CAAK,UAAU,sCACb,EAAC,MAAD,CACE,UAAW,EACT,8FACA,EACD,CACD,GAAI,EACJ,CAAA,CACE,CAAA,CAIV,EAAU,YAAc,aAExB,SAAS,EAAU,CAAE,YAAW,GAAG,GAA+B,CAChE,OACE,EAAC,KAAD,CAAI,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,EAAS,CAAA,CAIhF,EAAU,YAAc,aAExB,SAAS,EAAgB,CAAE,YAAW,GAAG,GAA8B,CACrE,OAAO,EAAC,IAAD,CAAG,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,EAAS,CAAA,CAG1E,EAAgB,YAAc,mBAE9B,MAAa,EAAO,OAAO,OAAO,EAAU,CAC1C,OAAQ,EACR,QAAS,EACT,OAAQ,EACR,MAAO,EACP,MAAO,EACP,YAAa,EACd,CAAC"}

package/dist/Carousel.d.ts

@@ -0,0 +1,257 @@
+import { n as IconButtonProps } from "./IconButton-Bhg6u3Qm.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