npm - @camunda/design-system - Versions diffs - 0.36.0 → 0.38.0 - Mend

@camunda/design-system 0.36.0 → 0.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/dist/src/components/ui/nav-tools.js ADDED Viewed

@@ -0,0 +1,130 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Portal } from "radix-ui";
+import { DismissableLayer } from "radix-ui/internal";
+import { cn } from "../../lib/utils.js";
+import { markFocusVisibleOnClose } from "../../lib/focus-visible-on-close.js";
+import { useSidebar } from "./sidebar-provider.js";
+const DEFAULT_PANEL_WIDTH = "20rem";
+const TABBABLE_SELECTOR = [
+    "a[href]",
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    '[tabindex]:not([tabindex="-1"])',
+].join(",");
+/**
+ * Owns which tool is open.
+ *
+ * `activeToolKey` has three states, not two: `undefined` is uncontrolled, `null` is controlled
+ * with nothing open, and a string is controlled with that tool open. A consumer passing `null`
+ * to mean "you decide" enters controlled mode permanently, so that distinction has to survive.
+ */
+export function useHeaderTools({ tools, activeToolKey, onActiveToolChange, idPrefix, }) {
+    const isControlled = activeToolKey !== undefined;
+    const [internalKey, setInternalKey] = React.useState(null);
+    const requestedKey = isControlled ? activeToolKey : internalKey;
+    const sidebar = useSidebar();
+    const mobileNavOpen = sidebar?.mobileOpen ?? false;
+    // Two guards, both derived rather than reconciled in an effect.
+    //
+    // Only a key resolving to a tool that actually HAS a panel counts as open. C3 skips this and
+    // registers dismissal listeners for a panel it never rendered, so every outside click closes
+    // nothing visible and Escape moves focus to a stale trigger.
+    //
+    // And nothing is open while the mobile navigation is: that navigation is a modal Sheet, which
+    // sets `pointer-events: none` on the body, so a panel portaled there would render but not
+    // respond. Suspending it here rather than clearing the key means closing the navigation brings
+    // back the panel the user never dismissed.
+    const activeTool = mobileNavOpen
+        ? null
+        : (tools?.find((tool) => tool.key === requestedKey && tool.panel !== undefined) ?? null);
+    const activeKey = activeTool?.key ?? null;
+    const setActiveKey = React.useCallback((key) => {
+        if (!isControlled)
+            setInternalKey(key);
+        // Fires in both modes. C3 documents this but only implements it when controlled, so an
+        // uncontrolled consumer wiring analytics to it silently receives nothing.
+        onActiveToolChange?.(key);
+    }, [isControlled, onActiveToolChange]);
+    const toggleTool = React.useCallback((tool) => {
+        // A tool with no panel has nothing to open; C3 puts its action in `renderButton`.
+        if (tool.panel === undefined)
+            return;
+        if (mobileNavOpen)
+            sidebar?.setMobileOpen(false);
+        setActiveKey(activeKey === tool.key ? null : tool.key);
+    }, [activeKey, mobileNavOpen, setActiveKey, sidebar]);
+    const panelId = `${idPrefix}-tool-panel`;
+    const triggerId = React.useCallback((key) => `${idPrefix}-tool-${key}`, [idPrefix]);
+    return {
+        activeTool,
+        activeKey,
+        toggleTool,
+        setActiveKey,
+        panelId,
+        triggerId,
+    };
+}
+/** Moves focus back to a trigger and makes the restored focus ring visible. */
+function restoreFocusToTrigger(id) {
+    const trigger = document.getElementById(id);
+    if (trigger === null)
+        return;
+    trigger.focus();
+    markFocusVisibleOnClose(new Event("toolpanelclose"));
+}
+/**
+ * The trigger row plus, when a tool is open, its portaled panel.
+ *
+ * Tab from an expanded trigger moves focus into the panel. Without it a disclosure whose panel
+ * is portaled to the end of `<body>` is reachable only by tabbing the whole page — the panel
+ * sits beside its trigger visually but nowhere near it in the tab sequence.
+ */
+export function HeaderTools({ tools, activeTool, activeKey, toggleTool, setActiveKey, panelId, triggerId, }) {
+    const triggerRowRef = React.useRef(null);
+    const close = React.useCallback(() => setActiveKey(null), [setActiveKey]);
+    const handleTriggerRowKeyDown = (event) => {
+        if (event.key !== "Tab" || event.shiftKey || event.defaultPrevented)
+            return;
+        if (activeKey === null)
+            return;
+        const target = event.target;
+        if (target.getAttribute("aria-controls") !== panelId)
+            return;
+        const panel = document.getElementById(panelId);
+        if (panel === null)
+            return;
+        const first = panel.querySelector(TABBABLE_SELECTOR);
+        event.preventDefault();
+        (first ?? panel).focus();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRowRef, onKeyDown: handleTriggerRowKeyDown, "data-slot": "app-header-tools", className: "flex items-center gap-2", children: tools.map((tool) => {
+                    const RenderButton = tool.renderButton;
+                    const isActive = activeKey === tool.key;
+                    return (_jsx(RenderButton, { onClick: () => toggleTool(tool), isActive: isActive, buttonProps: {
+                            id: triggerId(tool.key),
+                            "aria-expanded": isActive,
+                            ...(isActive ? { "aria-controls": panelId } : {}),
+                        } }, tool.key));
+                }) }), activeTool !== null && (_jsx(ToolPanel, { tool: activeTool, panelId: panelId, triggerId: triggerId(activeTool.key), triggerRowRef: triggerRowRef, close: close }))] }));
+}
+function ToolPanel({ tool, panelId, triggerId, triggerRowRef, close, }) {
+    const content = typeof tool.panel === "function" ? tool.panel({ close }) : tool.panel;
+    return (_jsx(Portal.Root, { children: _jsx(DismissableLayer.DismissableLayer, { asChild: true, onEscapeKeyDown: () => restoreFocusToTrigger(triggerId), onPointerDownOutside: (event) => {
+                // Clicking another tool's trigger should switch panels, not close then reopen. The
+                // exclusion is the trigger row, not the whole header as in C3 — so clicking the logo
+                // or a breadcrumb now closes the panel, which under C3 it did not.
+                if (triggerRowRef.current?.contains(event.target) === true) {
+                    event.preventDefault();
+                }
+            },
+            // A disclosure does not close when focus leaves it. C3 closes here and, on a forward
+            // Tab out of the last focusable, leaves focus past the end of the body.
+            onFocusOutside: (event) => event.preventDefault(), onDismiss: close, children: _jsx("div", { id: panelId, role: "region", "aria-label": tool.label, tabIndex: -1, "data-slot": "app-header-tool-panel", style: {
+                    "--tool-panel-width": tool.panelWidth ?? DEFAULT_PANEL_WIDTH,
+                }, className: cn("fixed inset-x-0 top-12 z-50 flex h-[calc(100dvh-3rem)] flex-col overflow-y-auto", "border-l border-border bg-background shadow-lg outline-hidden", "sm:inset-x-auto sm:right-0 sm:w-(--tool-panel-width)"), children: content }) }) }));
+}
+//# sourceMappingURL=nav-tools.js.map

