@flanksource/clicky-ui 0.3.19 → 0.3.21

package/dist/components/ErrorWrapper.cjs

@@ -103,7 +103,7 @@ function ErrorFallback({
               onClick: () => void copyDetails(),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: copyState === "copied" ? UiCheck.UiCheck : UiCopy.UiCopy }),
-                copyState === "copied" ? "Copied" : "Copy error details"
+                copyState === "copied" ? "Copied" : "Copy error report"
               ]
             }
           ),

package/dist/components/ErrorWrapper.cjs.map

@@ -1 +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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"}
+{"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            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\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.js

@@ -101,7 +101,7 @@ function ErrorFallback({
               onClick: () => void copyDetails(),
               children: [
                 /* @__PURE__ */ jsx(Icon, { icon: copyState === "copied" ? UiCheck : UiCopy }),
-                copyState === "copied" ? "Copied" : "Copy error details"
+                copyState === "copied" ? "Copied" : "Copy error report"
               ]
             }
           ),

package/dist/components/ErrorWrapper.js.map

@@ -1 +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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"}
+{"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            {/* Distinct from ErrorDetails' own \"Copy error details\" control\n                below: this copies the page-level report (URL, user agent,\n                React component stack), and two identically named buttons in\n                one view are ambiguous to assistive tech. */}\n            {copyState === \"copied\" ? \"Copied\" : \"Copy error report\"}\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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"}

package/dist/components/UnitStepControls.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const IconButton = require("./IconButton.cjs");
+const UiRemove = require("../icons/components/UiRemove.cjs");
+const UiAdd = require("../icons/components/UiAdd.cjs");
+function UnitStepControls({
+  label,
+  suffix,
+  decrease,
+  increase,
+  schemaReadOnly,
+  onChange
+}) {
+  const controlsRef = react.useRef(null);
+  const [readOnly, setReadOnly] = react.useState(schemaReadOnly);
+  react.useLayoutEffect(() => {
+    var _a, _b;
+    const input = (_b = (_a = controlsRef.current) == null ? void 0 : _a.closest("[data-jsf-control]")) == null ? void 0 : _b.querySelector("input[data-jsf-input]");
+    setReadOnly(schemaReadOnly || (input == null ? void 0 : input.disabled) === true);
+  });
+  if (readOnly) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref: controlsRef, children: suffix });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref: controlsRef, className: "flex items-center gap-1", children: [
+    suffix,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton.IconButton,
+      {
+        icon: UiRemove.UiRemove,
+        label: `Decrease ${label}`,
+        className: "size-7",
+        iconClassName: "text-base",
+        disabled: decrease === null,
+        onMouseDown: (event) => event.preventDefault(),
+        ...decrease !== null ? { onClick: () => onChange(decrease) } : {}
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton.IconButton,
+      {
+        icon: UiAdd.UiAdd,
+        label: `Increase ${label}`,
+        className: "size-7",
+        iconClassName: "text-base",
+        disabled: increase === null,
+        onMouseDown: (event) => event.preventDefault(),
+        ...increase !== null ? { onClick: () => onChange(increase) } : {}
+      }
+    )
+  ] });
+}
+exports.UnitStepControls = UnitStepControls;
+//# sourceMappingURL=UnitStepControls.cjs.map

package/dist/components/UnitStepControls.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitStepControls.cjs","sources":["../../src/components/UnitStepControls.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { UiAdd, UiRemove } from \"../icons\";\nimport { IconButton } from \"./IconButton\";\n\nexport function UnitStepControls({\n  label,\n  suffix,\n  decrease,\n  increase,\n  schemaReadOnly,\n  onChange,\n}: {\n  label: string;\n  suffix: ReactNode;\n  decrease: string | null;\n  increase: string | null;\n  schemaReadOnly: boolean;\n  onChange: (next: string) => void;\n}) {\n  const controlsRef = useRef<HTMLSpanElement>(null);\n  const [readOnly, setReadOnly] = useState(schemaReadOnly);\n  useLayoutEffect(() => {\n    const input = controlsRef.current\n      ?.closest(\"[data-jsf-control]\")\n      ?.querySelector<HTMLInputElement>(\"input[data-jsf-input]\");\n    setReadOnly(schemaReadOnly || input?.disabled === true);\n  });\n\n  if (readOnly) {\n    return <span ref={controlsRef}>{suffix}</span>;\n  }\n  return (\n    <span ref={controlsRef} className=\"flex items-center gap-1\">\n      {suffix}\n      <IconButton\n        icon={UiRemove}\n        label={`Decrease ${label}`}\n        className=\"size-7\"\n        iconClassName=\"text-base\"\n        disabled={decrease === null}\n        onMouseDown={(event) => event.preventDefault()}\n        {...(decrease !== null ? { onClick: () => onChange(decrease) } : {})}\n      />\n      <IconButton\n        icon={UiAdd}\n        label={`Increase ${label}`}\n        className=\"size-7\"\n        iconClassName=\"text-base\"\n        disabled={increase === null}\n        onMouseDown={(event) => event.preventDefault()}\n        {...(increase !== null ? { onClick: () => onChange(increase) } : {})}\n      />\n    </span>\n  );\n}\n"],"names":["useRef","useState","useLayoutEffect","jsx","jsxs","IconButton","UiRemove","UiAdd"],"mappings":";;;;;;;AAIO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,cAAcA,MAAAA,OAAwB,IAAI;AAChD,QAAM,CAAC,UAAU,WAAW,IAAIC,MAAAA,SAAS,cAAc;AACvDC,QAAAA,gBAAgB,MAAM;;AACpB,UAAM,SAAQ,uBAAY,YAAZ,mBACV,QAAQ,0BADE,mBAEV,cAAgC;AACpC,gBAAY,mBAAkB,+BAAO,cAAa,IAAI;AAAA,EACxD,CAAC;AAED,MAAI,UAAU;AACZ,WAAOC,2BAAAA,IAAC,QAAA,EAAK,KAAK,aAAc,UAAA,QAAO;AAAA,EACzC;AACA,SACEC,2BAAAA,KAAC,QAAA,EAAK,KAAK,aAAa,WAAU,2BAC/B,UAAA;AAAA,IAAA;AAAA,IACDD,2BAAAA;AAAAA,MAACE,WAAAA;AAAAA,MAAA;AAAA,QACC,MAAMC,SAAAA;AAAAA,QACN,OAAO,YAAY,KAAK;AAAA,QACxB,WAAU;AAAA,QACV,eAAc;AAAA,QACd,UAAU,aAAa;AAAA,QACvB,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC7B,GAAI,aAAa,OAAO,EAAE,SAAS,MAAM,SAAS,QAAQ,MAAM,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpEH,2BAAAA;AAAAA,MAACE,WAAAA;AAAAA,MAAA;AAAA,QACC,MAAME,MAAAA;AAAAA,QACN,OAAO,YAAY,KAAK;AAAA,QACxB,WAAU;AAAA,QACV,eAAc;AAAA,QACd,UAAU,aAAa;AAAA,QACvB,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC7B,GAAI,aAAa,OAAO,EAAE,SAAS,MAAM,SAAS,QAAQ,MAAM,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACpE,GACF;AAEJ;;"}

