@cloudraker/reki 2.6.1 → 2.7.0

package/dist/src/components/avatar/avatar.d.ts

@@ -0,0 +1,80 @@
+/** Variant standard export (reki convention). */
+export declare const REKI_AVATAR_VARIANTS: {
+    readonly size: {
+        readonly xs: {
+            readonly classes: "size-5";
+            readonly description: "Extra small";
+        };
+        readonly sm: {
+            readonly classes: "size-6";
+            readonly description: "Small";
+        };
+        readonly base: {
+            readonly classes: "size-8";
+            readonly description: "Default";
+        };
+        readonly lg: {
+            readonly classes: "size-10";
+            readonly description: "Large";
+        };
+        readonly xl: {
+            readonly classes: "size-12";
+            readonly description: "Extra large";
+        };
+    };
+    readonly shape: {
+        readonly circle: {
+            readonly classes: "rounded-full";
+            readonly description: "Round avatar";
+        };
+        readonly square: {
+            readonly classes: "rounded-md";
+            readonly description: "Rounded square avatar";
+        };
+    };
+};
+export declare const REKI_AVATAR_DEFAULT_VARIANTS: {
+    readonly size: "base";
+    readonly shape: "circle";
+};
+export type AvatarSize = "xs" | "sm" | "base" | "lg" | "xl";
+export type AvatarShape = "circle" | "square";
+/**
+ * Avatar component props.
+ *
+ * @example
+ * ```tsx
+ * <Avatar initials="JD" />
+ * <Avatar src="/u/jane.png" alt="Jane Doe" />
+ * ```
+ */
+export interface AvatarProps {
+    /** Image URL. When present, the image replaces the initials fallback. */
+    src?: string | null;
+    /** Up to ~2 characters shown when there is no image. */
+    initials?: string;
+    /** Accessible name / image alt text. */
+    alt?: string;
+    /** Glyph scale. @default "base" */
+    size?: AvatarSize;
+    /** Round (default) or rounded-square. @default "circle" */
+    shape?: AvatarShape;
+    /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */
+    className?: string;
+}
+/**
+ * Image-or-initials glyph for a user or entity. Falls back to initials on a
+ * neutral fill when no image is provided. Use for assignees, participants, and
+ * record owners.
+ *
+ * @example
+ * ```tsx
+ * <Avatar initials="JD" size="sm" />
+ * <Avatar src={member.avatarUrl} alt={member.name} />
+ * ```
+ */
+export declare function Avatar({ src, initials, alt, size, shape, className, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Avatar {
+    var displayName: string;
+}
+//# sourceMappingURL=avatar.d.ts.map

package/dist/src/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAGA,iDAAiD;AACjD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYvB,CAAC;AAEX,eAAO,MAAM,4BAA4B;;;CAG/B,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAW;IAC1B,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAU,EACV,QAAQ,EACR,GAAQ,EACR,IAAa,EACb,KAAgB,EAChB,SAAS,GACV,EAAE,WAAW,2CAyBb;yBAhCe,MAAM"}

package/dist/src/components/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarShape, } from './avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC"}

package/dist/src/components/avatar-group/avatar-group.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+/** Variant standard export (reki convention). */
+export declare const REKI_AVATAR_GROUP_VARIANTS: {};
+export declare const REKI_AVATAR_GROUP_DEFAULT_VARIANTS: {};
+/**
+ * AvatarGroup component props.
+ *
+ * @example
+ * ```tsx
+ * <AvatarGroup avatars={members.map((m) => <Avatar key={m.id} src={m.url} />)} />
+ * ```
+ */
+export interface AvatarGroupProps {
+    /** Avatar nodes to stack (typically reki `Avatar` elements). */
+    avatars: ReactNode[];
+    /** Maximum avatars shown before collapsing into a `+N` counter. @default 4 */
+    max?: number;
+    /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */
+    className?: string;
+}
+/**
+ * Overlapping stack of avatars for assignees / participants. Shows up to `max`
+ * avatars and a `+N` counter for the remainder.
+ *
+ * @example
+ * ```tsx
+ * <AvatarGroup
+ *   avatars={members.map((m) => (
+ *     <Avatar key={m.id} src={m.avatarUrl} initials={m.initials} size="sm" />
+ *   ))}
+ * />
+ * ```
+ */
+export declare function AvatarGroup({ avatars, max, className }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=avatar-group.d.ts.map

package/dist/src/components/avatar-group/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar-group/avatar-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,iDAAiD;AACjD,eAAO,MAAM,0BAA0B,IAAc,CAAC;AAEtD,eAAO,MAAM,kCAAkC,IAAc,CAAC;AAE9D;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,8EAA8E;IAC9E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAO,EAAE,SAAS,EAAE,EAAE,gBAAgB,kDAyB5E"}

package/dist/src/components/avatar-group/index.d.ts

@@ -0,0 +1,2 @@
+export { AvatarGroup, type AvatarGroupProps } from './avatar-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/avatar-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/components/button/button.d.ts

@@ -18,19 +18,19 @@ export declare const REKI_BUTTON_VARIANTS: {
     };
     readonly size: {
         readonly xs: {
-            readonly classes: "h-5 gap-1 rounded-sm px-1.5 text-xs";
+            readonly classes: "h-5 gap-1 rounded-full px-1.5 text-xs";
             readonly description: "Extra small button for compact UIs";
         };
         readonly sm: {
-            readonly classes: "h-6.5 gap-1 rounded-md px-2 text-xs";
+            readonly classes: "h-6.5 gap-1 rounded-full px-2 text-xs";
             readonly description: "Small button for secondary actions";
         };
         readonly base: {
-            readonly classes: "h-9 gap-1.5 rounded-lg px-3 text-base";
+            readonly classes: "h-9 gap-1.5 rounded-full px-3 text-base";
             readonly description: "Default button size";
         };
         readonly lg: {
-            readonly classes: "h-10 gap-2 rounded-lg px-4 text-base";
+            readonly classes: "h-10 gap-2 rounded-full px-4 text-base";
             readonly description: "Large button for primary CTAs";
         };
     };

package/dist/src/components/chip/chip.d.ts

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+export declare const REKI_CHIP_DEFAULT_VARIANTS: {
+    readonly variant: "regular";
+    readonly size: "small";
+    readonly accent: "primary";
+};
+export type ChipSize = "small" | "large";
+export type ChipVariant = "regular" | "highlighted" | "transparent" | "static";
+export type ChipAccent = "primary" | "secondary";
+/** Variant background/border definitions for the chip. */
+export declare const REKI_CHIP_VARIANTS: {
+    readonly variant: {
+        readonly regular: {
+            readonly classes: "ring ring-inset ring-reki-hairline bg-reki-base";
+            readonly description: "Bordered chip on the surface background (default)";
+        };
+        readonly highlighted: {
+            readonly classes: "bg-reki-fill";
+            readonly description: "Filled chip with a subtle background";
+        };
+        readonly transparent: {
+            readonly classes: "bg-transparent";
+            readonly description: "No background or border";
+        };
+        readonly static: {
+            readonly classes: "bg-reki-fill";
+            readonly description: "Non-interactive filled chip";
+        };
+    };
+};
+/** Base styles shared by all chip variants. */
+export declare const REKI_CHIP_BASE_STYLES = "inline-flex w-fit min-w-0 max-w-full items-center gap-1 rounded-sm align-middle text-reki-default";
+/**
+ * Chip component props.
+ *
+ * @example
+ * ```tsx
+ * <Chip label="Acme Inc." leftComponent={<Avatar initials="A" size="xs" />} />
+ * ```
+ */
+export interface ChipProps {
+    /** Text label (truncated with a tooltip on overflow). */
+    label: string;
+    /** Tooltip content shown when the label overflows. Defaults to `label`. */
+    tooltipLabel?: string;
+    /** Visual variant. @default "regular" */
+    variant?: ChipVariant;
+    /** Size of the chip. @default "small" */
+    size?: ChipSize;
+    /** Text emphasis. `"secondary"` renders muted, medium-weight text. @default "primary" */
+    accent?: ChipAccent;
+    /** Renders the label in a medium font weight. */
+    isBold?: boolean;
+    /** Node rendered before the label (e.g. an avatar or icon). */
+    leftComponent?: ReactNode;
+    /** Node rendered after the label (e.g. a remove button or count). */
+    rightComponent?: ReactNode;
+    /** Disables the chip and dims it. */
+    disabled?: boolean;
+    /** Makes the chip interactive; renders as a button with hover affordance. */
+    onClick?: () => void;
+    /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */
+    className?: string;
+}
+/**
+ * Compact reference token for a record or entity (a relation value, a tag with
+ * an avatar, a removable selection). Presentational only — wire `onClick` /
+ * `rightComponent` to your data layer. For a navigable chip, use
+ * {@link LinkChip}.
+ *
+ * @example
+ * ```tsx
+ * <Chip label="Jane Doe" leftComponent={<Avatar initials="JD" size="xs" />} onClick={open} />
+ * <Chip label="Closed Won" variant="highlighted" accent="secondary" />
+ * ```
+ */
+export declare function Chip({ label, tooltipLabel, variant, size, accent, isBold, leftComponent, rightComponent, disabled, onClick, className, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chip.d.ts.map

package/dist/src/components/chip/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AACzC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,aAAa,GAAG,aAAa,GAAG,QAAQ,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;AAEjD,0DAA0D;AAC1D,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;CAmBrB,CAAC;AAEX,+CAA+C;AAC/C,eAAO,MAAM,qBAAqB,sGACmE,CAAC;AAOtG;;;;;;;GAOG;AACH,MAAM,WAAW,SAAS;IACxB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,yCAAyC;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,yFAAyF;IACzF,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qEAAqE;IACrE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,EACZ,OAAmB,EACnB,IAAc,EACd,MAAkB,EAClB,MAAc,EACd,aAAa,EACb,cAAc,EACd,QAAgB,EAChB,OAAO,EACP,SAAS,GACV,EAAE,SAAS,2CAuCX"}

package/dist/src/components/chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip, REKI_CHIP_VARIANTS, REKI_CHIP_BASE_STYLES, type ChipProps, type ChipSize, type ChipVariant, type ChipAccent, } from './chip';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,UAAU,GAChB,MAAM,QAAQ,CAAC"}

package/dist/src/components/circular-progress-bar/circular-progress-bar.d.ts

@@ -0,0 +1,35 @@
+/** Variant standard export (reki convention). */
+export declare const REKI_CIRCULAR_PROGRESS_BAR_VARIANTS: {};
+export declare const REKI_CIRCULAR_PROGRESS_BAR_DEFAULT_VARIANTS: {};
+/**
+ * CircularProgressBar component props.
+ *
+ * @example
+ * ```tsx
+ * <CircularProgressBar value={75} />
+ * ```
+ */
+export interface CircularProgressBarProps {
+    /** Progress as a percentage (0–100). */
+    value: number;
+    /** Diameter in pixels. @default 40 */
+    size?: number;
+    /** Stroke width in pixels. @default 4 */
+    barWidth?: number;
+    /** Accessible label. @default "Progress" */
+    label?: string;
+    /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */
+    className?: string;
+}
+/**
+ * A determinate circular progress ring — for record completeness, quota usage,
+ * and similar single-value metrics. For a linear bar use `Meter`; for an
+ * indeterminate spinner use `Loader`.
+ *
+ * @example
+ * ```tsx
+ * <CircularProgressBar value={profile.completeness} />
+ * ```
+ */
+export declare function CircularProgressBar({ value, size, barWidth, label, className, }: CircularProgressBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=circular-progress-bar.d.ts.map

package/dist/src/components/circular-progress-bar/circular-progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/circular-progress-bar/circular-progress-bar.tsx"],"names":[],"mappings":"AAEA,iDAAiD;AACjD,eAAO,MAAM,mCAAmC,IAAc,CAAC;AAE/D,eAAO,MAAM,2CAA2C,IAAc,CAAC;AAEvE;;;;;;;GAOG;AACH,MAAM,WAAW,wBAAwB;IACvC,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAS,EACT,QAAY,EACZ,KAAkB,EAClB,SAAS,GACV,EAAE,wBAAwB,2CAyC1B"}

package/dist/src/components/circular-progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { CircularProgressBar, type CircularProgressBarProps } from './circular-progress-bar';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/circular-progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/circular-progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/src/components/color-sample/color-sample.d.ts

@@ -0,0 +1,56 @@
+import { TagColor } from '../tag';
+/** Variant standard export (reki convention). */
+export declare const REKI_COLOR_SAMPLE_VARIANTS: {
+    readonly variant: {
+        readonly default: {
+            readonly classes: "size-3.5 rounded-sm";
+            readonly description: "Rounded square (default)";
+        };
+        readonly circle: {
+            readonly classes: "size-3.5 rounded-full";
+            readonly description: "Circle";
+        };
+        readonly pipeline: {
+            readonly classes: "h-3.5 w-6 rounded-sm";
+            readonly description: "Wide pipeline bar";
+        };
+    };
+};
+export declare const REKI_COLOR_SAMPLE_DEFAULT_VARIANTS: {
+    readonly variant: "default";
+};
+export type ColorSampleVariant = "default" | "circle" | "pipeline";
+/**
+ * ColorSample component props.
+ *
+ * @example
+ * ```tsx
+ * <ColorSample colorName="green" />
+ * ```
+ */
+export interface ColorSampleProps {
+    /** Named CRM tag color to display. */
+    colorName: TagColor;
+    /**
+     * Swatch shape.
+     * - `"default"` — small rounded square (default)
+     * - `"circle"` — full circle
+     * - `"pipeline"` — wider rounded bar (for pipeline/stage pickers)
+     * @default "default"
+     */
+    variant?: ColorSampleVariant;
+    /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */
+    className?: string;
+}
+/**
+ * A color swatch for color pickers and tag-color selection. Uses the same
+ * `reki-tag-*` palette as {@link Tag} so the swatch always matches the tag it
+ * represents, in both light and dark mode.
+ *
+ * @example
+ * ```tsx
+ * <ColorSample colorName="purple" variant="circle" />
+ * ```
+ */
+export declare function ColorSample({ colorName, variant, className, }: ColorSampleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=color-sample.d.ts.map

package/dist/src/components/color-sample/color-sample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-sample.d.ts","sourceRoot":"","sources":["../../../../src/components/color-sample/color-sample.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGxD,iDAAiD;AACjD,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;CAM7B,CAAC;AAEX,eAAO,MAAM,kCAAkC;;CAErC,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEnE;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB;IAC/B,sCAAsC;IACtC,SAAS,EAAE,QAAQ,CAAC;IACpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,OAAmB,EACnB,SAAS,GACV,EAAE,gBAAgB,2CAiBlB"}

package/dist/src/components/color-sample/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorSample, type ColorSampleProps, type ColorSampleVariant, } from './color-sample';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/color-sample/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/color-sample/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC"}

package/dist/src/components/data-grid/data-grid.d.ts

@@ -0,0 +1,25 @@
+import { DataGridProps } from './types';
+/** Variant standard export (reki convention). */
+export declare const REKI_DATA_GRID_VARIANTS: {};
+export declare const REKI_DATA_GRID_DEFAULT_VARIANTS: {};
+/**
+ * A virtualized, inline-editable data grid built on headless TanStack Table +
+ * TanStack Virtual, styled with reki tokens. Supports pinned columns, a sticky
+ * header, sorting, row selection, and a keyboard-driven display → focus → edit
+ * cell model. Renders thousands of rows smoothly.
+ *
+ * @example
+ * ```tsx
+ * <DataGrid
+ *   data={rows}
+ *   getRowId={(r) => r.id}
+ *   columns={[
+ *     { id: "name", header: "Name", pin: "left", size: 240 },
+ *     { id: "amount", header: "Amount", editor: "number", align: "right" },
+ *   ]}
+ *   onCommitCell={({ rowId, columnId, value }) => save(rowId, columnId, value)}
+ * />
+ * ```
+ */
+export declare function DataGrid<T>({ data, columns, getRowId, rowHeight, headerHeight, height, enableRowSelection, selectedRowIds, onSelectedRowIdsChange, onCommitCell, onRowClick, emptyState, className, "aria-label": ariaLabel, }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data-grid.d.ts.map

package/dist/src/components/data-grid/data-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/data-grid.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAC;AAG5E,iDAAiD;AACjD,eAAO,MAAM,uBAAuB,IAAc,CAAC;AACnD,eAAO,MAAM,+BAA+B,IAAc,CAAC;AAyK3D;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAc,EACd,YAAiB,EACjB,MAAe,EACf,kBAA0B,EAC1B,cAAc,EACd,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,aAAa,CAAC,CAAC,CAAC,2CAkYlB"}

package/dist/src/components/data-grid/index.d.ts

@@ -0,0 +1,3 @@
+export { DataGrid, REKI_DATA_GRID_VARIANTS, REKI_DATA_GRID_DEFAULT_VARIANTS, } from './data-grid';
+export type { DataGridProps, DataGridColumn, DataGridCellContext, DataGridEditorContext, DataGridCommit, DataGridAlign, DataGridPin, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/data-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,uBAAuB,EACvB,+BAA+B,GAChC,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,aAAa,EACb,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/dist/src/components/data-grid/types.d.ts

@@ -0,0 +1,103 @@
+import { ReactNode } from 'react';
+/** Horizontal alignment of a column's content. */
+export type DataGridAlign = "left" | "right" | "center";
+/** Which edge a column is pinned to, if any. */
+export type DataGridPin = "left" | "right";
+/** Context passed to a column's `cell` display renderer. */
+export interface DataGridCellContext<T> {
+    /** The full row record. */
+    row: T;
+    /** The column's computed value (via `accessorFn`). */
+    value: unknown;
+    /** Stable row id. */
+    rowId: string;
+    /** Column id. */
+    columnId: string;
+}
+/** Context passed to a custom cell editor. */
+export interface DataGridEditorContext<T> {
+    row: T;
+    rowId: string;
+    columnId: string;
+    /** Current value when editing began. */
+    value: unknown;
+    /** A keystroke that opened the editor (type-to-edit), if any. */
+    initialKey?: string;
+    /** Commit the edit with a new value and move focus down. */
+    commit: (value: unknown) => void;
+    /** Cancel the edit and restore focus to the cell. */
+    cancel: () => void;
+}
+/** A single column definition. */
+export interface DataGridColumn<T> {
+    /** Unique column id. */
+    id: string;
+    /** Header content. */
+    header: ReactNode;
+    /** Extracts the cell value from a row. Defaults to `row[id]`. */
+    accessorFn?: (row: T) => unknown;
+    /** Custom display renderer. Defaults to the stringified value. */
+    cell?: (ctx: DataGridCellContext<T>) => ReactNode;
+    /**
+     * Inline editor. `"text"` / `"number"` use the built-in editors; a function
+     * renders a custom editor. Omit to make the column read-only.
+     */
+    editor?: "text" | "number" | ((ctx: DataGridEditorContext<T>) => ReactNode);
+    /** Per-row editability predicate. Defaults to `true` when `editor` is set. */
+    isEditable?: (row: T) => boolean;
+    /** Pin the column to an edge. */
+    pin?: DataGridPin;
+    /** Fixed/initial width in px. @default 200 */
+    size?: number;
+    /** Minimum width in px when flexing. */
+    minSize?: number;
+    /** Enable sorting on this column. @default true */
+    enableSorting?: boolean;
+    /** Content alignment. @default "left" */
+    align?: DataGridAlign;
+    /** Tooltip text shown on hover (e.g. warnings or the full value). */
+    tooltip?: (row: T, value: unknown) => string | undefined;
+}
+/** Arguments for a committed cell edit. */
+export interface DataGridCommit {
+    rowId: string;
+    columnId: string;
+    value: unknown;
+}
+/** {@link DataGrid} props. */
+export interface DataGridProps<T> {
+    /** Row records. */
+    data: T[];
+    /** Column definitions, in display order. Pinned columns are positioned by `pin`. */
+    columns: DataGridColumn<T>[];
+    /** Stable row identity (keeps rows mounted across data updates). */
+    getRowId: (row: T) => string;
+    /** Row height in px. @default 36 */
+    rowHeight?: number;
+    /** Header height in px. @default 38 */
+    headerHeight?: number;
+    /** Viewport height (the grid scrolls internally). @default "100%" */
+    height?: number | string;
+    /** Enables the leading selection checkbox column. */
+    enableRowSelection?: boolean;
+    /** Controlled selected row ids. */
+    selectedRowIds?: string[];
+    /** Called when the selection changes. */
+    onSelectedRowIdsChange?: (ids: string[]) => void;
+    /** Called when an inline edit is committed. */
+    onCommitCell?: (commit: DataGridCommit) => void;
+    /**
+     * Called when a row is clicked. Makes rows feel actionable (pointer cursor +
+     * hover highlight) — use it to open a record. Fires for clicks on
+     * non-interactive cell content; clicks on the selection checkbox or while
+     * editing do not trigger it.
+     */
+    onRowClick?: (row: T) => void;
+    /** Rendered when `data` is empty. */
+    emptyState?: ReactNode;
+    /** Accessible label for the grid (`role="grid"`). */
+    "aria-label"?: string;
+    /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/components/data-grid/types.d.ts.map

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

package/dist/src/components/data-grid/use-data-grid-edit.d.ts

@@ -0,0 +1,34 @@
+import { KeyboardEvent } from 'react';
+/** A cell position within the grid, by row and leaf-column index. */
+export interface CellPosition {
+    rowIndex: number;
+    colIndex: number;
+}
+interface UseDataGridEditOptions {
+    rowCount: number;
+    colCount: number;
+    /** Whether the cell at a position can enter edit mode. */
+    isEditable: (pos: CellPosition) => boolean;
+    /** Ensures a row index is scrolled into the viewport. */
+    scrollToRow?: (rowIndex: number) => void;
+}
+export interface DataGridEditState {
+    focus: CellPosition | null;
+    edit: (CellPosition & {
+        initialKey?: string;
+    }) | null;
+    setFocus: (pos: CellPosition | null) => void;
+    startEdit: (pos: CellPosition, initialKey?: string) => void;
+    cancelEdit: () => void;
+    /** Closes the editor and optionally moves focus one row down. */
+    closeEdit: (moveDown?: boolean) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+}
+/**
+ * The display → focus → edit state machine for {@link DataGrid}, plus the
+ * keyboard-navigation handler. Modeled on a record-table interaction
+ * model but decoupled from any data layer.
+ */
+export declare function useDataGridEdit({ rowCount, colCount, isEditable, scrollToRow, }: UseDataGridEditOptions): DataGridEditState;
+export {};
+//# sourceMappingURL=use-data-grid-edit.d.ts.map

package/dist/src/components/data-grid/use-data-grid-edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-grid-edit.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/use-data-grid-edit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAyB,MAAM,OAAO,CAAC;AAElE,qEAAqE;AACrE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,UAAU,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,OAAO,CAAC;IAC3C,yDAAyD;IACzD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,CAAC,YAAY,GAAG;QAAE,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI,CAAC;IACtD,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,iEAAiE;IACjE,SAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5D;AAMD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,sBAAsB,GAAG,iBAAiB,CAkI5C"}

package/dist/src/components/double-text-input/double-text-input.d.ts

@@ -0,0 +1,47 @@
+/** Variant standard export (reki convention). */
+export declare const REKI_DOUBLE_TEXT_INPUT_VARIANTS: {};
+export declare const REKI_DOUBLE_TEXT_INPUT_DEFAULT_VARIANTS: {};
+/** The paired value managed by {@link DoubleTextInput}. */
+export interface DoubleTextValue {
+    firstValue: string;
+    secondValue: string;
+}
+/**
+ * DoubleTextInput component props.
+ *
+ * @example
+ * ```tsx
+ * <DoubleTextInput
+ *   value={{ firstValue: "Jane", secondValue: "Doe" }}
+ *   firstPlaceholder="First name"
+ *   secondPlaceholder="Last name"
+ *   onChange={setName}
+ * />
+ * ```
+ */
+export interface DoubleTextInputProps {
+    /** Current paired value. */
+    value: DoubleTextValue;
+    /** Placeholder for the first input. */
+    firstPlaceholder?: string;
+    /** Placeholder for the second input. */
+    secondPlaceholder?: string;
+    /** Called with the full paired value whenever either field changes. */
+    onChange?: (value: DoubleTextValue) => void;
+    /** Disables both inputs. */
+    disabled?: boolean;
+    /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */
+    className?: string;
+}
+/**
+ * Two side-by-side text inputs that edit a single composite value — full names
+ * (first / last) and other paired fields.
+ *
+ * @example
+ * ```tsx
+ * <DoubleTextInput value={name} onChange={setName}
+ *   firstPlaceholder="First name" secondPlaceholder="Last name" />
+ * ```
+ */
+export declare function DoubleTextInput({ value, firstPlaceholder, secondPlaceholder, onChange, disabled, className, }: DoubleTextInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=double-text-input.d.ts.map

package/dist/src/components/double-text-input/double-text-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"double-text-input.d.ts","sourceRoot":"","sources":["../../../../src/components/double-text-input/double-text-input.tsx"],"names":[],"mappings":"AAGA,iDAAiD;AACjD,eAAO,MAAM,+BAA+B,IAAc,CAAC;AAE3D,eAAO,MAAM,uCAAuC,IAAc,CAAC;AAEnE,2DAA2D;AAC3D,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,oBAAoB;IACnC,4BAA4B;IAC5B,KAAK,EAAE,eAAe,CAAC;IACvB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,2CAuBtB"}

package/dist/src/components/double-text-input/index.d.ts

@@ -0,0 +1,2 @@
+export { DoubleTextInput, type DoubleTextInputProps, type DoubleTextValue, } from './double-text-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/double-text-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/double-text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,eAAe,GACrB,MAAM,qBAAqB,CAAC"}