package/dist/src/components/ui/nav-tools.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nav-tools.js","sourceRoot":"","sources":["../../../../src/components/ui/nav-tools.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AA2DhD,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAEpC,MAAM,iBAAiB,GAAG;IACxB,SAAS;IACT,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,0BAA0B;IAC1B,iCAAiC;CAClC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAUZ;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,kBAAkB,EAClB,QAAQ,GACc;IACtB,MAAM,YAAY,GAAG,aAAa,KAAK,SAAS,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;IAEhE,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,OAAO,EAAE,UAAU,IAAI,KAAK,CAAC;IAEnD,gEAAgE;IAChE,EAAE;IACF,6FAA6F;IAC7F,6FAA6F;IAC7F,6DAA6D;IAC7D,EAAE;IACF,8FAA8F;IAC9F,0FAA0F;IAC1F,+FAA+F;IAC/F,2CAA2C;IAC3C,MAAM,UAAU,GAAG,aAAa;QAC9B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CACV,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,YAAY,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAChE,IAAI,IAAI,CAAC,CAAC;IACf,MAAM,SAAS,GAAG,UAAU,EAAE,GAAG,IAAI,IAAI,CAAC;IAE1C,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,GAAkB,EAAE,EAAE;QACrB,IAAI,CAAC,YAAY;YAAE,cAAc,CAAC,GAAG,CAAC,CAAC;QACvC,uFAAuF;QACvF,0EAA0E;QAC1E,kBAAkB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,YAAY,EAAE,kBAAkB,CAAC,CACnC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,IAAoB,EAAE,EAAE;QACvB,kFAAkF;QAClF,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO;QACrC,IAAI,aAAa;YAAE,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,YAAY,CAAC,SAAS,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzD,CAAC,EACD,CAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,CAAC,CAClD,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,QAAQ,aAAa,CAAC;IACzC,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,QAAQ,SAAS,GAAG,EAAE,EAC1C,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO;QACL,UAAU;QACV,SAAS;QACT,UAAU;QACV,YAAY;QACZ,OAAO;QACP,SAAS;KACV,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,SAAS,qBAAqB,CAAC,EAAU;IACvC,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC5C,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO;IAC7B,OAAO,CAAC,KAAK,EAAE,CAAC;IAChB,uBAAuB,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC;AACvD,CAAC;AAYD;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,SAAS,GACQ;IACjB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhE,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAE1E,MAAM,uBAAuB,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC7D,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAO;QAC5E,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,IAAI,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,OAAO;YAAE,OAAO;QAE7D,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC/C,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;QAClE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,cACE,GAAG,EAAE,aAAa,EAClB,SAAS,EAAE,uBAAuB,eACxB,kBAAkB,EAC5B,SAAS,EAAC,yBAAyB,YAElC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;oBACvC,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,CAAC;oBACxC,OAAO,CACL,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE;4BACX,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;4BACvB,eAAe,EAAE,QAAQ;4BACzB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;yBAClD,IAPI,IAAI,CAAC,GAAG,CAQb,CACH,CAAC;gBACJ,CAAC,CAAC,GACE,EAEL,UAAU,KAAK,IAAI,IAAI,CACtB,KAAC,SAAS,IACR,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EACpC,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,GACZ,CACH,IACA,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,EACb,KAAK,GAON;IACC,MAAM,OAAO,GACX,OAAO,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IAExE,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,cACV,KAAC,gBAAgB,CAAC,gBAAgB,IAChC,OAAO,QACP,eAAe,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC,EACvD,oBAAoB,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC9B,mFAAmF;gBACnF,qFAAqF;gBACrF,mEAAmE;gBACnE,IAAI,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,KAAK,IAAI,EAAE,CAAC;oBACnE,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC;YACD,qFAAqF;YACrF,wEAAwE;YACxE,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EACjD,SAAS,EAAE,KAAK,YAEhB,cACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,KAAK,EACtB,QAAQ,EAAE,CAAC,CAAC,eACF,uBAAuB,EACjC,KAAK,EACH;oBACE,oBAAoB,EAAE,IAAI,CAAC,UAAU,IAAI,mBAAmB;iBACtC,EAE1B,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,+DAA+D,EAC/D,sDAAsD,CACvD,YAEA,OAAO,GACJ,GAC4B,GACxB,CACf,CAAC;AACJ,CAAC"}

