@camunda/design-system 0.35.0 → 0.37.0

package/dist/src/components/ui/nav-breadcrumb.js

@@ -1,10 +1,11 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { ChevronDown } from "lucide-react";
+import { Check, ChevronDown, MoreVertical } from "lucide-react";
 import { cn } from "../../lib/utils.js";
 import { Button } from "./button.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, } from "./dropdown.js";
+import { linkDestination, resolveActive, resolveLinkProps, } from "./nav-data.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown.js";
 /**
  * Top-nav context switcher — chain of split-button segments separated by `/`.
  *
@@ -32,7 +33,7 @@ function NavBreadcrumb({ className, children, "aria-label": ariaLabel = "Context
                             className: "select-none text-xs text-neutral-foreground-subtle/40", children: "/" })) : null, child] }, childKey));
             }) }) }));
 }
-function NavBreadcrumbItem({ icon, label, onClick, switchLabel = "Switch context", children, active = false, className, }) {
+function NavBreadcrumbItem({ icon, label, onClick, switchLabel = "Switch context", linkProps, linkComponent, children, actions, actionsLabel, trailingElement, menuElement, active = false, className, }) {
     // Clone the user's icon so it carries the `data-icon` attribute the
     // Button uses to drive its inline padding rules.
     const iconWithData = icon && React.isValidElement(icon)
@@ -42,20 +43,66 @@ function NavBreadcrumbItem({ icon, label, onClick, switchLabel = "Switch context
     // padding; with one, we tighten the right side so the chevron reads as
     // paired (otherwise the inline-start `pl-2` makes the segment look
     // heavier on the right).
-    const hasSwitcher = children !== undefined && children !== null;
-    return (_jsxs("li", { "data-slot": "nav-breadcrumb-item", className: cn("inline-flex items-center", className), children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: onClick, 
+    //
+    // Filtering matters: `children={[]}` and `children={cond && <Item/>}` both arrive here as
+    // something non-null, and a bare presence test would give them a chevron that opens nothing.
+    const hasSwitcher = React.Children.toArray(children).filter(Boolean).length > 0;
+    const visibleActions = actions?.filter(Boolean) ?? [];
+    const hasActions = visibleActions.length > 0;
+    const resolvedActionsLabel = actionsLabel ??
+        (typeof label === "string" ? `${label} actions` : "More actions");
+    const destination = linkDestination(linkProps);
+    const isLink = destination !== undefined;
+    const LinkEl = linkComponent ?? "a";
+    const labelContent = (_jsxs(_Fragment, { children: [iconWithData, label, trailingElement] }));
+    return (_jsxs("li", { "data-slot": "nav-breadcrumb-item", className: cn("inline-flex items-center", className), children: [_jsx(Button, { variant: "ghost", size: "sm", 
+                // A link segment renders through Button's Slot so it keeps the ghost styling while
+                // being a real anchor — hoverable href, Cmd-click, "open in new tab", and announced
+                // as a link rather than a button.
+                asChild: isLink, onClick: onClick, 
                 // Padding rules:
                 //   • icon present → Button's `has-data-[icon=inline-start]:pl-2`
                 //     already tightens the left; tighten the right when there's a
                 //     switcher so the segment reads as paired.
                 //   • no icon → force `px-2` so left and right match the same
                 //     8px the icon variant uses.
-                className: cn(!icon ? "px-2" : hasSwitcher && "pr-2", active && "font-medium"), children: [iconWithData, label] }), hasSwitcher ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-xs", "aria-label": switchLabel, 
+                className: cn(!icon ? "px-2" : (hasSwitcher || hasActions) && "pr-2", active && "font-medium"), children: isLink ? (_jsx(LinkEl, { ...resolveLinkProps(linkProps, linkComponent !== undefined), children: labelContent })) : (labelContent) }), menuElement, hasActions ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-xs", "aria-label": resolvedActionsLabel, className: "-ml-0.5 text-neutral-foreground-subtle", children: _jsx(MoreVertical, {}) }) }), _jsx(DropdownMenuContent, { align: "start", children: visibleActions.map((action) => (_jsxs(React.Fragment, { children: [action.hasDivider ? _jsx(DropdownMenuSeparator, {}) : null, _jsx(DropdownMenuItem, { variant: action.isDanger ? "destructive" : "default", disabled: action.disabled, onClick: action.onClick, children: action.label })] }, action.key))) })] })) : null, hasSwitcher ? (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-xs", "aria-label": switchLabel, 
                             // Tighten the gap so the chevron reads as paired with the
                             // label, not a sibling segment. `text-neutral-foreground-subtle`
                             // matches the `/` separator — secondary affordance,
                             // but readable.
                             className: "-ml-0.5 text-neutral-foreground-subtle", children: _jsx(ChevronDown, {}) }) }), _jsx(DropdownMenuContent, { align: "start", children: children })] })) : null] }));
 }
+/**
+ * `NavBreadcrumb` built from data instead of composition.
+ *
+ * `NavBreadcrumb` itself stays composition-based: it takes children and gains no `activeItemKey`.
+ * This helper is the data-fed entry point, and it owns the two resolutions a descriptor implies —
+ * label functions and dropdown selection — so consumers stop hand-rolling them.
+ */
+export function NavBreadcrumbSwitcher({ items, activeItemKey, linkComponent, "aria-label": ariaLabel, className, }) {
+    return (_jsx(NavBreadcrumb, { "aria-label": ariaLabel, className: className, children: items.map((item) => {
+            const label = typeof item.label === "function"
+                ? item.label(activeItemKey ?? "")
+                : item.label;
+            const Icon = item.icon;
+            const rows = item.dropdownItems ?? [];
+            return (_jsx(NavBreadcrumbItem, { icon: Icon ? _jsx(Icon, {}) : undefined, label: label, onClick: item.onClick, linkProps: item.linkProps, linkComponent: linkComponent, actions: item.actions, actionsLabel: item.actionsLabel, trailingElement: item.trailingElement, menuElement: item.menuElement, switchLabel: item.dropdownAriaLabel, children: rows.length > 0 ? (_jsxs(_Fragment, { children: [item.dropdownTitle ? (_jsx(DropdownMenuLabel, { children: item.dropdownTitle })) : null, rows.map((row) => (_jsx(SwitcherRow, { row: row, activeItemKey: activeItemKey, linkComponent: linkComponent }, row.key)))] })) : null }, item.key));
+        }) }));
+}
+function SwitcherRow({ row, activeItemKey, linkComponent, }) {
+    // No key fallback here — see `isSelected` on NavBreadcrumbDropdownItem for why.
+    const selected = row.isSelected === undefined
+        ? false
+        : resolveActive(row.isSelected, row.key, activeItemKey);
+    const destination = linkDestination(row.linkProps);
+    const RowIcon = row.icon;
+    const LinkEl = linkComponent ?? "a";
+    const content = (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": true, className: "flex w-4 shrink-0 justify-center", children: selected ? _jsx(Check, { className: "size-4" }) : null }), RowIcon ? _jsx(RowIcon, { "aria-hidden": true, className: "size-4 shrink-0" }) : null, _jsx("span", { className: "flex-1 truncate", children: row.label }), row.trailingElement] }));
+    return (_jsx(DropdownMenuItem
+    // `aria-current` rather than `aria-selected`: the row is a menuitem, and menuitem does
+    // not support aria-selected. Screen readers announce the page relationship instead.
+    , { "aria-current": selected ? "page" : undefined, onClick: row.onClick, asChild: destination !== undefined, children: destination !== undefined ? (_jsx(LinkEl, { ...resolveLinkProps(row.linkProps, linkComponent !== undefined), children: content })) : (content) }));
+}
 export { NavBreadcrumb, NavBreadcrumbItem };
 //# sourceMappingURL=nav-breadcrumb.js.map

package/dist/src/components/ui/nav-breadcrumb.js.map

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

package/dist/src/components/ui/nav-data.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Vocabulary shared by the data-driven navigation surfaces: how a node describes where it goes,
+ * and how it says whether it is the current one. `AppSidebar` and `NavBreadcrumb` both read
+ * these — the rules must not diverge, or the same `linkProps` would resolve differently
+ * depending on which surface renders it.
+ */
+export interface NavLinkProps {
+    href?: string;
+    /**
+     * React Router's destination, declared alongside `href` because `to` is the router convention
+     * and most consumers building navigation data already emit it.
+     *
+     * Narrowed to `string` on purpose. React Router's own `to` is
+     * `LocationDescriptor | ((location) => LocationDescriptor)`, and a non-string value reaching
+     * the default anchor renders `href="[object Object]"` — a link that looks real and navigates
+     * nowhere. Object and function destinations are still supported, but only through an injected
+     * `linkComponent`, which knows how to read them.
+     */
+    to?: string;
+    [key: string]: unknown;
+}
+/**
+ * Whether a node is the current one.
+ *
+ * - `undefined` — fall back to comparing the node's `key` against `activeItemKey`
+ * - `boolean` — as given
+ * - `string` — active when it equals `activeItemKey`
+ * - function — called with `activeItemKey`
+ *
+ * The function form is why this is a union rather than a boolean: a matcher passed to a boolean
+ * prop is always truthy, so every row using one renders permanently active.
+ */
+export type ActiveMatcher = boolean | string | ((activeItemKey: string) => boolean);
+/** The destination a node points at, or `undefined` when it is not a link. */
+export declare function linkDestination(linkProps: NavLinkProps | undefined): string | undefined;
+/**
+ * Props for the rendered link element. An injected `linkComponent` gets everything; the default
+ * anchor gets the router keys stripped and an `href` resolved from `href ?? to`.
+ */
+export declare function resolveLinkProps(linkProps: NavLinkProps | undefined, hasLinkComponent: boolean): Record<string, unknown>;
+/**
+ * Resolves a node's active state. A per-node matcher of any form always wins; `activeItemKey`
+ * is only the fallback comparand, compared against the node's own key.
+ */
+export declare function resolveActive(isActive: ActiveMatcher | undefined, key: string, activeItemKey: string | undefined): boolean;
+//# sourceMappingURL=nav-data.d.ts.map

package/dist/src/components/ui/nav-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-data.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/nav-data.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;OASG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,GACvB,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,aAAa,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;AAuB1D,8EAA8E;AAC9E,wBAAgB,eAAe,CAAC,SAAS,EAAE,YAAY,GAAG,SAAS,sBAIlE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,YAAY,GAAG,SAAS,EACnC,gBAAgB,EAAE,OAAO,GACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAUzB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,aAAa,GAAG,SAAS,EACnC,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,MAAM,GAAG,SAAS,GAChC,OAAO,CAOT"}

package/dist/src/components/ui/nav-data.js

@@ -0,0 +1,66 @@
+/**
+ * Vocabulary shared by the data-driven navigation surfaces: how a node describes where it goes,
+ * and how it says whether it is the current one. `AppSidebar` and `NavBreadcrumb` both read
+ * these — the rules must not diverge, or the same `linkProps` would resolve differently
+ * depending on which surface renders it.
+ */
+/**
+ * React Router keys that must not reach a plain `<a>`. When a `linkComponent` is injected every
+ * key passes through verbatim — it needs these. When the design system renders its own anchor
+ * they are unknown DOM attributes, and React warns about each one.
+ *
+ * Targets react-router v5 and v6. A consumer on another router should inject a `linkComponent`
+ * rather than expect this list to know its prop names.
+ */
+const ROUTER_ONLY_LINK_KEYS = new Set([
+    "to",
+    "replace",
+    "state",
+    "innerRef",
+    "component",
+    "exact",
+    "strict",
+    "isActive",
+    "activeClassName",
+    "activeStyle",
+]);
+/** The destination a node points at, or `undefined` when it is not a link. */
+export function linkDestination(linkProps) {
+    if (!linkProps)
+        return undefined;
+    if (linkProps.href !== undefined)
+        return linkProps.href;
+    return typeof linkProps.to === "string" ? linkProps.to : undefined;
+}
+/**
+ * Props for the rendered link element. An injected `linkComponent` gets everything; the default
+ * anchor gets the router keys stripped and an `href` resolved from `href ?? to`.
+ */
+export function resolveLinkProps(linkProps, hasLinkComponent) {
+    if (!linkProps)
+        return {};
+    if (hasLinkComponent)
+        return linkProps;
+    const rest = {};
+    for (const [key, value] of Object.entries(linkProps)) {
+        if (!ROUTER_ONLY_LINK_KEYS.has(key))
+            rest[key] = value;
+    }
+    rest.href = linkDestination(linkProps);
+    return rest;
+}
+/**
+ * Resolves a node's active state. A per-node matcher of any form always wins; `activeItemKey`
+ * is only the fallback comparand, compared against the node's own key.
+ */
+export function resolveActive(isActive, key, activeItemKey) {
+    if (isActive === undefined) {
+        return activeItemKey !== undefined && key === activeItemKey;
+    }
+    if (typeof isActive === "boolean")
+        return isActive;
+    if (typeof isActive === "string")
+        return isActive === activeItemKey;
+    return activeItemKey !== undefined ? isActive(activeItemKey) : false;
+}
+//# sourceMappingURL=nav-data.js.map

package/dist/src/components/ui/nav-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-data.js","sourceRoot":"","sources":["../../../../src/components/ui/nav-data.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgCH;;;;;;;GAOG;AACH,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC;IACpC,IAAI;IACJ,SAAS;IACT,OAAO;IACP,UAAU;IACV,WAAW;IACX,OAAO;IACP,QAAQ;IACR,UAAU;IACV,iBAAiB;IACjB,aAAa;CACd,CAAC,CAAC;AAEH,8EAA8E;AAC9E,MAAM,UAAU,eAAe,CAAC,SAAmC;IACjE,IAAI,CAAC,SAAS;QAAE,OAAO,SAAS,CAAC;IACjC,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC,IAAI,CAAC;IACxD,OAAO,OAAO,SAAS,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AACrE,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,SAAmC,EACnC,gBAAyB;IAEzB,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,gBAAgB;QAAE,OAAO,SAAS,CAAC;IAEvC,MAAM,IAAI,GAA4B,EAAE,CAAC;IACzC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QACrD,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IACzD,CAAC;IACD,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IACvC,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,aAAa,CAC3B,QAAmC,EACnC,GAAW,EACX,aAAiC;IAEjC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,aAAa,KAAK,SAAS,IAAI,GAAG,KAAK,aAAa,CAAC;IAC9D,CAAC;IACD,IAAI,OAAO,QAAQ,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC;IACnD,IAAI,OAAO,QAAQ,KAAK,QAAQ;QAAE,OAAO,QAAQ,KAAK,aAAa,CAAC;IACpE,OAAO,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AACvE,CAAC"}

package/dist/src/components/ui/nav-icon.assignability.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Compile-time fixture for the `NavIcon` contract. Nothing imports this file — it exists to be
+ * type-checked, and `npm run typecheck` is what runs it.
+ *
+ * `NavIcon` is deliberately structural. Narrowing it back to lucide's `LucideIcon` (a
+ * `React.ForwardRefExoticComponent`, which structurally requires `$$typeof`) would silently
+ * reject three of the four sources below — including this package's own registry icons — and
+ * every consumer would discover it at their call sites rather than here.
+ */
+import type * as React from "react";
+import type { NavIcon } from "./nav-icon.js";
+import type { SidebarItem } from "./app-sidebar.js";
+import type { GlobalActionButton } from "./app-header.js";
+/** A Carbon icon's shape, which is what C3's `IconComponent` resolves to. */
+interface CarbonIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+declare const fromLucide: NavIcon;
+declare const fromRegistryNamed: NavIcon;
+declare const fromRegistryMap: NavIcon;
+declare const fromAppMap: NavIcon;
+declare const fromCarbonClass: NavIcon;
+declare const fromCarbonFunction: NavIcon;
+/** Both consuming surfaces accept the same four sources. */
+declare const sidebarItem: SidebarItem;
+declare const sidebarItemWithoutIcon: SidebarItem;
+declare const globalAction: GlobalActionButton;
+export type { CarbonIconProps as _CarbonIconProps };
+export { fromLucide, fromRegistryNamed, fromRegistryMap, fromAppMap, fromCarbonClass, fromCarbonFunction, sidebarItem, sidebarItemWithoutIcon, globalAction, };
+//# sourceMappingURL=nav-icon.assignability.d.ts.map

