@orianatech/pire 0.9.0 → 0.11.0

package/dist/index.cjs

@@ -32,6 +32,7 @@ var src_exports = {};
 __export(src_exports, {
   Avatar: () => Avatar,
   Badge: () => Badge,
+  BarChart: () => BarChart,
   Breadcrumb: () => Breadcrumb,
   Button: () => Button,
   Card: () => Card,
@@ -40,9 +41,11 @@ __export(src_exports, {
   ConfirmDialog: () => ConfirmDialog,
   DataTable: () => DataTable,
   DatePicker: () => DatePicker,
+  DateRangePicker: () => DateRangePicker,
   DescriptionList: () => DescriptionList,
   Dialog: () => Dialog,
-  DialogTrigger: () => import_react_aria_components31.DialogTrigger,
+  DialogTrigger: () => import_react_aria_components32.DialogTrigger,
+  DonutChart: () => DonutChart,
   EmptyState: () => EmptyState,
   FileDropZone: () => FileDropZone,
   FileUpload: () => FileUpload,
@@ -50,19 +53,20 @@ __export(src_exports, {
   FooterBar: () => FooterBar,
   FormField: () => FormField,
   Heading: () => Heading,
-  I18nProvider: () => import_react_aria_components31.I18nProvider,
+  I18nProvider: () => import_react_aria_components32.I18nProvider,
   Icon: () => Icon,
   IconButton: () => IconButton,
   InlineMessage: () => InlineMessage,
   Input: () => Input,
   KpiTile: () => KpiTile,
+  LineChart: () => LineChart,
   Link: () => Link,
   LinkList: () => LinkList,
   Menu: () => Menu,
   MenuItem: () => MenuItem,
   MenuSection: () => MenuSection,
   MenuSeparator: () => MenuSeparator,
-  MenuTrigger: () => import_react_aria_components31.MenuTrigger,
+  MenuTrigger: () => import_react_aria_components32.MenuTrigger,
   MultiComboBox: () => MultiComboBox,
   NumberField: () => NumberField,
   ObjectHeader: () => ObjectHeader,
@@ -70,11 +74,11 @@ __export(src_exports, {
   PageHeader: () => PageHeader,
   Pagination: () => Pagination,
   PireIntlProvider: () => PireIntlProvider,
-  Popover: () => import_react_aria_components31.Popover,
+  Popover: () => import_react_aria_components32.Popover,
   ProgressBar: () => ProgressBar,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
-  RouterProvider: () => import_react_aria_components31.RouterProvider,
+  RouterProvider: () => import_react_aria_components32.RouterProvider,
   SectionHeader: () => SectionHeader,
   SegmentedControl: () => SegmentedControl,
   Select: () => Select,
@@ -86,7 +90,7 @@ __export(src_exports, {
   Skeleton: () => Skeleton,
   SkeletonTableRow: () => SkeletonTableRow,
   Strong: () => Strong,
-  SubmenuTrigger: () => import_react_aria_components31.SubmenuTrigger,
+  SubmenuTrigger: () => import_react_aria_components32.SubmenuTrigger,
   Switch: () => Switch,
   Tabs: () => Tabs,
   Tag: () => Tag,
@@ -96,12 +100,14 @@ __export(src_exports, {
   Toast: () => Toast,
   ToastProvider: () => ToastProvider,
   Tooltip: () => Tooltip,
+  VIZ_SLOT_COUNT: () => VIZ_SLOT_COUNT,
   ValueHelpDialog: () => ValueHelpDialog,
   ValueHelpField: () => ValueHelpField,
   configureIcons: () => configureIcons,
   enMessages: () => enMessages,
   esMessages: () => esMessages,
   formatFileSize: () => formatFileSize,
+  rangeLengthInDays: () => rangeLengthInDays,
   usePireMessages: () => usePireMessages,
   useToast: () => useToast
 });
@@ -899,6 +905,7 @@ var enMessages = {
   datePickerOpenCalendar: "Open calendar",
   datePickerPreviousMonth: "Previous month",
   datePickerNextMonth: "Next month",
+  dateRangePresetsLabel: "Date range shortcuts",
   numberFieldIncrease: "Increase",
   numberFieldDecrease: "Decrease",
   valueHelpFieldClear: "Clear selection",
@@ -916,7 +923,10 @@ var enMessages = {
   fileUploadChoose: "Choose files",
   fileUploadRemoveNamed: "Remove {name}",
   fileUploadUploading: "Uploading",
-  fileDropZonePrompt: "Drag files here, or choose them"
+  fileDropZonePrompt: "Drag files here, or choose them",
+  chartCategoryHeader: "Category",
+  chartNoValue: "No data",
+  chartEmpty: "No data for this period"
 };
 var esMessages = {
   filterBarLabel: "Filtros",
@@ -935,6 +945,7 @@ var esMessages = {
   datePickerOpenCalendar: "Abrir calendario",
   datePickerPreviousMonth: "Mes anterior",
   datePickerNextMonth: "Mes siguiente",
+  dateRangePresetsLabel: "Atajos de rango de fechas",
   numberFieldIncrease: "Aumentar",
   numberFieldDecrease: "Disminuir",
   valueHelpFieldClear: "Limpiar selecci\xF3n",
@@ -952,7 +963,10 @@ var esMessages = {
   fileUploadChoose: "Elegir archivos",
   fileUploadRemoveNamed: "Quitar {name}",
   fileUploadUploading: "Subiendo",
-  fileDropZonePrompt: "Arrastr\xE1 archivos ac\xE1, o elegilos"
+  fileDropZonePrompt: "Arrastr\xE1 archivos ac\xE1, o elegilos",
+  chartCategoryHeader: "Categor\xEDa",
+  chartNoValue: "Sin datos",
+  chartEmpty: "Sin datos para este per\xEDodo"
 };
 
 // src/i18n/PireIntlProvider.tsx
@@ -1294,6 +1308,120 @@ function DatePicker({
   ] });
 }
 
+// src/components/forms/DateRangePicker.tsx
+var import_react_aria_components19 = require("react-aria-components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function rangeLengthInDays(range) {
+  return range.end.toDate("UTC").getTime() / 864e5 - range.start.toDate("UTC").getTime() / 864e5 + 1;
+}
+function DateRangePicker({
+  label,
+  description,
+  errorMessage,
+  maxRangeDays,
+  presets,
+  size = "md",
+  fullWidth = true,
+  startName,
+  endName,
+  className,
+  style,
+  ...rest
+}) {
+  const msg = usePireMessages();
+  const current = rest.value ?? rest.defaultValue ?? null;
+  const tooLong = maxRangeDays != null && current != null && rangeLengthInDays(current) > maxRangeDays;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_react_aria_components19.DateRangePicker,
+    {
+      className: cx("pire-field", className),
+      style,
+      startName,
+      endName,
+      validationBehavior: "aria",
+      ...rest,
+      isInvalid: rest.isInvalid || tooLong,
+      children: [
+        label ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_aria_components19.Label, { className: "pire-field-label", children: [
+          label,
+          rest.isRequired ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          import_react_aria_components19.Group,
+          {
+            className: "pire-control pire-daterange-control",
+            "data-size": size,
+            "data-full-width": String(fullWidth),
+            "data-invalid": rest.isInvalid || tooLong ? "true" : void 0,
+            "data-readonly": rest.isReadOnly ? "true" : void 0,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.DateInput, { slot: "start", className: "pire-datefield", children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.DateSegment, { segment, className: "pire-datesegment" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "aria-hidden": "true", className: "pire-daterange-dash", children: "\u2013" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.DateInput, { slot: "end", className: "pire-datefield", children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.DateSegment, { segment, className: "pire-datesegment" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                import_react_aria_components19.Button,
+                {
+                  className: "pire-iconbtn",
+                  "data-size": "sm",
+                  "aria-label": msg.datePickerOpenCalendar,
+                  style: { width: 24, height: 24 },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "calendar", size: 16 })
+                }
+              )
+            ]
+          }
+        ),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.FieldError, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.Popover, { className: "pire-popover", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_aria_components19.Dialog, { className: "pire-daterange-dialog", children: [
+          presets?.length ? (
+            // Before the calendar in the DOM, so keyboard users reach the shortcut without
+            // arrowing through a month first.
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pire-daterange-presets", role: "group", "aria-label": msg.dateRangePresetsLabel, children: presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              import_react_aria_components19.Button,
+              {
+                className: "pire-daterange-preset",
+                onPress: () => rest.onChange?.(preset.range()),
+                children: preset.label
+              },
+              preset.id
+            )) })
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_aria_components19.RangeCalendar, { className: "pire-calendar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("header", { className: "pire-calendar-head", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                import_react_aria_components19.Button,
+                {
+                  slot: "previous",
+                  className: "pire-iconbtn",
+                  "data-size": "sm",
+                  "aria-label": msg.datePickerPreviousMonth,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "chevron-left", size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.Heading, { className: "pire-calendar-title" }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                import_react_aria_components19.Button,
+                {
+                  slot: "next",
+                  className: "pire-iconbtn",
+                  "data-size": "sm",
+                  "aria-label": msg.datePickerNextMonth,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "chevron-right", size: 16 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_aria_components19.CalendarGrid, { className: "pire-calendar-grid", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.CalendarGridHeader, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.CalendarHeaderCell, { children: day }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.CalendarGridBody, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.CalendarCell, { date, className: "pire-calendar-cell" }) })
+            ] })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+
 // src/components/forms/ValueHelpField.tsx
 var React9 = __toESM(require("react"), 1);
 
@@ -1301,8 +1429,8 @@ var React9 = __toESM(require("react"), 1);
 var React8 = __toESM(require("react"), 1);
 
 // src/components/feedback/Dialog.tsx
-var import_react_aria_components19 = require("react-aria-components");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react_aria_components20 = require("react-aria-components");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Dialog({
   isOpen,
   onOpenChange,
@@ -1322,8 +1450,8 @@ function Dialog({
     onClose?.();
     onOpenChange?.(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_react_aria_components19.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_react_aria_components20.ModalOverlay,
     {
       className: "pire-modal-overlay",
       isOpen,
@@ -1331,28 +1459,28 @@ function Dialog({
       onOpenChange: (o) => {
         if (!o) close();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.Modal, { className: cx("pire-modal", className), "data-size": size, style, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_aria_components19.Dialog, { className: "pire-dialog", children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("header", { className: "pire-dialog-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components19.Heading, { slot: "title", className: "pire-dialog-title", children: title }),
-            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_aria_components20.Modal, { className: cx("pire-modal", className), "data-size": size, style, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react_aria_components20.Dialog, { className: "pire-dialog", children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_aria_components20.Heading, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
           ] }),
-          showClose ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(IconButton, { icon: "x", label: msg.dialogClose, size: "sm", onPress: close }) : null
+          showClose ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { icon: "x", label: msg.dialogClose, size: "sm", onPress: close }) : null
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pire-dialog-body", children }),
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("footer", { className: "pire-dialog-foot", children: footer }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pire-dialog-body", children }),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
   );
 }
 
 // src/components/data/DataTable.tsx
-var import_react_aria_components20 = require("react-aria-components");
+var import_react_aria_components21 = require("react-aria-components");
 
 // src/components/feedback/Skeleton.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Skeleton({ shape = "text", width, height, className, style, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       className: cx("pire-skeleton", className),
@@ -1366,7 +1494,7 @@ function Skeleton({ shape = "text", width, height, className, style, ...rest })
 var BAR_WIDTHS = ["72%", "54%", "86%", "63%"];
 function SkeletonTableRow({ columns, density = "regular", className, style, ...rest }) {
   const cells = typeof columns === "number" ? Array.from({ length: columns }, () => ({})) : columns;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       className: cx("pire-skeleton-row", className),
@@ -1378,13 +1506,13 @@ function SkeletonTableRow({ columns, density = "regular", className, style, ...r
         const align = c.numeric ? "right" : c.align ?? "left";
         return (
           // biome-ignore lint/suspicious/noArrayIndexKey: columns are positional and never reordered.
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "div",
             {
               className: "pire-skeleton-cell",
               "data-align": align,
               style: { width: c.width, flex: c.width ? "0 0 auto" : void 0 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Skeleton, { width: BAR_WIDTHS[i % BAR_WIDTHS.length] })
+              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Skeleton, { width: BAR_WIDTHS[i % BAR_WIDTHS.length] })
             },
             i
           )
@@ -1395,7 +1523,7 @@ function SkeletonTableRow({ columns, density = "regular", className, style, ...r
 }
 
 // src/components/data/DataTable.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function DataTable({
   columns,
   rows,
@@ -1427,15 +1555,15 @@ function DataTable({
     ...columns.map((c) => ({ width: c.width, align: c.align, numeric: c.numeric }))
   ];
   const body = isLoading ? [] : rows;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       className: cx("pire-table-wrap", className),
       style,
       "data-loading": isLoading ? "true" : void 0,
       "aria-busy": isLoading ? "true" : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-        import_react_aria_components20.Table,
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        import_react_aria_components21.Table,
         {
           className: "pire-table",
           "data-density": density,
@@ -1451,10 +1579,10 @@ function DataTable({
             if (row) onRowAction(row);
           } : void 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_aria_components20.TableHeader, { className: "pire-thead-row", children: [
-              selectable ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_aria_components20.Column, { className: "pire-th", width: 44, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Checkbox, { slot: "selection", "aria-label": msg.dataTableSelectAll }) }) : null,
-              columns.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                import_react_aria_components20.Column,
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_aria_components21.TableHeader, { className: "pire-thead-row", children: [
+              selectable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components21.Column, { className: "pire-th", width: 44, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Checkbox, { slot: "selection", "aria-label": msg.dataTableSelectAll }) }) : null,
+              columns.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                import_react_aria_components21.Column,
                 {
                   id: c.key,
                   className: "pire-th",
@@ -1463,9 +1591,9 @@ function DataTable({
                   width: c.width,
                   "data-align": c.numeric || c.align === "right" ? "right" : c.align,
                   "data-allows-sorting": c.sortable ? "true" : void 0,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "pire-th-inner", children: [
+                  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "pire-th-inner", children: [
                     c.label,
-                    c.sortable ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    c.sortable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                       Icon,
                       {
                         size: 12,
@@ -1478,16 +1606,16 @@ function DataTable({
                 c.key
               ))
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_aria_components20.TableBody, { renderEmptyState: () => isLoading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "pire-table-loading", role: "status", "aria-live": "polite", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "pire-sr-only", children: loadingLabel ?? msg.dataTableLoading }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components21.TableBody, { renderEmptyState: () => isLoading ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "pire-table-loading", role: "status", "aria-live": "polite", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "pire-sr-only", children: loadingLabel ?? msg.dataTableLoading }),
               Array.from({ length: skeletonRows }, (_, i) => (
                 // biome-ignore lint/suspicious/noArrayIndexKey: placeholder rows are positional.
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SkeletonTableRow, { columns: skeletonColumns, density }, i)
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SkeletonTableRow, { columns: skeletonColumns, density }, i)
               ))
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pire-table-empty", children: emptyLabel }), children: body.map((row) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_aria_components20.Row, { id: row.id, className: "pire-tr", "data-pressable": onRowAction ? "true" : void 0, children: [
-              selectable ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_aria_components20.Cell, { className: "pire-td", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Checkbox, { slot: "selection", "aria-label": msg.dataTableSelectRow }) }) : null,
-              columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                import_react_aria_components20.Cell,
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "pire-table-empty", children: emptyLabel }), children: body.map((row) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react_aria_components21.Row, { id: row.id, className: "pire-tr", "data-pressable": onRowAction ? "true" : void 0, children: [
+              selectable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components21.Cell, { className: "pire-td", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Checkbox, { slot: "selection", "aria-label": msg.dataTableSelectRow }) }) : null,
+              columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                import_react_aria_components21.Cell,
                 {
                   className: "pire-td",
                   "data-numeric": c.numeric ? "true" : void 0,
@@ -1505,7 +1633,7 @@ function DataTable({
 }
 
 // src/components/patterns/ValueHelpDialog.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function ValueHelpDialog({
   isOpen,
   title = "Select a record",
@@ -1526,16 +1654,16 @@ function ValueHelpDialog({
     if (!q) return rows;
     return rows.filter((row) => Object.values(row).some((v) => String(v).toLowerCase().includes(q)));
   }, [rows, query]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Dialog,
     {
       isOpen,
       size: "lg",
       title,
       onClose,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "tertiary", onPress: onClose, children: msg.valueHelpDialogCancel }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "var(--sp-3)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      footer: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "tertiary", onPress: onClose, children: msg.valueHelpDialogCancel }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "var(--sp-3)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           Input,
           {
             "aria-label": msg.valueHelpDialogSearch,
@@ -1547,7 +1675,7 @@ function ValueHelpDialog({
             autoFocus: true
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           DataTable,
           {
             "aria-label": typeof title === "string" ? title : "Records",
@@ -1567,7 +1695,7 @@ function ValueHelpDialog({
 }
 
 // src/components/forms/ValueHelpField.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var defaultFormat = (row) => [row.id, row.name ?? row.label ?? row.text].filter(Boolean).join(" \u2014 ");
 function ValueHelpField({
   label,
@@ -1589,9 +1717,9 @@ function ValueHelpField({
 }) {
   const msg = usePireMessages();
   const [open, setOpen] = React9.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cx(className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", gap: "var(--sp-2)", alignItems: "flex-end" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cx(className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { style: { display: "flex", gap: "var(--sp-2)", alignItems: "flex-end" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         Input,
         {
           label,
@@ -1605,7 +1733,7 @@ function ValueHelpField({
           errorMessage
         }
       ),
-      allowsClear && value ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      allowsClear && value ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         IconButton,
         {
           icon: "x",
@@ -1615,7 +1743,7 @@ function ValueHelpField({
           onPress: () => onChange?.(null)
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         IconButton,
         {
           icon: "search",
@@ -1626,7 +1754,7 @@ function ValueHelpField({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       ValueHelpDialog,
       {
         isOpen: open,
@@ -1642,11 +1770,11 @@ function ValueHelpField({
 
 // src/components/forms/FileUpload.tsx
 var React10 = __toESM(require("react"), 1);
-var import_react_aria_components22 = require("react-aria-components");
+var import_react_aria_components23 = require("react-aria-components");
 
 // src/components/feedback/ProgressBar.tsx
-var import_react_aria_components21 = require("react-aria-components");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_react_aria_components22 = require("react-aria-components");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function ProgressBar({
   value = 0,
   minValue = 0,
@@ -1659,8 +1787,8 @@ function ProgressBar({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    import_react_aria_components21.ProgressBar,
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_react_aria_components22.ProgressBar,
     {
       className: cx("pire-progress", className),
       "data-status": status,
@@ -1670,19 +1798,19 @@ function ProgressBar({
       maxValue,
       isIndeterminate,
       style,
-      children: ({ percentage, valueText }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-        label || showValue ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "pire-progress-head", children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_aria_components21.Label, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", {}),
-          showValue && !isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "pire-numeric", children: valueText }) : null
+      children: ({ percentage, valueText }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+        label || showValue ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "pire-progress-head", children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_aria_components22.Label, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", {}),
+          showValue && !isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "pire-numeric", children: valueText }) : null
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "pire-progress-track", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "pire-progress-fill", style: { width: `${isIndeterminate ? 40 : percentage}%` } }) })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "pire-progress-track", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "pire-progress-fill", style: { width: `${isIndeterminate ? 40 : percentage}%` } }) })
       ] })
     }
   );
 }
 
 // src/components/forms/FileUpload.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var isImage = (file) => file.type.startsWith("image/");
 function formatFileSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -1754,7 +1882,7 @@ function FileUpload({
     commit(allowsMultiple ? [...files, ...wrapped] : wrapped.slice(0, 1));
   };
   const remove = (target) => commit(files.filter((f) => f.file !== target));
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       className: cx("pire-field", "pire-fileupload", className),
@@ -1762,24 +1890,24 @@ function FileUpload({
       "data-full-width": String(fullWidth),
       "data-invalid": isInvalid ? "true" : void 0,
       children: [
-        label ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { className: "pire-field-label", children: [
+        label ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "pire-field-label", children: [
           label,
-          isRequired ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+          isRequired ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_react_aria_components22.FileTrigger,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          import_react_aria_components23.FileTrigger,
           {
             acceptedFileTypes,
             allowsMultiple,
             onSelect: accept,
-            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { icon: "paperclip", isDisabled: isDisabled || isReadOnly, children: chooseLabel ?? msg.fileUploadChoose })
+            children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { icon: "paperclip", isDisabled: isDisabled || isReadOnly, children: chooseLabel ?? msg.fileUploadChoose })
           }
         ),
-        files.length ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("li", { className: "pire-fileupload-item", children: [
-          previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "pire-fileupload-name", children: file.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
-          isDisabled || isReadOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        files.length ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("li", { className: "pire-fileupload-item", children: [
+          previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-fileupload-name", children: file.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
+          isDisabled || isReadOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             IconButton,
             {
               icon: "x",
@@ -1789,16 +1917,16 @@ function FileUpload({
             }
           )
         ] }, `${file.name}-${file.size}-${file.lastModified}`)) }) : null,
-        uploadProgress != null ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
-        description ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_aria_components22.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        isInvalid && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "pire-field-error", children: errorMessage }) : null
+        uploadProgress != null ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
+        description ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components23.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        isInvalid && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-field-error", children: errorMessage }) : null
       ]
     }
   );
 }
 
 // src/components/navigation/ShellBar.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var initials2 = (name) => name.trim().split(/\s+/).slice(0, 2).map((p) => p[0]).join("").toUpperCase();
 function ShellBar({
   product,
@@ -1813,30 +1941,30 @@ function ShellBar({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("header", { className: cx("pire-shellbar", className), ...rest, children: [
-    onMenu ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(IconButton, { icon: "menu", label: menuLabel, variant: "inverse", size: "sm", onPress: onMenu }) : null,
-    monogram ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
-    product ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-shellbar-product", children: product }) : null,
-    title ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-shellbar-title", children: title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-shellbar-spacer" }),
-    onSearch ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(IconButton, { icon: "search", label: searchLabel, variant: "inverse", size: "sm", onPress: onSearch }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("header", { className: cx("pire-shellbar", className), ...rest, children: [
+    onMenu ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconButton, { icon: "menu", label: menuLabel, variant: "inverse", size: "sm", onPress: onMenu }) : null,
+    monogram ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
+    product ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pire-shellbar-product", children: product }) : null,
+    title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pire-shellbar-title", children: title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pire-shellbar-spacer" }),
+    onSearch ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconButton, { icon: "search", label: searchLabel, variant: "inverse", size: "sm", onPress: onSearch }) : null,
     actions,
-    user ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-avatar", title: user, "aria-label": user, role: "img", children: initials2(user) }) : null
+    user ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pire-avatar", title: user, "aria-label": user, role: "img", children: initials2(user) }) : null
   ] });
 }
 
 // src/components/navigation/SideNav.tsx
 var React11 = __toESM(require("react"), 1);
-var import_react_aria_components24 = require("react-aria-components");
+var import_react_aria_components25 = require("react-aria-components");
 
 // src/components/navigation/Menu.tsx
-var import_react_aria_components23 = require("react-aria-components");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_react_aria_components24 = require("react-aria-components");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function Menu({ minWidth, className, style, ...rest }) {
   const width = typeof minWidth === "number" ? `${minWidth}px` : minWidth;
   const menuStyle = width == null ? style : { ["--pire-menu-min-w"]: width, ...style };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    import_react_aria_components23.Menu,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_react_aria_components24.Menu,
     {
       className: cx("pire-menu", className),
       style: menuStyle,
@@ -1853,35 +1981,35 @@ function MenuItem({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
-    import_react_aria_components23.MenuItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    import_react_aria_components24.MenuItem,
     {
       className: cx("pire-menu-item", className),
       "data-tone": tone === "danger" ? "danger" : void 0,
       ...rest,
       children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: icon, size: 16, className: "pire-menu-item-icon" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "pire-menu-item-body", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pire-menu-item-label", children }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pire-menu-item-desc", children: description }) : null
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: icon, size: 16, className: "pire-menu-item-icon" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "pire-menu-item-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-menu-item-label", children }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-menu-item-desc", children: description }) : null
         ] }),
-        shortcut ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("kbd", { className: "pire-menu-item-shortcut", children: shortcut }) : null
+        shortcut ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("kbd", { className: "pire-menu-item-shortcut", children: shortcut }) : null
       ]
     }
   );
 }
 function MenuSection({ title, children, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react_aria_components23.MenuSection, { className: cx("pire-menu-section", className), ...rest, children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components23.Header, { className: "pire-menu-section-title", children: title }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_aria_components24.MenuSection, { className: cx("pire-menu-section", className), ...rest, children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components24.Header, { className: "pire-menu-section-title", children: title }) : null,
     children
   ] });
 }
 function MenuSeparator({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components23.Separator, { className: cx("pire-menu-separator", className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components24.Separator, { className: cx("pire-menu-separator", className) });
 }
 
 // src/components/navigation/SideNav.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function findActiveParent(groups, value) {
   if (value == null) return void 0;
   for (const group of groups) {
@@ -1930,8 +2058,8 @@ function SideNav({
   };
   const renderRow = (item, onPress, isGroup) => {
     const selected = !isGroup && item.id === value;
-    const button = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-      import_react_aria_components24.Button,
+    const button = /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      import_react_aria_components25.Button,
       {
         className: "pire-sidenav-item",
         "data-selected": selected ? "true" : void 0,
@@ -1940,70 +2068,70 @@ function SideNav({
         "aria-label": collapsed ? item.label : void 0,
         onPress,
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: item.icon, size: 16 }) : null,
-          collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: item.label }),
-          item.count != null && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-sidenav-count", children: item.count }) : null
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: item.icon, size: 16 }) : null,
+          collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: item.label }),
+          item.count != null && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pire-sidenav-count", children: item.count }) : null
         ]
       },
       item.id
     );
-    return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Tooltip, { label: item.label, placement: "right", children: button }, item.id) : button;
+    return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Tooltip, { label: item.label, placement: "right", children: button }, item.id) : button;
   };
-  const renderRailFlyout = (item) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_aria_components24.MenuTrigger, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      import_react_aria_components24.Button,
+  const renderRailFlyout = (item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react_aria_components25.MenuTrigger, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      import_react_aria_components25.Button,
       {
         className: "pire-sidenav-item",
         "aria-label": item.label,
         "data-active-child": item.id === activeParent ? "true" : void 0,
-        children: item.icon ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: item.icon, size: 16 }) : null
+        children: item.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: item.icon, size: 16 }) : null
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components24.Popover, { className: "pire-popover", placement: "right top", offset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_aria_components25.Popover, { className: "pire-popover", placement: "right top", offset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       Menu,
       {
         "aria-label": item.label,
         className: "pire-sidenav-flyout",
         onAction: (key) => onChange?.(String(key)),
-        children: (item.items ?? []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MenuItem, { id: child.id, children: child.label }, child.id))
+        children: (item.items ?? []).map((child) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(MenuItem, { id: child.id, children: child.label }, child.id))
       }
     ) })
   ] }, item.id);
-  const renderSection = (item) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_aria_components24.Disclosure, { id: item.id, className: "pire-sidenav-section", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-      import_react_aria_components24.Button,
+  const renderSection = (item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react_aria_components25.Disclosure, { id: item.id, className: "pire-sidenav-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+      import_react_aria_components25.Button,
       {
         slot: "trigger",
         className: "pire-sidenav-item",
         "data-kind": "group",
         "data-active-child": item.id === activeParent ? "true" : void 0,
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: item.icon, size: 16 }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: item.label }),
-          item.count != null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-sidenav-count", children: item.count }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: "chevron-down", size: 16, className: "pire-sidenav-chevron" })
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: item.icon, size: 16 }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: item.label }),
+          item.count != null ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pire-sidenav-count", children: item.count }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: "chevron-down", size: 16, className: "pire-sidenav-chevron" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components24.DisclosurePanel, { className: "pire-sidenav-subnav", children: item.items?.map((child) => {
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_aria_components25.DisclosurePanel, { className: "pire-sidenav-subnav", children: item.items?.map((child) => {
       const selected = child.id === value;
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-        import_react_aria_components24.Button,
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        import_react_aria_components25.Button,
         {
           className: "pire-sidenav-item pire-sidenav-subitem",
           "data-selected": selected ? "true" : void 0,
           "aria-current": selected ? "page" : void 0,
           onPress: () => onChange?.(child.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: child.label }),
-            child.count != null ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-sidenav-count", children: child.count }) : null
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: child.label }),
+            child.count != null ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pire-sidenav-count", children: child.count }) : null
           ]
         },
         child.id
       );
     }) })
   ] }, item.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "nav",
     {
       className: cx("pire-sidenav", className),
@@ -2019,10 +2147,10 @@ function SideNav({
             if (isGroup && collapsed && railFlyout) return renderRailFlyout(item);
             return renderRow(item, () => isGroup ? toggleExpanded(item.id) : onChange?.(item.id), isGroup);
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "pire-sidenav-group", children: [
-            group.label && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "pire-sidenav-label", children: group.label }) : null,
-            hasSections ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-              import_react_aria_components24.DisclosureGroup,
+          return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "pire-sidenav-group", children: [
+            group.label && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "pire-sidenav-label", children: group.label }) : null,
+            hasSections ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              import_react_aria_components25.DisclosureGroup,
               {
                 className: "pire-sidenav-tree",
                 allowsMultipleExpanded: true,
@@ -2033,18 +2161,18 @@ function SideNav({
             ) : rows
           ] }, group.label ?? gi);
         }),
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "pire-sidenav-footer", children: footer }) : null
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "pire-sidenav-footer", children: footer }) : null
       ]
     }
   );
 }
 
 // src/components/navigation/Tabs.tsx
-var import_react_aria_components25 = require("react-aria-components");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_react_aria_components26 = require("react-aria-components");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Tabs({ items, value, defaultValue, onChange, panels, className, style, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-    import_react_aria_components25.Tabs,
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    import_react_aria_components26.Tabs,
     {
       className,
       style,
@@ -2052,23 +2180,23 @@ function Tabs({ items, value, defaultValue, onChange, panels, className, style,
       defaultSelectedKey: defaultValue,
       onSelectionChange: (k) => onChange?.(String(k)),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_aria_components25.TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react_aria_components25.Tab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: item.icon, size: 16 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components26.TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_aria_components26.Tab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: item.icon, size: 16 }) : null,
           item.label,
-          item.count != null ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pire-tab-count", children: item.count }) : null
+          item.count != null ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "pire-tab-count", children: item.count }) : null
         ] }) }),