package/dist/src/components/ui/notifications.d.ts ADDED Viewed

@@ -0,0 +1,72 @@
+import * as React from "react";
+/**
+ * One notification, as the consumer already has it.
+ *
+ * Presentational only: `timestamp` is a pre-formatted string, not a Date, because relative
+ * formatting is locale and library work that belongs with the consumer — the design system has
+ * no opinion on whether "2h ago" or "14:32" is right for a product.
+ */
+export interface NavNotification {
+    key: string;
+    title: string;
+    description?: React.ReactNode;
+    /** Pre-formatted by the consumer. */
+    timestamp?: string;
+    /** Unread notifications carry a marker and count toward the bell's badge. */
+    isRead?: boolean;
+    href?: string;
+    onClick?: () => void;
+}
+export interface NotificationBellProps {
+    /**
+     * Unread notifications. Rendered as a badge; counts above `maxCount` show as `9+`. The bell
+     * owns no state — pass the count you already hold.
+     */
+    unreadCount?: number;
+    /** Highest number rendered literally. Default 9. */
+    maxCount?: number;
+    /** Accessible name for the trigger. Default "Notifications". */
+    label?: string;
+    /** Reflected as `aria-expanded`, for when the bell toggles a panel. */
+    isActive?: boolean;
+    onClick?: () => void;
+    className?: string;
+}
+/**
+ * Notification bell, for `AppHeader.globalActions` (as an `element`) or anywhere a trigger fits.
+ *
+ * Split from the panel on purpose: the trigger belongs in the header's action row while the
+ * panel is an overlay, and a consumer may already own one of the two.
+ */
+export declare function NotificationBell({ unreadCount, maxCount, label, isActive, onClick, className, }: NotificationBellProps): React.JSX.Element;
+export interface NotificationsPanelProps {
+    notifications: NavNotification[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Omit to render notifications without a per-item dismiss control. */
+    onDismiss?: (key: string) => void;
+    /** Panel heading. Default "Notifications". */
+    title?: string;
+    /** Shown when there is nothing to list. */
+    emptyMessage?: React.ReactNode;
+    /** Rendered in the panel header — e.g. a "Mark all as read" button. */
+    headerAction?: React.ReactNode;
+    /** Component used for notifications carrying an `href`. Default: a plain anchor. */
+    linkComponent?: React.ElementType;
+    className?: string;
+}
+/**
+ * Notification panel — a right-hand overlay listing what the consumer passes.
+ *
+ * Fetches nothing and stores nothing: `open` is controlled, because the trigger usually lives in
+ * the header and the panel does not, so one of the two has to own the state and it cannot be
+ * this one.
+ *
+ * **Mark notifications read from `onOpenChange(true)`.** The panel does not fire that write —
+ * it is a persisted mutation and the transport differs per product — but it is the agreed
+ * moment. Console's notification runtime deliberately leaves the timing here, and the same feed
+ * appears in several products: if one marks on open, another on click and a third only on an
+ * explicit action, the unread count means something different in each app.
+ */
+export declare function NotificationsPanel({ notifications, open, onOpenChange, onDismiss, title, emptyMessage, headerAction, linkComponent, className, }: NotificationsPanelProps): React.JSX.Element;
+//# sourceMappingURL=notifications.d.ts.map

package/dist/src/components/ui/notifications.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/notifications.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,WAAe,EACf,QAAY,EACZ,KAAuB,EACvB,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,qBA0CvB;AAED,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,uEAAuE;IACvE,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uEAAuE;IACvE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,oFAAoF;IACpF,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAuB,EACvB,YAA2C,EAC3C,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,uBAAuB,qBAqCzB"}

package/dist/src/components/ui/notifications.js ADDED Viewed

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Bell, X } from "lucide-react";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "./sheet.js";
+/**
+ * Notification bell, for `AppHeader.globalActions` (as an `element`) or anywhere a trigger fits.
+ *
+ * Split from the panel on purpose: the trigger belongs in the header's action row while the
+ * panel is an overlay, and a consumer may already own one of the two.
+ */
+export function NotificationBell({ unreadCount = 0, maxCount = 9, label = "Notifications", isActive, onClick, className, }) {
+    const hasUnread = unreadCount > 0;
+    const badgeText = unreadCount > maxCount ? `${maxCount}+` : `${unreadCount}`;
+    return (
+    // inline-flex, not block: the badge is positioned against this box, so it has to
+    // shrink-wrap the button or it anchors to the container's right edge instead.
+    _jsxs("div", { className: cn("relative inline-flex", className), children: [_jsx(Button, { variant: "ghost", size: "icon", "aria-label": hasUnread
+                    ? `${label}, ${unreadCount} unread`
+                    : `${label}, none unread`, "aria-expanded": isActive, onClick: onClick, "data-slot": "notification-bell", children: _jsx(Bell, { "aria-hidden": true, className: "size-4" }) }), hasUnread ? (_jsx("span", { "aria-hidden": true, "data-slot": "notification-bell-badge", className: "pointer-events-none absolute -right-0.5 -top-0.5 flex size-4 items-center justify-center rounded-full bg-primary-action-default text-[0.625rem] leading-none text-primary-action-foreground", children: badgeText })) : null, _jsx("span", { "aria-live": "polite", className: "sr-only", children: hasUnread ? `${unreadCount} unread notifications` : "" })] }));
+}
+/**
+ * Notification panel — a right-hand overlay listing what the consumer passes.
+ *
+ * Fetches nothing and stores nothing: `open` is controlled, because the trigger usually lives in
+ * the header and the panel does not, so one of the two has to own the state and it cannot be
+ * this one.
+ *
+ * **Mark notifications read from `onOpenChange(true)`.** The panel does not fire that write —
+ * it is a persisted mutation and the transport differs per product — but it is the agreed
+ * moment. Console's notification runtime deliberately leaves the timing here, and the same feed
+ * appears in several products: if one marks on open, another on click and a third only on an
+ * explicit action, the unread count means something different in each app.
+ */
+export function NotificationsPanel({ notifications, open, onOpenChange, onDismiss, title = "Notifications", emptyMessage = "You have no notifications.", headerAction, linkComponent, className, }) {
+    const isEmpty = notifications.length === 0;
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", "data-slot": "notifications-panel", className: cn("w-full sm:max-w-sm", className), children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: title }), isEmpty ? (_jsx(SheetDescription, { children: emptyMessage })) : (_jsx(SheetDescription, { className: "sr-only", children: `${notifications.length} notifications` })), headerAction] }), isEmpty ? null : (_jsx("ul", { className: "m-0 flex list-none flex-col gap-1 overflow-y-auto p-4 pt-0", children: notifications.map((notification) => (_jsx(NotificationRow, { notification: notification, onDismiss: onDismiss, linkComponent: linkComponent }, notification.key))) }))] }) }));
+}
+function NotificationRow({ notification, onDismiss, linkComponent, }) {
+    const { key, title, description, timestamp, isRead, href, onClick } = notification;
+    const isInteractive = href !== undefined || onClick !== undefined;
+    const LinkEl = linkComponent ?? "a";
+    const Body = href
+        ? LinkEl
+        : isInteractive
+            ? "button"
+            : "div";
+    return (_jsxs("li", { "data-slot": "notification-item", "data-read": isRead ? "true" : "false", className: "flex items-start gap-2 rounded-md p-2 hover:bg-neutral-background-medium", children: [_jsx("span", { "aria-hidden": true, className: cn("mt-1.5 size-2 shrink-0 rounded-full", isRead ? "bg-transparent" : "bg-primary-action-default") }), _jsxs(Body, { ...(href ? { href } : isInteractive ? { type: "button" } : {}), onClick: onClick, className: cn("min-w-0 flex-1 text-left", isInteractive &&
+                    "rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"), children: [_jsxs("span", { className: "block text-sm text-neutral-foreground-strong", children: [isRead ? null : _jsx("span", { className: "sr-only", children: "Unread. " }), title] }), description ? (_jsx("span", { className: "block text-sm text-neutral-foreground-subtle", children: description })) : null, timestamp ? (_jsx("span", { className: "block text-xs text-neutral-foreground-subtle", children: timestamp })) : null] }), onDismiss ? (_jsx(Button, { variant: "ghost", size: "icon-xs", "aria-label": `Dismiss ${title}`, onClick: () => onDismiss(key), className: "shrink-0 text-neutral-foreground-subtle", children: _jsx(X, {}) })) : null] }));
+}
+//# sourceMappingURL=notifications.js.map

