@crisp-ui-kit/crisp 0.1.0

package/dist/types/components/tooltip/tooltip.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export type TooltipProps = {
+    /** The hint text/content shown on hover or focus. */
+    content: React.ReactNode;
+    /** The trigger element. */
+    children: React.ReactNode;
+    /** Preferred side; flips to the other axis end when there's no room. */
+    side?: "top" | "bottom";
+    /** Delay in ms before showing (default 350). Hides immediately. */
+    delay?: number;
+};
+/**
+ * A hover/focus tooltip — a dark hint chip measured from Attio. Wraps its
+ * trigger in an inline element, shows after `delay` on pointer-enter / focus,
+ * and hides on leave / blur / Escape. The bubble is portaled and positioned
+ * above the trigger (flipping below near the top edge).
+ */
+export declare function Tooltip({ content, children, side, delay, }: TooltipProps): React.JSX.Element;
+export declare namespace Tooltip {
+    var displayName: string;
+}

package/dist/types/components/tooltip/tooltip.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const tooltipRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/core/cx.d.ts

@@ -0,0 +1 @@
+export { default as cx } from "clsx";

package/dist/types/core/define.d.ts

@@ -0,0 +1,2 @@
+import type { RecipeConfig, RecipeVariantRecord } from "./types";
+export declare function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig<V>;

package/dist/types/core/index.d.ts

@@ -0,0 +1,5 @@
+export { cx } from "./cx";
+export { defineRecipe } from "./define";
+export { Primitive } from "./primitive";
+export { resolveRecipe } from "./resolve";
+export type * from "./types";

package/dist/types/core/primitive.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare const NODES: readonly ["button", "div", "span", "a", "input", "p"];
+type NodeName = (typeof NODES)[number];
+type PrimitiveProps<E extends NodeName> = React.ComponentPropsWithoutRef<E> & {
+    asChild?: boolean;
+};
+type PrimitiveComponents = {
+    [E in NodeName]: React.ForwardRefExoticComponent<PrimitiveProps<E> & React.RefAttributes<Element>>;
+};
+export declare const Primitive: PrimitiveComponents;
+export {};

package/dist/types/core/resolve.d.ts

@@ -0,0 +1,2 @@
+import type { RecipeConfig, RecipeFn, RecipeVariantRecord } from "./types";
+export declare function resolveRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeFn<V>;

package/dist/types/core/types.d.ts

