@mastra/playground-ui 60.0.0 → 60.1.0-alpha.1

package/dist/hooks/use-environment-variables-editor.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-environment-variables-editor.cjs.js","sources":["../../src/hooks/use-environment-variables-editor.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport {\n  collectEnvironmentVariables,\n  createEmptyEnvironmentVariableEntry,\n  getDuplicateEnvironmentVariableKeys,\n  parseEnvFileText,\n  readEnvFile,\n} from '@/lib/env-file';\nimport type { EnvironmentVariableEntry } from '@/lib/env-file';\n\nexport type EnvironmentVariableRow = EnvironmentVariableEntry;\n\nexport interface UseEnvironmentVariablesEditorOptions<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  initialRows?: readonly TRow[];\n  rows?: readonly TRow[];\n  onRowsChange?: (rows: TRow[]) => void;\n  getEditableRows?: (rows: readonly TRow[]) => readonly TRow[];\n  getPreservedRows?: (rows: readonly TRow[]) => readonly TRow[];\n  maxUploadSize?: number;\n}\n\nexport interface EnvironmentVariablesEditorRowFactories<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  createDefaultRow: () => TRow;\n  createRow: (entry: EnvironmentVariableEntry) => TRow;\n}\n\nexport interface EnvironmentVariablesEditorFileUploadEvent {\n  target: {\n    files?: FileList | readonly File[] | null;\n  };\n}\n\nexport interface EnvironmentVariablesEditorController<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  rows: readonly TRow[];\n  uploadError: string | null;\n  fileInputRef: RefObject<HTMLInputElement | null>;\n  duplicateKeys: Set<string>;\n  hasDuplicateKeys: boolean;\n  isDirty: boolean;\n  isRowsDirty: boolean;\n  setRows: (rows: readonly TRow[]) => TRow[];\n  resetRows: (rows?: readonly TRow[]) => TRow[];\n  appendRow: (row?: TRow) => TRow[];\n  updateRow: (index: number, patch: Partial<EnvironmentVariableEntry>) => TRow[];\n  removeRow: (index: number) => TRow[];\n  getRowsForSubmit: () => TRow[];\n  getEnvironmentVariablesForSubmit: () => Record<string, string>;\n  handleFileUpload: (event: EnvironmentVariablesEditorFileUploadEvent) => Promise<void>;\n  handlePaste: (index: number, text: string) => boolean;\n  clearUploadError: () => void;\n  getRowId: (index: number) => string;\n  isValueRevealed: (index: number) => boolean;\n  toggleValueVisibility: (index: number) => void;\n  rowHasDuplicateKey: (index: number) => boolean;\n}\n\ntype DefaultEnvironmentVariablesEditorOptions = UseEnvironmentVariablesEditorOptions<EnvironmentVariableRow>;\n\ntype CustomEnvironmentVariablesEditorOptions<TRow extends EnvironmentVariableRow> =\n  UseEnvironmentVariablesEditorOptions<TRow> & EnvironmentVariablesEditorRowFactories<TRow>;\n\nfunction defaultCreateRow(entry: EnvironmentVariableEntry): EnvironmentVariableRow {\n  return { key: entry.key, value: entry.value };\n}\n\nfunction defaultEditableRows<TRow extends EnvironmentVariableRow>(rows: readonly TRow[]) {\n  return rows;\n}\n\nfunction defaultPreservedRows() {\n  return [];\n}\n\nfunction normalizeRows<TRow extends EnvironmentVariableRow>(\n  rows: readonly TRow[] | undefined,\n  createDefaultRow: () => TRow,\n) {\n  return rows && rows.length > 0 ? rows.map(row => ({ ...row })) : [createDefaultRow()];\n}\n\nfunction hasOnlyEmptyRow(rows: readonly EnvironmentVariableEntry[]) {\n  if (rows.length !== 1) return false;\n  const [firstRow] = rows;\n  if (!firstRow) return false;\n  return !firstRow.key.trim() && !firstRow.value;\n}\n\nfunction areRowsEqual(a: readonly EnvironmentVariableEntry[], b: readonly EnvironmentVariableEntry[]) {\n  if (a.length !== b.length) return false;\n\n  for (let index = 0; index < a.length; index++) {\n    const aRow = a[index];\n    const bRow = b[index];\n    if (!aRow || !bRow || aRow.key !== bRow.key || aRow.value !== bRow.value) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function useEnvironmentVariablesEditor(\n  options: DefaultEnvironmentVariablesEditorOptions = {},\n): EnvironmentVariablesEditorController {\n  return useCustomEnvironmentVariablesEditor({\n    ...options,\n    createDefaultRow: createEmptyEnvironmentVariableEntry,\n    createRow: defaultCreateRow,\n  });\n}\n\nexport function useCustomEnvironmentVariablesEditor<TRow extends EnvironmentVariableRow>({\n  initialRows,\n  rows: controlledRows,\n  onRowsChange,\n  createDefaultRow,\n  createRow,\n  getEditableRows = defaultEditableRows,\n  getPreservedRows = defaultPreservedRows,\n  maxUploadSize,\n}: CustomEnvironmentVariablesEditorOptions<TRow>): EnvironmentVariablesEditorController<TRow> {\n  const initialSourceRows = controlledRows ?? initialRows;\n  const nextRowId = useRef(0);\n  const fallbackRowIds = useRef<Record<number, string>>({});\n  const [uncontrolledRows, setUncontrolledRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));\n  const [baselineRows, setBaselineRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));\n  const [rowIds, setRowIds] = useState(() =>\n    normalizeRows(initialSourceRows, createDefaultRow).map(() => createRowId()),\n  );\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [revealedValues, setRevealedValues] = useState<Record<number, boolean>>({});\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const rows = controlledRows ? normalizeRows(controlledRows, createDefaultRow) : uncontrolledRows;\n  const editableRows = (sourceRows: readonly TRow[] = rows) => getEditableRows(sourceRows);\n  const preservedRows = (sourceRows: readonly TRow[] = rows) => getPreservedRows(sourceRows);\n\n  function createRowId() {\n    const rowId = nextRowId.current;\n    nextRowId.current += 1;\n    return `environment-variable-row-${rowId}`;\n  }\n\n  function commitRows(nextRows: readonly TRow[], nextRowIds?: readonly string[]) {\n    const normalizedRows = normalizeRows(nextRows, createDefaultRow);\n    const normalizedRowIds = normalizedRows.map((_, index) => nextRowIds?.[index] ?? rowIds[index] ?? createRowId());\n\n    if (!controlledRows) {\n      setUncontrolledRows(normalizedRows);\n    }\n\n    setRowIds(normalizedRowIds);\n    onRowsChange?.(normalizedRows);\n    return normalizedRows;\n  }\n\n  function setRows(nextRows: readonly TRow[]) {\n    return commitRows(nextRows);\n  }\n\n  function resetRows(nextRows: readonly TRow[] = baselineRows) {\n    const normalizedRows = normalizeRows(nextRows, createDefaultRow);\n    commitRows(\n      normalizedRows,\n      normalizedRows.map(() => createRowId()),\n    );\n    setBaselineRows(normalizedRows);\n    setRevealedValues({});\n    setUploadError(null);\n    return normalizedRows;\n  }\n\n  function getRowsForSubmit() {\n    return [...rows];\n  }\n\n  function appendRow(row = createDefaultRow()) {\n    return commitRows([...rows, row], [...rowIds, createRowId()]);\n  }\n\n  function updateRow(index: number, patch: Partial<EnvironmentVariableEntry>) {\n    return commitRows(\n      rows.map((row, rowIndex) => (rowIndex === index ? { ...row, ...patch } : row)),\n      rowIds,\n    );\n  }\n\n  function removeRow(index: number) {\n    const nextRows = rows.filter((_, rowIndex) => rowIndex !== index);\n    const nextRowIds = rowIds.filter((_, rowIndex) => rowIndex !== index);\n    setRevealedValues({});\n    return commitRows(\n      nextRows.length > 0 ? nextRows : [createDefaultRow()],\n      nextRows.length > 0 ? nextRowIds : [createRowId()],\n    );\n  }\n\n  function mergeParsedRows(parsedRows: readonly EnvironmentVariableEntry[], targetIndex?: number) {\n    const newRows = parsedRows.map(createRow);\n    const newRowIds = newRows.map(() => createRowId());\n    const currentEditableRows = editableRows(rows);\n\n    if (hasOnlyEmptyRow(currentEditableRows)) {\n      const preserved = preservedRows(rows);\n      return commitRows([...preserved, ...newRows], [...rowIds.slice(0, preserved.length), ...newRowIds]);\n    }\n\n    if (typeof targetIndex !== 'number') {\n      return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);\n    }\n\n    const targetRow = rows[targetIndex];\n    if (!targetRow) {\n      return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);\n    }\n\n    const targetIsEmpty = !targetRow.key.trim() && !targetRow.value;\n    const before = rows.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));\n    const after = rows.slice(targetIndex + 1);\n    const beforeIds = rowIds.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));\n    const afterIds = rowIds.slice(targetIndex + 1);\n    return commitRows([...before, ...newRows, ...after], [...beforeIds, ...newRowIds, ...afterIds]);\n  }\n\n  function handlePaste(index: number, text: string) {\n    const entries = parsePastedEnvText(text);\n    if (entries.length === 0) return false;\n\n    mergeParsedRows(entries, index);\n    setRevealedValues({});\n    setUploadError(null);\n    return true;\n  }\n\n  async function handleFileUpload(event: EnvironmentVariablesEditorFileUploadEvent) {\n    setUploadError(null);\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    const result = await readEnvFile(file, { maxSize: maxUploadSize });\n    if (!result.ok) {\n      setUploadError(result.error);\n      if (fileInputRef.current) fileInputRef.current.value = '';\n      return;\n    }\n\n    mergeParsedRows(result.entries);\n    setRevealedValues({});\n\n    if (fileInputRef.current) fileInputRef.current.value = '';\n  }\n\n  const duplicateKeys = getDuplicateEnvironmentVariableKeys(rows);\n  const rowsDirty = !areRowsEqual(rows, baselineRows);\n\n  return {\n    rows,\n    uploadError,\n    fileInputRef,\n    duplicateKeys,\n    hasDuplicateKeys: duplicateKeys.size > 0,\n    isDirty: rowsDirty,\n    isRowsDirty: rowsDirty,\n    setRows,\n    resetRows,\n    appendRow,\n    updateRow,\n    removeRow,\n    getRowsForSubmit,\n    getEnvironmentVariablesForSubmit: () => collectEnvironmentVariables(getRowsForSubmit()),\n    handleFileUpload,\n    handlePaste,\n    clearUploadError: () => setUploadError(null),\n    getRowId: index => rowIds[index] ?? (fallbackRowIds.current[index] ??= createRowId()),\n    isValueRevealed: index => Boolean(revealedValues[index]),\n    toggleValueVisibility: index => setRevealedValues(previous => ({ ...previous, [index]: !previous[index] })),\n    rowHasDuplicateKey: index => duplicateKeys.has(rows[index]?.key.trim() ?? ''),\n  };\n}\n\nfunction parsePastedEnvText(text: string) {\n  const trimmedText = text.trim();\n  const entries = parseEnvFileText(trimmedText);\n\n  const firstAssignmentLooksLikeEnvVar = /^(?:export\\s+)?[A-Z_][A-Z0-9_]*\\s*=/.test(trimmedText);\n  const hasBulkShape = entries.length > 1 || trimmedText.includes('\\n') || firstAssignmentLooksLikeEnvVar;\n\n  return hasBulkShape ? entries : [];\n}\n"],"names":["createEmptyEnvironmentVariableEntry","useRef","useState","readEnvFile","getDuplicateEnvironmentVariableKeys","collectEnvironmentVariables","parseEnvFileText"],"mappings":"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"}
+{"version":3,"file":"use-environment-variables-editor.cjs.js","sources":["../../src/hooks/use-environment-variables-editor.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport {\n  collectEnvironmentVariables,\n  createEmptyEnvironmentVariableEntry,\n  getDuplicateEnvironmentVariableKeys,\n  parseEnvFileText,\n  readEnvFile,\n} from '@/lib/env-file';\nimport type { EnvironmentVariableEntry } from '@/lib/env-file';\n\nconst ENV_ASSIGNMENT_LINE = /^(?:export\\s+)?[A-Za-z_][A-Za-z0-9_]*\\s*=/;\n\nexport type EnvironmentVariableRow = EnvironmentVariableEntry;\n\nexport interface UseEnvironmentVariablesEditorOptions<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  initialRows?: readonly TRow[];\n  rows?: readonly TRow[];\n  onRowsChange?: (rows: TRow[]) => void;\n  getEditableRows?: (rows: readonly TRow[]) => readonly TRow[];\n  getPreservedRows?: (rows: readonly TRow[]) => readonly TRow[];\n  maxUploadSize?: number;\n}\n\nexport interface EnvironmentVariablesEditorRowFactories<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  createDefaultRow: () => TRow;\n  createRow: (entry: EnvironmentVariableEntry) => TRow;\n}\n\nexport interface EnvironmentVariablesEditorFileUploadEvent {\n  target: {\n    files?: FileList | readonly File[] | null;\n  };\n}\n\nexport interface EnvironmentVariablesEditorController<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  rows: readonly TRow[];\n  uploadError: string | null;\n  fileInputRef: RefObject<HTMLInputElement | null>;\n  duplicateKeys: Set<string>;\n  hasDuplicateKeys: boolean;\n  isDirty: boolean;\n  isRowsDirty: boolean;\n  setRows: (rows: readonly TRow[]) => TRow[];\n  resetRows: (rows?: readonly TRow[]) => TRow[];\n  appendRow: (row?: TRow) => TRow[];\n  updateRow: (index: number, patch: Partial<EnvironmentVariableEntry>) => TRow[];\n  removeRow: (index: number) => TRow[];\n  getRowsForSubmit: () => TRow[];\n  getEnvironmentVariablesForSubmit: () => Record<string, string>;\n  handleFileUpload: (event: EnvironmentVariablesEditorFileUploadEvent) => Promise<void>;\n  handlePaste: (index: number, text: string, field: 'key' | 'value') => boolean;\n  clearUploadError: () => void;\n  getRowId: (index: number) => string;\n  isValueRevealed: (index: number) => boolean;\n  toggleValueVisibility: (index: number) => void;\n  rowHasDuplicateKey: (index: number) => boolean;\n}\n\ntype DefaultEnvironmentVariablesEditorOptions = UseEnvironmentVariablesEditorOptions<EnvironmentVariableRow>;\n\ntype CustomEnvironmentVariablesEditorOptions<TRow extends EnvironmentVariableRow> =\n  UseEnvironmentVariablesEditorOptions<TRow> & EnvironmentVariablesEditorRowFactories<TRow>;\n\nfunction defaultCreateRow(entry: EnvironmentVariableEntry): EnvironmentVariableRow {\n  return { key: entry.key, value: entry.value };\n}\n\nfunction defaultEditableRows<TRow extends EnvironmentVariableRow>(rows: readonly TRow[]) {\n  return rows;\n}\n\nfunction defaultPreservedRows() {\n  return [];\n}\n\nfunction normalizeRows<TRow extends EnvironmentVariableRow>(\n  rows: readonly TRow[] | undefined,\n  createDefaultRow: () => TRow,\n) {\n  return rows && rows.length > 0 ? rows.map(row => ({ ...row })) : [createDefaultRow()];\n}\n\nfunction hasOnlyEmptyRow(rows: readonly EnvironmentVariableEntry[]) {\n  if (rows.length !== 1) return false;\n  const [firstRow] = rows;\n  if (!firstRow) return false;\n  return !firstRow.key.trim() && !firstRow.value;\n}\n\nfunction areRowsEqual(a: readonly EnvironmentVariableEntry[], b: readonly EnvironmentVariableEntry[]) {\n  if (a.length !== b.length) return false;\n\n  for (let index = 0; index < a.length; index++) {\n    const aRow = a[index];\n    const bRow = b[index];\n    if (!aRow || !bRow || aRow.key !== bRow.key || aRow.value !== bRow.value) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function useEnvironmentVariablesEditor(\n  options: DefaultEnvironmentVariablesEditorOptions = {},\n): EnvironmentVariablesEditorController {\n  return useCustomEnvironmentVariablesEditor({\n    ...options,\n    createDefaultRow: createEmptyEnvironmentVariableEntry,\n    createRow: defaultCreateRow,\n  });\n}\n\nexport function useCustomEnvironmentVariablesEditor<TRow extends EnvironmentVariableRow>({\n  initialRows,\n  rows: controlledRows,\n  onRowsChange,\n  createDefaultRow,\n  createRow,\n  getEditableRows = defaultEditableRows,\n  getPreservedRows = defaultPreservedRows,\n  maxUploadSize,\n}: CustomEnvironmentVariablesEditorOptions<TRow>): EnvironmentVariablesEditorController<TRow> {\n  const initialSourceRows = controlledRows ?? initialRows;\n  const nextRowId = useRef(0);\n  const fallbackRowIds = useRef<Record<number, string>>({});\n  const [uncontrolledRows, setUncontrolledRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));\n  const [baselineRows, setBaselineRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));\n  const [rowIds, setRowIds] = useState(() =>\n    normalizeRows(initialSourceRows, createDefaultRow).map(() => createRowId()),\n  );\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [revealedValues, setRevealedValues] = useState<Record<number, boolean>>({});\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const rows = controlledRows ? normalizeRows(controlledRows, createDefaultRow) : uncontrolledRows;\n  const editableRows = (sourceRows: readonly TRow[] = rows) => getEditableRows(sourceRows);\n  const preservedRows = (sourceRows: readonly TRow[] = rows) => getPreservedRows(sourceRows);\n\n  function createRowId() {\n    const rowId = nextRowId.current;\n    nextRowId.current += 1;\n    return `environment-variable-row-${rowId}`;\n  }\n\n  function commitRows(nextRows: readonly TRow[], nextRowIds?: readonly string[]) {\n    const normalizedRows = normalizeRows(nextRows, createDefaultRow);\n    const normalizedRowIds = normalizedRows.map((_, index) => nextRowIds?.[index] ?? rowIds[index] ?? createRowId());\n\n    if (!controlledRows) {\n      setUncontrolledRows(normalizedRows);\n    }\n\n    setRowIds(normalizedRowIds);\n    onRowsChange?.(normalizedRows);\n    return normalizedRows;\n  }\n\n  function setRows(nextRows: readonly TRow[]) {\n    return commitRows(nextRows);\n  }\n\n  function resetRows(nextRows: readonly TRow[] = baselineRows) {\n    const normalizedRows = normalizeRows(nextRows, createDefaultRow);\n    commitRows(\n      normalizedRows,\n      normalizedRows.map(() => createRowId()),\n    );\n    setBaselineRows(normalizedRows);\n    setRevealedValues({});\n    setUploadError(null);\n    return normalizedRows;\n  }\n\n  function getRowsForSubmit() {\n    return [...rows];\n  }\n\n  function appendRow(row = createDefaultRow()) {\n    return commitRows([...rows, row], [...rowIds, createRowId()]);\n  }\n\n  function updateRow(index: number, patch: Partial<EnvironmentVariableEntry>) {\n    return commitRows(\n      rows.map((row, rowIndex) => (rowIndex === index ? { ...row, ...patch } : row)),\n      rowIds,\n    );\n  }\n\n  function removeRow(index: number) {\n    const nextRows = rows.filter((_, rowIndex) => rowIndex !== index);\n    const nextRowIds = rowIds.filter((_, rowIndex) => rowIndex !== index);\n    setRevealedValues({});\n    return commitRows(\n      nextRows.length > 0 ? nextRows : [createDefaultRow()],\n      nextRows.length > 0 ? nextRowIds : [createRowId()],\n    );\n  }\n\n  function mergeParsedRows(parsedRows: readonly EnvironmentVariableEntry[], targetIndex?: number) {\n    const newRows = parsedRows.map(createRow);\n    const newRowIds = newRows.map(() => createRowId());\n    const currentEditableRows = editableRows(rows);\n\n    if (hasOnlyEmptyRow(currentEditableRows)) {\n      const preserved = preservedRows(rows);\n      return commitRows([...preserved, ...newRows], [...rowIds.slice(0, preserved.length), ...newRowIds]);\n    }\n\n    if (typeof targetIndex !== 'number') {\n      return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);\n    }\n\n    const targetRow = rows[targetIndex];\n    if (!targetRow) {\n      return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);\n    }\n\n    const targetIsEmpty = !targetRow.key.trim() && !targetRow.value;\n    const before = rows.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));\n    const after = rows.slice(targetIndex + 1);\n    const beforeIds = rowIds.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));\n    const afterIds = rowIds.slice(targetIndex + 1);\n    return commitRows([...before, ...newRows, ...after], [...beforeIds, ...newRowIds, ...afterIds]);\n  }\n\n  function handlePaste(index: number, text: string, field: 'key' | 'value') {\n    // Values (connection strings, PEM keys, JSON) stay literal unless every line is a KEY= assignment\n    if (field === 'value') {\n      const lines = text.split(/\\r?\\n/).filter(line => line.trim());\n      if (lines.length < 2 || !lines.every(line => ENV_ASSIGNMENT_LINE.test(line.trim()))) return false;\n    }\n\n    const entries = parsePastedEnvText(text);\n    if (entries.length === 0) return false;\n\n    mergeParsedRows(entries, index);\n    setRevealedValues({});\n    setUploadError(null);\n    return true;\n  }\n\n  async function handleFileUpload(event: EnvironmentVariablesEditorFileUploadEvent) {\n    setUploadError(null);\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    const result = await readEnvFile(file, { maxSize: maxUploadSize });\n    if (!result.ok) {\n      setUploadError(result.error);\n      if (fileInputRef.current) fileInputRef.current.value = '';\n      return;\n    }\n\n    mergeParsedRows(result.entries);\n    setRevealedValues({});\n\n    if (fileInputRef.current) fileInputRef.current.value = '';\n  }\n\n  const duplicateKeys = getDuplicateEnvironmentVariableKeys(rows);\n  const rowsDirty = !areRowsEqual(rows, baselineRows);\n\n  return {\n    rows,\n    uploadError,\n    fileInputRef,\n    duplicateKeys,\n    hasDuplicateKeys: duplicateKeys.size > 0,\n    isDirty: rowsDirty,\n    isRowsDirty: rowsDirty,\n    setRows,\n    resetRows,\n    appendRow,\n    updateRow,\n    removeRow,\n    getRowsForSubmit,\n    getEnvironmentVariablesForSubmit: () => collectEnvironmentVariables(getRowsForSubmit()),\n    handleFileUpload,\n    handlePaste,\n    clearUploadError: () => setUploadError(null),\n    getRowId: index => rowIds[index] ?? (fallbackRowIds.current[index] ??= createRowId()),\n    isValueRevealed: index => Boolean(revealedValues[index]),\n    toggleValueVisibility: index => setRevealedValues(previous => ({ ...previous, [index]: !previous[index] })),\n    rowHasDuplicateKey: index => duplicateKeys.has(rows[index]?.key.trim() ?? ''),\n  };\n}\n\nfunction parsePastedEnvText(text: string) {\n  const trimmedText = text.trim();\n  const entries = parseEnvFileText(trimmedText);\n\n  const firstAssignmentLooksLikeEnvVar = /^(?:export\\s+)?[A-Z_][A-Z0-9_]*\\s*=/.test(trimmedText);\n  const hasBulkShape = entries.length > 1 || trimmedText.includes('\\n') || firstAssignmentLooksLikeEnvVar;\n\n  return hasBulkShape ? entries : [];\n}\n"],"names":["createEmptyEnvironmentVariableEntry","useRef","useState","readEnvFile","getDuplicateEnvironmentVariableKeys","collectEnvironmentVariables","parseEnvFileText"],"mappings":"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"}