package/dist/src/components/ui/notifications.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/components/ui/notifications.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/ui/pie-chart.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { type ChartConfig } from "./chart.js";
+interface PieChartProps {
+    data: Record<string, unknown>[];
+    nameKey: string;
+    valueKey: string;
+    config: ChartConfig;
+    variant?: "pie" | "donut";
+    showLabels?: boolean;
+    legend?: boolean;
+    legendPosition?: "bottom" | "right";
+    highlightActive?: boolean;
+    activeIndex?: number | undefined;
+    onActiveIndexChange?: (index: number | undefined) => void;
+    centerLabel?: string | number;
+    centerValue?: string | number;
+    loading?: boolean;
+    empty?: boolean;
+    emptyMessage?: string;
+    className?: string;
+}
+declare function PieChart({ data, nameKey, valueKey, config, variant, showLabels, legend, legendPosition, highlightActive, activeIndex, onActiveIndexChange, centerLabel, centerValue, loading, empty, emptyMessage, className, }: PieChartProps): import("react").JSX.Element;
+export { PieChart };
+export type { PieChartProps };
+//# sourceMappingURL=pie-chart.d.ts.map

package/dist/src/components/ui/pie-chart.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pie-chart.tsx"],"names":[],"mappings":"AASA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAEjB,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8CD,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAe,EACf,UAAkB,EAClB,MAAc,EACd,cAAyB,EACzB,eAAuB,EACvB,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,OAAe,EACf,KAAa,EACb,YAAY,EACZ,SAAS,GACV,EAAE,aAAa,+BAwHf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/components/ui/pie-chart.js ADDED Viewed

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cell, Label, Pie, PieChart as RechartsPieChart, Sector, } from "recharts";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "./chart.js";
+// Recharts v3's <Pie> has no controllable `activeIndex` prop (unlike the
+// v2 API vanilla shadcn's own docs assume) — `isActive` on each sector is
+// derived entirely from Recharts' own internal hover/keyboard state
+// (`selectActiveTooltipIndex`). `activeShape`/`inactiveShape` only ever key
+// off that same internal state, so they can't express a controlled,
+// hover-independent active slice either. `shape` is the one render path that
+// receives the sector's own `index`, so it's the only way to compare against
+// our *own* controlled `activeIndex` prop instead of Recharts' hover state —
+// also the mechanism Recharts' own `activeShape` doc comment now points to
+// ("Use the `shape` prop... `isActive` designates the active shape").
+function createPieShape(controlledActiveIndex, nameKey) {
+    return function PieSliceShape(shapeProps) {
+        const isSliceActive = controlledActiveIndex !== undefined
+            ? shapeProps.index === controlledActiveIndex
+            : shapeProps.isActive;
+        if (!isSliceActive) {
+            return _jsx(Sector, { ...shapeProps });
+        }
+        return (
+        // data-active-slice/data-slice-name: the play() test's assertion hook.
+        // Recharts' own `.recharts-active-shape` class only ever reflects its
+        // internal hover state, never our controlled activeIndex, so it can't
+        // be asserted on here.
+        _jsxs("g", { "data-active-slice": "true", "data-slice-name": String(shapeProps.payload?.[nameKey] ?? ""), children: [_jsx(Sector, { ...shapeProps, outerRadius: shapeProps.outerRadius + 10 }), _jsx(Sector, { ...shapeProps, innerRadius: shapeProps.outerRadius + 12, outerRadius: shapeProps.outerRadius + 25 })] }));
+    };
+}
+function PieChart({ data, nameKey, valueKey, config, variant = "pie", showLabels = false, legend = false, legendPosition = "bottom", highlightActive = false, activeIndex, onActiveIndexChange, centerLabel, centerValue, loading = false, empty = false, emptyMessage, className, }) {
+    const innerRadius = variant === "donut" ? "60%" : 0;
+    const showActiveHighlight = highlightActive || activeIndex !== undefined;
+    const hasCenterContent = variant === "donut" &&
+        (centerLabel !== undefined || centerValue !== undefined);
+    const hasBothCenterContent = centerLabel !== undefined && centerValue !== undefined;
+    return (_jsx(ChartContainer, { config: config, loading: loading, empty: empty, emptyMessage: emptyMessage, className: className, children: _jsxs(RechartsPieChart, { accessibilityLayer: true, children: [_jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { nameKey: nameKey }) }), legend && legendPosition === "right" && (
+                // layout="vertical" is read by ChartLegendContent automatically:
+                // Recharts' <Legend> merges its own resolved `layout` onto the
+                // `content` element via cloneElement (component/Legend.js), so it
+                // doesn't need to be threaded through as a separate prop here.
+                // `entryAlign` is intentionally omitted — it only controls
+                // horizontal-row justification and is meaningless in vertical mode.
+                _jsx(ChartLegend, { itemSorter: null, layout: "vertical", verticalAlign: "middle", align: "right", content: _jsx(ChartLegendContent, { nameKey: nameKey }) })), legend && legendPosition === "bottom" && (
+                // itemSorter={null}: Recharts' <Legend> defaults to sorting entries
+                // alphabetically by label (itemSorter: "value" in legendSlice.js),
+                // independent of any custom `content` renderer — order the legend
+                // matches the pie's own slice order (the `data` array) instead, so
+                // scanning the ring and the legend left-to-right/top-to-bottom agree.
+                //
+                // entryAlign="center" (not align — collides with <Legend>'s own
+                // `align`, which sets the legend *box*'s position, defaults to
+                // "left" in ChartLegend, and is merged onto this element via
+                // cloneElement, silently overwriting a same-named prop).
+                _jsx(ChartLegend, { itemSorter: null, content: _jsx(ChartLegendContent, { nameKey: nameKey, entryAlign: "center" }) })), _jsxs(Pie, { data: data, dataKey: valueKey, nameKey: nameKey, innerRadius: innerRadius, isAnimationActive: false, stroke: "var(--neutral-background-subtle)", label: showLabels ? { className: "fill-neutral-foreground-strong" } : false, onClick: (_data, index) => onActiveIndexChange?.(index), ...(showActiveHighlight
+                        ? { shape: createPieShape(activeIndex, nameKey) }
+                        : {}), children: [data.map((row) => (_jsx(Cell, { fill: `var(--color-${String(row[nameKey])})` }, String(row[nameKey])))), hasCenterContent && (_jsx(Label, { content: (props) => {
+                                const viewBox = props.viewBox;
+                                if (viewBox == null ||
+                                    !("cx" in viewBox) ||
+                                    viewBox.cx == null ||
+                                    viewBox.cy == null) {
+                                    return null;
+                                }
+                                const { cx, cy } = viewBox;
+                                return (_jsxs("text", { x: cx, y: cy, textAnchor: "middle", dominantBaseline: "middle", children: [centerValue !== undefined && (_jsx("tspan", { x: cx, y: hasBothCenterContent ? cy - 4 : cy, className: "fill-neutral-foreground-strong text-2xl font-semibold", children: centerValue })), centerLabel !== undefined && (_jsx("tspan", { x: cx, y: hasBothCenterContent ? cy + 20 : cy, className: "fill-neutral-foreground-subtle text-xs", children: centerLabel }))] }));
+                            } }))] })] }) }));
+}
+export { PieChart };
+//# sourceMappingURL=pie-chart.js.map