package/dist/src/components/ui/nav-icon.assignability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.assignability.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/nav-icon.assignability.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,6EAA6E;AAC7E,UAAU,eAAgB,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC7D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAID,QAAA,MAAM,UAAU,EAAE,OAAmC,CAAC;AACtD,QAAA,MAAM,iBAAiB,EAAE,OAAqB,CAAC;AAC/C,QAAA,MAAM,eAAe,EAAE,OAA8B,CAAC;AACtD,QAAA,MAAM,UAAU,EAAE,OAAiC,CAAC;AACpD,QAAA,MAAM,eAAe,EAAE,OAAyB,CAAC;AACjD,QAAA,MAAM,kBAAkB,EAAE,OAA4B,CAAC;AAEvD,4DAA4D;AAC5D,QAAA,MAAM,WAAW,EAAE,WAKlB,CAAC;AACF,QAAA,MAAM,sBAAsB,EAAE,WAI7B,CAAC;AACF,QAAA,MAAM,YAAY,EAAE,kBAInB,CAAC;AAEF,YAAY,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,sBAAsB,EACtB,YAAY,GACb,CAAC"}

package/dist/src/components/ui/nav-icon.assignability.js

@@ -0,0 +1,28 @@
+import { Home } from "lucide-react";
+import { camundaIcons, ProjectIcon } from "../../icons/index.js";
+import { camundaAppIcons } from "../../icons/camunda-app-icons.js";
+const fromLucide = Home;
+const fromRegistryNamed = ProjectIcon;
+const fromRegistryMap = camundaIcons.project;
+const fromAppMap = camundaAppIcons.operate;
+const fromCarbonClass = CarbonClassIcon;
+const fromCarbonFunction = CarbonFunctionIcon;
+/** Both consuming surfaces accept the same four sources. */
+const sidebarItem = {
+    type: "item",
+    key: "k",
+    label: "Label",
+    icon: CarbonFunctionIcon,
+};
+const sidebarItemWithoutIcon = {
+    type: "item",
+    key: "k",
+    label: "Label",
+};
+const globalAction = {
+    key: "k",
+    label: "Label",
+    icon: ProjectIcon,
+};
+export { fromLucide, fromRegistryNamed, fromRegistryMap, fromAppMap, fromCarbonClass, fromCarbonFunction, sidebarItem, sidebarItemWithoutIcon, globalAction, };
+//# sourceMappingURL=nav-icon.assignability.js.map