package/dist/hooks/use-environment-variables-editor.es.js

@@ -1,6 +1,7 @@
 import { useRef, useState } from 'react';
 import { g as getDuplicateEnvironmentVariableKeys, c as collectEnvironmentVariables, a as createEmptyEnvironmentVariableEntry, r as readEnvFile, p as parseEnvFileText } from '../env-file-BITYowCx.js';
 
+const ENV_ASSIGNMENT_LINE = /^(?:export\s+)?[A-Za-z_][A-Za-z0-9_]*\s*=/;
 function defaultCreateRow(entry) {
   return { key: entry.key, value: entry.value };
 }
@@ -133,7 +134,11 @@ function useCustomEnvironmentVariablesEditor({
     const afterIds = rowIds.slice(targetIndex + 1);
     return commitRows([...before, ...newRows, ...after], [...beforeIds, ...newRowIds, ...afterIds]);
   }
-  function handlePaste(index, text) {
+  function handlePaste(index, text, field) {
+    if (field === "value") {
+      const lines = text.split(/\r?\n/).filter((line) => line.trim());
+      if (lines.length < 2 || !lines.every((line) => ENV_ASSIGNMENT_LINE.test(line.trim()))) return false;
+    }
     const entries = parsePastedEnvText(text);
     if (entries.length === 0) return false;
     mergeParsedRows(entries, index);

package/dist/hooks/use-environment-variables-editor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-environment-variables-editor.es.js","sources":["../../src/hooks/use-environment-variables-editor.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport {\n  collectEnvironmentVariables,\n  createEmptyEnvironmentVariableEntry,\n  getDuplicateEnvironmentVariableKeys,\n  parseEnvFileText,\n  readEnvFile,\n} from '@/lib/env-file';\nimport type { EnvironmentVariableEntry } from '@/lib/env-file';\n\nexport type EnvironmentVariableRow = EnvironmentVariableEntry;\n\nexport interface UseEnvironmentVariablesEditorOptions<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  initialRows?: readonly TRow[];\n  rows?: readonly TRow[];\n  onRowsChange?: (rows: TRow[]) => void;\n  getEditableRows?: (rows: readonly TRow[]) => readonly TRow[];\n  getPreservedRows?: (rows: readonly TRow[]) => readonly TRow[];\n  maxUploadSize?: number;\n}\n\nexport interface EnvironmentVariablesEditorRowFactories<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  createDefaultRow: () => TRow;\n  createRow: (entry: EnvironmentVariableEntry) => TRow;\n}\n\nexport interface EnvironmentVariablesEditorFileUploadEvent {\n  target: {\n    files?: FileList | readonly File[] | null;\n  };\n}\n\nexport interface EnvironmentVariablesEditorController<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  rows: readonly TRow[];\n  uploadError: string | null;\n  fileInputRef: RefObject<HTMLInputElement | null>;\n  duplicateKeys: Set<string>;\n  hasDuplicateKeys: boolean;\n  isDirty: boolean;\n  isRowsDirty: boolean;\n  setRows: (rows: readonly TRow[]) => TRow[];\n  resetRows: (rows?: readonly TRow[]) => TRow[];\n  appendRow: (row?: TRow) => TRow[];\n  updateRow: (index: number, patch: Partial<EnvironmentVariableEntry>) => TRow[];\n  removeRow: (index: number) => TRow[];\n  getRowsForSubmit: () => TRow[];\n  getEnvironmentVariablesForSubmit: () => Record<string, string>;\n  handleFileUpload: (event: EnvironmentVariablesEditorFileUploadEvent) => Promise<void>;\n  handlePaste: (index: number, text: string) => boolean;\n  clearUploadError: () => void;\n  getRowId: (index: number) => string;\n  isValueRevealed: (index: number) => boolean;\n  toggleValueVisibility: (index: number) => void;\n  rowHasDuplicateKey: (index: number) => boolean;\n}\n\ntype DefaultEnvironmentVariablesEditorOptions = UseEnvironmentVariablesEditorOptions<EnvironmentVariableRow>;\n\ntype CustomEnvironmentVariablesEditorOptions<TRow extends EnvironmentVariableRow> =\n  UseEnvironmentVariablesEditorOptions<TRow> & EnvironmentVariablesEditorRowFactories<TRow>;\n\nfunction defaultCreateRow(entry: EnvironmentVariableEntry): EnvironmentVariableRow {\n  return { key: entry.key, value: entry.value };\n}\n\nfunction defaultEditableRows<TRow extends EnvironmentVariableRow>(rows: readonly TRow[]) {\n  return rows;\n}\n\nfunction defaultPreservedRows() {\n  return [];\n}\n\nfunction normalizeRows<TRow extends EnvironmentVariableRow>(\n  rows: readonly TRow[] | undefined,\n  createDefaultRow: () => TRow,\n) {\n  return rows && rows.length > 0 ? rows.map(row => ({ ...row })) : [createDefaultRow()];\n}\n\nfunction hasOnlyEmptyRow(rows: readonly EnvironmentVariableEntry[]) {\n  if (rows.length !== 1) return false;\n  const [firstRow] = rows;\n  if (!firstRow) return false;\n  return !firstRow.key.trim() && !firstRow.value;\n}\n\nfunction areRowsEqual(a: readonly EnvironmentVariableEntry[], b: readonly EnvironmentVariableEntry[]) {\n  if (a.length !== b.length) return false;\n\n  for (let index = 0; index < a.length; index++) {\n    const aRow = a[index];\n    const bRow = b[index];\n    if (!aRow || !bRow || aRow.key !== bRow.key || aRow.value !== bRow.value) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function useEnvironmentVariablesEditor(\n  options: DefaultEnvironmentVariablesEditorOptions = {},\n): EnvironmentVariablesEditorController {\n  return useCustomEnvironmentVariablesEditor({\n    ...options,\n    createDefaultRow: createEmptyEnvironmentVariableEntry,\n    createRow: defaultCreateRow,\n  });\n}\n\nexport function useCustomEnvironmentVariablesEditor<TRow extends EnvironmentVariableRow>({\n  initialRows,\n  rows: controlledRows,\n  onRowsChange,\n  createDefaultRow,\n  createRow,\n  getEditableRows = defaultEditableRows,\n  getPreservedRows = defaultPreservedRows,\n  maxUploadSize,\n}: CustomEnvironmentVariablesEditorOptions<TRow>): EnvironmentVariablesEditorController<TRow> {\n  const initialSourceRows = controlledRows ?? initialRows;\n  const nextRowId = useRef(0);\n  const fallbackRowIds = useRef<Record<number, string>>({});\n  const [uncontrolledRows, setUncontrolledRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));\n  const [baselineRows, setBaselineRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));\n  const [rowIds, setRowIds] = useState(() =>\n    normalizeRows(initialSourceRows, createDefaultRow).map(() => createRowId()),\n  );\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [revealedValues, setRevealedValues] = useState<Record<number, boolean>>({});\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const rows = controlledRows ? normalizeRows(controlledRows, createDefaultRow) : uncontrolledRows;\n  const editableRows = (sourceRows: readonly TRow[] = rows) => getEditableRows(sourceRows);\n  const preservedRows = (sourceRows: readonly TRow[] = rows) => getPreservedRows(sourceRows);\n\n  function createRowId() {\n    const rowId = nextRowId.current;\n    nextRowId.current += 1;\n    return `environment-variable-row-${rowId}`;\n  }\n\n  function commitRows(nextRows: readonly TRow[], nextRowIds?: readonly string[]) {\n    const normalizedRows = normalizeRows(nextRows, createDefaultRow);\n    const normalizedRowIds = normalizedRows.map((_, index) => nextRowIds?.[index] ?? rowIds[index] ?? createRowId());\n\n    if (!controlledRows) {\n      setUncontrolledRows(normalizedRows);\n    }\n\n    setRowIds(normalizedRowIds);\n    onRowsChange?.(normalizedRows);\n    return normalizedRows;\n  }\n\n  function setRows(nextRows: readonly TRow[]) {\n    return commitRows(nextRows);\n  }\n\n  function resetRows(nextRows: readonly TRow[] = baselineRows) {\n    const normalizedRows = normalizeRows(nextRows, createDefaultRow);\n    commitRows(\n      normalizedRows,\n      normalizedRows.map(() => createRowId()),\n    );\n    setBaselineRows(normalizedRows);\n    setRevealedValues({});\n    setUploadError(null);\n    return normalizedRows;\n  }\n\n  function getRowsForSubmit() {\n    return [...rows];\n  }\n\n  function appendRow(row = createDefaultRow()) {\n    return commitRows([...rows, row], [...rowIds, createRowId()]);\n  }\n\n  function updateRow(index: number, patch: Partial<EnvironmentVariableEntry>) {\n    return commitRows(\n      rows.map((row, rowIndex) => (rowIndex === index ? { ...row, ...patch } : row)),\n      rowIds,\n    );\n  }\n\n  function removeRow(index: number) {\n    const nextRows = rows.filter((_, rowIndex) => rowIndex !== index);\n    const nextRowIds = rowIds.filter((_, rowIndex) => rowIndex !== index);\n    setRevealedValues({});\n    return commitRows(\n      nextRows.length > 0 ? nextRows : [createDefaultRow()],\n      nextRows.length > 0 ? nextRowIds : [createRowId()],\n    );\n  }\n\n  function mergeParsedRows(parsedRows: readonly EnvironmentVariableEntry[], targetIndex?: number) {\n    const newRows = parsedRows.map(createRow);\n    const newRowIds = newRows.map(() => createRowId());\n    const currentEditableRows = editableRows(rows);\n\n    if (hasOnlyEmptyRow(currentEditableRows)) {\n      const preserved = preservedRows(rows);\n      return commitRows([...preserved, ...newRows], [...rowIds.slice(0, preserved.length), ...newRowIds]);\n    }\n\n    if (typeof targetIndex !== 'number') {\n      return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);\n    }\n\n    const targetRow = rows[targetIndex];\n    if (!targetRow) {\n      return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);\n    }\n\n    const targetIsEmpty = !targetRow.key.trim() && !targetRow.value;\n    const before = rows.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));\n    const after = rows.slice(targetIndex + 1);\n    const beforeIds = rowIds.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));\n    const afterIds = rowIds.slice(targetIndex + 1);\n    return commitRows([...before, ...newRows, ...after], [...beforeIds, ...newRowIds, ...afterIds]);\n  }\n\n  function handlePaste(index: number, text: string) {\n    const entries = parsePastedEnvText(text);\n    if (entries.length === 0) return false;\n\n    mergeParsedRows(entries, index);\n    setRevealedValues({});\n    setUploadError(null);\n    return true;\n  }\n\n  async function handleFileUpload(event: EnvironmentVariablesEditorFileUploadEvent) {\n    setUploadError(null);\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    const result = await readEnvFile(file, { maxSize: maxUploadSize });\n    if (!result.ok) {\n      setUploadError(result.error);\n      if (fileInputRef.current) fileInputRef.current.value = '';\n      return;\n    }\n\n    mergeParsedRows(result.entries);\n    setRevealedValues({});\n\n    if (fileInputRef.current) fileInputRef.current.value = '';\n  }\n\n  const duplicateKeys = getDuplicateEnvironmentVariableKeys(rows);\n  const rowsDirty = !areRowsEqual(rows, baselineRows);\n\n  return {\n    rows,\n    uploadError,\n    fileInputRef,\n    duplicateKeys,\n    hasDuplicateKeys: duplicateKeys.size > 0,\n    isDirty: rowsDirty,\n    isRowsDirty: rowsDirty,\n    setRows,\n    resetRows,\n    appendRow,\n    updateRow,\n    removeRow,\n    getRowsForSubmit,\n    getEnvironmentVariablesForSubmit: () => collectEnvironmentVariables(getRowsForSubmit()),\n    handleFileUpload,\n    handlePaste,\n    clearUploadError: () => setUploadError(null),\n    getRowId: index => rowIds[index] ?? (fallbackRowIds.current[index] ??= createRowId()),\n    isValueRevealed: index => Boolean(revealedValues[index]),\n    toggleValueVisibility: index => setRevealedValues(previous => ({ ...previous, [index]: !previous[index] })),\n    rowHasDuplicateKey: index => duplicateKeys.has(rows[index]?.key.trim() ?? ''),\n  };\n}\n\nfunction parsePastedEnvText(text: string) {\n  const trimmedText = text.trim();\n  const entries = parseEnvFileText(trimmedText);\n\n  const firstAssignmentLooksLikeEnvVar = /^(?:export\\s+)?[A-Z_][A-Z0-9_]*\\s*=/.test(trimmedText);\n  const hasBulkShape = entries.length > 1 || trimmedText.includes('\\n') || firstAssignmentLooksLikeEnvVar;\n\n  return hasBulkShape ? entries : [];\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-environment-variables-editor.es.js","sources":["../../src/hooks/use-environment-variables-editor.ts"],"sourcesContent":["import { useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport {\n  collectEnvironmentVariables,\n  createEmptyEnvironmentVariableEntry,\n  getDuplicateEnvironmentVariableKeys,\n  parseEnvFileText,\n  readEnvFile,\n} from '@/lib/env-file';\nimport type { EnvironmentVariableEntry } from '@/lib/env-file';\n\nconst ENV_ASSIGNMENT_LINE = /^(?:export\\s+)?[A-Za-z_][A-Za-z0-9_]*\\s*=/;\n\nexport type EnvironmentVariableRow = EnvironmentVariableEntry;\n\nexport interface UseEnvironmentVariablesEditorOptions<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  initialRows?: readonly TRow[];\n  rows?: readonly TRow[];\n  onRowsChange?: (rows: TRow[]) => void;\n  getEditableRows?: (rows: readonly TRow[]) => readonly TRow[];\n  getPreservedRows?: (rows: readonly TRow[]) => readonly TRow[];\n  maxUploadSize?: number;\n}\n\nexport interface EnvironmentVariablesEditorRowFactories<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  createDefaultRow: () => TRow;\n  createRow: (entry: EnvironmentVariableEntry) => TRow;\n}\n\nexport interface EnvironmentVariablesEditorFileUploadEvent {\n  target: {\n    files?: FileList | readonly File[] | null;\n  };\n}\n\nexport interface EnvironmentVariablesEditorController<TRow extends EnvironmentVariableRow = EnvironmentVariableRow> {\n  rows: readonly TRow[];\n  uploadError: string | null;\n  fileInputRef: RefObject<HTMLInputElement | null>;\n  duplicateKeys: Set<string>;\n  hasDuplicateKeys: boolean;\n  isDirty: boolean;\n  isRowsDirty: boolean;\n  setRows: (rows: readonly TRow[]) => TRow[];\n  resetRows: (rows?: readonly TRow[]) => TRow[];\n  appendRow: (row?: TRow) => TRow[];\n  updateRow: (index: number, patch: Partial<EnvironmentVariableEntry>) => TRow[];\n  removeRow: (index: number) => TRow[];\n  getRowsForSubmit: () => TRow[];\n  getEnvironmentVariablesForSubmit: () => Record<string, string>;\n  handleFileUpload: (event: EnvironmentVariablesEditorFileUploadEvent) => Promise<void>;\n  handlePaste: (index: number, text: string, field: 'key' | 'value') => boolean;\n  clearUploadError: () => void;\n  getRowId: (index: number) => string;\n  isValueRevealed: (index: number) => boolean;\n  toggleValueVisibility: (index: number) => void;\n  rowHasDuplicateKey: (index: number) => boolean;\n}\n\ntype DefaultEnvironmentVariablesEditorOptions = UseEnvironmentVariablesEditorOptions<EnvironmentVariableRow>;\n\ntype CustomEnvironmentVariablesEditorOptions<TRow extends EnvironmentVariableRow> =\n  UseEnvironmentVariablesEditorOptions<TRow> & EnvironmentVariablesEditorRowFactories<TRow>;\n\nfunction defaultCreateRow(entry: EnvironmentVariableEntry): EnvironmentVariableRow {\n  return { key: entry.key, value: entry.value };\n}\n\nfunction defaultEditableRows<TRow extends EnvironmentVariableRow>(rows: readonly TRow[]) {\n  return rows;\n}\n\nfunction defaultPreservedRows() {\n  return [];\n}\n\nfunction normalizeRows<TRow extends EnvironmentVariableRow>(\n  rows: readonly TRow[] | undefined,\n  createDefaultRow: () => TRow,\n) {\n  return rows && rows.length > 0 ? rows.map(row => ({ ...row })) : [createDefaultRow()];\n}\n\nfunction hasOnlyEmptyRow(rows: readonly EnvironmentVariableEntry[]) {\n  if (rows.length !== 1) return false;\n  const [firstRow] = rows;\n  if (!firstRow) return false;\n  return !firstRow.key.trim() && !firstRow.value;\n}\n\nfunction areRowsEqual(a: readonly EnvironmentVariableEntry[], b: readonly EnvironmentVariableEntry[]) {\n  if (a.length !== b.length) return false;\n\n  for (let index = 0; index < a.length; index++) {\n    const aRow = a[index];\n    const bRow = b[index];\n    if (!aRow || !bRow || aRow.key !== bRow.key || aRow.value !== bRow.value) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport function useEnvironmentVariablesEditor(\n  options: DefaultEnvironmentVariablesEditorOptions = {},\n): EnvironmentVariablesEditorController {\n  return useCustomEnvironmentVariablesEditor({\n    ...options,\n    createDefaultRow: createEmptyEnvironmentVariableEntry,\n    createRow: defaultCreateRow,\n  });\n}\n\nexport function useCustomEnvironmentVariablesEditor<TRow extends EnvironmentVariableRow>({\n  initialRows,\n  rows: controlledRows,\n  onRowsChange,\n  createDefaultRow,\n  createRow,\n  getEditableRows = defaultEditableRows,\n  getPreservedRows = defaultPreservedRows,\n  maxUploadSize,\n}: CustomEnvironmentVariablesEditorOptions<TRow>): EnvironmentVariablesEditorController<TRow> {\n  const initialSourceRows = controlledRows ?? initialRows;\n  const nextRowId = useRef(0);\n  const fallbackRowIds = useRef<Record<number, string>>({});\n  const [uncontrolledRows, setUncontrolledRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));\n  const [baselineRows, setBaselineRows] = useState(() => normalizeRows(initialSourceRows, createDefaultRow));\n  const [rowIds, setRowIds] = useState(() =>\n    normalizeRows(initialSourceRows, createDefaultRow).map(() => createRowId()),\n  );\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [revealedValues, setRevealedValues] = useState<Record<number, boolean>>({});\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const rows = controlledRows ? normalizeRows(controlledRows, createDefaultRow) : uncontrolledRows;\n  const editableRows = (sourceRows: readonly TRow[] = rows) => getEditableRows(sourceRows);\n  const preservedRows = (sourceRows: readonly TRow[] = rows) => getPreservedRows(sourceRows);\n\n  function createRowId() {\n    const rowId = nextRowId.current;\n    nextRowId.current += 1;\n    return `environment-variable-row-${rowId}`;\n  }\n\n  function commitRows(nextRows: readonly TRow[], nextRowIds?: readonly string[]) {\n    const normalizedRows = normalizeRows(nextRows, createDefaultRow);\n    const normalizedRowIds = normalizedRows.map((_, index) => nextRowIds?.[index] ?? rowIds[index] ?? createRowId());\n\n    if (!controlledRows) {\n      setUncontrolledRows(normalizedRows);\n    }\n\n    setRowIds(normalizedRowIds);\n    onRowsChange?.(normalizedRows);\n    return normalizedRows;\n  }\n\n  function setRows(nextRows: readonly TRow[]) {\n    return commitRows(nextRows);\n  }\n\n  function resetRows(nextRows: readonly TRow[] = baselineRows) {\n    const normalizedRows = normalizeRows(nextRows, createDefaultRow);\n    commitRows(\n      normalizedRows,\n      normalizedRows.map(() => createRowId()),\n    );\n    setBaselineRows(normalizedRows);\n    setRevealedValues({});\n    setUploadError(null);\n    return normalizedRows;\n  }\n\n  function getRowsForSubmit() {\n    return [...rows];\n  }\n\n  function appendRow(row = createDefaultRow()) {\n    return commitRows([...rows, row], [...rowIds, createRowId()]);\n  }\n\n  function updateRow(index: number, patch: Partial<EnvironmentVariableEntry>) {\n    return commitRows(\n      rows.map((row, rowIndex) => (rowIndex === index ? { ...row, ...patch } : row)),\n      rowIds,\n    );\n  }\n\n  function removeRow(index: number) {\n    const nextRows = rows.filter((_, rowIndex) => rowIndex !== index);\n    const nextRowIds = rowIds.filter((_, rowIndex) => rowIndex !== index);\n    setRevealedValues({});\n    return commitRows(\n      nextRows.length > 0 ? nextRows : [createDefaultRow()],\n      nextRows.length > 0 ? nextRowIds : [createRowId()],\n    );\n  }\n\n  function mergeParsedRows(parsedRows: readonly EnvironmentVariableEntry[], targetIndex?: number) {\n    const newRows = parsedRows.map(createRow);\n    const newRowIds = newRows.map(() => createRowId());\n    const currentEditableRows = editableRows(rows);\n\n    if (hasOnlyEmptyRow(currentEditableRows)) {\n      const preserved = preservedRows(rows);\n      return commitRows([...preserved, ...newRows], [...rowIds.slice(0, preserved.length), ...newRowIds]);\n    }\n\n    if (typeof targetIndex !== 'number') {\n      return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);\n    }\n\n    const targetRow = rows[targetIndex];\n    if (!targetRow) {\n      return commitRows([...rows, ...newRows], [...rowIds, ...newRowIds]);\n    }\n\n    const targetIsEmpty = !targetRow.key.trim() && !targetRow.value;\n    const before = rows.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));\n    const after = rows.slice(targetIndex + 1);\n    const beforeIds = rowIds.slice(0, targetIndex + (targetIsEmpty ? 0 : 1));\n    const afterIds = rowIds.slice(targetIndex + 1);\n    return commitRows([...before, ...newRows, ...after], [...beforeIds, ...newRowIds, ...afterIds]);\n  }\n\n  function handlePaste(index: number, text: string, field: 'key' | 'value') {\n    // Values (connection strings, PEM keys, JSON) stay literal unless every line is a KEY= assignment\n    if (field === 'value') {\n      const lines = text.split(/\\r?\\n/).filter(line => line.trim());\n      if (lines.length < 2 || !lines.every(line => ENV_ASSIGNMENT_LINE.test(line.trim()))) return false;\n    }\n\n    const entries = parsePastedEnvText(text);\n    if (entries.length === 0) return false;\n\n    mergeParsedRows(entries, index);\n    setRevealedValues({});\n    setUploadError(null);\n    return true;\n  }\n\n  async function handleFileUpload(event: EnvironmentVariablesEditorFileUploadEvent) {\n    setUploadError(null);\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    const result = await readEnvFile(file, { maxSize: maxUploadSize });\n    if (!result.ok) {\n      setUploadError(result.error);\n      if (fileInputRef.current) fileInputRef.current.value = '';\n      return;\n    }\n\n    mergeParsedRows(result.entries);\n    setRevealedValues({});\n\n    if (fileInputRef.current) fileInputRef.current.value = '';\n  }\n\n  const duplicateKeys = getDuplicateEnvironmentVariableKeys(rows);\n  const rowsDirty = !areRowsEqual(rows, baselineRows);\n\n  return {\n    rows,\n    uploadError,\n    fileInputRef,\n    duplicateKeys,\n    hasDuplicateKeys: duplicateKeys.size > 0,\n    isDirty: rowsDirty,\n    isRowsDirty: rowsDirty,\n    setRows,\n    resetRows,\n    appendRow,\n    updateRow,\n    removeRow,\n    getRowsForSubmit,\n    getEnvironmentVariablesForSubmit: () => collectEnvironmentVariables(getRowsForSubmit()),\n    handleFileUpload,\n    handlePaste,\n    clearUploadError: () => setUploadError(null),\n    getRowId: index => rowIds[index] ?? (fallbackRowIds.current[index] ??= createRowId()),\n    isValueRevealed: index => Boolean(revealedValues[index]),\n    toggleValueVisibility: index => setRevealedValues(previous => ({ ...previous, [index]: !previous[index] })),\n    rowHasDuplicateKey: index => duplicateKeys.has(rows[index]?.key.trim() ?? ''),\n  };\n}\n\nfunction parsePastedEnvText(text: string) {\n  const trimmedText = text.trim();\n  const entries = parseEnvFileText(trimmedText);\n\n  const firstAssignmentLooksLikeEnvVar = /^(?:export\\s+)?[A-Z_][A-Z0-9_]*\\s*=/.test(trimmedText);\n  const hasBulkShape = entries.length > 1 || trimmedText.includes('\\n') || firstAssignmentLooksLikeEnvVar;\n\n  return hasBulkShape ? entries : [];\n}\n"],"names":[],"mappings":"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"}

package/dist/{input-group-B8bnoDrA.js → input-group-0G9ZX_cM.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { c as cva } from './index-Dubp6Qv4.js';
 import * as React from 'react';
-import { B as Button } from './Button-C6eUqcPI.js';
+import { B as Button } from './Button-D43ghVKt.js';
 import { ControlSizeContext, controlHeight } from './primitives/control-size.es.js';
 import { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from './primitives/form-element.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
@@ -193,4 +193,4 @@ const InputGroupButton = React.forwardRef(
 InputGroupButton.displayName = "InputGroupButton";
 
 export { InputGroup as I, InputGroupAddon as a, InputGroupButton as b, InputGroupInput as c, InputGroupText as d, InputGroupTextarea as e };
-//# sourceMappingURL=input-group-B8bnoDrA.js.map
+//# sourceMappingURL=input-group-0G9ZX_cM.js.map

package/dist/{input-group-B8bnoDrA.js.map → input-group-0G9ZX_cM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"input-group-B8bnoDrA.js","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\nconst inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nconst InputGroup = React.forwardRef<HTMLDivElement, InputGroupProps>(({ className, size, ...props }, ref) => {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(inputGroupClassName, controlHeight[resolved], className)}\n      {...props}\n    />\n  );\n});\nInputGroup.displayName = 'InputGroup';\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    \"[&>svg:not([class*='size-'])]:size-4\",\n  ),\n  {\n    variants: {\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nconst InputGroupAddon = React.forwardRef<HTMLDivElement, InputGroupAddonProps>(\n  ({ className, align = 'inline-start', onClick, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"input-group-addon\"\n        data-align={align}\n        className={cn(inputGroupAddonVariants({ align }), className)}\n        onClick={event => {\n          // Click on non-interactive addon area focuses the control inside the group.\n          // Skip when a button/input handled the click itself.\n          const target = event.target as HTMLElement;\n          if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n            event.currentTarget.parentElement\n              ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n              ?.focus();\n          }\n          onClick?.(event);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupAddon.displayName = 'InputGroupAddon';\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\nexport type InputGroupInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupInput = React.forwardRef<HTMLInputElement, InputGroupInputProps>(\n  ({ className, testId, error, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          // Height fits the root's content box (see inputGroupControlHeightBySize).\n          'min-w-0 flex-1 bg-transparent px-3 text-foreground outline-hidden',\n          inputGroupControlHeightBySize,\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          // Hide native number-spinner arrows so consumers can compose their own\n          // stepper (see the NumberWithStepper story). WebKit uses the spin-button\n          // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n          '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n          '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n          '[&[type=number]]:[appearance:textfield]',\n          // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n          // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n          '[&::-webkit-search-cancel-button]:appearance-none',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nexport type InputGroupTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupTextarea = React.forwardRef<HTMLTextAreaElement, InputGroupTextareaProps>(\n  ({ className, testId, error, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport type InputGroupTextProps = React.ComponentPropsWithoutRef<'span'>;\n\nconst InputGroupText = React.forwardRef<HTMLSpanElement, InputGroupTextProps>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nInputGroupText.displayName = 'InputGroupText';\n\nexport type InputGroupButtonProps = Omit<ButtonProps, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nconst InputGroupButton = React.forwardRef<HTMLButtonElement, InputGroupButtonProps>(\n  ({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }, ref) => {\n    return <Button ref={ref} type={type} size={size} variant={variant} {...props} />;\n  },\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"input-group-0G9ZX_cM.js","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\nconst inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nconst InputGroup = React.forwardRef<HTMLDivElement, InputGroupProps>(({ className, size, ...props }, ref) => {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(inputGroupClassName, controlHeight[resolved], className)}\n      {...props}\n    />\n  );\n});\nInputGroup.displayName = 'InputGroup';\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    \"[&>svg:not([class*='size-'])]:size-4\",\n  ),\n  {\n    variants: {\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nconst InputGroupAddon = React.forwardRef<HTMLDivElement, InputGroupAddonProps>(\n  ({ className, align = 'inline-start', onClick, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"input-group-addon\"\n        data-align={align}\n        className={cn(inputGroupAddonVariants({ align }), className)}\n        onClick={event => {\n          // Click on non-interactive addon area focuses the control inside the group.\n          // Skip when a button/input handled the click itself.\n          const target = event.target as HTMLElement;\n          if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n            event.currentTarget.parentElement\n              ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n              ?.focus();\n          }\n          onClick?.(event);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupAddon.displayName = 'InputGroupAddon';\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\nexport type InputGroupInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupInput = React.forwardRef<HTMLInputElement, InputGroupInputProps>(\n  ({ className, testId, error, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          // Height fits the root's content box (see inputGroupControlHeightBySize).\n          'min-w-0 flex-1 bg-transparent px-3 text-foreground outline-hidden',\n          inputGroupControlHeightBySize,\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          // Hide native number-spinner arrows so consumers can compose their own\n          // stepper (see the NumberWithStepper story). WebKit uses the spin-button\n          // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n          '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n          '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n          '[&[type=number]]:[appearance:textfield]',\n          // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n          // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n          '[&::-webkit-search-cancel-button]:appearance-none',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nexport type InputGroupTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupTextarea = React.forwardRef<HTMLTextAreaElement, InputGroupTextareaProps>(\n  ({ className, testId, error, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport type InputGroupTextProps = React.ComponentPropsWithoutRef<'span'>;\n\nconst InputGroupText = React.forwardRef<HTMLSpanElement, InputGroupTextProps>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nInputGroupText.displayName = 'InputGroupText';\n\nexport type InputGroupButtonProps = Omit<ButtonProps, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nconst InputGroupButton = React.forwardRef<HTMLButtonElement, InputGroupButtonProps>(\n  ({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }, ref) => {\n    return <Button ref={ref} type={type} size={size} variant={variant} {...props} />;\n  },\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":[],"mappings":"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"}

package/dist/{input-group-I8YVM_Ps.cjs → input-group-BRhBfeHC.cjs}

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('./index-C-fBJhpb.cjs');
 const React = require('react');
-const Button = require('./Button-BnmR2HRc.cjs');
+const Button = require('./Button-CXhSUBxN.cjs');
 const primitives_controlSize = require('./primitives/control-size.cjs.js');
 const primitives_formElement = require('./primitives/form-element.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
@@ -219,4 +219,4 @@ exports.InputGroupButton = InputGroupButton;
 exports.InputGroupInput = InputGroupInput;
 exports.InputGroupText = InputGroupText;
 exports.InputGroupTextarea = InputGroupTextarea;
-//# sourceMappingURL=input-group-I8YVM_Ps.cjs.map
+//# sourceMappingURL=input-group-BRhBfeHC.cjs.map

package/dist/{input-group-I8YVM_Ps.cjs.map → input-group-BRhBfeHC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-group-I8YVM_Ps.cjs","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\nconst inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nconst InputGroup = React.forwardRef<HTMLDivElement, InputGroupProps>(({ className, size, ...props }, ref) => {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(inputGroupClassName, controlHeight[resolved], className)}\n      {...props}\n    />\n  );\n});\nInputGroup.displayName = 'InputGroup';\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    \"[&>svg:not([class*='size-'])]:size-4\",\n  ),\n  {\n    variants: {\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nconst InputGroupAddon = React.forwardRef<HTMLDivElement, InputGroupAddonProps>(\n  ({ className, align = 'inline-start', onClick, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"input-group-addon\"\n        data-align={align}\n        className={cn(inputGroupAddonVariants({ align }), className)}\n        onClick={event => {\n          // Click on non-interactive addon area focuses the control inside the group.\n          // Skip when a button/input handled the click itself.\n          const target = event.target as HTMLElement;\n          if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n            event.currentTarget.parentElement\n              ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n              ?.focus();\n          }\n          onClick?.(event);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupAddon.displayName = 'InputGroupAddon';\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\nexport type InputGroupInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupInput = React.forwardRef<HTMLInputElement, InputGroupInputProps>(\n  ({ className, testId, error, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          // Height fits the root's content box (see inputGroupControlHeightBySize).\n          'min-w-0 flex-1 bg-transparent px-3 text-foreground outline-hidden',\n          inputGroupControlHeightBySize,\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          // Hide native number-spinner arrows so consumers can compose their own\n          // stepper (see the NumberWithStepper story). WebKit uses the spin-button\n          // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n          '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n          '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n          '[&[type=number]]:[appearance:textfield]',\n          // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n          // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n          '[&::-webkit-search-cancel-button]:appearance-none',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nexport type InputGroupTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupTextarea = React.forwardRef<HTMLTextAreaElement, InputGroupTextareaProps>(\n  ({ className, testId, error, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport type InputGroupTextProps = React.ComponentPropsWithoutRef<'span'>;\n\nconst InputGroupText = React.forwardRef<HTMLSpanElement, InputGroupTextProps>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nInputGroupText.displayName = 'InputGroupText';\n\nexport type InputGroupButtonProps = Omit<ButtonProps, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nconst InputGroupButton = React.forwardRef<HTMLButtonElement, InputGroupButtonProps>(\n  ({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }, ref) => {\n    return <Button ref={ref} type={type} size={size} variant={variant} {...props} />;\n  },\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":["cn","inputSurfaceAndFocusWithinStyle","fieldErrorRimWithin","React","ControlSizeContext","jsx","controlHeight","cva","Button"],"mappings":"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"}
+{"version":3,"file":"input-group-BRhBfeHC.cjs","sources":["../src/ds/components/InputGroup/input-group.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { ControlSizeContext, controlHeight } from '@/ds/primitives/control-size';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { fieldErrorRimWithin, inputSurfaceAndFocusWithinStyle } from '@/ds/primitives/form-element';\nimport { cn } from '@/lib/utils';\n\n// Size flows down as `data-size` on the named group root (`group/input-group`), read by the\n// control through `group-data-[size=…]` variants — no prop drilling. The one context read is\n// upward: a wrapper that owns the rung (ButtonsGroup) hands it to the field.\n\nconst inputGroupBaseClassName = cn(\n  // `flex-1` (not `min-w-0`) lets the root fill a flex row while keeping its content-floor\n  // so it never collapses to 0. `items-center` centres the control: it carries its own\n  // h-form-* (2px taller than the root's content box), so stretch would push its text low\n  // / overflow the bottom border, while centring overlaps the (transparent) borders cleanly.\n  'group/input-group relative flex w-full flex-1 items-center',\n  // The wrapper owns its control's width — a bare control has no width of its own,\n  // so the group is the one that decides the input fills the remaining space.\n  '[&>[data-slot=input-group-control]]:min-w-0 [&>[data-slot=input-group-control]]:flex-1',\n  'text-foreground',\n  'has-[:disabled]:cursor-not-allowed has-[:disabled]:text-muted-foreground',\n  // Height is on the root (border-box) so the group matches a same-size sibling control.\n  // Auto height when vertical (block-* addon) or wrapping a textarea.\n  'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n  'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n  'has-[textarea]:h-auto',\n  'has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-0',\n  'has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-0',\n  // In flex-col, flex-1 zeroes the control's height; force flex-none + w-full instead.\n  'has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:flex-none',\n  'has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:w-full has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:flex-none',\n);\n\nconst inputGroupRoundedTextareaClassName = cn(\n  // Pill (rounded-full) only fits single-line inline shapes. Fall back to rounded-xl\n  // whenever the group goes vertical (block-* addon) or wraps a textarea.\n  'has-[>[data-align=block-start]]:rounded-xl',\n  'has-[>[data-align=block-end]]:rounded-xl',\n  'has-[textarea]:rounded-xl',\n);\n\n// A group wears the field material — the same `bg-card` plus rim an Input wears — so a\n// group and a bare field beside it are one surface. Its states move the rim, and they\n// read the nested control's focus (`focus-within`) because the wrapper never takes focus\n// itself. There is no second look: a transparent `outline` group existed alongside this\n// one and only ever produced two boundary languages for the same control, which is why\n// four of its call sites had wrapped it in a hand-made `bg-card rounded-full` div to get\n// the material back.\nconst inputGroupClassName = cn(\n  inputGroupBaseClassName,\n  'rounded-full',\n  inputSurfaceAndFocusWithinStyle,\n  fieldErrorRimWithin,\n  inputGroupRoundedTextareaClassName,\n);\n\nexport type InputGroupProps = React.ComponentPropsWithoutRef<'div'> & {\n  size?: ControlSize;\n};\n\nconst InputGroup = React.forwardRef<HTMLDivElement, InputGroupProps>(({ className, size, ...props }, ref) => {\n  // A wrapper's rung wins over the field's own: inside a ButtonsGroup the group owns the\n  // height of every segment, so a field that kept its own type scale would sit at one rung\n  // and read at another.\n  const groupSize = React.useContext(ControlSizeContext);\n  const resolved = groupSize ?? size ?? 'md';\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      data-slot=\"input-group\"\n      data-size={resolved}\n      className={cn(inputGroupClassName, controlHeight[resolved], className)}\n      {...props}\n    />\n  );\n});\nInputGroup.displayName = 'InputGroup';\n\nconst inputGroupControlTextBySize = cn(\n  'group-data-[size=sm]/input-group:text-caption',\n  'group-data-[size=md]/input-group:text-body-sm',\n  'group-data-[size=lg]/input-group:text-body',\n);\n\nconst inputGroupAddonVariants = cva(\n  cn(\n    'flex items-center justify-center gap-2 text-muted-foreground select-none',\n    inputGroupControlTextBySize,\n    'group-has-[:disabled]/input-group:text-muted-foreground',\n    \"[&>svg:not([class*='size-'])]:size-4\",\n  ),\n  {\n    variants: {\n      align: {\n        'inline-start': 'order-first pr-1 pl-3 has-[>button]:pl-1',\n        'inline-end': 'order-last pr-3 pl-1 has-[>button]:pr-1',\n        'block-start': 'order-first w-full justify-start border-b border-border px-3 pt-2 pb-1',\n        'block-end': 'order-last w-full justify-start border-t border-border px-3 pt-1 pb-2',\n      },\n    },\n    defaultVariants: {\n      align: 'inline-start',\n    },\n  },\n);\n\nexport type InputGroupAddonProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof inputGroupAddonVariants>;\n\nconst InputGroupAddon = React.forwardRef<HTMLDivElement, InputGroupAddonProps>(\n  ({ className, align = 'inline-start', onClick, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"input-group-addon\"\n        data-align={align}\n        className={cn(inputGroupAddonVariants({ align }), className)}\n        onClick={event => {\n          // Click on non-interactive addon area focuses the control inside the group.\n          // Skip when a button/input handled the click itself.\n          const target = event.target as HTMLElement;\n          if (!target.closest('button, input, textarea, [role=\"button\"]')) {\n            event.currentTarget.parentElement\n              ?.querySelector<HTMLInputElement | HTMLTextAreaElement>('[data-slot=input-group-control]')\n              ?.focus();\n          }\n          onClick?.(event);\n        }}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupAddon.displayName = 'InputGroupAddon';\n\n// Size flows from the parent group's `data-size` (no React context). All four sizes are\n// written out so Tailwind's scanner emits them. The control is sized to the root's\n// content box (token height minus the 1px border on each side) so it never overflows the\n// root — otherwise, in a flex-column parent, the root's content-based minimum would win\n// over its explicit height and the group would render 2px taller than a sibling control.\n// The explicit height also keeps the control from collapsing to the line-height in block\n// mode (flex-col + flex-none).\nconst inputGroupControlHeightBySize = cn(\n  'group-data-[size=sm]/input-group:h-[calc(var(--spacing-control-sm)-2px)]',\n  'group-data-[size=md]/input-group:h-[calc(var(--spacing-control-md)-2px)]',\n  'group-data-[size=lg]/input-group:h-[calc(var(--spacing-control-lg)-2px)]',\n);\nexport type InputGroupInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupInput = React.forwardRef<HTMLInputElement, InputGroupInputProps>(\n  ({ className, testId, error, type = 'text', ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          // Height fits the root's content box (see inputGroupControlHeightBySize).\n          'min-w-0 flex-1 bg-transparent px-3 text-foreground outline-hidden',\n          inputGroupControlHeightBySize,\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          // Hide native number-spinner arrows so consumers can compose their own\n          // stepper (see the NumberWithStepper story). WebKit uses the spin-button\n          // pseudo-elements; Firefox needs `appearance: textfield` on the input.\n          '[&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none',\n          '[&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none',\n          '[&[type=number]]:[appearance:textfield]',\n          // type=\"search\": drop WebKit's native clear button so it doesn't double up with a\n          // custom clear control (e.g. the scorers toolbar's InputGroupButton).\n          '[&::-webkit-search-cancel-button]:appearance-none',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nexport type InputGroupTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  testId?: string;\n  error?: boolean;\n};\n\nconst InputGroupTextarea = React.forwardRef<HTMLTextAreaElement, InputGroupTextareaProps>(\n  ({ className, testId, error, ...props }, ref) => {\n    return (\n      <textarea\n        ref={ref}\n        data-slot=\"input-group-control\"\n        data-testid={testId}\n        aria-invalid={error}\n        className={cn(\n          'min-h-15 min-w-0 flex-1 resize-y bg-transparent px-3 py-2 text-foreground outline-hidden',\n          inputGroupControlTextBySize,\n          'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n          'focus:placeholder:opacity-70',\n          'disabled:cursor-not-allowed',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport type InputGroupTextProps = React.ComponentPropsWithoutRef<'span'>;\n\nconst InputGroupText = React.forwardRef<HTMLSpanElement, InputGroupTextProps>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\n      className={cn(\n        'flex items-center gap-2 text-caption text-muted-foreground [&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nInputGroupText.displayName = 'InputGroupText';\n\nexport type InputGroupButtonProps = Omit<ButtonProps, 'size' | 'variant'> & {\n  size?: ButtonProps['size'];\n  variant?: ButtonProps['variant'];\n};\n\nconst InputGroupButton = React.forwardRef<HTMLButtonElement, InputGroupButtonProps>(\n  ({ size = 'icon-sm', variant = 'ghost', type = 'button', ...props }, ref) => {\n    return <Button ref={ref} type={type} size={size} variant={variant} {...props} />;\n  },\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nexport { InputGroup, InputGroupAddon, InputGroupInput, InputGroupTextarea, InputGroupText, InputGroupButton };\n"],"names":["cn","inputSurfaceAndFocusWithinStyle","fieldErrorRimWithin","React","ControlSizeContext","jsx","controlHeight","cva","Button"],"mappings":"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"}

package/dist/layout/tabbed-container.cjs.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('../tabbed-container.css');const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const combobox = require('../combobox-rKV-Lksj.cjs');
-const dataList = require('../data-list-D8bACyyK.cjs');
-const listSearch = require('../list-search-DXb7HFX8.cjs');
-const tabsContent = require('../tabs-content-DQNRMjup.cjs');
-const tabsTab = require('../tabs-tab-lm4xyjtD.cjs');
-const tabsRoot = require('../tabs-root-BqC8X_h6.cjs');
+const combobox = require('../combobox-DJ0c4o4S.cjs');
+const dataList = require('../data-list-Y42KyuI1.cjs');
+const listSearch = require('../list-search-BzAIj0DB.cjs');
+const tabsContent = require('../tabs-content-DnscxcLI.cjs');
+const tabsTab = require('../tabs-tab-BmIBFifi.cjs');
+const tabsRoot = require('../tabs-root-C-ePF1y9.cjs');
 const tooltip = require('../tooltip-DIZ5oqjV.cjs');
 const Txt = require('../Txt-DPmEpNbp.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');

package/dist/layout/tabbed-container.es.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterIcon } from 'lucide-react';
 import { Children, isValidElement, useContext } from 'react';