package/dist/src/components/ui/pie-chart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pie-chart.js","sourceRoot":"","sources":["../../../../src/components/ui/pie-chart.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/ui/scorecard.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scorecard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/scorecard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;~~AAuED~~,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAa,EACb,IAAgB,EAChB,OAAe,EACf,KAAa,EACb,YAAwB,EACxB,SAAS,GACV,EAAE,cAAc,~~qBAuDhB~~;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}
1	+ {"version":3,"file":"scorecard.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/scorecard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,UAAU,GAAG,UAAU,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C;AAED,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiFD,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAa,EACb,IAAgB,EAChB,OAAe,EACf,KAAa,EACb,YAAwB,EACxB,SAAS,GACV,EAAE,cAAc,qBAwDhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/src/components/ui/scorecard.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { Badge } from "./badge.js";
 import { Card, CardHeader, CardTitle } from "./card.js";
 import { Skeleton } from "./skeleton.js";
 import { Sparkline } from "./sparkline.js";
-function ScorecardBody({ label, tooltip, value, delta, sparkline, size, loading, empty, emptyMessage, }) {
+function ScorecardBody({ label, tooltip, value, delta, sparkline, size, loading, empty, emptyMessage, asCard, }) {
     if (loading) {
         return (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: cn("h-7 w-20", size === "sm" && "h-6 w-16") })] }));
     }
