@orianatech/pire 0.2.0

package/dist/index.cjs

@@ -0,0 +1,1590 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Avatar: () => Avatar,
+  Badge: () => Badge,
+  Breadcrumb: () => Breadcrumb,
+  Button: () => Button,
+  Card: () => Card,
+  Checkbox: () => Checkbox,
+  ComboBox: () => ComboBox,
+  ConfirmDialog: () => ConfirmDialog,
+  DataTable: () => DataTable,
+  DatePicker: () => DatePicker,
+  DescriptionList: () => DescriptionList,
+  Dialog: () => Dialog,
+  DialogTrigger: () => import_react_aria_components23.DialogTrigger,
+  EmptyState: () => EmptyState,
+  FilterBar: () => FilterBar,
+  FooterBar: () => FooterBar,
+  FormField: () => FormField,
+  I18nProvider: () => import_react_aria_components23.I18nProvider,
+  Icon: () => Icon,
+  IconButton: () => IconButton,
+  InlineMessage: () => InlineMessage,
+  Input: () => Input,
+  KpiTile: () => KpiTile,
+  LinkList: () => LinkList,
+  Menu: () => import_react_aria_components23.Menu,
+  MenuItem: () => import_react_aria_components23.MenuItem,
+  MenuTrigger: () => import_react_aria_components23.MenuTrigger,
+  NumberField: () => NumberField,
+  ObjectHeader: () => ObjectHeader,
+  PageHeader: () => PageHeader,
+  Pagination: () => Pagination,
+  Popover: () => import_react_aria_components23.Popover,
+  ProgressBar: () => ProgressBar,
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup,
+  SectionHeader: () => SectionHeader,
+  SegmentedControl: () => SegmentedControl,
+  Select: () => Select,
+  SelectionBar: () => SelectionBar,
+  Separator: () => import_react_aria_components23.Separator,
+  ShellBar: () => ShellBar,
+  SideNav: () => SideNav,
+  SidePanel: () => SidePanel,
+  Switch: () => Switch,
+  Tabs: () => Tabs,
+  Tag: () => Tag,
+  Timeline: () => Timeline,
+  Toast: () => Toast,
+  ToastProvider: () => ToastProvider,
+  Tooltip: () => Tooltip,
+  ValueHelpDialog: () => ValueHelpDialog,
+  ValueHelpField: () => ValueHelpField,
+  configureIcons: () => configureIcons,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/core/Icon.tsx
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var CARBON_MAP = {
+  "menu": "menu",
+  "search": "search",
+  "bell": "notification",
+  "help-circle": "help",
+  "grid-3x3": "grid",
+  "home": "home",
+  "file-text": "document",
+  "clipboard-list": "list--checked",
+  "building-2": "building",
+  "boxes": "box",
+  "truck": "delivery-truck",
+  "stamp": "checkmark--outline",
+  "check": "checkmark",
+  "x": "close",
+  "minus": "subtract",
+  "plus": "add",
+  "trash-2": "trash-can",
+  "printer": "printer",
+  "paperclip": "attachment",
+  "download": "download",
+  "calendar": "calendar",
+  "hash": "hashtag",
+  "history": "recently-viewed",
+  "calculator": "calculator",
+  "zap": "flash",
+  "palette": "color-palette",
+  "settings": "settings",
+  "sliders-horizontal": "settings--adjust",
+  "filter": "filter",
+  "rows-3": "list",
+  "align-justify": "list--boxes",
+  "more-vertical": "overflow-menu--vertical",
+  "alert-triangle": "warning--alt",
+  "alert-octagon": "error--filled",
+  "alert-circle": "warning--filled",
+  "check-circle-2": "checkmark--filled",
+  "x-circle": "misuse",
+  "info": "information",
+  "circle": "circle-dash",
+  "chevron-right": "chevron--right",
+  "chevron-left": "chevron--left",
+  "chevron-down": "chevron--down",
+  "chevrons-up-down": "chevron--sort",
+  "arrow-right": "arrow--right",
+  "arrow-up": "arrow--up",
+  "arrow-down": "arrow--down",
+  "trending-up": "arrow--up",
+  "trending-down": "arrow--down",
+  "shopping-cart": "shopping--cart",
+  "user": "user",
+  "shapes": "apps",
+  "type": "text--font",
+  "package": "box",
+  "warehouse": "building--insights-1",
+  "arrow-up-down": "arrows--vertical",
+  "scan-line": "qr-code",
+  "circle-alert": "warning--filled",
+  "clock": "time",
+  "layers": "layers",
+  "map-pin": "location",
+  "copy": "copy",
+  "refresh-cw": "renew",
+  "external-link": "launch",
+  "pencil": "edit",
+  "lock": "locked",
+  "eye": "view",
+  "minimize-2": "minimize"
+};
+var PACKS = {
+  carbon: { base: "https://cdn.jsdelivr.net/npm/@carbon/icons@11/svg/32/", map: CARBON_MAP },
+  lucide: { base: "https://cdn.jsdelivr.net/npm/lucide-static/icons/", map: null }
+};
+var config = {};
+function configureIcons(next) {
+  config = { ...config, ...next };
+}
+function Icon({ name, size = 16, label, pack, style, ...rest }) {
+  const cfg = PACKS[pack ?? config.pack ?? "carbon"] ?? PACKS.lucide;
+  const slug = cfg.map ? cfg.map[name] ?? name : name;
+  const url = `${config.base ?? cfg.base}${slug}.svg`;
+  const [failed, setFailed] = React.useState(false);
+  React.useEffect(() => setFailed(false), [url]);
+  const mask = `url("${url}") center / ${size}px ${size}px no-repeat`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      role: label ? "img" : void 0,
+      "aria-label": label,
+      "aria-hidden": label ? void 0 : true,
+      "data-icon": name,
+      ...rest,
+      style: {
+        position: "relative",
+        display: "inline-block",
+        flex: "0 0 auto",
+        width: size,
+        height: size,
+        backgroundColor: failed ? "transparent" : "currentColor",
+        WebkitMaskImage: failed ? void 0 : `url("${url}")`,
+        WebkitMask: failed ? void 0 : mask,
+        mask: failed ? void 0 : mask,
+        ...style
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          src: url,
+          alt: "",
+          "aria-hidden": "true",
+          onError: () => setFailed(true),
+          style: { position: "absolute", width: 1, height: 1, opacity: 0, pointerEvents: "none" }
+        }
+      )
+    }
+  );
+}
+
+// src/components/core/Button.tsx
+var React2 = __toESM(require("react"), 1);
+var import_react_aria_components = require("react-aria-components");
+
+// src/components/utils/cx.ts
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+
+// src/components/core/Button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Button = React2.forwardRef(function Button2({ children, variant = "secondary", size = "md", icon, iconEnd, fullWidth, className, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_react_aria_components.Button,
+    {
+      ref,
+      className: cx("pire-btn", className),
+      "data-variant": variant,
+      "data-size": size,
+      "data-full-width": fullWidth ? "true" : void 0,
+      ...rest,
+      children: [
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: icon, size: 16 }) : null,
+        children,
+        iconEnd ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: iconEnd, size: 16 }) : null
+      ]
+    }
+  );
+});
+
+// src/components/core/IconButton.tsx
+var React3 = __toESM(require("react"), 1);
+var import_react_aria_components3 = require("react-aria-components");
+
+// src/components/feedback/Tooltip.tsx
+var import_react_aria_components2 = require("react-aria-components");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Tooltip({ label, placement = "top", delay = 500, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_aria_components2.TooltipTrigger, { delay, closeDelay: 0, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_aria_components2.Tooltip, { className: "pire-tooltip", placement, offset: 6, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components2.OverlayArrow, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", {}) }),
+      label
+    ] })
+  ] });
+}
+
+// src/components/core/IconButton.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var IconButton = React3.forwardRef(function IconButton2({ icon, label, size = "md", variant = "tertiary", selected, hideTooltip, className, ...rest }, ref) {
+  const button = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_aria_components3.Button,
+    {
+      ref,
+      "aria-label": label,
+      "aria-pressed": selected,
+      className: cx("pire-iconbtn", className),
+      "data-size": size,
+      "data-variant": variant,
+      "data-selected": selected ? "true" : void 0,
+      ...rest,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: icon, size: size === "lg" ? 20 : 16 })
+    }
+  );
+  return hideTooltip ? button : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip, { label, children: button });
+});
+
+// src/components/core/Badge.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var STATUS_ICON = {
+  positive: "check-circle-2",
+  critical: "alert-triangle",
+  negative: "x-circle",
+  informative: "info",
+  neutral: "circle"
+};
+function Badge({ children, status = "neutral", showIcon = true, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: cx("pire-badge", className), "data-status": status, ...rest, children: [
+    showIcon ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: STATUS_ICON[status], size: 12 }) : null,
+    children
+  ] });
+}
+
+// src/components/core/Tag.tsx
+var import_react_aria_components4 = require("react-aria-components");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Tag({ children, onRemove, isDisabled, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: cx("pire-tag", className), "data-disabled": isDisabled ? "true" : void 0, ...rest, children: [
+    children,
+    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_aria_components4.Button,
+      {
+        className: "pire-tag-remove",
+        isDisabled,
+        onPress: onRemove,
+        "aria-label": `Remove ${typeof children === "string" ? children : "filter"}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "x", size: 12 })
+      }
+    ) : null
+  ] });
+}
+
+// src/components/core/Card.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Card({ title, subtitle, icon, actions, footer, interactive, children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: cx("pire-card", className), "data-interactive": interactive ? "true" : void 0, ...rest, children: [
+    title || actions ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "pire-card-head", children: [
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: icon, size: 20, style: { color: "var(--text-secondary)" } }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "pire-card-title", children: title }),
+        subtitle ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "pire-card-sub", style: { margin: 0 }, children: subtitle }) : null
+      ] }),
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { display: "flex", gap: "var(--sp-1)" }, children: actions }) : null
+    ] }) : null,
+    children ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "pire-card-body", children }) : null,
+    footer ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("footer", { className: "pire-card-foot", children: footer }) : null
+  ] });
+}
+
+// src/components/core/Avatar.tsx
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var initials = (name) => name.trim().split(/\s+/).slice(0, 2).map((p) => p[0]).join("").toUpperCase();
+function Avatar({ name, size = "md", src, className, ...rest }) {
+  const [failed, setFailed] = React4.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: cx("pire-avatar", className), "data-size": size, role: "img", "aria-label": name, ...rest, children: src && !failed ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    "img",
+    {
+      src,
+      alt: "",
+      onError: () => setFailed(true),
+      style: { width: "100%", height: "100%", borderRadius: "inherit", objectFit: "cover" }
+    }
+  ) : initials(name) });
+}
+
+// src/components/core/SegmentedControl.tsx
+var React5 = __toESM(require("react"), 1);
+var import_react_aria_components5 = require("react-aria-components");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function SegmentedControl({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  iconOnly,
+  size = "sm",
+  className,
+  style,
+  ...rest
+}) {
+  const selected = React5.useMemo(() => new Set(value ? [value] : defaultValue ? [defaultValue] : []), [value, defaultValue]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_aria_components5.ToggleButtonGroup,
+    {
+      className: cx("pire-segmented", className),
+      "data-size": size,
+      style,
+      "aria-label": rest["aria-label"],
+      selectionMode: "single",
+      disallowEmptySelection: true,
+      selectedKeys: selected,
+      onSelectionChange: (keys) => {
+        const first = [...keys][0];
+        if (first != null) onChange?.(String(first));
+      },
+      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        import_react_aria_components5.ToggleButton,
+        {
+          id: option.id,
+          className: "pire-segmented-item",
+          isDisabled: option.isDisabled,
+          "aria-label": iconOnly ? option.label : void 0,
+          children: [
+            option.icon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { name: option.icon, size: 16 }) : null,
+            iconOnly ? null : option.label
+          ]
+        },
+        option.id
+      ))
+    }
+  );
+}
+
+// src/components/forms/FormField.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function FormField({ label, htmlFor, isRequired, hint, error, layout = "stacked", children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cx("pire-field", className), "data-layout": layout, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { className: "pire-field-label", htmlFor, children: [
+      label,
+      isRequired ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+    ] }),
+    children,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "pire-field-error", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "alert-circle", size: 12 }),
+      error
+    ] }) : hint ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "pire-field-hint", children: hint }) : null
+  ] });
+}
+
+// src/components/forms/Input.tsx
+var import_react_aria_components6 = require("react-aria-components");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Input({
+  label,
+  icon,
+  suffix,
+  description,
+  errorMessage,
+  size = "md",
+  numeric,
+  fullWidth = true,
+  className,
+  style,
+  inputRef,
+  onChange,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    import_react_aria_components6.TextField,
+    {
+      className: cx("pire-field", className),
+      style,
+      onChange,
+      validationBehavior: "aria",
+      ...rest,
+      children: [
+        label ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_aria_components6.Label, { className: "pire-field-label", children: [
+          label,
+          rest.isRequired ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          import_react_aria_components6.Group,
+          {
+            className: "pire-control",
+            "data-size": size,
+            "data-full-width": String(fullWidth),
+            "data-invalid": rest.isInvalid ? "true" : void 0,
+            "data-readonly": rest.isReadOnly ? "true" : void 0,
+            children: [
+              icon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: icon, size: 16, className: "pire-leading-icon" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components6.Input, { ref: inputRef, className: "pire-input", "data-numeric": numeric ? "true" : void 0 }),
+              suffix ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "pire-affix", children: suffix }) : null
+            ]
+          }
+        ),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components6.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components6.FieldError, { className: "pire-field-error", children: errorMessage })
+      ]
+    }
+  );
+}
+
+// src/components/forms/Select.tsx
+var import_react_aria_components7 = require("react-aria-components");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var norm = (o) => typeof o === "string" ? { value: o, label: o, isDisabled: false } : o;
+function Select({
+  label,
+  value,
+  defaultValue,
+  onChange,
+  options = [],
+  placeholder = "Select\u2026",
+  description,
+  errorMessage,
+  size = "md",
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}) {
+  const items = options.map(norm);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react_aria_components7.Select,
+    {
+      className: cx("pire-field", className),
+      style,
+      selectedKey: value,
+      defaultSelectedKey: defaultValue,
+      onSelectionChange: (k) => onChange?.(String(k)),
+      placeholder,
+      validationBehavior: "aria",
+      ...rest,
+      children: [
+        label ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_aria_components7.Label, { className: "pire-field-label", children: [
+          label,
+          rest.isRequired ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          import_react_aria_components7.Button,
+          {
+            className: "pire-control",
+            "data-size": size,
+            "data-full-width": String(fullWidth),
+            "data-invalid": rest.isInvalid ? "true" : void 0,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.SelectValue, { className: "pire-select-value" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "chevron-down", size: 16, className: "pire-leading-icon" })
+            ]
+          }
+        ),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.FieldError, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.Popover, { className: "pire-popover", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.ListBox, { className: "pire-listbox", items, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: item.label }) }) })
+      ]
+    }
+  );
+}
+
+// src/components/forms/Checkbox.tsx
+var import_react_aria_components8 = require("react-aria-components");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Checkbox({ label, hint, children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components8.Checkbox, { className: cx("pire-choice", className), ...rest, children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pire-choice-box", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "minus", size: 12 }) : isSelected ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "check", size: 12 }) : null }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+      label ?? children,
+      hint ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pire-choice-hint", children: hint }) : null
+    ] })
+  ] }) });
+}
+
+// src/components/forms/Radio.tsx
+var import_react_aria_components9 = require("react-aria-components");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function RadioGroup({ label, description, errorMessage, children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_aria_components9.RadioGroup, { className: cx("pire-field", className), validationBehavior: "aria", ...rest, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components9.Label, { className: "pire-field-label", children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "pire-radiogroup", children }),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components9.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components9.FieldError, { className: "pire-field-error", children: errorMessage })
+  ] });
+}
+function Radio({ label, hint, children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_aria_components9.Radio, { className: cx("pire-choice", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "pire-choice-box", "data-radio": "true", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+      label ?? children,
+      hint ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "pire-choice-hint", children: hint }) : null
+    ] })
+  ] });
+}
+
+// src/components/forms/Switch.tsx
+var import_react_aria_components10 = require("react-aria-components");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Switch({ label, children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_aria_components10.Switch, { className: cx("pire-choice", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "pire-switch-track", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "pire-switch-thumb" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: label ?? children })
+  ] });
+}
+
+// src/components/forms/ComboBox.tsx
+var import_react_aria_components11 = require("react-aria-components");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var norm2 = (o) => typeof o === "string" ? { value: o, label: o } : o;
+function ComboBox({
+  label,
+  value,
+  defaultValue,
+  onChange,
+  onInputChange,
+  options = [],
+  description,
+  errorMessage,
+  size = "md",
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}) {
+  const items = options.map(norm2);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    import_react_aria_components11.ComboBox,
+    {
+      className: cx("pire-field", className),
+      style,
+      selectedKey: value,
+      defaultSelectedKey: defaultValue,
+      onSelectionChange: (k) => onChange?.(k == null ? null : String(k)),
+      onInputChange,
+      defaultItems: items,
+      menuTrigger: "input",
+      validationBehavior: "aria",
+      ...rest,
+      children: [
+        label ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_aria_components11.Label, { className: "pire-field-label", children: [
+          label,
+          rest.isRequired ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          import_react_aria_components11.Group,
+          {
+            className: "pire-control",
+            "data-size": size,
+            "data-full-width": String(fullWidth),
+            "data-invalid": rest.isInvalid ? "true" : void 0,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "search", size: 16, className: "pire-leading-icon" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components11.Input, { className: "pire-input", placeholder: rest.placeholder }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components11.Button, { className: "pire-iconbtn", "data-size": "sm", "aria-label": "Show suggestions", style: { width: 20, height: 20 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "chevron-down", size: 16 }) })
+            ]
+          }
+        ),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components11.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components11.FieldError, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components11.Popover, { className: "pire-popover", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components11.ListBox, { className: "pire-listbox", children: (item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_aria_components11.ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { flex: 1 }, children: item.label }),
+          item.secondary ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { style: { font: "var(--type-code)", color: "var(--text-tertiary)" }, children: item.secondary }) : null
+        ] }) }) })
+      ]
+    }
+  );
+}
+
+// src/components/forms/NumberField.tsx
+var import_react_aria_components12 = require("react-aria-components");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function NumberField({
+  label,
+  suffix,
+  description,
+  errorMessage,
+  hideStepper,
+  size = "md",
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_aria_components12.NumberField, { className: cx("pire-field", className), style, validationBehavior: "aria", ...rest, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_aria_components12.Label, { className: "pire-field-label", children: [
+      label,
+      rest.isRequired ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      import_react_aria_components12.Group,
+      {
+        className: "pire-control",
+        "data-size": size,
+        "data-full-width": String(fullWidth),
+        "data-invalid": rest.isInvalid ? "true" : void 0,
+        "data-readonly": rest.isReadOnly ? "true" : void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components12.Input, { className: "pire-input", "data-numeric": "true" }),
+          suffix ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "pire-affix", children: suffix }) : null,
+          hideStepper ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "pire-stepper", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components12.Button, { slot: "increment", className: "pire-stepper-btn", "aria-label": "Increase", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "plus", size: 10 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components12.Button, { slot: "decrement", className: "pire-stepper-btn", "aria-label": "Decrease", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "minus", size: 10 }) })
+          ] })
+        ]
+      }
+    ),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components12.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components12.FieldError, { className: "pire-field-error", children: errorMessage })
+  ] });
+}
+
+// src/components/forms/DatePicker.tsx
+var import_react_aria_components13 = require("react-aria-components");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function DatePicker({
+  label,
+  description,
+  errorMessage,
+  size = "md",
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_aria_components13.DatePicker, { className: cx("pire-field", className), style, validationBehavior: "aria", ...rest, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_aria_components13.Label, { className: "pire-field-label", children: [
+      label,
+      rest.isRequired ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      import_react_aria_components13.Group,
+      {
+        className: "pire-control",
+        "data-size": size,
+        "data-full-width": String(fullWidth),
+        "data-invalid": rest.isInvalid ? "true" : void 0,
+        "data-readonly": rest.isReadOnly ? "true" : void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.DateInput, { className: "pire-datefield", children: (segment) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.DateSegment, { segment, className: "pire-datesegment" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.Button, { className: "pire-iconbtn", "data-size": "sm", "aria-label": "Open calendar", style: { width: 24, height: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "calendar", size: 16 }) })
+        ]
+      }
+    ),
+    description ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.FieldError, { className: "pire-field-error", children: errorMessage }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.Popover, { className: "pire-popover", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.Dialog, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_aria_components13.Calendar, { className: "pire-calendar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("header", { className: "pire-calendar-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.Button, { slot: "previous", className: "pire-iconbtn", "data-size": "sm", "aria-label": "Previous month", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "chevron-left", size: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.Heading, { className: "pire-calendar-title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.Button, { slot: "next", className: "pire-iconbtn", "data-size": "sm", "aria-label": "Next month", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "chevron-right", size: 16 }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_aria_components13.CalendarGrid, { className: "pire-calendar-grid", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.CalendarGridHeader, { children: (day) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.CalendarHeaderCell, { children: day }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.CalendarGridBody, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components13.CalendarCell, { date, className: "pire-calendar-cell" }) })
+      ] })
+    ] }) }) })
+  ] });
+}
+
+// src/components/forms/ValueHelpField.tsx
+var React7 = __toESM(require("react"), 1);
+
+// src/components/patterns/ValueHelpDialog.tsx
+var React6 = __toESM(require("react"), 1);
+
+// src/components/feedback/Dialog.tsx
+var import_react_aria_components14 = require("react-aria-components");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function Dialog({
+  isOpen,
+  onOpenChange,
+  title,
+  subtitle,
+  children,
+  footer,
+  onClose,
+  size = "md",
+  isDismissable = true,
+  showClose = true,
+  className,
+  style
+}) {
+  const close = () => {
+    onClose?.();
+    onOpenChange?.(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_react_aria_components14.ModalOverlay,
+    {
+      className: "pire-modal-overlay",
+      isOpen,
+      isDismissable,
+      onOpenChange: (o) => {
+        if (!o) close();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components14.Modal, { className: cx("pire-modal", className), "data-size": size, style, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_aria_components14.Dialog, { className: "pire-dialog", children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components14.Heading, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+          ] }),
+          showClose ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(IconButton, { icon: "x", label: "Close", size: "sm", onPress: close }) : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pire-dialog-body", children }),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("footer", { className: "pire-dialog-foot", children: footer }) : null
+      ] }) })
+    }
+  );
+}
+
+// src/components/data/DataTable.tsx
+var import_react_aria_components15 = require("react-aria-components");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function DataTable({
+  columns,
+  rows,
+  density = "regular",
+  selectable,
+  selected,
+  onSelectionChange,
+  sort,
+  onSortChange,
+  onRowAction,
+  stickyHeader = true,
+  emptyLabel = "No records match the current filters.",
+  className,
+  style,
+  ...rest
+}) {
+  const sortDescriptor = sort ? { column: sort.key, direction: sort.dir === "asc" ? "ascending" : "descending" } : void 0;
+  const handleSelection = (keys) => {
+    if (keys === "all") return onSelectionChange?.(rows.map((r) => r.id));
+    onSelectionChange?.([...keys]);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cx("pire-table-wrap", className), style, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_react_aria_components15.Table,
+    {
+      className: "pire-table",
+      "data-density": density,
+      "data-sticky": String(stickyHeader),
+      "aria-label": rest["aria-label"],
+      selectionMode: selectable ? "multiple" : "none",
+      selectedKeys: selected ? new Set(selected) : void 0,
+      onSelectionChange: handleSelection,
+      sortDescriptor,
+      onSortChange: (d) => onSortChange?.({ key: String(d.column), dir: d.direction === "ascending" ? "asc" : "desc" }),
+      onRowAction: onRowAction ? (key) => {
+        const row = rows.find((r) => String(r.id) === String(key));
+        if (row) onRowAction(row);
+      } : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_aria_components15.TableHeader, { className: "pire-thead-row", children: [
+          selectable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components15.Column, { className: "pire-th", width: 44, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Checkbox, { slot: "selection", "aria-label": "Select all rows" }) }) : null,
+          columns.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_react_aria_components15.Column,
+            {
+              id: c.key,
+              className: "pire-th",
+              isRowHeader: i === 0 && !selectable,
+              allowsSorting: c.sortable,
+              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_runtime20.jsxs)("span", { className: "pire-th-inner", children: [
+                c.label,
+                c.sortable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  Icon,
+                  {
+                    size: 12,
+                    name: sort?.key === c.key ? sort.dir === "asc" ? "arrow-up" : "arrow-down" : "chevrons-up-down",
+                    style: { color: sort?.key === c.key ? "var(--accent-subtle-fg)" : "var(--text-tertiary)" }
+                  }
+                ) : null
+              ] })
+            },
+            c.key
+          ))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components15.TableBody, { renderEmptyState: () => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "pire-table-empty", children: emptyLabel }), children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react_aria_components15.Row, { id: row.id, className: "pire-tr", "data-pressable": onRowAction ? "true" : void 0, children: [
+          selectable ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components15.Cell, { className: "pire-td", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Checkbox, { slot: "selection", "aria-label": "Select row" }) }) : null,
+          columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_react_aria_components15.Cell,
+            {
+              className: "pire-td",
+              "data-numeric": c.numeric ? "true" : void 0,
+              style: { textAlign: c.align && !c.numeric ? c.align : void 0 },
+              children: c.render ? c.render(row) : row[c.key]
+            },
+            c.key
+          ))
+        ] }, row.id)) })
+      ]
+    }
+  ) });
+}
+
+// src/components/patterns/ValueHelpDialog.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function ValueHelpDialog({
+  isOpen,
+  title = "Select a record",
+  columns = [],
+  rows = [],
+  searchPlaceholder = "Search by ID or name",
+  emptyLabel,
+  onSelect,
+  onClose
+}) {
+  const [query, setQuery] = React6.useState("");
+  React6.useEffect(() => {
+    if (isOpen) setQuery("");
+  }, [isOpen]);
+  const filtered = React6.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    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_runtime21.jsx)(
+    Dialog,
+    {
+      isOpen,
+      size: "lg",
+      title,
+      onClose,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "tertiary", onPress: onClose, children: "Cancel" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: "var(--sp-3)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          Input,
+          {
+            "aria-label": "Search records",
+            icon: "search",
+            type: "search",
+            value: query,
+            onChange: setQuery,
+            placeholder: searchPlaceholder,
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          DataTable,
+          {
+            "aria-label": typeof title === "string" ? title : "Records",
+            density: "condensed",
+            columns,
+            rows: filtered,
+            emptyLabel: emptyLabel ?? `No records match \u201C${query}\u201D.`,
+            onRowAction: (row) => {
+              onSelect?.(row);
+              onClose?.();
+            }
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/forms/ValueHelpField.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var defaultFormat = (row) => [row.id, row.name ?? row.label ?? row.text].filter(Boolean).join(" \u2014 ");
+function ValueHelpField({
+  label,
+  value,
+  onChange,
+  format = defaultFormat,
+  rows = [],
+  columns = [],
+  dialogTitle,
+  placeholder = "Not selected",
+  description,
+  errorMessage,
+  isInvalid,
+  isDisabled,
+  isRequired,
+  allowsClear,
+  className,
+  style
+}) {
+  const [open, setOpen] = React7.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cx(className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { style: { display: "flex", gap: "var(--sp-2)", alignItems: "flex-end" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        Input,
+        {
+          label,
+          isReadOnly: true,
+          isInvalid,
+          isDisabled,
+          isRequired,
+          value: value ? format(value) : "",
+          placeholder,
+          description,
+          errorMessage
+        }
+      ),
+      allowsClear && value ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        IconButton,
+        {
+          icon: "x",
+          label: "Clear selection",
+          variant: "outlined",
+          isDisabled,
+          onPress: () => onChange?.(null)
+        }
+      ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        IconButton,
+        {
+          icon: "search",
+          label: typeof label === "string" ? `Select ${label.toLowerCase()}` : "Open value help",
+          variant: "outlined",
+          isDisabled,
+          onPress: () => setOpen(true)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      ValueHelpDialog,
+      {
+        isOpen: open,
+        onClose: () => setOpen(false),
+        title: dialogTitle ?? label ?? "Select a record",
+        columns,
+        rows,
+        onSelect: (row) => onChange?.(row)
+      }
+    )
+  ] });
+}
+
+// src/components/navigation/ShellBar.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var initials2 = (name) => name.trim().split(/\s+/).slice(0, 2).map((p) => p[0]).join("").toUpperCase();
+function ShellBar({ product, monogram, title, onMenu, onSearch, actions, user, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("header", { className: cx("pire-shellbar", className), ...rest, children: [
+    onMenu ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconButton, { icon: "menu", label: "Open navigation", variant: "inverse", size: "sm", onPress: onMenu }) : null,
+    monogram ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pire-shellbar-mono", "aria-hidden": "true", children: monogram }) : null,
+    product ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pire-shellbar-product", children: product }) : null,
+    title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pire-shellbar-title", children: title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pire-shellbar-spacer" }),
+    onSearch ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconButton, { icon: "search", label: "Search", variant: "inverse", size: "sm", onPress: onSearch }) : null,
+    actions,
+    user ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pire-avatar", title: user, "aria-label": user, role: "img", children: initials2(user) }) : null
+  ] });
+}
+
+// src/components/navigation/SideNav.tsx
+var import_react_aria_components16 = require("react-aria-components");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function SideNav({ groups, value, onChange, collapsed, footer, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "nav",
+    {
+      className: cx("pire-sidenav", className),
+      "data-collapsed": collapsed ? "true" : void 0,
+      "aria-label": "Main navigation",
+      ...rest,
+      children: [
+        groups.map((group, gi) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "pire-sidenav-group", children: [
+          group.label && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "pire-sidenav-label", children: group.label }) : null,
+          group.items.map((item) => {
+            const selected = item.id === value;
+            const button = /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+              import_react_aria_components16.Button,
+              {
+                className: "pire-sidenav-item",
+                "data-selected": selected ? "true" : void 0,
+                "aria-current": selected ? "page" : void 0,
+                onPress: () => onChange?.(item.id),
+                children: [
+                  item.icon ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { name: item.icon, size: 16 }) : null,
+                  collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: item.label }),
+                  item.count != null && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pire-sidenav-count", children: item.count }) : null
+                ]
+              },
+              item.id
+            );
+            return collapsed ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tooltip, { label: item.label, placement: "right", children: button }, item.id) : button;
+          })
+        ] }, group.label ?? gi)),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "pire-sidenav-footer", children: footer }) : null
+      ]
+    }
+  );
+}
+
+// src/components/navigation/Tabs.tsx
+var import_react_aria_components17 = require("react-aria-components");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function Tabs({ items, value, defaultValue, onChange, panels, className, style, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    import_react_aria_components17.Tabs,
+    {
+      className,
+      style,
+      selectedKey: value,
+      defaultSelectedKey: defaultValue,
+      onSelectionChange: (k) => onChange?.(String(k)),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components17.TabList, { className: "pire-tablist", items, "aria-label": rest["aria-label"] ?? "Views", children: (item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_aria_components17.Tab, { className: cx("pire-tab"), id: item.id, isDisabled: item.isDisabled, children: [
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { name: item.icon, size: 16 }) : null,
+          item.label,
+          item.count != null ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pire-tab-count", children: item.count }) : null
+        ] }) }),
+        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components17.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_components18 = require("react-aria-components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function Breadcrumb({ items, onNavigate, className, style }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_react_aria_components18.Breadcrumbs,
+    {
+      className: cx("pire-breadcrumbs", className),
+      style,
+      items,
+      onAction: (key) => onNavigate?.(String(key)),
+      children: (item) => {
+        const last = items[items.length - 1] === item;
+        return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react_aria_components18.Breadcrumb, { className: "pire-breadcrumb", id: item.id ?? item.label, children: [
+          last ? item.label : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components18.Link, { href: item.href, children: item.label }),
+          last ? null : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "chevron-right", size: 12, style: { color: "var(--text-tertiary)" } })
+        ] });
+      }
+    }
+  );
+}
+
+// src/components/navigation/Pagination.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function Pagination({
+  page = 1,
+  pageSize = 25,
+  total = 0,
+  onPageChange,
+  onPageSizeChange,
+  pageSizes = [25, 50, 100],
+  className,
+  style
+}) {
+  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_runtime27.jsxs)("nav", { className: cx("pire-pagination", className), style, "aria-label": "Pagination", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "pire-pagination-count", children: [
+      from.toLocaleString(),
+      "\u2013",
+      to.toLocaleString(),
+      " of ",
+      total.toLocaleString()
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      IconButton,
+      {
+        icon: "chevron-left",
+        label: "Previous page",
+        size: "sm",
+        variant: "outlined",
+        isDisabled: page <= 1,
+        onPress: () => onPageChange?.(page - 1)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "pire-pagination-count", "aria-live": "polite", children: [
+      "Page ",
+      page,
+      " of ",
+      pages
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      IconButton,
+      {
+        icon: "chevron-right",
+        label: "Next page",
+        size: "sm",
+        variant: "outlined",
+        isDisabled: page >= pages,
+        onPress: () => onPageChange?.(page + 1)
+      }
+    ),
+    onPageSizeChange ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      Select,
+      {
+        "aria-label": "Rows per page",
+        size: "sm",
+        fullWidth: false,
+        value: String(pageSize),
+        options: pageSizes.map((s) => ({ value: String(s), label: `${s} rows` })),
+        onChange: (v) => onPageSizeChange(Number(v)),
+        style: { width: 120 }
+      }
+    ) : null
+  ] });
+}
+
+// src/components/feedback/InlineMessage.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var KIND_ICON = {
+  info: "info",
+  success: "check-circle-2",
+  warning: "alert-triangle",
+  error: "alert-octagon"
+};
+function InlineMessage({ kind = "info", title, action, onClose, children, className, ...rest }) {
+  const assertive = kind === "error" || kind === "warning";
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "div",
+    {
+      className: cx("pire-msg", className),
+      "data-kind": kind,
+      role: assertive ? "alert" : "status",
+      "aria-live": assertive ? "assertive" : "polite",
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: KIND_ICON[kind], size: 16, style: { marginTop: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "var(--sp-1)" }, children: [
+          title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "pire-msg-title", children: title }) : null,
+          children ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "pire-msg-body", children }) : null,
+          action
+        ] }),
+        onClose ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconButton, { icon: "x", label: "Dismiss message", size: "sm", onPress: onClose }) : null
+      ]
+    }
+  );
+}
+
+// src/components/feedback/ProgressBar.tsx
+var import_react_aria_components19 = require("react-aria-components");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function ProgressBar({
+  value = 0,
+  minValue = 0,
+  maxValue = 100,
+  label,
+  showValue = true,
+  isIndeterminate,
+  status = "informative",
+  size = "md",
+  className,
+  style
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_react_aria_components19.ProgressBar,
+    {
+      className: cx("pire-progress", className),
+      "data-status": status,
+      "data-size": size,
+      value,
+      minValue,
+      maxValue,
+      isIndeterminate,
+      style,
+      children: ({ percentage, valueText }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+        label || showValue ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "pire-progress-head", children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components19.Label, { children: label }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", {}),
+          showValue && !isIndeterminate ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "pire-numeric", children: valueText }) : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "pire-progress-track", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "pire-progress-fill", style: { width: `${isIndeterminate ? 40 : percentage}%` } }) })
+      ] })
+    }
+  );
+}
+
+// src/components/feedback/Toast.tsx
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var KIND_ICON2 = {
+  info: "info",
+  success: "check-circle-2",
+  warning: "alert-triangle",
+  error: "alert-octagon"
+};
+function Toast({ kind = "success", onClose, position = "bottom-center", children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    "div",
+    {
+      className: cx("pire-toast", className),
+      "data-position": position,
+      role: kind === "error" ? "alert" : "status",
+      "aria-live": kind === "error" ? "assertive" : "polite",
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: KIND_ICON2[kind], size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { style: { flex: 1 }, children }),
+        onClose ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IconButton, { icon: "x", label: "Dismiss", size: "sm", variant: "inverse", onPress: onClose }) : null
+      ]
+    }
+  );
+}
+var ToastContext = React8.createContext(null);
+function ToastProvider({ children, timeout = 6e3 }) {
+  const [toasts, setToasts] = React8.useState([]);
+  const close = React8.useCallback((id) => setToasts((t) => t.filter((x) => x.id !== id)), []);
+  const add = React8.useCallback((toast) => {
+    const id = Math.random().toString(36).slice(2);
+    setToasts((t) => [...t, { ...toast, id }]);
+    const ms = toast.timeout ?? timeout;
+    if (ms > 0) setTimeout(() => close(id), ms);
+    return id;
+  }, [close, timeout]);
+  const value = React8.useMemo(() => ({ add, close }), [add, close]);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(ToastContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "pire-toast-region", role: "region", "aria-label": "Notifications", children: toasts.map((t) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Toast, { kind: t.kind, onClose: () => close(t.id), style: { position: "static", transform: "none" }, children: t.message }, t.id)) })
+  ] });
+}
+function useToast() {
+  const ctx = React8.useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used inside <ToastProvider>");
+  return ctx;
+}
+
+// src/components/data/KpiTile.tsx
+var import_react_aria_components20 = require("react-aria-components");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function KpiTile({
+  label,
+  value,
+  unit,
+  delta,
+  deltaDirection,
+  deltaTone,
+  footnote,
+  icon,
+  status = "neutral",
+  onPress,
+  className,
+  style
+}) {
+  const tone = deltaTone ?? (deltaDirection === "down" ? "negative" : "positive");
+  const body = /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "pire-kpi-label", children: [
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { name: icon, size: 16 }) : null,
+      label
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "pire-kpi-value", children: [
+      value,
+      unit ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "pire-kpi-unit", children: unit }) : null
+    ] }),
+    delta ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "pire-kpi-delta", "data-tone": tone, children: [
+      deltaDirection ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { name: deltaDirection === "up" ? "trending-up" : "trending-down", size: 12 }) : null,
+      delta
+    ] }) : null,
+    footnote ? /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.jsx)(import_react_aria_components20.Button, { ...props, "data-pressable": "true", onPress, children: body }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { ...props, children: body });
+}
+
+// src/components/data/ObjectHeader.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function ObjectHeader({ title, subtitle, id, breadcrumb, badge, facts, actions, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("header", { className: cx("pire-objheader", className), ...rest, children: [
+    breadcrumb,
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "pire-objheader-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h1", { className: "pire-objheader-title", children: title }),
+        subtitle || id ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "pire-objheader-sub", children: [
+          subtitle,
+          id ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "pire-objheader-id", children: id }) : null
+        ] }) : null
+      ] }),
+      badge,
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "pire-objheader-actions", children: actions }) : null
+    ] }),
+    facts?.length ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("dl", { className: "pire-facts", style: { margin: 0 }, children: facts.map((fact) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("dt", { className: "pire-fact-label", children: fact.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime33 = require("react/jsx-runtime");
+function FilterBar({
+  children,
+  activeFilters = [],
+  onRemoveFilter,
+  onClear,
+  onGo,
+  resultLabel,
+  actions,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("section", { className: cx("pire-filterbar", className), "aria-label": "Filters", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "pire-filterbar-controls", children: [
+      children,
+      onGo ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { variant: "primary", onPress: onGo, children: "Go" }) : null
+    ] }),
+    activeFilters.length || resultLabel || actions ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "pire-filterbar-foot", children: [
+      activeFilters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Tag, { onRemove: onRemoveFilter ? () => onRemoveFilter(filter.id) : void 0, children: filter.label }, filter.id)),
+      activeFilters.length && onClear ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { variant: "tertiary", size: "sm", onPress: onClear, children: "Clear all" }) : null,
+      resultLabel ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pire-filterbar-result", "aria-live": "polite", children: resultLabel }) : null,
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pire-filterbar-actions", children: actions }) : null
+    ] }) : null
+  ] });
+}
+
+// src/components/data/DescriptionList.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function DescriptionList({ items, layout = "rows", columns = 3, className, style, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsxs)("div", { className: "pire-dl-row", "data-emphasis": item.emphasis ? "true" : void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("dt", { className: "pire-dl-term", children: [
+          item.label,
+          item.hint
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime35 = require("react/jsx-runtime");
+function Timeline({ entries, reverse = false, className, ...rest }) {
+  const list = reverse ? [...entries].reverse() : entries;
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ol", { className: cx("pire-timeline", className), ...rest, children: list.map((entry, i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("li", { className: "pire-timeline-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-timeline-time", children: entry.time }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-timeline-text", children: entry.event }),
+    entry.actor ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "pire-timeline-actor", children: entry.actor }) : null
+  ] }, entry.id ?? i)) });
+}
+
+// src/components/data/LinkList.tsx
+var import_react_aria_components21 = require("react-aria-components");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function LinkList({ items, onSelect, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cx("pire-linklist", className), role: "list", ...rest, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react_aria_components21.Button, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
+    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
+    item.key ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pire-linklist-key", children: item.key }) : null,
+    item.text ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "pire-linklist-text", children: item.text }) : null,
+    item.trailing
+  ] }, item.id)) });
+}
+
+// src/components/layout/PageHeader.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function PageHeader({ title, subtitle, actions, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("header", { className: cx("pire-pageheader", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h1", { className: "pire-pageheader-title", children: title }),
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "pire-pageheader-sub", children: subtitle }) : null
+    ] }),
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "pire-pageheader-actions", children: actions }) : null
+  ] });
+}
+
+// src/components/layout/SectionHeader.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function SectionHeader({ title, meta, actions, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cx("pire-sectionhead", className), ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "pire-eyebrow", children: title }),
+    meta ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { style: { font: "var(--type-caption)", color: "var(--text-tertiary)" }, children: meta }) : null,
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "pire-sectionhead-actions", children: actions }) : null
+  ] });
+}
+
+// src/components/layout/SelectionBar.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function SelectionBar({ count, noun = "record", children, actions, className, ...rest }) {
+  if (!count) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cx("pire-selectionbar", className), role: "status", "aria-live": "polite", ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "pire-selectionbar-count", children: [
+      count.toLocaleString(),
+      " ",
+      noun,
+      count === 1 ? "" : "s",
+      " selected"
+    ] }),
+    children ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { style: { color: "var(--text-secondary)", font: "var(--type-caption)" }, children }) : null,
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "pire-selectionbar-actions", children: actions }) : null
+  ] });
+}
+
+// src/components/layout/FooterBar.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function FooterBar({ note, actions, children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("footer", { className: cx("pire-footerbar", className), ...rest, children: [
+    note ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "pire-footerbar-note", children: note }) : null,
+    children,
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "pire-footerbar-actions", children: actions }) : null
+  ] });
+}
+
+// src/components/patterns/ConfirmDialog.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function ConfirmDialog({
+  isOpen,
+  title,
+  subtitle,
+  consequence,
+  children,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  tone = "primary",
+  isBusy,
+  onConfirm,
+  onCancel
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    Dialog,
+    {
+      isOpen,
+      size: "sm",
+      title,
+      subtitle,
+      onClose: onCancel,
+      isDismissable: !isBusy,
+      showClose: false,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { variant: "tertiary", isDisabled: isBusy, onPress: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { variant: tone === "danger" ? "danger" : "primary", isDisabled: isBusy, onPress: onConfirm, children: isBusy ? "Working\u2026" : confirmLabel })
+      ] }),
+      children: [
+        consequence ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(InlineMessage, { kind: tone === "danger" ? "error" : "warning", style: { marginBottom: children ? "var(--sp-3)" : 0 }, children: consequence }) : null,
+        children
+      ]
+    }
+  );
+}
+
+// src/components/patterns/SidePanel.tsx
+var import_react_aria_components22 = require("react-aria-components");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+function SidePanel({ isOpen, title, subtitle, width = 400, children, footer, onClose, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_react_aria_components22.ModalOverlay,
+    {
+      className: "pire-sidepanel-overlay",
+      isOpen,
+      isDismissable: true,
+      onOpenChange: (o) => {
+        if (!o) onClose?.();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components22.Modal, { className: cx("pire-sidepanel", className), style: { width }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react_aria_components22.Dialog, { className: "pire-dialog", style: { height: "100%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("header", { className: "pire-dialog-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components22.Heading, { slot: "title", className: "pire-dialog-title", children: title }),
+            subtitle ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "pire-dialog-sub", style: { margin: 0 }, children: subtitle }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IconButton, { icon: "x", label: "Close panel", size: "sm", onPress: onClose })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "pire-dialog-body", style: { flex: 1 }, children }),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("footer", { className: "pire-dialog-foot", children: footer }) : null
+      ] }) })
+    }
+  );
+}
+
+// src/components/patterns/EmptyState.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+function EmptyState({ icon = "file-text", title, action, compact, children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: cx("pire-empty", className), "data-compact": compact ? "true" : void 0, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { name: icon, size: 24, className: "pire-empty-icon" }),
+    title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "pire-empty-title", style: { margin: 0 }, children: title }) : null,
+    children ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "pire-empty-body", style: { margin: 0 }, children }) : null,
+    action
+  ] });
+}
+
+// src/index.ts
+var import_react_aria_components23 = require("react-aria-components");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  Badge,
+  Breadcrumb,
+  Button,
+  Card,
+  Checkbox,
+  ComboBox,
+  ConfirmDialog,
+  DataTable,
+  DatePicker,
+  DescriptionList,
+  Dialog,
+  DialogTrigger,
+  EmptyState,
+  FilterBar,
+  FooterBar,
+  FormField,
+  I18nProvider,
+  Icon,
+  IconButton,
+  InlineMessage,
+  Input,
+  KpiTile,
+  LinkList,
+  Menu,
+  MenuItem,
+  MenuTrigger,
+  NumberField,
+  ObjectHeader,
+  PageHeader,
+  Pagination,
+  Popover,
+  ProgressBar,
+  Radio,
+  RadioGroup,
+  SectionHeader,
+  SegmentedControl,
+  Select,
+  SelectionBar,
+  Separator,
+  ShellBar,
+  SideNav,
+  SidePanel,
+  Switch,
+  Tabs,
+  Tag,
+  Timeline,
+  Toast,
+  ToastProvider,
+  Tooltip,
+  ValueHelpDialog,
+  ValueHelpField,
+  configureIcons,
+  useToast
+});
+//# sourceMappingURL=index.cjs.map