@mieweb/ui 0.7.3 → 0.8.0-dev.1

package/dist/components/Sparkline/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunk7RV6CAP6_cjs = require('../../chunk-7RV6CAP6.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "Sparkline", {
+  enumerable: true,
+  get: function () { return chunk7RV6CAP6_cjs.Sparkline; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Sparkline/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Sparkline/index.d.cts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+interface SparklinePoint {
+    /** Stable key for selection (e.g. a day key like "2026-08-22"). */
+    key: string;
+    /** Human label for tooltips and accessible names (defaults to key). */
+    label?: string;
+    value: number;
+}
+interface SparklineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /** Pre-bucketed points in display order (e.g. one per day). */
+    data: SparklinePoint[];
+    /** Selected point key — that bar is highlighted. */
+    selectedKey?: string | null;
+    /**
+     * Makes bars clickable; clicking the selected bar reports `null`
+     * (deselect). Omit for a read-only sparkline.
+     */
+    onSelect?: (key: string | null) => void;
+    /** Track label rendered before the bars (e.g. "All activity"). */
+    label?: string;
+    /**
+     * Accessible name for the bar group. Defaults to the visible `label`
+     * (so multiple tracks stay distinguishable), else "Activity over time".
+     */
+    ariaLabel?: string;
+    /** Bar track height in px (default 32). */
+    height?: number;
+    /** Formats the value for tooltips/accessible names (default `String`). */
+    formatValue?: (point: SparklinePoint) => string;
+}
+/**
+ * A compact bar sparkline for activity-over-time strips — timelines,
+ * table rows, dashboard headers. Bars scale to the series maximum;
+ * zero-value bars render as a low baseline stub. With `onSelect`, bars
+ * become toggle buttons for filtering the view to one bucket.
+ *
+ * Data arrives pre-bucketed (the host owns date math), keeping the
+ * component pure. For full charting, reach for DataVis instead.
+ *
+ * @example
+ * ```tsx
+ * <Sparkline
+ *   label="All activity"
+ *   data={days.map((d) => ({ key: d.iso, label: d.pretty, value: d.count }))}
+ *   selectedKey={day}
+ *   onSelect={setDay}
+ * />
+ * ```
+ */
+declare const Sparkline: React.ForwardRefExoticComponent<SparklineProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Sparkline, type SparklinePoint, type SparklineProps };

package/dist/components/Sparkline/index.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+
+interface SparklinePoint {
+    /** Stable key for selection (e.g. a day key like "2026-08-22"). */
+    key: string;
+    /** Human label for tooltips and accessible names (defaults to key). */
+    label?: string;
+    value: number;
+}
+interface SparklineProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /** Pre-bucketed points in display order (e.g. one per day). */
+    data: SparklinePoint[];
+    /** Selected point key — that bar is highlighted. */
+    selectedKey?: string | null;
+    /**
+     * Makes bars clickable; clicking the selected bar reports `null`
+     * (deselect). Omit for a read-only sparkline.
+     */
+    onSelect?: (key: string | null) => void;
+    /** Track label rendered before the bars (e.g. "All activity"). */
+    label?: string;
+    /**
+     * Accessible name for the bar group. Defaults to the visible `label`
+     * (so multiple tracks stay distinguishable), else "Activity over time".
+     */
+    ariaLabel?: string;
+    /** Bar track height in px (default 32). */
+    height?: number;
+    /** Formats the value for tooltips/accessible names (default `String`). */
+    formatValue?: (point: SparklinePoint) => string;
+}
+/**
+ * A compact bar sparkline for activity-over-time strips — timelines,
+ * table rows, dashboard headers. Bars scale to the series maximum;
+ * zero-value bars render as a low baseline stub. With `onSelect`, bars
+ * become toggle buttons for filtering the view to one bucket.
+ *
+ * Data arrives pre-bucketed (the host owns date math), keeping the
+ * component pure. For full charting, reach for DataVis instead.
+ *
+ * @example
+ * ```tsx
+ * <Sparkline
+ *   label="All activity"
+ *   data={days.map((d) => ({ key: d.iso, label: d.pretty, value: d.count }))}
+ *   selectedKey={day}
+ *   onSelect={setDay}
+ * />
+ * ```
+ */
+declare const Sparkline: React.ForwardRefExoticComponent<SparklineProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Sparkline, type SparklinePoint, type SparklineProps };

package/dist/components/Sparkline/index.js

@@ -0,0 +1,4 @@
+export { Sparkline } from '../../chunk-CG4ZKJLE.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Sparkline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Spinner/index.d.cts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    variant?: "white" | "default" | "muted" | null | undefined;
+    variant?: "default" | "white" | "muted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
     /** Accessible label for the spinner */

package/dist/components/Spinner/index.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-    variant?: "white" | "default" | "muted" | null | undefined;
+    variant?: "default" | "white" | "muted" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
     /** Accessible label for the spinner */