@refraction-ui/react 0.21.0 → 0.22.0

package/dist/react-card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../card/src/card.ts", "../../card/src/card.styles.ts", "../../react-card/src/card.tsx"],
-  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\n/**\n * Visual tone of a card (issue #485).\n * - `default` — the standard surface (activates the `--rfr-card-*` contract).\n * - `subtle` — a lower-emphasis container on the subtle surface token.\n * - `tertiary` — a tinted second-brand-accent card.\n */\nexport type CardVariant = 'default' | 'subtle' | 'tertiary'\n\nexport interface CardProps {\n  /** Optional accessible role override */\n  role?: string\n}\n\nexport interface CardAPI {\n  /** ARIA attributes to spread on the element */\n  ariaProps: Partial<AccessibilityProps>\n  /** Data attributes for CSS styling hooks */\n  dataAttributes: Record<string, string>\n}\n\nexport function createCard(props: CardProps = {}): CardAPI {\n  const ariaProps: Partial<AccessibilityProps> = {}\n  if (props.role) {\n    ariaProps.role = props.role\n  }\n\n  return {\n    ariaProps,\n    dataAttributes: { 'data-slot': 'card' },\n  }\n}\n\nexport function createCardHeader(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-header' } }\n}\n\nexport function createCardTitle(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-title' } }\n}\n\nexport function createCardDescription(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-description' } }\n}\n\nexport function createCardContent(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-content' } }\n}\n\nexport function createCardFooter(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-footer' } }\n}\n", "import { cva } from '@refraction-ui/shared'\nimport type { TokenContract } from '@refraction-ui/shared'\n\nexport const cardTokens: TokenContract = {\n  name: 'card',\n  tokens: {\n    bg: { variable: '--rfr-card-bg', fallback: 'hsl(var(--card))' },\n    fg: { variable: '--rfr-card-fg', fallback: 'hsl(var(--card-foreground))' },\n    border: { variable: '--rfr-card-border', fallback: 'hsl(var(--border))' },\n  },\n}\n\nexport const cardVariants = cva({\n  base: 'rounded-lg border shadow',\n  variants: {\n    variant: {\n      // Default — unchanged surface (bg-card + border via the global token).\n      default: 'bg-card text-card-foreground',\n      // Lower-emphasis container on the subtle surface token (issue #485).\n      subtle: 'bg-surface-subtle text-card-foreground',\n      // Tinted second-accent card (issue #485).\n      tertiary: 'border-transparent bg-tertiary-soft text-tertiary-soft-foreground',\n    },\n    padding: {\n      none: '',\n      default: 'p-6',\n      compact: 'p-4',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    padding: 'none',\n  },\n})\n\nexport const cardHeaderVariants = cva({\n  base: 'flex flex-col space-y-1.5 p-6',\n})\n\nexport const cardTitleVariants = cva({\n  base: 'font-semibold leading-none tracking-tight',\n  variants: {\n    size: {\n      sm: 'text-lg',\n      default: 'text-2xl',\n      lg: 'text-3xl',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n})\n\nexport const cardDescriptionVariants = cva({\n  base: 'text-sm text-muted-foreground',\n})\n\nexport const cardContentVariants = cva({\n  base: 'p-6 pt-0',\n})\n\nexport const cardFooterVariants = cva({\n  base: 'flex items-center p-6 pt-0',\n})\n", "import * as React from 'react'\nimport {\n  createCard,\n  createCardHeader,\n  createCardTitle,\n  createCardDescription,\n  createCardContent,\n  createCardFooter,\n  cardVariants,\n  cardHeaderVariants,\n  cardTitleVariants,\n  cardDescriptionVariants,\n  cardContentVariants,\n  cardFooterVariants,\n  type CardVariant,\n} from '@refraction-ui/card'\nimport { cn } from '@refraction-ui/shared'\nimport { Slot } from '@refraction-ui/react-slot'\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual tone of the card. Defaults to `'default'` (issue #485). */\n  variant?: CardVariant\n  /** Merge the card's classes/props onto the single child element instead of\n   * rendering a `<div>` (Radix-style `asChild`) — e.g.\n   * `<Card asChild><a href=\"/x\">…</a></Card>` for a clickable card. Expects\n   * exactly one React element child. */\n  asChild?: boolean\n}\n\n/**\n * Card -- a container with rounded corners, border, and shadow.\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  function Card({ className, variant, asChild = false, ...props }, ref) {\n    const api = createCard()\n    const classes = cn(cardVariants({ variant }), className)\n\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref as React.Ref<HTMLElement>}\n          className={classes}\n          {...api.ariaProps}\n          {...api.dataAttributes}\n          {...props}\n        />\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={classes}\n        {...api.ariaProps}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardHeader -- top section of a card, typically contains title and description.\n */\nexport const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardHeader({ className, ...props }, ref) {\n    const api = createCardHeader()\n    return (\n      <div\n        ref={ref}\n        className={cn(cardHeaderVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardTitle -- heading within a card header.\n */\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  function CardTitle({ className, ...props }, ref) {\n    const api = createCardTitle()\n    return (\n      <h3\n        ref={ref}\n        className={cn(cardTitleVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardDescription -- subtext within a card header.\n */\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  function CardDescription({ className, ...props }, ref) {\n    const api = createCardDescription()\n    return (\n      <p\n        ref={ref}\n        className={cn(cardDescriptionVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardContent -- main body content area of a card.\n */\nexport const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardContent({ className, ...props }, ref) {\n    const api = createCardContent()\n    return (\n      <div\n        ref={ref}\n        className={cn(cardContentVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardFooter -- bottom section of a card, typically contains actions.\n */\nexport const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardFooter({ className, ...props }, ref) {\n    const api = createCardFooter()\n    return (\n      <div\n        ref={ref}\n        className={cn(cardFooterVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\n/**\n * Visual tone of a card (issue #485).\n * - `default` — the standard surface (activates the `--rfr-card-*` contract).\n * - `subtle` — a lower-emphasis container on the subtle surface token.\n * - `tertiary` — a tinted second-brand-accent card.\n */\nexport type CardVariant = 'default' | 'subtle' | 'tertiary'\n\n/** Built-in inner padding of the Card container. */\nexport type CardPadding = 'none' | 'default' | 'compact'\n\n/** Heading element for CardTitle. */\nexport type CardTitleLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n\nexport interface CardProps {\n  /** Optional accessible role override */\n  role?: string\n}\n\nexport interface CardAPI {\n  /** ARIA attributes to spread on the element */\n  ariaProps: Partial<AccessibilityProps>\n  /** Data attributes for CSS styling hooks */\n  dataAttributes: Record<string, string>\n}\n\nexport function createCard(props: CardProps = {}): CardAPI {\n  const ariaProps: Partial<AccessibilityProps> = {}\n  if (props.role) {\n    ariaProps.role = props.role\n  }\n\n  return {\n    ariaProps,\n    dataAttributes: { 'data-slot': 'card' },\n  }\n}\n\nexport function createCardHeader(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-header' } }\n}\n\nexport function createCardTitle(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-title' } }\n}\n\nexport function createCardDescription(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-description' } }\n}\n\nexport function createCardContent(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-content' } }\n}\n\nexport function createCardFooter(): { dataAttributes: Record<string, string> } {\n  return { dataAttributes: { 'data-slot': 'card-footer' } }\n}\n", "import { cva } from '@refraction-ui/shared'\nimport type { TokenContract } from '@refraction-ui/shared'\n\nexport const cardTokens: TokenContract = {\n  name: 'card',\n  tokens: {\n    bg: { variable: '--rfr-card-bg', fallback: 'hsl(var(--card))' },\n    fg: { variable: '--rfr-card-fg', fallback: 'hsl(var(--card-foreground))' },\n    border: { variable: '--rfr-card-border', fallback: 'hsl(var(--border))' },\n  },\n}\n\nexport const cardVariants = cva({\n  base: 'rounded-lg border shadow',\n  variants: {\n    variant: {\n      // Default — unchanged surface (bg-card + border via the global token).\n      default: 'bg-card text-card-foreground',\n      // Lower-emphasis container on the subtle surface token (issue #485).\n      subtle: 'bg-surface-subtle text-card-foreground',\n      // Tinted second-accent card (issue #485).\n      tertiary: 'border-transparent bg-tertiary-soft text-tertiary-soft-foreground',\n    },\n    padding: {\n      none: '',\n      default: 'p-6',\n      compact: 'p-4',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    padding: 'none',\n  },\n})\n\nexport const cardHeaderVariants = cva({\n  base: 'flex flex-col space-y-1.5 p-6',\n})\n\nexport const cardTitleVariants = cva({\n  base: 'font-semibold leading-none tracking-tight',\n  variants: {\n    size: {\n      sm: 'text-lg',\n      default: 'text-2xl',\n      lg: 'text-3xl',\n    },\n  },\n  defaultVariants: {\n    size: 'default',\n  },\n})\n\nexport const cardDescriptionVariants = cva({\n  base: 'text-sm text-muted-foreground',\n})\n\nexport const cardContentVariants = cva({\n  base: 'p-6 pt-0',\n})\n\nexport const cardFooterVariants = cva({\n  base: 'flex items-center p-6 pt-0',\n})\n", "import * as React from 'react'\nimport {\n  createCard,\n  createCardHeader,\n  createCardTitle,\n  createCardDescription,\n  createCardContent,\n  createCardFooter,\n  cardVariants,\n  cardHeaderVariants,\n  cardTitleVariants,\n  cardDescriptionVariants,\n  cardContentVariants,\n  cardFooterVariants,\n  type CardVariant,\n  type CardPadding,\n  type CardTitleLevel,\n} from '@refraction-ui/card'\nimport { cn } from '@refraction-ui/shared'\nimport { Slot } from '@refraction-ui/react-slot'\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual tone of the card. Defaults to `'default'` (issue #485). */\n  variant?: CardVariant\n  /** Built-in inner padding. Defaults to `'none'` (compose CardHeader/CardContent for spacing). */\n  padding?: CardPadding\n  /** Merge the card's classes/props onto the single child element instead of\n   * rendering a `<div>` (Radix-style `asChild`) — e.g.\n   * `<Card asChild><a href=\"/x\">…</a></Card>` for a clickable card. Expects\n   * exactly one React element child. */\n  asChild?: boolean\n}\n\n/**\n * Card -- a container with rounded corners, border, and shadow.\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  function Card({ className, variant, padding, asChild = false, ...props }, ref) {\n    const api = createCard()\n    const classes = cn(cardVariants({ variant, padding }), className)\n\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref as React.Ref<HTMLElement>}\n          className={classes}\n          {...api.ariaProps}\n          {...api.dataAttributes}\n          {...props}\n        />\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={classes}\n        {...api.ariaProps}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardHeader -- top section of a card, typically contains title and description.\n */\nexport const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardHeader({ className, ...props }, ref) {\n    const api = createCardHeader()\n    return (\n      <div\n        ref={ref}\n        className={cn(cardHeaderVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardTitle -- heading within a card header.\n */\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** Heading element. Defaults to `h3`; pick the level that fits the page outline. */\n  as?: CardTitleLevel\n}\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(\n  function CardTitle({ className, as: Heading = 'h3', ...props }, ref) {\n    const api = createCardTitle()\n    return (\n      <Heading\n        ref={ref}\n        className={cn(cardTitleVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardDescription -- subtext within a card header.\n */\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  function CardDescription({ className, ...props }, ref) {\n    const api = createCardDescription()\n    return (\n      <p\n        ref={ref}\n        className={cn(cardDescriptionVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardContent -- main body content area of a card.\n */\nexport const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardContent({ className, ...props }, ref) {\n    const api = createCardContent()\n    return (\n      <div\n        ref={ref}\n        className={cn(cardContentVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n\n/**\n * CardFooter -- bottom section of a card, typically contains actions.\n */\nexport const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardFooter({ className, ...props }, ref) {\n    const api = createCardFooter()\n    return (\n      <div\n        ref={ref}\n        className={cn(cardFooterVariants(), className)}\n        {...api.dataAttributes}\n        {...props}\n      />\n    )\n  },\n)\n"],
+  "mappings": "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",
   "names": ["Card", "CardHeader", "CardTitle", "CardDescription", "CardContent", "CardFooter"]
 }

package/dist/react-carousel.js

@@ -5,7 +5,7 @@ import {
 import {
   cn,
   devWarn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-carousel/dist/index.js
 import * as React from "react";

package/dist/react-charts.js

@@ -1,6 +1,6 @@
 import {
   devWarn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../charts/dist/index.js
 function createLinearScale(domain, range) {

package/dist/react-checkbox.js

@@ -2,7 +2,7 @@ import {
   Keys,
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-checkbox/dist/index.js
 import * as React from "react";

package/dist/react-checklist.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-checklist/dist/index.js
 import * as React from "react";

package/dist/react-code-block.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-code-block/dist/index.js
 import * as React from "react";

package/dist/react-code-editor.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-code-editor/dist/index.js
 import * as React from "react";

package/dist/react-collapsible.js

@@ -5,7 +5,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-collapsible/dist/index.js
 import * as React from "react";

package/dist/react-combobox.js

@@ -3,7 +3,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-combobox/dist/index.js
 import * as React from "react";

package/dist/react-command-input.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-command-input/dist/index.js
 import { useRef, useEffect, useState, forwardRef } from "react";

package/dist/react-command.js

@@ -5,7 +5,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-command/dist/index.js
 import * as React from "react";

package/dist/react-composer.js

@@ -1,16 +1,16 @@
 import {
   detectEmojiShortcode,
   detectTriggerInText
-} from "./chunk-BOLFYVI6.js";
+} from "./chunk-QPCKJ2YR.js";
 import {
   searchEmojis
-} from "./chunk-533MCMSU.js";
+} from "./chunk-3I3DYDHR.js";
 import {
   cn,
   cva,
   generateId,
   prefersReducedMotion
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-composer/dist/index.js
 import * as React2 from "react";

package/dist/react-content-protection.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-content-protection/dist/index.js
 import * as React from "react";

package/dist/react-conversation.js

@@ -1,18 +1,18 @@
 import {
   formatRelativeTime,
   formatTimestamp
-} from "./chunk-ONACRMG4.js";
+} from "./chunk-XMFNBOPO.js";
 import {
   MarkdownRenderer
-} from "./chunk-UNEM2TRI.js";
+} from "./chunk-SDAJVXD4.js";
 import {
   detectTriggerInText
-} from "./chunk-BOLFYVI6.js";
-import "./chunk-533MCMSU.js";
+} from "./chunk-QPCKJ2YR.js";
+import "./chunk-3I3DYDHR.js";
 import {
   cn,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-conversation/dist/index.js
 import * as React2 from "react";

package/dist/react-cookie-consent.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-cookie-consent/dist/index.js
 import * as React2 from "react";

package/dist/react-data-table.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-data-table/dist/index.js
 import * as React from "react";

package/dist/react-date-picker.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-date-picker/dist/index.js
 import * as React from "react";

package/dist/react-device-frame.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-device-frame/dist/index.js
 import * as React from "react";

package/dist/react-dialog.js

@@ -2,12 +2,12 @@ import {
   createDialog,
   dialogContentVariants,
   overlayStyles
-} from "./chunk-VK3EQ34F.js";
+} from "./chunk-V24GDHUX.js";
 import {
   cn,
   createKeyboardHandler,
   devWarn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-dialog/dist/index.js
 import * as React from "react";

package/dist/react-diff-viewer.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-diff-viewer/dist/index.js
 import * as React from "react";

package/dist/react-dropdown-menu.js

@@ -6,7 +6,7 @@ import {
   cva,
   devWarn,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-dropdown-menu/dist/index.js
 import * as React from "react";

package/dist/react-editor-status-bar.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-editor-status-bar/dist/index.js
 import * as React from "react";

package/dist/react-editor-tabs.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-editor-tabs/dist/index.js
 import * as React from "react";

package/dist/react-emoji-picker.js

@@ -22,10 +22,10 @@ import {
   searchEmojis,
   twemojiAssetUrl,
   twemojiFilename
-} from "./chunk-533MCMSU.js";
+} from "./chunk-3I3DYDHR.js";
 import {
   cn
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-emoji-picker/dist/index.js
 import * as React from "react";

package/dist/react-empty-state.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-empty-state/dist/index.js
 import * as React from "react";

package/dist/react-feedback-dialog.js

@@ -1,11 +1,11 @@
 import {
   createDialog
-} from "./chunk-VK3EQ34F.js";
+} from "./chunk-V24GDHUX.js";
 import {
   cn,
   cva,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-feedback-dialog/dist/index.js
 import * as React from "react";

package/dist/react-file-tree.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-file-tree/dist/index.js
 import * as React from "react";

package/dist/react-file-upload.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-file-upload/dist/index.js
 import * as React from "react";

package/dist/react-floating-reactions.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-floating-reactions/dist/index.js
 import * as React from "react";

package/dist/react-flow-editor.js

@@ -1,10 +1,10 @@
 import {
   InfiniteCanvas
-} from "./chunk-AMK4VCBG.js";
+} from "./chunk-WYKPPK3W.js";
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-flow-editor/dist/index.js
 import * as React from "react";

package/dist/react-footer.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-footer/dist/index.js
 import * as React from "react";

package/dist/react-funnel-chart.js

@@ -0,0 +1,105 @@
+import {
+  cn
+} from "./chunk-2Q6HHFAN.js";
+
+// ../react-funnel-chart/dist/index.js
+import * as React from "react";
+
+// ../funnel-chart/dist/index.js
+var DEFAULT_FUNNEL_MIN_BAR_PERCENT = 6;
+var percentOf = (part, whole) => whole ? part / whole * 100 : 0;
+function computeFunnel(steps, minBarPercent = DEFAULT_FUNNEL_MIN_BAR_PERCENT) {
+  const top = steps.length ? steps[0].value : 0;
+  return steps.map((step, i) => {
+    const shareOfTop = percentOf(step.value, top);
+    const following = steps[i + 1];
+    return {
+      step,
+      shareOfTop,
+      barPercent: Math.min(100, Math.max(shareOfTop, minBarPercent)),
+      next: following ? {
+        conversion: percentOf(following.value, step.value),
+        dropped: step.value - following.value
+      } : void 0
+    };
+  });
+}
+var funnelChartDefaults = {
+  formatValue: (value) => value.toLocaleString("en-US"),
+  formatPercent: (percent) => `${percent.toFixed(1)}%`,
+  shareLabel: (share) => `${share} of top`,
+  conversionLabel: (percent) => `${percent} continue`,
+  droppedLabel: (count) => `\u2212${count} dropped`
+};
+var funnelChartClasses = {
+  root: "m-0 grid list-none p-0",
+  bar: "relative flex items-center gap-3 overflow-hidden rounded-lg border border-border bg-background px-3.5 py-3",
+  fill: "absolute inset-y-0 left-0 border-r-2 border-primary bg-accent",
+  chevron: "relative shrink-0 text-primary",
+  text: "relative grid min-w-0 flex-1",
+  label: "text-[13px] font-bold text-foreground",
+  description: "text-[11px] text-muted-foreground",
+  figure: "relative grid text-right",
+  value: "text-[15px] font-bold tabular-nums text-foreground",
+  share: "text-[10.5px] text-muted-foreground",
+  transition: "flex items-center gap-2 py-1.5 pl-[18px] text-[11px] text-muted-foreground",
+  conversion: "font-semibold text-success",
+  dropped: "font-semibold text-destructive"
+};
+
+// ../react-funnel-chart/dist/index.js
+import { jsx, jsxs } from "react/jsx-runtime";
+function Chevron() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: funnelChartClasses.chevron,
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+var FunnelChart = React.forwardRef(function FunnelChart2({
+  steps,
+  formatValue = funnelChartDefaults.formatValue,
+  formatPercent = funnelChartDefaults.formatPercent,
+  minBarPercent = DEFAULT_FUNNEL_MIN_BAR_PERCENT,
+  shareLabel = funnelChartDefaults.shareLabel,
+  conversionLabel = funnelChartDefaults.conversionLabel,
+  droppedLabel = funnelChartDefaults.droppedLabel,
+  className,
+  ...rest
+}, ref) {
+  const rows = React.useMemo(() => computeFunnel(steps, minBarPercent), [steps, minBarPercent]);
+  return /* @__PURE__ */ jsx("ol", { ref, className: cn(funnelChartClasses.root, className), "data-slot": "funnel-chart", ...rest, children: rows.map((row) => /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsxs("div", { className: funnelChartClasses.bar, children: [
+      /* @__PURE__ */ jsx("div", { className: funnelChartClasses.fill, style: { width: `${row.barPercent}%` }, "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx(Chevron, {}),
+      /* @__PURE__ */ jsxs("div", { className: funnelChartClasses.text, children: [
+        /* @__PURE__ */ jsx("b", { className: funnelChartClasses.label, children: row.step.label }),
+        row.step.description && /* @__PURE__ */ jsx("span", { className: funnelChartClasses.description, children: row.step.description })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: funnelChartClasses.figure, children: [
+        /* @__PURE__ */ jsx("b", { className: funnelChartClasses.value, children: formatValue(row.step.value) }),
+        /* @__PURE__ */ jsx("span", { className: funnelChartClasses.share, children: shareLabel(formatPercent(row.shareOfTop)) })
+      ] })
+    ] }),
+    row.next && /* @__PURE__ */ jsxs("div", { className: funnelChartClasses.transition, children: [
+      /* @__PURE__ */ jsx("span", { className: funnelChartClasses.conversion, children: conversionLabel(formatPercent(row.next.conversion)) }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+      /* @__PURE__ */ jsx("span", { className: funnelChartClasses.dropped, children: droppedLabel(formatValue(row.next.dropped)) })
+    ] })
+  ] }, row.step.id)) });
+});
+export {
+  FunnelChart
+};
+//# sourceMappingURL=react-funnel-chart.js.map

package/dist/react-funnel-chart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../funnel-chart/src/funnel-chart.ts", "../../funnel-chart/src/funnel-chart.styles.ts", "../../react-funnel-chart/src/funnel-chart.tsx"],
+  "sourcesContent": ["export interface FunnelChartStep {\n  /** Stable key. */\n  id: string\n  /** Step name. */\n  label: string\n  /** Secondary line under the label. */\n  description?: string\n  /** Count at this step. */\n  value: number\n}\n\nexport interface FunnelChartTransition {\n  /** Percent (0–100) of this step that reached the next one. */\n  conversion: number\n  /** Absolute count lost between this step and the next. */\n  dropped: number\n}\n\nexport interface FunnelChartRow {\n  step: FunnelChartStep\n  /** Percent (0–100) of the first step's value. */\n  shareOfTop: number\n  /** Width the bar draws at, in percent — never below `minBarPercent`. */\n  barPercent: number\n  /** Transition to the following step; absent on the last step. */\n  next?: FunnelChartTransition\n}\n\n/** Smallest bar width in percent, so a tiny step stays visible. */\nexport const DEFAULT_FUNNEL_MIN_BAR_PERCENT = 6\n\nconst percentOf = (part: number, whole: number) => (whole ? (part / whole) * 100 : 0)\n\n/**\n * Derive every row of a stepped conversion funnel: each step's share of the top\n * step, the bar width it draws at, and between two steps the continue-rate and\n * how many were lost. Pure and deterministic.\n */\nexport function computeFunnel(\n  steps: FunnelChartStep[],\n  minBarPercent: number = DEFAULT_FUNNEL_MIN_BAR_PERCENT,\n): FunnelChartRow[] {\n  const top = steps.length ? steps[0].value : 0\n  return steps.map((step, i) => {\n    const shareOfTop = percentOf(step.value, top)\n    const following = steps[i + 1]\n    return {\n      step,\n      shareOfTop,\n      barPercent: Math.min(100, Math.max(shareOfTop, minBarPercent)),\n      next: following\n        ? {\n            conversion: percentOf(following.value, step.value),\n            dropped: step.value - following.value,\n          }\n        : undefined,\n    }\n  })\n}\n\n/** Default copy + number formatting; every one is overridable by a prop. */\nexport const funnelChartDefaults = {\n  formatValue: (value: number) => value.toLocaleString('en-US'),\n  formatPercent: (percent: number) => `${percent.toFixed(1)}%`,\n  shareLabel: (share: string) => `${share} of top`,\n  conversionLabel: (percent: string) => `${percent} continue`,\n  droppedLabel: (count: string) => `−${count} dropped`,\n}\n", "/** Token-class styles for FunnelChart; no colour literals. */\nexport const funnelChartClasses = {\n  root: 'm-0 grid list-none p-0',\n  bar: 'relative flex items-center gap-3 overflow-hidden rounded-lg border border-border bg-background px-3.5 py-3',\n  fill: 'absolute inset-y-0 left-0 border-r-2 border-primary bg-accent',\n  chevron: 'relative shrink-0 text-primary',\n  text: 'relative grid min-w-0 flex-1',\n  label: 'text-[13px] font-bold text-foreground',\n  description: 'text-[11px] text-muted-foreground',\n  figure: 'relative grid text-right',\n  value: 'text-[15px] font-bold tabular-nums text-foreground',\n  share: 'text-[10.5px] text-muted-foreground',\n  transition: 'flex items-center gap-2 py-1.5 pl-[18px] text-[11px] text-muted-foreground',\n  conversion: 'font-semibold text-success',\n  dropped: 'font-semibold text-destructive',\n} as const\n", "import * as React from 'react'\nimport {\n  computeFunnel,\n  funnelChartClasses as c,\n  funnelChartDefaults,\n  DEFAULT_FUNNEL_MIN_BAR_PERCENT,\n  type FunnelChartStep,\n} from '@refraction-ui/funnel-chart'\nimport { cn } from '@refraction-ui/shared'\n\nexport type { FunnelChartStep }\n\nexport interface FunnelChartProps extends Omit<React.HTMLAttributes<HTMLOListElement>, 'children'> {\n  /** The funnel steps, top first. */\n  steps: FunnelChartStep[]\n  /** Formats a count. */\n  formatValue?: (value: number) => string\n  /** Formats a percent (already 0–100). */\n  formatPercent?: (percent: number) => string\n  /** Smallest bar width in percent, so a tiny step stays visible. Defaults to 6. */\n  minBarPercent?: number\n  /** Copy — a step's share of the top step. */\n  shareLabel?: (share: string) => string\n  /** Copy — continue-rate between two steps. */\n  conversionLabel?: (percent: string) => string\n  /** Copy — count lost between two steps. */\n  droppedLabel?: (count: string) => string\n}\n\nfunction Chevron() {\n  return (\n    <svg\n      className={c.chevron}\n      width=\"15\"\n      height=\"15\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  )\n}\n\n/**\n * FunnelChart — a vertical conversion funnel: one bar per step, filled to its\n * share of the first step, with the continue-rate and drop-off between steps.\n * Renders an ordered list, so the figures are real text for assistive tech.\n */\nexport const FunnelChart = React.forwardRef<HTMLOListElement, FunnelChartProps>(function FunnelChart(\n  {\n    steps,\n    formatValue = funnelChartDefaults.formatValue,\n    formatPercent = funnelChartDefaults.formatPercent,\n    minBarPercent = DEFAULT_FUNNEL_MIN_BAR_PERCENT,\n    shareLabel = funnelChartDefaults.shareLabel,\n    conversionLabel = funnelChartDefaults.conversionLabel,\n    droppedLabel = funnelChartDefaults.droppedLabel,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const rows = React.useMemo(() => computeFunnel(steps, minBarPercent), [steps, minBarPercent])\n  return (\n    <ol ref={ref} className={cn(c.root, className)} data-slot=\"funnel-chart\" {...rest}>\n      {rows.map((row) => (\n        <li key={row.step.id}>\n          <div className={c.bar}>\n            <div className={c.fill} style={{ width: `${row.barPercent}%` }} aria-hidden=\"true\" />\n            <Chevron />\n            <div className={c.text}>\n              <b className={c.label}>{row.step.label}</b>\n              {row.step.description && <span className={c.description}>{row.step.description}</span>}\n            </div>\n            <div className={c.figure}>\n              <b className={c.value}>{formatValue(row.step.value)}</b>\n              <span className={c.share}>{shareLabel(formatPercent(row.shareOfTop))}</span>\n            </div>\n          </div>\n          {row.next && (\n            <div className={c.transition}>\n              <span className={c.conversion}>{conversionLabel(formatPercent(row.next.conversion))}</span>\n              <span aria-hidden=\"true\">·</span>\n              <span className={c.dropped}>{droppedLabel(formatValue(row.next.dropped))}</span>\n            </div>\n          )}\n        </li>\n      ))}\n    </ol>\n  )\n})\n"],
+  "mappings": ";;;;;;;;AA6BO,IAAM,iCAAiC;AAE9C,IAAM,YAAY,CAAC,MAAc,UAAmB,QAAS,OAAO,QAAS,MAAM;AAO5E,SAAS,cACd,OACA,gBAAwB,gCACN;AAClB,QAAM,MAAM,MAAM,SAAS,MAAM,CAAC,EAAE,QAAQ;AAC5C,SAAO,MAAM,IAAI,CAAC,MAAM,MAAM;AAC5B,UAAM,aAAa,UAAU,KAAK,OAAO,GAAG;AAC5C,UAAM,YAAY,MAAM,IAAI,CAAC;AAC7B,WAAO;MACL;MACA;MACA,YAAY,KAAK,IAAI,KAAK,KAAK,IAAI,YAAY,aAAa,CAAC;MAC7D,MAAM,YACF;QACE,YAAY,UAAU,UAAU,OAAO,KAAK,KAAK;QACjD,SAAS,KAAK,QAAQ,UAAU;MAAA,IAElC;IAAA;EAER,CAAC;AACH;AAGO,IAAM,sBAAsB;EACjC,aAAa,CAAC,UAAkB,MAAM,eAAe,OAAO;EAC5D,eAAe,CAAC,YAAoB,GAAG,QAAQ,QAAQ,CAAC,CAAC;EACzD,YAAY,CAAC,UAAkB,GAAG,KAAK;EACvC,iBAAiB,CAAC,YAAoB,GAAG,OAAO;EAChD,cAAc,CAAC,UAAkB,SAAI,KAAK;AAC5C;AClEO,IAAM,qBAAqB;EAChC,MAAM;EACN,KAAK;EACL,MAAM;EACN,SAAS;EACT,MAAM;EACN,OAAO;EACP,aAAa;EACb,QAAQ;EACR,OAAO;EACP,OAAO;EACP,YAAY;EACZ,YAAY;EACZ,SAAS;AACX;;;;ACcA,SAAS,UAAU;AACjB,SACE;IAAC;IAAA;MACC,WAAWA,mBAAE;MACb,OAAM;MACN,QAAO;MACP,SAAQ;MACR,MAAK;MACL,QAAO;MACP,aAAY;MACZ,eAAc;MACd,gBAAe;MACf,eAAY;MAEZ,UAAA,oBAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB;IAAA;EAAA;AAG9B;AAOO,IAAM,cAAoB,iBAA+C,SAASC,aACvF;EACE;EACA,cAAc,oBAAoB;EAClC,gBAAgB,oBAAoB;EACpC,gBAAgB;EAChB,aAAa,oBAAoB;EACjC,kBAAkB,oBAAoB;EACtC,eAAe,oBAAoB;EACnC;EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,OAAa,cAAQ,MAAM,cAAc,OAAO,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC;AAC5F,SAAA,oBACG,MAAA,EAAG,KAAU,WAAW,GAAGD,mBAAE,MAAM,SAAS,GAAG,aAAU,gBAAgB,GAAG,MAC1E,UAAA,KAAK,IAAI,CAAC,QAAA,qBACR,MAAA,EACC,UAAA;IAAA,qBAAC,OAAA,EAAI,WAAWA,mBAAE,KAChB,UAAA;MAAA,oBAAC,OAAA,EAAI,WAAWA,mBAAE,MAAM,OAAO,EAAE,OAAO,GAAG,IAAI,UAAU,IAAA,GAAO,eAAY,OAAA,CAAO;MAAA,oBAClF,SAAA,CAAA,CAAQ;MACT,qBAAC,OAAA,EAAI,WAAWA,mBAAE,MAChB,UAAA;QAAA,oBAAC,KAAA,EAAE,WAAWA,mBAAE,OAAQ,UAAA,IAAI,KAAK,MAAA,CAAM;QACtC,IAAI,KAAK,eAAe,oBAAC,QAAA,EAAK,WAAWA,mBAAE,aAAc,UAAA,IAAI,KAAK,YAAA,CAAY;MAAA,EAAA,CACjF;MACA,qBAAC,OAAA,EAAI,WAAWA,mBAAE,QAChB,UAAA;QAAA,oBAAC,KAAA,EAAE,WAAWA,mBAAE,OAAQ,UAAA,YAAY,IAAI,KAAK,KAAK,EAAA,CAAE;QACpD,oBAAC,QAAA,EAAK,WAAWA,mBAAE,OAAQ,UAAA,WAAW,cAAc,IAAI,UAAU,CAAC,EAAA,CAAE;MAAA,EAAA,CACvE;IAAA,EAAA,CACF;IACC,IAAI,QACH,qBAAC,OAAA,EAAI,WAAWA,mBAAE,YAChB,UAAA;MAAA,oBAAC,QAAA,EAAK,WAAWA,mBAAE,YAAa,UAAA,gBAAgB,cAAc,IAAI,KAAK,UAAU,CAAC,EAAA,CAAE;MACpF,oBAAC,QAAA,EAAK,eAAY,QAAO,UAAA,OAAA,CAAC;MAC1B,oBAAC,QAAA,EAAK,WAAWA,mBAAE,SAAU,UAAA,aAAa,YAAY,IAAI,KAAK,OAAO,CAAC,EAAA,CAAE;IAAA,EAAA,CAC3E;EAAA,EAAA,GAlBK,IAAI,KAAK,EAoBlB,CACD,EAAA,CACH;AAEJ,CAAC;",
+  "names": ["c", "FunnelChart"]
+}

package/dist/react-graph-view.js

@@ -1,10 +1,10 @@
 import {
   InfiniteCanvas
-} from "./chunk-AMK4VCBG.js";
+} from "./chunk-WYKPPK3W.js";
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-graph-view/dist/index.js
 import * as React from "react";

package/dist/react-infinite-canvas.js

@@ -1,7 +1,7 @@
 import {
   InfiniteCanvas
-} from "./chunk-AMK4VCBG.js";
-import "./chunk-ZF3OHCGV.js";
+} from "./chunk-WYKPPK3W.js";
+import "./chunk-2Q6HHFAN.js";
 export {
   InfiniteCanvas
 };

package/dist/react-inline-editor.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-inline-editor/dist/index.js
 import * as React from "react";

package/dist/react-input-group.js

@@ -2,7 +2,7 @@ import {
   cn,
   cva,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-input-group/dist/index.js
 import * as React from "react";

package/dist/react-input.js

@@ -1,8 +1,8 @@
 import {
   Input,
   inputVariants
-} from "./chunk-TOZBR4GL.js";
-import "./chunk-ZF3OHCGV.js";
+} from "./chunk-RSWOLRIC.js";
+import "./chunk-2Q6HHFAN.js";
 export {
   Input,
   inputVariants

package/dist/react-install-prompt.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-install-prompt/dist/index.js
 import * as React from "react";

package/dist/react-kanban-board.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-kanban-board/dist/index.js
 import * as React from "react";

package/dist/react-keyboard-shortcut.js

@@ -14,8 +14,8 @@ import {
   shortcutKeyStyles,
   shortcutSeparatorStyles,
   useShortcut
-} from "./chunk-WK2IIUFO.js";
-import "./chunk-ZF3OHCGV.js";
+} from "./chunk-QDMLIDYN.js";
+import "./chunk-2Q6HHFAN.js";
 export {
   AltHintState,
   KeyboardShortcut,

package/dist/react-language-selector.js

@@ -4,7 +4,7 @@ import {
   createKeyboardHandler,
   cva,
   generateId
-} from "./chunk-ZF3OHCGV.js";
+} from "./chunk-2Q6HHFAN.js";
 
 // ../react-language-selector/dist/index.js
 import * as React from "react";