package/dist/components/UnitStepControls.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export declare function UnitStepControls({ label, suffix, decrease, increase, schemaReadOnly, onChange, }: {
+    label: string;
+    suffix: ReactNode;
+    decrease: string | null;
+    increase: string | null;
+    schemaReadOnly: boolean;
+    onChange: (next: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UnitStepControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnitStepControls.d.ts","sourceRoot":"","sources":["../../src/components/UnitStepControls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1E,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,2CAoCA"}

package/dist/components/UnitStepControls.js

@@ -0,0 +1,55 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState, useLayoutEffect } from "react";
+import { IconButton } from "./IconButton.js";
+import { UiRemove } from "../icons/components/UiRemove.js";
+import { UiAdd } from "../icons/components/UiAdd.js";
+function UnitStepControls({
+  label,
+  suffix,
+  decrease,
+  increase,
+  schemaReadOnly,
+  onChange
+}) {
+  const controlsRef = useRef(null);
+  const [readOnly, setReadOnly] = useState(schemaReadOnly);
+  useLayoutEffect(() => {
+    var _a, _b;
+    const input = (_b = (_a = controlsRef.current) == null ? void 0 : _a.closest("[data-jsf-control]")) == null ? void 0 : _b.querySelector("input[data-jsf-input]");
+    setReadOnly(schemaReadOnly || (input == null ? void 0 : input.disabled) === true);
+  });
+  if (readOnly) {
+    return /* @__PURE__ */ jsx("span", { ref: controlsRef, children: suffix });
+  }
+  return /* @__PURE__ */ jsxs("span", { ref: controlsRef, className: "flex items-center gap-1", children: [
+    suffix,
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: UiRemove,
+        label: `Decrease ${label}`,
+        className: "size-7",
+        iconClassName: "text-base",
+        disabled: decrease === null,
+        onMouseDown: (event) => event.preventDefault(),
+        ...decrease !== null ? { onClick: () => onChange(decrease) } : {}
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        icon: UiAdd,
+        label: `Increase ${label}`,
+        className: "size-7",
+        iconClassName: "text-base",
+        disabled: increase === null,
+        onMouseDown: (event) => event.preventDefault(),
+        ...increase !== null ? { onClick: () => onChange(increase) } : {}
+      }
+    )
+  ] });
+}
+export {
+  UnitStepControls
+};
+//# sourceMappingURL=UnitStepControls.js.map

package/dist/components/UnitStepControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitStepControls.js","sources":["../../src/components/UnitStepControls.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { UiAdd, UiRemove } from \"../icons\";\nimport { IconButton } from \"./IconButton\";\n\nexport function UnitStepControls({\n  label,\n  suffix,\n  decrease,\n  increase,\n  schemaReadOnly,\n  onChange,\n}: {\n  label: string;\n  suffix: ReactNode;\n  decrease: string | null;\n  increase: string | null;\n  schemaReadOnly: boolean;\n  onChange: (next: string) => void;\n}) {\n  const controlsRef = useRef<HTMLSpanElement>(null);\n  const [readOnly, setReadOnly] = useState(schemaReadOnly);\n  useLayoutEffect(() => {\n    const input = controlsRef.current\n      ?.closest(\"[data-jsf-control]\")\n      ?.querySelector<HTMLInputElement>(\"input[data-jsf-input]\");\n    setReadOnly(schemaReadOnly || input?.disabled === true);\n  });\n\n  if (readOnly) {\n    return <span ref={controlsRef}>{suffix}</span>;\n  }\n  return (\n    <span ref={controlsRef} className=\"flex items-center gap-1\">\n      {suffix}\n      <IconButton\n        icon={UiRemove}\n        label={`Decrease ${label}`}\n        className=\"size-7\"\n        iconClassName=\"text-base\"\n        disabled={decrease === null}\n        onMouseDown={(event) => event.preventDefault()}\n        {...(decrease !== null ? { onClick: () => onChange(decrease) } : {})}\n      />\n      <IconButton\n        icon={UiAdd}\n        label={`Increase ${label}`}\n        className=\"size-7\"\n        iconClassName=\"text-base\"\n        disabled={increase === null}\n        onMouseDown={(event) => event.preventDefault()}\n        {...(increase !== null ? { onClick: () => onChange(increase) } : {})}\n      />\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,cAAc,OAAwB,IAAI;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,cAAc;AACvD,kBAAgB,MAAM;;AACpB,UAAM,SAAQ,uBAAY,YAAZ,mBACV,QAAQ,0BADE,mBAEV,cAAgC;AACpC,gBAAY,mBAAkB,+BAAO,cAAa,IAAI;AAAA,EACxD,CAAC;AAED,MAAI,UAAU;AACZ,WAAO,oBAAC,QAAA,EAAK,KAAK,aAAc,UAAA,QAAO;AAAA,EACzC;AACA,SACE,qBAAC,QAAA,EAAK,KAAK,aAAa,WAAU,2BAC/B,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,YAAY,KAAK;AAAA,QACxB,WAAU;AAAA,QACV,eAAc;AAAA,QACd,UAAU,aAAa;AAAA,QACvB,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC7B,GAAI,aAAa,OAAO,EAAE,SAAS,MAAM,SAAS,QAAQ,MAAM,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,YAAY,KAAK;AAAA,QACxB,WAAU;AAAA,QACV,eAAc;AAAA,QACd,UAAU,aAAa;AAAA,QACvB,aAAa,CAAC,UAAU,MAAM,eAAA;AAAA,QAC7B,GAAI,aAAa,OAAO,EAAE,SAAS,MAAM,SAAS,QAAQ,MAAM,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACpE,GACF;AAEJ;"}

package/dist/components/json-schema-form-accordion-array.cjs

@@ -5,16 +5,12 @@ const react = require("react");
 const utils = require("../lib/utils.cjs");
 const Icon = require("../data/Icon.cjs");
 const jsonSchemaFormErrors = require("./json-schema-form-errors.cjs");
