@k2b/ui 0.48.0 → 0.50.0

package/dist/types/surfaces/index.d.ts

@@ -2,6 +2,7 @@ export type { AvatarProps, AvatarRing, AvatarShape, AvatarSize, AvatarTone } fro
 export { Avatar } from "./Avatar";
 export type { AvatarFacesPerson, AvatarFacesProps, AvatarStackPerson, AvatarStackProps } from "./AvatarStack";
 export { AvatarFaces, AvatarStack } from "./AvatarStack";
+export { type BudgetItem, type BudgetLevel, BudgetList, type BudgetListProps, budgetState } from "./BudgetList";
 export type { ChangeListItem, ChangeListProps, ChangeTone } from "./ChangeList";
 export { ChangeList } from "./ChangeList";
 export type { DescriptionListItem, DescriptionListProps } from "./DescriptionList";
@@ -18,15 +19,15 @@ export type { PaperProps, PaperTag } from "./Paper";
 export { Paper } from "./Paper";
 export type { PlaceholderAlign, PlaceholderProps, PlaceholderState, PlaceholderSurface, PlaceholderVariant, } from "./Placeholder";
 export { default as Placeholder } from "./Placeholder";
-export type { ProgressBarProps, ProgressBarTone } from "./ProgressBar";
-export { ProgressBar } from "./ProgressBar";
+export type { ProgressBarPart, ProgressBarProps, ProgressBarSegment, ProgressBarTone } from "./ProgressBar";
+export { ProgressBar, progressBarParts } from "./ProgressBar";
 export type { ProgressRingProps, ProgressRingTone } from "./ProgressRing";
 export { ProgressRing } from "./ProgressRing";
 export { PERSON_COLORS, personColor } from "./person-color";
 export type { ResourceCardColor, ResourceCardProps, ResourceCardState } from "./ResourceCard";
 export { ResourceCard } from "./ResourceCard";
 export { Skeleton, type SkeletonProps } from "./Skeleton";
-export type { StatCellAccent, StatCellProps, StatCellTone } from "./StatCell";
+export type { StatCellAccent, StatCellCompare, StatCellDelta, StatCellProps, StatCellSize, StatCellTone } from "./StatCell";
 export { StatCell } from "./StatCell";
 export type { StatGridAction, StatGridColumns, StatGridProps, StatGridSize, StatGridSurface, } from "./StatGrid";
 export { StatGrid } from "./StatGrid";

package/dist/types/surfaces/person-color.d.ts

@@ -1,9 +1,9 @@
 /**
  * The colors that stand for a person: the tint behind avatar initials, a collaborator's cursor, and the marks and
- * comments a person leaves. The palette leaves out cyan, which means AI, and yellow, which reads as a text highlight.
+ * comments a person leaves. The palette leaves out plum, which means AI, and yellow, which reads as a text highlight.
  * Several people can share a color, so a person's name always appears next to it.
  */
-export declare const PERSON_COLORS: readonly ["#3b82f6", "#6366f1", "#8b5cf6", "#c026d3", "#ec4899", "#e11d48", "#f97316", "#16a34a"];
+export declare const PERSON_COLORS: readonly ["#3b82f6", "#6366f1", "#8b5cf6", "#0891b2", "#0d9488", "#e11d48", "#f97316", "#16a34a"];
 /** The palette index for a name, the order of the `.k2b-avatar[data-tint]` rules. Surrounding spaces do not count. */
 export declare const personTint: (name: string) => number;
 /** A person's color from their display name, the same wherever Cloud shows that person. */

package/dist/types/surfaces/stat-cell-messages.d.ts

@@ -0,0 +1,19 @@
+declare const statCellMessages: import("@k2b/stdlib").Catalog<{
+    points: string;
+    better: string;
+    worse: string;
+    comparedWith: ({ label }: {
+        label: string;
+    }) => string;
+    notLoaded: string;
+    retry: string;
+    reload: string;
+    loading: string;
+}>;
+export type StatCellMessages = ReturnType<(typeof statCellMessages)["resolve"]>["t"];
+/** Resolved from the inherited render locale. */
+export declare const useStatCellMessages: () => (() => StatCellMessages);
+/** For a caller that already holds the locale, such as table text for search and copy. */
+export declare const resolveStatCellMessages: (locale: string) => StatCellMessages;
+export declare const checkStatCellMessages: () => import("@k2b/stdlib").CatalogIssue[];
+export {};

package/dist/types/widgets/Dashboard.d.ts

@@ -0,0 +1,42 @@
+import { type JSX } from "solid-js";
+/**
+ * A panel's share of the six dashboard columns: a third is two, a half three, two thirds four, full all six. At a
+ * dashboard width of 1000 px or less a third takes half the row and two thirds the whole row; at 600 px or less every
+ * panel takes the whole row.
+ */
+export type DashboardWidth = "third" | "half" | "twoThirds" | "full";
+export type DashboardGridProps = {
+    children: JSX.Element;
+    class?: string;
+};
+/** The dashboard's measuring container. Panel widths and the key-figure row follow its width, not the window's. */
+export declare function DashboardGrid(props: DashboardGridProps): JSX.Element;
+export type DashboardSectionProps = {
+    /** Visible heading; without it the section has no heading and is named by `ariaLabel`. */
+    title?: string;
+    /** Tabler icon class shown as a plain glyph before the title, never in a tile. */
+    icon?: string;
+    /** Colour of the icon glyph; it is mixed with the text colour so it stays readable in light and dark. */
+    iconColor?: string;
+    /** Source or cadence, quiet and next to the title. */
+    description?: string;
+    headingLevel?: 2 | 3 | 4;
+    ariaLabel?: string;
+    class?: string;
+    /** Panels and at most one key-figure row (`StatGrid`), in reading order; the row always spans all six columns. */
+    children?: JSX.Element;
+};
+/** A titled group of panels on the six-column grid. */
+export declare function DashboardSection(props: DashboardSectionProps): JSX.Element;
+type DashboardPanelTag = "article" | "section" | "div" | "li";
+type DashboardPanelOwnProps<T extends DashboardPanelTag> = {
+    as?: T;
+    /** Defaults to a third. Ignored inside a key-figure row, where every tile takes one of its columns. */
+    width?: DashboardWidth;
+    class?: string;
+    children?: JSX.Element;
+};
+export type DashboardPanelProps<T extends DashboardPanelTag = "article"> = DashboardPanelOwnProps<T> & Omit<JSX.IntrinsicElements[T], keyof DashboardPanelOwnProps<T>>;
+/** One framed cell of the grid. Panels in a row share the height of the tallest. */
+export declare function DashboardPanel<T extends DashboardPanelTag = "article">(props: DashboardPanelProps<T>): JSX.Element;
+export {};

package/dist/types/widgets/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./Dashboard";
 export * from "./Widget";
 export * from "./WidgetHero";
 export * from "./WidgetList";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.48.0",
+  "version": "0.50.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",
@@ -54,6 +54,12 @@
       "types": "./dist/types/text-editor/markdown-table.d.ts",
       "import": "./dist/ssr/text-editor/markdown-table.js",
       "default": "./dist/ssr/text-editor/markdown-table.js"
+    },
+    "./charts/core": {
+      "types": "./dist/types/charts/core/index.d.ts",
+      "browser": "./dist/browser/charts/core/index.js",
+      "import": "./dist/ssr/charts/core/index.js",
+      "default": "./dist/ssr/charts/core/index.js"
     }
   },
   "files": [