@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/components/ComboboxMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxMenu.js","sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type {\n  ComboboxOption,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"./combobox-utils\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  return createPortal(\n    <div\n      id={listId}\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={multiple || undefined}\n      style={{\n        position: \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        minWidth: menuPos.width,\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: floatingZ,\n      }}\n      className=\"w-max overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n    >\n      {loading && filtered.length === 0 && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          Loading…\n        </div>\n      )}\n      {!loading && filtered.length === 0 && !customEntry && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          No results\n        </div>\n      )}\n      {filtered.map((option, index) => {\n        const selected = isSelected(option.value);\n        const mode = tristate ? modes[option.value] : undefined;\n        const showHeader =\n          option.group != null &&\n          option.group !== filtered[index - 1]?.group;\n        return (\n          <Fragment key={option.value}>\n            {showHeader && (\n              <div\n                role=\"presentation\"\n                className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n              >\n                {option.group}\n              </div>\n            )}\n            <div\n              id={listId ? `${listId}-${index}` : undefined}\n              role=\"option\"\n              aria-selected={tristate ? mode != null : selected}\n              aria-disabled={option.disabled}\n              {...(mode != null\n                ? {\n                    \"aria-label\": `${option.label}, ${\n                      mode === \"include\" ? \"included\" : \"excluded\"\n                    }`,\n                  }\n                : {})}\n              {...(option.title !== undefined ? { title: option.title } : {})}\n              {...(tristate\n                ? { \"data-filter-option\": option.value }\n                : {})}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                if (!tristate && !option.disabled) onSelect(option);\n              }}\n              {...(tristate\n                ? {\n                    onClick: () => {\n                      if (!option.disabled) onSelect(option);\n                    },\n                  }\n                : {})}\n              onMouseEnter={() => onHighlight(index)}\n              className={cn(\n                \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                index === highlighted && \"bg-accent\",\n                selected && !tristate && \"font-medium\",\n                option.disabled && \"cursor-not-allowed opacity-50\",\n              )}\n            >\n              {tristate ? (\n                <FilterPill\n                  mode={mode ?? \"neutral\"}\n                  togglePosition=\"right\"\n                  interactive={false}\n                  label={option.label}\n                  onModeChange={(next) => onSetMode(option.value, next)}\n                  className=\"w-full justify-between\"\n                />\n              ) : (\n                <>\n                  <Icon\n                    icon={UiCheck}\n                    className={cn(\n                      \"shrink-0 text-xs\",\n                      selected ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  <LabelIcon\n                    icon={option.icon}\n                    className=\"text-sm text-muted-foreground\"\n                  />\n                  <span className=\"min-w-0 truncate\">{option.label}</span>\n                </>\n              )}\n            </div>\n          </Fragment>\n        );\n      })}\n      {customEntry && (\n        <div\n          id={listId ? `${listId}-${filtered.length}` : undefined}\n          role=\"option\"\n          aria-selected={false}\n          data-filter-add-custom={customEntry.value}\n          title={customEntry.title}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => onSelect(customEntry)}\n          onMouseEnter={() => onHighlight(filtered.length)}\n          className={cn(\n            \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n            highlighted === filtered.length && \"bg-accent\",\n          )}\n        >\n          <LabelIcon\n            icon={customEntry.icon}\n            className=\"text-sm text-muted-foreground\"\n          />\n          <span className=\"min-w-0 truncate\">{customEntry.label}</span>\n        </div>\n      )}\n      {footer != null && (\n        <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n          {footer}\n        </div>\n      )}\n    </div>,\n    document.body,\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"ComboboxMenu.js","sources":["../../src/components/ComboboxMenu.tsx"],"sourcesContent":["import { Fragment, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport { UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type {\n  ComboboxOption,\n  ComboboxTriStateMode,\n} from \"./combobox-types\";\nimport type { ComboboxMenuPosition } from \"./combobox-utils\";\n\nexport function ComboboxMenu({\n  customEntry,\n  filtered,\n  floatingZ,\n  footer,\n  highlighted,\n  isSelected,\n  listId,\n  listRef,\n  loading,\n  menuPos,\n  modes,\n  multiple,\n  onHighlight,\n  onSelect,\n  onSetMode,\n  tristate,\n}: {\n  customEntry: ComboboxOption | null;\n  filtered: ComboboxOption[];\n  floatingZ: number;\n  footer: ReactNode;\n  highlighted: number;\n  isSelected: (value: string) => boolean;\n  listId: string | undefined;\n  listRef: RefObject<HTMLDivElement>;\n  loading: boolean | undefined;\n  menuPos: ComboboxMenuPosition;\n  modes: Record<string, ComboboxTriStateMode>;\n  multiple: boolean;\n  onHighlight: (index: number) => void;\n  onSelect: (option: ComboboxOption) => void;\n  onSetMode: (value: string, mode: string) => void;\n  tristate: boolean;\n}) {\n  return createPortal(\n    <div\n      id={listId}\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={multiple || undefined}\n      style={{\n        position: \"fixed\",\n        ...(menuPos.top != null\n          ? { top: menuPos.top }\n          : { bottom: menuPos.bottom }),\n        left: menuPos.left,\n        minWidth: menuPos.width,\n        maxWidth: menuPos.maxWidth,\n        maxHeight: menuPos.maxHeight,\n        zIndex: floatingZ,\n      }}\n      className=\"w-max overflow-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n    >\n      {loading && filtered.length === 0 && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          Loading…\n        </div>\n      )}\n      {!loading && filtered.length === 0 && !customEntry && (\n        <div className=\"px-2 py-4 text-center text-sm text-muted-foreground\">\n          No results\n        </div>\n      )}\n      {filtered.map((option, index) => {\n        const selected = isSelected(option.value);\n        const mode = tristate ? modes[option.value] : undefined;\n        const showHeader =\n          option.group != null &&\n          option.group !== filtered[index - 1]?.group;\n        return (\n          <Fragment key={option.value}>\n            {showHeader && (\n              <div\n                role=\"presentation\"\n                className=\"select-none px-2 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\"\n              >\n                {option.group}\n              </div>\n            )}\n            <div\n              id={listId ? `${listId}-${index}` : undefined}\n              role=\"option\"\n              aria-selected={tristate ? mode != null : selected}\n              aria-disabled={option.disabled}\n              {...(mode != null\n                ? {\n                    \"aria-label\": `${option.label}, ${\n                      mode === \"include\" ? \"included\" : \"excluded\"\n                    }`,\n                  }\n                : {})}\n              {...(option.title !== undefined ? { title: option.title } : {})}\n              {...(tristate\n                ? { \"data-filter-option\": option.value }\n                : {})}\n              onMouseDown={(event) => {\n                event.preventDefault();\n                if (!tristate && !option.disabled) onSelect(option);\n              }}\n              {...(tristate\n                ? {\n                    onClick: () => {\n                      if (!option.disabled) onSelect(option);\n                    },\n                  }\n                : {})}\n              onMouseEnter={() => onHighlight(index)}\n              className={cn(\n                \"flex cursor-pointer gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                option.description ? \"items-start\" : \"items-center\",\n                index === highlighted && \"bg-accent\",\n                selected && !tristate && \"font-medium\",\n                option.disabled && \"cursor-not-allowed opacity-50\",\n              )}\n            >\n              {tristate ? (\n                <div className=\"min-w-0 flex-1\">\n                  <FilterPill\n                    mode={mode ?? \"neutral\"}\n                    togglePosition=\"right\"\n                    interactive={false}\n                    label={option.label}\n                    onModeChange={(next) => onSetMode(option.value, next)}\n                    className=\"w-full justify-between\"\n                  />\n                  <ComboboxOptionDescription description={option.description} />\n                </div>\n              ) : (\n                <>\n                  <Icon\n                    icon={UiCheck}\n                    className={cn(\n                      \"shrink-0 text-xs\",\n                      option.description && \"mt-1\",\n                      selected ? \"opacity-100\" : \"opacity-0\",\n                    )}\n                  />\n                  <LabelIcon\n                    icon={option.icon}\n                    className={cn(\n                      \"text-sm text-muted-foreground\",\n                      option.description && \"mt-1\",\n                    )}\n                  />\n                  <ComboboxOptionText option={option} />\n                </>\n              )}\n            </div>\n          </Fragment>\n        );\n      })}\n      {customEntry && (\n        <div\n          id={listId ? `${listId}-${filtered.length}` : undefined}\n          role=\"option\"\n          aria-selected={false}\n          data-filter-add-custom={customEntry.value}\n          title={customEntry.title}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => onSelect(customEntry)}\n          onMouseEnter={() => onHighlight(filtered.length)}\n          className={cn(\n            \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-primary\",\n            highlighted === filtered.length && \"bg-accent\",\n          )}\n        >\n          <LabelIcon\n            icon={customEntry.icon}\n            className=\"text-sm text-muted-foreground\"\n          />\n          <span className=\"min-w-0 truncate\">{customEntry.label}</span>\n        </div>\n      )}\n      {footer != null && (\n        <div className=\"select-none px-2 py-1.5 text-[11px] text-muted-foreground\">\n          {footer}\n        </div>\n      )}\n    </div>,\n    document.body,\n  );\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className=\"min-w-0 flex-1\">\n      <span className=\"block truncate\">{option.label}</span>\n      <ComboboxOptionDescription description={option.description} />\n    </span>\n  );\n}\n\nfunction ComboboxOptionDescription({ description }: { description: string | undefined }) {\n  return description ? (\n    <span className=\"mt-0.5 block whitespace-pre-line text-xs font-normal leading-4 text-muted-foreground\">\n      {description}\n    </span>\n  ) : null;\n}\n"],"names":["Fragment"],"mappings":"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"}

package/dist/components/ComboboxTags.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../data/Icon.cjs");
+const UiClose = require("../icons/components/UiClose.cjs");
+function ComboboxTags({
+  disabled,
+  onRemove,
+  options,
+  values
+}) {
+  return values.map((value, index) => {
+    const option = options.find((entry) => entry.value === value);
+    const label = (option == null ? void 0 : option.selectedLabel) ?? (option == null ? void 0 : option.label) ?? value;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        "data-combobox-tag": value,
+        className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label }),
+          !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${label}`,
+              className: "shrink-0 text-muted-foreground hover:text-foreground",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => onRemove(value),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-3" })
+            }
+          )
+        ]
+      },
+      `${value}-${index}`
+    );
+  });
+}
+exports.ComboboxTags = ComboboxTags;
+//# sourceMappingURL=ComboboxTags.cjs.map

package/dist/components/ComboboxTags.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTags.cjs","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  onRemove,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  onRemove: (value: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <span className=\"truncate\">{label}</span>\n        {!disabled && (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${label}`}\n            className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onRemove(value)}\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        )}\n      </span>\n    );\n  });\n}\n"],"names":["jsxs","jsx","Icon","UiClose"],"mappings":";;;;;AAIO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC,CAAC,YACAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY,UAAU,KAAK;AAAA,cAC3B,WAAU;AAAA,cACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,cAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,cAE7B,UAAAA,2BAAAA,IAACC,WAAA,EAAK,MAAMC,QAAAA,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAdG,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAkB5B,CAAC;AACH;;"}

