@danxbot/ui 2.9.1 → 3.1.0

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

@@ -3,21 +3,24 @@ import { type VariantProps } from "tailwind-variants";
 declare const stat: import("tailwind-variants").TVReturnType<{
     size: {
         xs: {
-            label: string;
-            hint: string;
+            box: string;
             value: string;
         };
         sm: {
+            box: string;
             value: string;
         };
         md: {
+            box: string;
             value: string;
         };
         lg: {
+            box: string;
             value: string;
         };
     };
 }, {
+    box: string;
     root: string;
     label: string;
     value: string;
@@ -27,21 +30,24 @@ declare const stat: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     size: {
         xs: {
-            label: string;
-            hint: string;
+            box: string;
             value: string;
         };
         sm: {
+            box: string;
             value: string;
         };
         md: {
+            box: string;
             value: string;
         };
         lg: {
+            box: string;
             value: string;
         };
     };
 }, {
+    box: string;
     root: string;
     label: string;
     value: string;
@@ -51,21 +57,24 @@ declare const stat: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnTypeLike<{
     size: {
         xs: {
-            label: string;
-            hint: string;
+            box: string;
             value: string;
         };
         sm: {
+            box: string;
             value: string;
         };
         md: {
+            box: string;
             value: string;
         };
         lg: {
+            box: string;
             value: string;
         };
     };
 }, {
+    box: string;
     root: string;
     label: string;
     value: string;
@@ -73,6 +82,7 @@ declare const stat: import("tailwind-variants").TVReturnType<{
     delta: string;
     hint: string;
 }>>;
+export type StatSize = NonNullable<VariantProps<typeof stat>["size"]>;
 export type StatTrend = "up" | "down" | "flat";
 /** Whether this movement is good news, bad news, or neither. */
 export type StatSentiment = "positive" | "negative" | "neutral";
@@ -93,6 +103,19 @@ export interface StatProps extends VariantProps<typeof stat> {
     ref?: Ref<HTMLDivElement>;
 }
 export declare function Stat({ label, value, unit, delta, trend, sentiment, hint, visual, size, className, ref, }: StatProps): import("react").JSX.Element;
+export interface StatRowProps {
+    /**
+     * The readout, as DATA. Every entry is the props of one `Stat`; `size` is the
+     * row's, not each stat's, so they cannot disagree.
+     */
+    stats: readonly Omit<StatProps, "size">[];
+    size?: StatSize;
+    /** Which edge the row settles against when it has spare width. */
+    align?: "start" | "end" | "between";
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function StatRow({ stats, size, align, className, ref }: StatRowProps): import("react").JSX.Element | null;
 export interface SparklineProps {
     values: number[];
     /** Matches the stat's sentiment, so the line agrees with the delta beside it. */

package/dist/types/index.d.ts

@@ -8,7 +8,7 @@
  * Every props interface is named `<Name>Props` — the design agent reads those
  * type names directly, and consumers get predictable imports.
  */
-import "./styles/index.css";
+import "./styles/lib.css";
 export { Icon, type IconProps, type IconSize, type IconName } from "./components/Icon";
 export { registerIcon, registerIcons, getIcon, hasIcon, iconNames, type IconNode, type IconNodeChild, } from "./lib/icons";
 export { coreIcons, type CoreIconName } from "./icons/data";
@@ -49,7 +49,7 @@ export { Separator, ScrollArea, Collapsible, EmptyState, Timeline, type Separato
 export { PanelGroup, Panel, PanelResizer, type PanelGroupProps, type PanelProps, type PanelResizerProps, type PanelDirection, type PanelNarrowMode, } from "./components/Panel";
 export { Avatar, AvatarGroup, type AvatarProps, type AvatarGroupProps, type AvatarStatus, } from "./components/Avatar";
 export { Progress, Meter, ProgressRing, type ProgressProps, type MeterProps, type ProgressRingProps, type ProgressRingValueProps, type ProgressRingSegmentsProps, type ProgressRingSegment, type ProgressTone, } from "./components/Progress";
-export { Stat, Sparkline, type StatProps, type SparklineProps, type StatTrend, type StatSentiment, } from "./components/Stat";
+export { Stat, StatRow, Sparkline, type StatProps, type StatRowProps, type SparklineProps, type StatSize, type StatTrend, type StatSentiment, } from "./components/Stat";
 export { DataTable, TableEmptyState, CellStack, type DataTableProps, type TableDensity, } from "./components/Table";
 export { CodeEditor, CodeEditorToolbar, CodeEditorCaption, CodeEditorCopyButton, CodeEditorWrapToggle, CodeEditorViewSwitch, type CodeEditorProps, type CodeEditorToolbarProps, type CodeEditorView, } from "./components/CodeEditor";
 export { MarkdownEditor, type MarkdownEditorProps } from "./components/MarkdownEditor";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "2.9.1",
+  "version": "3.1.0",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",
@@ -69,7 +69,7 @@
     "gates": "npm run shoot && npm run a11y && node scripts/shoot-overlays.mjs && npm run probe",
     "a11y": "node scripts/a11y-scan.mjs",
     "shoot": "node scripts/shoot.mjs",
-    "probe": "node scripts/probe-scale.mjs && node scripts/probe-switch.mjs && node scripts/probe-slider.mjs && node scripts/probe-panel.mjs && node scripts/probe-popover-width.mjs && node scripts/probe-api.mjs && node scripts/probe-api-live.mjs && node scripts/probe-tabs-overflow.mjs && node scripts/probe-stat-row.mjs",
+    "probe": "node scripts/probe-scale.mjs && node scripts/probe-switch.mjs && node scripts/probe-slider.mjs && node scripts/probe-panel.mjs && node scripts/probe-popover-width.mjs && node scripts/probe-api.mjs && node scripts/probe-api-live.mjs && node scripts/probe-tabs-overflow.mjs && node scripts/probe-stat-row.mjs && node scripts/probe-packaging.mjs",
     "sync": "node scripts/sync.mjs",
     "visual": "node scripts/visual-docker.mjs",
     "visual:update": "node scripts/visual-docker.mjs --update-snapshots",