@conuti-das/prince-ui 0.9.3

package/dist/index.js

@@ -0,0 +1,3439 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { UNSTABLE_ToastQueue, Button as Button$1, TextField as TextField$1, Label, Input, Text, FieldError, SearchField as SearchField$1, Checkbox as Checkbox$1, Switch as Switch$1, Select as Select$1, SelectValue, Popover, ListBox, ListBoxItem, ModalOverlay, Modal as Modal$1, Dialog, Heading, MenuTrigger, Menu as Menu$1, MenuItem as MenuItem$1, TooltipTrigger, Tooltip as Tooltip$1, OverlayArrow, ToggleButtonGroup, ToggleButton, Tabs as Tabs$1, TabList, Tab as Tab$1, TabPanel as TabPanel$1, DialogTrigger, RadioGroup as RadioGroup$1, Radio as Radio$1, CheckboxGroup as CheckboxGroup$1, NumberField as NumberField$1, Group, Slider as Slider$1, SliderOutput, SliderTrack, SliderThumb, ComboBox as ComboBox$1, Form as Form$1, GridList as GridList$1, GridListItem as GridListItem$1, TagGroup as TagGroup$1, TagList, Tag as Tag$1, Breadcrumbs as Breadcrumbs$1, Breadcrumb as Breadcrumb$1, Link as Link$1, Disclosure as Disclosure$1, DisclosurePanel, DisclosureGroup as DisclosureGroup$1, Tree as Tree$1, TreeItem as TreeItem$1, TreeItemContent, Table as Table$1, useTableOptions, TableHeader as TableHeader$1, Column as Column$1, TableBody as TableBody$1, Row as Row$1, Cell as Cell$1, DateField as DateField$1, DateInput, DateSegment, TimeField as TimeField$1, Calendar as Calendar$1, RangeCalendar as RangeCalendar$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, ColorField as ColorField$1, ColorSwatch as ColorSwatch$1, ColorSwatchPicker as ColorSwatchPicker$1, ColorSwatchPickerItem as ColorSwatchPickerItem$1, ColorArea as ColorArea$1, ColorThumb, ColorSlider as ColorSlider$1, ColorWheel as ColorWheel$1, ColorWheelTrack, ColorPicker as ColorPicker$1, ProgressBar as ProgressBar$1, Meter as Meter$1, Separator as Separator$1, UNSTABLE_ToastRegion, UNSTABLE_Toast, UNSTABLE_ToastContent, DropZone as DropZone$1, FileTrigger as FileTrigger$1, useDragAndDrop, DropIndicator, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell } from 'react-aria-components';
+export { DialogTrigger, parseColor } from 'react-aria-components';
+import { forwardRef, useId, useMemo, Children, isValidElement, useState, useEffect, useRef, useCallback, useImperativeHandle } from 'react';
+import { getFilteredRowModel, getExpandedRowModel, getGroupedRowModel, getSortedRowModel, getCoreRowModel, useReactTable, flexRender } from '@tanstack/react-table';
+import { useVirtualizer } from '@tanstack/react-virtual';
+
+// src/utils.ts
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+var PATHS = {
+  heart: /* @__PURE__ */ jsx("path", { d: "M19 14c1.5-1.6 3-3.4 3-5.6A4.4 4.4 0 0 0 12 5 4.4 4.4 0 0 0 2 8.4c0 2.2 1.5 4 3 5.6l7 7Z" }),
+  flame: /* @__PURE__ */ jsx("path", { d: "M8.5 14.5A4 4 0 1 0 16 17c0-1.5-.6-2.6-1.6-3.6-.5 1-1.1 1.5-2.1 1.5 1-2 .4-4.2-1.6-6.2-.4 2-1.4 3-2.8 4.4-.9 1-1.4 2.4-1.4 3.4Z" }),
+  moon: /* @__PURE__ */ jsx("path", { d: "M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8Z" }),
+  chart: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 3v18h18" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 16v-4M12 16V9M17 16V6" })
+  ] }),
+  settings: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1" })
+  ] }),
+  menu: /* @__PURE__ */ jsx("path", { d: "M3 6h18M3 12h18M3 18h18" }),
+  pin: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 17v5" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 3h6l-1 7 2.5 4h-9L10 10 9 3Z" })
+  ] }),
+  "pin-off": /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 17v5" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 3h6l-1 7 2.5 4h-9L10 10 9 3Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 3l18 18" })
+  ] }),
+  user: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "4" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 21a8 8 0 0 1 16 0" })
+  ] }),
+  building: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "5", y: "3", width: "14", height: "18", rx: "1" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 7h2M13 7h2M9 11h2M13 11h2M10 21v-3h4v3" })
+  ] }),
+  search: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "7" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 21l-4.3-4.3" })
+  ] }),
+  plus: /* @__PURE__ */ jsx("path", { d: "M12 5v14M5 12h14" }),
+  bolt: /* @__PURE__ */ jsx("path", { d: "M13 2 4 14h7l-1 8 9-12h-7l1-8Z" }),
+  alert: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 3 2 20h20L12 3Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 9v5M12 17h.01" })
+  ] }),
+  inbox: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M4 4h16l2 8v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M2 12h6l2 3h4l2-3h6" })
+  ] }),
+  compass: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx("path", { d: "m16 8-2.5 5.5L8 16l2.5-5.5L16 8Z" })
+  ] }),
+  mail: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "m3 7 9 6 9-6" })
+  ] }),
+  bell: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9" }),
+    /* @__PURE__ */ jsx("path", { d: "M13.7 21a2 2 0 0 1-3.4 0" })
+  ] }),
+  grid: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "6", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "6", cy: "12", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "18", cy: "12", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "6", cy: "18", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "1.6", fill: "currentColor", stroke: "none" })
+  ] }),
+  more: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.6", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1.6", fill: "currentColor", stroke: "none" })
+  ] }),
+  maximize: /* @__PURE__ */ jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3" }),
+  check: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }),
+  x: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }),
+  "chevron-right": /* @__PURE__ */ jsx("path", { d: "m9 6 6 6-6 6" }),
+  "chevron-down": /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }),
+  "chevron-up": /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }),
+  phone: /* @__PURE__ */ jsx("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z" }),
+  clock: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 7v5l3 2" })
+  ] }),
+  link: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+    /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+  ] }),
+  "arrow-down-right": /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M7 7l10 10" }),
+    /* @__PURE__ */ jsx("path", { d: "M17 7v10H7" })
+  ] }),
+  "arrow-up-right": /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M7 17 17 7" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 7h10v10" })
+  ] }),
+  droplet: /* @__PURE__ */ jsx("path", { d: "M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5S12.5 5 12 2.5C11.5 5 10 7 8 8.5S5 13 5 15a7 7 0 0 0 7 7Z" }),
+  "file-text": /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M14 2v6h6M16 13H8M16 17H8M10 9H8" })
+  ] })
+};
+function Icon({ name, size = 20, title, ...rest }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: title ? "img" : void 0,
+      "aria-label": title,
+      "aria-hidden": title ? void 0 : true,
+      ...rest,
+      children: [
+        title && /* @__PURE__ */ jsx("title", { children: title }),
+        PATHS[name]
+      ]
+    }
+  );
+}
+function Button({ variant = "filled", className, ...props }) {
+  return /* @__PURE__ */ jsx(Button$1, { ...props, "data-variant": variant, className: cx("prn-button", className) });
+}
+function TextField({ label, description, errorMessage, placeholder, className, ...props }) {
+  return /* @__PURE__ */ jsxs(TextField$1, { ...props, className: cx("prn-field", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx(Input, { className: "prn-input", placeholder }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function SearchField({ label, placeholder, className, ...props }) {
+  return /* @__PURE__ */ jsxs(SearchField$1, { ...props, className: cx("prn-field prn-searchfield", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx(Input, { className: "prn-input", placeholder })
+  ] });
+}
+function Checkbox({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(Checkbox$1, { ...props, className: cx("prn-checkbox", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "prn-checkbox-box", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        viewBox: "0 0 18 18",
+        className: "prn-checkbox-check",
+        width: "14",
+        height: "14",
+        fill: "none",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ jsx("polyline", { points: "4,9 8,13 14,5" })
+      }
+    ) }),
+    children && /* @__PURE__ */ jsx("span", { className: "prn-checkbox-label", children })
+  ] });
+}
+function Switch({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(Switch$1, { ...props, className: cx("prn-switch", className), children: [
+    children && /* @__PURE__ */ jsx("span", { className: "prn-switch-label", children }),
+    /* @__PURE__ */ jsx("span", { className: "prn-switch-track", "aria-hidden": true, children: /* @__PURE__ */ jsx("span", { className: "prn-switch-handle" }) })
+  ] });
+}
+function Select({ label, placeholder, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(Select$1, { ...props, className: cx("prn-field prn-select", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsxs(Button$1, { className: "prn-select-button", children: [
+      /* @__PURE__ */ jsx(SelectValue, { className: "prn-select-value", children: placeholder }),
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "prn-select-chevron",
+          viewBox: "0 0 12 12",
+          width: "12",
+          height: "12",
+          "aria-hidden": true,
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: /* @__PURE__ */ jsx("path", { d: "M2.75 4.5 6 7.75 9.25 4.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Popover, { className: "prn-popover prn-select-popover", children: /* @__PURE__ */ jsx(ListBox, { className: "prn-listbox", children }) })
+  ] });
+}
+function SelectItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ListBoxItem, { ...props, className: cx("prn-option", className) });
+}
+function Modal({ title, children, className, isDismissable = true, glass, ...props }) {
+  return /* @__PURE__ */ jsx(ModalOverlay, { ...props, isDismissable, className: "prn-modal-overlay", children: /* @__PURE__ */ jsx(Modal$1, { className: cx("prn-modal", glass && "prn-glass prn-glass-overlay"), children: /* @__PURE__ */ jsxs(Dialog, { className: cx("prn-dialog", className), children: [
+    title && /* @__PURE__ */ jsx(Heading, { slot: "title", className: "prn-dialog-title", children: title }),
+    children
+  ] }) }) });
+}
+function Menu({ trigger, children, glass, className }) {
+  return /* @__PURE__ */ jsxs(MenuTrigger, { children: [
+    trigger,
+    /* @__PURE__ */ jsx(Popover, { className: cx("prn-popover", glass && "prn-glass prn-glass-overlay"), children: /* @__PURE__ */ jsx(Menu$1, { className: cx("prn-menu", className), children }) })
+  ] });
+}
+function MenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(MenuItem$1, { ...props, className: cx("prn-menu-item", className) });
+}
+function Popover2({ glass, className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      ...props,
+      className: cx("prn-popover", glass && "prn-glass prn-glass-overlay", className),
+      children
+    }
+  );
+}
+function Tooltip({ trigger, children, delay = 600, className }) {
+  return /* @__PURE__ */ jsxs(TooltipTrigger, { delay, children: [
+    trigger,
+    /* @__PURE__ */ jsxs(Tooltip$1, { className: cx("prn-tooltip", className), children: [
+      /* @__PURE__ */ jsx(OverlayArrow, { className: "prn-tooltip-arrow", children: /* @__PURE__ */ jsx("svg", { width: 8, height: 8, viewBox: "0 0 8 8", children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" }) }) }),
+      children
+    ] })
+  ] });
+}
+function SegmentedControl({ className, disallowEmptySelection = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToggleButtonGroup,
+    {
+      ...props,
+      selectionMode: "single",
+      disallowEmptySelection,
+      className: cx("prn-segmented", className)
+    }
+  );
+}
+function Segment({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ToggleButton, { ...props, className: cx("prn-segment", className) });
+}
+function Tabs({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Tabs$1, { ...props, className: cx("prn-tabs", className) });
+}
+function TabBar({ className, ...props }) {
+  return /* @__PURE__ */ jsx(TabList, { ...props, className: cx("prn-tablist", className) });
+}
+function Tab({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Tab$1, { ...props, className: cx("prn-tab", className) });
+}
+function TabPanel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(TabPanel$1, { ...props, className: cx("prn-tabpanel", className) });
+}
+function Card({
+  title,
+  header,
+  padding = "regular",
+  translucent = false,
+  onPress,
+  style,
+  children,
+  className
+}) {
+  const hasHeader = title != null || header != null;
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    hasHeader && /* @__PURE__ */ jsxs("header", { className: "prn-card-head", children: [
+      title != null && /* @__PURE__ */ jsx("h3", { className: "prn-card-title", children: title }),
+      header != null && /* @__PURE__ */ jsx("div", { className: "prn-card-head-slot", children: header })
+    ] }),
+    children
+  ] });
+  if (onPress) {
+    return /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        className: cx("prn-card", "prn-card-pressable", className),
+        style,
+        "data-padding": padding,
+        "data-translucent": translucent ? "" : void 0,
+        onPress,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: cx("prn-card", className),
+      style,
+      "data-padding": padding,
+      "data-translucent": translucent ? "" : void 0,
+      children: inner
+    }
+  );
+}
+var TREND_GLYPH = { up: "\u2191", down: "\u2193", flat: "\u2192" };
+function KpiCard({
+  label,
+  value,
+  delta,
+  trend,
+  tone,
+  onPress,
+  accent = false,
+  icon,
+  className
+}) {
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "prn-kpi-top", children: [
+      icon != null && /* @__PURE__ */ jsx("span", { className: "prn-kpi-icon", "aria-hidden": true, children: icon }),
+      /* @__PURE__ */ jsx("span", { className: "prn-kpi-label", children: label })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "prn-kpi-value prn-tnum", "data-tone": tone, children: value }),
+    delta != null && /* @__PURE__ */ jsxs("div", { className: "prn-kpi-delta", "data-trend": trend ?? "flat", children: [
+      trend != null && /* @__PURE__ */ jsx("span", { className: "prn-kpi-arrow", "aria-hidden": true, children: TREND_GLYPH[trend] ?? "" }),
+      /* @__PURE__ */ jsx("span", { children: delta })
+    ] })
+  ] });
+  if (onPress) {
+    return /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        className: cx("prn-kpi prn-kpi-pressable", className),
+        "data-accent": accent ? "" : void 0,
+        onPress,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("section", { className: cx("prn-kpi", className), "data-accent": accent ? "" : void 0, children: inner });
+}
+function Badge({
+  tone = "neutral",
+  variant = "soft",
+  icon,
+  color,
+  textColor,
+  style,
+  children,
+  className
+}) {
+  const mergedStyle = {
+    ...color != null ? { "--prn-badge-color": color } : {},
+    ...textColor != null ? { "--prn-badge-text-color": textColor } : {},
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cx("prn-badge", className),
+      "data-tone": tone,
+      "data-variant": variant,
+      "data-custom-color": color != null ? "" : void 0,
+      style: mergedStyle,
+      children: [
+        icon != null && /* @__PURE__ */ jsx("span", { className: "prn-badge-icon", "aria-hidden": true, children: icon }),
+        children
+      ]
+    }
+  );
+}
+function splitDecimals(text) {
+  const match = text.match(/^(.*[\d\s])([.,]\d+)(\D*)$/);
+  if (!match) return { head: text, tail: null };
+  const [, head = "", dec = "", suffix = ""] = match;
+  return { head, tail: dec + suffix };
+}
+function Amount({
+  value,
+  currency,
+  locale = "de-DE",
+  minimumFractionDigits,
+  maximumFractionDigits,
+  colored = false,
+  signed = false,
+  dimDecimals = false,
+  className
+}) {
+  const isString = typeof value === "string";
+  const formatted = isString ? value : new Intl.NumberFormat(locale, {
+    ...currency ? { style: "currency", currency } : {},
+    ...minimumFractionDigits != null ? { minimumFractionDigits } : {},
+    ...maximumFractionDigits != null ? { maximumFractionDigits } : {},
+    signDisplay: signed ? "exceptZero" : "auto"
+  }).format(value);
+  const sign = isString ? value.trimStart().startsWith("-") ? "neg" : "pos" : value > 0 ? "pos" : value < 0 ? "neg" : "zero";
+  const { head, tail } = dimDecimals ? splitDecimals(formatted) : { head: formatted, tail: null };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cx("prn-amount prn-tnum", className),
+      "data-colored": colored ? "" : void 0,
+      "data-sign": sign,
+      children: tail != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        head,
+        /* @__PURE__ */ jsx("span", { className: "prn-amount-dec", "aria-hidden": false, children: tail })
+      ] }) : formatted
+    }
+  );
+}
+function List({ children, label, inset = false, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-list", className), "data-inset": inset ? "" : void 0, children: [
+    label != null && /* @__PURE__ */ jsx("div", { className: "prn-list-label", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "prn-list-rows", role: "list", children })
+  ] });
+}
+function ListRow({
+  leading,
+  title,
+  subtitle,
+  trailing,
+  onPress,
+  isActive,
+  isDisabled,
+  className
+}) {
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    leading != null && /* @__PURE__ */ jsx("span", { className: "prn-row-leading", children: leading }),
+    /* @__PURE__ */ jsxs("span", { className: "prn-row-main", children: [
+      title != null && /* @__PURE__ */ jsx("span", { className: "prn-row-title", children: title }),
+      subtitle != null && /* @__PURE__ */ jsx("span", { className: "prn-row-subtitle", children: subtitle })
+    ] }),
+    trailing != null && /* @__PURE__ */ jsx("span", { className: "prn-row-trailing", children: trailing })
+  ] });
+  if (onPress) {
+    return /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        className: cx("prn-row prn-row-pressable", className),
+        onPress,
+        isDisabled,
+        "data-active": isActive ? "" : void 0,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cx("prn-row", className),
+      role: "listitem",
+      "data-active": isActive ? "" : void 0,
+      "aria-disabled": isDisabled || void 0,
+      children: inner
+    }
+  );
+}
+function SidebarGroupView({
+  group,
+  selectedKey,
+  onSelect
+}) {
+  const collapsible = group.collapsible === true && group.label != null;
+  const [collapsed, setCollapsed] = useState(
+    collapsible ? group.defaultCollapsed === true : false
+  );
+  const items = /* @__PURE__ */ jsx("div", { className: "prn-sidebar-group-items", role: collapsible ? "group" : void 0, hidden: collapsed, children: group.items.map((item) => /* @__PURE__ */ jsxs(
+    Button$1,
+    {
+      className: "prn-sidebar-item",
+      "data-active": item.id === selectedKey ? "" : void 0,
+      onPress: () => onSelect?.(item.id),
+      children: [
+        item.icon != null && /* @__PURE__ */ jsx("span", { className: "prn-sidebar-item-icon", "aria-hidden": true, children: item.icon }),
+        /* @__PURE__ */ jsx("span", { className: "prn-sidebar-item-label", children: item.label }),
+        item.trailing != null && /* @__PURE__ */ jsx("span", { className: "prn-sidebar-item-trailing", children: item.trailing })
+      ]
+    },
+    item.id
+  )) });
+  return /* @__PURE__ */ jsxs("div", { className: "prn-sidebar-group", "data-collapsible": collapsible ? "" : void 0, children: [
+    group.label != null && (collapsible ? /* @__PURE__ */ jsxs(
+      Button$1,
+      {
+        className: "prn-sidebar-group-label prn-sidebar-group-toggle",
+        "aria-expanded": !collapsed,
+        "data-collapsed": collapsed ? "" : void 0,
+        onPress: () => setCollapsed((c) => !c),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "prn-sidebar-group-chevron", "aria-hidden": true, children: "\u203A" }),
+          /* @__PURE__ */ jsx("span", { className: "prn-sidebar-group-label-text", children: group.label })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "prn-sidebar-group-label", children: group.label })),
+    items
+  ] });
+}
+function Sidebar({
+  groups,
+  selectedKey,
+  onSelect,
+  header,
+  footer,
+  glass,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: cx("prn-sidebar", glass && "prn-glass prn-glass-sidebar", className),
+      "aria-label": "Seitenleiste",
+      children: [
+        header != null && /* @__PURE__ */ jsx("div", { className: "prn-sidebar-header", children: header }),
+        /* @__PURE__ */ jsx("div", { className: "prn-sidebar-scroll", children: groups.map((group, gi) => /* @__PURE__ */ jsx(
+          SidebarGroupView,
+          {
+            group,
+            selectedKey,
+            onSelect
+          },
+          gi
+        )) }),
+        footer != null && /* @__PURE__ */ jsx("div", { className: "prn-sidebar-footer", children: footer })
+      ]
+    }
+  );
+}
+function Toolbar({ title, subtitle, leading, actions, glass, className }) {
+  return /* @__PURE__ */ jsxs("header", { className: cx("prn-toolbar", glass && "prn-glass prn-glass-bar", className), children: [
+    leading != null && /* @__PURE__ */ jsx("div", { className: "prn-toolbar-leading", children: leading }),
+    /* @__PURE__ */ jsxs("div", { className: "prn-toolbar-titles", children: [
+      title != null && /* @__PURE__ */ jsx("span", { className: "prn-toolbar-title", children: title }),
+      subtitle != null && /* @__PURE__ */ jsx("span", { className: "prn-toolbar-subtitle", children: subtitle })
+    ] }),
+    actions != null && /* @__PURE__ */ jsx("div", { className: "prn-toolbar-actions", children: actions })
+  ] });
+}
+function EmptyState({ icon, title, description, action, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-empty", className), children: [
+    icon != null && /* @__PURE__ */ jsx("div", { className: "prn-empty-icon", "aria-hidden": true, children: icon }),
+    /* @__PURE__ */ jsx("div", { className: "prn-empty-title", children: title }),
+    description != null && /* @__PURE__ */ jsx("div", { className: "prn-empty-desc", children: description }),
+    action != null && /* @__PURE__ */ jsx("div", { className: "prn-empty-action", children: action })
+  ] });
+}
+var NOTICE_GLYPH = {
+  info: "\u2139",
+  positive: "\u2713",
+  critical: "!",
+  negative: "\u2715"
+};
+function Notice({ tone = "info", title, icon, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-notice", className), "data-tone": tone, role: "status", children: [
+    /* @__PURE__ */ jsx("span", { className: "prn-notice-icon", "aria-hidden": true, children: icon ?? NOTICE_GLYPH[tone] ?? "" }),
+    /* @__PURE__ */ jsxs("div", { className: "prn-notice-body", children: [
+      title != null && /* @__PURE__ */ jsx("div", { className: "prn-notice-title", children: title }),
+      children != null && /* @__PURE__ */ jsx("div", { className: "prn-notice-text", children })
+    ] })
+  ] });
+}
+function DescriptionList({
+  children,
+  layout = "stacked",
+  className
+}) {
+  return /* @__PURE__ */ jsx("dl", { className: cx("prn-dl", className), "data-layout": layout, children });
+}
+function Field({ label, value, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-field", className), children: [
+    /* @__PURE__ */ jsx("dt", { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "prn-field-value", children: value ?? children })
+  ] });
+}
+function BarButton({
+  label,
+  count,
+  onClick,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: cx("prn-shellbar-btn", className),
+      "aria-label": label,
+      title: label,
+      onClick,
+      children: [
+        children,
+        count != null && count !== "" && /* @__PURE__ */ jsx("span", { className: "prn-shellbar-badge", children: count })
+      ]
+    }
+  );
+}
+function AppShell({
+  title,
+  subtitle,
+  logo,
+  onLogoClick,
+  menuItems,
+  onMenuItemClick,
+  search,
+  actions,
+  items,
+  notifications,
+  notificationsCount,
+  onNotificationsClick,
+  productSwitch,
+  onProductSwitchClick,
+  user,
+  onProfileClick,
+  startButton,
+  sidebar,
+  sidebarCollapsed,
+  defaultSidebarCollapsed = false,
+  onSidebarCollapsedChange,
+  glass = true,
+  toggleLabel = "Navigation umschalten",
+  children,
+  className
+}) {
+  const isControlled = sidebarCollapsed !== void 0;
+  const [internal, setInternal] = useState(() => {
+    if (defaultSidebarCollapsed) return true;
+    if (typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(max-width: 767px)").matches) {
+      return true;
+    }
+    return false;
+  });
+  const collapsed = isControlled ? sidebarCollapsed : internal;
+  const [searchOpen, setSearchOpen] = useState(false);
+  const sidebarId = useId();
+  const setCollapsed = useCallback(
+    (next) => {
+      if (!isControlled) setInternal(next);
+      onSidebarCollapsedChange?.(next);
+    },
+    [isControlled, onSidebarCollapsedChange]
+  );
+  const hasItems = items != null && items.length > 0;
+  const titleNode = menuItems != null && menuItems.length > 0 ? /* @__PURE__ */ jsx(
+    Menu,
+    {
+      trigger: /* @__PURE__ */ jsxs(Button, { variant: "plain", className: "prn-shellbar-titlebtn", children: [
+        /* @__PURE__ */ jsx("span", { className: "prn-shellbar-title", children: title }),
+        /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: 16 })
+      ] }),
+      children: menuItems.map((mi) => /* @__PURE__ */ jsxs(MenuItem, { onAction: () => onMenuItemClick?.(mi.id), children: [
+        mi.icon,
+        mi.label
+      ] }, mi.id))
+    }
+  ) : title != null && /* @__PURE__ */ jsx("span", { className: "prn-shellbar-title", children: title });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx("prn-appshell", className),
+      "data-collapsed": collapsed ? "" : void 0,
+      "data-search-open": searchOpen ? "" : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: cx("prn-shellbar", glass && "prn-glass prn-glass-bar"), children: [
+          startButton,
+          sidebar != null && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "prn-shellbar-toggle",
+              "aria-label": toggleLabel,
+              "aria-expanded": !collapsed,
+              "aria-controls": sidebarId,
+              onClick: () => setCollapsed(!collapsed),
+              children: /* @__PURE__ */ jsx(Icon, { name: "menu", size: 20 })
+            }
+          ),
+          logo != null && (onLogoClick ? /* @__PURE__ */ jsx("button", { type: "button", className: "prn-shellbar-logo prn-shellbar-logobtn", "aria-label": "Startseite", onClick: onLogoClick, children: logo }) : /* @__PURE__ */ jsx("div", { className: "prn-shellbar-logo", children: logo })),
+          /* @__PURE__ */ jsxs("div", { className: "prn-shellbar-titles", children: [
+            titleNode,
+            subtitle != null && /* @__PURE__ */ jsx("span", { className: "prn-shellbar-subtitle", children: subtitle })
+          ] }),
+          search != null && /* @__PURE__ */ jsx("div", { className: "prn-shellbar-search", children: search }),
+          /* @__PURE__ */ jsx("div", { className: "prn-shellbar-spacer" }),
+          hasItems && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "prn-shellbar-items", children: items.map((it) => /* @__PURE__ */ jsx(BarButton, { label: it.label, count: it.count, onClick: it.onClick, children: it.icon }, it.id)) }),
+            /* @__PURE__ */ jsx("div", { className: "prn-shellbar-overflow", children: /* @__PURE__ */ jsx(
+              Menu,
+              {
+                trigger: /* @__PURE__ */ jsx(Button, { variant: "plain", className: "prn-shellbar-btn", "aria-label": "Weitere Aktionen", children: /* @__PURE__ */ jsx(Icon, { name: "more", size: 20 }) }),
+                children: items.map((it) => /* @__PURE__ */ jsxs(MenuItem, { onAction: it.onClick, children: [
+                  it.icon,
+                  it.label,
+                  it.count != null && it.count !== "" ? ` (${it.count})` : ""
+                ] }, it.id))
+              }
+            ) })
+          ] }),
+          search != null && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "prn-shellbar-searchtoggle",
+              "aria-label": "Suche umschalten",
+              "aria-expanded": searchOpen,
+              onClick: () => setSearchOpen((o) => !o),
+              children: /* @__PURE__ */ jsx(Icon, { name: searchOpen ? "x" : "search", size: 20 })
+            }
+          ),
+          notifications && /* @__PURE__ */ jsx(BarButton, { label: "Benachrichtigungen", count: notificationsCount, onClick: onNotificationsClick, children: /* @__PURE__ */ jsx(Icon, { name: "bell", size: 20 }) }),
+          productSwitch && /* @__PURE__ */ jsx(BarButton, { label: "Produkte", className: "prn-shellbar-productswitch", onClick: onProductSwitchClick, children: /* @__PURE__ */ jsx(Icon, { name: "grid", size: 20 }) }),
+          user != null && (onProfileClick ? /* @__PURE__ */ jsx("button", { type: "button", className: "prn-shellbar-user prn-shellbar-userbtn", "aria-label": "Konto", onClick: onProfileClick, children: user }) : /* @__PURE__ */ jsx("div", { className: "prn-shellbar-user", children: user })),
+          actions != null && /* @__PURE__ */ jsx("div", { className: "prn-shellbar-actions", children: actions })
+        ] }),
+        search != null && searchOpen && /* @__PURE__ */ jsx("div", { className: "prn-shellbar-searchrow", children: search }),
+        /* @__PURE__ */ jsxs("div", { className: "prn-appshell-body", children: [
+          sidebar != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                id: sidebarId,
+                className: cx("prn-appshell-sidebar", glass && "prn-glass prn-glass-sidebar"),
+                children: sidebar
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "prn-appshell-scrim", onClick: () => setCollapsed(true), "aria-hidden": true })
+          ] }),
+          /* @__PURE__ */ jsx("main", { className: "prn-appshell-content", children })
+        ] })
+      ]
+    }
+  );
+}
+function seriesColor(index) {
+  const n = (index % 8 + 8) % 8 + 1;
+  return `var(--prn-chart-${n})`;
+}
+function smoothPath(points, tension = 0.5) {
+  if (points.length < 2) return "";
+  const first = points[0];
+  if (!first) return "";
+  if (points.length === 2) {
+    const second = points[1];
+    if (!second) return "";
+    return `M ${first.x},${first.y} L ${second.x},${second.y}`;
+  }
+  let d = `M ${first.x},${first.y}`;
+  for (let i = 0; i < points.length - 1; i++) {
+    const p0 = points[i - 1] ?? points[i];
+    const p1 = points[i];
+    const p2 = points[i + 1];
+    const p3 = points[i + 2] ?? points[i + 1];
+    if (!p0 || !p1 || !p2 || !p3) continue;
+    const cp1x = p1.x + (p2.x - p0.x) / 6 * tension * 2;
+    const cp1y = p1.y + (p2.y - p0.y) / 6 * tension * 2;
+    const cp2x = p2.x - (p3.x - p1.x) / 6 * tension * 2;
+    const cp2y = p2.y - (p3.y - p1.y) / 6 * tension * 2;
+    d += ` C ${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`;
+  }
+  return d;
+}
+function scaleY(values, height, pad) {
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const span = max - min || 1;
+  const usable = height - pad * 2;
+  return (v) => pad + usable - (v - min) / span * usable;
+}
+function Sparkline({ data, width = 120, height = 36, color, className }) {
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx(ChartEmpty, { className: cx("prn-chart-sparkline", className), compact: true });
+  }
+  const pad = 3;
+  const stroke = color ?? seriesColor(0);
+  const yOf = scaleY(data, height, pad);
+  const stepX = data.length > 1 ? (width - pad * 2) / (data.length - 1) : 0;
+  const points = data.map((v, i) => ({ x: pad + i * stepX, y: yOf(v) }));
+  const line = data.length === 1 ? "" : smoothPath(points);
+  const last = points[points.length - 1];
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${width} ${height}`,
+      preserveAspectRatio: "none",
+      className: cx("prn-chart", "prn-chart-sparkline", className),
+      role: "img",
+      "aria-hidden": true,
+      children: [
+        line && /* @__PURE__ */ jsx("path", { d: line, fill: "none", stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }),
+        last && /* @__PURE__ */ jsx("circle", { cx: last.x, cy: last.y, r: 2.5, fill: stroke, vectorEffect: "non-scaling-stroke" })
+      ]
+    }
+  );
+}
+function AreaChart({ data, width = 320, height = 160, color, showAxes = false, className }) {
+  const gid = useId().replace(/[:]/g, "");
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx(ChartEmpty, { className });
+  }
+  const values = typeof data[0] === "number" ? data : data.map((p) => p.y);
+  const pad = showAxes ? 8 : 4;
+  const padBottom = showAxes ? 20 : pad;
+  const padLeft = showAxes ? 28 : pad;
+  const yOf = scaleY(values, height - (padBottom - pad), pad);
+  const stroke = color ?? seriesColor(0);
+  let points;
+  if (typeof data[0] === "number") {
+    const stepX = values.length > 1 ? (width - padLeft - pad) / (values.length - 1) : 0;
+    points = values.map((v, i) => ({ x: padLeft + i * stepX, y: yOf(v) }));
+  } else {
+    const xs = data.map((p) => p.x);
+    const minX = Math.min(...xs);
+    const maxX = Math.max(...xs);
+    const spanX = maxX - minX || 1;
+    points = data.map((p) => ({
+      x: padLeft + (p.x - minX) / spanX * (width - padLeft - pad),
+      y: yOf(p.y)
+    }));
+  }
+  const line = points.length === 1 ? "" : smoothPath(points);
+  const baseY = height - padBottom;
+  const firstP = points[0];
+  const lastP = points[points.length - 1];
+  const area = line && firstP && lastP ? `${line} L ${lastP.x},${baseY} L ${firstP.x},${baseY} Z` : "";
+  const gridLines = showAxes ? [0, 0.25, 0.5, 0.75, 1] : [];
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${width} ${height}`,
+      className: cx("prn-chart", "prn-chart-area", className),
+      role: "img",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `prn-area-${gid}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: stroke, stopOpacity: 0.32 }),
+          /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: stroke, stopOpacity: 0 })
+        ] }) }),
+        showAxes && gridLines.map((g) => {
+          const y = pad + (baseY - pad) * g;
+          return /* @__PURE__ */ jsx(
+            "line",
+            {
+              x1: padLeft,
+              y1: y,
+              x2: width - pad,
+              y2: y,
+              className: "prn-chart-grid"
+            },
+            `grid-${g}`
+          );
+        }),
+        showAxes && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("text", { x: padLeft - 5, y: pad + 4, className: "prn-chart-axislabel", textAnchor: "end", children: fmtCompact(max) }),
+          /* @__PURE__ */ jsx("text", { x: padLeft - 5, y: baseY, className: "prn-chart-axislabel", textAnchor: "end", children: fmtCompact(min) }),
+          /* @__PURE__ */ jsx("line", { x1: padLeft, y1: baseY, x2: width - pad, y2: baseY, className: "prn-chart-axis" })
+        ] }),
+        area && /* @__PURE__ */ jsx("path", { d: area, fill: `url(#prn-area-${gid})` }),
+        line && /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: line,
+            fill: "none",
+            stroke,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        points.length === 1 && firstP && /* @__PURE__ */ jsx("circle", { cx: firstP.x, cy: firstP.y, r: 3, fill: stroke })
+      ]
+    }
+  );
+}
+function BarChart({ data, width = 320, height = 160, color, showLabels = true, className }) {
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx(ChartEmpty, { className });
+  }
+  const pad = 6;
+  const padBottom = showLabels ? 22 : pad;
+  const fill = color ?? seriesColor(0);
+  const values = data.map((d) => d.value);
+  const max = Math.max(...values, 0) || 1;
+  const usableH = height - pad - padBottom;
+  const slot = (width - pad * 2) / data.length;
+  const barW = Math.max(2, Math.min(slot * 0.62, 40));
+  const radius = Math.min(barW / 2, 5);
+  const baseY = height - padBottom;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: `0 0 ${width} ${height}`,
+      className: cx("prn-chart", "prn-chart-bar", className),
+      role: "img",
+      "aria-hidden": true,
+      children: data.map((d, i) => {
+        const h = max > 0 ? d.value / max * usableH : 0;
+        const x = pad + i * slot + (slot - barW) / 2;
+        const y = baseY - h;
+        return /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx("rect", { x, y, width: barW, height: Math.max(h, 0), rx: radius, ry: radius, fill }),
+          showLabels && /* @__PURE__ */ jsx("text", { x: x + barW / 2, y: height - 6, className: "prn-chart-axislabel", textAnchor: "middle", children: d.label })
+        ] }, `${d.label}-${i}`);
+      })
+    }
+  );
+}
+function DonutChart({
+  segments,
+  centerLabel,
+  size = 160,
+  thickness = 0.32,
+  showLegend = true,
+  className
+}) {
+  const total = segments.reduce((sum, s) => sum + Math.max(0, s.value), 0);
+  if (segments.length === 0 || total <= 0) {
+    return /* @__PURE__ */ jsx(ChartEmpty, { className });
+  }
+  const cx0 = size / 2;
+  const cy0 = size / 2;
+  const r = size / 2 - 4;
+  const innerR = r * (1 - thickness);
+  let angle = -Math.PI / 2;
+  const arcs = segments.map((s, i) => {
+    const frac = Math.max(0, s.value) / total;
+    const start = angle;
+    const end = angle + frac * Math.PI * 2;
+    angle = end;
+    return {
+      d: donutArc(cx0, cy0, r, innerR, start, end),
+      color: s.color ?? seriesColor(i),
+      key: `${s.label}-${i}`
+    };
+  });
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-chart-donut", className), children: [
+    /* @__PURE__ */ jsxs("svg", { viewBox: `0 0 ${size} ${size}`, className: "prn-chart", role: "img", "aria-hidden": true, children: [
+      arcs.map((a) => /* @__PURE__ */ jsx("path", { d: a.d, fill: a.color }, a.key)),
+      centerLabel != null && /* @__PURE__ */ jsx("foreignObject", { x: innerR * 0.4, y: cy0 - innerR * 0.7, width: size - innerR * 0.8, height: innerR * 1.4, children: /* @__PURE__ */ jsx("div", { className: "prn-chart-donut-center", children: centerLabel }) })
+    ] }),
+    showLegend && /* @__PURE__ */ jsx("ul", { className: "prn-chart-legend", children: segments.map((s, i) => /* @__PURE__ */ jsxs("li", { className: "prn-chart-legend-item", children: [
+      /* @__PURE__ */ jsx("span", { className: "prn-chart-legend-swatch", style: { background: s.color ?? seriesColor(i) }, "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: "prn-chart-legend-label", children: s.label }),
+      /* @__PURE__ */ jsx("span", { className: "prn-chart-legend-value prn-tnum", children: fmtCompact(s.value) })
+    ] }, `${s.label}-${i}`)) })
+  ] });
+}
+function donutArc(cx0, cy0, rOuter, rInner, start, end) {
+  const sweep = end - start;
+  const e = sweep >= Math.PI * 2 ? end - 1e-4 : end;
+  const x0 = cx0 + rOuter * Math.cos(start);
+  const y0 = cy0 + rOuter * Math.sin(start);
+  const x1 = cx0 + rOuter * Math.cos(e);
+  const y1 = cy0 + rOuter * Math.sin(e);
+  const x2 = cx0 + rInner * Math.cos(e);
+  const y2 = cy0 + rInner * Math.sin(e);
+  const x3 = cx0 + rInner * Math.cos(start);
+  const y3 = cy0 + rInner * Math.sin(start);
+  const large = sweep > Math.PI ? 1 : 0;
+  return [
+    `M ${x0},${y0}`,
+    `A ${rOuter},${rOuter} 0 ${large} 1 ${x1},${y1}`,
+    `L ${x2},${y2}`,
+    `A ${rInner},${rInner} 0 ${large} 0 ${x3},${y3}`,
+    "Z"
+  ].join(" ");
+}
+function ChartEmpty({ message = "Keine Daten", compact = false, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-chart-empty", compact && "prn-chart-empty--compact", className), role: "status", children: [
+    !compact && /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 48 48", className: "prn-chart-empty-icon", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx("rect", { x: "7", y: "26", width: "7", height: "15", rx: "2" }),
+      /* @__PURE__ */ jsx("rect", { x: "20", y: "18", width: "7", height: "23", rx: "2" }),
+      /* @__PURE__ */ jsx("rect", { x: "33", y: "10", width: "7", height: "31", rx: "2" })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "prn-chart-empty-text", children: message })
+  ] });
+}
+function fmtCompact(n) {
+  const abs = Math.abs(n);
+  if (abs >= 1e6) return `${(n / 1e6).toFixed(1).replace(".", ",")}M`;
+  if (abs >= 1e3) return `${(n / 1e3).toFixed(1).replace(".", ",")}k`;
+  return `${n}`;
+}
+function asLabel(node, fallback) {
+  return typeof node === "string" ? node : fallback;
+}
+function cardLabel(card) {
+  const t = "title" in card ? card.title : void 0;
+  return asLabel(t, "Karte");
+}
+function trendLabel(t) {
+  return t === "up" ? "steigend" : t === "down" ? "fallend" : t === "flat" ? "unver\xE4ndert" : void 0;
+}
+function ExpandButton({ onPress }) {
+  return /* @__PURE__ */ jsx(Button$1, { className: "prn-lp-expand", "aria-label": "Vergr\xF6\xDFern", onPress, children: /* @__PURE__ */ jsx(Icon, { name: "maximize", size: 15 }) });
+}
+function CardBody({
+  card,
+  onExpand
+}) {
+  switch (card.kind) {
+    case "nav":
+      return /* @__PURE__ */ jsxs(Card, { className: "prn-lp-card prn-lp-nav", onPress: card.onPress, children: [
+        card.icon != null && /* @__PURE__ */ jsx("div", { className: "prn-lp-nav-icon", children: card.icon }),
+        /* @__PURE__ */ jsx("div", { className: "prn-lp-nav-title", children: card.title }),
+        card.description != null && /* @__PURE__ */ jsx("div", { className: "prn-lp-nav-desc", children: card.description }),
+        card.badge != null && /* @__PURE__ */ jsx("div", { className: "prn-lp-nav-badge", children: card.badge })
+      ] });
+    case "kpi":
+      return /* @__PURE__ */ jsx(
+        KpiCard,
+        {
+          className: "prn-lp-card",
+          label: card.title,
+          value: card.value,
+          delta: card.delta,
+          trend: card.trend,
+          tone: card.tone,
+          icon: card.icon,
+          accent: card.accent,
+          onPress: card.onPress
+        }
+      );
+    case "trend":
+      return /* @__PURE__ */ jsxs(
+        Card,
+        {
+          className: "prn-lp-card prn-lp-trend",
+          title: card.title,
+          header: /* @__PURE__ */ jsx(ExpandButton, { onPress: () => onExpand(card) }),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "prn-lp-trend-head", children: [
+              card.value != null && /* @__PURE__ */ jsx("span", { className: "prn-lp-trend-value", children: card.value }),
+              card.delta != null && /* @__PURE__ */ jsxs("span", { className: cx("prn-lp-delta", card.trend && `is-${card.trend}`), children: [
+                card.trend === "up" && /* @__PURE__ */ jsx(Icon, { name: "chevron-up", size: 13, title: trendLabel("up") }),
+                card.trend === "down" && /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: 13, title: trendLabel("down") }),
+                card.delta
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "prn-lp-trend-chart", children: /* @__PURE__ */ jsx(Sparkline, { data: card.data, width: 260, height: 48 }) })
+          ]
+        }
+      );
+    case "list":
+      return /* @__PURE__ */ jsxs(
+        Card,
+        {
+          className: "prn-lp-card prn-lp-list",
+          title: /* @__PURE__ */ jsxs("span", { className: "prn-lp-list-title", children: [
+            card.icon,
+            card.title,
+            card.count != null && /* @__PURE__ */ jsx("span", { className: "prn-lp-list-count", children: card.count })
+          ] }),
+          header: card.detail != null ? /* @__PURE__ */ jsx(ExpandButton, { onPress: () => onExpand(card) }) : void 0,
+          children: [
+            /* @__PURE__ */ jsx(List, { children: card.rows.slice(0, card.maxRows ?? 4).map((r) => /* @__PURE__ */ jsx(
+              ListRow,
+              {
+                leading: r.leading,
+                title: r.title,
+                subtitle: r.subtitle,
+                trailing: r.trailing,
+                onPress: r.onPress
+              },
+              r.id
+            )) }),
+            card.onShowAll && /* @__PURE__ */ jsxs(Button$1, { className: "prn-lp-showall", onPress: card.onShowAll, slot: null, children: [
+              "Alle anzeigen ",
+              /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 14 })
+            ] })
+          ]
+        }
+      );
+    case "custom":
+      return /* @__PURE__ */ jsx(
+        Card,
+        {
+          className: "prn-lp-card prn-lp-custom",
+          title: card.title,
+          header: card.detail != null ? /* @__PURE__ */ jsx(ExpandButton, { onPress: () => onExpand(card) }) : void 0,
+          children: card.render()
+        }
+      );
+    default:
+      return null;
+  }
+}
+function reorder(current, known, movedKeys, targetKey, position) {
+  const base = current.filter(known);
+  const rest = base.filter((id) => !movedKeys.includes(id));
+  const tgt = rest.indexOf(targetKey);
+  const at = tgt < 0 ? rest.length : position === "before" ? tgt : tgt + 1;
+  rest.splice(at, 0, ...movedKeys);
+  return rest;
+}
+function useSectionItems(section) {
+  const byId = useMemo(() => new Map(section.cards.map((c) => [c.id, c])), [section.cards]);
+  const [order, setOrder] = useState(() => section.cards.map((c) => c.id));
+  const items = useMemo(() => {
+    const known = order.filter((id) => byId.has(id));
+    const fresh = section.cards.map((c) => c.id).filter((id) => !known.includes(id));
+    return [...known, ...fresh].map((id) => byId.get(id)).filter(Boolean);
+  }, [order, byId, section.cards]);
+  return { byId, order, setOrder, items };
+}
+function EditableSection({
+  section,
+  onReorder,
+  onExpand
+}) {
+  const { byId, order, setOrder, items } = useSectionItems(section);
+  const { dragAndDropHooks } = useDragAndDrop({
+    getItems: (keys) => [...keys].map((k) => ({ "text/plain": String(k) })),
+    renderDropIndicator: (target) => /* @__PURE__ */ jsx(DropIndicator, { target, className: "prn-lp-drop" }),
+    onReorder(e) {
+      const moved = [...e.keys].map(String);
+      const next = reorder(order, (id) => byId.has(id), moved, String(e.target.key), e.target.dropPosition);
+      setOrder(next);
+      onReorder?.(section.id, next);
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    GridList$1,
+    {
+      "aria-label": asLabel(section.title, "Karten"),
+      items,
+      layout: "grid",
+      selectionMode: "none",
+      className: "prn-lp-grid",
+      dragAndDropHooks,
+      children: (card) => /* @__PURE__ */ jsx(
+        GridListItem$1,
+        {
+          id: card.id,
+          textValue: cardLabel(card),
+          className: "prn-lp-cell",
+          "data-span": card.span ?? 1,
+          children: /* @__PURE__ */ jsx(CardBody, { card, onExpand })
+        }
+      )
+    }
+  );
+}
+function StaticSection({
+  section,
+  onExpand
+}) {
+  return /* @__PURE__ */ jsx("ul", { className: "prn-lp-grid", role: "list", "aria-label": asLabel(section.title, "Karten"), children: section.cards.map((card) => /* @__PURE__ */ jsx("li", { className: "prn-lp-cell", "data-span": card.span ?? 1, children: /* @__PURE__ */ jsx(CardBody, { card, onExpand }) }, card.id)) });
+}
+function CardDetail({ card }) {
+  if ("detail" in card && card.detail != null) return /* @__PURE__ */ jsx(Fragment, { children: card.detail });
+  if (card.kind === "trend") {
+    return /* @__PURE__ */ jsxs("div", { className: "prn-lp-detail", children: [
+      /* @__PURE__ */ jsxs("div", { className: "prn-lp-trend-head", children: [
+        card.value != null && /* @__PURE__ */ jsx("span", { className: "prn-lp-trend-value", children: card.value }),
+        card.delta != null && /* @__PURE__ */ jsxs("span", { className: cx("prn-lp-delta", card.trend && `is-${card.trend}`), children: [
+          card.trend === "up" && /* @__PURE__ */ jsx(Icon, { name: "chevron-up", size: 13, title: trendLabel("up") }),
+          card.trend === "down" && /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: 13, title: trendLabel("down") }),
+          card.delta
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(AreaChart, { data: card.data, width: 520, height: 260, showAxes: true })
+    ] });
+  }
+  return null;
+}
+function Launchpad({ sections, editable = false, onReorder, className }) {
+  const [expanded, setExpanded] = useState(null);
+  const onExpand = useCallback((c) => setExpanded(c), []);
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-launchpad", className), "data-editable": editable ? "" : void 0, children: [
+    sections.map((s) => /* @__PURE__ */ jsxs("section", { className: "prn-lp-section", children: [
+      (s.title != null || s.subtitle != null) && /* @__PURE__ */ jsxs("header", { className: "prn-lp-section-head", children: [
+        s.icon != null && /* @__PURE__ */ jsx("span", { className: "prn-lp-section-icon", children: s.icon }),
+        s.title != null && /* @__PURE__ */ jsx("h2", { className: "prn-lp-section-title", children: s.title }),
+        s.subtitle != null && /* @__PURE__ */ jsx("span", { className: "prn-lp-section-sub", children: s.subtitle })
+      ] }),
+      editable ? /* @__PURE__ */ jsx(EditableSection, { section: s, onReorder, onExpand }) : /* @__PURE__ */ jsx(StaticSection, { section: s, onExpand })
+    ] }, s.id)),
+    expanded != null && /* @__PURE__ */ jsx(
+      Modal,
+      {
+        isOpen: true,
+        onOpenChange: (o) => !o && setExpanded(null),
+        title: cardLabel(expanded),
+        className: "prn-lp-modal",
+        children: /* @__PURE__ */ jsx(CardDetail, { card: expanded })
+      }
+    )
+  ] });
+}
+var SELECT_COL_ID = "__select__";
+var HIGHLIGHT_TRACK = "3px";
+var NAV_TRACK = "36px";
+var warnedNonPxPin = false;
+function pinStyle(column) {
+  const pinned = column.getIsPinned();
+  if (!pinned) return { pinned: void 0, style: void 0 };
+  const width = column.columnDef.meta?.width;
+  const isPx = typeof width === "string" && /^\d+(\.\d+)?px$/.test(width.trim());
+  if (!isPx) {
+    if (!warnedNonPxPin && typeof console !== "undefined") {
+      warnedNonPxPin = true;
+      console.warn(
+        `[AnalyticalTable] Gepinnte Spalte "${column.id}" ben\xF6tigt eine px-Breite (width: "120px"); Sticky wird \xFCbersprungen.`
+      );
+    }
+    return { pinned, style: void 0 };
+  }
+  const style = { position: "sticky", zIndex: 2 };
+  if (pinned === "left") style.left = column.getStart("left");
+  else style.right = column.getAfter("right");
+  return { pinned, style };
+}
+function mergeTableOptions(base, opts) {
+  const merged = { ...base, ...opts };
+  merged.state = { ...base.state, ...opts.state ?? {} };
+  for (const key of Object.keys(opts)) {
+    if (typeof key === "string" && key.startsWith("on") && key.endsWith("Change") && typeof base[key] === "function" && typeof opts[key] === "function") {
+      const internal = base[key];
+      const external = opts[key];
+      merged[key] = (...args) => {
+        internal(...args);
+        external(...args);
+      };
+    }
+  }
+  return merged;
+}
+function resolvePath(obj, path) {
+  if (!path.includes(".")) {
+    return obj == null ? void 0 : obj[path];
+  }
+  return path.split(".").reduce((acc, key) => {
+    if (acc == null) return void 0;
+    return acc[key];
+  }, obj);
+}
+var customAggFns = {
+  minMax: (_columnId, leafRows) => {
+    const nums = leafRows.map((r) => Number(r.getValue(_columnId))).filter((n) => !Number.isNaN(n));
+    if (nums.length === 0) return "";
+    return `${Math.min(...nums)}\u2013${Math.max(...nums)}`;
+  },
+  median: (_columnId, leafRows) => {
+    const nums = leafRows.map((r) => Number(r.getValue(_columnId))).filter((n) => !Number.isNaN(n)).sort((a, b) => a - b);
+    if (nums.length === 0) return "";
+    const mid = Math.floor(nums.length / 2);
+    return nums.length % 2 ? nums[mid] : (nums[mid - 1] + nums[mid]) / 2;
+  },
+  unique: (_columnId, leafRows) => {
+    const set = new Set(leafRows.map((r) => r.getValue(_columnId)));
+    return Array.from(set).join(", ");
+  },
+  uniqueCount: (_columnId, leafRows) => {
+    return new Set(leafRows.map((r) => r.getValue(_columnId))).size;
+  }
+};
+var exactTextFilter = (row, columnId, value) => String(row.getValue(columnId) ?? "").toLowerCase() === String(value).toLowerCase();
+var exactTextCaseFilter = (row, columnId, value) => String(row.getValue(columnId) ?? "") === String(value);
+var equalsFilter = (row, columnId, value) => (
+  // eslint-disable-next-line eqeqeq
+  row.getValue(columnId) == value
+);
+function AnalyticalTable(props) {
+  const {
+    data,
+    columns,
+    getRowId,
+    selectionMode: selectionModeProp,
+    selectionBehavior = "rowSelector",
+    selectable = false,
+    selectedKeys,
+    onSelectionChange,
+    onRowSelect,
+    onRowAction,
+    onRowClick,
+    onRowContextMenu,
+    sortable = true,
+    sorting: sortingProp,
+    defaultSorting,
+    onSortingChange,
+    onSort,
+    enableMultiSort = false,
+    filterable = false,
+    globalFilterValue,
+    onFilter,
+    loading,
+    isLoading = false,
+    loadingDelay = 0,
+    alwaysShowBusyIndicator = false,
+    showOverlay = false,
+    skeletonRows = 8,
+    emptyTitle = "Keine Daten",
+    emptyDescription,
+    noDataText,
+    NoDataComponent,
+    rowHeight = 44,
+    headerRowHeight,
+    visibleRows,
+    renderRowSubComponent,
+    subComponentsBehavior = "expandable",
+    minRows,
+    visibleRowCountMode = "fixed",
+    overscanCount = 10,
+    onTableScroll,
+    maxHeight = 480,
+    isTreeTable = false,
+    subRowsKey = "subRows",
+    onRowExpandChange,
+    infiniteScroll = false,
+    infiniteScrollThreshold = 20,
+    onLoadMore,
+    alternateRowColor = false,
+    withRowHighlight = false,
+    highlightField,
+    withNavigationHighlight = false,
+    markNavigatedRow,
+    tableWidth,
+    header,
+    extension,
+    glass,
+    accessibleName,
+    accessibleNameRef,
+    className,
+    "aria-label": ariaLabel,
+    enableColumnResizing = false,
+    retainColumnWidth = false,
+    scaleWidthMode = "default",
+    onAutoResize,
+    enableColumnReorder = false,
+    onColumnsReorder,
+    enableGrouping = false,
+    grouping: groupingProp,
+    defaultGrouping,
+    onGroupingChange,
+    onGroup,
+    enablePersonalization = false,
+    columnVisibility: columnVisibilityProp,
+    defaultColumnVisibility,
+    onColumnVisibilityChange,
+    columnOrder: columnOrderProp,
+    defaultColumnOrder,
+    onColumnOrderChange,
+    columnPinning: columnPinningProp,
+    defaultColumnPinning,
+    onColumnPinningChange,
+    reactTableOptions,
+    onTableReady
+  } = props;
+  const selectionMode = selectionModeProp ?? (selectable ? "multiple" : "none");
+  const showSelectColumn = selectionMode !== "none" && selectionBehavior !== "row" && selectionBehavior !== "rowOnly";
+  const loadingActive = loading ?? isLoading;
+  const [internalSorting, setInternalSorting] = useState(
+    defaultSorting ?? []
+  );
+  const sorting = sortingProp ?? internalSorting;
+  const setSorting = (next) => {
+    if (sortingProp === void 0) setInternalSorting(next);
+    const out = next.map((s) => ({ id: s.id, desc: s.desc }));
+    onSortingChange?.(out);
+    onSort?.(out);
+  };
+  const [columnFilters, setColumnFilters] = useState([]);
+  const emitFilter = (next) => {
+    onFilter?.(next.map((f) => ({ id: f.id, value: String(f.value ?? "") })));
+  };
+  const [internalGrouping, setInternalGrouping] = useState(defaultGrouping ?? []);
+  const grouping = groupingProp ?? internalGrouping;
+  const setGrouping = (next) => {
+    if (groupingProp === void 0) setInternalGrouping(next);
+    onGroupingChange?.(next);
+    onGroup?.(next);
+  };
+  const [expanded, setExpanded] = useState(isTreeTable ? {} : true);
+  const [internalVisibility, setInternalVisibility] = useState(
+    defaultColumnVisibility ?? {}
+  );
+  const columnVisibility = columnVisibilityProp ?? internalVisibility;
+  const setColumnVisibility = (next) => {
+    if (columnVisibilityProp === void 0) setInternalVisibility(next);
+    onColumnVisibilityChange?.(next);
+  };
+  const [internalOrder, setInternalOrder] = useState(defaultColumnOrder ?? []);
+  const columnOrder = columnOrderProp ?? internalOrder;
+  const setColumnOrder = (next) => {
+    if (columnOrderProp === void 0) setInternalOrder(next);
+    onColumnOrderChange?.(next);
+  };
+  const [columnSizing, setColumnSizing] = useState({});
+  const seededPinning = useMemo(() => {
+    if (defaultColumnPinning) {
+      return { left: defaultColumnPinning.left ?? [], right: defaultColumnPinning.right ?? [] };
+    }
+    const left = [];
+    const right = [];
+    for (const col of columns) {
+      const id = col.id ?? col.accessorKey ?? String(col.header);
+      if (col.defaultPinned === "left") left.push(id);
+      else if (col.defaultPinned === "right") right.push(id);
+    }
+    return { left, right };
+  }, []);
+  const [internalPinning, setInternalPinning] = useState(seededPinning);
+  const columnPinning = columnPinningProp ? { left: columnPinningProp.left ?? [], right: columnPinningProp.right ?? [] } : internalPinning;
+  const setColumnPinning = (next) => {
+    if (columnPinningProp === void 0) setInternalPinning(next);
+    onColumnPinningChange?.({ left: next.left, right: next.right });
+  };
+  const [internalSelection, setInternalSelection] = useState({});
+  const rowSelection = useMemo(() => {
+    if (selectedKeys === void 0) return internalSelection;
+    const next = {};
+    selectedKeys.forEach((k) => {
+      next[k] = true;
+    });
+    return next;
+  }, [selectedKeys, internalSelection]);
+  const containerRef = useRef(null);
+  const [measuredWidth, setMeasuredWidth] = useState(tableWidth);
+  useEffect(() => {
+    if (tableWidth !== void 0) {
+      setMeasuredWidth(tableWidth);
+      return;
+    }
+    const el = containerRef.current;
+    if (!el) return;
+    const measure = (w) => {
+      if (w > 0) setMeasuredWidth(w);
+    };
+    measure(el.getBoundingClientRect().width);
+    if (typeof ResizeObserver === "undefined") return;
+    let prevWidth = el.getBoundingClientRect().width;
+    const ro = new ResizeObserver((entries) => {
+      for (const e of entries) {
+        const w = e.contentRect?.width ?? e.target.getBoundingClientRect().width;
+        measure(w);
+        if (!retainColumnWidth && w !== prevWidth) {
+          setColumnSizing((prev) => Object.keys(prev).length ? {} : prev);
+        }
+        prevWidth = w;
+      }
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [tableWidth, retainColumnWidth]);
+  const effectiveWidth = tableWidth ?? measuredWidth;
+  const hasPopIns = columns.some((c) => c.responsivePopIn);
+  const popInColumnIds = useMemo(() => {
+    if (!hasPopIns || effectiveWidth === void 0) return /* @__PURE__ */ new Set();
+    const ids = /* @__PURE__ */ new Set();
+    for (const col of columns) {
+      if (!col.responsivePopIn) continue;
+      const threshold = col.responsiveMinWidth ?? 600;
+      if (effectiveWidth < threshold) ids.add(col.id ?? col.accessorKey ?? String(col.header));
+    }
+    return ids;
+  }, [columns, effectiveWidth, hasPopIns]);
+  const tableColumns = useMemo(() => {
+    const defs = [];
+    if (showSelectColumn) {
+      defs.push({
+        id: SELECT_COL_ID,
+        enableSorting: false,
+        enableColumnFilter: false,
+        enableResizing: false,
+        meta: { align: "start", width: "44px", isSelect: true },
+        header: ({ table: table2 }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-label": "Alle Zeilen ausw\xE4hlen",
+            isSelected: table2.getIsAllRowsSelected(),
+            isIndeterminate: table2.getIsSomeRowsSelected(),
+            onChange: (v) => table2.toggleAllRowsSelected(v)
+          }
+        ),
+        cell: ({ row }) => selectionMode === "single" ? /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            "aria-label": "Zeile ausw\xE4hlen",
+            checked: row.getIsSelected(),
+            onChange: () => row.toggleSelected(true)
+          }
+        ) : /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-label": "Zeile ausw\xE4hlen",
+            isSelected: row.getIsSelected(),
+            onChange: (v) => row.toggleSelected(v)
+          }
+        )
+      });
+    }
+    columns.forEach((col, colIdx) => {
+      const id = col.id ?? col.accessorKey ?? String(col.header);
+      const accessorFn = col.accessor ?? (col.accessorKey ? (row) => resolvePath(row, col.accessorKey) : void 0);
+      const sortAllowed = col.sortable !== false && col.disableSortBy !== true && sortable !== false && accessorFn !== void 0;
+      const filterAllowed = (col.filterable ?? filterable) === true && col.disableFilters !== true && accessorFn !== void 0;
+      const isTreeCol = isTreeTable && colIdx === 0;
+      const aggSpec = col.aggregate;
+      const isCustomNamedAgg = typeof aggSpec === "string" && (aggSpec === "minMax" || aggSpec === "median" || aggSpec === "unique" || aggSpec === "uniqueCount");
+      const def = {
+        id,
+        accessorFn: accessorFn ?? (() => void 0),
+        header: () => col.header,
+        enableSorting: sortAllowed,
+        sortingFn: col.sortType ?? "auto",
+        sortDescFirst: col.sortDescFirst,
+        sortUndefined: col.sortInverted ? -1 : void 0,
+        invertSorting: col.sortInverted ?? void 0,
+        enableColumnFilter: filterAllowed,
+        enableGlobalFilter: col.disableGlobalFilter ? false : void 0,
+        filterFn: col.filter === "exactText" ? exactTextFilter : col.filter === "exactTextCase" ? exactTextCaseFilter : col.filter === "equals" ? equalsFilter : "includesString",
+        enableHiding: col.canHide !== false,
+        enablePinning: !!col.canPin,
+        enableResizing: enableColumnResizing && col.disableResizing !== true,
+        minSize: col.minWidth ?? 60,
+        maxSize: col.maxWidth ?? Number.MAX_SAFE_INTEGER,
+        meta: {
+          align: col.align ?? "start",
+          vAlign: col.vAlign,
+          width: col.width ?? "1fr",
+          minWidth: col.minWidth,
+          maxWidth: col.maxWidth,
+          isTree: isTreeCol,
+          headerTooltip: col.headerTooltip,
+          headerLabel: col.headerLabel,
+          cellLabel: col.cellLabel,
+          responsivePopIn: col.responsivePopIn,
+          responsiveMinWidth: col.responsiveMinWidth,
+          popinDisplay: col.popinDisplay,
+          autoResizable: col.autoResizable,
+          renderFilter: col.Filter,
+          renderHeaderPopover: col.Popover
+        },
+        cell: col.cellRender ? ({ row }) => col.cellRender(row.original) : ({ getValue }) => {
+          const v = getValue();
+          return v === null || v === void 0 ? "" : v;
+        }
+      };
+      if (aggSpec) {
+        if (typeof aggSpec === "function") {
+          def.aggregationFn = (_colId, leafRows) => aggSpec(
+            leafRows.map((r) => col.aggregateValue ? col.aggregateValue(r.original) : r.getValue(id)),
+            leafRows.map((r) => r.original)
+          );
+        } else if (col.aggregateValue) {
+          const resolveAgg = col.aggregateValue;
+          def.aggregationFn = (_colId, leafRows) => {
+            const values = leafRows.map((r) => resolveAgg(r.original));
+            const nums = values.map((v) => Number(v)).filter((n) => !Number.isNaN(n));
+            switch (aggSpec) {
+              case "sum":
+                return nums.reduce((a, b) => a + b, 0);
+              case "avg":
+                return nums.length ? nums.reduce((a, b) => a + b, 0) / nums.length : "";
+              case "min":
+                return nums.length ? Math.min(...nums) : "";
+              case "max":
+                return nums.length ? Math.max(...nums) : "";
+              case "count":
+                return leafRows.length;
+              case "minMax":
+                return nums.length ? `${Math.min(...nums)}\u2013${Math.max(...nums)}` : "";
+              case "median": {
+                const s = [...nums].sort((a, b) => a - b);
+                if (!s.length) return "";
+                const mid = Math.floor(s.length / 2);
+                return s.length % 2 ? s[mid] : (s[mid - 1] + s[mid]) / 2;
+              }
+              case "unique":
+                return Array.from(new Set(values)).join(", ");
+              case "uniqueCount":
+                return new Set(values).size;
+              default:
+                return nums.reduce((a, b) => a + b, 0);
+            }
+          };
+        } else if (isCustomNamedAgg) {
+          def.aggregationFn = aggSpec;
+        } else {
+          def.aggregationFn = aggSpec === "avg" ? "mean" : aggSpec;
+        }
+        def.aggregatedCell = ({ getValue, row }) => {
+          const value = getValue();
+          if (col.aggregatedCellRender) {
+            return col.aggregatedCellRender({ value, rows: row.getLeafRows().map((r) => r.original) });
+          }
+          return value === null || value === void 0 ? "" : value;
+        };
+      }
+      defs.push(def);
+    });
+    return defs;
+  }, [columns, showSelectColumn, selectionMode, sortable, filterable, enableColumnResizing, isTreeTable]);
+  const getSubRows = useMemo(() => {
+    if (!isTreeTable) return void 0;
+    return (row) => row[subRowsKey];
+  }, [isTreeTable, subRowsKey]);
+  const baseOptions = {
+    data,
+    columns: tableColumns,
+    state: {
+      sorting,
+      rowSelection,
+      grouping,
+      expanded,
+      columnVisibility,
+      columnOrder,
+      columnPinning,
+      columnSizing,
+      columnFilters,
+      ...globalFilterValue !== void 0 ? { globalFilter: globalFilterValue } : {}
+    },
+    aggregationFns: customAggFns,
+    globalFilterFn: "includesString",
+    enableMultiSort,
+    onSortingChange: (updater) => setSorting(typeof updater === "function" ? updater(sorting) : updater),
+    onColumnFiltersChange: (updater) => {
+      setColumnFilters((prev) => {
+        const next = typeof updater === "function" ? updater(prev) : updater;
+        emitFilter(next);
+        return next;
+      });
+    },
+    enableRowSelection: selectionMode !== "none",
+    enableMultiRowSelection: selectionMode === "multiple",
+    onRowSelectionChange: (updater) => {
+      const next = typeof updater === "function" ? updater(rowSelection) : updater;
+      if (selectedKeys === void 0) setInternalSelection(next);
+      const keys = new Set(Object.keys(next).filter((k) => next[k]));
+      onSelectionChange?.(keys);
+    },
+    enableGrouping,
+    onGroupingChange: (u) => setGrouping(typeof u === "function" ? u(grouping) : u),
+    onExpandedChange: setExpanded,
+    enableHiding: true,
+    enablePinning: true,
+    enableColumnResizing,
+    columnResizeMode: "onChange",
+    onColumnSizingChange: setColumnSizing,
+    onColumnVisibilityChange: (u) => setColumnVisibility(typeof u === "function" ? u(columnVisibility) : u),
+    onColumnOrderChange: (u) => setColumnOrder(typeof u === "function" ? u(columnOrder) : u),
+    onColumnPinningChange: (u) => setColumnPinning(typeof u === "function" ? u(columnPinning) : u),
+    getRowId: getRowId ? (row, index) => getRowId(row, index) : void 0,
+    getSubRows,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getGroupedRowModel: getGroupedRowModel(),
+    getExpandedRowModel: getExpandedRowModel(),
+    getFilteredRowModel: getFilteredRowModel()
+  };
+  const table = useReactTable(
+    reactTableOptions ? mergeTableOptions(baseOptions, reactTableOptions) : baseOptions
+  );
+  const readyRef = useRef(false);
+  useEffect(() => {
+    if (!readyRef.current && onTableReady) {
+      readyRef.current = true;
+      onTableReady(table);
+    }
+  }, [table, onTableReady]);
+  const rows = table.getRowModel().rows;
+  const leafColumns = table.getVisibleLeafColumns();
+  const renderedLeafColumns = useMemo(
+    () => leafColumns.filter((c) => !popInColumnIds.has(c.id)),
+    [leafColumns, popInColumnIds]
+  );
+  const gridTemplate = useMemo(() => {
+    const tracks = renderedLeafColumns.map((c) => {
+      const meta = c.columnDef.meta;
+      const sized = columnSizing[c.id];
+      if (enableColumnResizing && sized) return `${sized}px`;
+      const base = meta?.width ?? "1fr";
+      if (scaleWidthMode === "grow" && !meta?.isSelect) {
+        const min = meta?.minWidth ? `${meta.minWidth}px` : base.includes("px") ? base : "120px";
+        return `minmax(${min}, 1fr)`;
+      }
+      if (meta?.minWidth || meta?.maxWidth) {
+        const min = meta.minWidth ? `${meta.minWidth}px` : "0";
+        const max = meta.maxWidth ? `${meta.maxWidth}px` : base;
+        return `minmax(${min}, ${max})`;
+      }
+      return base;
+    });
+    if (withRowHighlight) tracks.unshift(HIGHLIGHT_TRACK);
+    if (withNavigationHighlight) tracks.push(NAV_TRACK);
+    return tracks.join(" ");
+  }, [renderedLeafColumns, columnSizing, enableColumnResizing, scaleWidthMode, withRowHighlight, withNavigationHighlight]);
+  const totalColumnCount = renderedLeafColumns.length + (withRowHighlight ? 1 : 0) + (withNavigationHighlight ? 1 : 0);
+  const scrollRef = useRef(null);
+  const handleAutoResize = useCallback(
+    (columnId) => {
+      const grid = scrollRef.current;
+      if (!grid) return;
+      const colIdx = table.getVisibleLeafColumns().findIndex((c) => c.id === columnId);
+      if (colIdx < 0) return;
+      const headerCell = grid.querySelector(
+        `.prn-th:nth-of-type(${colIdx + 1})`
+      );
+      const bodyCells = grid.querySelectorAll(`[data-colidx="${colIdx}"]`);
+      let max = 0;
+      const consider = (el) => {
+        if (!el) return;
+        const w = Math.max(el.scrollWidth, el.getBoundingClientRect().width);
+        if (w > max) max = w;
+      };
+      consider(headerCell);
+      bodyCells.forEach((c) => consider(c));
+      const col = table.getColumn(columnId);
+      const minSize = col?.columnDef.minSize ?? 60;
+      const width = Math.max(minSize, Math.round(max) + 16);
+      setColumnSizing((prev) => ({ ...prev, [columnId]: width }));
+      onAutoResize?.({ columnId, width });
+    },
+    [table, onAutoResize]
+  );
+  const virtualizer = useVirtualizer({
+    count: rows.length,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => rowHeight,
+    overscan: overscanCount
+  });
+  const virtualRows = virtualizer.getVirtualItems();
+  const totalSize = virtualizer.getTotalSize();
+  const paddingTop = virtualRows.length > 0 ? virtualRows[0].start : 0;
+  const paddingBottom = virtualRows.length > 0 ? totalSize - virtualRows[virtualRows.length - 1].end : 0;
+  const colCount = renderedLeafColumns.length;
+  const computedMaxHeight = useMemo(() => {
+    if (visibleRows && visibleRowCountMode !== "auto") {
+      return visibleRows * rowHeight;
+    }
+    return typeof maxHeight === "number" ? maxHeight : maxHeight;
+  }, [visibleRows, visibleRowCountMode, rowHeight, maxHeight]);
+  const emptyRowCount = useMemo(() => {
+    if (loadingActive || rows.length === 0) return 0;
+    const target = visibleRowCountMode === "autoWithEmptyRows" ? visibleRows ?? 0 : minRows ?? 0;
+    return Math.max(0, target - rows.length);
+  }, [loadingActive, rows.length, visibleRowCountMode, visibleRows, minRows]);
+  const loadMoreLockRef = useRef(false);
+  const handleScroll = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    onTableScroll?.({ scrollTop: el.scrollTop, scrollLeft: el.scrollLeft });
+    if (infiniteScroll && onLoadMore) {
+      const remaining = el.scrollHeight - el.scrollTop - el.clientHeight;
+      if (remaining <= infiniteScrollThreshold) {
+        if (!loadMoreLockRef.current) {
+          loadMoreLockRef.current = true;
+          onLoadMore();
+        }
+      } else {
+        loadMoreLockRef.current = false;
+      }
+    }
+  }, [onTableScroll, infiniteScroll, onLoadMore, infiniteScrollThreshold]);
+  const [activeCell, setActiveCell] = useState({ r: 0, c: 0 });
+  const navColumnCount = colCount + (withNavigationHighlight ? 1 : 0);
+  const renderedFirstIndex = virtualRows.length > 0 ? virtualRows[0].index : 0;
+  const renderedLastIndex = virtualRows.length > 0 ? virtualRows[virtualRows.length - 1].index : 0;
+  const activeRowRendered = activeCell.r >= renderedFirstIndex && activeCell.r <= renderedLastIndex;
+  const tabbableRow = activeRowRendered ? activeCell.r : renderedFirstIndex;
+  const onGridKeyDown = useCallback(
+    (e) => {
+      const key = e.key;
+      if (!["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(key)) return;
+      e.preventDefault();
+      setActiveCell((prev) => {
+        let { r, c } = prev;
+        if (key === "ArrowUp") r = Math.max(0, r - 1);
+        else if (key === "ArrowDown") r = Math.min(rows.length - 1, r + 1);
+        else if (key === "ArrowLeft") c = Math.max(0, c - 1);
+        else if (key === "ArrowRight") c = Math.min(navColumnCount - 1, c + 1);
+        else if (key === "Home") c = 0;
+        else if (key === "End") c = navColumnCount - 1;
+        const target = scrollRef.current?.querySelector(
+          `[data-rowidx="${r}"][data-colidx="${c}"]`
+        );
+        target?.focus();
+        return { r, c };
+      });
+    },
+    [rows.length, navColumnCount]
+  );
+  const hasActiveFilters = columnFilters.length > 0 || (globalFilterValue ?? "") !== "";
+  const noDataReason = data.length > 0 && hasActiveFilters ? "filtered" : "empty";
+  const [showLoading, setShowLoading] = useState(loadingActive && loadingDelay === 0);
+  useEffect(() => {
+    if (!loadingActive) {
+      setShowLoading(false);
+      return;
+    }
+    if (loadingDelay === 0) {
+      setShowLoading(true);
+      return;
+    }
+    const t = setTimeout(() => setShowLoading(true), loadingDelay);
+    return () => clearTimeout(t);
+  }, [loadingActive, loadingDelay]);
+  const titleId = accessibleNameRef ?? (header ? "prn-table-title" : void 0);
+  const computedAriaLabel = ariaLabel ?? accessibleName;
+  const showSkeleton = showLoading && !alwaysShowBusyIndicator && !showOverlay;
+  const showBusy = showLoading && alwaysShowBusyIndicator && !showOverlay;
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-table", className), ref: containerRef, children: [
+    header && /* @__PURE__ */ jsx("div", { id: titleId, className: "prn-table-title", role: "heading", "aria-level": 2, children: header }),
+    extension && /* @__PURE__ */ jsx("div", { className: "prn-table-extension", children: extension }),
+    (enableGrouping || enablePersonalization) && /* @__PURE__ */ jsxs("div", { className: cx("prn-table-toolbar", glass && "prn-glass prn-glass-bar"), children: [
+      enableGrouping && /* @__PURE__ */ jsx(GroupBar, { table, columns }),
+      enablePersonalization && /* @__PURE__ */ jsx(ColumnMenu, { table, columns, onColumnsReorder })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "prn-table-viewport-wrap", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: scrollRef,
+          className: "prn-table-scroll",
+          onScroll: handleScroll,
+          style: { maxHeight: typeof computedMaxHeight === "number" ? `${computedMaxHeight}px` : computedMaxHeight },
+          children: /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "grid",
+              "aria-label": computedAriaLabel,
+              "aria-labelledby": titleId && !computedAriaLabel ? titleId : void 0,
+              "aria-rowcount": rows.length + 1,
+              "aria-colcount": navColumnCount,
+              "aria-busy": showBusy || void 0,
+              className: cx(
+                "prn-table-grid",
+                alternateRowColor && "prn-table-zebra",
+                withRowHighlight && "prn-table-has-highlight"
+              ),
+              style: { gridTemplateColumns: gridTemplate },
+              onKeyDown: onGridKeyDown,
+              children: [
+                /* @__PURE__ */ jsxs("div", { role: "row", "aria-rowindex": 1, className: "prn-table-head", children: [
+                  withRowHighlight && /* @__PURE__ */ jsx("div", { className: "prn-th prn-th-highlight", "aria-hidden": true }),
+                  table.getHeaderGroups().map(
+                    (hg) => hg.headers.map((header2, hIdx) => {
+                      const meta = header2.column.columnDef.meta;
+                      const canSort = header2.column.getCanSort();
+                      const sorted = header2.column.getIsSorted();
+                      const sortIndex = header2.column.getSortIndex();
+                      const canFilter = header2.column.getCanFilter();
+                      const canResize = header2.column.getCanResize();
+                      const canReorder = enableColumnReorder && header2.column.id !== SELECT_COL_ID && !columns.find(
+                        (c) => (c.id ?? c.accessorKey ?? String(c.header)) === header2.column.id
+                      )?.disableDragAndDrop;
+                      const pin = pinStyle(header2.column);
+                      const popinHidden = popInColumnIds.has(header2.column.id);
+                      if (popinHidden) return null;
+                      return /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          role: "columnheader",
+                          "aria-colindex": hIdx + 1,
+                          className: cx("prn-th", meta?.isSelect && "prn-th-select"),
+                          "data-align": meta?.align,
+                          "data-pinned": pin.pinned,
+                          style: headerRowHeight !== void 0 ? { ...pin.style, minHeight: `${headerRowHeight}px`, height: `${headerRowHeight}px` } : pin.style,
+                          title: meta?.headerTooltip,
+                          "aria-label": meta?.headerLabel,
+                          draggable: canReorder || void 0,
+                          onDragStart: canReorder ? (e) => e.dataTransfer.setData("text/plain", header2.column.id) : void 0,
+                          onDragOver: canReorder ? (e) => e.preventDefault() : void 0,
+                          onDrop: canReorder ? (e) => {
+                            e.preventDefault();
+                            const from = e.dataTransfer.getData("text/plain");
+                            const to = header2.column.id;
+                            if (!from || from === to) return;
+                            const current = table.getAllLeafColumns().map((c) => c.id);
+                            const fromIdx = current.indexOf(from);
+                            const toIdx = current.indexOf(to);
+                            if (fromIdx < 0 || toIdx < 0) return;
+                            const next = [...current];
+                            next.splice(fromIdx, 1);
+                            next.splice(toIdx, 0, from);
+                            table.setColumnOrder(next);
+                            onColumnsReorder?.(next);
+                          } : void 0,
+                          "data-sortable": canSort || void 0,
+                          "data-sorted": sorted ? "" : void 0,
+                          "aria-sort": sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : canSort ? "none" : void 0,
+                          tabIndex: canSort ? 0 : void 0,
+                          onClick: canSort ? (e) => header2.column.toggleSorting(void 0, enableMultiSort && e.shiftKey) : void 0,
+                          onKeyDown: canSort ? (e) => {
+                            if (e.key === "Enter" || e.key === " ") {
+                              e.preventDefault();
+                              header2.column.toggleSorting(void 0, enableMultiSort && e.shiftKey);
+                            }
+                          } : void 0,
+                          children: [
+                            !header2.isPlaceholder && flexRender(header2.column.columnDef.header, header2.getContext()),
+                            canSort && /* @__PURE__ */ jsxs("span", { className: "prn-th-sort", "data-active": sorted ? "" : void 0, "aria-hidden": true, children: [
+                              sorted === "desc" ? "\u25BE" : "\u25B4",
+                              enableMultiSort && sortIndex >= 0 && sorting.length > 1 && /* @__PURE__ */ jsx("sup", { className: "prn-th-sortidx", children: sortIndex + 1 })
+                            ] }),
+                            canFilter && /* @__PURE__ */ jsx(ColumnFilter, { column: header2.column }),
+                            meta?.renderHeaderPopover && /* @__PURE__ */ jsx(HeaderPopover, { render: meta.renderHeaderPopover }),
+                            canResize && /* @__PURE__ */ jsx(
+                              "span",
+                              {
+                                className: "prn-th-resizer",
+                                role: "separator",
+                                "aria-orientation": "vertical",
+                                "aria-label": "Spaltenbreite \xE4ndern",
+                                onMouseDown: header2.getResizeHandler(),
+                                onTouchStart: header2.getResizeHandler(),
+                                onClick: (e) => e.stopPropagation(),
+                                onDoubleClick: meta?.autoResizable ? (e) => {
+                                  e.stopPropagation();
+                                  handleAutoResize(header2.column.id);
+                                } : void 0,
+                                "data-autoresizable": meta?.autoResizable ? "" : void 0,
+                                "data-resizing": header2.column.getIsResizing() ? "" : void 0
+                              }
+                            )
+                          ]
+                        },
+                        header2.id
+                      );
+                    })
+                  ),
+                  withNavigationHighlight && /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-colindex": navColumnCount, className: "prn-th prn-th-nav", "aria-label": "Navigation" })
+                ] }),
+                showSkeleton ? /* @__PURE__ */ jsx(
+                  SkeletonRows,
+                  {
+                    count: skeletonRows,
+                    leafColumns,
+                    popInIds: popInColumnIds,
+                    withRowHighlight,
+                    withNavigationHighlight
+                  }
+                ) : showBusy ? /* @__PURE__ */ jsx("div", { className: "prn-table-busy", role: "row", children: /* @__PURE__ */ jsxs("div", { className: "prn-busy-indicator", role: "status", "aria-label": "L\xE4dt", children: [
+                  /* @__PURE__ */ jsx("span", { className: "prn-busy-dot" }),
+                  /* @__PURE__ */ jsx("span", { className: "prn-busy-dot" }),
+                  /* @__PURE__ */ jsx("span", { className: "prn-busy-dot" })
+                ] }) }) : rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "prn-table-empty", role: "row", children: NoDataComponent ? NoDataComponent({ reason: noDataReason }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("div", { className: "prn-table-empty-title", children: noDataText ?? emptyTitle }),
+                  emptyDescription && /* @__PURE__ */ jsx("div", { className: "prn-table-empty-desc", children: emptyDescription })
+                ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  paddingTop > 0 && /* @__PURE__ */ jsx(Spacer, { height: paddingTop, span: totalColumnCount }),
+                  virtualRows.map((vr) => {
+                    const row = rows[vr.index];
+                    if (!row) return null;
+                    if (row.getIsGrouped()) {
+                      return /* @__PURE__ */ jsx(
+                        GroupRow,
+                        {
+                          row,
+                          rowIndex: vr.index,
+                          gridSpan: totalColumnCount,
+                          leafColumns
+                        },
+                        row.id
+                      );
+                    }
+                    return /* @__PURE__ */ jsx(
+                      TableRow,
+                      {
+                        table,
+                        row,
+                        rowIndex: vr.index,
+                        rowAriaIndex: vr.index + 2,
+                        activeCell,
+                        tabbableRow,
+                        setActiveCell,
+                        selectionMode,
+                        selectionBehavior,
+                        isTreeTable,
+                        onRowAction,
+                        onRowClick,
+                        onRowContextMenu,
+                        onRowSelect,
+                        onRowExpandChange,
+                        withRowHighlight,
+                        highlightField,
+                        withNavigationHighlight,
+                        markNavigatedRow,
+                        navColIndex: navColumnCount,
+                        gridColumnCount: totalColumnCount,
+                        popInIds: popInColumnIds,
+                        columns,
+                        renderRowSubComponent,
+                        subComponentsBehavior
+                      },
+                      row.id
+                    );
+                  }),
+                  paddingBottom > 0 && /* @__PURE__ */ jsx(Spacer, { height: paddingBottom, span: totalColumnCount }),
+                  emptyRowCount > 0 && Array.from({ length: emptyRowCount }).map((_, i) => /* @__PURE__ */ jsx("div", { role: "row", "aria-hidden": true, className: "prn-table-row prn-table-row-empty", children: Array.from({ length: totalColumnCount }).map((__, c) => /* @__PURE__ */ jsx("div", { className: "prn-td prn-td-empty" }, c)) }, `empty-${i}`))
+                ] })
+              ]
+            }
+          )
+        }
+      ),
+      showOverlay && loadingActive && /* @__PURE__ */ jsx("div", { className: "prn-table-overlay", role: "status", "aria-label": "L\xE4dt", children: /* @__PURE__ */ jsxs("div", { className: "prn-busy-indicator", children: [
+        /* @__PURE__ */ jsx("span", { className: "prn-busy-dot" }),
+        /* @__PURE__ */ jsx("span", { className: "prn-busy-dot" }),
+        /* @__PURE__ */ jsx("span", { className: "prn-busy-dot" })
+      ] }) })
+    ] })
+  ] });
+}
+function Spacer({ height, span }) {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, style: { gridColumn: `1 / ${span + 1}`, height } });
+}
+function ColumnFilter({ column }) {
+  const value = column.getFilterValue() ?? "";
+  const renderFilter = column.columnDef.meta?.renderFilter;
+  const setValue = (v) => column.setFilterValue(v || void 0);
+  return /* @__PURE__ */ jsx("span", { className: "prn-th-filter", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(DialogTrigger, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "plain",
+        "aria-label": "Spalte filtern",
+        className: cx("prn-th-filter-btn", value && "prn-th-filter-btn-active"),
+        children: "\u2315"
+      }
+    ),
+    /* @__PURE__ */ jsx(Popover2, { className: "prn-th-filter-popover", children: /* @__PURE__ */ jsx("div", { className: "prn-th-filter-body", children: renderFilter ? renderFilter({ value, setValue }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          "aria-label": "Filterwert",
+          label: "Filtern",
+          value,
+          onChange: (v) => setValue(v)
+        }
+      ),
+      value && /* @__PURE__ */ jsx(Button, { variant: "plain", onPress: () => column.setFilterValue(void 0), children: "Zur\xFCcksetzen" })
+    ] }) }) })
+  ] }) });
+}
+function HeaderPopover({ render }) {
+  return /* @__PURE__ */ jsx("span", { className: "prn-th-popover", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(DialogTrigger, { children: [
+    /* @__PURE__ */ jsx(Button, { variant: "plain", "aria-label": "Spalteninfo", className: "prn-th-popover-btn", children: "\u22EF" }),
+    /* @__PURE__ */ jsx(Popover2, { className: "prn-th-popover-content", children: render() })
+  ] }) });
+}
+function TableRow({
+  table,
+  row,
+  rowIndex,
+  rowAriaIndex,
+  activeCell,
+  tabbableRow,
+  setActiveCell,
+  selectionMode,
+  selectionBehavior,
+  isTreeTable,
+  onRowAction,
+  onRowClick,
+  onRowContextMenu,
+  onRowSelect,
+  onRowExpandChange,
+  withRowHighlight,
+  highlightField,
+  withNavigationHighlight,
+  markNavigatedRow,
+  navColIndex,
+  gridColumnCount,
+  popInIds,
+  columns,
+  renderRowSubComponent,
+  subComponentsBehavior
+}) {
+  const [hovered, setHovered] = useState(false);
+  const selectionSelectsRow = selectionMode !== "none" && (selectionBehavior === "row" || selectionBehavior === "rowOnly");
+  const hasSubComponent = !!renderRowSubComponent;
+  const subAlwaysVisible = hasSubComponent && subComponentsBehavior === "visible";
+  const [subOpen, setSubOpen] = useState(subAlwaysVisible);
+  const subVisible = subAlwaysVisible || subOpen;
+  const interactive = !!onRowAction || !!onRowClick || selectionSelectsRow;
+  const doSelect = () => {
+    const wasSelected = row.getIsSelected();
+    row.toggleSelected(!wasSelected);
+    if (onRowSelect) {
+      const selectedKeys = /* @__PURE__ */ new Set();
+      if (selectionMode === "single") {
+        if (!wasSelected) selectedKeys.add(row.id);
+      } else {
+        for (const r of table.getSelectedRowModel().flatRows) selectedKeys.add(r.id);
+        if (wasSelected) selectedKeys.delete(row.id);
+        else selectedKeys.add(row.id);
+      }
+      onRowSelect({ row: row.original, selected: !wasSelected, selectedKeys });
+    }
+  };
+  const handleClick = (e) => {
+    onRowClick?.({ row: row.original, event: e });
+    onRowAction?.(row.original);
+    if (selectionSelectsRow) doSelect();
+  };
+  const highlight = withRowHighlight && highlightField ? highlightField(row.original) : void 0;
+  const navigated = withNavigationHighlight && markNavigatedRow ? markNavigatedRow(row.original) : false;
+  const rowElement = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "row",
+      "aria-rowindex": rowAriaIndex,
+      "aria-selected": selectionMode !== "none" ? row.getIsSelected() : void 0,
+      "aria-expanded": hasSubComponent && !subAlwaysVisible ? subVisible : void 0,
+      "data-key": row.id,
+      "data-zebra": rowIndex % 2 === 1 ? "" : void 0,
+      "data-highlight": highlight,
+      className: "prn-table-row",
+      "data-interactive": interactive ? "" : void 0,
+      "data-selected": row.getIsSelected() ? "" : void 0,
+      "data-hovered": hovered ? "" : void 0,
+      onMouseEnter: interactive ? () => setHovered(true) : void 0,
+      onMouseLeave: interactive ? () => setHovered(false) : void 0,
+      onClick: interactive ? handleClick : void 0,
+      onContextMenu: onRowContextMenu ? (e) => {
+        e.preventDefault();
+        onRowContextMenu({ row: row.original, event: e });
+      } : void 0,
+      children: [
+        withRowHighlight && /* @__PURE__ */ jsx("span", { className: "prn-row-highlight", "data-state": highlight ?? "none", "aria-hidden": true }),
+        row.getVisibleCells().filter((cell) => !popInIds.has(cell.column.id)).map((cell, cellIdx) => {
+          const meta = cell.column.columnDef.meta;
+          const pin = pinStyle(cell.column);
+          const isTreeCell = isTreeTable && meta?.isTree;
+          const canExpand = isTreeCell && row.getCanExpand();
+          const isActive = activeCell.r === rowIndex && activeCell.c === cellIdx;
+          const popInCells = cellIdx === 0 && popInIds.size > 0 ? row.getVisibleCells().filter((c) => popInIds.has(c.column.id)) : [];
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "gridcell",
+              "aria-colindex": cellIdx + 1,
+              "data-rowidx": rowIndex,
+              "data-colidx": cellIdx,
+              tabIndex: isActive ? 0 : -1,
+              onFocus: () => setActiveCell({ r: rowIndex, c: cellIdx }),
+              className: cx("prn-td", meta?.isSelect && "prn-td-select"),
+              "data-align": meta?.align,
+              "data-valign": meta?.vAlign,
+              "data-pinned": pin.pinned,
+              "aria-label": meta?.cellLabel,
+              style: { ...pin.style, ...isTreeCell ? { paddingLeft: `${row.depth * 16 + 12}px` } : null },
+              onKeyDown: canExpand ? (e) => {
+                if (e.key === " ") {
+                  e.preventDefault();
+                  const next = !row.getIsExpanded();
+                  row.toggleExpanded();
+                  onRowExpandChange?.({ row: row.original, expanded: next });
+                }
+              } : void 0,
+              children: [
+                canExpand && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "prn-tree-chevron",
+                    "aria-label": row.getIsExpanded() ? "Zusammenklappen" : "Aufklappen",
+                    "aria-expanded": row.getIsExpanded(),
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      const next = !row.getIsExpanded();
+                      row.toggleExpanded();
+                      onRowExpandChange?.({ row: row.original, expanded: next });
+                    },
+                    children: row.getIsExpanded() ? "\u25BE" : "\u25B8"
+                  }
+                ),
+                cellIdx === 0 && hasSubComponent && !subAlwaysVisible && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "prn-tree-chevron prn-subcomponent-toggle",
+                    "aria-label": subVisible ? "Details ausblenden" : "Details anzeigen",
+                    "aria-expanded": subVisible,
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setSubOpen((o) => !o);
+                    },
+                    children: subVisible ? "\u25BE" : "\u25B8"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "prn-td-content", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }),
+                popInCells.length > 0 && /* @__PURE__ */ jsx("span", { className: "prn-popin", children: popInCells.map((pc) => {
+                  const pcMeta = pc.column.columnDef.meta;
+                  const colDef = columns.find(
+                    (c) => (c.id ?? c.accessorKey ?? String(c.header)) === pc.column.id
+                  );
+                  return /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: "prn-popin-item",
+                      "data-display": pcMeta?.popinDisplay ?? "block",
+                      children: [
+                        /* @__PURE__ */ jsxs("span", { className: "prn-popin-label", children: [
+                          colDef?.header,
+                          ":"
+                        ] }),
+                        " ",
+                        /* @__PURE__ */ jsx("span", { className: "prn-popin-value", children: flexRender(pc.column.columnDef.cell, pc.getContext()) })
+                      ]
+                    },
+                    pc.id
+                  );
+                }) })
+              ]
+            },
+            cell.id
+          );
+        }),
+        withNavigationHighlight && /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "gridcell",
+            "aria-colindex": navColIndex,
+            className: "prn-td prn-td-nav",
+            "data-navigated": navigated ? "" : void 0,
+            "aria-label": navigated ? "Navigiert" : void 0,
+            children: /* @__PURE__ */ jsx("span", { className: "prn-nav-arrow", "aria-hidden": true, children: "\u203A" })
+          }
+        )
+      ]
+    }
+  );
+  if (!hasSubComponent || !subVisible) return rowElement;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    rowElement,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "row",
+        className: "prn-table-subrow",
+        "data-key": `${row.id}__sub`,
+        "data-subcomponent": "",
+        children: /* @__PURE__ */ jsx("div", { role: "gridcell", className: "prn-td prn-subcomponent", style: { gridColumn: `1 / ${gridColumnCount + 1}` }, children: renderRowSubComponent({ row: row.original }) })
+      }
+    )
+  ] });
+}
+function GroupBar({ table, columns }) {
+  const grouping = table.getState().grouping;
+  const labelFor = (id) => {
+    const col = columns.find((c) => (c.id ?? c.accessorKey ?? String(c.header)) === id);
+    return col ? col.header : id;
+  };
+  const groupable = columns.filter((c) => c.groupable).map((c) => ({ id: c.id ?? c.accessorKey ?? String(c.header), header: c.header })).filter((c) => !grouping.includes(c.id));
+  return /* @__PURE__ */ jsxs("div", { className: "prn-groupbar", role: "toolbar", "aria-label": "Gruppierung", children: [
+    /* @__PURE__ */ jsx("span", { className: "prn-groupbar-label", children: "Gruppiert nach:" }),
+    grouping.length === 0 && /* @__PURE__ */ jsx("span", { className: "prn-groupbar-empty", children: "\u2014" }),
+    grouping.map((id) => /* @__PURE__ */ jsxs("span", { className: "prn-group-chip", children: [
+      /* @__PURE__ */ jsx("span", { className: "prn-group-chip-label", children: labelFor(id) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "prn-group-chip-remove",
+          "aria-label": `${String(labelFor(id))} entfernen`,
+          onClick: () => table.setGrouping((g) => g.filter((x) => x !== id)),
+          children: "\xD7"
+        }
+      )
+    ] }, id)),
+    groupable.length > 0 && /* @__PURE__ */ jsx(Menu, { trigger: /* @__PURE__ */ jsx(Button, { variant: "plain", children: "+ Gruppieren" }), children: groupable.map((c) => /* @__PURE__ */ jsx(MenuItem, { onAction: () => table.setGrouping((g) => [...g, c.id]), children: c.header }, c.id)) })
+  ] });
+}
+function ColumnMenu({
+  table,
+  columns,
+  onColumnsReorder
+}) {
+  const labelFor = (id) => {
+    const col = columns.find((c) => (c.id ?? c.accessorKey ?? String(c.header)) === id);
+    return col ? col.header : id;
+  };
+  const leaf = table.getAllLeafColumns().filter((c) => c.id !== SELECT_COL_ID);
+  const order = leaf.map((c) => c.id);
+  const move = (id, dir) => {
+    const idx = order.indexOf(id);
+    const next = idx + dir;
+    if (next < 0 || next >= order.length) return;
+    const reordered = [...order];
+    [reordered[idx], reordered[next]] = [reordered[next], reordered[idx]];
+    table.setColumnOrder(reordered);
+    onColumnsReorder?.(reordered);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "prn-colmenu", children: /* @__PURE__ */ jsxs(DialogTrigger, { children: [
+    /* @__PURE__ */ jsxs(Button, { variant: "plain", "aria-label": "Spalten", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "settings", size: 15 }),
+      " Spalten"
+    ] }),
+    /* @__PURE__ */ jsx(Popover2, { className: "prn-colmenu-popover", children: /* @__PURE__ */ jsx("ul", { className: "prn-colmenu-list", role: "group", "aria-label": "Spalten anpassen", children: leaf.map((col, i) => {
+      const label = labelFor(col.id);
+      const pinned = col.getIsPinned();
+      return /* @__PURE__ */ jsxs("li", { className: "prn-colmenu-row", children: [
+        col.getCanHide() ? /* @__PURE__ */ jsx(Checkbox, { isSelected: col.getIsVisible(), onChange: () => col.toggleVisibility(), children: label }) : /* @__PURE__ */ jsx("span", { className: "prn-colmenu-label", children: label }),
+        /* @__PURE__ */ jsxs("span", { className: "prn-colmenu-actions", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "prn-colmenu-btn",
+              "aria-label": `${String(label)} nach oben`,
+              disabled: i === 0,
+              onClick: () => move(col.id, -1),
+              children: "\u2191"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "prn-colmenu-btn",
+              "aria-label": `${String(label)} nach unten`,
+              disabled: i === leaf.length - 1,
+              onClick: () => move(col.id, 1),
+              children: "\u2193"
+            }
+          ),
+          col.getCanPin() && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "prn-colmenu-btn",
+                "aria-label": `${String(label)} links pinnen`,
+                "data-active": pinned === "left" ? "" : void 0,
+                onClick: () => col.pin(pinned === "left" ? false : "left"),
+                children: "\u21E4"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "prn-colmenu-btn",
+                "aria-label": `${String(label)} rechts pinnen`,
+                "data-active": pinned === "right" ? "" : void 0,
+                onClick: () => col.pin(pinned === "right" ? false : "right"),
+                children: "\u21E5"
+              }
+            )
+          ] })
+        ] })
+      ] }, col.id);
+    }) }) })
+  ] }) });
+}
+function GroupRow({
+  row,
+  rowIndex,
+  gridSpan,
+  leafColumns
+}) {
+  const expanded = row.getIsExpanded();
+  const groupingColumnId = row.groupingColumnId ?? "";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "row",
+      "aria-rowindex": rowIndex + 2,
+      "aria-expanded": expanded,
+      "data-group": "",
+      "data-depth": row.depth,
+      "data-index": rowIndex,
+      className: "prn-table-group",
+      tabIndex: 0,
+      onClick: () => row.toggleExpanded(),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          row.toggleExpanded();
+        }
+      },
+      style: { gridColumn: `1 / ${gridSpan + 1}`, paddingLeft: `${row.depth * 16 + 12}px` },
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "prn-group-chevron", "aria-hidden": true, children: expanded ? "\u25BE" : "\u25B8" }),
+        /* @__PURE__ */ jsx("span", { className: "prn-group-label", children: String(row.getGroupingValue(groupingColumnId)) }),
+        /* @__PURE__ */ jsxs("span", { className: "prn-group-count", children: [
+          "(",
+          row.subRows.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "prn-group-aggs", children: leafColumns.filter((c) => c.columnDef.aggregatedCell && c.id !== groupingColumnId).map((c) => {
+          const cell = row.getAllCells().find((cl) => cl.column.id === c.id);
+          return cell ? /* @__PURE__ */ jsx("span", { className: "prn-group-agg", children: flexRender(c.columnDef.aggregatedCell, cell.getContext()) }, c.id) : null;
+        }) })
+      ]
+    }
+  );
+}
+function SkeletonRows({
+  count,
+  leafColumns,
+  popInIds,
+  withRowHighlight,
+  withNavigationHighlight
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: count }).map((_, r) => /* @__PURE__ */ jsxs("div", { role: "row", className: "prn-table-row", "aria-hidden": true, children: [
+    withRowHighlight && /* @__PURE__ */ jsx("span", { className: "prn-row-highlight", "data-state": "none", "aria-hidden": true }),
+    leafColumns.filter((c) => !popInIds.has(c.id)).map((c) => {
+      const meta = c.columnDef.meta;
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cx("prn-td", meta?.isSelect && "prn-td-select"),
+          "data-align": meta?.align,
+          children: /* @__PURE__ */ jsx("span", { className: "prn-skeleton prn-skel-line" })
+        },
+        c.id
+      );
+    }),
+    withNavigationHighlight && /* @__PURE__ */ jsx("div", { className: "prn-td prn-td-nav" })
+  ] }, `skel-${r}`)) });
+}
+function FilterField({ label, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-filter-field", className), children: [
+    label && /* @__PURE__ */ jsx("span", { className: "prn-filter-field-label", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "prn-filter-field-control", children })
+  ] });
+}
+function FilterBar({
+  children,
+  moreFields,
+  moreLabel = "Mehr Filter",
+  activeFilters,
+  onRemoveFilter,
+  onClearAll,
+  actions,
+  className,
+  "aria-label": ariaLabel = "Filter"
+}) {
+  const hasActive = !!activeFilters && activeFilters.length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-filterbar", className), role: "search", "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsxs("div", { className: "prn-filterbar-row", children: [
+      children,
+      moreFields && /* @__PURE__ */ jsx(FilterField, { label: "\xA0", children: /* @__PURE__ */ jsxs(DialogTrigger, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "tinted", children: moreLabel }),
+        /* @__PURE__ */ jsx(Popover2, { placement: "bottom start", children: /* @__PURE__ */ jsx("div", { className: "prn-filter-more", children: moreFields }) })
+      ] }) }),
+      actions && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "prn-filterbar-spacer" }),
+        /* @__PURE__ */ jsx("div", { className: "prn-filterbar-actions", children: actions })
+      ] })
+    ] }),
+    hasActive && /* @__PURE__ */ jsxs("div", { className: "prn-filter-chips", "aria-label": "Aktive Filter", children: [
+      activeFilters.map((f) => /* @__PURE__ */ jsxs("span", { className: "prn-filter-chip", children: [
+        f.label && /* @__PURE__ */ jsxs("span", { className: "prn-filter-chip-label", children: [
+          f.label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "prn-filter-chip-value", children: f.value }),
+        onRemoveFilter && /* @__PURE__ */ jsx(
+          Button$1,
+          {
+            className: "prn-filter-chip-remove",
+            "aria-label": "Filter entfernen",
+            onPress: () => onRemoveFilter(f.id),
+            children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xD7" })
+          }
+        )
+      ] }, f.id)),
+      onClearAll && /* @__PURE__ */ jsx(Button$1, { className: "prn-filter-clear", onPress: onClearAll, children: "Zur\xFCcksetzen" })
+    ] })
+  ] });
+}
+function ObjectPageSection(props) {
+  const { id, titleText, children, hideTitleText, titleTextUppercase, wrapTitleText, titleTextLevel = "H3", header, className } = props;
+  const level = levelToAria(titleTextLevel);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: cx("prn-op-section", className),
+      "data-section-id": id,
+      role: "region",
+      "aria-label": titleText,
+      children: [
+        !hideTitleText && /* @__PURE__ */ jsxs("div", { className: "prn-op-section-head", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "heading",
+              "aria-level": level,
+              className: "prn-op-section-title",
+              "data-uppercase": titleTextUppercase ? "" : void 0,
+              "data-wrap": wrapTitleText ? "" : void 0,
+              children: titleText
+            }
+          ),
+          header && /* @__PURE__ */ jsx("div", { className: "prn-op-section-header-content", children: header })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "prn-op-section-body", children })
+      ]
+    }
+  );
+}
+function ObjectPageSubSection(props) {
+  const { id, titleText, children, actions, hideTitleText, className } = props;
+  return /* @__PURE__ */ jsxs("div", { className: cx("prn-op-subsection", className), "data-subsection-id": id, role: "group", "aria-label": titleText, children: [
+    !hideTitleText && /* @__PURE__ */ jsxs("div", { className: "prn-op-subsection-head", children: [
+      /* @__PURE__ */ jsx("div", { role: "heading", "aria-level": 4, className: "prn-op-subsection-title", children: titleText }),
+      actions && /* @__PURE__ */ jsx("div", { className: "prn-op-subsection-actions", children: actions })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "prn-op-subsection-body", children })
+  ] });
+}
+function levelToAria(level) {
+  return Number(level.slice(1));
+}
+var ObjectPage = forwardRef(function ObjectPage2(props, ref) {
+  const {
+    title,
+    subtitle,
+    status,
+    kpis,
+    actions,
+    breadcrumbs,
+    header,
+    subHeader,
+    snappedHeader,
+    snappedSubHeader,
+    expandedContent,
+    snappedContent,
+    actionsBar,
+    navigationBar,
+    headerArea,
+    headerPinned,
+    hidePinButton,
+    preserveHeaderStateOnClick,
+    onToggleHeaderArea,
+    onPinButtonToggle,
+    image,
+    imageShapeCircle,
+    footerArea,
+    placeholder,
+    mode = "default",
+    selectedSectionId,
+    selectedSubSectionId,
+    onSelectedSectionChange,
+    onBeforeNavigate,
+    accessibilityAttributes,
+    sections,
+    children,
+    glass,
+    className,
+    style
+  } = props;
+  const reactId = useId();
+  const normalizedSections = useMemo(() => {
+    const out = [];
+    Children.forEach(children, (child) => {
+      if (isValidElement(child) && child.type === ObjectPageSection) {
+        const p = child.props;
+        out.push({ id: p.id, titleText: p.titleText, node: child });
+      }
+    });
+    if (sections && sections.length > 0) {
+      sections.forEach((section, i) => {
+        const id = `legacy-section-${i}`;
+        const titleText = typeof section.title === "string" ? section.title : `Abschnitt ${i + 1}`;
+        out.push({
+          id,
+          titleText,
+          node: /* @__PURE__ */ jsx(ObjectPageSection, { id, titleText, hideTitleText: section.title == null, children: /* @__PURE__ */ jsx("dl", { className: "prn-field-grid", children: section.fields.map((field, j) => /* @__PURE__ */ jsxs("div", { className: "prn-field-row", children: [
+            /* @__PURE__ */ jsx("dt", { className: "prn-field-key", children: field.label }),
+            /* @__PURE__ */ jsx("dd", { className: "prn-field-val", "data-numeric": field.numeric ? "" : void 0, children: field.value })
+          ] }, j)) }) }, id)
+        });
+      });
+    }
+    return out;
+  }, [children, sections]);
+  const freeChildren = useMemo(() => {
+    const out = [];
+    Children.forEach(children, (child) => {
+      if (isValidElement(child) && child.type === ObjectPageSection) return;
+      out.push(child);
+    });
+    return out;
+  }, [children]);
+  const hasAnchorBar = normalizedSections.length > 1;
+  const [internalActiveId, setInternalActiveId] = useState(
+    selectedSectionId ?? normalizedSections[0]?.id
+  );
+  const activeId = selectedSectionId ?? internalActiveId ?? normalizedSections[0]?.id;
+  useEffect(() => {
+    if (selectedSectionId != null) return;
+    if (!normalizedSections.some((s) => s.id === internalActiveId)) {
+      setInternalActiveId(normalizedSections[0]?.id);
+    }
+  }, [normalizedSections, internalActiveId, selectedSectionId]);
+  const scrollRef = useRef(null);
+  const sectionRefs = useRef(/* @__PURE__ */ new Map());
+  const registerSection = useCallback((id, el) => {
+    if (el) sectionRefs.current.set(id, el);
+    else sectionRefs.current.delete(id);
+  }, []);
+  const navigateTo = useCallback(
+    (id, opts = { scroll: true }) => {
+      const index = normalizedSections.findIndex((s) => s.id === id);
+      if (index < 0) return;
+      let cancelled = false;
+      onBeforeNavigate?.({
+        sectionId: id,
+        sectionIndex: index,
+        preventDefault: () => {
+          cancelled = true;
+        }
+      });
+      if (cancelled) return;
+      if (selectedSectionId == null) setInternalActiveId(id);
+      onSelectedSectionChange?.({ selectedSectionIndex: index, selectedSectionId: id });
+      if (opts.scroll && mode === "default") {
+        const el = sectionRefs.current.get(id);
+        el?.scrollIntoView({ behavior: "smooth", block: "start" });
+      }
+    },
+    [normalizedSections, onBeforeNavigate, onSelectedSectionChange, selectedSectionId, mode]
+  );
+  useEffect(() => {
+    if (mode !== "default" || !hasAnchorBar) return;
+    if (typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const visible = entries.filter((e) => e.isIntersecting).sort((a, b) => b.intersectionRatio - a.intersectionRatio);
+        const top = visible[0];
+        if (!top) return;
+        const id = top.target.dataset.sectionAnchor;
+        if (id && id !== activeId && selectedSectionId == null) {
+          setInternalActiveId(id);
+          const index = normalizedSections.findIndex((s) => s.id === id);
+          onSelectedSectionChange?.({ selectedSectionIndex: index, selectedSectionId: id });
+        }
+      },
+      { root: scrollRef.current, threshold: [0.1, 0.5, 0.9], rootMargin: "0px 0px -55% 0px" }
+    );
+    sectionRefs.current.forEach((el) => observer.observe(el));
+    return () => observer.disconnect();
+  }, [mode, hasAnchorBar, normalizedSections, selectedSectionId, onSelectedSectionChange]);
+  const [snapped, setSnapped] = useState(false);
+  const [pinned, setPinned] = useState(!!headerPinned);
+  useEffect(() => {
+    if (headerPinned != null) setPinned(headerPinned);
+  }, [headerPinned]);
+  const setSnappedState = useCallback(
+    (next) => {
+      setSnapped((prev) => {
+        if (prev === next) return prev;
+        onToggleHeaderArea?.(!next);
+        return next;
+      });
+    },
+    [onToggleHeaderArea]
+  );
+  useImperativeHandle(
+    ref,
+    () => ({
+      toggleHeaderArea: (s) => {
+        setSnappedState(s == null ? !snapped : s);
+      }
+    }),
+    [setSnappedState, snapped]
+  );
+  const onScroll = useCallback(() => {
+    if (pinned || !headerArea) return;
+    const el = scrollRef.current;
+    if (!el) return;
+    setSnappedState(el.scrollTop > 8);
+  }, [pinned, headerArea, setSnappedState]);
+  const handleTitleClick = useCallback(() => {
+    if (preserveHeaderStateOnClick || !headerArea) return;
+    setSnappedState(!snapped);
+  }, [preserveHeaderStateOnClick, headerArea, snapped, setSnappedState]);
+  const togglePin = useCallback(() => {
+    const next = !pinned;
+    if (headerPinned == null) setPinned(next);
+    onPinButtonToggle?.(next);
+    if (next) setSnappedState(false);
+  }, [pinned, headerPinned, onPinButtonToggle, setSnappedState]);
+  const tabRefs = useRef(/* @__PURE__ */ new Map());
+  const onTabKeyDown = useCallback(
+    (e, index) => {
+      let nextIndex = null;
+      if (e.key === "ArrowRight" || e.key === "ArrowDown") nextIndex = (index + 1) % normalizedSections.length;
+      else if (e.key === "ArrowLeft" || e.key === "ArrowUp")
+        nextIndex = (index - 1 + normalizedSections.length) % normalizedSections.length;
+      else if (e.key === "Home") nextIndex = 0;
+      else if (e.key === "End") nextIndex = normalizedSections.length - 1;
+      if (nextIndex == null) return;
+      e.preventDefault();
+      const target = normalizedSections[nextIndex];
+      if (!target) return;
+      navigateTo(target.id);
+      tabRefs.current.get(target.id)?.focus();
+    },
+    [normalizedSections, navigateTo]
+  );
+  const effectiveActions = actions ?? actionsBar;
+  const showSnappedTitle = snapped;
+  const headerNode = showSnappedTitle && snappedHeader != null ? snappedHeader : header ?? title;
+  const subHeaderNode = showSnappedTitle && snappedSubHeader != null ? snappedSubHeader : subHeader ?? subtitle;
+  const renderImage = () => {
+    if (image == null) return null;
+    const inner = typeof image === "string" ? /* @__PURE__ */ jsx("img", { className: "prn-op-image-img", src: image, alt: "" }) : image;
+    return /* @__PURE__ */ jsx("div", { className: "prn-op-image", "data-circle": imageShapeCircle ? "" : void 0, children: inner });
+  };
+  const topHeaderA11y = accessibilityAttributes?.objectPageTopHeader;
+  const anchorBarA11y = accessibilityAttributes?.objectPageAnchorBar;
+  const footerA11y = accessibilityAttributes?.objectPageFooterActions;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx("prn-objectpage", className),
+      "data-mode": mode,
+      "data-snapped": snapped ? "" : void 0,
+      "data-pinned": pinned ? "" : void 0,
+      style,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "header",
+          {
+            className: cx(
+              "prn-objectpage-head prn-op-top-header",
+              glass && "prn-glass prn-glass-bar"
+            ),
+            role: topHeaderA11y?.role ?? "banner",
+            "aria-label": topHeaderA11y?.["aria-label"],
+            children: [
+              breadcrumbs && /* @__PURE__ */ jsx("div", { className: "prn-op-breadcrumbs", children: breadcrumbs }),
+              /* @__PURE__ */ jsxs("div", { className: "prn-objectpage-headrow", children: [
+                renderImage(),
+                /* @__PURE__ */ jsxs("div", { className: "prn-objectpage-titles", children: [
+                  /* @__PURE__ */ jsx(
+                    "h1",
+                    {
+                      className: "prn-objectpage-title",
+                      onClick: handleTitleClick,
+                      "data-clickable": !preserveHeaderStateOnClick && headerArea ? "" : void 0,
+                      children: headerNode
+                    }
+                  ),
+                  subHeaderNode && /* @__PURE__ */ jsx("span", { className: "prn-objectpage-subtitle", children: subHeaderNode }),
+                  (snapped ? snappedContent : expandedContent) && /* @__PURE__ */ jsx("div", { className: "prn-op-state-content", children: snapped ? snappedContent : expandedContent })
+                ] }),
+                status && /* @__PURE__ */ jsx("span", { className: "prn-objectpage-status", children: /* @__PURE__ */ jsxs("span", { className: "prn-status-badge", "data-tone": status.tone ?? "neutral", children: [
+                  /* @__PURE__ */ jsx("span", { className: "prn-status-dot", "aria-hidden": true }),
+                  status.label
+                ] }) }),
+                navigationBar && /* @__PURE__ */ jsx("div", { className: "prn-op-navigation-bar", children: navigationBar }),
+                effectiveActions && /* @__PURE__ */ jsx("div", { className: "prn-objectpage-actions", children: effectiveActions }),
+                !hidePinButton && headerArea && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "prn-op-pin",
+                    "aria-pressed": pinned,
+                    "aria-label": pinned ? "Header l\xF6sen" : "Header anheften",
+                    onClick: togglePin,
+                    children: /* @__PURE__ */ jsx(Icon, { name: pinned ? "pin" : "pin-off", size: 16 })
+                  }
+                )
+              ] }),
+              headerArea && !snapped && /* @__PURE__ */ jsx("div", { className: "prn-op-header-area", children: headerArea }),
+              kpis && kpis.length > 0 && /* @__PURE__ */ jsx("div", { className: "prn-objectpage-kpis", children: kpis.map((kpi, i) => /* @__PURE__ */ jsxs("div", { className: "prn-kpi", children: [
+                /* @__PURE__ */ jsx("span", { className: "prn-kpi-label", children: kpi.label }),
+                /* @__PURE__ */ jsx("span", { className: "prn-kpi-value", "data-tone": kpi.tone, children: kpi.value })
+              ] }, i)) })
+            ]
+          }
+        ),
+        hasAnchorBar && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "prn-op-anchorbar",
+            role: anchorBarA11y?.role ?? "tablist",
+            "aria-label": anchorBarA11y?.["aria-label"] ?? "Sektionen",
+            children: normalizedSections.map((s, i) => {
+              const selected = s.id === activeId;
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  id: `${reactId}-tab-${s.id}`,
+                  "aria-selected": selected,
+                  "aria-controls": `${reactId}-panel-${s.id}`,
+                  tabIndex: selected ? 0 : -1,
+                  className: "prn-op-anchor",
+                  "data-selected": selected ? "" : void 0,
+                  ref: (el) => {
+                    if (el) tabRefs.current.set(s.id, el);
+                    else tabRefs.current.delete(s.id);
+                  },
+                  onClick: () => navigateTo(s.id),
+                  onKeyDown: (e) => onTabKeyDown(e, i),
+                  children: s.titleText
+                },
+                s.id
+              );
+            })
+          }
+        ),
+        placeholder != null ? /* @__PURE__ */ jsx("div", { className: "prn-op-placeholder", role: "status", children: placeholder }) : /* @__PURE__ */ jsx("div", { className: "prn-op-scroll", ref: scrollRef, onScroll, children: /* @__PURE__ */ jsxs("div", { className: "prn-objectpage-sections-stack", children: [
+          normalizedSections.map((s) => {
+            const isActive = s.id === activeId;
+            if (mode === "iconTabBar" && !isActive) return null;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "prn-op-section-anchor",
+                "data-section-anchor": s.id,
+                "data-active": isActive ? "" : void 0,
+                id: `${reactId}-panel-${s.id}`,
+                role: hasAnchorBar ? "tabpanel" : void 0,
+                "aria-labelledby": hasAnchorBar ? `${reactId}-tab-${s.id}` : void 0,
+                ref: (el) => registerSection(s.id, el),
+                children: s.node
+              },
+              s.id
+            );
+          }),
+          freeChildren
+        ] }) }),
+        footerArea && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "prn-op-footer",
+            role: footerA11y?.role ?? "contentinfo",
+            "aria-label": footerA11y?.["aria-label"],
+            children: footerArea
+          }
+        ),
+        selectedSubSectionId && /* @__PURE__ */ jsx("input", { type: "hidden", "data-selected-subsection": selectedSubSectionId, readOnly: true, value: "" })
+      ]
+    }
+  );
+});
+var PREFIX = "apl:filterstate:";
+function readPersisted(persistKey, fallback) {
+  if (typeof window === "undefined" || !window.localStorage) return fallback;
+  try {
+    const raw = localStorage.getItem(PREFIX + persistKey);
+    if (!raw) return fallback;
+    return { ...fallback, ...JSON.parse(raw) };
+  } catch {
+    return fallback;
+  }
+}
+function writePersisted(persistKey, value) {
+  if (typeof window === "undefined" || !window.localStorage) return;
+  try {
+    localStorage.setItem(PREFIX + persistKey, JSON.stringify(value));
+  } catch {
+  }
+}
+var defaultIsActive = (_k, value, dflt) => value !== dflt && value !== "" && value !== void 0 && value !== null;
+function useFilterState(options) {
+  const { persistKey, defaultValues, labels, isActive = defaultIsActive } = options;
+  const [values, setValuesState] = useState(() => readPersisted(persistKey, defaultValues));
+  const persist = useCallback(
+    (next) => {
+      setValuesState(next);
+      writePersisted(persistKey, next);
+    },
+    [persistKey]
+  );
+  const setValue = useCallback(
+    (key, value) => persist({ ...values, [key]: value }),
+    [persist, values]
+  );
+  const setValues = useCallback(
+    (patch) => persist({ ...values, ...patch }),
+    [persist, values]
+  );
+  const reset = useCallback(() => {
+    if (typeof window !== "undefined" && window.localStorage) {
+      try {
+        localStorage.removeItem(PREFIX + persistKey);
+      } catch {
+      }
+    }
+    setValuesState(defaultValues);
+  }, [persistKey, defaultValues]);
+  const activeFilters = useMemo(() => {
+    const out = [];
+    for (const key of Object.keys(values)) {
+      if (isActive(key, values[key], defaultValues[key])) {
+        out.push({
+          id: String(key),
+          label: labels?.[key],
+          value: String(values[key])
+        });
+      }
+    }
+    return out;
+  }, [values, defaultValues, labels, isActive]);
+  return { values, setValue, setValues, reset, activeFilters };
+}
+function RadioGroup({ label, description, errorMessage, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(RadioGroup$1, { ...props, className: cx("prn-field prn-radiogroup", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "prn-radiogroup-items", children }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function Radio({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(Radio$1, { ...props, className: cx("prn-radio", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "prn-radio-dot", "aria-hidden": true }),
+    children && /* @__PURE__ */ jsx("span", { className: "prn-radio-label", children })
+  ] });
+}
+function CheckboxGroup({ label, description, errorMessage, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(CheckboxGroup$1, { ...props, className: cx("prn-field prn-checkboxgroup", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "prn-checkboxgroup-items", children }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function NumberField({ label, description, errorMessage, placeholder, className, ...props }) {
+  return /* @__PURE__ */ jsxs(NumberField$1, { ...props, className: cx("prn-field prn-numberfield", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsxs(Group, { className: "prn-numberfield-group", children: [
+      /* @__PURE__ */ jsx(Button$1, { slot: "decrement", className: "prn-numberfield-step", children: "\u2212" }),
+      /* @__PURE__ */ jsx(Input, { className: "prn-input prn-numberfield-input", placeholder }),
+      /* @__PURE__ */ jsx(Button$1, { slot: "increment", className: "prn-numberfield-step", children: "+" })
+    ] }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function Slider({ label, showValue = true, className, ...props }) {
+  return /* @__PURE__ */ jsxs(Slider$1, { ...props, className: cx("prn-slider", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "prn-slider-header", children: [
+      label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+      showValue && /* @__PURE__ */ jsx(SliderOutput, { className: "prn-slider-output" })
+    ] }),
+    /* @__PURE__ */ jsx(SliderTrack, { className: "prn-slider-track", children: ({ state }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "prn-slider-fill", style: { width: `${state.getThumbPercent(0) * 100}%` } }),
+      /* @__PURE__ */ jsx(SliderThumb, { className: "prn-slider-thumb" })
+    ] }) })
+  ] });
+}
+function ComboBox({ label, placeholder, description, errorMessage, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(ComboBox$1, { ...props, className: cx("prn-field prn-combobox", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "prn-combobox-control", children: [
+      /* @__PURE__ */ jsx(Input, { className: "prn-input prn-combobox-input", placeholder }),
+      /* @__PURE__ */ jsx(Button$1, { className: "prn-combobox-button", children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          viewBox: "0 0 12 12",
+          width: "12",
+          height: "12",
+          "aria-hidden": true,
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: /* @__PURE__ */ jsx("path", { d: "M2.75 4.5 6 7.75 9.25 4.5" })
+        }
+      ) })
+    ] }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage }),
+    /* @__PURE__ */ jsx(Popover, { className: "prn-popover prn-combobox-popover", children: /* @__PURE__ */ jsx(ListBox, { className: "prn-listbox", children }) })
+  ] });
+}
+function ComboBoxItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ListBoxItem, { ...props, className: cx("prn-option", className) });
+}
+function Form({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Form$1, { ...props, className: cx("prn-form", className) });
+}
+function FieldError5({ className, ...props }) {
+  return /* @__PURE__ */ jsx(FieldError, { ...props, className: cx("prn-field-error", className) });
+}
+function ListBox3({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ListBox, { ...props, className: cx("prn-listbox prn-listbox-standalone", className) });
+}
+function ListBoxOption({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ListBoxItem, { ...props, className: cx("prn-option", className) });
+}
+function GridList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(GridList$1, { ...props, className: cx("prn-gridlist", className) });
+}
+function GridListItem({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(GridListItem$1, { ...props, className: cx("prn-gridlist-item", className), children });
+}
+function TagGroup({
+  label,
+  children,
+  renderEmptyState,
+  items,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(TagGroup$1, { ...props, className: cx("prn-taggroup", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx(TagList, { className: "prn-taglist", items, renderEmptyState, children })
+  ] });
+}
+function Tag({ children, className, textValue, ...props }) {
+  const derivedTextValue = textValue ?? (typeof children === "string" ? children : void 0);
+  return /* @__PURE__ */ jsx(Tag$1, { ...props, textValue: derivedTextValue, className: cx("prn-tag", className), children: ({ allowsRemoving }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "prn-tag-label", children }),
+    allowsRemoving && /* @__PURE__ */ jsx(Button$1, { slot: "remove", className: "prn-tag-remove", "aria-label": "Entfernen", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": true, className: "prn-tag-remove-icon", children: /* @__PURE__ */ jsx("path", { d: "M4 4 L10 10 M10 4 L4 10" }) }) })
+  ] }) });
+}
+function Breadcrumbs({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Breadcrumbs$1, { ...props, className: cx("prn-breadcrumbs", className) });
+}
+function Breadcrumb({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Breadcrumb$1, { ...props, className: cx("prn-breadcrumb", className) });
+}
+function Link({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Link$1, { ...props, className: cx("prn-link", className) });
+}
+function Disclosure({ title, children, className, ...props }) {
+  return /* @__PURE__ */ jsxs(Disclosure$1, { ...props, className: cx("prn-disclosure", className), children: [
+    /* @__PURE__ */ jsx(Heading, { className: "prn-disclosure-heading", children: /* @__PURE__ */ jsxs(Button$1, { slot: "trigger", className: "prn-disclosure-trigger", children: [
+      /* @__PURE__ */ jsx("span", { className: "prn-disclosure-title", children: title }),
+      /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", className: "prn-disclosure-chevron", "aria-hidden": true, children: /* @__PURE__ */ jsx("polyline", { points: "6,4 10,8 6,12" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(DisclosurePanel, { className: "prn-disclosure-panel", children })
+  ] });
+}
+function DisclosureGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(DisclosureGroup$1, { ...props, className: cx("prn-disclosure-group", className) });
+}
+function Tree({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Tree$1, { ...props, className: cx("prn-tree", className) });
+}
+function TreeItem({ title, textValue, children, className, ...props }) {
+  const resolvedTextValue = textValue ?? (typeof title === "string" ? title : "");
+  return /* @__PURE__ */ jsxs(
+    TreeItem$1,
+    {
+      ...props,
+      textValue: resolvedTextValue,
+      className: cx("prn-tree-item", className),
+      children: [
+        /* @__PURE__ */ jsx(TreeItemContent, { children: ({ hasChildItems, selectionMode }) => /* @__PURE__ */ jsxs("div", { className: "prn-tree-row", children: [
+          selectionMode !== "none" && /* @__PURE__ */ jsx(Checkbox$1, { slot: "selection", className: "prn-tree-check", children: /* @__PURE__ */ jsx("span", { className: "prn-tree-check-box", "aria-hidden": true, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 18 18", className: "prn-tree-check-mark", children: /* @__PURE__ */ jsx("polyline", { points: "4,9 8,13 14,5" }) }) }) }),
+          hasChildItems ? /* @__PURE__ */ jsx(Button$1, { slot: "chevron", className: "prn-tree-chevron", "aria-label": "Aufklappen", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M6 4l4 4-4 4", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : /* @__PURE__ */ jsx("span", { className: "prn-tree-chevron prn-tree-chevron-spacer", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "prn-tree-label", children: title })
+        ] }) }),
+        children
+      ]
+    }
+  );
+}
+function Table({ stickyHeader, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Table$1,
+    {
+      ...props,
+      "data-sticky": stickyHeader || void 0,
+      className: cx("prn-table", className)
+    }
+  );
+}
+function TableHeader({ className, children, ...props }) {
+  const { selectionBehavior, selectionMode } = useTableOptions();
+  if (typeof children === "function") {
+    return /* @__PURE__ */ jsx(TableHeader$1, { ...props, className: cx("prn-table-header", className), children });
+  }
+  return /* @__PURE__ */ jsxs(TableHeader$1, { ...props, className: cx("prn-table-header", className), children: [
+    selectionBehavior === "toggle" && /* @__PURE__ */ jsx(Column$1, { className: "prn-table-column prn-table-selection-cell", children: selectionMode === "multiple" && /* @__PURE__ */ jsx(SelectionCheckbox, { slot: "selection" }) }),
+    children
+  ] });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(TableBody$1, { ...props, className: cx("prn-table-body", className) });
+}
+function Column({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(Column$1, { ...props, className: cx("prn-table-column", className), children: (renderProps) => /* @__PURE__ */ jsxs("span", { className: "prn-table-column-inner", children: [
+    children,
+    renderProps.allowsSorting && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "prn-table-sort-indicator", "data-direction": renderProps.sortDirection, children: renderProps.sortDirection === "ascending" ? "\u25B2" : renderProps.sortDirection === "descending" ? "\u25BC" : "" })
+  ] }) });
+}
+function Row({ className, children, columns, ...props }) {
+  const { selectionBehavior } = useTableOptions();
+  if (typeof children === "function") {
+    return /* @__PURE__ */ jsx(Row$1, { ...props, columns, className: cx("prn-table-row", className), children });
+  }
+  return /* @__PURE__ */ jsxs(Row$1, { ...props, columns, className: cx("prn-table-row", className), children: [
+    selectionBehavior === "toggle" && /* @__PURE__ */ jsx(Cell, { className: "prn-table-selection-cell", children: /* @__PURE__ */ jsx(SelectionCheckbox, { slot: "selection" }) }),
+    children
+  ] });
+}
+function Cell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Cell$1, { ...props, className: cx("prn-table-cell", className) });
+}
+function SelectionCheckbox(props) {
+  return /* @__PURE__ */ jsx(Checkbox$1, { ...props, className: "prn-checkbox prn-table-checkbox", children: /* @__PURE__ */ jsx("span", { className: "prn-checkbox-box", "aria-hidden": true, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 18 18", className: "prn-checkbox-check", children: /* @__PURE__ */ jsx("polyline", { points: "4,9 8,13 14,5" }) }) }) });
+}
+function DateField({
+  label,
+  description,
+  errorMessage,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DateField$1, { ...props, className: cx("prn-field", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx(DateInput, { className: "prn-dateinput", children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment, className: "prn-datesegment" }) }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function TimeField({
+  label,
+  description,
+  errorMessage,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(TimeField$1, { ...props, className: cx("prn-field", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx(DateInput, { className: "prn-dateinput", children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment, className: "prn-datesegment" }) }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function CalendarHeader() {
+  return /* @__PURE__ */ jsxs("header", { className: "prn-calendar-header", children: [
+    /* @__PURE__ */ jsx(Button$1, { slot: "previous", className: "prn-calendar-nav", "aria-label": "Vorheriger Monat", children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u2039" }) }),
+    /* @__PURE__ */ jsx(Heading, { className: "prn-calendar-title" }),
+    /* @__PURE__ */ jsx(Button$1, { slot: "next", className: "prn-calendar-nav", "aria-label": "N\xE4chster Monat", children: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u203A" }) })
+  ] });
+}
+function CalendarMonthGrid() {
+  return /* @__PURE__ */ jsxs(CalendarGrid, { className: "prn-calendar-grid", children: [
+    /* @__PURE__ */ jsx(CalendarGridHeader, { className: "prn-calendar-grid-header", children: (day) => /* @__PURE__ */ jsx(CalendarHeaderCell, { className: "prn-calendar-weekday", children: day }) }),
+    /* @__PURE__ */ jsx(CalendarGridBody, { className: "prn-calendar-grid-body", children: (date) => /* @__PURE__ */ jsx(CalendarCell, { date, className: "prn-calendar-cell" }) })
+  ] });
+}
+function Calendar({ errorMessage, className, ...props }) {
+  return /* @__PURE__ */ jsxs(Calendar$1, { ...props, className: cx("prn-calendar", className), children: [
+    /* @__PURE__ */ jsx(CalendarHeader, {}),
+    /* @__PURE__ */ jsx(CalendarMonthGrid, {}),
+    errorMessage && /* @__PURE__ */ jsx(Text, { slot: "errorMessage", className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function RangeCalendar({ errorMessage, className, ...props }) {
+  return /* @__PURE__ */ jsxs(RangeCalendar$1, { ...props, className: cx("prn-calendar prn-calendar-range", className), children: [
+    /* @__PURE__ */ jsx(CalendarHeader, {}),
+    /* @__PURE__ */ jsx(CalendarMonthGrid, {}),
+    errorMessage && /* @__PURE__ */ jsx(Text, { slot: "errorMessage", className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function CalendarBody() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("header", { className: "prn-cal-header", children: [
+      /* @__PURE__ */ jsx(Button$1, { slot: "previous", className: "prn-cal-nav", "aria-label": "Vorheriger Monat", children: "\u2039" }),
+      /* @__PURE__ */ jsx(Heading, { className: "prn-cal-heading" }),
+      /* @__PURE__ */ jsx(Button$1, { slot: "next", className: "prn-cal-nav", "aria-label": "N\xE4chster Monat", children: "\u203A" })
+    ] }),
+    /* @__PURE__ */ jsxs(CalendarGrid, { className: "prn-cal-grid", children: [
+      /* @__PURE__ */ jsx(CalendarGridHeader, { className: "prn-cal-grid-header", children: (day) => /* @__PURE__ */ jsx(CalendarHeaderCell, { className: "prn-cal-weekday", children: day }) }),
+      /* @__PURE__ */ jsx(CalendarGridBody, { className: "prn-cal-grid-body", children: (date) => /* @__PURE__ */ jsx(CalendarCell, { date, className: "prn-cal-cell" }) })
+    ] })
+  ] });
+}
+function DatePicker({
+  label,
+  description,
+  errorMessage,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DatePicker$1, { ...props, className: cx("prn-field prn-datepicker", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsxs(Group, { className: "prn-dateinput", children: [
+      /* @__PURE__ */ jsx(DateInput, { className: "prn-dateinput-segments", children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment, className: "prn-date-segment" }) }),
+      /* @__PURE__ */ jsx(Button$1, { className: "prn-dateinput-trigger", "aria-label": "Kalender \xF6ffnen", children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          viewBox: "0 0 16 16",
+          width: "15",
+          height: "15",
+          "aria-hidden": true,
+          fill: "none",
+          stroke: "var(--prn-accent-strong)",
+          strokeWidth: "1.4",
+          strokeLinecap: "round",
+          children: [
+            /* @__PURE__ */ jsx("rect", { x: "2.25", y: "3.25", width: "11.5", height: "10.5", rx: "2.5" }),
+            /* @__PURE__ */ jsx("path", { d: "M2.25 6.5h11.5M5 2v2.2M11 2v2.2" })
+          ]
+        }
+      ) })
+    ] }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage }),
+    /* @__PURE__ */ jsx(Popover, { className: "prn-popover prn-cal-popover", children: /* @__PURE__ */ jsx(Dialog, { className: "prn-cal-dialog", children: /* @__PURE__ */ jsx(Calendar$1, { className: "prn-calendar", children: /* @__PURE__ */ jsx(CalendarBody, {}) }) }) })
+  ] });
+}
+function DateRangePicker({
+  label,
+  description,
+  errorMessage,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DateRangePicker$1, { ...props, className: cx("prn-field prn-daterangepicker", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsxs(Group, { className: "prn-dateinput prn-daterange-group", children: [
+      /* @__PURE__ */ jsx(DateInput, { slot: "start", className: "prn-dateinput-segments", children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment, className: "prn-date-segment" }) }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "prn-daterange-sep", children: "\u2013" }),
+      /* @__PURE__ */ jsx(DateInput, { slot: "end", className: "prn-dateinput-segments", children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment, className: "prn-date-segment" }) }),
+      /* @__PURE__ */ jsx(Button$1, { className: "prn-dateinput-trigger", "aria-label": "Kalender \xF6ffnen", children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          viewBox: "0 0 16 16",
+          width: "15",
+          height: "15",
+          "aria-hidden": true,
+          fill: "none",
+          stroke: "var(--prn-accent-strong)",
+          strokeWidth: "1.4",
+          strokeLinecap: "round",
+          children: [
+            /* @__PURE__ */ jsx("rect", { x: "2.25", y: "3.25", width: "11.5", height: "10.5", rx: "2.5" }),
+            /* @__PURE__ */ jsx("path", { d: "M2.25 6.5h11.5M5 2v2.2M11 2v2.2" })
+          ]
+        }
+      ) })
+    ] }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage }),
+    /* @__PURE__ */ jsx(Popover, { className: "prn-popover prn-cal-popover", children: /* @__PURE__ */ jsx(Dialog, { className: "prn-cal-dialog", children: /* @__PURE__ */ jsx(RangeCalendar$1, { className: "prn-calendar", children: /* @__PURE__ */ jsx(CalendarBody, {}) }) }) })
+  ] });
+}
+function ColorField({
+  label,
+  description,
+  errorMessage,
+  placeholder,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(ColorField$1, { ...props, className: cx("prn-field", className), children: [
+    label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+    /* @__PURE__ */ jsx(Input, { className: "prn-input prn-colorfield-input", placeholder }),
+    description && /* @__PURE__ */ jsx(Text, { slot: "description", className: "prn-field-desc", children: description }),
+    /* @__PURE__ */ jsx(FieldError, { className: "prn-field-error", children: errorMessage })
+  ] });
+}
+function ColorSwatch({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ColorSwatch$1, { ...props, className: cx("prn-colorswatch", className) });
+}
+function ColorSwatchPicker({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ColorSwatchPicker$1, { ...props, className: cx("prn-colorswatch-picker", className), children });
+}
+function ColorSwatchPickerItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ColorSwatchPickerItem$1,
+    {
+      ...props,
+      className: cx("prn-colorswatch-picker-item", className),
+      children: /* @__PURE__ */ jsx(ColorSwatch, {})
+    }
+  );
+}
+function ColorArea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(ColorArea$1, { ...props, className: cx("prn-colorarea", className), children: /* @__PURE__ */ jsx(ColorThumb, { className: "prn-color-thumb" }) });
+}
+function ColorSlider({ label, showValue = true, className, ...props }) {
+  return /* @__PURE__ */ jsxs(ColorSlider$1, { ...props, className: cx("prn-colorslider", className), children: [
+    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "prn-colorslider-head", children: [
+      label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+      showValue && /* @__PURE__ */ jsx(SliderOutput, { className: "prn-colorslider-output" })
+    ] }),
+    /* @__PURE__ */ jsx(SliderTrack, { className: "prn-colorslider-track", children: /* @__PURE__ */ jsx(ColorThumb, { className: "prn-color-thumb" }) })
+  ] });
+}
+function ColorWheel({ className, outerRadius = 100, innerRadius = 74, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    ColorWheel$1,
+    {
+      ...props,
+      outerRadius,
+      innerRadius,
+      className: cx("prn-colorwheel", className),
+      children: [
+        /* @__PURE__ */ jsx(ColorWheelTrack, { className: "prn-colorwheel-track" }),
+        /* @__PURE__ */ jsx(ColorThumb, { className: "prn-color-thumb" })
+      ]
+    }
+  );
+}
+function ColorPicker({ label = "Farbe", children, className, ...props }) {
+  return /* @__PURE__ */ jsx(ColorPicker$1, { ...props, children: /* @__PURE__ */ jsxs(DialogTrigger, { children: [
+    /* @__PURE__ */ jsxs(Button$1, { className: cx("prn-colorpicker-trigger", className), children: [
+      /* @__PURE__ */ jsx(ColorSwatch$1, { className: "prn-colorpicker-swatch" }),
+      label && /* @__PURE__ */ jsx("span", { className: "prn-colorpicker-label", children: label }),
+      /* @__PURE__ */ jsx("span", { className: "prn-select-chevron", "aria-hidden": true, children: "\u2304" })
+    ] }),
+    /* @__PURE__ */ jsx(Popover, { className: "prn-popover prn-colorpicker-popover", placement: "bottom start", children: /* @__PURE__ */ jsx(Dialog, { className: "prn-colorpicker-dialog", "aria-label": "Farbe w\xE4hlen", children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ColorArea,
+        {
+          colorSpace: "hsb",
+          xChannel: "saturation",
+          yChannel: "brightness",
+          className: "prn-colorpicker-area"
+        }
+      ),
+      /* @__PURE__ */ jsx(ColorSlider, { colorSpace: "hsb", channel: "hue" }),
+      /* @__PURE__ */ jsx(ColorField, { label: "Hex" })
+    ] }) }) })
+  ] }) });
+}
+function ProgressBar({ label, showValue = true, className, ...props }) {
+  return /* @__PURE__ */ jsx(ProgressBar$1, { ...props, className: cx("prn-progressbar", className), children: ({ percentage, valueText, isIndeterminate }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "prn-progressbar-head", children: [
+      label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+      showValue && !isIndeterminate && /* @__PURE__ */ jsx("span", { className: "prn-progressbar-value", children: valueText })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "prn-progressbar-track", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "prn-progressbar-fill",
+        "data-indeterminate": isIndeterminate || void 0,
+        style: isIndeterminate ? void 0 : { width: `${percentage ?? 0}%` }
+      }
+    ) })
+  ] }) });
+}
+function bandFor(percentage) {
+  if (percentage >= 85) return "high";
+  if (percentage >= 60) return "medium";
+  return "low";
+}
+function Meter({ label, showValue = true, bands = false, className, ...props }) {
+  return /* @__PURE__ */ jsx(Meter$1, { ...props, className: cx("prn-meter", className), children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "prn-meter-head", children: [
+      label && /* @__PURE__ */ jsx(Label, { className: "prn-field-label", children: label }),
+      showValue && /* @__PURE__ */ jsx("span", { className: "prn-meter-value", children: valueText })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "prn-meter-track", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "prn-meter-fill",
+        "data-band": bands ? bandFor(percentage) : void 0,
+        style: { width: `${percentage}%` }
+      }
+    ) })
+  ] }) });
+}
+function Separator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Separator$1, { ...props, className: cx("prn-separator", className) });
+}
+function Group3({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Group, { ...props, className: cx("prn-group", className) });
+}
+var toastQueue = new UNSTABLE_ToastQueue({
+  maxVisibleToasts: 5
+});
+function ToastRegion({ queue = toastQueue, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    UNSTABLE_ToastRegion,
+    {
+      ...props,
+      queue,
+      className: cx("prn-toast-region", className),
+      children: ({ toast }) => /* @__PURE__ */ jsxs(
+        UNSTABLE_Toast,
+        {
+          toast,
+          className: "prn-toast",
+          "data-variant": toast.content.variant ?? "default",
+          children: [
+            /* @__PURE__ */ jsxs(UNSTABLE_ToastContent, { className: "prn-toast-content", children: [
+              /* @__PURE__ */ jsx("span", { className: "prn-toast-title", children: toast.content.title }),
+              toast.content.description && /* @__PURE__ */ jsx("span", { className: "prn-toast-desc", children: toast.content.description })
+            ] }),
+            /* @__PURE__ */ jsx(Button$1, { slot: "close", className: "prn-toast-close", "aria-label": "Schlie\xDFen", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 14", "aria-hidden": true, className: "prn-toast-close-icon", children: /* @__PURE__ */ jsx("path", { d: "M3 3 L11 11 M11 3 L3 11" }) }) })
+          ]
+        }
+      )
+    }
+  );
+}
+function DropZone({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(DropZone$1, { ...props, className: cx("prn-dropzone", className), children });
+}
+function FileTrigger({ children = "Datei w\xE4hlen", className, ...props }) {
+  return /* @__PURE__ */ jsx(FileTrigger$1, { ...props, children: /* @__PURE__ */ jsx(Button$1, { className: cx("prn-button", className), "data-variant": "tinted", children }) });
+}
+function GlassSurface({
+  variant = "card",
+  tintColor,
+  as,
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const Component = as ?? "div";
+  const mergedStyle = tintColor ? { "--prn-glass-tint": tintColor, ...style } : style;
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      className: cx("prn-glass", `prn-glass-${variant}`, className),
+      style: mergedStyle,
+      ...rest,
+      children
+    }
+  );
+}
+
+// src/index.ts
+var PRINCE_UI_VERSION = "0.8.0";
+function setTheme(theme) {
+  const root = document.documentElement;
+  if (theme === null) {
+    root.removeAttribute("data-theme");
+  } else {
+    root.setAttribute("data-theme", theme);
+  }
+}
+function getTheme() {
+  return document.documentElement.getAttribute("data-theme") ?? null;
+}
+
+export { Amount, AnalyticalTable, AppShell, AreaChart, Badge, BarChart, Breadcrumb, Breadcrumbs, Button, Calendar, Card, Cell, ChartEmpty, Checkbox, CheckboxGroup, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, ColorWheel, Column, ComboBox, ComboBoxItem, DateField, DatePicker, DateRangePicker, DescriptionList, Disclosure, DisclosureGroup, DonutChart, DropZone, EmptyState, Field, FieldError5 as FieldError, FileTrigger, FilterBar, FilterField, Form, GlassSurface, GridList, GridListItem, Group3 as Group, Icon, KpiCard, Launchpad, Link, List, ListBox3 as ListBox, ListBoxOption, ListRow, Menu, MenuItem, Meter, Modal, Notice, NumberField, ObjectPage, ObjectPageSection, ObjectPageSubSection, PRINCE_UI_VERSION, Popover2 as Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, Row, SearchField, Segment, SegmentedControl, Select, SelectItem, Separator, Sidebar, Slider, Sparkline, Switch, Tab, TabBar, TabPanel, Table, TableBody, TableHeader, Tabs, Tag, TagGroup, TextField, TimeField, ToastRegion, Toolbar, Tooltip, Tree, TreeItem, cx, getTheme, setTheme, smoothPath, toastQueue, useFilterState };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map