@@ -14,13 +14,19 @@ function ScorecardBody({ label, tooltip, value, delta, sparkline, size, loading,
     // `loading` is always false here — the branch above already returned
     // before this point, so Sparkline never renders its own skeleton; the
     // fixed two-block skeleton above is what represents loading for the tile.
-    const sparklineElement = sparkline ? (_jsx(Sparkline, { data: sparkline.data, dataKey: sparkline.dataKey, loading: false })) : null;
+    // Bled flush to the Card's own edges via negative margins that cancel
+    // CardHeader's `px-4`/`px-3` and Card's own `py-4`/`py-3` — only correct
+    // when `asCard` actually wraps this content in that padding; the bare
+    // `<div>` (`asCard={false}`) has no padding of its own to cancel.
+    const sparklineElement = sparkline ? (_jsx(Sparkline, { data: sparkline.data, dataKey: sparkline.dataKey, loading: false, className: asCard
+            ? "w-auto -mx-4 -mb-4 group-data-[size=sm]/card:-mx-3 group-data-[size=sm]/card:-mb-3"
+            : undefined })) : null;
     return (_jsxs(_Fragment, { children: [_jsx(CardTitle, { tooltip: tooltip, className: "text-sm font-normal", children: label }), _jsx("div", { className: "flex min-w-0 items-center", children: _jsxs("span", { className: "inline-flex min-w-0 max-w-full items-center gap-2", children: [_jsx("span", { className: cn("min-w-0 truncate text-2xl font-semibold text-neutral-foreground-strong", size === "sm" && "text-xl"), children: empty ? emptyMessage : value }), !empty && delta && (_jsxs(Badge, { variant: delta.variant, className: "shrink-0", children: [_jsx(DeltaIcon, { "data-icon": "inline-start", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: delta.direction === "increase"
                                         ? "Increased by "
                                         : "Decreased by " }), delta.value] }))] }) }), !empty && sparklineElement] }));
 }
 function Scorecard({ label, tooltip, value, delta, sparkline, asCard = true, size = "default", loading = false, empty = false, emptyMessage = "No data", className, }) {
-    const content = (_jsx(ScorecardBody, { label: label, tooltip: tooltip, value: value, delta: delta, sparkline: sparkline, size: size, loading: loading, empty: empty, emptyMessage: emptyMessage }));
+    const content = (_jsx(ScorecardBody, { label: label, tooltip: tooltip, value: value, delta: delta, sparkline: sparkline, size: size, loading: loading, empty: empty, emptyMessage: emptyMessage, asCard: asCard }));
     // Loading removes the title from the accessible tree (it becomes a
     // Skeleton), so `aria-busy` alone would leave the busy region unnamed.
     // `aria-label` alone isn't enough either: the root is a plain `<div>`

package/dist/src/components/ui/scorecard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scorecard.js","sourceRoot":"","sources":["../../../../src/components/ui/scorecard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA2BxC,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,~~GAI+D~~;IAC3E,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,8BACE,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,IAAI,UAAU,CAAC,GAAI,IACnE,CACJ,CAAC;IACJ,CAAC;IAED,MAAM,SAAS,GACb,KAAK,EAAE,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC;IAClE,qEAAqE;IACrE,sEAAsE;IACtE,0EAA0E;IAC1E,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,CACnC,KAAC,SAAS,IACR,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,EAC1B,OAAO,EAAE,KAAK,~~GACd~~,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,8BACE,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,qBAAqB,YACzD,KAAK,GACI,EACZ,cAAK,SAAS,EAAC,2BAA2B,YACxC,gBAAM,SAAS,EAAC,mDAAmD,aACjE,eACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,IAAI,KAAK,IAAI,IAAI,SAAS,CAC3B,YAEA,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,GACxB,EACN,CAAC,KAAK,IAAI,KAAK,IAAI,CAClB,MAAC,KAAK,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAC,UAAU,aACjD,KAAC,SAAS,iBAAW,cAAc,iBAAa,MAAM,GAAG,EACzD,eAAM,SAAS,EAAC,SAAS,YACtB,KAAK,CAAC,SAAS,KAAK,UAAU;wCAC7B,CAAC,CAAC,eAAe;wCACjB,CAAC,CAAC,eAAe,GACd,EACN,KAAK,CAAC,KAAK,IACN,CACT,IACI,GACH,EACL,CAAC,KAAK,IAAI,gBAAgB,IAC1B,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,YAAY,GAAG,SAAS,EACxB,SAAS,GACM;IACf,MAAM,OAAO,GAAG,CACd,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,~~GAC1B~~,CACH,CAAC;IAEF,mEAAmE;IACnE,uEAAuE;IACvE,sEAAsE;IACtE,0EAA0E;IAC1E,sEAAsE;IACtE,0EAA0E;IAC1E,yEAAyE;IACzE,MAAM,YAAY,GAChB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE7D,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,eACC,OAAO,IAAI,SAAS,EAC/B,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,eACzB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,gBAC7B,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,YAE1D,KAAC,UAAU,cAAE,OAAO,GAAc,GAC7B,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,2BACY,WAAW,eACV,OAAO,IAAI,SAAS,EAC/B,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,eACzB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,gBAC7B,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CACV,YAEA,OAAO,GACJ,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
1	+ {"version":3,"file":"scorecard.js","sourceRoot":"","sources":["../../../../src/components/ui/scorecard.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/ui/sheet.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimi
 declare function SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>): React.JSX.Element;
 declare function SheetOverlay({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Overlay>): React.JSX.Element;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SheetContent({ className, children, side, showCloseButton, onOpenAutoFocus, onCloseAutoFocus, restoreFocusRef, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & VariantProps<typeof sheetVariants> & {
     showCloseButton?: boolean;

package/dist/src/components/ui/sparkline.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,GACV,EAAE,cAAc,~~qBAgDhB~~;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
1	+ {"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,GACV,EAAE,cAAc,qBA0DhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/components/ui/sparkline.js CHANGED Viewed

@@ -13,7 +13,17 @@ function Sparkline({ data, dataKey, loading = false, className, }) {
                 // BarChart/LineChart, which enable this unconditionally, the
                 // default `true` here would otherwise make the SVG an unexpected
                 // tab stop (role="application", tabIndex=0) with nothing to do.
-                accessibilityLayer: false, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "var(--chart-1)", stopOpacity: "var(--chart-area-fill-opacity)" }), _jsx("stop", { offset: "100%", stopColor: "var(--chart-1)", stopOpacity: 0 })] }) }), _jsx(YAxis, { hide: true, domain: ["dataMin", "dataMax"] }), _jsx(Area, { dataKey: dataKey, stroke: "var(--chart-1)", strokeWidth: 2, fill: `url(#${gradientId})`, isAnimationActive: false })] }) })) }));
+                accessibilityLayer: false,
+                // Recharts' own default chart margin otherwise leaves ~5px of
+                // gutter on every side — invisible when Scorecard's Card padding
+                // dwarfed it, but exactly the gap that kept the trend from truly
+                // reaching the card's edges once that padding was canceled.
+                // Left/right stay at 0 for a true edge-to-edge bleed. Top/bottom
+                // keep a sliver matching the stroke's half-width: with
+                // domain=["dataMin", "dataMax"] the highest/lowest point's line
+                // is centered exactly on the plot's top/bottom edge, so zero
+                // margin there clips half the stroke at that point.
+                margin: { top: 2, right: 0, bottom: 2, left: 0 }, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "var(--chart-1)", stopOpacity: "var(--chart-area-fill-opacity)" }), _jsx("stop", { offset: "100%", stopColor: "var(--chart-1)", stopOpacity: 0 })] }) }), _jsx(YAxis, { hide: true, domain: ["dataMin", "dataMax"] }), _jsx(Area, { dataKey: dataKey, stroke: "var(--chart-1)", strokeWidth: 2, fill: `url(#${gradientId})`, isAnimationActive: false })] }) })) }));
 }
 export { Sparkline };
 //# sourceMappingURL=sparkline.js.map