-        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_aria_components25.TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
+        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components26.TabPanel, { id: item.id, className: panels ? "pire-tabpanel" : void 0, children: panels?.[item.id] }, item.id))
       ]
     }
   );
 }
 
 // src/components/navigation/Breadcrumb.tsx
-var import_react_aria_components26 = require("react-aria-components");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_react_aria_components27 = require("react-aria-components");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Breadcrumb({ items, onNavigate, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    import_react_aria_components26.Breadcrumbs,
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react_aria_components27.Breadcrumbs,
     {
       className: cx("pire-breadcrumbs", className),
       style,
@@ -2076,9 +2204,9 @@ function Breadcrumb({ items, onNavigate, className, style }) {
       onAction: (key) => onNavigate?.(String(key)),
       children: (item) => {
         const last = items[items.length - 1] === item;
-        return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_aria_components26.Breadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
-          last ? item.label : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components26.Link, { href: item.href, children: item.label }),
-          last ? null : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
+        return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react_aria_components27.Breadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
+          last ? item.label : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components27.Link, { href: item.href, children: item.label }),
+          last ? null : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
         ] });
       }
     }
@@ -2086,7 +2214,7 @@ function Breadcrumb({ items, onNavigate, className, style }) {
 }
 
 // src/components/navigation/Pagination.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Pagination({
   page = 1,
   pageSize = 25,
