@usetheo/ui 0.29.0 → 0.31.0

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

@@ -39,6 +39,13 @@ export interface TrendChartProps extends HTMLAttributes<HTMLElement> {
     height?: number;
     /** Formats y-axis labels and table cells (tremor vocabulary). */
     valueFormatter?: (v: number) => string;
+    /**
+     * Pin the top of the y-axis. Pass a fixed bound (e.g. `1` for a 0–1 score) so the
+     * scale is stable and comparable across renders instead of auto-fitting to the data
+     * max via {@link niceMax} (which makes 0.68 look near the top of a [0, 0.7] axis).
+     * Ignored when ≤ 0. Default: auto (`niceMax`).
+     */
+    yMax?: number;
 }
 declare const TrendChart: import("react").ForwardRefExoticComponent<TrendChartProps & import("react").RefAttributes<HTMLElement>>;
 export { TrendChart };

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,
@@ -5087,7 +5092,7 @@ function niceMax(values) {
   const m = Math.max(0, ...values.filter((v) => Number.isFinite(v)));
   if (m <= 0) return 0;
   const pow = 10 ** Math.floor(Math.log10(m));
-  return Math.ceil(m / pow) * pow;
+  return Number((Math.ceil(m / pow) * pow).toPrecision(12));
 }
 function seriesPath(points, xScale, yScale) {
   const finite = points.filter((p) => Number.isFinite(p.y));
@@ -5098,7 +5103,29 @@ var VIEW_W = 600;
 var PAD = { top: 8, right: 8, bottom: 4, left: 40 };
 var SPARSE_MARKER_MAX = 5;
 var TrendChart = forwardRef(
-  ({ title, series, height = 180, valueFormatter = (v) => String(v), className, ...props }, ref) => {
+  ({
+    title,
+    series,
+    height = 180,
+    valueFormatter = (v) => String(v),
+    yMax: yMaxProp,
+    className,
+    ...props
+  }, ref) => {
+    const [viewW, setViewW] = useState(VIEW_W);
+    const roRef = useRef(null);
+    const setSvgNode = useCallback((node) => {
+      roRef.current?.disconnect();
+      roRef.current = null;
+      if (!node || typeof ResizeObserver === "undefined") return;
+      const measure = () => {
+        const w = node.clientWidth;
+        if (w > 0) setViewW(w);
+      };
+      measure();
+      roRef.current = new ResizeObserver(measure);
+      roRef.current.observe(node);
+    }, []);
     const allPoints = series.flatMap((s) => s.points);
     const hasData = allPoints.some((p) => Number.isFinite(p.y));
     if (!hasData) {
@@ -5128,17 +5155,18 @@ var TrendChart = forwardRef(
     const xs = allPoints.map((p) => p.x);
     const xMin = Math.min(...xs);
     const xMax = Math.max(...xs);
-    const yMax = niceMax(allPoints.map((p) => p.y)) || 1;
+    const yMax = yMaxProp != null && yMaxProp > 0 ? yMaxProp : niceMax(allPoints.map((p) => p.y)) || 1;
     const axisXs = Array.from(new Set(allPoints.map((p) => p.x))).sort((a, b) => a - b);
     const yByX = series.map((s) => new Map(s.points.map((p) => [p.x, p.y])));
-    const xScale = linScale([xMin, xMax], [PAD.left, VIEW_W - PAD.right]);
+    const xScale = linScale([xMin, xMax], [PAD.left, viewW - PAD.right]);
     const yScale = linScale([0, yMax], [height - PAD.bottom, PAD.top]);
     return /* @__PURE__ */ jsxs("figure", { "data-slot": "trend-chart", ref, className: cn("space-y-1", className), ...props, children: [
       /* @__PURE__ */ jsx("figcaption", { className: "font-semibold text-label-caps text-muted-foreground uppercase", children: title }),
       /* @__PURE__ */ jsxs(
         "svg",
         {
-          viewBox: `0 0 ${VIEW_W} ${height}`,
+          ref: setSvgNode,
+          viewBox: `0 0 ${viewW} ${height}`,
           preserveAspectRatio: "none",
           role: "img",
           "aria-label": `${title} trend`,
@@ -5150,7 +5178,7 @@ var TrendChart = forwardRef(
               {
                 x1: PAD.left,
                 y1: height - PAD.bottom,
-                x2: VIEW_W - PAD.right,
+                x2: viewW - PAD.right,
                 y2: height - PAD.bottom,
                 className: "stroke-border",
                 strokeWidth: 1
@@ -5161,7 +5189,7 @@ var TrendChart = forwardRef(
               {
                 x1: PAD.left,
                 y1: PAD.top,
-                x2: VIEW_W - PAD.right,
+                x2: viewW - PAD.right,
                 y2: PAD.top,
                 className: "stroke-border/50",
                 strokeWidth: 1,

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.29.0",
+  "version": "0.31.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).",
   "sideEffects": false,
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",