@@ -0,0 +1,33 @@
+export type CSSVarFunction = `var(--${string})`;
+type Primitive = string | number | boolean | null | undefined;
+export type MapLeafNodes<Obj, LeafType> = {
+    [K in keyof Obj]: Obj[K] extends Primitive ? LeafType : Obj[K] extends Record<string | number, unknown> ? MapLeafNodes<Obj[K], LeafType> : never;
+};
+export type StringToBoolean<T> = T extends "true" | "false" ? boolean : T;
+export type RecipeVariantRecord = Record<string, Record<string, string>>;
+export type VariantSelection<V extends RecipeVariantRecord> = {
+    [K in keyof V]?: StringToBoolean<keyof V[K]> | null | undefined;
+};
+export type CompoundVariant<V extends RecipeVariantRecord> = {
+    [K in keyof V]?: StringToBoolean<keyof V[K]> | StringToBoolean<keyof V[K]>[];
+} & {
+    css: string;
+};
+export interface RecipeConfig<V extends RecipeVariantRecord = RecipeVariantRecord> {
+    name: string;
+    base?: string;
+    variants?: V;
+    defaultVariants?: {
+        [K in keyof V]?: StringToBoolean<keyof V[K]>;
+    };
+    compoundVariants?: CompoundVariant<V>[];
+    /** Raw CSS emitted at build time outside the component rule (e.g. `@keyframes`). */
+    globalCss?: string;
+}
+export type ClassProp = {
+    class?: string;
+    className?: string;
+};
+export type RecipeFn<V extends RecipeVariantRecord> = (props?: VariantSelection<V> & ClassProp) => string;
+export type VariantProps<Fn extends (...a: never[]) => unknown> = Omit<NonNullable<Parameters<Fn>[0]>, "class" | "className">;
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,58 @@
+export * from "./components/accordion";
+export * from "./components/avatar";
+export * from "./components/avatargroup";
+export * from "./components/badge";
+export * from "./components/barchart";
+export * from "./components/breadcrumb";
+export * from "./components/button";
+export * from "./components/callout";
+export * from "./components/card";
+export * from "./components/checkbox";
+export * from "./components/contextmenu";
+export * from "./components/datepicker";
+export * from "./components/dialog";
+export * from "./components/divider";
+export * from "./components/donutchart";
+export * from "./components/drawer";
+export * from "./components/emptystate";
+export * from "./components/formfield";
+export * from "./components/input";
+export * from "./components/kbd";
+export * from "./components/linechart";
+export * from "./components/menu";
+export * from "./components/multiselect";
+export * from "./components/popover";
+export * from "./components/progress";
+export * from "./components/radiogroup";
+export * from "./components/segmented";
+export * from "./components/select";
+export * from "./components/skeleton";
+export * from "./components/spinner";
+export * from "./components/stagebar";
+export * from "./components/statcard";
+export * from "./components/switch";
+export * from "./components/tabs";
+export * from "./components/textarea";
+export * from "./components/toast";
+export * from "./components/tooltip";
+export * from "./core";
+export * from "./product/appshell";
+export * from "./product/board";
+export * from "./product/command";
+export * from "./product/entitycard";
+export * from "./product/flowcanvas";
+export * from "./product/inbox";
+export * from "./product/listpage";
+export * from "./product/navitem";
+export * from "./product/onboarding";
+export * from "./product/recordpage";
+export * from "./product/recordpanel";
+export * from "./product/recordstable";
+export * from "./product/richtext";
+export * from "./product/settingssection";
+export * from "./product/settingsshell";
+export * from "./product/sidebar";
+export * from "./product/tasklist";
+export * from "./product/trialbanner";
+export * from "./product/viewtoggle";
+export * from "./tokens";

package/dist/types/product/appshell/appshell.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+export type AppShellProps = {
+    /**
+     * The sidebar, as a render function receiving a `toggleCollapse` callback to
+     * wire to your sidebar's collapse control (e.g. `Sidebar`'s
+     * `onToggleCollapse`). Make the sidebar fill its pane (`width: 100%`).
+     */
+    sidebar: (toggleCollapse: () => void) => React.ReactNode;
+    children: React.ReactNode;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    className?: string;
+};
+/**
+ * App-shell layout with a collapsible + resizable sidebar, mirroring Attio's
+ * window: drag the sidebar's right edge to resize, press the sidebar's
+ * collapse button to slide it away (a floating button brings it back). The
+ * sidebar pane clips rather than squishing, so its content never reflows.
+ */
+export declare function AppShell({ sidebar, children, defaultWidth, minWidth, maxWidth, className, }: AppShellProps): React.JSX.Element;
+export declare namespace AppShell {
+    var displayName: string;
+}

package/dist/types/product/appshell/appshell.recipe.d.ts

@@ -0,0 +1,10 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const appshellRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+    meta: {
+        sidebar: {
+            defaultWidth: string;
+        };
+    };
+};
+export default config;

package/dist/types/product/appshell/index.d.ts

@@ -0,0 +1,2 @@
+export { AppShell, type AppShellProps } from "./appshell";
+export { appshellRecipe } from "./appshell.recipe";