@@ -2101,9 +2229,9 @@ function Pagination({
   const pages = Math.max(1, Math.ceil(total / pageSize));
   const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
   const to = Math.min(total, page * pageSize);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("nav", { className: cx("pire-pagination", className), style, "aria-label": msg.paginationLabel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "pire-pagination-count", children: msg.paginationRange.replace("{from}", from.toLocaleString()).replace("{to}", to.toLocaleString()).replace("{total}", total.toLocaleString()) }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("nav", { className: cx("pire-pagination", className), style, "aria-label": msg.paginationLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "pire-pagination-count", children: msg.paginationRange.replace("{from}", from.toLocaleString()).replace("{to}", to.toLocaleString()).replace("{total}", total.toLocaleString()) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       IconButton,
       {
         icon: "chevron-left",
@@ -2114,8 +2242,8 @@ function Pagination({
         onPress: () => onPageChange?.(page - 1)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "pire-pagination-count", "aria-live": "polite", children: msg.paginationPageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "pire-pagination-count", "aria-live": "polite", children: msg.paginationPageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       IconButton,
       {
         icon: "chevron-right",
@@ -2126,7 +2254,7 @@ function Pagination({
         onPress: () => onPageChange?.(page + 1)
       }
     ),
-    onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       Select,
       {
         "aria-label": msg.paginationRowsPerPage,
@@ -2142,7 +2270,7 @@ function Pagination({
 }
 
 // src/components/feedback/InlineMessage.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var KIND_ICON = {
   info: "info",
   success: "check-circle-2",
@@ -2152,7 +2280,7 @@ var KIND_ICON = {
 function InlineMessage({ kind = "info", title, action, onClose, children, className, ...rest }) {
   const msg = usePireMessages();
   const assertive = kind === "error" || kind === "warning";
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       className: cx("pire-msg", className),
@@ -2161,13 +2289,13 @@ function InlineMessage({ kind = "info", title, action, onClose, children, classN
       "aria-live": assertive ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
-          title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "pire-msg-title", children: title }) : null,
-          children ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "pire-msg-body", children }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
+          title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "pire-msg-title", children: title }) : null,
+          children ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "pire-msg-body", children }) : null,
           action
         ] }),
-        onClose ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IconButton, { icon: "x", label: msg.inlineMessageDismiss, size: "sm", onPress: onClose }) : null
+        onClose ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconButton, { icon: "x", label: msg.inlineMessageDismiss, size: "sm", onPress: onClose }) : null
       ]
     }
   );
