@usetheo/ui 0.30.0 → 0.32.0

package/dist/components/composites/trend-chart/trend-chart.d.ts

@@ -31,7 +31,24 @@ export interface TrendSeries {
 export declare function linScale(domain: [number, number], range: [number, number]): (v: number) => number;
 /** A clean upper Y bound ≥ max(values). Returns 0 when there is no positive value. */
 export declare function niceMax(values: number[]): number;
-/** SVG path `d` for a polyline over the given scales. Non-finite points are skipped. */
+/**
+ * SVG path `d` for a polyline over the given scales. A non-finite point is a GAP: the path BREAKS
+ * there and resumes with a new `M` subpath.
+ *
+ * M144 — this used to `filter(Number.isFinite)` and then join everything with `L`, which drew a
+ * continuous line straight over the hole. The filter is what made it wrong: it erased the
+ * information of WHERE the gap was, so the line could not break even in principle.
+ *
+ * Breaking is what every serious charting library does by default — `spanGaps` (Chart.js),
+ * `connectNulls` (Highcharts, ECharts, Recharts) and `connectgaps` (Plotly) all default to `false`,
+ * and Grafana ships "Connect null values: Never". It is also the only honest reading: connecting
+ * asserts continuity the data does not have, and the rest of THIS file already treats a non-finite
+ * `y` as absent (`niceMax` filters it, `hasData` filters it, and the accessible table renders `—`
+ * for a period a series has no point for).
+ *
+ * A run of one point emits a lone `M` and no `L` — a one-point line has no length, and the sparse
+ * marker is what makes it visible.
+ */
 export declare function seriesPath(points: TrendPoint[], xScale: (x: number) => number, yScale: (y: number) => number): string;
 export interface TrendChartProps extends HTMLAttributes<HTMLElement> {
     title: string;

package/dist/components/primitives/dialog/dialog.d.ts

@@ -3,7 +3,10 @@ import type { ComponentPropsWithoutRef, HTMLAttributes } from "react";
 interface ContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     hideCloseButton?: boolean;
 }
-declare const Dialog: import("react").FC<DialogPrimitive.DialogProps> & {
+declare const Dialog: {
+    (props: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): import("react").JSX.Element;
+    displayName: string;
+} & {
     Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/primitives/sheet/sheet.d.ts

@@ -1,57 +1,33 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { type VariantProps } from "class-variance-authority";
 import type { ComponentPropsWithoutRef, HTMLAttributes } from "react";
-/**
- * Sheet — slide-in side panel built on Radix Dialog.
- *
- * Same Radix primitive as Dialog, but Content slides from an edge instead of
- * fading from center. Used for: workspace overlays (Memory, Observability,
- * Sub-agents), Settings, contextual filters.
- *
- * Composition:
- *   <Sheet>
- *     <Sheet.Trigger>Open</Sheet.Trigger>
- *     <Sheet.Content side="right">
- *       <Sheet.Header>
- *         <Sheet.Title>Memory</Sheet.Title>
- *         <Sheet.Description>Episodes and wiki pages</Sheet.Description>
- *       </Sheet.Header>
- *       <Sheet.Body>…</Sheet.Body>
- *       <Sheet.Footer>…</Sheet.Footer>
- *     </Sheet.Content>
- *   </Sheet>
- */
-declare const Overlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
     hideCloseButton?: boolean;
 }
-declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const Header: {
-    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare const Sheet: {
+    (props: ComponentPropsWithoutRef<typeof DialogPrimitive.Root>): import("react").JSX.Element;
     displayName: string;
-};
-declare const Body: {
-    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-    displayName: string;
-};
-declare const Footer: {
-    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
-    displayName: string;
-};
-declare const Title: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-declare const Description: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
-declare const Sheet: typeof DialogPrimitive.Root & {
-    Trigger: typeof DialogPrimitive.Trigger;
-    Close: typeof DialogPrimitive.Close;
-    Content: typeof Content;
-    Overlay: typeof Overlay;
-    Header: typeof Header;
-    Body: typeof Body;
-    Footer: typeof Footer;
-    Title: typeof Title;
-    Description: typeof Description;
+} & {
+    Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Overlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: {
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+        displayName: string;
+    };
+    Title: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
 };
 export { Sheet, sheetVariants };

package/dist/index.js

@@ -1729,7 +1729,9 @@ var Description3 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Description3.displayName = "Dialog.Description";
-var Dialog = /* @__PURE__ */ Object.assign(DialogPrimitive.Root, {
+var Root7 = (props) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
+Root7.displayName = "Dialog";
+var Dialog = /* @__PURE__ */ Object.assign(Root7, {
   Trigger: DialogPrimitive.Trigger,
   Close: DialogPrimitive.Close,
   Content: Content3,
@@ -1793,7 +1795,7 @@ var Tabs = /* @__PURE__ */ Object.assign(TabsPrimitive.Root, {
   Content: Content5
 });
 var Provider2 = TooltipPrimitive.Provider;
-var Root9 = TooltipPrimitive.Root;
+var Root10 = TooltipPrimitive.Root;
 var Trigger5 = TooltipPrimitive.Trigger;
 var Content7 = forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
@@ -1821,13 +1823,13 @@ var Tooltip = ({
   delayDuration = 200,
   children,
   ...rootProps
-}) => /* @__PURE__ */ jsx(Provider2, { delayDuration, children: /* @__PURE__ */ jsxs(Root9, { ...rootProps, children: [
+}) => /* @__PURE__ */ jsx(Provider2, { delayDuration, children: /* @__PURE__ */ jsxs(Root10, { ...rootProps, children: [
   /* @__PURE__ */ jsx(Trigger5, { asChild: true, children }),
   /* @__PURE__ */ jsx(Content7, { side, align, children: label })
 ] }) });
 var TooltipWithStatics = Tooltip;
 TooltipWithStatics.Provider = Provider2;
-TooltipWithStatics.Root = Root9;
+TooltipWithStatics.Root = Root10;
 TooltipWithStatics.Trigger = Trigger5;
 TooltipWithStatics.Content = Content7;
 var ScrollAreaRoot = forwardRef(
@@ -2679,7 +2681,7 @@ var Textarea = forwardRef(
   )
 );
 Textarea.displayName = "Textarea";
-var Root19 = forwardRef(
+var Root20 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "aside",
     {
@@ -2693,7 +2695,7 @@ var Root19 = forwardRef(
     }
   )
 );
-Root19.displayName = "Sidebar";
+Root20.displayName = "Sidebar";
 var Header3 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -2795,13 +2797,13 @@ var Footer3 = forwardRef(
   )
 );
 Footer3.displayName = "Sidebar.Footer";
-var Sidebar = /* @__PURE__ */ Object.assign(Root19, {
+var Sidebar = /* @__PURE__ */ Object.assign(Root20, {
   Header: Header3,
   Section,
   Item: Item6,
   Footer: Footer3
 });
-var Root20 = forwardRef(
+var Root21 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "header",
     {
@@ -2815,7 +2817,7 @@ var Root20 = forwardRef(
     }
   )
 );
-Root20.displayName = "TopNav";
+Root21.displayName = "TopNav";
 var Left = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -2950,7 +2952,7 @@ var ModeSwitcher = forwardRef(
   }
 );
 ModeSwitcher.displayName = "TopNav.ModeSwitcher";
-var TopNav = /* @__PURE__ */ Object.assign(Root20, {
+var TopNav = /* @__PURE__ */ Object.assign(Root21, {
   Left,
   Center,
   Right,
@@ -3064,16 +3066,19 @@ var Description6 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Description6.displayName = "Sheet.Description";
-var Sheet = DialogPrimitive.Root;
-Sheet.Trigger = DialogPrimitive.Trigger;
-Sheet.Close = DialogPrimitive.Close;
-Sheet.Content = Content10;
-Sheet.Overlay = Overlay4;
-Sheet.Header = Header4;
-Sheet.Body = Body3;
-Sheet.Footer = Footer4;
-Sheet.Title = Title6;
-Sheet.Description = Description6;
+var Root23 = (props) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
+Root23.displayName = "Sheet";
+var Sheet = /* @__PURE__ */ Object.assign(Root23, {
+  Trigger: DialogPrimitive.Trigger,
+  Close: DialogPrimitive.Close,
+  Content: Content10,
+  Overlay: Overlay4,
+  Header: Header4,
+  Body: Body3,
+  Footer: Footer4,
+  Title: Title6,
+  Description: Description6
+});
 var INTENT_FILL = {
   default: "bg-primary",
   success: "bg-success",
@@ -3246,7 +3251,7 @@ var alignClass = {
   center: "text-center",
   right: "text-right"
 };
-var Root22 = forwardRef(
+var Root24 = forwardRef(
   ({ className, density = "default", children, ...props }, ref) => /* @__PURE__ */ jsx(TableDensityContext.Provider, { value: density, children: /* @__PURE__ */ jsx(
     "table",
     {
@@ -3258,7 +3263,7 @@ var Root22 = forwardRef(
     }
   ) })
 );
-Root22.displayName = "Table";
+Root24.displayName = "Table";
 var Header5 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "thead",
@@ -3378,7 +3383,7 @@ var HeaderCell = forwardRef(
   }
 );
 HeaderCell.displayName = "Table.HeaderCell";
-var Table = Object.assign(Root22, { Header: Header5, Body: Body4, Row, Cell, HeaderCell });
+var Table = Object.assign(Root24, { Header: Header5, Body: Body4, Row, Cell, HeaderCell });
 
 // src/lib/env.ts
 function readNodeEnv() {
@@ -3659,7 +3664,7 @@ var StatTile = forwardRef(
   }
 );
 StatTile.displayName = "StatTile";
-var Root23 = forwardRef(
+var Root25 = forwardRef(
   ({ className, title = "Danger Zone", children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "section",
     {
@@ -3675,7 +3680,7 @@ var Root23 = forwardRef(
     }
   )
 );
-Root23.displayName = "DangerZone";
+Root25.displayName = "DangerZone";
 var Action2 = forwardRef(
   ({ className, title, description, action, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
@@ -3698,7 +3703,7 @@ var Action2 = forwardRef(
   )
 );
 Action2.displayName = "DangerZone.Action";
-var DangerZone = Object.assign(Root23, { Action: Action2 });
+var DangerZone = Object.assign(Root25, { Action: Action2 });
 var ConfirmDialog = forwardRef(
   ({
     open,
@@ -5090,9 +5095,17 @@ function niceMax(values) {
   return Number((Math.ceil(m / pow) * pow).toPrecision(12));
 }
 function seriesPath(points, xScale, yScale) {
-  const finite = points.filter((p) => Number.isFinite(p.y));
-  if (finite.length === 0) return "";
-  return finite.map((p, i) => `${i === 0 ? "M" : "L"}${xScale(p.x).toFixed(2)},${yScale(p.y).toFixed(2)}`).join(" ");
+  const out = [];
+  let emTrecho = false;
+  for (const p of points) {
+    if (!Number.isFinite(p.y)) {
+      emTrecho = false;
+      continue;
+    }
+    out.push(`${emTrecho ? "L" : "M"}${xScale(p.x).toFixed(2)},${yScale(p.y).toFixed(2)}`);
+    emTrecho = true;
+  }
+  return out.join(" ");
 }
 var VIEW_W = 600;
 var PAD = { top: 8, right: 8, bottom: 4, left: 40 };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "packageManager": "pnpm@10.32.1+sha512.a706938f0e89ac1456b6563eab4edf1d1faf3368d1191fc5c59790e96dc918e4456ab2e67d613de1043d2e8c81f87303e6b40d4ffeca9df15ef1ad567348f2be",
   "type": "module",
   "license": "Apache-2.0",
-  "description": "Violet Forge design system — generic React components + primitives (the non-AI foundation of @theokit/ui).",
+  "description": "Violet Forge design system \u2014 generic React components + primitives (the non-AI foundation of @theokit/ui).",
   "sideEffects": false,
   "files": [
     "dist"