package/dist/components/ComboboxTags.d.ts

@@ -0,0 +1,8 @@
+import { ComboboxOption } from './combobox-types';
+export declare function ComboboxTags({ disabled, onRemove, options, values, }: {
+    disabled: boolean | undefined;
+    onRemove: (value: string) => void;
+    options: ComboboxOption[];
+    values: string[];
+}): import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=ComboboxTags.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTags.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxTags.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,6CAyBA"}

package/dist/components/ComboboxTags.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "../data/Icon.js";
+import { UiClose } from "../icons/components/UiClose.js";
+function ComboboxTags({
+  disabled,
+  onRemove,
+  options,
+  values
+}) {
+  return values.map((value, index) => {
+    const option = options.find((entry) => entry.value === value);
+    const label = (option == null ? void 0 : option.selectedLabel) ?? (option == null ? void 0 : option.label) ?? value;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-combobox-tag": value,
+        className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
+          !disabled && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${label}`,
+              className: "shrink-0 text-muted-foreground hover:text-foreground",
+              onMouseDown: (event) => event.preventDefault(),
+              onClick: () => onRemove(value),
+              children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "size-3" })
+            }
+          )
+        ]
+      },
+      `${value}-${index}`
+    );
+  });
+}
+export {
+  ComboboxTags
+};
+//# sourceMappingURL=ComboboxTags.js.map

package/dist/components/ComboboxTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTags.js","sources":["../../src/components/ComboboxTags.tsx"],"sourcesContent":["import { Icon } from \"../data/Icon\";\nimport { UiClose } from \"../icons\";\nimport type { ComboboxOption } from \"./combobox-types\";\n\nexport function ComboboxTags({\n  disabled,\n  onRemove,\n  options,\n  values,\n}: {\n  disabled: boolean | undefined;\n  onRemove: (value: string) => void;\n  options: ComboboxOption[];\n  values: string[];\n}) {\n  return values.map((value, index) => {\n    const option = options.find((entry) => entry.value === value);\n    const label = option?.selectedLabel ?? option?.label ?? value;\n    return (\n      <span\n        key={`${value}-${index}`}\n        data-combobox-tag={value}\n        className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n      >\n        <span className=\"truncate\">{label}</span>\n        {!disabled && (\n          <button\n            type=\"button\"\n            aria-label={`Remove ${label}`}\n            className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n            onMouseDown={(event) => event.preventDefault()}\n            onClick={() => onRemove(value)}\n          >\n            <Icon icon={UiClose} className=\"size-3\" />\n          </button>\n        )}\n      </span>\n    );\n  });\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SAAO,OAAO,IAAI,CAAC,OAAO,UAAU;AAClC,UAAM,SAAS,QAAQ,KAAK,CAAC,UAAU,MAAM,UAAU,KAAK;AAC5D,UAAM,SAAQ,iCAAQ,mBAAiB,iCAAQ,UAAS;AACxD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,qBAAmB;AAAA,QACnB,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,YAAY,UAAA,OAAM;AAAA,UACjC,CAAC,YACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAY,UAAU,KAAK;AAAA,cAC3B,WAAU;AAAA,cACV,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,cAC9B,SAAS,MAAM,SAAS,KAAK;AAAA,cAE7B,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,SAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAdG,GAAG,KAAK,IAAI,KAAK;AAAA,IAAA;AAAA,EAkB5B,CAAC;AACH;"}

package/dist/components/ErrorWrapper.cjs

@@ -0,0 +1,168 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const ErrorDetails = require("../data/diagnostics/ErrorDetails.cjs");
+const errorDiagnostics$1 = require("../data/diagnostics/error-diagnostics.cjs");
+const Icon = require("../data/Icon.cjs");
+const utils = require("../lib/utils.cjs");
+const button = require("./button.cjs");
+const UiWarningTriangle = require("../icons/components/UiWarningTriangle.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+const UiCopy = require("../icons/components/UiCopy.cjs");
+class ErrorWrapper extends react.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {
+      error: null,
+      componentStack: null
+    });
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    var _a, _b;
+    this.setState({ componentStack: errorInfo.componentStack ?? null });
+    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, errorInfo);
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ErrorFallback,
+        {
+          error: this.state.error,
+          componentStack: this.state.componentStack
+        }
+      );
+    }
+    return this.props.children;
+  }
+}
+function copyStatusMessage(copyState) {
+  if (copyState === "copied") return "Error details copied to clipboard.";
+  if (copyState === "failed") {
+    return "Clipboard access failed. Expand the error details to copy individual values.";
+  }
+  return "";
+}
+function ErrorFallback({
+  error,
+  componentStack
+}) {
+  const [copyState, setCopyState] = react.useState("idle");
+  const diagnostics = react.useMemo(
+    () => errorDiagnostics(error, componentStack),
+    [componentStack, error]
+  );
+  const copyDetails = async () => {
+    var _a;
+    if (!((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+      setCopyState("failed");
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(errorReport(error, componentStack));
+      setCopyState("copied");
+    } catch {
+      setCopyState("failed");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "main",
+    {
+      "data-slot": "error-wrapper",
+      role: "alert",
+      "aria-labelledby": "error-wrapper-title",
+      className: "flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-3xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-density-4 flex items-start gap-density-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWarningTriangle.UiWarningTriangle, className: "size-6" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-destructive", children: "Unexpected application error" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h1",
+              {
+                id: "error-wrapper-title",
+                className: "mt-density-1 text-2xl font-semibold tracking-tight",
+                children: "Something went wrong"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-density-2 break-words text-sm text-muted-foreground", children: diagnostics.message })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-density-3 flex items-center gap-density-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            button.Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => void copyDetails(),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: copyState === "copied" ? UiCheck.UiCheck : UiCopy.UiCopy }),
+                copyState === "copied" ? "Copied" : "Copy error details"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-live": "polite",
+              className: utils.cn(
+                "text-xs",
+                copyState === "failed" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: copyStatusMessage(copyState)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ErrorDetails.ErrorDetails, { diagnostics })
+      ] })
+    }
+  );
+}
+function errorDiagnostics(error, componentStack) {
+  const diagnostics = errorDiagnostics$1.normalizeErrorDiagnostics(
+    error,
+    "An unexpected error was thrown without a message."
+  );
+  if (!diagnostics) {
+    throw new Error("ErrorWrapper could not normalize the captured error");
+  }
+  const cause = error.cause === void 0 ? [] : [["cause", String(error.cause)]];
+  const reactStack = componentStack == null ? void 0 : componentStack.trim();
+  return {
+    ...diagnostics,
+    context: [...diagnostics.context, ...cause],
+    ...reactStack ? {
+      stacktrace: [
+        diagnostics.stacktrace,
+        "React component stack:",
+        reactStack
+      ].filter(Boolean).join("\n\n")
+    } : {}
+  };
+}
+function errorReport(error, componentStack) {
+  const lines = [
+    `Error: ${error.message || "An unexpected error was thrown without a message."}`
+  ];
+  if (error.name !== "Error") lines.push(`Type: ${error.name}`);
+  if (error.cause !== void 0) lines.push(`Cause: ${String(error.cause)}`);
+  if (typeof window !== "undefined")
+    lines.push(`Page: ${window.location.href}`);
+  if (typeof navigator !== "undefined" && navigator.userAgent) {
+    lines.push(`User agent: ${navigator.userAgent}`);
+  }
+  lines.push(`Time: ${(/* @__PURE__ */ new Date()).toISOString()}`);
+  if (error.stack) lines.push("", "Stack trace:", error.stack);
+  if (componentStack == null ? void 0 : componentStack.trim()) {
+    lines.push("", "React component stack:", componentStack.trim());
+  }
+  return lines.join("\n");
+}
+exports.ErrorWrapper = ErrorWrapper;
+//# sourceMappingURL=ErrorWrapper.cjs.map

package/dist/components/ErrorWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorWrapper.cjs","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return this.props.children;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error details\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  if (typeof window !== \"undefined\")\n    lines.push(`Page: ${window.location.href}`);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":["Component","jsx","useState","useMemo","jsxs","Icon","UiWarningTriangle","Button","UiCheck","UiCopy","cn","ErrorDetails","normalizeErrorDiagnostics"],"mappings":"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"}

package/dist/components/ErrorWrapper.d.ts

@@ -0,0 +1,19 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export type ErrorWrapperProps = {
+    children: ReactNode;
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+};
+type ErrorWrapperState = {
+    error: Error | null;
+    componentStack: string | null;
+};
+export declare class ErrorWrapper extends Component<ErrorWrapperProps, ErrorWrapperState> {
+    state: ErrorWrapperState;
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorWrapper.d.ts","sourceRoot":"","sources":["../../src/components/ErrorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAa,SAAQ,SAAS,CACzC,iBAAiB,EACjB,iBAAiB,CAClB;IACU,KAAK,EAAE,iBAAiB,CAG/B;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAKpD,MAAM;CAWhB"}

package/dist/components/ErrorWrapper.js

@@ -0,0 +1,168 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Component, useState, useMemo } from "react";
+import { ErrorDetails } from "../data/diagnostics/ErrorDetails.js";
+import { normalizeErrorDiagnostics } from "../data/diagnostics/error-diagnostics.js";
+import { Icon } from "../data/Icon.js";
+import { cn } from "../lib/utils.js";
+import { Button } from "./button.js";
+import { UiWarningTriangle } from "../icons/components/UiWarningTriangle.js";
+import { UiCheck } from "../icons/components/UiCheck.js";
+import { UiCopy } from "../icons/components/UiCopy.js";
+class ErrorWrapper extends Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", {
+      error: null,
+      componentStack: null
+    });
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    var _a, _b;
+    this.setState({ componentStack: errorInfo.componentStack ?? null });
+    (_b = (_a = this.props).onError) == null ? void 0 : _b.call(_a, error, errorInfo);
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ jsx(
+        ErrorFallback,
+        {
+          error: this.state.error,
+          componentStack: this.state.componentStack
+        }
+      );
+    }
+    return this.props.children;
+  }
+}
+function copyStatusMessage(copyState) {
+  if (copyState === "copied") return "Error details copied to clipboard.";
+  if (copyState === "failed") {
+    return "Clipboard access failed. Expand the error details to copy individual values.";
+  }
+  return "";
+}
+function ErrorFallback({
+  error,
+  componentStack
+}) {
+  const [copyState, setCopyState] = useState("idle");
+  const diagnostics = useMemo(
+    () => errorDiagnostics(error, componentStack),
+    [componentStack, error]
+  );
+  const copyDetails = async () => {
+    var _a;
+    if (!((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+      setCopyState("failed");
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(errorReport(error, componentStack));
+      setCopyState("copied");
+    } catch {
+      setCopyState("failed");
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      "data-slot": "error-wrapper",
+      role: "alert",
+      "aria-labelledby": "error-wrapper-title",
+      className: "flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground",
+      children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-3xl", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-density-4 flex items-start gap-density-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive", children: /* @__PURE__ */ jsx(Icon, { icon: UiWarningTriangle, className: "size-6" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold uppercase tracking-wide text-destructive", children: "Unexpected application error" }),
+            /* @__PURE__ */ jsx(
+              "h1",
+              {
+                id: "error-wrapper-title",
+                className: "mt-density-1 text-2xl font-semibold tracking-tight",
+                children: "Something went wrong"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "mt-density-2 break-words text-sm text-muted-foreground", children: diagnostics.message })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mb-density-3 flex items-center gap-density-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => void copyDetails(),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: copyState === "copied" ? UiCheck : UiCopy }),
+                copyState === "copied" ? "Copied" : "Copy error details"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-live": "polite",
+              className: cn(
+                "text-xs",
+                copyState === "failed" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: copyStatusMessage(copyState)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(ErrorDetails, { diagnostics })
+      ] })
+    }
+  );
+}
+function errorDiagnostics(error, componentStack) {
+  const diagnostics = normalizeErrorDiagnostics(
+    error,
+    "An unexpected error was thrown without a message."
+  );
+  if (!diagnostics) {
+    throw new Error("ErrorWrapper could not normalize the captured error");
+  }
+  const cause = error.cause === void 0 ? [] : [["cause", String(error.cause)]];
+  const reactStack = componentStack == null ? void 0 : componentStack.trim();
+  return {
+    ...diagnostics,
+    context: [...diagnostics.context, ...cause],
+    ...reactStack ? {
+      stacktrace: [
+        diagnostics.stacktrace,
+        "React component stack:",
+        reactStack
+      ].filter(Boolean).join("\n\n")
+    } : {}
+  };
+}
+function errorReport(error, componentStack) {
+  const lines = [
+    `Error: ${error.message || "An unexpected error was thrown without a message."}`
+  ];
+  if (error.name !== "Error") lines.push(`Type: ${error.name}`);
+  if (error.cause !== void 0) lines.push(`Cause: ${String(error.cause)}`);
+  if (typeof window !== "undefined")
+    lines.push(`Page: ${window.location.href}`);
+  if (typeof navigator !== "undefined" && navigator.userAgent) {
+    lines.push(`User agent: ${navigator.userAgent}`);
+  }
+  lines.push(`Time: ${(/* @__PURE__ */ new Date()).toISOString()}`);
+  if (error.stack) lines.push("", "Stack trace:", error.stack);
+  if (componentStack == null ? void 0 : componentStack.trim()) {
+    lines.push("", "React component stack:", componentStack.trim());
+  }
+  return lines.join("\n");
+}
+export {
+  ErrorWrapper
+};
+//# sourceMappingURL=ErrorWrapper.js.map

package/dist/components/ErrorWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorWrapper.js","sources":["../../src/components/ErrorWrapper.tsx"],"sourcesContent":["import {\n  Component,\n  useMemo,\n  useState,\n  type ErrorInfo,\n  type ReactNode,\n} from \"react\";\nimport { ErrorDetails } from \"../data/diagnostics/ErrorDetails\";\nimport {\n  normalizeErrorDiagnostics,\n  type ErrorDiagnostics,\n} from \"../data/diagnostics/error-diagnostics\";\nimport { Icon } from \"../data/Icon\";\nimport { UiCheck, UiCopy, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"./button\";\n\nexport type ErrorWrapperProps = {\n  children: ReactNode;\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n};\n\ntype ErrorWrapperState = {\n  error: Error | null;\n  componentStack: string | null;\n};\n\nexport class ErrorWrapper extends Component<\n  ErrorWrapperProps,\n  ErrorWrapperState\n> {\n  override state: ErrorWrapperState = {\n    error: null,\n    componentStack: null,\n  };\n\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ componentStack: errorInfo.componentStack ?? null });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  override render() {\n    if (this.state.error) {\n      return (\n        <ErrorFallback\n          error={this.state.error}\n          componentStack={this.state.componentStack}\n        />\n      );\n    }\n    return this.props.children;\n  }\n}\n\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nfunction copyStatusMessage(copyState: CopyState): string {\n  if (copyState === \"copied\") return \"Error details copied to clipboard.\";\n  if (copyState === \"failed\") {\n    return \"Clipboard access failed. Expand the error details to copy individual values.\";\n  }\n  return \"\";\n}\n\nfunction ErrorFallback({\n  error,\n  componentStack,\n}: {\n  error: Error;\n  componentStack: string | null;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n  const diagnostics = useMemo(\n    () => errorDiagnostics(error, componentStack),\n    [componentStack, error],\n  );\n\n  const copyDetails = async () => {\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(errorReport(error, componentStack));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n\n  return (\n    <main\n      data-slot=\"error-wrapper\"\n      role=\"alert\"\n      aria-labelledby=\"error-wrapper-title\"\n      className=\"flex min-h-dvh w-full items-center justify-center bg-background p-density-6 text-foreground\"\n    >\n      <div className=\"w-full max-w-3xl\">\n        <div className=\"mb-density-4 flex items-start gap-density-3\">\n          <span className=\"grid size-12 shrink-0 place-items-center rounded-full bg-destructive/10 text-destructive\">\n            <Icon icon={UiWarningTriangle} className=\"size-6\" />\n          </span>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"text-xs font-semibold uppercase tracking-wide text-destructive\">\n              Unexpected application error\n            </p>\n            <h1\n              id=\"error-wrapper-title\"\n              className=\"mt-density-1 text-2xl font-semibold tracking-tight\"\n            >\n              Something went wrong\n            </h1>\n            <p className=\"mt-density-2 break-words text-sm text-muted-foreground\">\n              {diagnostics.message}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mb-density-3 flex items-center gap-density-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => void copyDetails()}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error details\"}\n          </Button>\n          <span\n            aria-live=\"polite\"\n            className={cn(\n              \"text-xs\",\n              copyState === \"failed\"\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}\n          >\n            {copyStatusMessage(copyState)}\n          </span>\n        </div>\n\n        <ErrorDetails diagnostics={diagnostics} />\n      </div>\n    </main>\n  );\n}\n\nfunction errorDiagnostics(\n  error: Error,\n  componentStack: string | null,\n): ErrorDiagnostics {\n  const diagnostics = normalizeErrorDiagnostics(\n    error,\n    \"An unexpected error was thrown without a message.\",\n  );\n  if (!diagnostics) {\n    throw new Error(\"ErrorWrapper could not normalize the captured error\");\n  }\n\n  const cause =\n    error.cause === undefined\n      ? []\n      : [[\"cause\", String(error.cause)] as [string, string]];\n  const reactStack = componentStack?.trim();\n  return {\n    ...diagnostics,\n    context: [...diagnostics.context, ...cause],\n    ...(reactStack\n      ? {\n          stacktrace: [\n            diagnostics.stacktrace,\n            \"React component stack:\",\n            reactStack,\n          ]\n            .filter(Boolean)\n            .join(\"\\n\\n\"),\n        }\n      : {}),\n  };\n}\n\nfunction errorReport(error: Error, componentStack: string | null) {\n  const lines = [\n    `Error: ${error.message || \"An unexpected error was thrown without a message.\"}`,\n  ];\n  if (error.name !== \"Error\") lines.push(`Type: ${error.name}`);\n  if (error.cause !== undefined) lines.push(`Cause: ${String(error.cause)}`);\n  if (typeof window !== \"undefined\")\n    lines.push(`Page: ${window.location.href}`);\n  if (typeof navigator !== \"undefined\" && navigator.userAgent) {\n    lines.push(`User agent: ${navigator.userAgent}`);\n  }\n  lines.push(`Time: ${new Date().toISOString()}`);\n  if (error.stack) lines.push(\"\", \"Stack trace:\", error.stack);\n  if (componentStack?.trim()) {\n    lines.push(\"\", \"React component stack:\", componentStack.trim());\n  }\n  return lines.join(\"\\n\");\n}\n"],"names":[],"mappings":"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"}