@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.3

package/dist/environment-variables-editor-BQma-nhE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-variables-editor-BQma-nhE.cjs","sources":["../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-actions.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-context.ts","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-add-button.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-messages.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-duplicate-keys-error.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-read-only-empty.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-read-only-header.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-read-only-item.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-read-only-list.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-root.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-row.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-rows.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-upload-button.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-upload.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor-upload-error.tsx","../src/ds/components/EnvironmentVariablesEditor/environment-variables-editor.tsx"],"sourcesContent":["import type { EnvironmentVariablesEditorActionsProps } from './environment-variables-editor.types';\nimport { cn } from '@/lib/utils';\n\nexport function EnvironmentVariablesEditorActions({ className, ...props }: EnvironmentVariablesEditorActionsProps) {\n  return <div className={cn('flex flex-wrap items-center gap-2', className)} {...props} />;\n}\n","import { createContext, use } from 'react';\n\nimport type { EnvironmentVariablesEditorRowErrors } from './environment-variables-editor.types';\nimport type { EnvironmentVariablesEditorController } from '@/hooks/use-environment-variables-editor';\nimport type { EnvironmentVariableEntry } from '@/lib/env-file';\n\ntype EnvironmentVariablesEditorRenderController = Pick<\n  EnvironmentVariablesEditorController<EnvironmentVariableEntry>,\n  | 'rows'\n  | 'uploadError'\n  | 'fileInputRef'\n  | 'hasDuplicateKeys'\n  | 'updateRow'\n  | 'removeRow'\n  | 'handleFileUpload'\n  | 'handlePaste'\n  | 'getRowId'\n  | 'isValueRevealed'\n  | 'toggleValueVisibility'\n  | 'rowHasDuplicateKey'\n> & {\n  appendRow: () => void;\n};\n\nexport interface EnvironmentVariablesEditorContextValue {\n  editor: EnvironmentVariablesEditorRenderController;\n  disabled: boolean;\n  readOnly: boolean;\n  rowErrors?: EnvironmentVariablesEditorRowErrors;\n}\n\nexport const EnvironmentVariablesEditorContext = createContext<EnvironmentVariablesEditorContextValue | null>(null);\n\nexport const EnvironmentVariablesEditorReadOnlyListContext = createContext({\n  showIcon: false,\n});\n\nexport function useEnvironmentVariablesEditorContext(componentName: string) {\n  const context = use(EnvironmentVariablesEditorContext);\n\n  if (!context) {\n    throw new Error(`${componentName} must be used within EnvironmentVariablesEditor.Root`);\n  }\n\n  return context;\n}\n","import { PlusIcon } from 'lucide-react';\n\nimport { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorAddButtonProps } from './environment-variables-editor.types';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport function EnvironmentVariablesEditorAddButton({\n  className,\n  children,\n  ...props\n}: EnvironmentVariablesEditorAddButtonProps) {\n  const { editor, disabled, readOnly } = useEnvironmentVariablesEditorContext('EnvironmentVariablesEditor.AddButton');\n\n  if (readOnly) return null;\n\n  return (\n    <div className={cn('flex items-center gap-2', className)} {...props}>\n      <span aria-hidden=\"true\" className=\"h-px flex-1 bg-border1\" />\n      <Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={() => editor.appendRow()}>\n        <PlusIcon />\n        {children ?? 'Add Variable'}\n      </Button>\n      <span aria-hidden=\"true\" className=\"h-px flex-1 bg-border1\" />\n    </div>\n  );\n}\n","import type { EnvironmentVariablesEditorMessagesProps } from './environment-variables-editor.types';\nimport { Notice } from '@/ds/components/Notice';\n\nexport function EnvironmentVariablesEditorMessages({\n  error,\n  children,\n  variant = 'destructive',\n  ...props\n}: EnvironmentVariablesEditorMessagesProps) {\n  const message = children ?? error;\n\n  if (!message) return null;\n\n  return (\n    <Notice variant={variant} {...props}>\n      <Notice.Message>{message}</Notice.Message>\n    </Notice>\n  );\n}\n","import { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport { EnvironmentVariablesEditorMessages } from './environment-variables-editor-messages';\nimport type { EnvironmentVariablesEditorDuplicateKeysErrorProps } from './environment-variables-editor.types';\nimport { DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '@/lib/env-file';\n\nexport function EnvironmentVariablesEditorDuplicateKeysError({\n  message = DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE,\n  ...props\n}: EnvironmentVariablesEditorDuplicateKeysErrorProps) {\n  const { editor } = useEnvironmentVariablesEditorContext('EnvironmentVariablesEditor.DuplicateKeysError');\n\n  if (!editor.hasDuplicateKeys) return null;\n\n  return <EnvironmentVariablesEditorMessages error={message} {...props} />;\n}\n","import type { EnvironmentVariablesEditorReadOnlyEmptyProps } from './environment-variables-editor.types';\nimport { DataList } from '@/ds/components/DataList/data-list';\n\nexport function EnvironmentVariablesEditorReadOnlyEmpty({\n  message = 'No environment variables found',\n  ...props\n}: EnvironmentVariablesEditorReadOnlyEmptyProps) {\n  return <DataList.NoMatch message={message} {...props} />;\n}\n","import { use } from 'react';\n\nimport { EnvironmentVariablesEditorReadOnlyListContext } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorReadOnlyHeaderProps } from './environment-variables-editor.types';\nimport { DataList } from '@/ds/components/DataList/data-list';\n\nexport function EnvironmentVariablesEditorReadOnlyHeader({\n  className,\n  nameLabel = 'Key',\n  valueLabel = 'Value',\n  updatedAtLabel = 'Last Updated',\n  ...props\n}: EnvironmentVariablesEditorReadOnlyHeaderProps) {\n  const { showIcon } = use(EnvironmentVariablesEditorReadOnlyListContext);\n\n  return (\n    <DataList.Top className={className} {...props}>\n      {showIcon && (\n        <DataList.TopCell aria-hidden=\"true\" className=\"justify-center\">\n          <span />\n        </DataList.TopCell>\n      )}\n      <DataList.TopCell>{nameLabel}</DataList.TopCell>\n      <DataList.TopCell>{valueLabel}</DataList.TopCell>\n      <DataList.TopCell className=\"justify-end\">{updatedAtLabel}</DataList.TopCell>\n    </DataList.Top>\n  );\n}\n","import { CheckIcon, Code2Icon, CopyIcon, EyeIcon, EyeOffIcon } from 'lucide-react';\nimport { use, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { EnvironmentVariablesEditorReadOnlyListContext } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorReadOnlyItemProps } from './environment-variables-editor.types';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { cn } from '@/lib/utils';\n\nexport function EnvironmentVariablesEditorReadOnlyItem({\n  className,\n  name,\n  value,\n  copyValue,\n  copyLabel = 'Copy value',\n  updatedAt,\n  revealed,\n  defaultRevealed,\n  onRevealedChange,\n  actor,\n  icon,\n  ...props\n}: EnvironmentVariablesEditorReadOnlyItemProps) {\n  const { showIcon } = use(EnvironmentVariablesEditorReadOnlyListContext);\n  const [uncontrolledRevealed, setUncontrolledRevealed] = useState(defaultRevealed ?? false);\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ copiedDuration: 1500, showToast: false });\n  const isRevealed = revealed ?? uncontrolledRevealed;\n  const displayedValue = isRevealed ? value : '************';\n  const leadingIcon = icon ?? <Code2Icon />;\n  const resolvedCopyValue = copyValue ?? getCopyableReadOnlyValue(value);\n  const canCopyValue = isRevealed && Boolean(resolvedCopyValue);\n\n  function toggleRevealed() {\n    const nextRevealed = !isRevealed;\n\n    if (revealed === undefined) {\n      setUncontrolledRevealed(nextRevealed);\n    }\n\n    onRevealedChange?.(nextRevealed);\n  }\n\n  function handleCopyValue() {\n    if (!resolvedCopyValue) return;\n\n    copyToClipboard(resolvedCopyValue);\n  }\n\n  return (\n    <DataList.RowStatic className={cn('min-h-14', className)} {...props}>\n      {showIcon && (\n        <DataList.Cell height=\"compact\" className=\"justify-items-center overflow-visible\">\n          <span className=\"flex size-7 items-center justify-center rounded-full border border-border1 text-neutral3 [&>svg]:size-3.5\">\n            {leadingIcon}\n          </span>\n        </DataList.Cell>\n      )}\n\n      <DataList.MonoCell height=\"compact\" className=\"text-ui-sm text-neutral6\">\n        {name}\n      </DataList.MonoCell>\n\n      <DataList.Cell height=\"compact\" className=\"min-w-0\">\n        {value !== undefined && (\n          <span className=\"flex min-w-0 items-center gap-2\">\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              aria-label={isRevealed ? 'Hide value' : 'Show value'}\n              onClick={toggleRevealed}\n            >\n              {isRevealed ? <EyeOffIcon aria-hidden /> : <EyeIcon aria-hidden />}\n            </Button>\n            <span className=\"group relative flex min-w-0 flex-1 items-center\">\n              <span\n                className={cn(\n                  'block min-w-0 flex-1 truncate font-mono text-ui-xs text-neutral4',\n                  canCopyValue && 'pr-7',\n                )}\n              >\n                {displayedValue}\n              </span>\n              {canCopyValue && (\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-xs\"\n                  aria-label={isCopied ? 'Copied value' : copyLabel}\n                  tooltip={isCopied ? 'Copied' : copyLabel}\n                  className=\"absolute right-0 opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100 focus-visible:opacity-100\"\n                  onClick={handleCopyValue}\n                >\n                  {isCopied ? <CheckIcon aria-hidden /> : <CopyIcon aria-hidden />}\n                </Button>\n              )}\n            </span>\n          </span>\n        )}\n      </DataList.Cell>\n\n      <DataList.Cell height=\"compact\" className=\"min-w-0 justify-items-end text-ui-xs text-neutral3\">\n        {(updatedAt || actor) && (\n          <span className=\"flex min-w-0 items-center gap-2\">\n            <span className=\"truncate\">{updatedAt}</span>\n            {actor}\n          </span>\n        )}\n      </DataList.Cell>\n    </DataList.RowStatic>\n  );\n}\n\nfunction getCopyableReadOnlyValue(value: ReactNode) {\n  if (typeof value === 'string' || typeof value === 'number') {\n    return String(value);\n  }\n\n  return undefined;\n}\n","import { useMemo } from 'react';\n\nimport { EnvironmentVariablesEditorReadOnlyListContext } from './environment-variables-editor-context';\nimport { EnvironmentVariablesEditorReadOnlyHeader } from './environment-variables-editor-read-only-header';\nimport type { EnvironmentVariablesEditorReadOnlyListProps } from './environment-variables-editor.types';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport { cn } from '@/lib/utils';\n\nconst READ_ONLY_COLUMNS = 'minmax(12rem,1.4fr) minmax(8rem,0.9fr) minmax(8rem,auto)';\nconst READ_ONLY_COLUMNS_WITH_ICON = `auto ${READ_ONLY_COLUMNS}`;\n\nexport function EnvironmentVariablesEditorReadOnlyList({\n  className,\n  children,\n  columns,\n  header,\n  showHeader = true,\n  showIcon = false,\n  nameLabel,\n  valueLabel,\n  updatedAtLabel,\n  variant = 'lined',\n  scrollRef,\n  ...props\n}: EnvironmentVariablesEditorReadOnlyListProps) {\n  const resolvedColumns = columns ?? (showIcon ? READ_ONLY_COLUMNS_WITH_ICON : READ_ONLY_COLUMNS);\n  const contextValue = useMemo(() => ({ showIcon }), [showIcon]);\n\n  return (\n    <EnvironmentVariablesEditorReadOnlyListContext.Provider value={contextValue}>\n      <DataList\n        columns={resolvedColumns}\n        variant={variant}\n        scrollRef={scrollRef}\n        className={cn('min-h-0', className)}\n        {...props}\n      >\n        {showHeader &&\n          (header ?? (\n            <EnvironmentVariablesEditorReadOnlyHeader\n              nameLabel={nameLabel}\n              valueLabel={valueLabel}\n              updatedAtLabel={updatedAtLabel}\n            />\n          ))}\n        {children}\n      </DataList>\n    </EnvironmentVariablesEditorReadOnlyListContext.Provider>\n  );\n}\n","import { useMemo } from 'react';\n\nimport { EnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorContextValue } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorRootProps } from './environment-variables-editor.types';\nimport type { EnvironmentVariableEntry } from '@/lib/env-file';\n\nexport function EnvironmentVariablesEditorRoot<TRow extends EnvironmentVariableEntry = EnvironmentVariableEntry>({\n  editor,\n  className,\n  children,\n  disabled,\n  readOnly,\n  rowErrors,\n  ...props\n}: EnvironmentVariablesEditorRootProps<TRow>) {\n  const contextValue = useMemo<EnvironmentVariablesEditorContextValue>(\n    () => ({\n      editor: {\n        rows: editor.rows,\n        uploadError: editor.uploadError,\n        fileInputRef: editor.fileInputRef,\n        hasDuplicateKeys: editor.hasDuplicateKeys,\n        updateRow: editor.updateRow,\n        removeRow: editor.removeRow,\n        handleFileUpload: editor.handleFileUpload,\n        handlePaste: editor.handlePaste,\n        getRowId: editor.getRowId,\n        isValueRevealed: editor.isValueRevealed,\n        toggleValueVisibility: editor.toggleValueVisibility,\n        rowHasDuplicateKey: editor.rowHasDuplicateKey,\n        appendRow: () => editor.appendRow(),\n      },\n      disabled: Boolean(disabled),\n      readOnly: Boolean(readOnly),\n      rowErrors,\n    }),\n    [editor, disabled, readOnly, rowErrors],\n  );\n\n  return (\n    <EnvironmentVariablesEditorContext.Provider value={contextValue}>\n      <div className={className} {...props}>\n        {children}\n      </div>\n    </EnvironmentVariablesEditorContext.Provider>\n  );\n}\n","import { EyeIcon, EyeOffIcon, TrashIcon } from 'lucide-react';\n\nimport { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorRowProps } from './environment-variables-editor.types';\nimport { Button } from '@/ds/components/Button';\nimport { FieldBlock } from '@/ds/components/FormFieldBlocks';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport { DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '@/lib/env-file';\nimport { cn } from '@/lib/utils';\n\nexport function EnvironmentVariablesEditorRow({\n  row,\n  index,\n  rowErrors,\n  keyLabel = 'Key',\n  valueLabel = 'Value',\n  keyPlaceholder = 'e.g: OPEN_AI_KEY',\n  valuePlaceholder = 'e.g: sk-xxxxxxxx',\n  duplicateKeyMessage = DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE,\n  className,\n  ...props\n}: EnvironmentVariablesEditorRowProps) {\n  const {\n    editor,\n    disabled,\n    readOnly,\n    rowErrors: contextRowErrors,\n  } = useEnvironmentVariablesEditorContext('EnvironmentVariablesEditor.Row');\n  const isDisabled = disabled || readOnly;\n  const resolvedRowErrors = rowErrors ?? contextRowErrors;\n  const keyError = resolvedRowErrors?.[index]?.key ?? (editor.rowHasDuplicateKey(index) ? duplicateKeyMessage : null);\n  const valueError = resolvedRowErrors?.[index]?.value;\n  const keyFieldName = `env-key-${index}`;\n  const valueFieldName = `env-value-${index}`;\n  const keyInputId = `input-${keyFieldName}`;\n  const valueInputId = `input-${valueFieldName}`;\n  const revealValueLabel = editor.isValueRevealed(index) ? 'Hide value' : 'Show value';\n  const removeRowLabel = `Remove environment variable ${row.key.trim() || index + 1}`;\n\n  function handlePaste(text: string) {\n    return editor.handlePaste(index, text);\n  }\n\n  return (\n    <div className={cn('flex flex-col items-stretch gap-2 sm:flex-row sm:items-start', className)} {...props}>\n      <div className=\"flex-1\">\n        <FieldBlock.Layout>\n          <FieldBlock.Column>\n            <FieldBlock.Label name={keyFieldName}>{keyLabel}</FieldBlock.Label>\n            <InputGroup className=\"w-full\">\n              <InputGroupInput\n                id={keyInputId}\n                placeholder={keyPlaceholder}\n                className=\"font-mono\"\n                value={row.key}\n                disabled={isDisabled}\n                error={Boolean(keyError)}\n                onChange={event => editor.updateRow(index, { key: event.target.value })}\n                onPaste={event => {\n                  if (handlePaste(event.clipboardData.getData('text'))) {\n                    event.preventDefault();\n                  }\n                }}\n              />\n            </InputGroup>\n            {keyError && <FieldBlock.ErrorMsg>{keyError}</FieldBlock.ErrorMsg>}\n          </FieldBlock.Column>\n        </FieldBlock.Layout>\n      </div>\n\n      <div className=\"flex-1\">\n        <FieldBlock.Layout>\n          <FieldBlock.Column>\n            <FieldBlock.Label name={valueFieldName}>{valueLabel}</FieldBlock.Label>\n            <InputGroup className=\"w-full\">\n              <InputGroupInput\n                id={valueInputId}\n                placeholder={valuePlaceholder}\n                className=\"font-mono\"\n                type={editor.isValueRevealed(index) ? 'text' : 'password'}\n                value={row.value}\n                disabled={isDisabled}\n                error={Boolean(valueError)}\n                onChange={event => editor.updateRow(index, { value: event.target.value })}\n                onPaste={event => {\n                  if (handlePaste(event.clipboardData.getData('text'))) {\n                    event.preventDefault();\n                  }\n                }}\n              />\n              <InputGroupAddon align=\"inline-end\">\n                <InputGroupButton\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  disabled={isDisabled}\n                  aria-label={revealValueLabel}\n                  tooltip={revealValueLabel}\n                  onClick={() => editor.toggleValueVisibility(index)}\n                >\n                  {editor.isValueRevealed(index) ? <EyeOffIcon aria-hidden /> : <EyeIcon aria-hidden />}\n                </InputGroupButton>\n              </InputGroupAddon>\n            </InputGroup>\n            {valueError && <FieldBlock.ErrorMsg>{valueError}</FieldBlock.ErrorMsg>}\n          </FieldBlock.Column>\n        </FieldBlock.Layout>\n      </div>\n\n      {!readOnly && (\n        <div className=\"flex items-center gap-2 self-end sm:self-auto sm:pt-7\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-md\"\n            disabled={disabled}\n            aria-label={removeRowLabel}\n            tooltip=\"Remove variable\"\n            onClick={() => editor.removeRow(index)}\n          >\n            <TrashIcon />\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport { EnvironmentVariablesEditorRow } from './environment-variables-editor-row';\nimport type { EnvironmentVariablesEditorRowsProps } from './environment-variables-editor.types';\nimport { cn } from '@/lib/utils';\n\nexport function EnvironmentVariablesEditorRows({\n  className,\n  rowErrors,\n  keyLabel,\n  valueLabel,\n  keyPlaceholder,\n  valuePlaceholder,\n  duplicateKeyMessage,\n  ...props\n}: EnvironmentVariablesEditorRowsProps) {\n  const { editor, rowErrors: contextRowErrors } = useEnvironmentVariablesEditorContext(\n    'EnvironmentVariablesEditor.Rows',\n  );\n  const resolvedRowErrors = rowErrors ?? contextRowErrors;\n\n  return (\n    <div className={cn('space-y-2', className)} {...props}>\n      {editor.rows.map((row, index) => (\n        <EnvironmentVariablesEditorRow\n          key={editor.getRowId(index)}\n          row={row}\n          index={index}\n          rowErrors={resolvedRowErrors}\n          keyLabel={keyLabel}\n          valueLabel={valueLabel}\n          keyPlaceholder={keyPlaceholder}\n          valuePlaceholder={valuePlaceholder}\n          duplicateKeyMessage={duplicateKeyMessage}\n        />\n      ))}\n    </div>\n  );\n}\n","import { UploadIcon } from 'lucide-react';\n\nimport { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorUploadButtonProps } from './environment-variables-editor.types';\nimport { Button } from '@/ds/components/Button';\n\nexport function EnvironmentVariablesEditorUploadButton({\n  children = 'Import .env',\n  inputLabel = 'Import .env file',\n  disabled,\n  onClick,\n  type = 'button',\n  variant = 'ghost',\n  size = 'sm',\n  ...props\n}: EnvironmentVariablesEditorUploadButtonProps) {\n  const {\n    editor,\n    disabled: contextDisabled,\n    readOnly,\n  } = useEnvironmentVariablesEditorContext('EnvironmentVariablesEditor.UploadButton');\n  const isDisabled = contextDisabled || disabled;\n\n  if (readOnly) return null;\n\n  return (\n    <>\n      <input\n        ref={editor.fileInputRef}\n        type=\"file\"\n        accept=\".env,text/plain\"\n        aria-label={inputLabel}\n        className=\"hidden\"\n        disabled={isDisabled}\n        onChange={editor.handleFileUpload}\n      />\n      <Button\n        type={type}\n        variant={variant}\n        size={size}\n        disabled={isDisabled}\n        onClick={event => {\n          onClick?.(event);\n          if (!event.defaultPrevented) {\n            editor.fileInputRef.current?.click();\n          }\n        }}\n        {...props}\n      >\n        <UploadIcon />\n        {children}\n      </Button>\n    </>\n  );\n}\n","import { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport { EnvironmentVariablesEditorUploadButton } from './environment-variables-editor-upload-button';\nimport type { EnvironmentVariablesEditorUploadProps } from './environment-variables-editor.types';\nimport { cn } from '@/lib/utils';\n\nexport function EnvironmentVariablesEditorUpload({\n  className,\n  children,\n  ...props\n}: EnvironmentVariablesEditorUploadProps) {\n  const { readOnly } = useEnvironmentVariablesEditorContext('EnvironmentVariablesEditor.Upload');\n\n  if (readOnly) return null;\n\n  return (\n    <div className={cn('flex flex-wrap items-center justify-end gap-2', className)} {...props}>\n      {children ?? <EnvironmentVariablesEditorUploadButton />}\n    </div>\n  );\n}\n","import { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport { EnvironmentVariablesEditorMessages } from './environment-variables-editor-messages';\nimport type { EnvironmentVariablesEditorUploadErrorProps } from './environment-variables-editor.types';\n\nexport function EnvironmentVariablesEditorUploadError(props: EnvironmentVariablesEditorUploadErrorProps) {\n  const { editor } = useEnvironmentVariablesEditorContext('EnvironmentVariablesEditor.UploadError');\n\n  if (!editor.uploadError) return null;\n\n  return <EnvironmentVariablesEditorMessages error={editor.uploadError} {...props} />;\n}\n","import { EnvironmentVariablesEditorActions } from './environment-variables-editor-actions';\nimport { EnvironmentVariablesEditorAddButton } from './environment-variables-editor-add-button';\nimport { EnvironmentVariablesEditorDuplicateKeysError } from './environment-variables-editor-duplicate-keys-error';\nimport { EnvironmentVariablesEditorMessages } from './environment-variables-editor-messages';\nimport { EnvironmentVariablesEditorReadOnlyEmpty } from './environment-variables-editor-read-only-empty';\nimport { EnvironmentVariablesEditorReadOnlyHeader } from './environment-variables-editor-read-only-header';\nimport { EnvironmentVariablesEditorReadOnlyItem } from './environment-variables-editor-read-only-item';\nimport { EnvironmentVariablesEditorReadOnlyList } from './environment-variables-editor-read-only-list';\nimport { EnvironmentVariablesEditorRoot } from './environment-variables-editor-root';\nimport { EnvironmentVariablesEditorRow } from './environment-variables-editor-row';\nimport { EnvironmentVariablesEditorRows } from './environment-variables-editor-rows';\nimport { EnvironmentVariablesEditorUpload } from './environment-variables-editor-upload';\nimport { EnvironmentVariablesEditorUploadButton } from './environment-variables-editor-upload-button';\nimport { EnvironmentVariablesEditorUploadError } from './environment-variables-editor-upload-error';\nimport type { EnvironmentVariablesEditorProps } from './environment-variables-editor.types';\nimport type { EnvironmentVariableEntry } from '@/lib/env-file';\nimport { DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '@/lib/env-file';\nimport { cn } from '@/lib/utils';\n\nconst renderEnvironmentVariablesEditor = <TRow extends EnvironmentVariableEntry = EnvironmentVariableEntry>({\n  className,\n  children,\n  addLabel = 'Add Variable',\n  keyLabel = 'Key',\n  valueLabel = 'Value',\n  keyPlaceholder = 'e.g: OPEN_AI_KEY',\n  valuePlaceholder = 'e.g: sk-xxxxxxxx',\n  duplicateKeyMessage = DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE,\n  rowErrors,\n  error,\n  actions,\n  ...props\n}: EnvironmentVariablesEditorProps<TRow>) => {\n  return (\n    <EnvironmentVariablesEditorRoot\n      className={cn(!children && 'space-y-3', className)}\n      rowErrors={rowErrors}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <EnvironmentVariablesEditorUpload>\n            <EnvironmentVariablesEditorUploadButton />\n          </EnvironmentVariablesEditorUpload>\n          <EnvironmentVariablesEditorUploadError />\n          <EnvironmentVariablesEditorRows\n            rowErrors={rowErrors}\n            keyLabel={keyLabel}\n            valueLabel={valueLabel}\n            keyPlaceholder={keyPlaceholder}\n            valuePlaceholder={valuePlaceholder}\n            duplicateKeyMessage={duplicateKeyMessage}\n          />\n          <EnvironmentVariablesEditorAddButton>{addLabel}</EnvironmentVariablesEditorAddButton>\n          <EnvironmentVariablesEditorDuplicateKeysError message={duplicateKeyMessage} />\n          <EnvironmentVariablesEditorMessages error={error} />\n          {actions && <EnvironmentVariablesEditorActions>{actions}</EnvironmentVariablesEditorActions>}\n        </>\n      )}\n    </EnvironmentVariablesEditorRoot>\n  );\n};\n\nexport const EnvironmentVariablesEditor = Object.assign(renderEnvironmentVariablesEditor, {\n  Root: EnvironmentVariablesEditorRoot,\n  Upload: EnvironmentVariablesEditorUpload,\n  UploadButton: EnvironmentVariablesEditorUploadButton,\n  UploadError: EnvironmentVariablesEditorUploadError,\n  Rows: EnvironmentVariablesEditorRows,\n  Row: EnvironmentVariablesEditorRow,\n  AddButton: EnvironmentVariablesEditorAddButton,\n  Messages: EnvironmentVariablesEditorMessages,\n  DuplicateKeysError: EnvironmentVariablesEditorDuplicateKeysError,\n  Actions: EnvironmentVariablesEditorActions,\n  ReadOnlyList: EnvironmentVariablesEditorReadOnlyList,\n  ReadOnlyHeader: EnvironmentVariablesEditorReadOnlyHeader,\n  ReadOnlyEmpty: EnvironmentVariablesEditorReadOnlyEmpty,\n  ReadOnlyItem: EnvironmentVariablesEditorReadOnlyItem,\n});\n\nexport type {\n  EnvironmentVariablesEditorActionsProps,\n  EnvironmentVariablesEditorAddButtonProps,\n  EnvironmentVariablesEditorDuplicateKeysErrorProps,\n  EnvironmentVariablesEditorMessagesProps,\n  EnvironmentVariablesEditorProps,\n  EnvironmentVariablesEditorReadOnlyEmptyProps,\n  EnvironmentVariablesEditorReadOnlyHeaderProps,\n  EnvironmentVariablesEditorReadOnlyItemProps,\n  EnvironmentVariablesEditorReadOnlyListProps,\n  EnvironmentVariablesEditorRootProps,\n  EnvironmentVariablesEditorRowErrors,\n  EnvironmentVariablesEditorRowProps,\n  EnvironmentVariablesEditorRowsProps,\n  EnvironmentVariablesEditorUploadButtonProps,\n  EnvironmentVariablesEditorUploadErrorProps,\n  EnvironmentVariablesEditorUploadProps,\n} from './environment-variables-editor.types';\n"],"names":["jsx","cn","createContext","use","jsxs","Button","PlusIcon","Notice","DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE","DataList","useState","useCopyToClipboard","Code2Icon","EyeOffIcon","EyeIcon","CheckIcon","CopyIcon","useMemo","FieldBlock","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","TrashIcon","Fragment","UploadIcon"],"mappings":"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"}