-import { C as Combobox } from '../combobox-B_C0cNid.js';
-import { D as DataList } from '../data-list-DL_oFE4j.js';
-import { L as ListSearch } from '../list-search-9l8IEdxZ.js';
-import { T as TabContent } from '../tabs-content-h2qqD8t-.js';
-import { T as Tab, a as TabsContext } from '../tabs-tab-7e2as-AV.js';
-import { a as Tabs, T as TabList } from '../tabs-root-4vL8SHCO.js';
+import { C as Combobox } from '../combobox-B15qTrWO.js';
+import { D as DataList } from '../data-list-CyeD_u-6.js';
+import { L as ListSearch } from '../list-search-DI1DH7vU.js';
+import { T as TabContent } from '../tabs-content-CwbkTutf.js';
+import { T as Tab, a as TabsContext } from '../tabs-tab-DoPSW-1s.js';
+import { a as Tabs, T as TabList } from '../tabs-root-lrZZ3KwH.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-DsQPiynb.js';
 import { T as Txt } from '../Txt-BP1SRHmL.js';
 import { c as cn } from '../cn-65Adrsfj.js';

package/dist/lib/form/components/array-element-wrapper.cjs.js

@@ -9,7 +9,7 @@ const reactHookForm = require('react-hook-form');
 const lib_form_fieldContext = require('../field-context.cjs.js');
 const lib_form_useSectionDisclosure = require('../use-section-disclosure.cjs.js');
 const lib_form_utils = require('../utils.cjs.js');