package/dist/src/components/ui/nav-icon.assignability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.assignability.js","sourceRoot":"","sources":["../../../../src/components/ui/nav-icon.assignability.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAYhE,MAAM,UAAU,GAAY,IAAyB,CAAC;AACtD,MAAM,iBAAiB,GAAY,WAAW,CAAC;AAC/C,MAAM,eAAe,GAAY,YAAY,CAAC,OAAO,CAAC;AACtD,MAAM,UAAU,GAAY,eAAe,CAAC,OAAO,CAAC;AACpD,MAAM,eAAe,GAAY,eAAe,CAAC;AACjD,MAAM,kBAAkB,GAAY,kBAAkB,CAAC;AAEvD,4DAA4D;AAC5D,MAAM,WAAW,GAAgB;IAC/B,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,kBAAkB;CACzB,CAAC;AACF,MAAM,sBAAsB,GAAgB;IAC1C,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,OAAO;CACf,CAAC;AACF,MAAM,YAAY,GAAuB;IACvC,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,WAAW;CAClB,CAAC;AAGF,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,sBAAsB,EACtB,YAAY,GACb,CAAC"}

package/dist/src/components/ui/nav-icon.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+/**
+ * The accepted type of every data-driven icon slot in the navigation API.
+ *
+ * Deliberately structural rather than lucide's nominal `LucideIcon`: that type is a
+ * `React.ForwardRefExoticComponent`, so it structurally requires `$$typeof` and rejects any
+ * plain function component — including the design system's own registry icons. All four sources
+ * a consumer can hold assign to this one: lucide icons, the registry's icons, `camundaIcons[key]`
+ * and Carbon-shaped icon components.
+ *
+ * `size` is intentionally absent, and both plausible spellings were measured to fail under
+ * `strict`: `size?: number | string` rejects Carbon-shaped icons (whose `size` is `number`,
+ * through `getDerivedStateFromProps` contravariance) and `size?: number` rejects lucide
+ * (`propTypes` invariance). Size icons with the `size-*` utility, optionally reinforced with
+ * numeric `width`/`height` — both are members of `SVGProps<SVGSVGElement>`. A class overrides an
+ * SVG `width`/`height` attribute but not an inline `style`, so an icon that hardcodes its
+ * dimensions inline is out of contract.
+ */
+export type NavIcon = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+/**
+ * Renders a navigation row's icon, falling back to the label's initials.
+ *
+ * The collapsed rail renders the icon as the row's only visual, with the label moved into
+ * `sr-only`. An icon-less node would collapse to a row that is invisible yet still focusable and
+ * still carries a tooltip — so something has to occupy the box. Initials keep rows
+ * distinguishable, and the rail's existing tooltip names them.
+ */
+export declare function NavRowIcon({ icon: Icon, label, className, }: {
+    icon?: NavIcon;
+    label: string;
+    className?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=nav-icon.d.ts.map

package/dist/src/components/ui/nav-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/nav-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAEzE;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,SAAS,GACV,EAAE;IACD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBAmBA"}

package/dist/src/components/ui/nav-icon.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { deriveInitials } from "./avatar.js";
+/**
+ * Renders a navigation row's icon, falling back to the label's initials.
+ *
+ * The collapsed rail renders the icon as the row's only visual, with the label moved into
+ * `sr-only`. An icon-less node would collapse to a row that is invisible yet still focusable and
+ * still carries a tooltip — so something has to occupy the box. Initials keep rows
+ * distinguishable, and the rail's existing tooltip names them.
+ */
+export function NavRowIcon({ icon: Icon, label, className, }) {
+    if (Icon) {
+        return _jsx(Icon, { "aria-hidden": true, className: cn("size-5 shrink-0", className) });
+    }
+    const initials = deriveInitials(label);
+    return (_jsx("span", { "aria-hidden": true, "data-slot": "nav-row-icon-fallback", className: cn("flex size-5 shrink-0 items-center justify-center rounded-sm border border-current/30 text-[0.625rem] font-medium leading-none", className), children: initials }));
+}
+//# sourceMappingURL=nav-icon.js.map

package/dist/src/components/ui/nav-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-icon.js","sourceRoot":"","sources":["../../../../src/components/ui/nav-icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAqB1C;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EACL,SAAS,GAKV;IACC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,KAAC,IAAI,yBAAa,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAI,CAAC;IAC3E,CAAC;IAED,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,iDAEY,uBAAuB,EACjC,SAAS,EAAE,EAAE,CACX,+HAA+H,EAC/H,SAAS,CACV,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

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

@@ -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

@@ -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

@@ -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

@@ -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/scorecard.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 interface ScorecardDelta {
     value: string;
-    direction: "up" | "down";
+    direction: "increase" | "decrease";
     variant?: "success" | "danger" | "neutral";
 }
 interface ScorecardSparklineData {

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

@@ -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,IAAI,GAAG,MAAM,CAAC;IACzB,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;AAqED,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"}
+{"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

@@ -6,22 +6,27 @@ 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") })] }));
     }
-    const resolvedVariant = delta
-        ? (delta.variant ?? (delta.direction === "up" ? "success" : "danger"))
-        : undefined;
-    const DeltaIcon = delta?.direction === "up" ? ArrowUpRight : ArrowDownRight;
+    const DeltaIcon = delta?.direction === "increase" ? ArrowUpRight : ArrowDownRight;
     // `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;
-    return (_jsxs(_Fragment, { children: [_jsx(CardTitle, { tooltip: tooltip, className: "text-sm font-normal", children: label }), _jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: cn("min-w-0 flex-1 truncate text-2xl font-semibold text-neutral-foreground-strong", size === "sm" && "text-xl"), children: empty ? emptyMessage : value }), !empty && delta && (_jsxs(Badge, { variant: resolvedVariant, className: "shrink-0", children: [_jsx(DeltaIcon, { "data-icon": "inline-start", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: delta.direction === "up" ? "Increased by " : "Decreased by " }), delta.value] }))] }), !empty && sparklineElement] }));
+    // 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

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

@@ -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;