+const jsonSchemaFormItemRow = require("./json-schema-form-item-row.cjs");
 const jsonSchemaFormItemSummary = require("./json-schema-form-item-summary.cjs");
 const jsonSchemaFormSize = require("./json-schema-form-size.cjs");
-const jsonSchemaFormTone = require("./json-schema-form-tone.cjs");
 const jsonSchemaFormUtils = require("./json-schema-form-utils.cjs");
 const UiChevronDown = require("../icons/components/UiChevronDown.cjs");
 const UiChevronRight = require("../icons/components/UiChevronRight.cjs");
-const UiAsterisk = require("../icons/components/UiAsterisk.cjs");
-const UiChevronUp = require("../icons/components/UiChevronUp.cjs");
-const UiCopy = require("../icons/components/UiCopy.cjs");
-const UiTrash = require("../icons/components/UiTrash.cjs");
 const UiAdd = require("../icons/components/UiAdd.cjs");
 function AccordionArray({
   field,
@@ -131,16 +127,16 @@ function AccordionArray({
                           className: "shrink-0 text-sm text-muted-foreground"
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx(ItemGlyph, { glyph: summary.glyph }),
+                      /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.ItemGlyph, { glyph: summary.glyph }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm font-medium", children: summary.title }),
-                      /* @__PURE__ */ jsxRuntime.jsx(ItemBadge, { badge: summary.badge }),
-                      summary.flagged && /* @__PURE__ */ jsxRuntime.jsx(RequiredMark, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.ItemBadge, { badge: summary.badge }),
+                      summary.flagged && /* @__PURE__ */ jsxRuntime.jsx(jsonSchemaFormItemRow.RequiredMark, {}),
                       summary.summary && /* @__PURE__ */ jsxRuntime.jsx("code", { className: "truncate font-mono text-xs text-muted-foreground", children: summary.summary })
                     ]
                   }
                 ),
                 !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
-                  ItemRowActions,
+                  jsonSchemaFormItemRow.ItemRowActions,
                   {
                     index: i,
                     title: summary.title,
@@ -222,69 +218,5 @@ function AddItemRow({
     }
   );
 }
-function ItemGlyph({ glyph }) {
-  if (!glyph) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      title: glyph.label,
-      className: utils.cn(
-        "inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset",
-        jsonSchemaFormTone.TONE_GLYPH_CLASS[glyph.tone]
-      ),
-      children: glyph.icon != null && /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: glyph.icon, className: "text-[13px]" })
-    }
-  );
-}
-function ItemBadge({ badge }) {
-  if (!badge) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: [
-    badge.icon != null && /* @__PURE__ */ jsxRuntime.jsx(Icon.LabelIcon, { icon: badge.icon, className: "text-[13px]" }),
-    badge.label
-  ] });
-}
-function RequiredMark() {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { title: "Required", className: "inline-flex shrink-0 items-center text-destructive", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAsterisk.UiAsterisk, className: "text-[11px]" }) });
-}
-function ItemRowActions({
-  index,
-  title,
-  size,
-  onUp,
-  onDown,
-  onDuplicate,
-  onRemove
-}) {
-  const action = utils.cn(
-    "inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30",
-    jsonSchemaFormSize.controlHeightClass[size]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Move ${title} up`, disabled: !onUp, className: action, onClick: onUp, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronUp.UiChevronUp, className: "text-sm" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Move ${title} down`,
-        disabled: !onDown,
-        className: action,
-        onClick: onDown,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiChevronDown.UiChevronDown, className: "text-sm" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": `Duplicate ${title}`, className: action, onClick: onDuplicate, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCopy.UiCopy, className: "text-sm" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove ${title}`,
-        className: utils.cn(action, "hover:bg-destructive/10 hover:text-destructive"),
-        onClick: onRemove,
-        "data-item-index": index,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTrash.UiTrash, className: "text-sm" })
-      }
-    )
-  ] });
-}
 exports.AccordionArray = AccordionArray;
 //# sourceMappingURL=json-schema-form-accordion-array.cjs.map

