@jinaan/uikit 0.0.0-stage → 0.1.1

package/README.md

@@ -1,3 +1,92 @@
-# Temporary Holding Version
+# @jinaan/uikit
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Reusable React 19 + Tailwind CSS v4 components used by Clerk and other Jinaan
+projects.
+
+## Requirements
+
+- React 18+
+- Tailwind CSS 4+
+- pnpm (development)
+
+## Install
+
+```sh
+pnpm add @jinaan/uikit
+```
+
+## Styles
+
+Import Tailwind first, then the design system. The package ships its own token
+palette, dark theme, component classes, and Tailwind source directive.
+
+```css
+@import "tailwindcss";
+@import "@jinaan/uikit/styles.css";
+```
+
+The host app still owns its reset/preflight, fonts, and body styles. Toggle dark
+mode by adding or removing `class="dark"` on `<html>`.
+
+## Use
+
+```tsx
+import { Button, Card, DataTable, Input } from "@jinaan/uikit";
+```
+
+All primitives and `DataTable` are exported from the package root. Component
+styles reference semantic tokens such as `bg-surface`, `text-fg`, and
+`border-line`; override tokens on `:root` / `.dark` to theme.
+
+### DataTable toolbar
+
+`DataTable` renders the Clerk-style toolbar automatically: a 32px search field,
+`Columns` visibility menu, `Filter` menu, filter chips, and a primary action slot.
+Filters are functional and typed:
+
+```tsx
+<DataTable
+  rows={users}
+  columns={columns}
+  getRowId={(u) => u.id}
+  search={{ value, onChange, keys: (u) => `${u.name} ${u.email}` }}
+  filters={[
+    {
+      id: "status",
+      label: "Status",
+      options: [
+        { value: "active", label: "Active" },
+        { value: "invited", label: "Invited" },
+      ],
+      value: status,
+      onChange: setStatus,
+      match: (u, values) => values.includes(u.active ? "active" : "invited"),
+    },
+  ]}
+/>
+```
+
+## Live preview
+
+```sh
+pnpm install
+pnpm dev
+```
+
+Open `http://localhost:5174/ui-kit` (or `/ui-kit?theme=light|dark`).
+
+## Verify
+
+```sh
+pnpm typecheck
+pnpm test
+pnpm audit:theme
+pnpm build
+```
+
+## Publish
+
+```sh
+pnpm build
+npm publish --access public
+```

