@a4ui/core 0.32.0 → 0.33.0

package/dist/charts/BarList.d.ts

@@ -0,0 +1,33 @@
+import { JSX } from 'solid-js';
+export interface BarListDatum {
+    name: string;
+    value: number;
+    href?: string;
+}
+export interface BarListProps {
+    data: BarListDatum[];
+    /** Formats the raw value shown at the row's end. Default `String`. */
+    valueFormat?: (n: number) => string;
+    /** Fill color token. Default 'primary'. */
+    tone?: 'primary' | 'accent';
+    class?: string;
+}
+/**
+ * Ranked horizontal bar list: rows sorted by `value` descending, each a
+ * full-width track with a low-opacity fill sized to `value / max` of the
+ * tallest row, the `name` overlaid at the left (truncated, rendered as a
+ * link when `href` is set) and the formatted value at the right. Compact
+ * and reflows with its container.
+ *
+ * @example
+ * ```tsx
+ * <BarList
+ *   data={[
+ *     { name: '/dashboard', value: 842, href: '/pages/dashboard' },
+ *     { name: '/settings', value: 231 },
+ *   ]}
+ *   tone="accent"
+ * />
+ * ```
+ */
+export declare function BarList(props: BarListProps): JSX.Element;

package/dist/charts/CategoryBar.d.ts

@@ -0,0 +1,23 @@
+import { JSX } from 'solid-js';
+export type CategoryBarTone = 'primary' | 'accent' | 'success' | 'warning' | 'destructive';
+export interface CategoryBarProps {
+    values: number[];
+    /** A value along the cumulative total to mark with a caret above the bar. */
+    marker?: number;
+    /** Per-segment color tokens; cycles the default order below when omitted or shorter than `values`. */
+    tones?: CategoryBarTone[];
+    class?: string;
+}
+/**
+ * Single segmented bar: each `values[i]` sets a segment's flex-grow share of
+ * the total, colored by `tones[i]` (cycling a sensible default), joined
+ * seamlessly inside one rounded track. An optional `marker` renders a caret
+ * above the bar at that value's position along the total, and cumulative
+ * boundary labels sit beneath (muted, tabular-nums).
+ *
+ * @example
+ * ```tsx
+ * <CategoryBar values={[40, 25, 20, 15]} marker={62} />
+ * ```
+ */
+export declare function CategoryBar(props: CategoryBarProps): JSX.Element;

package/dist/charts/StatusTracker.d.ts

@@ -0,0 +1,27 @@
+import { JSX } from 'solid-js';
+export interface StatusSegment {
+    status: 'ok' | 'degraded' | 'down';
+    label?: string;
+}
+export interface StatusTrackerProps {
+    segments: StatusSegment[];
+    class?: string;
+}
+/**
+ * Status-page style history bar: a row of thin rounded segments colored by
+ * `status` (ok/degraded/down), each with a native hover tooltip showing its
+ * label and status, plus a summary uptime line above.
+ *
+ * @example
+ * ```tsx
+ * <StatusTracker
+ *   segments={[
+ *     { status: 'ok', label: 'Jul 1' },
+ *     { status: 'degraded', label: 'Jul 2' },
+ *     { status: 'ok', label: 'Jul 3' },
+ *     { status: 'down', label: 'Jul 4' },
+ *   ]}
+ * />
+ * ```
+ */
+export declare function StatusTracker(props: StatusTrackerProps): JSX.Element;

package/dist/charts/index.d.ts

@@ -4,3 +4,6 @@ export { DonutChart, type DonutSegment, type DonutChartProps } from './DonutChar
 export { LineChart, type LineSeries, type LineChartProps } from './LineChart';
 export { GaugeChart, type GaugeThreshold, type GaugeChartProps } from './GaugeChart';
 export { RadarChart, type RadarSeries, type RadarChartProps } from './RadarChart';
+export { BarList, type BarListDatum, type BarListProps } from './BarList';
+export { StatusTracker, type StatusSegment, type StatusTrackerProps } from './StatusTracker';
+export { CategoryBar, type CategoryBarTone, type CategoryBarProps } from './CategoryBar';