@@ -2175,7 +2303,7 @@ function InlineMessage({ kind = "info", title, action, onClose, children, classN
 
 // src/components/feedback/Toast.tsx
 var React12 = __toESM(require("react"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var KIND_ICON2 = {
   info: "info",
   success: "check-circle-2",
@@ -2184,7 +2312,7 @@ var KIND_ICON2 = {
 };
 function Toast({ kind = "success", onClose, position = "bottom-center", children, className, ...rest }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "div",
     {
       className: cx("pire-toast", className),
@@ -2193,9 +2321,9 @@ function Toast({ kind = "success", onClose, position = "bottom-center", children
       "aria-live": kind === "error" ? "assertive" : "polite",
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: KIND_ICON2[kind], size: 16 }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { style: { flex: 1 }, children }),
-        onClose ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconButton, { icon: "x", label: msg.toastDismiss, size: "sm", variant: "inverse", onPress: onClose }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { name: KIND_ICON2[kind], size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { style: { flex: 1 }, children }),
+        onClose ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconButton, { icon: "x", label: msg.toastDismiss, size: "sm", variant: "inverse", onPress: onClose }) : null
       ]
     }
   );
@@ -2213,9 +2341,9 @@ function ToastProvider({ children, timeout = 6e3 }) {
     return id;
   }, [close, timeout]);
   const value = React12.useMemo(() => ({ add, close }), [add, close]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ToastContext.Provider, { value, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(ToastContext.Provider, { value, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "pire-toast-region", role: "region", "aria-label": msg.toastRegionLabel, children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "pire-toast-region", role: "region", "aria-label": msg.toastRegionLabel, children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
   ] });
 }
 function useToast() {
@@ -2225,8 +2353,8 @@ function useToast() {
 }
 
 // src/components/data/KpiTile.tsx
-var import_react_aria_components27 = require("react-aria-components");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_react_aria_components28 = require("react-aria-components");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function KpiTile({
   label,
   value,
@@ -2242,50 +2370,50 @@ function KpiTile({
   style
 }) {
   const tone = deltaTone ?? (deltaDirection === "down" ? "negative" : "positive");
-  const body = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "pire-kpi-label", children: [
-      icon ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { name: icon, size: 16 }) : null,
+  const body = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "pire-kpi-label", children: [
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { name: icon, size: 16 }) : null,
       label
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "pire-kpi-value", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "pire-kpi-value", children: [
       value,
-      unit ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "pire-kpi-unit", children: unit }) : null
+      unit ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "pire-kpi-unit", children: unit }) : null
     ] }),