package/dist/src/components/ui/sparkline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../../src/components/ui/sparkline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,SAAS,IAAI,iBAAiB,EAC9B,mBAAmB,EACnB,KAAK,GACN,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,KAAK,EACf,SAAS,GACM;IACf,yEAAyE;IACzE,0EAA0E;IAC1E,oEAAoE;IACpE,MAAM,UAAU,GAAG,sBAAsB,KAAK,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC;IAE3E,OAAO,CACL,2BAAe,WAAW,EAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAC9D,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,cAClB,MAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,iBACE,MAAM;gBAClB,8DAA8D;gBAC9D,6DAA6D;gBAC7D,iEAAiE;gBACjE,gEAAgE;gBAChE,kBAAkB,EAAE,KAAK,~~aAEzB~~,yBACE,0BAAgB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aACzD,eACE,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAC,gCAAgC,GAC5C,EACF,eACE,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAE,CAAC,GACd,IACa,GACZ,EACP,KAAC,KAAK,IAAC,IAAI,QAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,GAAI,EAC9C,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,gBAAgB,EACvB,WAAW,EAAE,CAAC,EACd,IAAI,EAAE,QAAQ,UAAU,GAAG,EAC3B,iBAAiB,EAAE,KAAK,GACxB,IACgB,GACA,CACvB,GACG,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
1	+ {"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../../src/components/ui/sparkline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EACJ,SAAS,IAAI,iBAAiB,EAC9B,mBAAmB,EACnB,KAAK,GACN,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,KAAK,EACf,SAAS,GACM;IACf,yEAAyE;IACzE,0EAA0E;IAC1E,oEAAoE;IACpE,MAAM,UAAU,GAAG,sBAAsB,KAAK,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC;IAE3E,OAAO,CACL,2BAAe,WAAW,EAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAC9D,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,cAClB,MAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,iBACE,MAAM;gBAClB,8DAA8D;gBAC9D,6DAA6D;gBAC7D,iEAAiE;gBACjE,gEAAgE;gBAChE,kBAAkB,EAAE,KAAK;gBACzB,8DAA8D;gBAC9D,iEAAiE;gBACjE,iEAAiE;gBACjE,4DAA4D;gBAC5D,iEAAiE;gBACjE,uDAAuD;gBACvD,gEAAgE;gBAChE,6DAA6D;gBAC7D,oDAAoD;gBACpD,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aAEhD,yBACE,0BAAgB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aACzD,eACE,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAC,gCAAgC,GAC5C,EACF,eACE,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,gBAAgB,EAC1B,WAAW,EAAE,CAAC,GACd,IACa,GACZ,EACP,KAAC,KAAK,IAAC,IAAI,QAAC,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,GAAI,EAC9C,KAAC,IAAI,IACH,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,gBAAgB,EACvB,WAAW,EAAE,CAAC,EACd,IAAI,EAAE,QAAQ,UAAU,GAAG,EAC3B,iBAAiB,EAAE,KAAK,GACxB,IACgB,GACA,CACvB,GACG,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import * as React from "react";
+export declare function DashboardPage(): React.JSX.Element;
+//# sourceMappingURL=DashboardPage.d.ts.map

package/dist/src/examples/agent-control-plane-processes/DashboardPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../../src/examples/agent-control-plane-processes/DashboardPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwF/B,wBAAgB,aAAa,sBAmW5B"}