@refraction-ui/react 0.23.0 → 0.23.2

package/dist/index.js

@@ -1,5 +1,5 @@
 'use client';
-export { cn, cva } from '@refraction-ui/shared';
+export { cn, cva } from './shared.js';
 export * from './react-accordion.js';
 export * from './react-ai.js';
 export * from './react-animated-text.js';

package/dist/internal/react-data-table/index.d.cts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { ColumnDef, SortDirection } from '../data-table/index.cjs';
 export { ColumnDef, DataTableProps as CoreDataTableProps, DataTableAPI, DataTableAlign, DataTableState, SortDirection, cellVariants, headerVariants, rowVariants, tableVariants } from '../data-table/index.cjs';
+import { DataAttributes } from '../shared/index.cjs';
 
 interface DataTableColumn<T = Record<string, unknown>> extends Omit<ColumnDef<T>, 'header' | 'cell'> {
     /** Header content. A string is also used for the filter input's label. */
@@ -20,7 +21,7 @@ interface DataTableProps<T = Record<string, unknown>> extends Omit<React.TableHT
     /** Stable key per row. Defaults to the row index — pass one when rows can reorder. */
     getRowKey?: (row: T, index: number) => string | number;
     /** Extra attributes for a row (`data-*`, `aria-*`, className, handlers). */
-    getRowProps?: (row: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    getRowProps?: (row: T, index: number) => React.HTMLAttributes<HTMLTableRowElement> & DataAttributes;
     /**
      * Row action. Makes each row focusable (Tab) and activatable with click,
      * Enter or Space. Keep a real link/button in the row too when the action

package/dist/internal/react-data-table/index.d.ts

@@ -2,6 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { ColumnDef, SortDirection } from '../data-table/index.js';
 export { ColumnDef, DataTableProps as CoreDataTableProps, DataTableAPI, DataTableAlign, DataTableState, SortDirection, cellVariants, headerVariants, rowVariants, tableVariants } from '../data-table/index.js';
+import { DataAttributes } from '../shared/index.js';
 
 interface DataTableColumn<T = Record<string, unknown>> extends Omit<ColumnDef<T>, 'header' | 'cell'> {
     /** Header content. A string is also used for the filter input's label. */
@@ -20,7 +21,7 @@ interface DataTableProps<T = Record<string, unknown>> extends Omit<React.TableHT
     /** Stable key per row. Defaults to the row index — pass one when rows can reorder. */
     getRowKey?: (row: T, index: number) => string | number;
     /** Extra attributes for a row (`data-*`, `aria-*`, className, handlers). */
-    getRowProps?: (row: T, index: number) => React.HTMLAttributes<HTMLTableRowElement>;
+    getRowProps?: (row: T, index: number) => React.HTMLAttributes<HTMLTableRowElement> & DataAttributes;
     /**
      * Row action. Makes each row focusable (Tab) and activatable with click,
      * Enter or Space. Keep a real link/button in the row too when the action

package/dist/internal/react-stat-grid/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { StatTone, StatGridColumns, StatGridVariant, StatGridLayout } from '../stat-grid/index.js';
 export { StatGridColumns, StatGridLayout, StatGridVariant, StatItem, StatTone, statColumns } from '../stat-grid/index.js';
+import { DataAttributes } from '../shared/index.js';
 
 interface StatGridItem {
     /** The primary value displayed prominently. Allows rich content in React. */
@@ -14,7 +15,7 @@ interface StatGridItem {
     /** Colour of the value. Defaults to `default`. */
     tone?: StatTone;
     /** Extra attributes for this item's element (`data-*`, `aria-*`, `title`, className). */
-    props?: React.HTMLAttributes<HTMLDivElement>;
+    props?: React.HTMLAttributes<HTMLDivElement> & DataAttributes;
 }
 interface StatGridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
     /** The stat items to display in the grid. */

package/dist/internal/shared/index.d.cts

@@ -10,6 +10,15 @@ interface BaseProps {
     style?: Record<string, string | number>;
     [dataAttr: `data-${string}`]: string | undefined;
 }
+/**
+ * `data-*` attributes, for props that take element attributes as an object
+ * (e.g. DataTable `getRowProps`, StatGrid item `props`). React's
+ * HTMLAttributes declares no `data-*` key, so without this an object of only
+ * data attributes fails TypeScript's weak-type check.
+ */
+type DataAttributes = {
+    [dataAttr: `data-${string}`]: string | number | boolean | undefined;
+};
 /** Accessibility props */
 interface AccessibilityProps {
     role?: string;
@@ -419,4 +428,4 @@ declare function prefersReducedMotion(): boolean;
 /** Get animation duration — returns '0ms' if reduced motion preferred */
 declare function getAnimationDuration(normalDuration: string): string;
 
-export { type AccessibilityProps, type Align, type BaseProps, type CompositionProps, type DataState, type DevFeedbackRecord, type DevFeedbackSink, type EngineAdapter, FOCUSABLE_SELECTOR, type FocusTrap, type FocusTrapConfig, type KeyboardHandlerMap, type KeyboardKey, Keys, type LibraryFramework, type LibraryOriginEnvelope, type LibraryOriginErrorInput, type LibraryOriginIdentity, type LiveRegion, type LiveRegionConfig, type Machine, type MachineConfig, type Orientation, type Side, type Size, type SkipLinkProps, type ThemeProps, type TokenContract, type TokenDefinition, type Variant, captureLibraryOriginError, cn, createFocusTrap, createKeyboardHandler, createLiveRegion, createMachine, createSkipLink, cva, devError, devWarn, generateId, getAnimationDuration, getFocusableElements, isLibraryOriginError, libraryOriginEnvelope, libraryOriginError, mergeAriaProps, prefersReducedMotion, resetDevFeedback, resetIdCounter, setDevFeedbackSink, stackFingerprint };
+export { type AccessibilityProps, type Align, type BaseProps, type CompositionProps, type DataAttributes, type DataState, type DevFeedbackRecord, type DevFeedbackSink, type EngineAdapter, FOCUSABLE_SELECTOR, type FocusTrap, type FocusTrapConfig, type KeyboardHandlerMap, type KeyboardKey, Keys, type LibraryFramework, type LibraryOriginEnvelope, type LibraryOriginErrorInput, type LibraryOriginIdentity, type LiveRegion, type LiveRegionConfig, type Machine, type MachineConfig, type Orientation, type Side, type Size, type SkipLinkProps, type ThemeProps, type TokenContract, type TokenDefinition, type Variant, captureLibraryOriginError, cn, createFocusTrap, createKeyboardHandler, createLiveRegion, createMachine, createSkipLink, cva, devError, devWarn, generateId, getAnimationDuration, getFocusableElements, isLibraryOriginError, libraryOriginEnvelope, libraryOriginError, mergeAriaProps, prefersReducedMotion, resetDevFeedback, resetIdCounter, setDevFeedbackSink, stackFingerprint };

package/dist/internal/shared/index.d.ts

@@ -10,6 +10,15 @@ interface BaseProps {
     style?: Record<string, string | number>;
     [dataAttr: `data-${string}`]: string | undefined;
 }
+/**
+ * `data-*` attributes, for props that take element attributes as an object
+ * (e.g. DataTable `getRowProps`, StatGrid item `props`). React's
+ * HTMLAttributes declares no `data-*` key, so without this an object of only
+ * data attributes fails TypeScript's weak-type check.
+ */
+type DataAttributes = {
+    [dataAttr: `data-${string}`]: string | number | boolean | undefined;
+};
 /** Accessibility props */
 interface AccessibilityProps {
     role?: string;
@@ -419,4 +428,4 @@ declare function prefersReducedMotion(): boolean;
 /** Get animation duration — returns '0ms' if reduced motion preferred */
 declare function getAnimationDuration(normalDuration: string): string;
 
-export { type AccessibilityProps, type Align, type BaseProps, type CompositionProps, type DataState, type DevFeedbackRecord, type DevFeedbackSink, type EngineAdapter, FOCUSABLE_SELECTOR, type FocusTrap, type FocusTrapConfig, type KeyboardHandlerMap, type KeyboardKey, Keys, type LibraryFramework, type LibraryOriginEnvelope, type LibraryOriginErrorInput, type LibraryOriginIdentity, type LiveRegion, type LiveRegionConfig, type Machine, type MachineConfig, type Orientation, type Side, type Size, type SkipLinkProps, type ThemeProps, type TokenContract, type TokenDefinition, type Variant, captureLibraryOriginError, cn, createFocusTrap, createKeyboardHandler, createLiveRegion, createMachine, createSkipLink, cva, devError, devWarn, generateId, getAnimationDuration, getFocusableElements, isLibraryOriginError, libraryOriginEnvelope, libraryOriginError, mergeAriaProps, prefersReducedMotion, resetDevFeedback, resetIdCounter, setDevFeedbackSink, stackFingerprint };
+export { type AccessibilityProps, type Align, type BaseProps, type CompositionProps, type DataAttributes, type DataState, type DevFeedbackRecord, type DevFeedbackSink, type EngineAdapter, FOCUSABLE_SELECTOR, type FocusTrap, type FocusTrapConfig, type KeyboardHandlerMap, type KeyboardKey, Keys, type LibraryFramework, type LibraryOriginEnvelope, type LibraryOriginErrorInput, type LibraryOriginIdentity, type LiveRegion, type LiveRegionConfig, type Machine, type MachineConfig, type Orientation, type Side, type Size, type SkipLinkProps, type ThemeProps, type TokenContract, type TokenDefinition, type Variant, captureLibraryOriginError, cn, createFocusTrap, createKeyboardHandler, createLiveRegion, createMachine, createSkipLink, cva, devError, devWarn, generateId, getAnimationDuration, getFocusableElements, isLibraryOriginError, libraryOriginEnvelope, libraryOriginError, mergeAriaProps, prefersReducedMotion, resetDevFeedback, resetIdCounter, setDevFeedbackSink, stackFingerprint };

package/dist/react-accordion.js

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

package/dist/react-action-list.js

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

package/dist/react-ai.js

@@ -1,6 +1,6 @@
 import {
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-ai/dist/index.js
 import * as React from "react";

package/dist/react-analytics.js

@@ -1,6 +1,6 @@
 import {
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-analytics/dist/index.js
 import * as React from "react";

package/dist/react-animated-text.js

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

package/dist/react-app-shell.js

@@ -2,7 +2,7 @@ import {
   cn,
   devWarn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-app-shell/dist/index.js
 import * as React from "react";

package/dist/react-audience-feature-card.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-audience-feature-card/dist/index.js
 import * as React from "react";

package/dist/react-audio-room.js

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

package/dist/react-auth.js

@@ -1,6 +1,6 @@
 import {
   devWarn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-auth/dist/index.js
 import * as React2 from "react";

package/dist/react-avatar-group.js

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

package/dist/react-avatar.js

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

package/dist/react-badge.js

@@ -4,7 +4,7 @@ import {
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-badge/dist/index.js
 import * as React from "react";

package/dist/react-bottom-nav.js

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

package/dist/react-brand-network-cell.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-brand-network-cell/dist/index.js
 import * as React from "react";

package/dist/react-breadcrumbs.js

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

package/dist/react-browser-chrome-mock.js

@@ -1,7 +1,7 @@
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-browser-chrome-mock/dist/index.js
 import * as React from "react";

package/dist/react-button.js

@@ -2,9 +2,9 @@ import {
   Button,
   buttonTokens,
   buttonVariants
-} from "./chunk-Z5IHYNQD.js";
-import "./chunk-QDMLIDYN.js";
-import "./chunk-2Q6HHFAN.js";
+} from "./chunk-JZQ5ZL46.js";
+import "./chunk-GU5MI7FX.js";
+import "./chunk-75BKRTPO.js";
 export {
   Button,
   buttonTokens,

package/dist/react-calendar.js

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

package/dist/react-call-controls.js

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

package/dist/react-callout.js

@@ -4,7 +4,7 @@ import {
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-callout/dist/index.js
 import * as React from "react";

package/dist/react-card-grid.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-card-grid/dist/index.js
 import * as React from "react";

package/dist/react-card.js

@@ -4,7 +4,7 @@ import {
 import {
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-card/dist/index.js
 import * as React from "react";

package/dist/react-carousel.js

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

package/dist/react-charts.js

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

package/dist/react-checkbox.js

@@ -2,7 +2,7 @@ import {
   Keys,
   cn,
   cva
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-QPCKJ2YR.js";
+} from "./chunk-GG6MZDGV.js";
 import {
   searchEmojis
-} from "./chunk-3I3DYDHR.js";
+} from "./chunk-WNLYPQOS.js";
 import {
   cn,
   cva,
   generateId,
   prefersReducedMotion
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-XMFNBOPO.js";
+} from "./chunk-PY2TIFCT.js";
 import {
   MarkdownRenderer
-} from "./chunk-SDAJVXD4.js";
+} from "./chunk-5P56PN3J.js";
 import {
   detectTriggerInText
-} from "./chunk-QPCKJ2YR.js";
-import "./chunk-3I3DYDHR.js";
+} from "./chunk-GG6MZDGV.js";
+import "./chunk-WNLYPQOS.js";
 import {
   cn,
   generateId
-} from "./chunk-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.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-2Q6HHFAN.js";
+} from "./chunk-75BKRTPO.js";
 
 // ../react-data-table/dist/index.js
 import * as React from "react";