@sequenceholdings/atlas-ui 2.0.0 → 3.0.0

package/dist/{chart-D6BE0zF5.js → chart-DeLyjZqf.js}

@@ -1743,6 +1743,7 @@ var M = (e, t) => {
 	"control",
 	"badge",
 	"field",
+	"surface-inset",
 	"surface-nested",
 	"surface"
 ], Dt = [
@@ -18287,7 +18288,7 @@ function eM({ active: t, payload: n, className: r, indicator: i = "dot", hideLab
 	if (x.length === 0 && !S) return null;
 	let C = m && b.length > 0 ? m(b) : null;
 	return /* @__PURE__ */ y("div", {
-		className: At("grid min-w-[8rem] items-start gap-1.5 rounded-surface border border-border bg-card px-2.5 py-1.5 text-xs shadow-popover", r),
+		className: At("grid min-w-32 items-start gap-1.5 rounded-surface border border-border bg-card px-2.5 py-1.5 text-xs shadow-popover", r),
 		children: [
 			S,
 			x.length > 0 ? /* @__PURE__ */ v("div", {

package/dist/charts.mjs

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, O as m, P as h, R as g, S as _, T as v, U as y, V as b, W as x, X as S, Y as C, Z as ee, _ as te, a as w, b as T, c as ne, d as re, f as ie, g as ae, h as oe, i as se, j as ce, k as le, l as ue, m as de, o as fe, p as pe, q as me, s as E, t as he, u as ge, v as _e, w as ve, x as ye, y as be, z as xe } from "./chart-D6BE0zF5.js";
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, O as m, P as h, R as g, S as _, T as v, U as y, V as b, W as x, X as S, Y as C, Z as ee, _ as te, a as w, b as T, c as ne, d as re, f as ie, g as ae, h as oe, i as se, j as ce, k as le, l as ue, m as de, o as fe, p as pe, q as me, s as E, t as he, u as ge, v as _e, w as ve, x as ye, y as be, z as xe } from "./chart-DeLyjZqf.js";
 import D, { PureComponent as Se, useMemo as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region ../../../node_modules/.pnpm/recharts@2.15.0_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/recharts/es6/shape/Polygon.js

package/dist/index.d.ts

@@ -1681,8 +1681,8 @@ export declare interface HeatmapTableProps<T> {
     onRowClick?: (row: T) => void;
     /** Label used in pagination ("1–10 of 42 {entityLabel}") and empty state. */
     entityLabel?: string;
-    /** Tightens cell padding for dense, many-column matrices. */
-    density?: 'default' | 'compact' | 'dense';
+    /** Component-owned density mode for this matrix. */
+    density?: 'default' | 'compact';
     className?: string;
 }
 
@@ -1767,7 +1767,13 @@ declare interface KpiTileProps {
     deltaTone?: 'positive' | 'negative' | 'neutral';
     /** Optional small line of text below the value (captions, context). */
     footer?: React_2.ReactNode;
-    /** When 'warn', the tile picks up an amber tint to flag attention. */
+    /**
+     * Tints the tile to carry a signal: 'warn' amber for an attention threshold,
+     * 'danger' red for an alarm. Prefer this over passing a coloured ring through
+     * `className` — a `ring-<role>/30` outline measures 1.34:1 against the tile in
+     * light, which is not a signal. The tonal states read because the label and
+     * value turn coloured (7.3:1 on the tint), not because the fill is strong.
+     */
     tone?: KpiTone;
     /** Inline adornment rendered next to the value (e.g. live dot). */
     valueAdornment?: React_2.ReactNode;
@@ -1789,14 +1795,15 @@ declare interface KpiTileProps {
  * KpiTile — compact metric card for the top of dashboards.
  *
  * Differs from `MetricCard` in two deliberate ways:
- *   - supports a colored "warn" state (tinted background/border) for KPIs that
- *     themselves carry an attention signal (e.g. "Needs attention: 1")
+ *   - supports colored tonal states (tinted background/border) for KPIs that
+ *     themselves carry a signal: `warn` for an attention threshold, `danger`
+ *     for an alarm the viewer is expected to act on (e.g. "Flagged: 3")
  *   - exposes `delta`, `deltaTone`, and `footer` slots so the monitoring-style
  *     copy ("+0.4pp vs prev 24h", "5 agents live") renders consistently
  *
  * When you only need a static label + value + subtitle, prefer MetricCard.
  */
-declare type KpiTone = 'neutral' | 'warn' | 'info';
+declare type KpiTone = 'neutral' | 'warn' | 'info' | 'danger';
 
 export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & LabelOwnProps & React_2.RefAttributes<HTMLLabelElement>>;
 
@@ -1856,13 +1863,14 @@ export declare interface MetricAreaChartProps {
     className?: string;
 }
 
-export declare function MetricCard({ label, value, subtitle, compact, className, onClick, children }: MetricCardProps): JSX.Element;
+export declare function MetricCard({ label, value, subtitle, density, className, onClick, children, }: MetricCardProps): JSX.Element;
 
 declare interface MetricCardProps {
     label: string;
     value: ReactNode;
     subtitle?: ReactNode;
-    compact?: boolean;
+    /** Component-owned density mode for metric grids. */
+    density?: 'default' | 'compact';
     className?: string;
     onClick?: () => void;
     children?: ReactNode;
@@ -2001,7 +2009,7 @@ declare interface MultiSelectProps extends MultiSelectCoreProps {
      * events only within the dialog's own content subtree. This popover portals
      * to the body, so it sits outside that subtree and the lock swallows every
      * wheel event over the option list — the list is a real scroll container
-     * (`max-h-[300px] overflow-y-auto`) but cannot be scrolled, stranding every
+     * (`max-h-75 overflow-y-auto`) but cannot be scrolled, stranding every
      * option past the ~7th. Radix `Select` is unaffected because it implements
      * its own scrolling rather than relying on native overflow.
      *
@@ -2512,6 +2520,55 @@ declare interface ProDataTableProps<T> {
      * pass `bg-*` here expecting it to restyle the table surface.
      */
     className?: string;
+    /**
+     * Opt-in row grouping. Returns a stable group key per row; the table inserts
+     * a full-width section-header row before each group's members. Group order
+     * follows first appearance in the filtered/sorted row model. Pair with
+     * `renderGroupHeader` for custom header content.
+     *
+     * Grouping + client pagination is unsupported in v1 — when `groupBy` is set
+     * without `manualPagination`, the client pager is forced off (same as
+     * `disablePagination`). Server-paginated tables keep their pager.
+     */
+    groupBy?: (row: T) => string;
+    /**
+     * Optional stable group order, including keys that currently have zero rows
+     * (vocabulary-only teams, empty buckets). Without it, headers are derived
+     * from the row model and empty groups disappear.
+     *
+     * While the table is searching, empty keys are still omitted so the result
+     * stays dense — matching the prior Roster `filterGroups` contract.
+     */
+    groupKeys?: readonly string[];
+    /**
+     * Render the section-header cell for a group. Receives the group's key, the
+     * filtered member rows in that group, whether the body is expanded, and a
+     * `toggle` callback (no-op when `collapsibleGroups` is off). Defaults to the
+     * group key as plain text when omitted.
+     */
+    renderGroupHeader?: (ctx: {
+        groupKey: string;
+        rows: T[];
+        expanded: boolean;
+        toggle: () => void;
+    }) => React_2.ReactNode;
+    /**
+     * When true with `groupBy`, section bodies can collapse (headers stay).
+     * Defaults to false — groups always show their rows.
+     */
+    collapsibleGroups?: boolean;
+    /**
+     * Controlled set of expanded group keys. Omit for uncontrolled
+     * (`defaultExpandedGroups`). Ignored when `collapsibleGroups` is false.
+     */
+    expandedGroups?: ReadonlySet<string>;
+    /**
+     * Uncontrolled initial expansion. `'all'` (default) expands every group;
+     * `'none'` collapses all; a string array expands those keys only.
+     */
+    defaultExpandedGroups?: 'all' | 'none' | string[];
+    /** Called whenever the expanded set changes (controlled or uncontrolled). */
+    onExpandedGroupsChange?: (next: ReadonlySet<string>) => void;
 }
 
 /**
@@ -3016,12 +3073,12 @@ export declare type StatusTone = keyof typeof STATUS_TONES;
  * No drop shadows — neither on the track nor the thumb — consistent
  * with the rest of Atlas's form primitives (Input, Select, Textarea,
  * Button, Checkbox). Affordance comes from the bg-color transition
- * (`bg-input` → `bg-primary`) and the thumb's translate + opaque
+ * (`bg-input` → `bg-expressive`) and the thumb's translate + opaque
  * contrast against the track.
  */
 export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-declare function Table<T>({ columns, data, selectable, getRowId, selectedRowIds, onSelectionChange, enableRowSelection, rowActions, getRowLabel, searchable, filters, toolbar, actions, footer, pageSize, disablePagination, resizableColumns, columnSizingStorageKey, defaultSort, manualPagination, rowCount, pageIndex, onPageChange, manualSorting, sorting: controlledSorting, onSortingChange, manualFiltering, columnFilters: controlledColumnFilters, onColumnFiltersChange, loading, emptyMessage, onRowClick, rowHref, rowClassName, minWidth, height, bordered, variant, ariaLabel, className, }: ProDataTableProps<T>): JSX.Element;
+declare function Table<T>(props: ProDataTableProps<T>): JSX.Element;
 export { Table as DataTable }
 export { Table as ProDataTable }
 export { Table }
@@ -3056,7 +3113,7 @@ export declare const Tabs: React_2.ForwardRefExoticComponent<TabsPrimitive.TabsP
 export declare const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "line" | "sidebar" | null | undefined;
+    variant?: "default" | "line" | "pills" | "sidebar" | null | undefined;
 } & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
@@ -3752,11 +3809,11 @@ declare interface TrendBadgeProps {
  * body or long-form copy: that should wrap, not truncate.
  *
  * ```tsx
- * <TruncatedText className="max-w-[16rem]">{customer.name}</TruncatedText>
+ * <TruncatedText className="max-w-64">{customer.name}</TruncatedText>
  *
  * // asChild — the link itself truncates; pass the text as `tooltip`:
  * <TruncatedText asChild tooltip={repo.name}>
- *   <a href={href} className="max-w-[14rem]">{repo.name}</a>
+ *   <a href={href} className="max-w-56">{repo.name}</a>
  * </TruncatedText>
  * ```
  */