@sequenceholdings/atlas-ui 2.0.1 → 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;
 }
 
@@ -1863,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;
@@ -2008,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.
      *
@@ -2519,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;
 }
 
 /**
@@ -3023,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 }
@@ -3063,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>>;
@@ -3759,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>
  * ```
  */