package/dist/components/json-schema-form-accordion-array.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-accordion-array.cjs","sources":["../../src/components/json-schema-form-accordion-array.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, LabelIcon } from \"../data/Icon\";\nimport {\n  UiAdd,\n  UiAsterisk,\n  UiChevronDown,\n  UiChevronRight,\n  UiChevronUp,\n  UiCopy,\n  UiTrash,\n} from \"../icons\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport {\n  addItemLabel,\n  emptyItemsCopy,\n  itemCountLabel,\n  itemSummaryFor,\n  noItemsLabel,\n  resolveItemSpec,\n} from \"./json-schema-form-item-summary\";\nimport { controlHeightClass, labelSizeClass, type FormSize } from \"./json-schema-form-size\";\nimport { TONE_GLYPH_CLASS } from \"./json-schema-form-tone\";\nimport {\n  duplicateIndex,\n  fieldInputId,\n  moveItem,\n  removeIndex,\n  seedFromSchema,\n  setIndex,\n} from \"./json-schema-form-utils\";\nimport type {\n  ArrayItemSummary,\n  FieldControl,\n  RenderContext,\n} from \"./json-schema-form-types\";\n\n// AccordionArray renders an object-item array as a list of one-line summary\n// rows, expanding one at a time into the item's own sub-form. It exists because\n// a ten-property item stacked in full costs ~700px of screen each, and a list of\n// them says nothing about which item is which.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\nexport function AccordionArray({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const spec = field.itemSpec ?? resolveItemSpec(field.schema, itemSchema);\n  const emptyCopy = emptyItemsCopy(spec, field.schema);\n  // The array's help mode governs its whole subtree. Without this the fields\n  // inside an expanded row keep the form-level default, so an accordion that\n  // resolved to \"hover\" would still stack a two-line paragraph under every\n  // control — the exact height the summary rows exist to reclaim.\n  const childCtx: RenderContext = {\n    ...ctx,\n    readOnly,\n    depth: ctx.depth + 1,\n    ...(field.helpDisplay\n      ? { layout: { ...ctx.layout, help: field.helpDisplay } }\n      : {}),\n  };\n\n  // Which row is open is transient view state, like the form's field filter —\n  // it is deliberately local and never persisted. The INDEX is the key, not the\n  // item: every keystroke replaces the item object (setIndex returns a fresh\n  // one), so any identity-based map would die on the first character typed.\n  // That makes it the mutators' job to keep this pointing at the same row.\n  const [expanded, setExpanded] = useState<number | null>(null);\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    const input = panel?.querySelector<HTMLElement>(\"[data-jsf-input]\");\n    (input ?? row)?.focus();\n  });\n\n  function panelId(index: number): string {\n    return `${fieldInputId(appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${fieldInputId(appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}-header`;\n  }\n\n  function commit(next: unknown[]) {\n    field.onChange(next);\n  }\n\n  function add() {\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    setExpanded(items.length);\n    commit([...items, seedFromSchema(itemSchema)]);\n  }\n\n  function remove(index: number) {\n    setExpanded((open) => (open === index ? null : open !== null && open > index ? open - 1 : open));\n    pendingFocus.current =\n      items.length === 1 ? { kind: \"add\", index: 0 } : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    setExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index));\n  }\n\n  function move(index: number, to: number) {\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    setExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <p className={cn(\"text-muted-foreground\", labelSizeClass[ctx.size])}>\n        {items.length === 0 ? noItemsLabel(spec) : itemCountLabel(spec, items.length)}\n      </p>\n      <div className=\"divide-y divide-border rounded-lg border border-border\">\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const summary =\n            field.itemSummary?.({ item, index: i }) ??\n            itemSummaryFor({ item, index: i, spec, itemSchema });\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  open && \"bg-accent/30\",\n                )}\n              >\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => setExpanded(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  <ItemGlyph glyph={summary.glyph} />\n                  <span className=\"shrink-0 text-sm font-medium\">{summary.title}</span>\n                  <ItemBadge badge={summary.badge} />\n                  {summary.flagged && <RequiredMark />}\n                  {summary.summary && (\n                    <code className=\"truncate font-mono text-xs text-muted-foreground\">\n                      {summary.summary}\n                    </code>\n                  )}\n                </button>\n                {!readOnly && (\n                  <ItemRowActions\n                    index={i}\n                    title={summary.title}\n                    size={ctx.size}\n                    {...(i > 0 ? { onUp: () => move(i, i - 1) } : {})}\n                    {...(i < items.length - 1 ? { onDown: () => move(i, i + 1) } : {})}\n                    onDuplicate={() => duplicate(i)}\n                    onRemove={() => remove(i)}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className=\"border-t border-border bg-muted/20 p-3\"\n                >\n                  {/* Recurse through the shared pipeline so consumer pre/post\n                      extensions still apply to the item and its properties. */}\n                  {ctx.render.renderFieldNodes(\n                    {\n                      key: `${field.key}[${i}]`,\n                      prop: itemSchema,\n                      required: false,\n                      value: item,\n                      onChange: (next) => commit(setIndex(items, i, next)),\n                      instancePath: appendInstancePath(ctx.instancePath, i),\n                    },\n                    childCtx,\n                  )?.value ?? null}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addItemLabel(spec)}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(emptyCopy ? { copy: emptyCopy } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// schema's explanation of what an item is — so the empty state is the same\n// control the author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n\nfunction ItemGlyph({ glyph }: { glyph?: ArrayItemSummary[\"glyph\"] }) {\n  if (!glyph) return null;\n  return (\n    <span\n      title={glyph.label}\n      className={cn(\n        \"inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset\",\n        TONE_GLYPH_CLASS[glyph.tone],\n      )}\n    >\n      {glyph.icon != null && <LabelIcon icon={glyph.icon} className=\"text-[13px]\" />}\n    </span>\n  );\n}\n\nfunction ItemBadge({ badge }: { badge?: ArrayItemSummary[\"badge\"] }) {\n  if (!badge) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground\">\n      {badge.icon != null && <LabelIcon icon={badge.icon} className=\"text-[13px]\" />}\n      {badge.label}\n    </span>\n  );\n}\n\nfunction RequiredMark() {\n  return (\n    <span title=\"Required\" className=\"inline-flex shrink-0 items-center text-destructive\">\n      <Icon icon={UiAsterisk} className=\"text-[11px]\" />\n    </span>\n  );\n}\n\nfunction ItemRowActions({\n  index,\n  title,\n  size,\n  onUp,\n  onDown,\n  onDuplicate,\n  onRemove,\n}: {\n  index: number;\n  title: string;\n  size: FormSize;\n  onUp?: () => void;\n  onDown?: () => void;\n  onDuplicate: () => void;\n  onRemove: () => void;\n}) {\n  // Hidden until the row is hovered or something inside it takes focus, so a\n  // long list is not a wall of permanently dim icons — but keyboard users see\n  // them the moment they arrive.\n  const action = cn(\n    \"inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30\",\n    controlHeightClass[size],\n  );\n  return (\n    <div className=\"ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100\">\n      <button type=\"button\" aria-label={`Move ${title} up`} disabled={!onUp} className={action} onClick={onUp}>\n        <Icon icon={UiChevronUp} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Move ${title} down`}\n        disabled={!onDown}\n        className={action}\n        onClick={onDown}\n      >\n        <Icon icon={UiChevronDown} className=\"text-sm\" />\n      </button>\n      <button type=\"button\" aria-label={`Duplicate ${title}`} className={action} onClick={onDuplicate}>\n        <Icon icon={UiCopy} className=\"text-sm\" />\n      </button>\n      <button\n        type=\"button\"\n        aria-label={`Remove ${title}`}\n        className={cn(action, \"hover:bg-destructive/10 hover:text-destructive\")}\n        onClick={onRemove}\n        data-item-index={index}\n      >\n        <Icon icon={UiTrash} className=\"text-sm\" />\n      </button>\n    </div>\n  );\n}\n"],"names":["resolveItemSpec","emptyItemsCopy","useState","useRef","useEffect","fieldInputId","appendInstancePath","seedFromSchema","removeIndex","duplicateIndex","moveItem","jsxs","jsx","cn","labelSizeClass","noItemsLabel","itemCountLabel","itemSummaryFor","Icon","UiChevronDown","UiChevronRight","setIndex","addItemLabel","UiAdd","TONE_GLYPH_CLASS","LabelIcon","UiAsterisk","controlHeightClass","UiChevronUp","UiCopy","UiTrash"],"mappings":"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"}
+{"version":3,"file":"json-schema-form-accordion-array.cjs","sources":["../../src/components/json-schema-form-accordion-array.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type MutableRefObject,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiAdd, UiChevronDown, UiChevronRight } from \"../icons\";\nimport { appendInstancePath } from \"./json-schema-form-errors\";\nimport {\n  ItemBadge,\n  ItemGlyph,\n  ItemRowActions,\n  RequiredMark,\n} from \"./json-schema-form-item-row\";\nimport {\n  addItemLabel,\n  emptyItemsCopy,\n  itemCountLabel,\n  itemSummaryFor,\n  noItemsLabel,\n  resolveItemSpec,\n} from \"./json-schema-form-item-summary\";\nimport { labelSizeClass } from \"./json-schema-form-size\";\nimport {\n  duplicateIndex,\n  fieldInputId,\n  moveItem,\n  removeIndex,\n  seedFromSchema,\n  setIndex,\n} from \"./json-schema-form-utils\";\nimport type { FieldControl, RenderContext } from \"./json-schema-form-types\";\n\n// AccordionArray renders an object-item array as a list of one-line summary\n// rows, expanding one at a time into the item's own sub-form. It exists because\n// a ten-property item stacked in full costs ~700px of screen each, and a list of\n// them says nothing about which item is which.\n//\n// \"Add\" is the list's own last row rather than a button beside it: the\n// affordance sits exactly where the next item will appear, and at zero items\n// that same row IS the empty state — one control, no separate screen.\nexport function AccordionArray({\n  field,\n  ctx,\n  readOnly,\n}: {\n  field: FieldControl;\n  ctx: RenderContext;\n  readOnly: boolean;\n}) {\n  const items = Array.isArray(field.value) ? field.value : [];\n  const itemSchema = field.itemSchema ?? { type: \"object\" };\n  const spec = field.itemSpec ?? resolveItemSpec(field.schema, itemSchema);\n  const emptyCopy = emptyItemsCopy(spec, field.schema);\n  // The array's help mode governs its whole subtree. Without this the fields\n  // inside an expanded row keep the form-level default, so an accordion that\n  // resolved to \"hover\" would still stack a two-line paragraph under every\n  // control — the exact height the summary rows exist to reclaim.\n  const childCtx: RenderContext = {\n    ...ctx,\n    readOnly,\n    depth: ctx.depth + 1,\n    ...(field.helpDisplay\n      ? { layout: { ...ctx.layout, help: field.helpDisplay } }\n      : {}),\n  };\n\n  // Which row is open is transient view state, like the form's field filter —\n  // it is deliberately local and never persisted. The INDEX is the key, not the\n  // item: every keystroke replaces the item object (setIndex returns a fresh\n  // one), so any identity-based map would die on the first character typed.\n  // That makes it the mutators' job to keep this pointing at the same row.\n  const [expanded, setExpanded] = useState<number | null>(null);\n  const rowRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  const addRef = useRef<HTMLButtonElement | null>(null);\n  const pendingFocus = useRef<{ kind: \"panel\" | \"row\" | \"add\"; index: number } | null>(null);\n\n  useEffect(() => {\n    const pending = pendingFocus.current;\n    if (!pending) return;\n    pendingFocus.current = null;\n    if (pending.kind === \"add\") {\n      addRef.current?.focus();\n      return;\n    }\n    const row = rowRefs.current[pending.index];\n    if (pending.kind === \"row\") {\n      row?.focus();\n      return;\n    }\n    // Land in the new item's first editable control, so adding an item leaves\n    // the caret where the author is about to type.\n    const panel = document.getElementById(panelId(pending.index));\n    const input = panel?.querySelector<HTMLElement>(\"[data-jsf-input]\");\n    (input ?? row)?.focus();\n  });\n\n  function panelId(index: number): string {\n    return `${fieldInputId(appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}-panel`;\n  }\n  function headerId(index: number): string {\n    return `${fieldInputId(appendInstancePath(ctx.instancePath, index), ctx.idPrefix)}-header`;\n  }\n\n  function commit(next: unknown[]) {\n    field.onChange(next);\n  }\n\n  function add() {\n    pendingFocus.current = { kind: \"panel\", index: items.length };\n    setExpanded(items.length);\n    commit([...items, seedFromSchema(itemSchema)]);\n  }\n\n  function remove(index: number) {\n    setExpanded((open) => (open === index ? null : open !== null && open > index ? open - 1 : open));\n    pendingFocus.current =\n      items.length === 1 ? { kind: \"add\", index: 0 } : { kind: \"row\", index: Math.max(index - 1, 0) };\n    commit(removeIndex(items, index));\n  }\n\n  function duplicate(index: number) {\n    setExpanded((open) => (open !== null && open > index ? open + 1 : open));\n    pendingFocus.current = { kind: \"row\", index: index + 1 };\n    commit(duplicateIndex(items, index));\n  }\n\n  function move(index: number, to: number) {\n    // Follow the item, not the slot — otherwise moving an open row silently\n    // expands whichever row took its place.\n    setExpanded((open) => (open === index ? to : open === to ? index : open));\n    pendingFocus.current = { kind: \"row\", index: to };\n    commit(moveItem(items, index, to));\n  }\n\n  // Roving focus across the headers, with the add row as the final stop.\n  function handleKeyDown(e: KeyboardEvent<HTMLButtonElement>, index: number) {\n    const stops = rowRefs.current.length;\n    const focusAt = (i: number) => {\n      e.preventDefault();\n      (i >= stops ? addRef.current : rowRefs.current[i])?.focus();\n    };\n    if (e.key === \"ArrowDown\") focusAt(Math.min(index + 1, stops));\n    else if (e.key === \"ArrowUp\" && index > 0) focusAt(index - 1);\n    else if (e.key === \"Home\") focusAt(0);\n    else if (e.key === \"End\") focusAt(stops);\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <p className={cn(\"text-muted-foreground\", labelSizeClass[ctx.size])}>\n        {items.length === 0 ? noItemsLabel(spec) : itemCountLabel(spec, items.length)}\n      </p>\n      <div className=\"divide-y divide-border rounded-lg border border-border\">\n        {items.map((item, i) => {\n          const open = expanded === i;\n          const summary =\n            field.itemSummary?.({ item, index: i }) ??\n            itemSummaryFor({ item, index: i, spec, itemSchema });\n          return (\n            <div key={i} className=\"group\">\n              {/* The row is a plain element, NOT a button: the actions beside it\n                  are buttons, and nesting interactive content is invalid DOM\n                  with undefined click targeting. Only the disclosure toggles. */}\n              <div\n                className={cn(\n                  \"flex w-full items-center gap-2 px-3 py-2 hover:bg-accent/40\",\n                  open && \"bg-accent/30\",\n                )}\n              >\n                <button\n                  type=\"button\"\n                  id={headerId(i)}\n                  aria-expanded={open}\n                  aria-controls={panelId(i)}\n                  ref={(el) => {\n                    rowRefs.current[i] = el;\n                  }}\n                  onKeyDown={(e) => handleKeyDown(e, i)}\n                  onClick={() => setExpanded(open ? null : i)}\n                  className=\"flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                >\n                  <Icon\n                    icon={open ? UiChevronDown : UiChevronRight}\n                    className=\"shrink-0 text-sm text-muted-foreground\"\n                  />\n                  <ItemGlyph glyph={summary.glyph} />\n                  <span className=\"shrink-0 text-sm font-medium\">{summary.title}</span>\n                  <ItemBadge badge={summary.badge} />\n                  {summary.flagged && <RequiredMark />}\n                  {summary.summary && (\n                    <code className=\"truncate font-mono text-xs text-muted-foreground\">\n                      {summary.summary}\n                    </code>\n                  )}\n                </button>\n                {!readOnly && (\n                  <ItemRowActions\n                    index={i}\n                    title={summary.title}\n                    size={ctx.size}\n                    {...(i > 0 ? { onUp: () => move(i, i - 1) } : {})}\n                    {...(i < items.length - 1 ? { onDown: () => move(i, i + 1) } : {})}\n                    onDuplicate={() => duplicate(i)}\n                    onRemove={() => remove(i)}\n                  />\n                )}\n              </div>\n              {open && (\n                <div\n                  id={panelId(i)}\n                  role=\"region\"\n                  aria-labelledby={headerId(i)}\n                  className=\"border-t border-border bg-muted/20 p-3\"\n                >\n                  {/* Recurse through the shared pipeline so consumer pre/post\n                      extensions still apply to the item and its properties. */}\n                  {ctx.render.renderFieldNodes(\n                    {\n                      key: `${field.key}[${i}]`,\n                      prop: itemSchema,\n                      required: false,\n                      value: item,\n                      onChange: (next) => commit(setIndex(items, i, next)),\n                      instancePath: appendInstancePath(ctx.instancePath, i),\n                    },\n                    childCtx,\n                  )?.value ?? null}\n                </div>\n              )}\n            </div>\n          );\n        })}\n        {!readOnly && (\n          <AddItemRow\n            buttonRef={addRef}\n            label={addItemLabel(spec)}\n            empty={items.length === 0}\n            onAdd={add}\n            onKeyDown={(e) => handleKeyDown(e, items.length)}\n            {...(emptyCopy ? { copy: emptyCopy } : {})}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// AddItemRow is the list's own final row. At zero items it grows to carry the\n// schema's explanation of what an item is — so the empty state is the same\n// control the author will use, not a separate screen they have to leave.\nfunction AddItemRow({\n  label,\n  copy,\n  empty,\n  onAdd,\n  onKeyDown,\n  buttonRef,\n}: {\n  label: string;\n  copy?: string;\n  empty: boolean;\n  onAdd: () => void;\n  onKeyDown: (e: KeyboardEvent<HTMLButtonElement>) => void;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n}) {\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        buttonRef.current = el;\n      }}\n      onClick={onAdd}\n      onKeyDown={onKeyDown}\n      className={cn(\n        \"group/add flex w-full items-center gap-2 px-3 py-2 text-left text-muted-foreground hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n        empty && \"items-start py-5\",\n      )}\n    >\n      {/* Holds the chevron column, so this row lines up with the ones above it. */}\n      <Icon icon={UiChevronRight} className=\"shrink-0 text-sm opacity-0\" />\n      <span className=\"inline-flex size-6 shrink-0 items-center justify-center rounded-md border border-dashed border-border text-foreground/60 group-hover/add:border-primary group-hover/add:text-primary\">\n        <Icon icon={UiAdd} className=\"text-[13px]\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {copy && (\n          <span className={cn(\"text-xs\", empty ? \"max-w-xl leading-snug\" : \"truncate\")}>{copy}</span>\n        )}\n      </span>\n    </button>\n  );\n}\n"],"names":["resolveItemSpec","emptyItemsCopy","useState","useRef","useEffect","fieldInputId","appendInstancePath","seedFromSchema","removeIndex","duplicateIndex","moveItem","jsxs","jsx","cn","labelSizeClass","noItemsLabel","itemCountLabel","itemSummaryFor","Icon","UiChevronDown","UiChevronRight","ItemGlyph","ItemBadge","RequiredMark","ItemRowActions","setIndex","addItemLabel","UiAdd"],"mappings":";;;;;;;;;;;;;;AA4CO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAA;AACzD,QAAM,aAAa,MAAM,cAAc,EAAE,MAAM,SAAA;AAC/C,QAAM,OAAO,MAAM,YAAYA,0BAAAA,gBAAgB,MAAM,QAAQ,UAAU;AACvE,QAAM,YAAYC,0BAAAA,eAAe,MAAM,MAAM,MAAM;AAKnD,QAAM,WAA0B;AAAA,IAC9B,GAAG;AAAA,IACH;AAAA,IACA,OAAO,IAAI,QAAQ;AAAA,IACnB,GAAI,MAAM,cACN,EAAE,QAAQ,EAAE,GAAG,IAAI,QAAQ,MAAM,MAAM,YAAA,EAAY,IACnD,CAAA;AAAA,EAAC;AAQP,QAAM,CAAC,UAAU,WAAW,IAAIC,MAAAA,SAAwB,IAAI;AAC5D,QAAM,UAAUC,MAAAA,OAAwC,EAAE;AAC1D,QAAM,SAASA,MAAAA,OAAiC,IAAI;AACpD,QAAM,eAAeA,MAAAA,OAAgE,IAAI;AAEzFC,QAAAA,UAAU,MAAM;;AACd,UAAM,UAAU,aAAa;AAC7B,QAAI,CAAC,QAAS;AACd,iBAAa,UAAU;AACvB,QAAI,QAAQ,SAAS,OAAO;AAC1B,mBAAO,YAAP,mBAAgB;AAChB;AAAA,IACF;AACA,UAAM,MAAM,QAAQ,QAAQ,QAAQ,KAAK;AACzC,QAAI,QAAQ,SAAS,OAAO;AAC1B,iCAAK;AACL;AAAA,IACF;AAGA,UAAM,QAAQ,SAAS,eAAe,QAAQ,QAAQ,KAAK,CAAC;AAC5D,UAAM,QAAQ,+BAAO,cAA2B;AAChD,KAAC,cAAS,QAAT,mBAAe;AAAA,EAClB,CAAC;AAED,WAAS,QAAQ,OAAuB;AACtC,WAAO,GAAGC,oBAAAA,aAAaC,qBAAAA,mBAAmB,IAAI,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC;AAAA,EACnF;AACA,WAAS,SAAS,OAAuB;AACvC,WAAO,GAAGD,oBAAAA,aAAaC,qBAAAA,mBAAmB,IAAI,cAAc,KAAK,GAAG,IAAI,QAAQ,CAAC;AAAA,EACnF;AAEA,WAAS,OAAO,MAAiB;AAC/B,UAAM,SAAS,IAAI;AAAA,EACrB;AAEA,WAAS,MAAM;AACb,iBAAa,UAAU,EAAE,MAAM,SAAS,OAAO,MAAM,OAAA;AACrD,gBAAY,MAAM,MAAM;AACxB,WAAO,CAAC,GAAG,OAAOC,oBAAAA,eAAe,UAAU,CAAC,CAAC;AAAA,EAC/C;AAEA,WAAS,OAAO,OAAe;AAC7B,gBAAY,CAAC,SAAU,SAAS,QAAQ,OAAO,SAAS,QAAQ,OAAO,QAAQ,OAAO,IAAI,IAAK;AAC/F,iBAAa,UACX,MAAM,WAAW,IAAI,EAAE,MAAM,OAAO,OAAO,EAAA,IAAM,EAAE,MAAM,OAAO,OAAO,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAA;AAC9F,WAAOC,oBAAAA,YAAY,OAAO,KAAK,CAAC;AAAA,EAClC;AAEA,WAAS,UAAU,OAAe;AAChC,gBAAY,CAAC,SAAU,SAAS,QAAQ,OAAO,QAAQ,OAAO,IAAI,IAAK;AACvE,iBAAa,UAAU,EAAE,MAAM,OAAO,OAAO,QAAQ,EAAA;AACrD,WAAOC,oBAAAA,eAAe,OAAO,KAAK,CAAC;AAAA,EACrC;AAEA,WAAS,KAAK,OAAe,IAAY;AAGvC,gBAAY,CAAC,SAAU,SAAS,QAAQ,KAAK,SAAS,KAAK,QAAQ,IAAK;AACxE,iBAAa,UAAU,EAAE,MAAM,OAAO,OAAO,GAAA;AAC7C,WAAOC,oBAAAA,SAAS,OAAO,OAAO,EAAE,CAAC;AAAA,EACnC;AAGA,WAAS,cAAc,GAAqC,OAAe;AACzE,UAAM,QAAQ,QAAQ,QAAQ;AAC9B,UAAM,UAAU,CAAC,MAAc;;AAC7B,QAAE,eAAA;AACF,OAAC,UAAK,QAAQ,OAAO,UAAU,QAAQ,QAAQ,CAAC,MAA/C,mBAAmD;AAAA,IACtD;AACA,QAAI,EAAE,QAAQ,YAAa,SAAQ,KAAK,IAAI,QAAQ,GAAG,KAAK,CAAC;AAAA,aACpD,EAAE,QAAQ,aAAa,QAAQ,EAAG,SAAQ,QAAQ,CAAC;AAAA,aACnD,EAAE,QAAQ,OAAQ,SAAQ,CAAC;AAAA,aAC3B,EAAE,QAAQ,MAAO,SAAQ,KAAK;AAAA,EACzC;AAEA,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAAC,+BAAC,OAAE,WAAWC,MAAAA,GAAG,yBAAyBC,kCAAe,IAAI,IAAI,CAAC,GAC/D,gBAAM,WAAW,IAAIC,0BAAAA,aAAa,IAAI,IAAIC,0BAAAA,eAAe,MAAM,MAAM,MAAM,GAC9E;AAAA,IACAL,2BAAAA,KAAC,OAAA,EAAI,WAAU,0DACZ,UAAA;AAAA,MAAA,MAAM,IAAI,CAAC,MAAM,MAAM;;AACtB,cAAM,OAAO,aAAa;AAC1B,cAAM,YACJ,WAAM,gBAAN,+BAAoB,EAAE,MAAM,OAAO,EAAA,OACnCM,0BAAAA,eAAe,EAAE,MAAM,OAAO,GAAG,MAAM,YAAY;AACrD,eACEN,2BAAAA,KAAC,OAAA,EAAY,WAAU,SAIrB,UAAA;AAAA,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWE,MAAAA;AAAAA,gBACT;AAAA,gBACA,QAAQ;AAAA,cAAA;AAAA,cAGV,UAAA;AAAA,gBAAAF,2BAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,IAAI,SAAS,CAAC;AAAA,oBACd,iBAAe;AAAA,oBACf,iBAAe,QAAQ,CAAC;AAAA,oBACxB,KAAK,CAAC,OAAO;AACX,8BAAQ,QAAQ,CAAC,IAAI;AAAA,oBACvB;AAAA,oBACA,WAAW,CAAC,MAAM,cAAc,GAAG,CAAC;AAAA,oBACpC,SAAS,MAAM,YAAY,OAAO,OAAO,CAAC;AAAA,oBAC1C,WAAU;AAAA,oBAEV,UAAA;AAAA,sBAAAC,2BAAAA;AAAAA,wBAACM,KAAAA;AAAAA,wBAAA;AAAA,0BACC,MAAM,OAAOC,cAAAA,gBAAgBC,eAAAA;AAAAA,0BAC7B,WAAU;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAEZR,2BAAAA,IAACS,sBAAAA,WAAA,EAAU,OAAO,QAAQ,MAAA,CAAO;AAAA,sBACjCT,2BAAAA,IAAC,QAAA,EAAK,WAAU,gCAAgC,kBAAQ,OAAM;AAAA,sBAC9DA,2BAAAA,IAACU,sBAAAA,WAAA,EAAU,OAAO,QAAQ,MAAA,CAAO;AAAA,sBAChC,QAAQ,WAAWV,+BAACW,sBAAAA,cAAA,CAAA,CAAa;AAAA,sBACjC,QAAQ,WACPX,2BAAAA,IAAC,UAAK,WAAU,oDACb,kBAAQ,QAAA,CACX;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGH,CAAC,YACAA,2BAAAA;AAAAA,kBAACY,sBAAAA;AAAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,oBACP,OAAO,QAAQ;AAAA,oBACf,MAAM,IAAI;AAAA,oBACT,GAAI,IAAI,IAAI,EAAE,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,EAAA,IAAM,CAAA;AAAA,oBAC7C,GAAI,IAAI,MAAM,SAAS,IAAI,EAAE,QAAQ,MAAM,KAAK,GAAG,IAAI,CAAC,EAAA,IAAM,CAAA;AAAA,oBAC/D,aAAa,MAAM,UAAU,CAAC;AAAA,oBAC9B,UAAU,MAAM,OAAO,CAAC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,UAGH,QACCZ,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,QAAQ,CAAC;AAAA,cACb,MAAK;AAAA,cACL,mBAAiB,SAAS,CAAC;AAAA,cAC3B,WAAU;AAAA,cAIT,qBAAI,OAAO;AAAA,gBACV;AAAA,kBACE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAAA,kBACtB,MAAM;AAAA,kBACN,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,UAAU,CAAC,SAAS,OAAOa,oBAAAA,SAAS,OAAO,GAAG,IAAI,CAAC;AAAA,kBACnD,cAAcnB,qBAAAA,mBAAmB,IAAI,cAAc,CAAC;AAAA,gBAAA;AAAA,gBAEtD;AAAA,cAAA,yBACC,UAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,EAAA,GApEM,CAsEV;AAAA,MAEJ,CAAC;AAAA,MACA,CAAC,YACAM,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,OAAOc,0BAAAA,aAAa,IAAI;AAAA,UACxB,OAAO,MAAM,WAAW;AAAA,UACxB,OAAO;AAAA,UACP,WAAW,CAAC,MAAM,cAAc,GAAG,MAAM,MAAM;AAAA,UAC9C,GAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAC1C,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AAKA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACEf,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAK,CAAC,OAAO;AACX,kBAAU,UAAU;AAAA,MACtB;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA,WAAWE,MAAAA;AAAAA,QACT;AAAA,QACA,SAAS;AAAA,MAAA;AAAA,MAIX,UAAA;AAAA,QAAAD,2BAAAA,IAACM,KAAAA,MAAA,EAAK,MAAME,eAAAA,gBAAgB,WAAU,8BAA6B;AAAA,QACnER,2BAAAA,IAAC,QAAA,EAAK,WAAU,wLACd,UAAAA,2BAAAA,IAACM,aAAK,MAAMS,MAAAA,OAAO,WAAU,cAAA,CAAc,EAAA,CAC7C;AAAA,QACAhB,2BAAAA,KAAC,QAAA,EAAK,WAAU,iCACd,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,uCAAuC,UAAA,OAAM;AAAA,UAC5D,QACCA,2BAAAA,IAAC,QAAA,EAAK,WAAWC,MAAAA,GAAG,WAAW,QAAQ,0BAA0B,UAAU,GAAI,UAAA,KAAA,CAAK;AAAA,QAAA,EAAA,CAExF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/json-schema-form-accordion-array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-schema-form-accordion-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-accordion-array.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAEV,YAAY,EACZ,aAAa,EACd,MAAM,0BAA0B,CAAC;AAUlC,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,2CAqMA"}
+{"version":3,"file":"json-schema-form-accordion-array.d.ts","sourceRoot":"","sources":["../../src/components/json-schema-form-accordion-array.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAU5E,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,2CAqMA"}

package/dist/components/json-schema-form-accordion-array.js

@@ -1,18 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { cn } from "../lib/utils.js";
-import { Icon, LabelIcon } from "../data/Icon.js";
+import { Icon } from "../data/Icon.js";
 import { appendInstancePath } from "./json-schema-form-errors.js";
+import { ItemGlyph, ItemBadge, RequiredMark, ItemRowActions } from "./json-schema-form-item-row.js";
 import { resolveItemSpec, emptyItemsCopy, noItemsLabel, itemCountLabel, itemSummaryFor, addItemLabel } from "./json-schema-form-item-summary.js";
-import { labelSizeClass, controlHeightClass } from "./json-schema-form-size.js";
-import { TONE_GLYPH_CLASS } from "./json-schema-form-tone.js";
+import { labelSizeClass } from "./json-schema-form-size.js";
 import { fieldInputId, setIndex, removeIndex, duplicateIndex, moveItem, seedFromSchema } from "./json-schema-form-utils.js";
 import { UiChevronDown } from "../icons/components/UiChevronDown.js";
 import { UiChevronRight } from "../icons/components/UiChevronRight.js";
-import { UiAsterisk } from "../icons/components/UiAsterisk.js";
-import { UiChevronUp } from "../icons/components/UiChevronUp.js";
-import { UiCopy } from "../icons/components/UiCopy.js";
-import { UiTrash } from "../icons/components/UiTrash.js";
 import { UiAdd } from "../icons/components/UiAdd.js";
 function AccordionArray({
   field,
@@ -220,70 +216,6 @@ function AddItemRow({
     }
   );
 }
-function ItemGlyph({ glyph }) {
-  if (!glyph) return null;
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      title: glyph.label,
-      className: cn(
-        "inline-flex size-6 shrink-0 items-center justify-center rounded-md ring-1 ring-inset",
-        TONE_GLYPH_CLASS[glyph.tone]
-      ),
-      children: glyph.icon != null && /* @__PURE__ */ jsx(LabelIcon, { icon: glyph.icon, className: "text-[13px]" })
-    }
-  );
-}
-function ItemBadge({ badge }) {
-  if (!badge) return null;
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground", children: [
-    badge.icon != null && /* @__PURE__ */ jsx(LabelIcon, { icon: badge.icon, className: "text-[13px]" }),
-    badge.label
-  ] });
-}
-function RequiredMark() {
-  return /* @__PURE__ */ jsx("span", { title: "Required", className: "inline-flex shrink-0 items-center text-destructive", children: /* @__PURE__ */ jsx(Icon, { icon: UiAsterisk, className: "text-[11px]" }) });
-}
-function ItemRowActions({
-  index,
-  title,
-  size,
-  onUp,
-  onDown,
-  onDuplicate,
-  onRemove
-}) {
-  const action = cn(
-    "inline-flex aspect-square items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground disabled:opacity-30",
-    controlHeightClass[size]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", children: [
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Move ${title} up`, disabled: !onUp, className: action, onClick: onUp, children: /* @__PURE__ */ jsx(Icon, { icon: UiChevronUp, className: "text-sm" }) }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Move ${title} down`,
-        disabled: !onDown,
-        className: action,
-        onClick: onDown,
-        children: /* @__PURE__ */ jsx(Icon, { icon: UiChevronDown, className: "text-sm" })
-      }
-    ),
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": `Duplicate ${title}`, className: action, onClick: onDuplicate, children: /* @__PURE__ */ jsx(Icon, { icon: UiCopy, className: "text-sm" }) }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove ${title}`,
-        className: cn(action, "hover:bg-destructive/10 hover:text-destructive"),
-        onClick: onRemove,
-        "data-item-index": index,
-        children: /* @__PURE__ */ jsx(Icon, { icon: UiTrash, className: "text-sm" })
-      }
-    )
-  ] });
-}
 export {
   AccordionArray
 };