-const Button = require('../../../Button-BnmR2HRc.cjs');
+const Button = require('../../../Button-CXhSUBxN.cjs');
 const collapsible = require('../../../collapsible-jfzzU7Gp.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
@@ -54,7 +54,7 @@ function ArrayElementWrapper({ children, onRemove, index }) {
                   index + 1
                 ] }),
                 summary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-foreground", title: summary, children: summary }),
-                invalid && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", className: "ml-auto shrink-0 text-destructive-indicator", children: "Needs input" })
+                invalid && /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", className: "ml-auto shrink-0 text-destructive-foreground", children: "Needs input" })
               ]
             }
           ),

package/dist/lib/form/components/array-element-wrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"array-element-wrapper.cjs.js","sources":["../../../../src/lib/form/components/array-element-wrapper.tsx"],"sourcesContent":["import type { ArrayElementWrapperProps } from '@autoform/react';\nimport { Check, ChevronRight, Trash2 } from 'lucide-react';\nimport { useContext, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ArrayAddButtonContext, FieldPathContext, FormReadOnlyContext } from '../field-context';\nimport { useSectionDisclosure } from '../use-section-disclosure';\nimport { isPlainObject } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\n\nconst HUMAN_SUMMARY_KEYS = ['title', 'name', 'label'];\n\nfunction firstFilledText(values: unknown[]) {\n  return values.find((value): value is string => typeof value === 'string' && value.trim().length > 0);\n}\n\nfunction itemSummary(value: unknown) {\n  if (typeof value === 'string') return value.trim();\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n  if (!isPlainObject(value)) return undefined;\n  return firstFilledText(HUMAN_SUMMARY_KEYS.map(key => value[key])) ?? firstFilledText(Object.values(value));\n}\n\nexport function ArrayElementWrapper({ children, onRemove, index }: ArrayElementWrapperProps) {\n  const path = useContext(FieldPathContext);\n  const readOnly = useContext(FormReadOnlyContext);\n  const addButtonRef = useContext(ArrayAddButtonContext);\n  const { control } = useFormContext();\n  const value: unknown = useWatch({ control, name: path });\n  const summary = itemSummary(value);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { expanded, invalid, setExpanded } = useSectionDisclosure(path, !summary);\n  const itemLabel = `Item ${index + 1}${summary ? `: ${summary}` : ''}`;\n\n  return (\n    <Collapsible\n      open={expanded}\n      onOpenChange={setExpanded}\n      className=\"overflow-hidden rounded-lg border border-border bg-background motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none\"\n    >\n      <div className=\"flex min-w-0 items-center gap-1 pr-1\">\n        <CollapsibleTrigger\n          ref={triggerRef}\n          aria-label={invalid ? `${itemLabel}, Needs input` : itemLabel}\n          className=\"flex min-h-11 min-w-0 flex-1 items-center gap-2 rounded-lg px-3 text-left text-caption focus-visible:-outline-offset-1\"\n        >\n          <ChevronRight aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />\n          <span className=\"shrink-0 text-muted-foreground\">Item {index + 1}</span>\n          {summary && (\n            <span className=\"truncate text-foreground\" title={summary}>\n              {summary}\n            </span>\n          )}\n          {invalid && (\n            <Txt as=\"span\" variant=\"meta\" className=\"ml-auto shrink-0 text-destructive-indicator\">\n              Needs input\n            </Txt>\n          )}\n        </CollapsibleTrigger>\n        {!readOnly && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-md\"\n            className=\"size-11\"\n            aria-label={`Remove item ${index + 1}`}\n            onClick={() => {\n              onRemove();\n              addButtonRef?.current?.focus();\n            }}\n          >\n            <Trash2 />\n          </Button>\n        )}\n      </div>\n      <CollapsibleContent keepMounted className=\"border-t border-border p-3\">\n        {children}\n        {!readOnly && (\n          <div className=\"flex justify-end pt-2\">\n            <Button\n              type=\"button\"\n              className=\"min-h-11\"\n              aria-label={`Done editing item ${index + 1}`}\n              onClick={() => {\n                setExpanded(false);\n                triggerRef.current?.focus();\n              }}\n              icon={<Check />}\n            >\n              Done\n            </Button>\n          </div>\n        )}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":["isPlainObject","useContext","FieldPathContext","FormReadOnlyContext","ArrayAddButtonContext","useFormContext","useWatch","useRef","useSectionDisclosure","jsxs","Collapsible","CollapsibleTrigger","jsx","ChevronRight","Txt","Button","Trash2","CollapsibleContent","Check"],"mappings":"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"}
+{"version":3,"file":"array-element-wrapper.cjs.js","sources":["../../../../src/lib/form/components/array-element-wrapper.tsx"],"sourcesContent":["import type { ArrayElementWrapperProps } from '@autoform/react';\nimport { Check, ChevronRight, Trash2 } from 'lucide-react';\nimport { useContext, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ArrayAddButtonContext, FieldPathContext, FormReadOnlyContext } from '../field-context';\nimport { useSectionDisclosure } from '../use-section-disclosure';\nimport { isPlainObject } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\n\nconst HUMAN_SUMMARY_KEYS = ['title', 'name', 'label'];\n\nfunction firstFilledText(values: unknown[]) {\n  return values.find((value): value is string => typeof value === 'string' && value.trim().length > 0);\n}\n\nfunction itemSummary(value: unknown) {\n  if (typeof value === 'string') return value.trim();\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n  if (!isPlainObject(value)) return undefined;\n  return firstFilledText(HUMAN_SUMMARY_KEYS.map(key => value[key])) ?? firstFilledText(Object.values(value));\n}\n\nexport function ArrayElementWrapper({ children, onRemove, index }: ArrayElementWrapperProps) {\n  const path = useContext(FieldPathContext);\n  const readOnly = useContext(FormReadOnlyContext);\n  const addButtonRef = useContext(ArrayAddButtonContext);\n  const { control } = useFormContext();\n  const value: unknown = useWatch({ control, name: path });\n  const summary = itemSummary(value);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { expanded, invalid, setExpanded } = useSectionDisclosure(path, !summary);\n  const itemLabel = `Item ${index + 1}${summary ? `: ${summary}` : ''}`;\n\n  return (\n    <Collapsible\n      open={expanded}\n      onOpenChange={setExpanded}\n      className=\"overflow-hidden rounded-lg border border-border bg-background motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none\"\n    >\n      <div className=\"flex min-w-0 items-center gap-1 pr-1\">\n        <CollapsibleTrigger\n          ref={triggerRef}\n          aria-label={invalid ? `${itemLabel}, Needs input` : itemLabel}\n          className=\"flex min-h-11 min-w-0 flex-1 items-center gap-2 rounded-lg px-3 text-left text-caption focus-visible:-outline-offset-1\"\n        >\n          <ChevronRight aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />\n          <span className=\"shrink-0 text-muted-foreground\">Item {index + 1}</span>\n          {summary && (\n            <span className=\"truncate text-foreground\" title={summary}>\n              {summary}\n            </span>\n          )}\n          {invalid && (\n            <Txt as=\"span\" variant=\"meta\" className=\"ml-auto shrink-0 text-destructive-foreground\">\n              Needs input\n            </Txt>\n          )}\n        </CollapsibleTrigger>\n        {!readOnly && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-md\"\n            className=\"size-11\"\n            aria-label={`Remove item ${index + 1}`}\n            onClick={() => {\n              onRemove();\n              addButtonRef?.current?.focus();\n            }}\n          >\n            <Trash2 />\n          </Button>\n        )}\n      </div>\n      <CollapsibleContent keepMounted className=\"border-t border-border p-3\">\n        {children}\n        {!readOnly && (\n          <div className=\"flex justify-end pt-2\">\n            <Button\n              type=\"button\"\n              className=\"min-h-11\"\n              aria-label={`Done editing item ${index + 1}`}\n              onClick={() => {\n                setExpanded(false);\n                triggerRef.current?.focus();\n              }}\n              icon={<Check />}\n            >\n              Done\n            </Button>\n          </div>\n        )}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":["isPlainObject","useContext","FieldPathContext","FormReadOnlyContext","ArrayAddButtonContext","useFormContext","useWatch","useRef","useSectionDisclosure","jsxs","Collapsible","CollapsibleTrigger","jsx","ChevronRight","Txt","Button","Trash2","CollapsibleContent","Check"],"mappings":"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"}

package/dist/lib/form/components/array-element-wrapper.es.js

@@ -5,7 +5,7 @@ import { useFormContext, useWatch } from 'react-hook-form';
 import { FieldPathContext, FormReadOnlyContext, ArrayAddButtonContext } from '../field-context.es.js';
 import { useSectionDisclosure } from '../use-section-disclosure.es.js';
 import { isPlainObject } from '../utils.es.js';
-import { B as Button } from '../../../Button-C6eUqcPI.js';
+import { B as Button } from '../../../Button-D43ghVKt.js';
 import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-BNUn4644.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
@@ -50,7 +50,7 @@ function ArrayElementWrapper({ children, onRemove, index }) {
                   index + 1
                 ] }),
                 summary && /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", title: summary, children: summary }),