package/dist/types/product/board/board.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export type BoardColumn = {
+    id: string;
+    title: string;
+    /** CSS colour for the header dot (e.g. a stage colour). */
+    accent?: string;
+};
+export type BoardCard = {
+    id: string;
+    columnId: string;
+};
+export type BoardProps<T extends BoardCard> = {
+    columns: BoardColumn[];
+    cards: T[];
+    /** Called with the next cards after a drag moves one between columns. */
+    onCardsChange?: (cards: T[]) => void;
+    renderCard: (card: T) => React.ReactNode;
+    /** When set, each column shows a "+ {newCardLabel}" button and its header +. */
+    onNewCard?: (columnId: string) => void;
+    newCardLabel?: string;
+    className?: string;
+};
+/**
+ * A kanban board with native drag-and-drop between columns. Cards are
+ * `draggable`; dropping one on a column reparents it via `onCardsChange`
+ * (the parent owns the cards, so the move is a controlled state update).
+ * Measured from Attio's Deals pipeline.
+ */
+export declare function Board<T extends BoardCard>({ columns, cards, onCardsChange, renderCard, onNewCard, newCardLabel, className, }: BoardProps<T>): React.JSX.Element;
+export declare namespace Board {
+    var displayName: string;
+}

package/dist/types/product/board/board.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const boardRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/product/board/index.d.ts

@@ -0,0 +1,2 @@
+export { Board, type BoardCard, type BoardColumn, type BoardProps, } from "./board";
+export { boardRecipe } from "./board.recipe";

package/dist/types/product/command/command.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+export type CommandItem = {
+    id: string;
+    label: string;
+    icon: React.ComponentType;
+    /** Section this item belongs to — items sharing a group render under one label. */
+    group?: string;
+    /** Extra terms that match this item during filtering, not shown in the UI. */
+    keywords?: string[];
+    /** Trailing shortcut hint, rendered as one Kbd per key (e.g. ["G", "H"]). */
+    shortcut?: string[];
+    onSelect?: () => void;
+};
+/** crisp's own generic command set (not copied from any product). */
+export declare const defaultCommandItems: CommandItem[];
+export type CommandProps = {
+    /** Controlled open state — the caller owns when the palette is shown. */
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    items?: CommandItem[];
+    placeholder?: string;
+};
+/**
+ * ⌘K command palette. Composes a Zag dialog machine (modal, focus trap,
+ * scroll lock) with a Zag combobox machine (filterable, keyboard-navigable
+ * option list) so keyboard/focus correctness comes from the machines, not
+ * hand-rolled event handling.
+ */
+export declare function Command({ open, onOpenChange, items, placeholder, }: CommandProps): React.JSX.Element | null;

package/dist/types/product/command/command.recipe.d.ts

@@ -0,0 +1,11 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const commandRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+    meta: {
+        content: {
+            maxWidth: string;
+            borderRadius: string;
+        };
+    };
+};
+export default config;

package/dist/types/product/command/index.d.ts

@@ -0,0 +1,2 @@
+export { Command, type CommandItem, type CommandProps, defaultCommandItems, } from "./command";
+export { commandRecipe } from "./command.recipe";

package/dist/types/product/entitycard/entitycard.d.ts

@@ -0,0 +1,24 @@
+import type * as React from "react";
+export type EntityCardProps = {
+    /** Author row shown at the top (e.g. avatar + name). */
+    author?: React.ReactNode;
+    title: React.ReactNode;
+    /** Clamped preview text (3 lines). */
+    excerpt?: React.ReactNode;
+    /** Footer row — e.g. an avatar + name; a `date` is pushed to the right. */
+    footer?: React.ReactNode;
+    /** Right-aligned date in the footer. */
+    date?: React.ReactNode;
+    onClick?: () => void;
+    "aria-label"?: string;
+    className?: string;
+};
+/**
+ * A note / entity card — measured from Attio's Notes grid. A bordered white
+ * card with an author row, a title, a clamped excerpt, and a footer row with a
+ * right-aligned date. Rendered as a button so the whole card is clickable.
+ */
+export declare function EntityCard({ author, title, excerpt, footer, date, onClick, "aria-label": ariaLabel, className, }: EntityCardProps): React.JSX.Element;
+export declare namespace EntityCard {
+    var displayName: string;
+}

package/dist/types/product/entitycard/entitycard.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const entitycardRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/product/entitycard/index.d.ts

@@ -0,0 +1,2 @@
+export { EntityCard, type EntityCardProps } from "./entitycard";
+export { entitycardRecipe } from "./entitycard.recipe";