package/dist/agent-prompt.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+interface AgentPromptProps {
+    /** Command or prompt text; copy copies this verbatim. */
+    command: string;
+    /** Overlapping dark tag above the pill. */
+    tag?: ReactNode;
+    icon?: ReactNode;
+    className?: string;
+}
+/**
+ * The "Add Clerk auth to my app" prompt pill: a dark tag overlapping a
+ * rounded command field with a copy button.
+ */
+export declare function AgentPrompt({ command, tag, icon, className, }: AgentPromptProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=agent-prompt.d.ts.map

package/dist/agent-prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-prompt.d.ts","sourceRoot":"","sources":["../src/agent-prompt.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,UAAU,gBAAgB;IACxB,yDAAyD;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,GAAyB,EACzB,IAAI,EACJ,SAAS,GACV,EAAE,gBAAgB,+BAmClB"}

package/dist/avatar.d.ts

@@ -0,0 +1,5 @@
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const AvatarImage: import("react").ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+export declare const AvatarFallback: import("react").ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,eAAO,MAAM,MAAM,uLAYjB,CAAC;AAGH,eAAO,MAAM,WAAW,8LAStB,CAAC;AAGH,eAAO,MAAM,cAAc,+LAYzB,CAAC"}

package/dist/badge.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes } from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "primary" | "outline" | "neutral" | "success" | "warning" | "error" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    dot?: boolean;
+}
+export declare function Badge({ className, variant, dot, children, ...props }: BadgeProps): import("react").JSX.Element;
+export { badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,QAAA,MAAM,aAAa;;8EAgBlB,CAAC;AAiBF,MAAM,WAAW,UACf,SAAQ,cAAc,CAAC,eAAe,CAAC,EACrC,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAOxF;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/button.d.ts

@@ -0,0 +1,22 @@
+import { type VariantProps } from "class-variance-authority";
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    /** Optional icon rendered before the label. */
+    leadingIcon?: ReactNode;
+    /** Optional icon rendered after the label (e.g. a chevron). */
+    trailingIcon?: ReactNode;
+    /** Square, content-free button. Provide `aria-label`. */
+    iconOnly?: boolean;
+    /** Show a spinner and block interaction while an action runs. */
+    loading?: boolean;
+    /** Stretch to the container width. */
+    fullWidth?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9E,QAAA,MAAM,cAAc;;;8EA+BnB,CAAC;AAYF,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,2GAwDlB,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/callout.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+type CalloutVariant = "info" | "success" | "warning" | "error";
+interface CalloutProps {
+    variant?: CalloutVariant;
+    title?: ReactNode;
+    children?: ReactNode;
+    icon?: ReactNode;
+    className?: string;
+}
+export declare function Callout({ variant, title, children, icon, className, }: CalloutProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=callout.d.ts.map

package/dist/callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../src/callout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AA4B/D,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,GACV,EAAE,YAAY,+BAoBd"}

package/dist/card.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes } from "react";
+export declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const CardContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=card.d.ts.map

package/dist/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,eAAO,MAAM,IAAI,2HAWhB,CAAC;AAGF,eAAO,MAAM,UAAU,2HAQtB,CAAC;AAGF,eAAO,MAAM,SAAS,mIAIrB,CAAC;AAGF,eAAO,MAAM,eAAe,uIAK1B,CAAC;AAGH,eAAO,MAAM,WAAW,2HAIvB,CAAC;AAGF,eAAO,MAAM,UAAU,2HAQtB,CAAC"}

package/dist/checkbox.d.ts

@@ -0,0 +1,3 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../src/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAM9D,eAAO,MAAM,QAAQ,+LAwBnB,CAAC"}

package/dist/choice-dialog.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from "react";
+export interface ChoiceOption {
+    value: string;
+    title: ReactNode;
+    description?: ReactNode;
+    badge?: ReactNode;
+}
+export interface ChoiceDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Optional element that opens the dialog. */
+    trigger?: ReactNode;
+    /** Dialog heading. */
+    title: string;
+    /** Selectable options, rendered as radio cards. */
+    options: ChoiceOption[];
+    /** Initially selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Selected value (controlled). */
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /** Footer labels. */
+    cancelLabel?: string;
+    confirmLabel?: string;
+    /** Called with the selected value when the confirm button is pressed. */
+    onConfirm?: (value: string) => void;
+}
+/**
+ * Dialog for picking one option from a small set, styled as the
+ * "Create production instance" reference: divided header, radio cards, and a
+ * footer with an equal-width secondary Cancel plus primary Continue.
+ */
+export declare function ChoiceDialog({ open, onOpenChange, trigger, title, options, defaultValue, value, onValueChange, cancelLabel, confirmLabel, onConfirm, }: ChoiceDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=choice-dialog.d.ts.map

package/dist/choice-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice-dialog.d.ts","sourceRoot":"","sources":["../src/choice-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAejD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qBAAqB;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,OAAO,EACP,YAAY,EACZ,KAAK,EACL,aAAa,EACb,WAAsB,EACtB,YAAyB,EACzB,SAAS,GACV,EAAE,iBAAiB,+BAiDnB"}

package/dist/code-block.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+interface CodeBlockProps {
+    code: string;
+    /** Short label shown in the header (e.g. a filename or request line). */
+    label?: ReactNode;
+    language?: string;
+    className?: string;
+}
+export declare function CodeBlock({ code, label, className }: CodeBlockProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=code-block.d.ts.map

package/dist/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../src/code-block.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,cAAc,+BAsCnE"}

package/dist/data-table.d.ts

@@ -0,0 +1,100 @@
+import { type ReactNode } from "react";
+import { type TableSurfaceAction, type TableSurfaceTone } from "./table-surface";
+export interface Column<T> {
+    id: string;
+    header: string;
+    cell: (row: T) => ReactNode;
+    sortable?: boolean;
+    sortValue?: (row: T) => string | number | null | undefined;
+    numeric?: boolean;
+    defaultHidden?: boolean;
+    align?: "left" | "right";
+    className?: string;
+    /** Column width for the fixed layout (e.g. "18rem", "20%"). Defaults to auto. */
+    width?: string;
+    /** Required columns stay visible and cannot be hidden. */
+    required?: boolean;
+}
+export interface DataTableFilterOption {
+    value: string;
+    label: string;
+}
+export interface DataTableFilter<T> {
+    id: string;
+    label: string;
+    options: DataTableFilterOption[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    /** Return true when the row matches the selected filter values. */
+    match: (row: T, values: string[]) => boolean;
+}
+export interface BulkAction<T> {
+    label: string;
+    icon?: ReactNode;
+    variant?: "primary" | "outline" | "destructive";
+    onRun: (rows: T[]) => void | Promise<void>;
+    disabled?: boolean;
+}
+export interface TabDef {
+    id: string;
+    label: string;
+}
+export interface DataTableError {
+    title: string;
+    description?: string;
+    action?: ReactNode;
+}
+interface DataTableProps<T> {
+    rows: T[];
+    columns: Column<T>[];
+    getRowId: (row: T) => string;
+    loading?: boolean;
+    error?: DataTableError | null;
+    empty?: {
+        icon?: ReactNode;
+        title: string;
+        description?: ReactNode;
+        action?: ReactNode;
+    };
+    search?: {
+        value: string;
+        onChange: (value: string) => void;
+        placeholder?: string;
+        keys: (row: T) => string;
+    };
+    filters?: DataTableFilter<T>[];
+    toolbarStart?: ReactNode;
+    toolbarEnd?: ReactNode;
+    tabs?: TabDef[];
+    activeTab?: string;
+    onTabChange?: (id: string) => void;
+    infoBanner?: ReactNode;
+    selectable?: boolean;
+    bulkActions?: BulkAction<T>[];
+    rowActions?: (row: T) => ReactNode;
+    onRowClick?: (row: T) => void;
+    defaultSort?: {
+        id: string;
+        dir: "asc" | "desc";
+    };
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    /** Surface preset for the table card. */
+    tone?: TableSurfaceTone;
+    /** Optional action pinned to the top-right of the header band. */
+    headerAction?: ReactNode | TableSurfaceAction;
+    /** Header band color/style overrides. */
+    headerClassName?: string;
+    /** Inner panel color/style overrides. */
+    panelClassName?: string;
+    className?: string;
+}
+/** Clerk-style identity cell: avatar + primary name + secondary line. */
+export declare function DataTableIdentity({ name, secondary, image, }: {
+    name: string;
+    secondary?: ReactNode;
+    image?: string;
+}): import("react").JSX.Element;
+export declare function DataTable<T>({ rows, columns, getRowId, loading, error, empty, search, filters, toolbarStart, toolbarEnd, tabs, activeTab, onTabChange, infoBanner, selectable, bulkActions, rowActions, onRowClick, defaultSort, pageSize: initialPageSize, pageSizeOptions, tone, headerAction, headerClassName, panelClassName, className, }: DataTableProps<T>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=data-table.d.ts.map

package/dist/data-table.d.ts.map

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

package/dist/dialog.d.ts

@@ -0,0 +1,19 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type HTMLAttributes } from "react";
+export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Elevated inner card inside the dialog shell. Flush to the shell's left, top
+ * and right edges (the shell clips its top corners); the footer stays below on
+ * the shell so the two surfaces read as distinct layers.
+ */
+export declare function DialogPanel({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+/** Scrollable region inside `DialogPanel`; keeps the footer pinned. */
+export declare function DialogBody({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=dialog.d.ts.map

package/dist/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAC3C,eAAO,MAAM,aAAa,kIAA0B,CAAC;AACrD,eAAO,MAAM,WAAW,gIAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,4LA2BxB,CAAC;AAGH;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAWlF;AAED,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAQjF;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAWnF;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAWnF;AAED,eAAO,MAAM,WAAW,kMAStB,CAAC;AAGH,eAAO,MAAM,iBAAiB,4MAS5B,CAAC"}

package/dist/dropdown-menu.d.ts

@@ -0,0 +1,13 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuPortal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../src/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAUvE,eAAO,MAAM,YAAY,6DAA6B,CAAC;AACvD,eAAO,MAAM,mBAAmB,8IAAgC,CAAC;AACjE,eAAO,MAAM,iBAAiB,yIAA8B,CAAC;AAC7D,eAAO,MAAM,kBAAkB,mEAA+B,CAAC;AAE/D,eAAO,MAAM,mBAAmB,wMAqB9B,CAAC;AAGH,eAAO,MAAM,gBAAgB;YAE6C,OAAO;kDAa/E,CAAC;AAGH,eAAO,MAAM,wBAAwB,6MAoBnC,CAAC;AAGH,eAAO,MAAM,iBAAiB,sMAS5B,CAAC;AAGH,eAAO,MAAM,qBAAqB,0MAShC,CAAC"}

package/dist/empty-state.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+export declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../src/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,+BAsB1F"}

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+export * from "./agent-prompt";
+export * from "./avatar";
+export * from "./badge";
+export * from "./button";
+export * from "./callout";
+export * from "./card";
+export * from "./checkbox";
+export * from "./choice-dialog";
+export * from "./code-block";
+export * from "./data-table";
+export * from "./dialog";
+export * from "./dropdown-menu";
+export * from "./empty-state";
+export * from "./input";
+export * from "./kbd";
+export * from "./label";
+export * from "./radio-group";
+export * from "./segmented";
+export * from "./select";
+export * from "./separator";
+export * from "./skeleton";
+export * from "./spinner";
+export * from "./table";
+export * from "./table-empty-state";
+export * from "./table-surface";
+export * from "./tooltip";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC"}