-    delta ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
-      deltaDirection ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
+    delta ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
+      deltaDirection ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
       delta
     ] }) : null,
-    footnote ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "pire-kpi-foot", children: footnote }) : null
+    footnote ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "pire-kpi-foot", children: footnote }) : null
   ] });
   const props = { className: cx("pire-kpi", className), "data-status": status, style };
-  return onPress ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_aria_components27.Button, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ...props, children: body });
+  return onPress ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components28.Button, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ...props, children: body });
 }
 
 // src/components/data/ObjectHeader.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function ObjectHeader({ title, subtitle, id, breadcrumb, badge, facts, actions, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("header", { className: cx("pire-objheader", className), ...rest, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("header", { className: cx("pire-objheader", className), ...rest, children: [
     breadcrumb,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "pire-objheader-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h1", { className: "pire-objheader-title", children: title }),
-        subtitle || id ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "pire-objheader-sub", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "pire-objheader-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h1", { className: "pire-objheader-title", children: title }),
+        subtitle || id ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "pire-objheader-sub", children: [
           subtitle,
-          id ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "pire-objheader-id", children: id }) : null
+          id ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pire-objheader-id", children: id }) : null
         ] }) : null
       ] }),
       badge,
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "pire-objheader-actions", children: actions }) : null
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "pire-objheader-actions", children: actions }) : null
     ] }),
-    facts?.length ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("dt", { className: "pire-fact-label", children: fact.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("dd", { className: "pire-fact-value", "data-numeric": fact.numeric ? "true" : void 0, style: { margin: 0 }, children: fact.value })
+    facts?.length ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("dt", { className: "pire-fact-label", children: fact.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("dd", { className: "pire-fact-value", "data-numeric": fact.numeric ? "true" : void 0, style: { margin: 0 }, children: fact.value })
     ] }, fact.label)) }) : null
   ] });
 }
 
 // src/components/data/FilterBar.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function FilterBar({
   children,
   activeFilters = [],
@@ -2302,66 +2430,555 @@ function FilterBar({
   const label = useMessage("filterBarLabel", rest["aria-label"]);
   const go = useMessage("filterBarGo", goLabel);
   const clearAll = useMessage("filterBarClearAll", clearAllLabel);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { className: cx("pire-filterbar", className), ...rest, "aria-label": label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "pire-filterbar-controls", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("section", { className: cx("pire-filterbar", className), ...rest, "aria-label": label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "pire-filterbar-controls", children: [
       children,
-      onGo ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { variant: "primary", onPress: onGo, children: go }) : null
+      onGo ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: "primary", onPress: onGo, children: go }) : null
     ] }),
-    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "pire-filterbar-foot", children: [
-      activeFilters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
-      activeFilters.length && onClear ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: clearAll }) : null,
-      resultLabel ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "pire-filterbar-actions", children: actions }) : null
+    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "pire-filterbar-foot", children: [
+      activeFilters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
+      activeFilters.length && onClear ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: clearAll }) : null,
+      resultLabel ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "pire-filterbar-actions", children: actions }) : null
     ] }) : null
   ] });
 }
 
 // src/components/data/DescriptionList.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function DescriptionList({ items, layout = "rows", columns = 3, className, style, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "dl",
     {
       className: cx("pire-dl", className),
       "data-layout": layout,
       style: { ...layout === "grid" ? { "--pire-dl-cols": columns } : null, ...style },
       ...rest,
-      children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("dt", { className: "pire-dl-term", children: [
+      children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("dt", { className: "pire-dl-term", children: [
           item.label,
           item.hint
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dd", { className: "pire-dl-value", "data-numeric": item.numeric ? "true" : void 0, children: item.value })
       ] }, i))
     }
   );
 }
 
 // src/components/data/Timeline.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Timeline({ entries, reverse = false, className, ...rest }) {
   const list = reverse ? [...entries].reverse() : entries;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("li", { className: "pire-timeline-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "pire-timeline-time", children: entry.time }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "pire-timeline-text", children: entry.event }),
-    entry.actor ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "pire-timeline-actor", children: entry.actor }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("li", { className: "pire-timeline-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "pire-timeline-time", children: entry.time }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "pire-timeline-text", children: entry.event }),
+    entry.actor ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "pire-timeline-actor", children: entry.actor }) : null
   ] }, entry.id ?? i)) });
 }
 