package/dist/types/product/flowcanvas/flowcanvas.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export type FlowNode = {
+    id: string;
+    x: number;
+    y: number;
+};
+export type FlowEdge = {
+    from: string;
+    to: string;
+};
+export type FlowCanvasProps<T extends FlowNode> = {
+    nodes: T[];
+    edges: FlowEdge[];
+    /** Called with the next nodes after a node is dragged. */
+    onNodesChange?: (nodes: T[]) => void;
+    renderNode: (node: T) => React.ReactNode;
+    /** Node width used to anchor edges on the right/left edge (default 240). */
+    nodeWidth?: number;
+    /** Node height used to anchor edges at the vertical middle (default 64). */
+    nodeHeight?: number;
+    "aria-label"?: string;
+    className?: string;
+};
+/**
+ * A pannable, zoomable node canvas with draggable nodes and connecting edges —
+ * measured from Attio's Workflows editor. Drag a node to move it (fires
+ * `onNodesChange`); drag the background to pan; use the toolbar to zoom.
+ */
+export declare function FlowCanvas<T extends FlowNode>({ nodes, edges, onNodesChange, renderNode, nodeWidth, nodeHeight, "aria-label": ariaLabel, className, }: FlowCanvasProps<T>): React.JSX.Element;
+export declare namespace FlowCanvas {
+    var displayName: string;
+}

package/dist/types/product/flowcanvas/flowcanvas.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const flowcanvasRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/product/flowcanvas/index.d.ts

@@ -0,0 +1,2 @@
+export { FlowCanvas, type FlowCanvasProps, type FlowEdge, type FlowNode, } from "./flowcanvas";
+export { flowcanvasRecipe } from "./flowcanvas.recipe";

package/dist/types/product/inbox/inbox.d.ts

@@ -0,0 +1,41 @@
+import type * as React from "react";
+export type InboxNotification = {
+    id: string;
+    /** Leading avatar or icon. */
+    avatar?: React.ReactNode;
+    /** The message (use <b> for the actor name). */
+    message: React.ReactNode;
+    /** Relative time, e.g. "2h". */
+    time?: React.ReactNode;
+    unread?: boolean;
+    onClick?: () => void;
+};
+export type InboxTab = {
+    id: string;
+    label: React.ReactNode;
+    count?: number;
+};
+export type InboxProps = {
+    notifications?: InboxNotification[];
+    title?: React.ReactNode;
+    /** Tabs (e.g. Notifications / Requests). */
+    tabs?: InboxTab[];
+    activeTab?: string;
+    onTabChange?: (id: string) => void;
+    /** Empty-state text (shown when there are no notifications). */
+    emptyTitle?: React.ReactNode;
+    emptySubtitle?: React.ReactNode;
+    /** Optional action under the empty state (e.g. a Settings button). */
+    emptyAction?: React.ReactNode;
+    className?: string;
+};
+/**
+ * A notifications inbox panel — measured from Attio's notification flyout. A
+ * title, Notifications/Requests tabs with counts, then notification rows
+ * (avatar + message + time + unread dot) or a centred empty state. Put it inside
+ * a Popover for the flyout.
+ */
+export declare function Inbox({ notifications, title, tabs, activeTab, onTabChange, emptyTitle, emptySubtitle, emptyAction, className, }: InboxProps): React.JSX.Element;
+export declare namespace Inbox {
+    var displayName: string;
+}

package/dist/types/product/inbox/inbox.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const inboxRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/product/inbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Inbox, type InboxNotification, type InboxProps, type InboxTab, } from "./inbox";
+export { inboxRecipe } from "./inbox.recipe";

package/dist/types/product/listpage/index.d.ts

@@ -0,0 +1,2 @@
+export { type ListColumn, type ListGroup, ListPage, type ListPageProps, ListRow, } from "./listpage";
+export { listpageRecipe } from "./listpage.recipe";

package/dist/types/product/listpage/listpage.d.ts

