@powered-by-array/ui 1.83.0 → 1.85.0

package/dist/components/KeyStatsCard/KeyStatsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyStatsCard.d.ts","sourceRoot":"","sources":["../../../src/components/KeyStatsCard/KeyStatsCard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAOjE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAwGpD"}
+{"version":3,"file":"KeyStatsCard.d.ts","sourceRoot":"","sources":["../../../src/components/KeyStatsCard/KeyStatsCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAOjE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA+GpD"}

package/dist/components/KeyStatsCard/KeyStatsCard.js

@@ -3,6 +3,7 @@ import * as React from "react";
 import { cn } from "../../lib/cn.js";
 import { Badge } from "../Badge/index.js";
 import { CardContainer } from "../CardContainer/index.js";
+import { Skeleton } from "../Skeleton/index.js";
 import { KeyStatsCardSkeleton } from "./KeyStatsCard.skeleton.js";
 import { getStatStripClass, keyStatsCardStatToneClass, keyStatsCardVariants, } from "./KeyStatsCard.variants.js";
 export function KeyStatsCard(props) {
@@ -12,7 +13,7 @@ export function KeyStatsCard(props) {
     const { title, subtitle, status, stats, footerItems, onClick, ref, className, } = props;
     return (_jsx(CardContainer, { asChild: true, children: _jsxs("button", { ref: ref, type: "button", "data-slot": "key-stats-card", className: cn(keyStatsCardVariants.root, className), onClick: onClick, children: [_jsxs("div", { "data-slot": "key-stats-card-title-block", className: cn(keyStatsCardVariants.titleBlock), children: [_jsxs("div", { className: cn(keyStatsCardVariants.titleGroup), children: [_jsxs("div", { "data-slot": "key-stats-card-primary-row", className: cn(keyStatsCardVariants.primaryRow), children: [_jsx("span", { "data-slot": "key-stats-card-title", className: cn(keyStatsCardVariants.title), children: title }), status ? _jsx(Badge, { variant: status }) : null] }), subtitle ? (_jsx("span", { "data-slot": "key-stats-card-subtitle", className: cn(keyStatsCardVariants.subtitle), children: subtitle })) : null] }), _jsx("div", { "data-slot": "key-stats-card-stat-strip", className: cn(getStatStripClass(stats.length)), children: stats.map((stat, i) => {
                                 const slotKey = stat.slot ?? stat.label;
-                                return (_jsx("div", { "data-slot": "key-stats-card-stat", "data-stat": slotKey, className: cn(keyStatsCardVariants.stat), children: _jsxs("div", { className: cn(keyStatsCardVariants.statInner), children: [_jsx("span", { "data-slot": "key-stats-card-stat-label", className: cn(keyStatsCardVariants.statLabel), children: stat.label }), _jsx("span", { "data-slot": "key-stats-card-stat-value", className: cn(keyStatsCardVariants.statValue, keyStatsCardStatToneClass[stat.tone ?? "neutral"]), children: stat.value })] }) }, slotKey + i));
+                                return (_jsx("div", { "data-slot": "key-stats-card-stat", "data-stat": slotKey, className: cn(keyStatsCardVariants.stat), children: _jsxs("div", { className: cn(keyStatsCardVariants.statInner), children: [_jsx("span", { "data-slot": "key-stats-card-stat-label", className: cn(keyStatsCardVariants.statLabel), children: stat.label }), stat.loading ? (_jsx(Skeleton, { className: cn(keyStatsCardVariants.skeleton.statValue), "aria-hidden": "true" })) : (_jsx("span", { "data-slot": "key-stats-card-stat-value", className: cn(keyStatsCardVariants.statValue, keyStatsCardStatToneClass[stat.tone ?? "neutral"]), children: stat.value }))] }) }, slotKey + i));
                             }) })] }), footerItems && footerItems.length > 0 ? (_jsx("div", { "data-slot": "key-stats-card-context-strip", className: cn(keyStatsCardVariants.contextStrip), children: footerItems.map((item, i) => (_jsxs(React.Fragment, { children: [i > 0 ? _jsx("span", { "aria-hidden": "true", children: "\u2022" }) : null, _jsx("span", { children: item })] }, i))) })) : null] }) }));
 }
 //# sourceMappingURL=KeyStatsCard.js.map

package/dist/components/KeyStatsCard/KeyStatsCard.js.map

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

package/dist/components/KeyStatsCard/KeyStatsCard.types.d.ts

@@ -7,12 +7,14 @@ export type KeyStatsCardStatus = "active" | "paused";
 export type KeyStatItem = {
     /** Short label rendered above the value in uppercase. */
     label: string;
-    /** The value to display — accepts strings or rich React nodes. */
-    value: React.ReactNode;
+    /** The value to display — accepts strings or rich React nodes. Omit when `loading` is true. */
+    value?: React.ReactNode;
     /** Color tone applied to the value. Defaults to `"neutral"`. */
     tone?: KeyStatsCardStatTone;
     /** Optional key used as `data-stat` on the tile element. Falls back to the label. */
     slot?: string;
+    /** When true, renders a skeleton shimmer in place of the value while data loads. */
+    loading?: boolean;
 };
 type KeyStatsCardData = {
     title: string;

package/dist/components/KeyStatsCard/KeyStatsCard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyStatsCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/KeyStatsCard/KeyStatsCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErD,oDAAoD;AACpD,MAAM,MAAM,WAAW,GAAG;IACxB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gEAAgE;IAChE,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,kFAAkF;IAClF,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GACzB,CAAC;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,gBAAgB,CAAC,GACxC,CAAC;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"KeyStatsCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/KeyStatsCard/KeyStatsCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAErD,oDAAoD;AACpD,MAAM,MAAM,WAAW,GAAG;IACxB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,+FAA+F;IAC/F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gEAAgE;IAChE,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,kFAAkF;IAClF,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,iBAAiB,GACzB,CAAC;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,gBAAgB,CAAC,GACxC,CAAC;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC"}

package/dist/components/SideSheet/SideSheet.d.ts

@@ -9,10 +9,12 @@ import { SideSheetHeader } from "./SideSheetHeader/index.js";
  * provided (omit it to hide the close button). With a `SideSheet.Header` it
  * lives in its own column on the right of the header, so header content can
  * never overlap it. Without a header it lives at the top-right of the scrollable
- * `SideSheet.Content` and scrolls away with it. The panel transitions its width
- * between `0` (closed) and its open width, selected by the `size` prop
- * (`default` = 34% of the screen, `wide` = 40%). The consuming app supplies the
- * portal slot and "push" padding — this component is only the visual panel.
+ * `SideSheet.Content` and scrolls away with it. The panel opens to a width
+ * selected by the `size` prop (`default` = 34% of the screen, `wide` = 40%) and
+ * can then be resized by dragging the handle on its left edge (clamped between
+ * 25% and 60% of the viewport); the dragged width persists while the panel
+ * stays mounted. The consuming app supplies the portal slot and "push" padding —
+ * this component is only the visual panel.
  */
 declare function SideSheet({ isOpen, children, title, onClose, size }: SideSheetProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SideSheet {

package/dist/components/SideSheet/SideSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG7D;;;;;;;;;;;GAWG;AACH,iBAAS,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAgB,EAAE,EAAE,cAAc,2CAwBxF;kBAxBQ,SAAS;;;;;AA8BlB,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAI7D;;;;;;;;;;;;;GAaG;AACH,iBAAS,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAgB,EAAE,EAAE,cAAc,2CAuCxF;kBAvCQ,SAAS;;;;;AA6ClB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/SideSheet/SideSheet.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/cn.js";
 import { sideSheetOpenWidth, sideSheetSlotVariants as sv } from "./SideSheet.variants.js";
@@ -7,6 +7,7 @@ import { SideSheetContent } from "./SideSheetContent/index.js";
 import { SideSheetContext } from "./SideSheetContext.js";
 import { SideSheetFooter } from "./SideSheetFooter/index.js";
 import { SideSheetHeader } from "./SideSheetHeader/index.js";
+import { useSideSheetResize } from "./hooks/useSideSheetResize.js";
 /**
  * Docked side sheet for master-detail layouts.
  *
@@ -14,15 +15,21 @@ import { SideSheetHeader } from "./SideSheetHeader/index.js";
  * provided (omit it to hide the close button). With a `SideSheet.Header` it
  * lives in its own column on the right of the header, so header content can
  * never overlap it. Without a header it lives at the top-right of the scrollable
- * `SideSheet.Content` and scrolls away with it. The panel transitions its width
- * between `0` (closed) and its open width, selected by the `size` prop
- * (`default` = 34% of the screen, `wide` = 40%). The consuming app supplies the
- * portal slot and "push" padding — this component is only the visual panel.
+ * `SideSheet.Content` and scrolls away with it. The panel opens to a width
+ * selected by the `size` prop (`default` = 34% of the screen, `wide` = 40%) and
+ * can then be resized by dragging the handle on its left edge (clamped between
+ * 25% and 60% of the viewport); the dragged width persists while the panel
+ * stays mounted. The consuming app supplies the portal slot and "push" padding —
+ * this component is only the visual panel.
  */
 function SideSheet({ isOpen, children, title, onClose, size = "default" }) {
     const hasHeader = React.Children.toArray(children).some((child) => React.isValidElement(child) && child.type === SideSheetHeader);
     const openWidth = sideSheetOpenWidth[size];
-    return (_jsx(SideSheetContext.Provider, { value: { onClose, hasHeader }, children: _jsx("div", { "data-slot": "side-sheet", className: cn(sv.root), style: { width: isOpen ? openWidth : "0px" }, "aria-hidden": !isOpen, "aria-label": title, children: isOpen && (_jsx("div", { "data-slot": "side-sheet-body", className: cn(sv.body), children: children })) }) }));
+    const resize = useSideSheetResize();
+    return (_jsx(SideSheetContext.Provider, { value: { onClose, hasHeader }, children: _jsx("div", { ref: resize.panelRef, "data-slot": "side-sheet", className: cn(sv.root), style: {
+                width: isOpen ? (resize.width ?? openWidth) : "0px",
+                transition: resize.isResizing ? "none" : undefined,
+            }, "aria-hidden": !isOpen, "aria-label": title, children: isOpen && (_jsxs(_Fragment, { children: [_jsx("div", { "data-slot": "side-sheet-body", className: cn(sv.body), children: children }), _jsx("div", { "data-slot": "side-sheet-resize-handle", role: "separator", "aria-orientation": "vertical", "aria-label": "Resize side sheet", className: cn(sv.resizeHandle), ...resize.handleProps })] })) }) }));
 }
 SideSheet.Header = SideSheetHeader;
 SideSheet.Content = SideSheetContent;

package/dist/components/SideSheet/SideSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheet.js","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG7D;;;;;;;;;;;GAWG;AACH,SAAS,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,GAAG,SAAS,EAAkB;IACvF,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACrD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,eAAe,CACzE,CAAC;IAEF,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,iBAC/B,CAAC,MAAM,gBACR,KAAK,YAEhB,MAAM,IAAI,CACT,2BAAe,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YACpD,QAAQ,GACL,CACP,GACG,GACoB,CAC7B,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"SideSheet.js","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAGnE;;;;;;;;;;;;;GAaG;AACH,SAAS,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,GAAG,SAAS,EAAkB;IACvF,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACrD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,eAAe,CACzE,CAAC;IAEF,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,YACtD,cACE,GAAG,EAAE,MAAM,CAAC,QAAQ,eACV,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,EACtB,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK;gBACnD,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;aACnD,iBACY,CAAC,MAAM,gBACR,KAAK,YAEhB,MAAM,IAAI,CACT,8BACE,2BAAe,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YACpD,QAAQ,GACL,EACN,2BACY,0BAA0B,EACpC,IAAI,EAAC,WAAW,sBACC,UAAU,gBAChB,mBAAmB,EAC9B,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,KAC1B,MAAM,CAAC,WAAW,GACtB,IACD,CACJ,GACG,GACoB,CAC7B,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/SideSheet/SideSheet.variants.d.ts

@@ -1,8 +1,11 @@
 import type { SideSheetSize } from "./SideSheet.types.js";
 export declare const sideSheetSlotVariants: {
-    readonly root: readonly ["flex h-full shrink-0 flex-col overflow-hidden", "bg-[var(--color-semantic-side-sheet-bg)]", "transition-[width] duration-300 ease-out"];
+    readonly root: readonly ["relative flex h-full shrink-0 flex-col overflow-hidden", "bg-[var(--color-semantic-side-sheet-bg)]", "transition-[width] duration-300 ease-out"];
     readonly body: "relative flex h-full min-h-0 flex-col overflow-hidden";
+    readonly resizeHandle: readonly ["absolute inset-y-0 left-0 z-20 w-[6px]", "cursor-col-resize touch-none select-none", "bg-transparent hover:bg-[var(--color-semantic-side-sheet-border)]", "transition-colors"];
 };
 /** Open width per `size`, as a share of the viewport. */
 export declare const sideSheetOpenWidth: Record<SideSheetSize, string>;
+export declare const sideSheetMinWidth = "25vw";
+export declare const sideSheetMaxWidth = "60vw";
 //# sourceMappingURL=SideSheet.variants.d.ts.map

package/dist/components/SideSheet/SideSheet.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheet.variants.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,qBAAqB;;;CAOxB,CAAC;AAEX,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAG5D,CAAC"}
+{"version":3,"file":"SideSheet.variants.d.ts","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,qBAAqB;;;;CAaxB,CAAC;AAEX,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAG5D,CAAC;AAEF,eAAO,MAAM,iBAAiB,SAAS,CAAC;AACxC,eAAO,MAAM,iBAAiB,SAAS,CAAC"}

package/dist/components/SideSheet/SideSheet.variants.js

@@ -1,14 +1,22 @@
 export const sideSheetSlotVariants = {
     root: [
-        "flex h-full shrink-0 flex-col overflow-hidden",
+        "relative flex h-full shrink-0 flex-col overflow-hidden",
         "bg-[var(--color-semantic-side-sheet-bg)]",
         "transition-[width] duration-300 ease-out",
     ],
     body: "relative flex h-full min-h-0 flex-col overflow-hidden",
+    resizeHandle: [
+        "absolute inset-y-0 left-0 z-20 w-[6px]",
+        "cursor-col-resize touch-none select-none",
+        "bg-transparent hover:bg-[var(--color-semantic-side-sheet-border)]",
+        "transition-colors",
+    ],
 };
 /** Open width per `size`, as a share of the viewport. */
 export const sideSheetOpenWidth = {
     default: "34vw",
     wide: "40vw",
 };
+export const sideSheetMinWidth = "25vw";
+export const sideSheetMaxWidth = "60vw";
 //# sourceMappingURL=SideSheet.variants.js.map

package/dist/components/SideSheet/SideSheet.variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideSheet.variants.js","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.variants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE;QACJ,+CAA+C;QAC/C,0CAA0C;QAC1C,0CAA0C;KAC3C;IACD,IAAI,EAAE,uDAAuD;CACrD,CAAC;AAEX,yDAAyD;AACzD,MAAM,CAAC,MAAM,kBAAkB,GAAkC;IAC/D,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,MAAM;CACb,CAAC"}
+{"version":3,"file":"SideSheet.variants.js","sourceRoot":"","sources":["../../../src/components/SideSheet/SideSheet.variants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE;QACJ,wDAAwD;QACxD,0CAA0C;QAC1C,0CAA0C;KAC3C;IACD,IAAI,EAAE,uDAAuD;IAC7D,YAAY,EAAE;QACZ,wCAAwC;QACxC,0CAA0C;QAC1C,mEAAmE;QACnE,mBAAmB;KACpB;CACO,CAAC;AAEX,yDAAyD;AACzD,MAAM,CAAC,MAAM,kBAAkB,GAAkC;IAC/D,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC;AACxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC"}

package/dist/components/SideSheet/hooks/useSideSheetResize.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface UseSideSheetResizeResult {
+    panelRef: React.RefObject<HTMLDivElement | null>;
+    width: string | null;
+    isResizing: boolean;
+    handleProps: {
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerCancel: (event: React.PointerEvent<HTMLDivElement>) => void;
+    };
+}
+export declare function useSideSheetResize(): UseSideSheetResizeResult;
+//# sourceMappingURL=useSideSheetResize.d.ts.map

package/dist/components/SideSheet/hooks/useSideSheetResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSideSheetResize.d.ts","sourceRoot":"","sources":["../../../../src/components/SideSheet/hooks/useSideSheetResize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;QACnE,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;QACnE,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;QACjE,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;KACtE,CAAC;CACH;AAED,wBAAgB,kBAAkB,IAAI,wBAAwB,CAyC7D"}

package/dist/components/SideSheet/hooks/useSideSheetResize.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { sideSheetMaxWidth, sideSheetMinWidth } from "../SideSheet.variants.js";
+function vwToPx(vw) {
+    return (vw / 100) * window.innerWidth;
+}
+function clampWidth(px) {
+    const min = vwToPx(Number.parseFloat(sideSheetMinWidth));
+    const max = vwToPx(Number.parseFloat(sideSheetMaxWidth));
+    return Math.min(Math.max(px, min), max);
+}
+export function useSideSheetResize() {
+    const panelRef = React.useRef(null);
+    const dragRef = React.useRef(null);
+    const [widthPx, setWidthPx] = React.useState(null);
+    const [isResizing, setIsResizing] = React.useState(false);
+    const onPointerDown = (event) => {
+        const panel = panelRef.current;
+        if (!panel)
+            return;
+        event.preventDefault();
+        event.currentTarget.setPointerCapture?.(event.pointerId);
+        dragRef.current = { startX: event.clientX, startWidth: panel.getBoundingClientRect().width };
+        setIsResizing(true);
+    };
+    const onPointerMove = (event) => {
+        const drag = dragRef.current;
+        if (!drag)
+            return;
+        setWidthPx(clampWidth(drag.startWidth + (drag.startX - event.clientX)));
+    };
+    const endResize = (event) => {
+        if (!dragRef.current)
+            return;
+        dragRef.current = null;
+        setIsResizing(false);
+        if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {
+            event.currentTarget.releasePointerCapture(event.pointerId);
+        }
+    };
+    return {
+        panelRef,
+        width: widthPx === null ? null : `${widthPx}px`,
+        isResizing,
+        handleProps: {
+            onPointerDown,
+            onPointerMove,
+            onPointerUp: endResize,
+            onPointerCancel: endResize,
+        },
+    };
+}
+//# sourceMappingURL=useSideSheetResize.js.map

package/dist/components/SideSheet/hooks/useSideSheetResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSideSheetResize.js","sourceRoot":"","sources":["../../../../src/components/SideSheet/hooks/useSideSheetResize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAEhF,SAAS,MAAM,CAAC,EAAU;IACxB,OAAO,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC;AACxC,CAAC;AAED,SAAS,UAAU,CAAC,EAAU;IAC5B,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACzD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACzD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC1C,CAAC;AAcD,MAAM,UAAU,kBAAkB;IAChC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAgD,IAAI,CAAC,CAAC;IAClF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,aAAa,GAAG,CAAC,KAAyC,EAAE,EAAE;QAClE,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACzD,OAAO,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE,CAAC;QAC7F,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAyC,EAAE,EAAE;QAClE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,KAAyC,EAAE,EAAE;QAC9D,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAC7B,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;YAC7D,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,QAAQ;QACR,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI;QAC/C,UAAU;QACV,WAAW,EAAE;YACX,aAAa;YACb,aAAa;YACb,WAAW,EAAE,SAAS;YACtB,eAAe,EAAE,SAAS;SAC3B;KACF,CAAC;AACJ,CAAC"}

package/dist/components/StatCard/StatCard.js

@@ -12,7 +12,7 @@ const TrendIcon = {
 };
 export function StatCard(props) {
     if (props.loading) {
-        return _jsx(StatCardSkeleton, {});
+        return _jsx(StatCardSkeleton, { title: props.title });
     }
     const { title, value, lookbackWindow, trend, change } = props;
     const hasTrend = trend != null;

package/dist/components/StatCard/StatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.js","sourceRoot":"","sources":["../../../src/components/StatCard/StatCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAGxF,MAAM,SAAS,GAA6C;IAC1D,EAAE,EAAE,UAAU;IACd,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,KAAC,gBAAgB,KAAG,CAAC;IAC9B,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAC;IAC/B,MAAM,SAAS,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,MAAM,IAAI,IAAI,CAAC,CAAC;IAEzE,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzE,OAAO,CACL,KAAC,aAAa,iBAAW,WAAW,YAClC,eAAK,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aACxB,yBAAa,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAClD,KAAK,GACJ,EAEJ,4BAAe,qBAAqB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAC5D,4BAAgB,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YACrD,KAAK,GACD,EACN,IAAI,IAAI,IAAI,IAAI,CACf,KAAC,IAAI,iBACO,iBAAiB,iBACf,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,GACtC,CACH,IACG,EAEL,SAAS,IAAI,CACZ,4BAAe,kBAAkB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,aACtD,cAAc,IAAI,IAAI,IAAI,CACzB,4BAAgB,oBAAoB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAC3D,cAAc,GACV,CACR,EACA,QAAQ,IAAI,MAAM,IAAI,IAAI,IAAI,CAC7B,4BAAgB,kBAAkB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,CAAC,YACnE,MAAM,GACF,CACR,IACG,CACP,IACG,GACQ,CACjB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StatCard.js","sourceRoot":"","sources":["../../../src/components/StatCard/StatCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAGxF,MAAM,SAAS,GAA6C;IAC1D,EAAE,EAAE,UAAU;IACd,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;IAClD,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAC;IAC/B,MAAM,SAAS,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,MAAM,IAAI,IAAI,CAAC,CAAC;IAEzE,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChD,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzE,OAAO,CACL,KAAC,aAAa,iBAAW,WAAW,YAClC,eAAK,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aACxB,yBAAa,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAClD,KAAK,GACJ,EAEJ,4BAAe,qBAAqB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAC5D,4BAAgB,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YACrD,KAAK,GACD,EACN,IAAI,IAAI,IAAI,IAAI,CACf,KAAC,IAAI,iBACO,iBAAiB,iBACf,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,GACtC,CACH,IACG,EAEL,SAAS,IAAI,CACZ,4BAAe,kBAAkB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,aACtD,cAAc,IAAI,IAAI,IAAI,CACzB,4BAAgB,oBAAoB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAC3D,cAAc,GACV,CACR,EACA,QAAQ,IAAI,MAAM,IAAI,IAAI,IAAI,CAC7B,4BAAgB,kBAAkB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,CAAC,YACnE,MAAM,GACF,CACR,IACG,CACP,IACG,GACQ,CACjB,CAAC;AACJ,CAAC"}

package/dist/components/StatCard/StatCard.skeleton.d.ts

@@ -1,7 +1,16 @@
+type StatCardSkeletonProps = {
+    /**
+     * When provided, the title renders normally and only the value row and footer
+     * shimmer — partial loading while async metric data is fetched.
+     */
+    title?: string;
+};
 /**
  * Loading placeholder for {@link StatCard}. Reuses the card's `CardContainer`
  * surface and layout slots, replacing each piece of content with a `Skeleton`
  * block so the placeholder matches the card's footprint with no layout shift.
+ * Pass `title` for partial loading (label visible, value/footer skeleton).
  */
-export declare function StatCardSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function StatCardSkeleton({ title }?: StatCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=StatCard.skeleton.d.ts.map

package/dist/components/StatCard/StatCard.skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/StatCard/StatCard.skeleton.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,wBAAgB,gBAAgB,4CAoB/B"}
+{"version":3,"file":"StatCard.skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/StatCard/StatCard.skeleton.tsx"],"names":[],"mappings":"AAKA,KAAK,qBAAqB,GAAG;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAE,qBAA0B,2CAgCrE"}

package/dist/components/StatCard/StatCard.skeleton.js

@@ -7,8 +7,10 @@ import { statCardVariants as s } from "./StatCard.variants.js";
  * Loading placeholder for {@link StatCard}. Reuses the card's `CardContainer`
  * surface and layout slots, replacing each piece of content with a `Skeleton`
  * block so the placeholder matches the card's footprint with no layout shift.
+ * Pass `title` for partial loading (label visible, value/footer skeleton).
  */
-export function StatCardSkeleton() {
-    return (_jsx(CardContainer, { "data-slot": "stat-card-skeleton", children: _jsxs("div", { className: cn(s.root), "aria-busy": "true", "aria-live": "polite", children: [_jsx("span", { className: "sr-only", children: "Loading stat" }), _jsx(Skeleton, { className: cn(s.skeleton.title), "aria-hidden": "true" }), _jsxs("div", { className: cn(s.valueRow), "aria-hidden": "true", children: [_jsx(Skeleton, { className: cn(s.skeleton.value) }), _jsx(Skeleton, { className: cn(s.skeleton.trendIcon) })] }), _jsxs("div", { className: cn(s.footer), "aria-hidden": "true", children: [_jsx(Skeleton, { className: cn(s.skeleton.lookback) }), _jsx(Skeleton, { className: cn(s.skeleton.change) })] })] }) }));
+export function StatCardSkeleton({ title } = {}) {
+    const isPartial = title != null;
+    return (_jsx(CardContainer, { "data-slot": isPartial ? "stat-card" : "stat-card-skeleton", children: _jsxs("div", { className: cn(s.root), "aria-busy": "true", "aria-live": "polite", children: [_jsx("span", { className: "sr-only", children: "Loading stat" }), isPartial ? (_jsx("p", { "data-slot": "stat-card-title", className: cn(s.title), children: title })) : (_jsx(Skeleton, { className: cn(s.skeleton.title), "aria-hidden": "true" })), _jsxs("div", { "data-slot": "stat-card-value-row", className: cn(s.valueRow), "aria-hidden": "true", children: [_jsx(Skeleton, { className: cn(s.skeleton.value) }), _jsx(Skeleton, { className: cn(s.skeleton.trendIcon) })] }), _jsxs("div", { "data-slot": "stat-card-footer", className: cn(s.footer), "aria-hidden": "true", children: [_jsx(Skeleton, { className: cn(s.skeleton.lookback) }), _jsx(Skeleton, { className: cn(s.skeleton.change) })] })] }) }));
 }
 //# sourceMappingURL=StatCard.skeleton.js.map

package/dist/components/StatCard/StatCard.skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.skeleton.js","sourceRoot":"","sources":["../../../src/components/StatCard/StatCard.skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAE/D;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CACL,KAAC,aAAa,iBAAW,oBAAoB,YAC3C,eAAK,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAY,MAAM,eAAW,QAAQ,aAC7D,eAAM,SAAS,EAAC,SAAS,6BAAoB,EAE7C,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,iBAAc,MAAM,GAAG,EAEhE,eAAK,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAc,MAAM,aAChD,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAI,EAC7C,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAI,IAC7C,EAEN,eAAK,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAc,MAAM,aAC9C,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAI,EAChD,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAI,IAC1C,IACF,GACQ,CACjB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StatCard.skeleton.js","sourceRoot":"","sources":["../../../src/components/StatCard/StatCard.skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,IAAI,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAU/D;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,KAA4B,EAAE;IACpE,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,CAAC;IAEhC,OAAO,CACL,KAAC,aAAa,iBAAY,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAoB,YACtE,eAAK,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAY,MAAM,eAAW,QAAQ,aAC7D,eAAM,SAAS,EAAC,SAAS,6BAAoB,EAE5C,SAAS,CAAC,CAAC,CAAC,CACX,yBAAa,iBAAiB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAClD,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,iBAAc,MAAM,GAAG,CACjE,EAED,4BACY,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,iBACb,MAAM,aAElB,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAI,EAC7C,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAI,IAC7C,EAEN,4BAAe,kBAAkB,EAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAc,MAAM,aAC3E,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAI,EAChD,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAI,IAC1C,IACF,GACQ,CACjB,CAAC;AACJ,CAAC"}

package/dist/components/StatCard/StatCard.types.d.ts

@@ -22,8 +22,11 @@ type StatCardData = {
     change?: string;
 };
 /**
- * Either a fully populated stat card, or a loading placeholder. When `loading` is
- * true the card renders its own skeleton and data props are not required.
+ * Either a fully populated stat card, or a loading placeholder. When `loading`
+ * is true the card renders its own skeleton and data props are not required.
+ * If `title` is provided alongside `loading`, the title stays visible while
+ * the value row and footer shimmer — useful when the label is known before
+ * async metric data arrives.
  */
 export type StatCardProps = ({
     loading?: false;

package/dist/components/StatCard/StatCard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/StatCard/StatCard.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEtD,KAAK,YAAY,GAAG;IAClB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GACrB,CAAC;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,YAAY,CAAC,GACpC,CAAC;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC"}
+{"version":3,"file":"StatCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/StatCard/StatCard.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEtD,KAAK,YAAY,GAAG;IAClB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GACrB,CAAC;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,YAAY,CAAC,GACpC,CAAC;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powered-by-array/ui",
-  "version": "1.83.0",
+  "version": "1.85.0",
   "description": "ArrayHQ design system UI components",
   "type": "module",
   "repository": {