+// src/components/data/chartGeometry.ts
+var VIZ_SLOT_COUNT = 6;
+var NICE_STEPS = [1, 2, 2.5, 5, 10];
+function niceStep(rough) {
+  if (!(rough > 0)) return 1;
+  const magnitude = 10 ** Math.floor(Math.log10(rough));
+  const normalized = rough / magnitude;
+  return (NICE_STEPS.find((candidate) => candidate >= normalized) ?? 10) * magnitude;
+}
+function linearScale(values, tickCount = 4, startAtZero = true) {
+  const present = values.filter((value) => value != null && Number.isFinite(value));
+  if (present.length === 0) return { min: 0, max: 1, ticks: [0, 1] };
+  let low = Math.min(...present);
+  let high = Math.max(...present);
+  if (startAtZero) {
+    low = Math.min(0, low);
+    high = Math.max(0, high);
+  }
+  if (low === high) {
+    high = low === 0 ? 1 : low + Math.abs(low);
+  }
+  const step = niceStep((high - low) / Math.max(1, tickCount));
+  const EDGE_TOLERANCE = 1e-9;
+  const decimals = Math.max(0, 1 - Math.floor(Math.log10(step)));
+  const toStepPrecision = (value) => Number(value.toFixed(decimals));
+  const min = toStepPrecision(Math.floor(low / step + EDGE_TOLERANCE) * step);
+  const max = toStepPrecision(Math.ceil(high / step - EDGE_TOLERANCE) * step);
+  const stepCount = Math.round((max - min) / step);
+  const ticks = Array.from(
+    { length: stepCount + 1 },
+    (_, index) => toStepPrecision(min + index * step)
+  );
+  return { min, max, ticks };
+}
+function scalePosition(value, scale) {
+  const span = scale.max - scale.min;
+  return span === 0 ? 0 : (value - scale.min) / span;
+}
+function seriesColor(series, index) {
+  const slot = series.colorIndex ?? index + 1;
+  return slot >= 1 && slot <= VIZ_SLOT_COUNT ? `var(--viz-${slot})` : "var(--viz-other)";
+}
+var IS_DEV2 = process.env.NODE_ENV !== "production";
+var warnedCharts = /* @__PURE__ */ new Set();
+function warnOnSlotOverflow(series, chartLabel) {
+  if (!IS_DEV2 || warnedCharts.has(chartLabel)) return;
+  if (series.length <= VIZ_SLOT_COUNT) return;
+  warnedCharts.add(chartLabel);
+  console.warn(
+    `[pire] "${chartLabel}" has ${series.length} series but the palette defines ${VIZ_SLOT_COUNT} distinguishable colours. The extras render in one shared neutral. Group the tail into an "Other" series, or split the chart into small multiples.`
+  );
+}
+function warnOnDonutShape(series, categoryCount, chartLabel) {
+  if (!IS_DEV2 || warnedCharts.has(`donut:${chartLabel}`)) return;
+  const complaints = [];
+  if (series.length > 1) {
+    complaints.push(`it has ${series.length} series but a donut draws one \u2014 the rest are ignored`);
+  }
+  if (categoryCount > VIZ_SLOT_COUNT) {
+    complaints.push(`it has ${categoryCount} segments and the palette defines ${VIZ_SLOT_COUNT}; past about four, slices stop being readable at all \u2014 group the tail into "Other"`);
+  }
+  if (series[0]?.values.some((value) => value != null && value < 0)) {
+    complaints.push("it contains negative values, which have no part-to-whole meaning \u2014 a signed measure belongs in a bar chart");
+  }
+  if (complaints.length === 0) return;
+  warnedCharts.add(`donut:${chartLabel}`);
+  console.warn(`[pire] DonutChart "${chartLabel}": ${complaints.join("; ")}.`);
+}
+function stackTotal(series, categoryIndex) {
+  return series.reduce((total, one) => total + (one.values[categoryIndex] ?? 0), 0);
+}
+function flatValues(series) {
+  return series.flatMap((one) => one.values);
+}
+function alignToCategories(series, categoryCount) {
+  return series.map((one) => one.values.length <= categoryCount ? one : { ...one, values: one.values.slice(0, categoryCount) });
+}
+
+// src/components/data/ChartFrame.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+function seriesLegend(series) {
+  return series.map((one, index) => ({
+    key: one.id,
+    label: one.label,
+    color: seriesColor(one, index)
+  }));
+}
+var defaultFormatValue = (value) => value.toLocaleString();
+function ChartFrame({
+  label,
+  title,
+  description,
+  categories,
+  series,
+  formatValue,
+  legend,
+  showDataTable,
+  className,
+  style,
+  children
+}) {
+  const msg = usePireMessages();
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("figure", { className: cx("pire-chart", className), style, children: [
+    title || description ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("figcaption", { className: "pire-chart-head", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "pire-chart-title", children: title }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "pire-chart-desc", children: description }) : null
+    ] }) : null,
+    legend && legend.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { className: "pire-chart-legend", children: legend.map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("li", { className: "pire-chart-legend-item", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "pire-chart-swatch", style: { background: item.color } }),
+      item.label
+    ] }, item.key)) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "pire-chart-plot", "aria-hidden": "true", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: showDataTable ? "pire-chart-table" : "pire-sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("table", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("caption", { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { scope: "col", children: msg.chartCategoryHeader }),
+        series.map((one) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { scope: "col", children: one.label }, one.id))
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tbody", { children: categories.map((category, categoryIndex) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("tr", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { scope: "row", children: category }),
+          series.map((one) => {
+            const value = one.values[categoryIndex];
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { children: value == null ? msg.chartNoValue : formatValue(value) }, one.id);
+          })
+        ] }, categoryIndex)
+      )) })
+    ] }) })
+  ] });
+}
+
+// src/components/data/BarChart.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+function BarChart({
+  categories,
+  series: rawSeries,
+  title,
+  description,
+  formatValue = defaultFormatValue,
+  height = 260,
+  emptyState,
+  showDataTable,
+  orientation = "horizontal",
+  stacked = false,
+  showValues,
+  className,
+  style,
+  ...rest
+}) {
+  const label = rest["aria-label"];
+  const msg = usePireMessages();
+  warnOnSlotOverflow(rawSeries, label);
+  const series = alignToCategories(rawSeries, categories.length);
+  const hasData = categories.length > 0 && series.length > 0;
+  const withValues = showValues ?? series.length === 1;
+  const scale = linearScale(
+    stacked ? categories.map((_, index) => stackTotal(series, index)) : flatValues(series)
+  );
+  const sizeOf = (value) => `${scalePosition(value, scale) * 100}%`;
+  const horizontalLabelFor = (categoryIndex) => {
+    if (stacked) return formatValue(stackTotal(series, categoryIndex));
+    const value = series[0].values[categoryIndex];
+    return value == null ? msg.chartNoValue : formatValue(value);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    ChartFrame,
+    {
+      label,
+      title,
+      description,
+      categories,
+      series,
+      formatValue,
+      legend: seriesLegend(series),
+      showDataTable,
+      className,
+      style,
+      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        "div",
+        {
+          className: "pire-chart-bars",
+          "data-orientation": orientation,
+          "data-stacked": String(stacked),
+          style: { "--pire-chart-height": `${height}px` },
+          children: categories.map((category, categoryIndex) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "pire-chart-group", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-chart-cat", children: category }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "pire-chart-track", children: series.map((one, seriesIndex) => {
+                const value = one.values[categoryIndex];
+                if (value == null) return null;
+                return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+                  "div",
+                  {
+                    className: "pire-chart-bar",
+                    style: {
+                      "--pire-bar-size": sizeOf(value),
+                      "--pire-bar-color": seriesColor(one, seriesIndex)
+                    },
+                    children: [
+                      withValues && orientation === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-chart-barval", children: formatValue(value) }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "pire-chart-tip", role: "presentation", children: [
+                        series.length > 1 ? `${one.label}: ` : "",
+                        formatValue(value)
+                      ] })
+                    ]
+                  },
+                  one.id
+                );
+              }) }),
+              withValues && orientation === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pire-chart-val", children: horizontalLabelFor(categoryIndex) }) : null
+            ] }, categoryIndex)
+          ))
+        }
+      )
+    }
+  );
+}
+
+// src/components/data/LineChart.tsx
+var React13 = __toESM(require("react"), 1);
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var PLOT_INSET = { top: 10, right: 14, bottom: 24, left: 58 };
+var MARKER_LIMIT = 20;
+var useIsomorphicLayoutEffect2 = typeof window === "undefined" ? React13.useEffect : React13.useLayoutEffect;
+function useMeasuredWidth() {
+  const ref = React13.useRef(null);
+  const [width, setWidth] = React13.useState(0);
+  useIsomorphicLayoutEffect2(() => {
+    const element = ref.current;
+    if (!element) return;
+    setWidth(element.getBoundingClientRect().width);
+    const observer = new ResizeObserver(([entry]) => setWidth(entry.contentRect.width));
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, []);
+  return [ref, width];
+}
+function LineChart({
+  categories,
+  series: rawSeries,
+  title,
+  description,
+  formatValue = defaultFormatValue,
+  height = 260,
+  emptyState,
+  showDataTable,
+  showArea = false,
+  showMarkers,
+  zoomToData = false,
+  className,
+  style,
+  ...rest
+}) {
+  const label = rest["aria-label"];
+  const msg = usePireMessages();
+  warnOnSlotOverflow(rawSeries, label);
+  const [plotRef, width] = useMeasuredWidth();
+  const series = alignToCategories(rawSeries, categories.length);
+  const hasData = categories.length > 0 && series.length > 0;
+  const withMarkers = showMarkers ?? categories.length <= MARKER_LIMIT;
+  const scale = linearScale(flatValues(series), 4, !zoomToData);
+  const innerWidth = Math.max(0, width - PLOT_INSET.left - PLOT_INSET.right);
+  const innerHeight = Math.max(0, height - PLOT_INSET.top - PLOT_INSET.bottom);
+  const xAt = (index) => PLOT_INSET.left + (categories.length <= 1 ? innerWidth / 2 : index / (categories.length - 1) * innerWidth);
+  const yAt = (value) => PLOT_INSET.top + innerHeight - scalePosition(value, scale) * innerHeight;
+  const pathFor = (values) => {
+    let path = "";
+    let penIsDown = false;
+    values.forEach((value, index) => {
+      if (value == null) {
+        penIsDown = false;
+        return;
+      }
+      path += `${penIsDown ? "L" : "M"}${xAt(index)} ${yAt(value)} `;
+      penIsDown = true;
+    });
+    return path.trim();
+  };
+  const areaFor = (values) => {
+    const present = values.map((value, index) => ({ value, index })).filter((point) => point.value != null);
+    if (present.length < 2) return "";
+    const baseline = PLOT_INSET.top + innerHeight;
+    const line = present.map((point) => `${xAt(point.index)} ${yAt(point.value)}`).join(" L");
+    const last = present[present.length - 1];
+    return `M${xAt(present[0].index)} ${baseline} L${line} L${xAt(last.index)} ${baseline} Z`;
+  };
+  const labelEvery = Math.max(1, Math.ceil(categories.length / Math.max(2, Math.floor(innerWidth / 64))));
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    ChartFrame,
+    {
+      label,
+      title,
+      description,
+      categories,
+      series,
+      formatValue,
+      legend: seriesLegend(series),
+      showDataTable,
+      className,
+      style,
+      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "pire-chart-lines", ref: plotRef, style: { height }, children: [
+        width > 0 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+          "svg",
+          {
+            width,
+            height,
+            className: "pire-chart-svg",
+            "aria-hidden": "true",
+            focusable: "false",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("g", { className: "pire-chart-grid", children: scale.ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                "line",
+                {
+                  x1: PLOT_INSET.left,
+                  x2: width - PLOT_INSET.right,
+                  y1: yAt(tick),
+                  y2: yAt(tick)
+                },
+                tick
+              )) }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("g", { className: "pire-chart-tick", children: [
+                scale.ticks.map((tick) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                  "text",
+                  {
+                    x: PLOT_INSET.left - 8,
+                    y: yAt(tick),
+                    textAnchor: "end",
+                    dominantBaseline: "middle",
+                    children: formatValue(tick)
+                  },
+                  tick
+                )),
+                categories.map((category, index) => index % labelEvery === 0 ? (
+                  // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("text", { x: xAt(index), y: height - 6, textAnchor: "middle", children: category }, index)
+                ) : null)
+              ] }),
+              showArea && series[0] ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                "path",
+                {
+                  d: areaFor(series[0].values),
+                  className: "pire-chart-area",
+                  style: { fill: seriesColor(series[0], 0) }
+                }
+              ) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("g", { className: "pire-chart-line", fill: "none", children: series.map((one, index) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: pathFor(one.values), stroke: seriesColor(one, index) }, one.id)) }),
+              withMarkers ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("g", { className: "pire-chart-marker", children: series.map((one, seriesIndex) => one.values.map((value, index) => value == null ? null : (
+                // biome-ignore lint/suspicious/noArrayIndexKey: a series is positional — the index is the point's identity, and category labels repeat.
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                  "circle",
+                  {
+                    cx: xAt(index),
+                    cy: yAt(value),
+                    r: 4,
+                    fill: seriesColor(one, seriesIndex)
+                  },
+                  `${one.id}-${index}`
+                )
+              ))) }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          "div",
+          {
+            className: "pire-chart-hover",
+            style: { inset: `${PLOT_INSET.top}px ${PLOT_INSET.right}px ${PLOT_INSET.bottom}px ${PLOT_INSET.left}px` },
+            children: categories.map((category, categoryIndex) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: categories are positional and repeat legitimately (two quarters both labelled "Q1").
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "pire-chart-band", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "pire-chart-tip", role: "presentation", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("strong", { children: category }),
+                series.map((one) => {
+                  const value = one.values[categoryIndex];
+                  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "pire-chart-tip-row", children: [
+                    one.label,
+                    ": ",
+                    value == null ? "No data" : formatValue(value)
+                  ] }, one.id);
+                })
+              ] }) }, categoryIndex)
+            ))
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/data/DonutChart.tsx
+var React14 = __toESM(require("react"), 1);
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var SEGMENT_GAP_DEGREES = 1.5;
+function DonutChart({
+  categories,
+  series,
+  title,
+  description,
+  formatValue = defaultFormatValue,
+  height = 220,
+  emptyState,
+  showDataTable,
+  centerLabel,
+  centerCaption,
+  thickness = 28,
+  className,
+  style,
+  ...rest
+}) {
+  const label = rest["aria-label"];
+  const msg = usePireMessages();
+  const [hoveredIndex, setHoveredIndex] = React14.useState(null);
+  warnOnDonutShape(series, categories.length, label);
+  const values = (series[0]?.values ?? []).slice(0, categories.length);
+  const segments = categories.map((category, index) => ({ category, index, value: values[index] ?? 0 })).filter((segment) => segment.value > 0);
+  const total = segments.reduce((sum, segment) => sum + segment.value, 0);
+  const hasData = segments.length > 0 && total > 0;
+  const size = height;
+  const radius = (size - thickness) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const gapLength = SEGMENT_GAP_DEGREES / 360 * circumference;
+  const legend = segments.map((segment) => ({
+    key: segment.category,
+    label: segment.category,
+    color: colorForSegment(segment.index)
+  }));
+  const hovered = hoveredIndex == null ? null : segments.find((segment) => segment.index === hoveredIndex) ?? null;
+  let arcStart = 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    ChartFrame,
+    {
+      label,
+      title,
+      description,
+      categories,
+      series,
+      formatValue,
+      legend,
+      showDataTable,
+      className,
+      style,
+      children: !hasData ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "pire-chart-empty", children: emptyState ?? msg.chartEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "pire-chart-donut", style: { height: size }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          "svg",
+          {
+            width: size,
+            height: size,
+            "aria-hidden": "true",
+            focusable: "false",
+            onMouseLeave: () => setHoveredIndex(null),
+            children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("g", { transform: `rotate(-90 ${size / 2} ${size / 2})`, children: segments.map((segment) => {
+              const arcLength = segment.value / total * circumference;
+              const offset = arcStart;
+              arcStart += arcLength;
+              return (
+                // biome-ignore lint/a11y/noStaticElementInteractions: pointer-only enhancement inside an aria-hidden plot — the arcs carry nothing the data table does not, so there is nothing here for a keyboard to reach.
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                  "circle",
+                  {
+                    className: "pire-chart-arc",
+                    cx: size / 2,
+                    cy: size / 2,
+                    r: radius,
+                    stroke: colorForSegment(segment.index),
+                    strokeWidth: thickness,
+                    strokeDasharray: `${Math.max(0, arcLength - gapLength)} ${circumference}`,
+                    strokeDashoffset: -offset,
+                    "data-hovered": hoveredIndex === segment.index ? "true" : void 0,
+                    onMouseEnter: () => setHoveredIndex(segment.index)
+                  },
+                  segment.category
+                )
+              );
+            }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "pire-chart-donut-center", style: { width: size - thickness * 2 - 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "pire-chart-donut-value", children: hovered ? formatValue(hovered.value) : centerLabel ?? formatValue(total) }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "pire-chart-donut-caption", children: hovered ? hovered.category : centerCaption })
+        ] })
+      ] })
+    }
+  );
+}
+function colorForSegment(index) {
+  return index < VIZ_SLOT_COUNT ? `var(--viz-${index + 1})` : "var(--viz-other)";
+}
+
 // src/components/data/LinkList.tsx