@@ -0,0 +1,46 @@
+import type * as React from "react";
+export type ListColumn = {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+};
+export type ListGroup = {
+    id: string;
+    label: React.ReactNode;
+    count?: number;
+    /** Pre-composed row nodes (wrap each in <ListRow>). */
+    rows: React.ReactNode[];
+};
+export type ListPageProps = {
+    /** Left toolbar slot — e.g. Sort + Filter buttons. */
+    leading?: React.ReactNode;
+    /** Right toolbar slot — e.g. view toggle, View settings, a New button. */
+    trailing?: React.ReactNode;
+    /** Record count, e.g. "8 records". */
+    count?: React.ReactNode;
+    /** Renders the dashed "Favorites" region (pass its content, e.g. an EmptyState). */
+    favorites?: React.ReactNode;
+    favoritesLabel?: React.ReactNode;
+    /** Column-header row above the groups. */
+    columns?: ListColumn[];
+    /** Time-grouped sections. */
+    groups?: ListGroup[];
+    /** Shown when there are no groups/rows. */
+    emptyLabel?: React.ReactNode;
+    className?: string;
+};
+/** A single list row wrapper (52px, hover, top border). Compose cells inside.
+ * Renders a real `<button>` when `onClick` is given, else a plain row. */
+export declare function ListRow({ children, onClick, }: {
+    children: React.ReactNode;
+    onClick?: () => void;
+}): React.JSX.Element;
+/**
+ * The entity-list page shell — measured from Attio's Reports/Sequences/Tasks/
+ * Notes list views. A view-bar toolbar (leading/trailing slots + record count),
+ * an optional dashed Favorites region, then column headers and time-grouped
+ * rows. Rows are composed by the caller (wrap each in <ListRow>).
+ */
+export declare function ListPage({ leading, trailing, count, favorites, favoritesLabel, columns, groups, emptyLabel, className, }: ListPageProps): React.JSX.Element;
+export declare namespace ListPage {
+    var displayName: string;
+}

package/dist/types/product/listpage/listpage.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const listpageRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/product/navitem/index.d.ts

@@ -0,0 +1 @@
+export { NavItem, type NavItemProps } from "./navitem";

package/dist/types/product/navitem/navitem.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type NavItemProps = React.ComponentPropsWithoutRef<"a"> & {
+    asChild?: boolean;
+    active?: boolean;
+    /** Leading content (16px icon or Avatar). */
+    icon?: React.ReactNode;
+    /** Right-aligned content (count badge / options). */
+    trailing?: React.ReactNode;
+};
+export declare const NavItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+    active?: boolean;
+    /** Leading content (16px icon or Avatar). */
+    icon?: React.ReactNode;
+    /** Right-aligned content (count badge / options). */
+    trailing?: React.ReactNode;
+} & React.RefAttributes<HTMLAnchorElement>>;

package/dist/types/product/navitem/navitem.recipe.d.ts

@@ -0,0 +1,13 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const navitemRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+    meta: {
+        row: {
+            height: string;
+            borderRadius: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+    };
+};
+export default config;

package/dist/types/product/onboarding/index.d.ts

@@ -0,0 +1,2 @@
+export { OnboardingChecklist, type OnboardingChecklistProps, type OnboardingStep, } from "./onboarding";
+export { onboardingRecipe } from "./onboarding.recipe";

package/dist/types/product/onboarding/onboarding.d.ts

@@ -0,0 +1,31 @@
+import type * as React from "react";
+export type OnboardingStep = {
+    /** Stable id (returned by onStepClick). */
+    id: string;
+    label: React.ReactNode;
+    /** Icon shown before the label. */
+    icon?: React.ReactNode;
+    done?: boolean;
+};
+export type OnboardingChecklistProps = {
+    title?: React.ReactNode;
+    steps: OnboardingStep[];
+    /** Subtitle after "N/total steps completed" (default "Keep it up!"). */
+    encouragement?: React.ReactNode;
+    /** Fired when an incomplete step is clicked. */
+    onStepClick?: (id: string) => void;
+    /** Show the ⋯ menu button (fires onMenu). */
+    onMenu?: () => void;
+    /** Show the minimize button (fires onMinimize). */
+    onMinimize?: () => void;
+    className?: string;
+};
+/**
+ * An onboarding checklist card — measured from Attio's floating "Getting
+ * started" widget. Title + optional menu/minimize, a segmented progress bar,
+ * and step rows (completed rows strike through with a brand check).
+ */
+export declare function OnboardingChecklist({ title, steps, encouragement, onStepClick, onMenu, onMinimize, className, }: OnboardingChecklistProps): React.JSX.Element;
+export declare namespace OnboardingChecklist {
+    var displayName: string;
+}

