@mieweb/ui 0.7.3-dev.3 → 0.7.3-dev.30

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

@@ -6,11 +6,11 @@ declare const sliderTrackVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const sliderRangeVariants: (props?: ({
-    variant?: "danger" | "default" | "success" | "warning" | "neutral" | null | undefined;
+    variant?: "danger" | "default" | "warning" | "success" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const sliderThumbVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "danger" | "default" | "success" | "warning" | "neutral" | null | undefined;
+    variant?: "danger" | "default" | "warning" | "success" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SliderProps extends VariantProps<typeof sliderTrackVariants>, VariantProps<typeof sliderRangeVariants> {
     /** Current value (controlled) */

package/dist/components/SourceTip/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkELYGV32O_cjs = require('../../chunk-ELYGV32O.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-MYFZYUPR.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "SourceTip", {
+  enumerable: true,
+  get: function () { return chunkELYGV32O_cjs.SourceTip; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

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

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

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

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/** One line of provenance shown in the card. */
+interface TipSource {
+    /** One-line label — statute name or source title. Truncated on render. */
+    label: string;
+    /** Source URL. Omit for a provenance line that isn't linkable. */
+    url?: string;
+    /** Secondary label shown at the end (publisher / host / year). */
+    sub?: string;
+}
+interface SourceTipProps {
+    /** The claim this card explains — the card's heading. */
+    heading: string;
+    /** Free-text provenance, for facts no public URL can verify. */
+    note?: string;
+    /** Linked (or unlinked) one-line sources. */
+    sources?: TipSource[];
+    /** Eyebrow above the heading. Defaults to "Source". */
+    eyebrow?: string;
+    /** The visible trigger. */
+    children: React.ReactNode;
+    className?: string;
+    /**
+     * Underline the trigger with a dashed rule marking a hoverable claim.
+     * Leave off in table cells, which signal hoverability by their own
+     * treatment rather than by underlining every cell.
+     */
+    underline?: boolean;
+}
+/**
+ * A hover card answering "what backs this claim?" — an eyebrow + heading,
+ * optional free-text provenance, and a list of one-line source links.
+ * Suits stat tiles, table cells, and inline facts where a numbered footnote
+ * would be overkill.
+ *
+ * The trigger and card are phrasing content (`span`/`a` only), so it is
+ * valid inside `<p>` prose and table cells. The card portals to `body` with
+ * fixed positioning, flipping and clamping to stay in the viewport. On
+ * touch, a tap pins the card; Escape or an outside tap closes it. A pinned
+ * card behaves as a non-modal dialog — focus moves into it so its source
+ * links are keyboard-reachable, and returns to the trigger on close.
+ *
+ * @example
+ * ```tsx
+ * <SourceTip
+ *   heading="OSHA recordable rate"
+ *   sources={[{ label: 'BLS SOII 2023', url: 'https://www.bls.gov/iif/', sub: 'BLS' }]}
+ *   underline
+ * >
+ *   2.4 per 100 FTE
+ * </SourceTip>
+ * ```
+ */
+declare function SourceTip({ heading, note, sources, eyebrow, children, className, underline, }: SourceTipProps): react_jsx_runtime.JSX.Element;
+
+export { SourceTip, type SourceTipProps, type TipSource };

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

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/** One line of provenance shown in the card. */
+interface TipSource {
+    /** One-line label — statute name or source title. Truncated on render. */
+    label: string;
+    /** Source URL. Omit for a provenance line that isn't linkable. */
+    url?: string;
+    /** Secondary label shown at the end (publisher / host / year). */
+    sub?: string;
+}
+interface SourceTipProps {
+    /** The claim this card explains — the card's heading. */
+    heading: string;
+    /** Free-text provenance, for facts no public URL can verify. */
+    note?: string;
+    /** Linked (or unlinked) one-line sources. */
+    sources?: TipSource[];
+    /** Eyebrow above the heading. Defaults to "Source". */
+    eyebrow?: string;
+    /** The visible trigger. */
+    children: React.ReactNode;
+    className?: string;
+    /**
+     * Underline the trigger with a dashed rule marking a hoverable claim.
+     * Leave off in table cells, which signal hoverability by their own
+     * treatment rather than by underlining every cell.
+     */
+    underline?: boolean;
+}
+/**
+ * A hover card answering "what backs this claim?" — an eyebrow + heading,
+ * optional free-text provenance, and a list of one-line source links.
+ * Suits stat tiles, table cells, and inline facts where a numbered footnote
+ * would be overkill.
+ *
+ * The trigger and card are phrasing content (`span`/`a` only), so it is
+ * valid inside `<p>` prose and table cells. The card portals to `body` with
+ * fixed positioning, flipping and clamping to stay in the viewport. On
+ * touch, a tap pins the card; Escape or an outside tap closes it. A pinned
+ * card behaves as a non-modal dialog — focus moves into it so its source
+ * links are keyboard-reachable, and returns to the trigger on close.
+ *
+ * @example
+ * ```tsx
+ * <SourceTip
+ *   heading="OSHA recordable rate"
+ *   sources={[{ label: 'BLS SOII 2023', url: 'https://www.bls.gov/iif/', sub: 'BLS' }]}
+ *   underline
+ * >
+ *   2.4 per 100 FTE
+ * </SourceTip>
+ * ```
+ */
+declare function SourceTip({ heading, note, sources, eyebrow, children, className, underline, }: SourceTipProps): react_jsx_runtime.JSX.Element;
+
+export { SourceTip, type SourceTipProps, type TipSource };

package/dist/components/SourceTip/index.js

@@ -0,0 +1,6 @@
+export { SourceTip } from '../../chunk-XMECP2MD.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-BOOJDRJO.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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 */

package/dist/components/SuperChat/index.cjs

@@ -3,11 +3,12 @@
 var chunkJFLC7SHM_cjs = require('../../chunk-JFLC7SHM.cjs');
 var chunkXS35KPBZ_cjs = require('../../chunk-XS35KPBZ.cjs');
 var chunk26DPQUSB_cjs = require('../../chunk-26DPQUSB.cjs');
-var chunkRBS3GHDZ_cjs = require('../../chunk-RBS3GHDZ.cjs');
+var chunkBOW7ZGI2_cjs = require('../../chunk-BOW7ZGI2.cjs');
+require('../../chunk-VBWRH4UW.cjs');
 require('../../chunk-ZZJ4ZVYR.cjs');
 var chunkU3JU6BI5_cjs = require('../../chunk-U3JU6BI5.cjs');
-require('../../chunk-VBWRH4UW.cjs');
-require('../../chunk-6ECKH4DJ.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 var chunkYVL3XATO_cjs = require('../../chunk-YVL3XATO.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-FSGEDDF2.cjs');
@@ -537,7 +538,7 @@ function CopyMenu({ isSelf, markdown, getHtml, getText }) {
         open ? "z-[60]" : "z-10"
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkRBS3GHDZ_cjs.Dropdown,
+        chunkBOW7ZGI2_cjs.Dropdown,
         {
           open,
           onOpenChange: setOpen,
@@ -553,18 +554,18 @@ function CopyMenu({ isSelf, markdown, getHtml, getText }) {
             }
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkRBS3GHDZ_cjs.DropdownItem, { onClick: () => run(writeBoth), children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkBOW7ZGI2_cjs.DropdownItem, { onClick: () => run(writeBoth), children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-start", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Copy" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-normal text-neutral-400", children: "Rich text + Markdown" })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRBS3GHDZ_cjs.DropdownItem,
+              chunkBOW7ZGI2_cjs.DropdownItem,
               {
                 onClick: () => run(() => writeText(markdown || getText())),
                 children: "Copy as Markdown"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkRBS3GHDZ_cjs.DropdownItem, { onClick: () => run(() => writeText(getText())), children: "Copy as plain text" })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkBOW7ZGI2_cjs.DropdownItem, { onClick: () => run(() => writeText(getText())), children: "Copy as plain text" })
           ]
         }
       )