-var import_react_aria_components28 = require("react-aria-components");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_react_aria_components29 = require("react-aria-components");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function LinkList({ items, onSelect, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cx("pire-linklist", className), role: "list", ...rest, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react_aria_components28.Button, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
-    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
-    item.key ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "pire-linklist-key", children: item.key }) : null,
-    item.text ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "pire-linklist-text", children: item.text }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx("pire-linklist", className), role: "list", ...rest, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_react_aria_components29.Button, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
+    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
+    item.key ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pire-linklist-key", children: item.key }) : null,
+    item.text ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pire-linklist-text", children: item.text }) : null,
     item.trailing
   ] }, item.id)) });
 }
 
 // src/components/layout/PageBand.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function PageBand({
   surface = "card",
   hasBorder = true,
@@ -2369,7 +2986,7 @@ function PageBand({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       className: cx("pire-pageband", className),
@@ -2382,56 +2999,56 @@ function PageBand({
 }
 
 // src/components/layout/PageHeader.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function PageHeader({ title, subtitle, actions, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("header", { className: cx("pire-pageheader", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { style: { minWidth: 0 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h1", { className: "pire-pageheader-title", children: title }),
-      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "pire-pageheader-sub", children: subtitle }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("header", { className: cx("pire-pageheader", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h1", { className: "pire-pageheader-title", children: title }),
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "pire-pageheader-sub", children: subtitle }) : null
     ] }),
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "pire-pageheader-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "pire-pageheader-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SectionHeader.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function SectionHeader({ title, meta, actions, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cx("pire-sectionhead", className), ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "pire-eyebrow", children: title }),
-    meta ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "pire-sectionhead-actions", children: actions }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cx("pire-sectionhead", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "pire-eyebrow", children: title }),
+    meta ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "pire-sectionhead-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/SelectionBar.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function SelectionBar({ count, noun = "record", children, actions, className, ...rest }) {
   if (!count) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "pire-selectionbar-count", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "pire-selectionbar-count", children: [
       count.toLocaleString(),
       " ",
       noun,
       count === 1 ? "" : "s",
       " selected"
     ] }),