-                invalid && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", className: "ml-auto shrink-0 text-destructive-indicator", children: "Needs input" })
+                invalid && /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", className: "ml-auto shrink-0 text-destructive-foreground", children: "Needs input" })
               ]
             }
           ),

package/dist/lib/form/components/array-element-wrapper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"array-element-wrapper.es.js","sources":["../../../../src/lib/form/components/array-element-wrapper.tsx"],"sourcesContent":["import type { ArrayElementWrapperProps } from '@autoform/react';\nimport { Check, ChevronRight, Trash2 } from 'lucide-react';\nimport { useContext, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ArrayAddButtonContext, FieldPathContext, FormReadOnlyContext } from '../field-context';\nimport { useSectionDisclosure } from '../use-section-disclosure';\nimport { isPlainObject } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\n\nconst HUMAN_SUMMARY_KEYS = ['title', 'name', 'label'];\n\nfunction firstFilledText(values: unknown[]) {\n  return values.find((value): value is string => typeof value === 'string' && value.trim().length > 0);\n}\n\nfunction itemSummary(value: unknown) {\n  if (typeof value === 'string') return value.trim();\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n  if (!isPlainObject(value)) return undefined;\n  return firstFilledText(HUMAN_SUMMARY_KEYS.map(key => value[key])) ?? firstFilledText(Object.values(value));\n}\n\nexport function ArrayElementWrapper({ children, onRemove, index }: ArrayElementWrapperProps) {\n  const path = useContext(FieldPathContext);\n  const readOnly = useContext(FormReadOnlyContext);\n  const addButtonRef = useContext(ArrayAddButtonContext);\n  const { control } = useFormContext();\n  const value: unknown = useWatch({ control, name: path });\n  const summary = itemSummary(value);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { expanded, invalid, setExpanded } = useSectionDisclosure(path, !summary);\n  const itemLabel = `Item ${index + 1}${summary ? `: ${summary}` : ''}`;\n\n  return (\n    <Collapsible\n      open={expanded}\n      onOpenChange={setExpanded}\n      className=\"overflow-hidden rounded-lg border border-border bg-background motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none\"\n    >\n      <div className=\"flex min-w-0 items-center gap-1 pr-1\">\n        <CollapsibleTrigger\n          ref={triggerRef}\n          aria-label={invalid ? `${itemLabel}, Needs input` : itemLabel}\n          className=\"flex min-h-11 min-w-0 flex-1 items-center gap-2 rounded-lg px-3 text-left text-caption focus-visible:-outline-offset-1\"\n        >\n          <ChevronRight aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />\n          <span className=\"shrink-0 text-muted-foreground\">Item {index + 1}</span>\n          {summary && (\n            <span className=\"truncate text-foreground\" title={summary}>\n              {summary}\n            </span>\n          )}\n          {invalid && (\n            <Txt as=\"span\" variant=\"meta\" className=\"ml-auto shrink-0 text-destructive-indicator\">\n              Needs input\n            </Txt>\n          )}\n        </CollapsibleTrigger>\n        {!readOnly && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-md\"\n            className=\"size-11\"\n            aria-label={`Remove item ${index + 1}`}\n            onClick={() => {\n              onRemove();\n              addButtonRef?.current?.focus();\n            }}\n          >\n            <Trash2 />\n          </Button>\n        )}\n      </div>\n      <CollapsibleContent keepMounted className=\"border-t border-border p-3\">\n        {children}\n        {!readOnly && (\n          <div className=\"flex justify-end pt-2\">\n            <Button\n              type=\"button\"\n              className=\"min-h-11\"\n              aria-label={`Done editing item ${index + 1}`}\n              onClick={() => {\n                setExpanded(false);\n                triggerRef.current?.focus();\n              }}\n              icon={<Check />}\n            >\n              Done\n            </Button>\n          </div>\n        )}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"array-element-wrapper.es.js","sources":["../../../../src/lib/form/components/array-element-wrapper.tsx"],"sourcesContent":["import type { ArrayElementWrapperProps } from '@autoform/react';\nimport { Check, ChevronRight, Trash2 } from 'lucide-react';\nimport { useContext, useRef } from 'react';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { ArrayAddButtonContext, FieldPathContext, FormReadOnlyContext } from '../field-context';\nimport { useSectionDisclosure } from '../use-section-disclosure';\nimport { isPlainObject } from '../utils';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { Txt } from '@/ds/components/Txt';\n\nconst HUMAN_SUMMARY_KEYS = ['title', 'name', 'label'];\n\nfunction firstFilledText(values: unknown[]) {\n  return values.find((value): value is string => typeof value === 'string' && value.trim().length > 0);\n}\n\nfunction itemSummary(value: unknown) {\n  if (typeof value === 'string') return value.trim();\n  if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n  if (!isPlainObject(value)) return undefined;\n  return firstFilledText(HUMAN_SUMMARY_KEYS.map(key => value[key])) ?? firstFilledText(Object.values(value));\n}\n\nexport function ArrayElementWrapper({ children, onRemove, index }: ArrayElementWrapperProps) {\n  const path = useContext(FieldPathContext);\n  const readOnly = useContext(FormReadOnlyContext);\n  const addButtonRef = useContext(ArrayAddButtonContext);\n  const { control } = useFormContext();\n  const value: unknown = useWatch({ control, name: path });\n  const summary = itemSummary(value);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { expanded, invalid, setExpanded } = useSectionDisclosure(path, !summary);\n  const itemLabel = `Item ${index + 1}${summary ? `: ${summary}` : ''}`;\n\n  return (\n    <Collapsible\n      open={expanded}\n      onOpenChange={setExpanded}\n      className=\"overflow-hidden rounded-lg border border-border bg-background motion-reduce:[&_[data-slot=collapsible-content]]:transition-none motion-reduce:[&_svg]:transition-none\"\n    >\n      <div className=\"flex min-w-0 items-center gap-1 pr-1\">\n        <CollapsibleTrigger\n          ref={triggerRef}\n          aria-label={invalid ? `${itemLabel}, Needs input` : itemLabel}\n          className=\"flex min-h-11 min-w-0 flex-1 items-center gap-2 rounded-lg px-3 text-left text-caption focus-visible:-outline-offset-1\"\n        >\n          <ChevronRight aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />\n          <span className=\"shrink-0 text-muted-foreground\">Item {index + 1}</span>\n          {summary && (\n            <span className=\"truncate text-foreground\" title={summary}>\n              {summary}\n            </span>\n          )}\n          {invalid && (\n            <Txt as=\"span\" variant=\"meta\" className=\"ml-auto shrink-0 text-destructive-foreground\">\n              Needs input\n            </Txt>\n          )}\n        </CollapsibleTrigger>\n        {!readOnly && (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-md\"\n            className=\"size-11\"\n            aria-label={`Remove item ${index + 1}`}\n            onClick={() => {\n              onRemove();\n              addButtonRef?.current?.focus();\n            }}\n          >\n            <Trash2 />\n          </Button>\n        )}\n      </div>\n      <CollapsibleContent keepMounted className=\"border-t border-border p-3\">\n        {children}\n        {!readOnly && (\n          <div className=\"flex justify-end pt-2\">\n            <Button\n              type=\"button\"\n              className=\"min-h-11\"\n              aria-label={`Done editing item ${index + 1}`}\n              onClick={() => {\n                setExpanded(false);\n                triggerRef.current?.focus();\n              }}\n              icon={<Check />}\n            >\n              Done\n            </Button>\n          </div>\n        )}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/lib/form/components/array-wrapper.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const lib_form_fieldContext = require('../field-context.cjs.js');
-const Button = require('../../../Button-BnmR2HRc.cjs');
+const Button = require('../../../Button-CXhSUBxN.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 
 function ArrayWrapper({ label, children, onAddItem }) {

package/dist/lib/form/components/array-wrapper.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Brackets, Plus } from 'lucide-react';
 import { useContext, Children, useRef } from 'react';
 import { FormReadOnlyContext, ArrayAddButtonContext } from '../field-context.es.js';
-import { B as Button } from '../../../Button-C6eUqcPI.js';
+import { B as Button } from '../../../Button-D43ghVKt.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 
 function ArrayWrapper({ label, children, onAddItem }) {

package/dist/lib/form/components/boolean-field.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const checkbox = require('../../../checkbox-CI8JtZKS.cjs');
-const fieldBlock = require('../../../field-block-BIDi9Bvc.cjs');
+const fieldBlock = require('../../../field-block-DtaPqBa3.cjs');
 
 const BooleanField = ({ field, label, id, inputProps }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
   /* @__PURE__ */ jsxRuntime.jsx(