cortena-ui 1.3.0 → 1.4.0

package/src/components/chart/tokens.ts

@@ -25,7 +25,7 @@ export function vizVar(index: number): string {
 }
 
 /** The categorical palette as `var()` references, in series order. */
-export const vizSeriesVars: readonly string[] = Array.from({ length: VIZ_SERIES_COUNT }, (_, i) =>
+export const vizSeriesVars: readonly string[] = /* @__PURE__ */ Array.from({ length: VIZ_SERIES_COUNT }, (_, i) =>
   vizVar(i),
 );
 

package/src/components/chart/types.ts

@@ -64,6 +64,20 @@ export interface ChartSeries {
   data: ChartPoint[];
 }
 
+/**
+ * What to write on each arc of a pie or donut.
+ *
+ * `percent` is the default for both, because the question a reader asks of a
+ * pie is almost always "what share is that", and reading it off the legend
+ * slice by slice is the work the chart was supposed to do for them. `value`
+ * writes the number itself, through `valueFormatter` when one is given. `none`
+ * leaves the arcs bare for a chart that is decorative or has its own labelling.
+ *
+ * Arcs too thin to hold their text are left unlabelled whatever this says; see
+ * `ARC_LABEL_MIN_FRACTION` in recharts-charts.tsx.
+ */
+export type ChartLabels = "none" | "value" | "percent";
+
 /** One slice of a pie, donut or funnel. */
 export interface ChartSlice {
   id: string | number;

package/src/components/chip.tsx

@@ -8,7 +8,7 @@ import { cn } from "@/lib/cn";
  * Chip — a pill for filters, tags and selected values. Unlike Badge it keeps
  * sentence case and the body font.
  */
-const chipVariants = cva(
+const chipVariants = /* @__PURE__ */ cva(
   [
     "inline-flex items-center gap-1.5 whitespace-nowrap border font-medium",
     "rounded-[var(--ds-radius-full)]",

package/src/components/combobox.tsx

@@ -34,9 +34,9 @@ function Combobox<Value, Multiple extends boolean | undefined = false, Item = Va
   return <ComboboxPrimitive.Root {...props} />;
 }
 
-const InsideChipsContext = createContext(false);
+const InsideChipsContext = /* @__PURE__ */ createContext(false);
 
-const controlButtonClassName = cn(
+const controlButtonClassName = /* @__PURE__ */ cn(
   "flex size-6 shrink-0 items-center justify-center rounded-[var(--ds-radius-sm)]",
   "text-[color:var(--ds-muted-foreground)] outline-none",
   "transition-[background-color,color] duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]",

package/src/components/data-table/export.ts

@@ -54,13 +54,29 @@ export function toSheet<Row extends RowData>(
   };
 }
 
+/**
+ * Text a spreadsheet would evaluate rather than display. Excel, Sheets and
+ * LibreOffice all treat a leading `=`, `+`, `-` or `@` as the start of a
+ * formula, and a leading tab or CR as whitespace they strip before looking
+ * again — so `\t=cmd|'/c calc'!A1` is a formula too. Only strings are checked:
+ * a number, boolean or Date cell cannot carry one, and prefixing `-5` would
+ * turn a number column into text.
+ */
+const FORMULA_START = /^[=+\-@\t\r]/;
+
 function csvField(value: ExportCell): string {
   if (value == null) return "";
-  const text = value instanceof Date ? value.toISOString() : String(value);
+  let text = value instanceof Date ? value.toISOString() : String(value);
+  // Prefix before quoting: the apostrophe is what makes the spreadsheet read
+  // the cell as text, and it has to sit inside the quotes to survive the parse.
+  if (typeof value === "string" && FORMULA_START.test(text)) text = `'${text}`;
   return /[",\n\r]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
 }
 
-/** RFC 4180 text: comma separated, CRLF lines, quotes doubled. */
+/**
+ * RFC 4180 text: comma separated, CRLF lines, quotes doubled. A cell that a
+ * spreadsheet would read as a formula is prefixed with `'` so it stays text.
+ */
 export function toCsv<Row extends RowData>(
   table: DataTableTable<Row>,
   rows?: DataTableRow<Row>[],

package/src/components/data-table/features.ts

@@ -36,6 +36,7 @@ import {
   type RowData,
 } from "@tanstack/react-table";
 import type { DataTableColumnMeta } from "./types";
+import { shakeable } from "@/lib/shakeable";
 
 /**
  * TanStack Table v9 registers features explicitly; an API that is not in this
@@ -46,53 +47,84 @@ import type { DataTableColumnMeta } from "./types";
  * `filterFn: "auto"` resolves by the column's first non-null value to
  * `includesString` / `inNumberRange` / `equals` / `arrIncludes` /
  * `inDateRange` / `weakEquals`, so those built-ins are registered under their
- * conventional names. `oneOf` is ours: the faceted filter stores an array of
- * picked values and a row passes when its scalar value is one of them.
+ * conventional names. Two are ours: `oneOf`, where the faceted filter stores an
+ * array of picked values and a row passes when its scalar value is one of them,
+ * and `search`, the global filter.
  */
-const filterFn_oneOf = constructFilterFn({
-  filter: (dataValue: unknown, filterValue: unknown) =>
-    Array.isArray(filterValue) ? filterValue.includes(dataValue) : dataValue === filterValue,
-  autoRemove: (value: unknown) =>
-    value == null || value === "" || (Array.isArray(value) && value.length === 0),
-});
+const filterFn_oneOf = /* @__PURE__ */ shakeable(() =>
+  constructFilterFn({
+    filter: (dataValue: unknown, filterValue: unknown) =>
+      Array.isArray(filterValue) ? filterValue.includes(dataValue) : dataValue === filterValue,
+    autoRemove: (value: unknown) =>
+      value == null || value === "" || (Array.isArray(value) && value.length === 0),
+  }),
+);
 
-const baseFeatures = tableFeatures({
-  columnFilteringFeature,
-  globalFilteringFeature,
-  columnFacetingFeature,
-  rowSortingFeature,
-  rowPaginationFeature,
-  rowSelectionFeature,
-  rowExpandingFeature,
-  columnVisibilityFeature,
-  columnPinningFeature,
-  columnSizingFeature,
-  columnResizingFeature,
-  filteredRowModel: createFilteredRowModel(),
-  sortedRowModel: createSortedRowModel(),
-  paginatedRowModel: createPaginatedRowModel(),
-  expandedRowModel: createExpandedRowModel(),
-  facetedRowModel: createFacetedRowModel(),
-  facetedUniqueValues: createFacetedUniqueValues(),
-  filterFns: {
-    includesString: filterFn_includesString,
-    equals: filterFn_equals,
-    equalsString: filterFn_equalsString,
-    inNumberRange: filterFn_inNumberRange,
-    arrIncludes: filterFn_arrIncludes,
-    arrIncludesSome: filterFn_arrIncludesSome,
-    inDateRange: filterFn_inDateRange,
-    weakEquals: filterFn_weakEquals,
-    oneOf: filterFn_oneOf,
-  },
-  sortFns: {
-    alphanumeric: sortFn_alphanumeric,
-    basic: sortFn_basic,
-    datetime: sortFn_datetime,
-    text: sortFn_text,
-  },
-  columnMeta: metaHelper<DataTableColumnMeta<any>>(),
-});
+/**
+ * The global filter: `includesString` with the query trimmed first.
+ *
+ * A search box collects whatever the user types, and what they type includes
+ * whitespace — a space before the word arrives, a trailing one from a paste or
+ * an autocorrect. Untrimmed, `" "` is a real search term that matches no cell,
+ * so the grid empties and nothing explains why; users read that as the table
+ * being broken, and they are not wrong. A query that is only whitespace is the
+ * same as no query, and that is what this says.
+ *
+ * Both halves matter. `autoRemove` drops such a value from the table state, and
+ * `filter` returning true for it means a value that survives anyway — set
+ * through `initialState`, say — still shows every row rather than none.
+ */
+const filterFn_search = /* @__PURE__ */ shakeable(() =>
+  constructFilterFn({
+    filter: (dataValue: unknown, filterValue: unknown) => {
+      const term = String(filterValue ?? "").trim().toLowerCase();
+      if (term === "") return true;
+      return String(dataValue ?? "").toLowerCase().includes(term);
+    },
+    autoRemove: (value: unknown) => typeof value !== "string" || value.trim() === "",
+  }),
+);
+
+const baseFeatures = /* @__PURE__ */ shakeable(() =>
+  tableFeatures({
+    columnFilteringFeature,
+    globalFilteringFeature,
+    columnFacetingFeature,
+    rowSortingFeature,
+    rowPaginationFeature,
+    rowSelectionFeature,
+    rowExpandingFeature,
+    columnVisibilityFeature,
+    columnPinningFeature,
+    columnSizingFeature,
+    columnResizingFeature,
+    filteredRowModel: createFilteredRowModel(),
+    sortedRowModel: createSortedRowModel(),
+    paginatedRowModel: createPaginatedRowModel(),
+    expandedRowModel: createExpandedRowModel(),
+    facetedRowModel: createFacetedRowModel(),
+    facetedUniqueValues: createFacetedUniqueValues(),
+    filterFns: {
+      includesString: filterFn_includesString,
+      equals: filterFn_equals,
+      equalsString: filterFn_equalsString,
+      inNumberRange: filterFn_inNumberRange,
+      arrIncludes: filterFn_arrIncludes,
+      arrIncludesSome: filterFn_arrIncludesSome,
+      inDateRange: filterFn_inDateRange,
+      weakEquals: filterFn_weakEquals,
+      oneOf: filterFn_oneOf,
+      search: filterFn_search,
+    },
+    sortFns: {
+      alphanumeric: sortFn_alphanumeric,
+      basic: sortFn_basic,
+      datetime: sortFn_datetime,
+      text: sortFn_text,
+    },
+    columnMeta: metaHelper<DataTableColumnMeta<any>>(),
+  }),
+);
 
 /**
  * The registry type, re-keyed to the consumer's row type so `meta.onCommit`

package/src/components/data-table/parts.tsx

@@ -92,6 +92,21 @@ function DataTableColumnHeader<Row extends RowData>({
         data-slot="data-table-sort"
         disabled={!canSort}
         onClick={canSort ? column.getToggleSortingHandler() : undefined}
+        // Without a name of its own the button announces as just the column
+        // title, which tells a screen-reader user the word "Name" and nothing
+        // about there being a control or what it would do. The `aria-sort` on
+        // the `<th>` (data-table.tsx) states the column's current order; this
+        // states the action, and repeats the order because a button reached by
+        // tabbing is not necessarily read with its header cell. Only when the
+        // column sorts: on a column that only hides or pins, the button is
+        // disabled and "Sort by" would be a lie.
+        aria-label={
+          canSort
+            ? sorted
+              ? `Sort by ${label}, sorted ${sorted === "asc" ? "ascending" : "descending"}`
+              : `Sort by ${label}`
+            : undefined
+        }
         className={cn(
           "inline-flex h-7 min-w-0 items-center gap-1 rounded-[var(--ds-radius-sm)] px-2 outline-none",
           "text-inherit transition-colors duration-[var(--ds-duration-fast)]",

package/src/components/data-table/use-data-table.ts

@@ -104,7 +104,10 @@ export function useDataTable<Row extends RowData>(
 
   const query = React.useMemo<TableQuery>(
     () => ({
-      q: searchQuery || undefined,
+      // Trimmed for the same reason the client filter trims (features.ts): a
+      // backend asked for `q: " "` returns nothing, and the user sees an empty
+      // table with no explanation. Whitespace-only means no search term.
+      q: searchQuery.trim() || undefined,
       filters: columnFilters.length ? columnFilters : undefined,
       sort: sorting.length ? sorting : undefined,
       page: pagination.pageIndex,
@@ -164,7 +167,9 @@ export function useDataTable<Row extends RowData>(
     enableColumnPinning,
     enableColumnResizing,
     columnResizeMode: "onChange",
-    globalFilterFn: "includesString",
+    // `search`, not `includesString`: it trims the query, so a box holding only
+    // whitespace filters nothing rather than emptying the grid. See features.ts.
+    globalFilterFn: "search",
   });
 
   // Selection callback with original rows, for consumers that keep selection outside.

package/src/components/data-table/use-server-source.ts

@@ -168,11 +168,23 @@ function useLocalStrategy<Row>(
     : !(state.scopeKey === scopeKey && state.page === query.page && state.pages.length > 0);
   const requestKey = `${scopeKey}|${targetPage}|${tick}`;
 
+  // The consumer's `fetch` is usually an inline arrow — `fetch: q => api.list(q)`
+  // is the documented call — so it is a new function on every parent render.
+  // Depending on it would abort and refire the request each time; the request's
+  // identity is `requestKey`, so the latest function is read from a ref instead.
+  const fetchRef = React.useRef(fetch);
   React.useEffect(() => {
-    if (!fetch || !needs) return;
+    fetchRef.current = fetch;
+  });
+
+  const hasFetch = Boolean(fetch);
+
+  React.useEffect(() => {
+    const run = fetchRef.current;
+    if (!run || !needs) return;
     const controller = new AbortController();
     setState((s) => ({ ...s, isFetching: true }));
-    fetch({ ...scope, page: targetPage }, controller.signal).then(
+    run({ ...scope, page: targetPage }, controller.signal).then(
       (result) => {
         if (controller.signal.aborted) return;
         setState((s) => ({
@@ -189,9 +201,10 @@ function useLocalStrategy<Row>(
       },
     );
     return () => controller.abort();
-    // `requestKey` is the identity of the request; `scope` and `targetPage` derive from it.
+    // `requestKey` is the identity of the request; `scope` and `targetPage` derive
+    // from it. `fetch` itself is held in a ref, so only its presence is a dep.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [fetch, requestKey, needs]);
+  }, [hasFetch, requestKey, needs]);
 
   // Like keepPreviousData: the last result stays on screen while the next loads.
   const rows = React.useMemo(

package/src/components/date-field.tsx

@@ -39,7 +39,7 @@ const MONTHS_LONG = [
   "November",
   "December",
 ];
-const MONTHS_SHORT = MONTHS_LONG.map((m) => m.slice(0, 3));
+const MONTHS_SHORT = /* @__PURE__ */ MONTHS_LONG.map((m) => m.slice(0, 3));
 
 const pad = (n: number) => String(n).padStart(2, "0");
 

package/src/components/error-banner.tsx

@@ -10,7 +10,7 @@ export interface ErrorBannerProps extends Omit<React.ComponentProps<"div">, "chi
   onRetry?: () => void;
 }
 
-const actionClass = cn(
+const actionClass = /* @__PURE__ */ cn(
   "inline-flex items-center justify-center rounded-[var(--ds-radius-sm)] p-1",
   "text-[color:var(--ds-destructive)] hover:bg-[var(--ds-destructive)]/10",
   "outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ds-destructive)]/40",

package/src/components/field.tsx

@@ -27,7 +27,7 @@ import { cn } from "@/lib/cn";
  * narrows that to one constraint. Given `errors` (a react-hook-form error
  * list) it renders whenever the list has a message.
  */
-const fieldVariants = cva("group/field flex w-full gap-2", {
+const fieldVariants = /* @__PURE__ */ cva("group/field flex w-full gap-2", {
   variants: {
     orientation: {
       vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
@@ -47,7 +47,7 @@ export interface FieldProps
 // Base UI's Field.Error reads the control's computed validity only; the
 // external `invalid` prop reaches the data attributes but not the error's
 // visibility. Carry it so FieldError can show its static message.
-const FieldInvalidContext = React.createContext(false);
+const FieldInvalidContext = /* @__PURE__ */ React.createContext(false);
 
 function Field({ className, orientation = "vertical", invalid, ...props }: FieldProps) {
   return (

package/src/components/form.tsx

@@ -66,7 +66,7 @@ type FormFieldContextValue<
   name: TName;
 };
 
-const FormFieldContext = React.createContext<FormFieldContextValue | null>(null);
+const FormFieldContext = /* @__PURE__ */ React.createContext<FormFieldContextValue | null>(null);
 
 function FormField<
   TFieldValues extends FieldValues = FieldValues,
@@ -84,7 +84,7 @@ type FormItemContextValue = {
   id: string;
 };
 
-const FormItemContext = React.createContext<FormItemContextValue | null>(null);
+const FormItemContext = /* @__PURE__ */ React.createContext<FormItemContextValue | null>(null);
 
 function useFormFieldState() {
   const fieldContext = React.useContext(FormFieldContext);

package/src/components/input.tsx

@@ -11,7 +11,7 @@ import { cn } from "@/lib/cn";
  * and takes the ring colour on focus. `aria-invalid` swaps the border and ring
  * for the destructive pair so a Field can mark errors without extra classes.
  */
-const inputClassName = cn(
+const inputClassName = /* @__PURE__ */ cn(
   "flex h-10 w-full min-w-0 rounded-[var(--ds-radius-md)] border border-[var(--ds-border)] bg-[var(--ds-muted)] px-3 py-2",
   "text-[length:var(--ds-text-caption-lg)] leading-[var(--ds-text-caption-lg--line-height)] text-[color:var(--ds-foreground)]",
   "placeholder:text-[color:var(--ds-text-tertiary)]",

package/src/components/label.tsx

@@ -8,7 +8,7 @@ import { cn } from "@/lib/cn";
  * Label — a plain `<label>`. Base UI's Label lives inside Field, so this is
  * the standalone form caption for anything that is not a Field.
  */
-const labelVariants = cva([
+const labelVariants = /* @__PURE__ */ cva([
   "inline-flex items-center gap-2 select-none",
   "text-[length:var(--ds-text-body-sm)] font-medium leading-none",
   "text-[color:var(--ds-foreground)]",

package/src/components/markdown.tsx

@@ -6,6 +6,7 @@ import ReactMarkdown, { type Components, type ExtraProps, type Options } from "r
 import rehypeSanitize, { defaultSchema, type Options as SanitizeSchema } from "rehype-sanitize";
 import remarkGfm from "remark-gfm";
 import { cn } from "@/lib/cn";
+import { shakeable } from "@/lib/shakeable";
 
 /**
  * Markdown.
@@ -32,14 +33,14 @@ function hastText(node: HastChild | HastNode): string {
 }
 
 /** The GitHub schema, plus `class="language-*"` on code and `checked` on task boxes. */
-const markdownSanitizeSchema: SanitizeSchema = {
+const markdownSanitizeSchema: SanitizeSchema = /* @__PURE__ */ shakeable(() => ({
   ...defaultSchema,
   attributes: {
     ...defaultSchema.attributes,
     code: [...(defaultSchema.attributes?.code ?? []), ["className", /^language-./]],
     input: [...(defaultSchema.attributes?.input ?? []), "checked"],
   },
-};
+}));
 
 export interface CodeRendererProps {
   /** The fenced block's text, without a trailing newline. */
@@ -56,11 +57,11 @@ function dom<T extends object>(props: T & ExtraProps): T {
 
 const block = "my-3 first:mt-0 last:mb-0 group-data-[compact]/markdown:my-1.5";
 
-const body = cn(
+const body = /* @__PURE__ */ cn(
   "text-[length:var(--ds-text-body-sm)] leading-[var(--ds-text-body-sm--line-height)] text-[color:var(--ds-foreground)]",
 );
 
-const heading = cn(
+const heading = /* @__PURE__ */ cn(
   "font-[family-name:var(--ds-font-display)] text-[color:var(--ds-foreground)]",
   "mt-6 mb-2 first:mt-0 group-data-[compact]/markdown:mt-3 group-data-[compact]/markdown:mb-1",
 );

package/src/components/sheet.tsx

@@ -32,7 +32,7 @@ import { cn } from "@/lib/cn";
  * until the user closes it. `modal` is on the Root because that is where Base
  * UI reads it; `SheetContent` picks the backdrop up from there through context.
  */
-const SheetModalContext = React.createContext<boolean | "trap-focus">(true);
+const SheetModalContext = /* @__PURE__ */ React.createContext<boolean | "trap-focus">(true);
 
 export interface SheetProps extends SheetPrimitive.Root.Props {
   /**
@@ -79,7 +79,7 @@ function SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {
   );
 }
 
-const sheetVariants = cva(
+const sheetVariants = /* @__PURE__ */ cva(
   [
     "fixed z-50 flex flex-col gap-4 p-6 outline-none",
     "bg-[var(--ds-popover)] text-[color:var(--ds-popover-foreground)] shadow-[var(--ds-shadow-lg)]",

package/src/components/sortable-list.tsx

@@ -135,13 +135,13 @@ interface ItemContextValue {
 const noopRef = () => {};
 const inertHandle: SortableHandleProps = { ref: noopRef };
 
-const SortableItemContext = React.createContext<ItemContextValue>({
+const SortableItemContext = /* @__PURE__ */ React.createContext<ItemContextValue>({
   handleProps: inertHandle,
   isDragging: false,
   disabled: false,
 });
 
-const itemClassName = cn(
+const itemClassName = /* @__PURE__ */ cn(
   "relative rounded-[var(--ds-radius-md)] outline-none",
   "focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40",
   "data-[dragging]:opacity-50 data-[dragging]:ring-2 data-[dragging]:ring-[var(--ds-ring)]",

package/src/components/textarea.tsx

@@ -10,7 +10,7 @@ import { cn } from "@/lib/cn";
  * together in a form. `autoGrow` resizes the element to its content on every
  * change (and on mount), which is how chat composers and note fields use it.
  */
-const textareaClassName = cn(
+const textareaClassName = /* @__PURE__ */ cn(
   "flex min-h-20 w-full min-w-0 rounded-[var(--ds-radius-md)] border border-[var(--ds-border)] bg-[var(--ds-muted)] px-3 py-2",
   "text-[length:var(--ds-text-caption-lg)] leading-[var(--ds-text-caption-lg--line-height)] text-[color:var(--ds-foreground)]",
   "placeholder:text-[color:var(--ds-text-tertiary)]",

package/src/components/toast.tsx

@@ -23,7 +23,7 @@ import { cn } from "@/lib/cn";
  * `createToastManager()` from `@base-ui/react/toast` and pass it as
  * `toastManager` to `Toaster` when you need to fire toasts outside React.
  */
-const toastVariants = cva(
+const toastVariants = /* @__PURE__ */ cva(
   [
     "pointer-events-auto relative flex w-full items-start gap-3 p-4",
     "rounded-[var(--ds-radius-lg)] border shadow-[var(--ds-shadow-lg)]",

package/src/entries/a2ui.ts

@@ -0,0 +1,11 @@
+/**
+ * `cortena-ui/a2ui` — the A2UI catalogue and renderer.
+ *
+ * Layer 1 of `cortenaUI&Design/05-agent-ui.md`. The catalogue names every view
+ * and every view names a component, so this entry reaches most of the package
+ * by design: it is the vocabulary an agent may draw with, and an agent may draw
+ * with all of it. That is why it is its own entry rather than something the
+ * root barrel forces on every consumer.
+ */
+
+export * from "@/a2ui";

package/src/entries/chart.ts

@@ -0,0 +1,10 @@
+/**
+ * `cortena-ui/chart` — the Chart composite and the themed Recharts primitives.
+ *
+ * Importing this entry is what makes an app pay for a charting engine.
+ * Recharts is loaded on first render of a Recharts chart type and every
+ * `@nivo/*` package on first render of a Nivo one, so an app that imports
+ * `Chart` but renders none still ships no engine.
+ */
+
+export * from "@/components/chart";

package/src/entries/core.ts

@@ -0,0 +1,91 @@
+/**
+ * `cortena-ui/core` — every component that carries no heavy dependency.
+ *
+ * The primitives, the overlays, the light form controls, the theme hook and
+ * `cn`. Nothing here reaches recharts, nivo, exceljs, dnd-kit, react-markdown,
+ * react-day-picker, react-dropzone, react-hook-form, zod or TanStack Table, so
+ * this is the entry to import from when a bundle's size is the constraint and
+ * you do not want to depend on tree-shaking working perfectly.
+ *
+ * Everything here is also exported from the root barrel; see README.md,
+ * "Entry points".
+ */
+
+export type { AlertProps } from "@/components/alert";
+export type { BadgeProps } from "@/components/badge";
+export type { BreadcrumbLinkProps } from "@/components/breadcrumb";
+export type { ButtonLinkProps } from "@/components/button-link";
+export type { ButtonProps } from "@/components/button";
+export type { CardProps } from "@/components/card";
+export type { CheckboxProps } from "@/components/checkbox";
+export type { ChipProps } from "@/components/chip";
+export type { ComboboxChipProps, ComboboxChipsProps, ComboboxContentProps, ComboboxInputProps } from "@/components/combobox";
+export type { CommandDialogProps, CommandItemProps } from "@/components/command";
+export type { CortenaTheme, CortenaThemeMessage, ResolvedCortenaTheme, UseCortenaThemeOptions, UseCortenaThemeResult } from "@/hooks/use-cortena-theme";
+export type { DialogContentProps } from "@/components/dialog";
+export type { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSubTriggerProps } from "@/components/dropdown-menu";
+export type { EmptyStateProps } from "@/components/empty-state";
+export type { ErrorBannerProps } from "@/components/error-banner";
+export type { FieldControlProps, FieldDescriptionProps, FieldErrorItem, FieldErrorProps, FieldLabelProps, FieldProps, FieldsetLegendProps, FieldsetProps } from "@/components/field";
+export type { InputProps } from "@/components/input";
+export type { LabelProps } from "@/components/label";
+export type { LoadingSkeletonPreset, LoadingSkeletonProps } from "@/components/loading-skeleton";
+export type { PageHeaderProps } from "@/components/page-header";
+export type { PopoverContentProps } from "@/components/popover";
+export type { ProgressProps } from "@/components/progress";
+export type { RadioGroupItemProps, RadioGroupProps } from "@/components/radio-group";
+export type { ScrollAreaProps } from "@/components/scroll-area";
+export type { SectionCardProps } from "@/components/section-card";
+export type { SegmentedOption, SegmentedProps } from "@/components/segmented";
+export type { SelectContentProps, SelectProps, SelectTriggerProps } from "@/components/select";
+export type { SeparatorProps } from "@/components/separator";
+export type { SheetContentProps, SheetProps } from "@/components/sheet";
+export type { SpinnerProps } from "@/components/spinner";
+export type { StatusDotProps, StatusDotTone } from "@/components/status-dot";
+export type { SwitchProps } from "@/components/switch";
+export type { TextareaProps } from "@/components/textarea";
+export type { ToastProps, ToasterProps } from "@/components/toast";
+export type { ToolbarProps } from "@/components/toolbar";
+export type { TooltipContentProps } from "@/components/tooltip";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/accordion";
+export { Alert, AlertDescription, AlertIcon, AlertTitle, alertVariants } from "@/components/alert";
+export { Avatar, AvatarFallback, AvatarImage } from "@/components/avatar";
+export { Badge, badgeVariants } from "@/components/badge";
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@/components/breadcrumb";
+export { Button, buttonVariants } from "@/components/button";
+export { ButtonLink } from "@/components/button-link";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/card";
+export { Checkbox } from "@/components/checkbox";
+export { Chip, chipVariants } from "@/components/chip";
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, useComboboxFilter } from "@/components/combobox";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from "@/components/command";
+export { DEFAULT_THEME_STORAGE_KEY, THEME_MESSAGE_TYPE, applyStoredTheme, applyTheme, getThemeInitScript, readStoredTheme, themeFromBackground, themeFromMessage, themeInitScript, useCortenaTheme } from "@/hooks/use-cortena-theme";
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "@/components/dialog";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "@/components/dropdown-menu";
+export { EmptyState } from "@/components/empty-state";
+export { ErrorBanner } from "@/components/error-banner";
+export { Field, FieldContent, FieldControl, FieldDescription, FieldError, FieldGroup, FieldLabel, Fieldset, FieldsetLegend, fieldVariants } from "@/components/field";
+export { Input, inputClassName } from "@/components/input";
+export { Kbd } from "@/components/kbd";
+export { Label, labelVariants } from "@/components/label";
+export { LoadingSkeleton } from "@/components/loading-skeleton";
+export { PageHeader } from "@/components/page-header";
+export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger } from "@/components/popover";
+export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "@/components/progress";
+export { RadioGroup, RadioGroupItem } from "@/components/radio-group";
+export { ScrollArea, ScrollBar } from "@/components/scroll-area";
+export { SectionCard } from "@/components/section-card";
+export { Segmented } from "@/components/segmented";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "@/components/select";
+export { Separator } from "@/components/separator";
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetVariants } from "@/components/sheet";
+export { Skeleton } from "@/components/skeleton";
+export { Spinner } from "@/components/spinner";
+export { StatusDot } from "@/components/status-dot";
+export { Switch } from "@/components/switch";
+export { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "@/components/tabs";
+export { Textarea, textareaClassName } from "@/components/textarea";
+export { Toast, Toaster, toastVariants, useToast } from "@/components/toast";
+export { Toolbar, ToolbarEnd, ToolbarSeparator, ToolbarStart } from "@/components/toolbar";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/tooltip";
+export { cn } from "@/lib/cn";

package/src/entries/data-table.ts

@@ -0,0 +1,9 @@
+/**
+ * `cortena-ui/data-table` — DataTable, its parts, and the export helpers.
+ *
+ * Brings `@tanstack/react-table` and `@tanstack/react-virtual`. exceljs is
+ * loaded on the first `downloadExcel` call and never before, so a table that is
+ * only ever read costs nothing for the workbook writer.
+ */
+
+export * from "@/components/data-table";