package/dist/types/product/onboarding/onboarding.recipe.d.ts

@@ -0,0 +1,3 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const onboardingRecipe: import("../..").RecipeFn<{}>;
+export default config;

package/dist/types/product/recordpage/index.d.ts

@@ -0,0 +1,2 @@
+export { RecordPage, type RecordPageProps } from "./recordpage";
+export { recordpageRecipe } from "./recordpage.recipe";

package/dist/types/product/recordpage/recordpage.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { type Column, type Row } from "../recordstable";
+export type RecordPageProps = {
+    record: Row;
+    columns: Column[];
+    /** Breadcrumb label + back button target (e.g. "Companies"). */
+    collection?: string;
+    onBack?: () => void;
+    /** When provided, shows a maximise/minimise button in the top bar. */
+    onToggleFull?: () => void;
+    full?: boolean;
+    className?: string;
+};
+/**
+ * The full-page company record view — the page Attio opens when you click into a
+ * record (as opposed to the peek [RecordPanel]). A top breadcrumb bar with
+ * favourite/edit/compose/… actions, a 320px left attribute column, and a tabbed
+ * main area: Overview stacks Highlights, an Activity feed, and Notes / Tasks /
+ * Emails sections (Notes & Tasks are live — add and check things off). Drop it
+ * into the app's main content area.
+ */
+export declare function RecordPage({ record, columns, collection, onBack, onToggleFull, full, className, }: RecordPageProps): React.JSX.Element;
+export declare namespace RecordPage {
+    var displayName: string;
+}

package/dist/types/product/recordpage/recordpage.recipe.d.ts

@@ -0,0 +1,5 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const recordpageRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+};
+export default config;

package/dist/types/product/recordpanel/index.d.ts

@@ -0,0 +1,2 @@
+export { RecordPanel, type RecordPanelProps } from "./recordpanel";
+export { recordpanelRecipe } from "./recordpanel.recipe";

package/dist/types/product/recordpanel/recordpanel.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { type Column, type Row } from "../recordstable";
+export type RecordPanelProps = {
+    /** The record to show; render nothing when null. */
+    record: Row | null;
+    columns: Column[];
+    onClose: () => void;
+    className?: string;
+};
+/**
+ * Right-side record peek panel — shows one record's fields, opened from a
+ * RecordsTable row (via `onOpenRecord`). Render it inside a `position:
+ * relative` container (e.g. the app main area); it slides in from the right and
+ * overlays the content.
+ */
+export declare function RecordPanel({ record, columns, onClose, className, }: RecordPanelProps): React.JSX.Element | null;
+export declare namespace RecordPanel {
+    var displayName: string;
+}

package/dist/types/product/recordpanel/recordpanel.recipe.d.ts

@@ -0,0 +1,10 @@
+declare const config: import("../..").RecipeConfig<{}>;
+export declare const recordpanelRecipe: import("../..").RecipeFn<{}> & {
+    config: import("../..").RecipeConfig<{}>;
+    meta: {
+        panel: {
+            width: string;
+        };
+    };
+};
+export default config;

package/dist/types/product/recordstable/index.d.ts

@@ -0,0 +1,2 @@
+export { type Column, type ColumnType, defaultColumns, defaultRows, type EntityValue, RecordsTable, type RecordsTableProps, type Row, tagTone, } from "./recordstable";
+export { recordstableRecipe } from "./recordstable.recipe";