package/dist/environment-variables-editor-BcEqoErE.js

@@ -0,0 +1,517 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { c as cn } from './cn-BakJzhuv.js';
+import { PlusIcon, EyeOffIcon, EyeIcon, CheckIcon, CopyIcon, Code2Icon, TrashIcon, UploadIcon } from 'lucide-react';
+import { createContext, use, useState, useMemo } from 'react';
+import { B as Button } from './Button-lkWOSV62.js';
+import { N as Notice } from './Notice-BzzC2DcE.js';
+import { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from './env-file-BF23giwP.js';
+import { D as DataList } from './data-list-CuNTfygB.js';
+import { u as useCopyToClipboard } from './use-copy-to-clipboard-CiSfp8oO.js';
+import { F as FieldBlock } from './field-block-CpRBHzQO.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from './input-group-zRbpW2OB.js';
+
+function EnvironmentVariablesEditorActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-2", className), ...props });
+}
+
+const EnvironmentVariablesEditorContext = createContext(null);
+const EnvironmentVariablesEditorReadOnlyListContext = createContext({
+  showIcon: false
+});
+function useEnvironmentVariablesEditorContext(componentName) {
+  const context = use(EnvironmentVariablesEditorContext);
+  if (!context) {
+    throw new Error(`${componentName} must be used within EnvironmentVariablesEditor.Root`);
+  }
+  return context;
+}
+
+function EnvironmentVariablesEditorAddButton({
+  className,
+  children,
+  ...props
+}) {
+  const { editor, disabled, readOnly } = useEnvironmentVariablesEditorContext("EnvironmentVariablesEditor.AddButton");
+  if (readOnly) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), ...props, children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border1" }),
+    /* @__PURE__ */ jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled, onClick: () => editor.appendRow(), children: [
+      /* @__PURE__ */ jsx(PlusIcon, {}),
+      children ?? "Add Variable"
+    ] }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border1" })
+  ] });
+}
+
+function EnvironmentVariablesEditorMessages({
+  error,
+  children,
+  variant = "destructive",
+  ...props
+}) {
+  const message = children ?? error;
+  if (!message) return null;
+  return /* @__PURE__ */ jsx(Notice, { variant, ...props, children: /* @__PURE__ */ jsx(Notice.Message, { children: message }) });
+}
+
+function EnvironmentVariablesEditorDuplicateKeysError({
+  message = DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE,
+  ...props
+}) {
+  const { editor } = useEnvironmentVariablesEditorContext("EnvironmentVariablesEditor.DuplicateKeysError");
+  if (!editor.hasDuplicateKeys) return null;
+  return /* @__PURE__ */ jsx(EnvironmentVariablesEditorMessages, { error: message, ...props });
+}
+
+function EnvironmentVariablesEditorReadOnlyEmpty({
+  message = "No environment variables found",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DataList.NoMatch, { message, ...props });
+}
+
+function EnvironmentVariablesEditorReadOnlyHeader({
+  className,
+  nameLabel = "Key",
+  valueLabel = "Value",
+  updatedAtLabel = "Last Updated",
+  ...props
+}) {
+  const { showIcon } = use(EnvironmentVariablesEditorReadOnlyListContext);
+  return /* @__PURE__ */ jsxs(DataList.Top, { className, ...props, children: [
+    showIcon && /* @__PURE__ */ jsx(DataList.TopCell, { "aria-hidden": "true", className: "justify-center", children: /* @__PURE__ */ jsx("span", {}) }),
+    /* @__PURE__ */ jsx(DataList.TopCell, { children: nameLabel }),
+    /* @__PURE__ */ jsx(DataList.TopCell, { children: valueLabel }),
+    /* @__PURE__ */ jsx(DataList.TopCell, { className: "justify-end", children: updatedAtLabel })
+  ] });
+}
+
+function EnvironmentVariablesEditorReadOnlyItem({
+  className,
+  name,
+  value,
+  copyValue,
+  copyLabel = "Copy value",
+  updatedAt,
+  revealed,
+  defaultRevealed,
+  onRevealedChange,
+  actor,
+  icon,
+  ...props
+}) {
+  const { showIcon } = use(EnvironmentVariablesEditorReadOnlyListContext);
+  const [uncontrolledRevealed, setUncontrolledRevealed] = useState(defaultRevealed ?? false);
+  const { isCopied, copyToClipboard } = useCopyToClipboard({ copiedDuration: 1500, showToast: false });
+  const isRevealed = revealed ?? uncontrolledRevealed;
+  const displayedValue = isRevealed ? value : "************";
+  const leadingIcon = icon ?? /* @__PURE__ */ jsx(Code2Icon, {});
+  const resolvedCopyValue = copyValue ?? getCopyableReadOnlyValue(value);
+  const canCopyValue = isRevealed && Boolean(resolvedCopyValue);
+  function toggleRevealed() {
+    const nextRevealed = !isRevealed;
+    if (revealed === void 0) {
+      setUncontrolledRevealed(nextRevealed);
+    }
+    onRevealedChange?.(nextRevealed);
+  }
+  function handleCopyValue() {
+    if (!resolvedCopyValue) return;
+    copyToClipboard(resolvedCopyValue);
+  }
+  return /* @__PURE__ */ jsxs(DataList.RowStatic, { className: cn("min-h-14", className), ...props, children: [
+    showIcon && /* @__PURE__ */ jsx(DataList.Cell, { height: "compact", className: "justify-items-center overflow-visible", children: /* @__PURE__ */ jsx("span", { className: "flex size-7 items-center justify-center rounded-full border border-border1 text-neutral3 [&>svg]:size-3.5", children: leadingIcon }) }),
+    /* @__PURE__ */ jsx(DataList.MonoCell, { height: "compact", className: "text-ui-sm text-neutral6", children: name }),
+    /* @__PURE__ */ jsx(DataList.Cell, { height: "compact", className: "min-w-0", children: value !== void 0 && /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          "aria-label": isRevealed ? "Hide value" : "Show value",
+          onClick: toggleRevealed,
+          children: isRevealed ? /* @__PURE__ */ jsx(EyeOffIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsx(EyeIcon, { "aria-hidden": true })
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "group relative flex min-w-0 flex-1 items-center", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "block min-w-0 flex-1 truncate font-mono text-ui-xs text-neutral4",
+              canCopyValue && "pr-7"
+            ),
+            children: displayedValue
+          }
+        ),
+        canCopyValue && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs",
+            "aria-label": isCopied ? "Copied value" : copyLabel,
+            tooltip: isCopied ? "Copied" : copyLabel,
+            className: "absolute right-0 opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100 focus-visible:opacity-100",
+            onClick: handleCopyValue,
+            children: isCopied ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsx(CopyIcon, { "aria-hidden": true })
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(DataList.Cell, { height: "compact", className: "min-w-0 justify-items-end text-ui-xs text-neutral3", children: (updatedAt || actor) && /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: updatedAt }),
+      actor
+    ] }) })
+  ] });
+}
+function getCopyableReadOnlyValue(value) {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  return void 0;
+}
+
+const READ_ONLY_COLUMNS = "minmax(12rem,1.4fr) minmax(8rem,0.9fr) minmax(8rem,auto)";
+const READ_ONLY_COLUMNS_WITH_ICON = `auto ${READ_ONLY_COLUMNS}`;
+function EnvironmentVariablesEditorReadOnlyList({
+  className,
+  children,
+  columns,
+  header,
+  showHeader = true,
+  showIcon = false,
+  nameLabel,
+  valueLabel,
+  updatedAtLabel,
+  variant = "lined",
+  scrollRef,
+  ...props
+}) {
+  const resolvedColumns = columns ?? (showIcon ? READ_ONLY_COLUMNS_WITH_ICON : READ_ONLY_COLUMNS);
+  const contextValue = useMemo(() => ({ showIcon }), [showIcon]);
+  return /* @__PURE__ */ jsx(EnvironmentVariablesEditorReadOnlyListContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+    DataList,
+    {
+      columns: resolvedColumns,
+      variant,
+      scrollRef,
+      className: cn("min-h-0", className),
+      ...props,
+      children: [
+        showHeader && (header ?? /* @__PURE__ */ jsx(
+          EnvironmentVariablesEditorReadOnlyHeader,
+          {
+            nameLabel,
+            valueLabel,
+            updatedAtLabel
+          }
+        )),
+        children
+      ]
+    }
+  ) });
+}
+
+function EnvironmentVariablesEditorRoot({
+  editor,
+  className,
+  children,
+  disabled,
+  readOnly,
+  rowErrors,
+  ...props
+}) {
+  const contextValue = useMemo(
+    () => ({
+      editor: {
+        rows: editor.rows,
+        uploadError: editor.uploadError,
+        fileInputRef: editor.fileInputRef,
+        hasDuplicateKeys: editor.hasDuplicateKeys,
+        updateRow: editor.updateRow,
+        removeRow: editor.removeRow,
+        handleFileUpload: editor.handleFileUpload,
+        handlePaste: editor.handlePaste,
+        getRowId: editor.getRowId,
+        isValueRevealed: editor.isValueRevealed,
+        toggleValueVisibility: editor.toggleValueVisibility,
+        rowHasDuplicateKey: editor.rowHasDuplicateKey,
+        appendRow: () => editor.appendRow()
+      },
+      disabled: Boolean(disabled),
+      readOnly: Boolean(readOnly),
+      rowErrors
+    }),
+    [editor, disabled, readOnly, rowErrors]
+  );
+  return /* @__PURE__ */ jsx(EnvironmentVariablesEditorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className, ...props, children }) });
+}
+
+function EnvironmentVariablesEditorRow({
+  row,
+  index,
+  rowErrors,
+  keyLabel = "Key",
+  valueLabel = "Value",
+  keyPlaceholder = "e.g: OPEN_AI_KEY",
+  valuePlaceholder = "e.g: sk-xxxxxxxx",
+  duplicateKeyMessage = DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE,
+  className,
+  ...props
+}) {
+  const {
+    editor,
+    disabled,
+    readOnly,
+    rowErrors: contextRowErrors
+  } = useEnvironmentVariablesEditorContext("EnvironmentVariablesEditor.Row");
+  const isDisabled = disabled || readOnly;
+  const resolvedRowErrors = rowErrors ?? contextRowErrors;
+  const keyError = resolvedRowErrors?.[index]?.key ?? (editor.rowHasDuplicateKey(index) ? duplicateKeyMessage : null);
+  const valueError = resolvedRowErrors?.[index]?.value;
+  const keyFieldName = `env-key-${index}`;
+  const valueFieldName = `env-value-${index}`;
+  const keyInputId = `input-${keyFieldName}`;
+  const valueInputId = `input-${valueFieldName}`;
+  const revealValueLabel = editor.isValueRevealed(index) ? "Hide value" : "Show value";
+  const removeRowLabel = `Remove environment variable ${row.key.trim() || index + 1}`;
+  function handlePaste(text) {
+    return editor.handlePaste(index, text);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-stretch gap-2 sm:flex-row sm:items-start", className), ...props, children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(FieldBlock.Layout, { children: /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
+      /* @__PURE__ */ jsx(FieldBlock.Label, { name: keyFieldName, children: keyLabel }),
+      /* @__PURE__ */ jsx(InputGroup, { className: "w-full", children: /* @__PURE__ */ jsx(
+        InputGroupInput,
+        {
+          id: keyInputId,
+          placeholder: keyPlaceholder,
+          className: "font-mono",
+          value: row.key,
+          disabled: isDisabled,
+          error: Boolean(keyError),
+          onChange: (event) => editor.updateRow(index, { key: event.target.value }),
+          onPaste: (event) => {
+            if (handlePaste(event.clipboardData.getData("text"))) {
+              event.preventDefault();
+            }
+          }
+        }
+      ) }),
+      keyError && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { children: keyError })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(FieldBlock.Layout, { children: /* @__PURE__ */ jsxs(FieldBlock.Column, { children: [
+      /* @__PURE__ */ jsx(FieldBlock.Label, { name: valueFieldName, children: valueLabel }),
+      /* @__PURE__ */ jsxs(InputGroup, { className: "w-full", children: [
+        /* @__PURE__ */ jsx(
+          InputGroupInput,
+          {
+            id: valueInputId,
+            placeholder: valuePlaceholder,
+            className: "font-mono",
+            type: editor.isValueRevealed(index) ? "text" : "password",
+            value: row.value,
+            disabled: isDisabled,
+            error: Boolean(valueError),
+            onChange: (event) => editor.updateRow(index, { value: event.target.value }),
+            onPaste: (event) => {
+              if (handlePaste(event.clipboardData.getData("text"))) {
+                event.preventDefault();
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(
+          InputGroupButton,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-sm",
+            disabled: isDisabled,
+            "aria-label": revealValueLabel,
+            tooltip: revealValueLabel,
+            onClick: () => editor.toggleValueVisibility(index),
+            children: editor.isValueRevealed(index) ? /* @__PURE__ */ jsx(EyeOffIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsx(EyeIcon, { "aria-hidden": true })
+          }
+        ) })
+      ] }),
+      valueError && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { children: valueError })
+    ] }) }) }),
+    !readOnly && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 self-end sm:self-auto sm:pt-7", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon-md",
+        disabled,
+        "aria-label": removeRowLabel,
+        tooltip: "Remove variable",
+        onClick: () => editor.removeRow(index),
+        children: /* @__PURE__ */ jsx(TrashIcon, {})
+      }
+    ) })
+  ] });
+}
+
+function EnvironmentVariablesEditorRows({
+  className,
+  rowErrors,
+  keyLabel,
+  valueLabel,
+  keyPlaceholder,
+  valuePlaceholder,
+  duplicateKeyMessage,
+  ...props
+}) {
+  const { editor, rowErrors: contextRowErrors } = useEnvironmentVariablesEditorContext(
+    "EnvironmentVariablesEditor.Rows"
+  );
+  const resolvedRowErrors = rowErrors ?? contextRowErrors;
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", className), ...props, children: editor.rows.map((row, index) => /* @__PURE__ */ jsx(
+    EnvironmentVariablesEditorRow,
+    {
+      row,
+      index,
+      rowErrors: resolvedRowErrors,
+      keyLabel,
+      valueLabel,
+      keyPlaceholder,
+      valuePlaceholder,
+      duplicateKeyMessage
+    },
+    editor.getRowId(index)
+  )) });
+}
+
+function EnvironmentVariablesEditorUploadButton({
+  children = "Import .env",
+  inputLabel = "Import .env file",
+  disabled,
+  onClick,
+  type = "button",
+  variant = "ghost",
+  size = "sm",
+  ...props
+}) {
+  const {
+    editor,
+    disabled: contextDisabled,
+    readOnly
+  } = useEnvironmentVariablesEditorContext("EnvironmentVariablesEditor.UploadButton");
+  const isDisabled = contextDisabled || disabled;
+  if (readOnly) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: editor.fileInputRef,
+        type: "file",
+        accept: ".env,text/plain",
+        "aria-label": inputLabel,
+        className: "hidden",
+        disabled: isDisabled,
+        onChange: editor.handleFileUpload
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type,
+        variant,
+        size,
+        disabled: isDisabled,
+        onClick: (event) => {
+          onClick?.(event);
+          if (!event.defaultPrevented) {
+            editor.fileInputRef.current?.click();
+          }
+        },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(UploadIcon, {}),
+          children
+        ]
+      }
+    )
+  ] });
+}
+
+function EnvironmentVariablesEditorUpload({
+  className,
+  children,
+  ...props
+}) {
+  const { readOnly } = useEnvironmentVariablesEditorContext("EnvironmentVariablesEditor.Upload");
+  if (readOnly) return null;
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-end gap-2", className), ...props, children: children ?? /* @__PURE__ */ jsx(EnvironmentVariablesEditorUploadButton, {}) });
+}
+
+function EnvironmentVariablesEditorUploadError(props) {
+  const { editor } = useEnvironmentVariablesEditorContext("EnvironmentVariablesEditor.UploadError");
+  if (!editor.uploadError) return null;
+  return /* @__PURE__ */ jsx(EnvironmentVariablesEditorMessages, { error: editor.uploadError, ...props });
+}
+
+const renderEnvironmentVariablesEditor = ({
+  className,
+  children,
+  addLabel = "Add Variable",
+  keyLabel = "Key",
+  valueLabel = "Value",
+  keyPlaceholder = "e.g: OPEN_AI_KEY",
+  valuePlaceholder = "e.g: sk-xxxxxxxx",
+  duplicateKeyMessage = DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE,
+  rowErrors,
+  error,
+  actions,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    EnvironmentVariablesEditorRoot,
+    {
+      className: cn(!children && "space-y-3", className),
+      rowErrors,
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(EnvironmentVariablesEditorUpload, { children: /* @__PURE__ */ jsx(EnvironmentVariablesEditorUploadButton, {}) }),
+        /* @__PURE__ */ jsx(EnvironmentVariablesEditorUploadError, {}),
+        /* @__PURE__ */ jsx(
+          EnvironmentVariablesEditorRows,
+          {
+            rowErrors,
+            keyLabel,
+            valueLabel,
+            keyPlaceholder,
+            valuePlaceholder,
+            duplicateKeyMessage
+          }
+        ),
+        /* @__PURE__ */ jsx(EnvironmentVariablesEditorAddButton, { children: addLabel }),
+        /* @__PURE__ */ jsx(EnvironmentVariablesEditorDuplicateKeysError, { message: duplicateKeyMessage }),
+        /* @__PURE__ */ jsx(EnvironmentVariablesEditorMessages, { error }),
+        actions && /* @__PURE__ */ jsx(EnvironmentVariablesEditorActions, { children: actions })
+      ] })
+    }
+  );
+};
+const EnvironmentVariablesEditor = Object.assign(renderEnvironmentVariablesEditor, {
+  Root: EnvironmentVariablesEditorRoot,
+  Upload: EnvironmentVariablesEditorUpload,
+  UploadButton: EnvironmentVariablesEditorUploadButton,
+  UploadError: EnvironmentVariablesEditorUploadError,
+  Rows: EnvironmentVariablesEditorRows,
+  Row: EnvironmentVariablesEditorRow,
+  AddButton: EnvironmentVariablesEditorAddButton,
+  Messages: EnvironmentVariablesEditorMessages,
+  DuplicateKeysError: EnvironmentVariablesEditorDuplicateKeysError,
+  Actions: EnvironmentVariablesEditorActions,
+  ReadOnlyList: EnvironmentVariablesEditorReadOnlyList,
+  ReadOnlyHeader: EnvironmentVariablesEditorReadOnlyHeader,
+  ReadOnlyEmpty: EnvironmentVariablesEditorReadOnlyEmpty,
+  ReadOnlyItem: EnvironmentVariablesEditorReadOnlyItem
+});
+
+export { EnvironmentVariablesEditor as E };
+//# sourceMappingURL=environment-variables-editor-BcEqoErE.js.map