-    children ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "pire-selectionbar-actions", children: actions }) : null
+    children ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "pire-selectionbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/layout/FooterBar.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function FooterBar({ note, actions, children, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("footer", { className: cx("pire-footerbar", className), ...rest, children: [
-    note ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "pire-footerbar-note", children: note }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("footer", { className: cx("pire-footerbar", className), ...rest, children: [
+    note ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "pire-footerbar-note", children: note }) : null,
     children,
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "pire-footerbar-actions", children: actions }) : null
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "pire-footerbar-actions", children: actions }) : null
   ] });
 }
 
 // src/components/patterns/ConfirmDialog.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function ConfirmDialog({
   isOpen,
   title,
@@ -2445,7 +3062,7 @@ function ConfirmDialog({
   onConfirm,
   onCancel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     Dialog,
     {
       isOpen,
@@ -2455,12 +3072,12 @@ function ConfirmDialog({
       onClose: onCancel,
       isDismissable: !isBusy,
       showClose: false,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
+      footer: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
       ] }),
       children: [
-        consequence ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
+        consequence ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
         children
       ]
     }
@@ -2468,12 +3085,12 @@ function ConfirmDialog({
 }
 
 // src/components/patterns/SidePanel.tsx
-var import_react_aria_components29 = require("react-aria-components");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_react_aria_components30 = require("react-aria-components");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onClose, className }) {
   const msg = usePireMessages();
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-    import_react_aria_components29.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    import_react_aria_components30.ModalOverlay,
     {
       className: "pire-sidepanel-overlay",
       isOpen,
@@ -2481,36 +3098,36 @@ function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onC
       onOpenChange: (o) => {
         if (!o) onClose?.();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_aria_components29.Modal, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react_aria_components29.Dialog, { className: "pire-dialog", style: { height: "100%" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("header", { className: "pire-dialog-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_aria_components29.Heading, { slot: "title", className: "pire-dialog-title", children: title }),
-            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_aria_components30.Modal, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react_aria_components30.Dialog, { className: "pire-dialog", style: { height: "100%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_aria_components30.Heading, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(IconButton, { icon: "x", label: msg.sidePanelClose, size: "sm", onPress: onClose })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(IconButton, { icon: "x", label: msg.sidePanelClose, size: "sm", onPress: onClose })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("footer", { className: "pire-dialog-foot", children: footer }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
   );
 }
 
 // src/components/patterns/EmptyState.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function EmptyState({ icon = "file-text", title, action, compact, children, className, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
-    title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
-    children ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
+    title ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
+    children ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
     action
   ] });
 }
 
 // src/components/patterns/FileDropZone.tsx
-var React13 = __toESM(require("react"), 1);
-var import_react_aria_components30 = require("react-aria-components");
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var React15 = __toESM(require("react"), 1);
+var import_react_aria_components31 = require("react-aria-components");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var isImage2 = (file) => file.type.startsWith("image/");
 function FileDropZone({
   label,
@@ -2536,10 +3153,10 @@ function FileDropZone({
   style
 }) {
   const msg = usePireMessages();
-  const [uncontrolled, setUncontrolled] = React13.useState(defaultValue ?? []);
+  const [uncontrolled, setUncontrolled] = React15.useState(defaultValue ?? []);
   const files = value ?? uncontrolled;
-  const created = React13.useRef([]);
-  React13.useEffect(() => () => {
+  const created = React15.useRef([]);
+  React15.useEffect(() => () => {
     for (const url of created.current) URL.revokeObjectURL(url);
   }, []);
   const commit = (next) => {
@@ -2559,43 +3176,43 @@ function FileDropZone({
     commit(allowsMultiple ? [...files, ...wrapped] : wrapped.slice(0, 1));
   };
   const remove = (target) => commit(files.filter((f) => f.file !== target));
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "pire-field-label", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cx("pire-field", className), style, "data-full-width": String(fullWidth), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "pire-field-label", children: [
       label,
-      isRequired ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+      isRequired ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-      import_react_aria_components30.DropZone,
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+      import_react_aria_components31.DropZone,
       {
         className: "pire-dropzone",
         "data-height": height,
         isDisabled: isDisabled || isReadOnly,
         onDrop: async (e) => {
           const dropped = await Promise.all(
-            e.items.filter(import_react_aria_components30.isFileDropItem).map((item) => item.getFile())
+            e.items.filter(import_react_aria_components31.isFileDropItem).map((item) => item.getFile())
           );
           accept(dropped);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-            import_react_aria_components30.FileTrigger,
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "download", size: 24, className: "pire-dropzone-icon" }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "pire-dropzone-prompt", children: promptLabel ?? msg.fileDropZonePrompt }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+            import_react_aria_components31.FileTrigger,
             {
               acceptedFileTypes,
               allowsMultiple,
               onSelect: (list) => accept(list ? [...list] : []),
-              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
+              children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Button, { variant: "secondary", isDisabled: isDisabled || isReadOnly, children: msg.fileUploadChoose })
             }
           )
         ]
       }
     ),
-    files.length ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("li", { className: "pire-fileupload-item", children: [
-      previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "pire-fileupload-name", children: file.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
-      isDisabled || isReadOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    files.length ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { className: "pire-fileupload-list", children: files.map(({ file, previewUrl }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("li", { className: "pire-fileupload-item", children: [
+      previewUrl ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("img", { className: "pire-fileupload-thumb", src: previewUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: "file-text", size: 16, className: "pire-fileupload-icon" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "pire-fileupload-name", children: file.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "pire-fileupload-size", children: formatFileSize(file.size) }),
+      isDisabled || isReadOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         IconButton,
         {
           icon: "x",
@@ -2605,18 +3222,19 @@ function FileDropZone({
         }
       )
     ] }, `${file.name}-${file.size}-${file.lastModified}`)) }) : null,
-    uploadProgress != null ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "pire-field-hint", children: description }) : null,
-    isInvalid && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "pire-field-error", children: errorMessage }) : null
+    uploadProgress != null ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ProgressBar, { value: uploadProgress, label: msg.fileUploadUploading }) : null,
+    description ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "pire-field-hint", children: description }) : null,
+    isInvalid && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "pire-field-error", children: errorMessage }) : null
   ] });
 }
 
 // src/index.ts
-var import_react_aria_components31 = require("react-aria-components");
+var import_react_aria_components32 = require("react-aria-components");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar,
   Badge,
+  BarChart,
   Breadcrumb,
   Button,
   Card,
@@ -2625,9 +3243,11 @@ var import_react_aria_components31 = require("react-aria-components");
   ConfirmDialog,
   DataTable,
   DatePicker,
+  DateRangePicker,
   DescriptionList,
   Dialog,
   DialogTrigger,
+  DonutChart,
   EmptyState,
   FileDropZone,
   FileUpload,
@@ -2641,6 +3261,7 @@ var import_react_aria_components31 = require("react-aria-components");
   InlineMessage,
   Input,
   KpiTile,
+  LineChart,
   Link,
   LinkList,
   Menu,
@@ -2681,12 +3302,14 @@ var import_react_aria_components31 = require("react-aria-components");
   Toast,
   ToastProvider,
   Tooltip,
+  VIZ_SLOT_COUNT,
   ValueHelpDialog,
   ValueHelpField,
   configureIcons,
   enMessages,
   esMessages,
   formatFileSize,
+  rangeLengthInDays,
   usePireMessages,
   useToast
 });