@mastra/playground-ui 43.0.0-alpha.1 → 43.0.0-alpha.2

package/dist/components/DateTimePicker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.es.js","sources":["../../src/ds/components/DateTimePicker/date-time-picker.tsx"],"sourcesContent":["import { format, formatDate, isValid } from 'date-fns';\nimport { CalendarIcon, CircleAlertIcon } from 'lucide-react';\nimport * as React from 'react';\nimport type { DayPickerSingleProps } from 'react-day-picker';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { TextFieldBlock } from '../FormFieldBlocks/fields/text-field-block';\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { Button } from '@/ds/components/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { cn } from '@/lib/utils';\n\ntype CommonProps = Omit<DayPickerSingleProps, 'mode' | 'selected' | 'onSelect'> & {\n  value: Date | undefined | null;\n  minValue?: Date | null;\n  maxValue?: Date | null;\n  defaultTimeStrValue?: string;\n  onValueChange: (date: Date | undefined) => void;\n};\n\nexport type DateTimePickerProps =\n  | (CommonProps & { children?: never; className?: string; placeholder?: string })\n  | (CommonProps & { children: React.ReactNode; className?: never; placeholder?: string });\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n  value,\n  minValue,\n  maxValue,\n  defaultTimeStrValue,\n  onValueChange,\n  children,\n  className,\n  placeholder,\n  ...props\n}) => {\n  const [openPopover, setOpenPopover] = React.useState(false);\n\n  return (\n    <Popover open={openPopover} onOpenChange={setOpenPopover}>\n      <PopoverTrigger asChild>\n        {children ? (\n          children\n        ) : (\n          <DefaultTrigger\n            value={value}\n            placeholder={placeholder}\n            className={className}\n            data-testid=\"datepicker-button\"\n          />\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"backdrop-blur-4xl max-w-66 w-auto bg-surface4 p-0!\"\n        align=\"start\"\n        data-testid=\"datepicker-calendar\"\n      >\n        <DateTimePickerContent\n          value={value}\n          minValue={minValue}\n          maxValue={maxValue}\n          onValueChange={onValueChange}\n          setOpenPopover={setOpenPopover}\n          defaultTimeStrValue={defaultTimeStrValue}\n          {...props}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nfunction getCompoundDate({ date, timeStr = '' }: { date: Date; timeStr?: string }): Date | null {\n  if (!isValid(date)) {\n    return null;\n  }\n\n  if (timeStr) {\n    const dateStr = format(date, 'yyyy-MM-dd');\n    const newDate = new Date(`${dateStr} ${timeStr}`);\n    if (isValid(newDate)) {\n      return newDate;\n    }\n  }\n\n  return date;\n}\n\nexport const DateTimePickerContent = ({\n  value,\n  minValue,\n  maxValue,\n  onValueChange,\n  setOpenPopover,\n  placeholder,\n  className,\n  defaultTimeStrValue,\n  ...props\n}: CommonProps & {\n  setOpenPopover?: (open: boolean) => void;\n  placeholder?: string;\n  className?: string;\n}) => {\n  const [localErrorMsg, setLocalErrorMsg] = React.useState<string | null>(null);\n  const [dateInputValue, setDateInputValue] = React.useState<string>(\n    value ? format(getCompoundDate({ date: value, timeStr: defaultTimeStrValue }) || '', 'PP p') : '',\n  );\n  const [timeStrValue, setTimeStrValue] = React.useState<string>(defaultTimeStrValue || '');\n  const [selected, setSelected] = React.useState<Date | undefined>(value ? new Date(value) : undefined);\n\n  const debouncedDateUpdate = useDebouncedCallback((date: Date) => {\n    if (isValid(date)) {\n      setSelected(date);\n      onValueChange?.(date);\n      setOpenPopover?.(false);\n    }\n  }, 500);\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setDateInputValue(e.currentTarget.value);\n    const date = new Date(e.currentTarget.value);\n    debouncedDateUpdate(date);\n  };\n\n  const updateInputValue = (date: Date | string) => {\n    if (isValid(date)) {\n      if (maxValue && date > maxValue) {\n        setLocalErrorMsg(`The selected date should be before ${format(maxValue, 'PP p')}`);\n        setDateInputValue('');\n      } else if (minValue && date < minValue) {\n        setLocalErrorMsg(`The selected date should be after ${format(minValue, 'PP p')}`);\n        setDateInputValue('');\n      } else {\n        setDateInputValue(format(date, 'PP p'));\n        setLocalErrorMsg('');\n      }\n    } else {\n      setDateInputValue('');\n      setLocalErrorMsg('');\n    }\n  };\n\n  const dateInputValueDate = new Date(dateInputValue);\n  const dateInputValueIsValid = isValid(dateInputValueDate);\n  const newValueDefined = dateInputValueIsValid && dateInputValueDate.getTime() !== value?.getTime();\n\n  const handleDaySelect = (date: Date | undefined) => {\n    setSelected(date);\n    if (date) {\n      const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n      updateInputValue(newDate || '');\n    } else {\n      updateInputValue('');\n    }\n  };\n\n  const handleMonthSelect = (date: Date | undefined) => {\n    setSelected(date);\n    if (date) {\n      const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n      updateInputValue(newDate || '');\n    } else {\n      updateInputValue('');\n    }\n  };\n\n  const handleTimeStrChange = (val: string) => {\n    setTimeStrValue(val);\n\n    if (dateInputValueIsValid) {\n      const newDate = getCompoundDate({ date: dateInputValueDate, timeStr: val });\n      updateInputValue(newDate || '');\n    }\n  };\n\n  const handleCancel = () => {\n    setOpenPopover?.(false);\n  };\n\n  const handleApply = () => {\n    if (isValid(dateInputValueDate)) {\n      onValueChange(dateInputValueDate);\n    }\n    setOpenPopover?.(false);\n  };\n\n  const handleClear = () => {\n    onValueChange(undefined);\n    setSelected(undefined);\n    setDateInputValue('');\n    setTimeStrValue('');\n    setOpenPopover?.(false);\n  };\n\n  return (\n    <div\n      aria-label=\"Choose date\"\n      className={cn('relative flex flex-col', className)}\n      onKeyDown={e => {\n        e.stopPropagation();\n        if (e.key === 'Escape') {\n          setOpenPopover?.(false);\n        }\n      }}\n    >\n      <TextFieldBlock\n        name=\"date-range\"\n        type=\"text\"\n        value={dateInputValue}\n        onChange={handleInputChange}\n        placeholder={placeholder}\n        className=\"m-4 mb-0 w-auto!\"\n      />\n\n      {localErrorMsg && (\n        <div\n          className={cn(\n            'm-4 mb-0 text-ui-md text-neutral3',\n            '[&>svg]:float-left [&>svg]:mt-0.5 [&>svg]:mr-2 [&>svg]:size-[1.1em] [&>svg]:text-red-500',\n          )}\n        >\n          <CircleAlertIcon /> {localErrorMsg}\n        </div>\n      )}\n\n      <DatePicker\n        mode=\"single\"\n        month={selected}\n        selected={selected}\n        onMonthChange={handleMonthSelect}\n        onSelect={handleDaySelect}\n        {...props}\n      />\n\n      <TimePicker\n        onValueChange={handleTimeStrChange}\n        className=\"m-4 mt-0 w-auto\"\n        defaultValue={value ? formatDate(new Date(value), 'hh:mm a') : defaultTimeStrValue}\n      />\n\n      <div className=\"m-4 mt-0 grid grid-cols-[1fr_2fr] gap-2\">\n        {newValueDefined && (\n          <Button tabIndex={0} size=\"md\" onClick={handleClear} type=\"button\">\n            Clear\n          </Button>\n        )}\n        <Button\n          tabIndex={0}\n          type=\"button\"\n          size=\"md\"\n          variant={newValueDefined ? 'primary' : 'default'}\n          onClick={() => {\n            dateInputValueIsValid ? handleApply() : handleCancel();\n          }}\n        >\n          {newValueDefined ? `Apply` : `Cancel`}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\ntype DefaultButtonProps = {\n  className?: string;\n  placeholder?: string;\n  value: Date | undefined | null;\n};\n\nexport const DefaultTrigger = React.forwardRef<HTMLButtonElement, DefaultButtonProps>(\n  ({ value, placeholder, className, ...props }, ref) => {\n    return (\n      <Button ref={ref} className={cn('justify-start', className)} {...props}>\n        <CalendarIcon className=\"size-4\" />\n        {value ? (\n          <span className=\"text-white\">{format(value, 'PP p')}</span>\n        ) : (\n          <span className=\"text-gray\">{placeholder ?? 'Pick a date'}</span>\n        )}\n      </Button>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateTimePicker.es.js","sources":["../../src/ds/components/DateTimePicker/date-time-picker.tsx"],"sourcesContent":["import { format, formatDate, isValid } from 'date-fns';\nimport { CalendarIcon, CircleAlertIcon } from 'lucide-react';\nimport * as React from 'react';\nimport type { DayPickerSingleProps } from 'react-day-picker';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { TextFieldBlock } from '../FormFieldBlocks/fields/text-field-block';\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { Button } from '@/ds/components/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { cn } from '@/lib/utils';\n\ntype CommonProps = Omit<DayPickerSingleProps, 'mode' | 'selected' | 'onSelect'> & {\n  value: Date | undefined | null;\n  minValue?: Date | null;\n  maxValue?: Date | null;\n  defaultTimeStrValue?: string;\n  onValueChange: (date: Date | undefined) => void;\n};\n\nexport type DateTimePickerProps =\n  | (CommonProps & { children?: never; className?: string; placeholder?: string })\n  | (CommonProps & { children: React.ReactNode; className?: never; placeholder?: string });\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n  value,\n  minValue,\n  maxValue,\n  defaultTimeStrValue,\n  onValueChange,\n  children,\n  className,\n  placeholder,\n  ...props\n}) => {\n  const [openPopover, setOpenPopover] = React.useState(false);\n\n  return (\n    <Popover open={openPopover} onOpenChange={setOpenPopover}>\n      <PopoverTrigger asChild>\n        {children ? (\n          children\n        ) : (\n          <DefaultTrigger\n            value={value}\n            placeholder={placeholder}\n            className={className}\n            data-testid=\"datepicker-button\"\n          />\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"backdrop-blur-4xl bg-surface4 w-auto max-w-66 p-0!\"\n        align=\"start\"\n        data-testid=\"datepicker-calendar\"\n      >\n        <DateTimePickerContent\n          value={value}\n          minValue={minValue}\n          maxValue={maxValue}\n          onValueChange={onValueChange}\n          setOpenPopover={setOpenPopover}\n          defaultTimeStrValue={defaultTimeStrValue}\n          {...props}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nfunction getCompoundDate({ date, timeStr = '' }: { date: Date; timeStr?: string }): Date | null {\n  if (!isValid(date)) {\n    return null;\n  }\n\n  if (timeStr) {\n    const dateStr = format(date, 'yyyy-MM-dd');\n    const newDate = new Date(`${dateStr} ${timeStr}`);\n    if (isValid(newDate)) {\n      return newDate;\n    }\n  }\n\n  return date;\n}\n\nexport const DateTimePickerContent = ({\n  value,\n  minValue,\n  maxValue,\n  onValueChange,\n  setOpenPopover,\n  placeholder,\n  className,\n  defaultTimeStrValue,\n  ...props\n}: CommonProps & {\n  setOpenPopover?: (open: boolean) => void;\n  placeholder?: string;\n  className?: string;\n}) => {\n  const [localErrorMsg, setLocalErrorMsg] = React.useState<string | null>(null);\n  const [dateInputValue, setDateInputValue] = React.useState<string>(\n    value ? format(getCompoundDate({ date: value, timeStr: defaultTimeStrValue }) || '', 'PP p') : '',\n  );\n  const [timeStrValue, setTimeStrValue] = React.useState<string>(defaultTimeStrValue || '');\n  const [selected, setSelected] = React.useState<Date | undefined>(value ? new Date(value) : undefined);\n\n  const debouncedDateUpdate = useDebouncedCallback((date: Date) => {\n    if (isValid(date)) {\n      setSelected(date);\n      onValueChange?.(date);\n      setOpenPopover?.(false);\n    }\n  }, 500);\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setDateInputValue(e.currentTarget.value);\n    const date = new Date(e.currentTarget.value);\n    debouncedDateUpdate(date);\n  };\n\n  const updateInputValue = (date: Date | string) => {\n    if (isValid(date)) {\n      if (maxValue && date > maxValue) {\n        setLocalErrorMsg(`The selected date should be before ${format(maxValue, 'PP p')}`);\n        setDateInputValue('');\n      } else if (minValue && date < minValue) {\n        setLocalErrorMsg(`The selected date should be after ${format(minValue, 'PP p')}`);\n        setDateInputValue('');\n      } else {\n        setDateInputValue(format(date, 'PP p'));\n        setLocalErrorMsg('');\n      }\n    } else {\n      setDateInputValue('');\n      setLocalErrorMsg('');\n    }\n  };\n\n  const dateInputValueDate = new Date(dateInputValue);\n  const dateInputValueIsValid = isValid(dateInputValueDate);\n  const newValueDefined = dateInputValueIsValid && dateInputValueDate.getTime() !== value?.getTime();\n\n  const handleDaySelect = (date: Date | undefined) => {\n    setSelected(date);\n    if (date) {\n      const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n      updateInputValue(newDate || '');\n    } else {\n      updateInputValue('');\n    }\n  };\n\n  const handleMonthSelect = (date: Date | undefined) => {\n    setSelected(date);\n    if (date) {\n      const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n      updateInputValue(newDate || '');\n    } else {\n      updateInputValue('');\n    }\n  };\n\n  const handleTimeStrChange = (val: string) => {\n    setTimeStrValue(val);\n\n    if (dateInputValueIsValid) {\n      const newDate = getCompoundDate({ date: dateInputValueDate, timeStr: val });\n      updateInputValue(newDate || '');\n    }\n  };\n\n  const handleCancel = () => {\n    setOpenPopover?.(false);\n  };\n\n  const handleApply = () => {\n    if (isValid(dateInputValueDate)) {\n      onValueChange(dateInputValueDate);\n    }\n    setOpenPopover?.(false);\n  };\n\n  const handleClear = () => {\n    onValueChange(undefined);\n    setSelected(undefined);\n    setDateInputValue('');\n    setTimeStrValue('');\n    setOpenPopover?.(false);\n  };\n\n  return (\n    <div\n      aria-label=\"Choose date\"\n      className={cn('relative flex flex-col', className)}\n      onKeyDown={e => {\n        e.stopPropagation();\n        if (e.key === 'Escape') {\n          setOpenPopover?.(false);\n        }\n      }}\n    >\n      <TextFieldBlock\n        name=\"date-range\"\n        type=\"text\"\n        value={dateInputValue}\n        onChange={handleInputChange}\n        placeholder={placeholder}\n        className=\"m-4 mb-0 w-auto!\"\n      />\n\n      {localErrorMsg && (\n        <div\n          className={cn(\n            'm-4 mb-0 text-ui-md text-neutral3',\n            '[&>svg]:float-left [&>svg]:mt-0.5 [&>svg]:mr-2 [&>svg]:size-[1.1em] [&>svg]:text-red-500',\n          )}\n        >\n          <CircleAlertIcon /> {localErrorMsg}\n        </div>\n      )}\n\n      <DatePicker\n        mode=\"single\"\n        month={selected}\n        selected={selected}\n        onMonthChange={handleMonthSelect}\n        onSelect={handleDaySelect}\n        {...props}\n      />\n\n      <TimePicker\n        onValueChange={handleTimeStrChange}\n        className=\"m-4 mt-0 w-auto\"\n        defaultValue={value ? formatDate(new Date(value), 'hh:mm a') : defaultTimeStrValue}\n      />\n\n      <div className=\"m-4 mt-0 grid grid-cols-[1fr_2fr] gap-2\">\n        {newValueDefined && (\n          <Button tabIndex={0} size=\"md\" onClick={handleClear} type=\"button\">\n            Clear\n          </Button>\n        )}\n        <Button\n          tabIndex={0}\n          type=\"button\"\n          size=\"md\"\n          variant={newValueDefined ? 'primary' : 'default'}\n          onClick={() => {\n            dateInputValueIsValid ? handleApply() : handleCancel();\n          }}\n        >\n          {newValueDefined ? `Apply` : `Cancel`}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\ntype DefaultButtonProps = {\n  className?: string;\n  placeholder?: string;\n  value: Date | undefined | null;\n};\n\nexport const DefaultTrigger = React.forwardRef<HTMLButtonElement, DefaultButtonProps>(\n  ({ value, placeholder, className, ...props }, ref) => {\n    return (\n      <Button ref={ref} className={cn('justify-start', className)} {...props}>\n        <CalendarIcon className=\"size-4\" />\n        {value ? (\n          <span className=\"text-white\">{format(value, 'PP p')}</span>\n        ) : (\n          <span className=\"text-gray\">{placeholder ?? 'Pick a date'}</span>\n        )}\n      </Button>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}

package/dist/components/DateTimeRangePicker.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dateTimeRangePicker = require('../date-time-range-picker-CF4a39P7.cjs');
+const dateTimeRangePicker = require('../date-time-range-picker-ue0m5G27.cjs');
 
 
 

package/dist/components/DateTimeRangePicker.es.js

@@ -1,2 +1,2 @@
-export { D as DateTimeRangePicker } from '../date-time-range-picker-DDNeOyj9.js';
+export { D as DateTimeRangePicker } from '../date-time-range-picker-yJBIm34J.js';
 //# sourceMappingURL=DateTimeRangePicker.es.js.map

package/dist/components/Dialog.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dialog = require('../dialog-XVpF4nQ5.cjs');
+const dialog = require('../dialog-ClItuCFY.cjs');
 
 
 

package/dist/components/Dialog.es.js

@@ -1,2 +1,2 @@
-export { D as Dialog, a as DialogBody, b as DialogClose, c as DialogContent, d as DialogDescription, e as DialogFooter, f as DialogHeader, g as DialogOverlay, h as DialogPortal, i as DialogTitle, j as DialogTrigger } from '../dialog-DhjOHEDT.js';
+export { D as Dialog, a as DialogBody, b as DialogClose, c as DialogContent, d as DialogDescription, e as DialogFooter, f as DialogHeader, g as DialogOverlay, h as DialogPortal, i as DialogTitle, j as DialogTrigger } from '../dialog-bnt6epW2.js';
 //# sourceMappingURL=Dialog.es.js.map

package/dist/components/Drawer.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const drawer = require('../drawer-DvuUmhic.cjs');
+const drawer = require('../drawer-CdsTitFp.cjs');
 
 
 

package/dist/components/Drawer.es.js

@@ -1,2 +1,2 @@
-export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport, r as createDrawerHandle, u as useDrawerSide } from '../drawer-Dyx25o_o.js';
+export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport, r as createDrawerHandle, u as useDrawerSide } from '../drawer-DZ9amYo_.js';
 //# sourceMappingURL=Drawer.es.js.map

package/dist/components/DropdownMenu.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dropdownMenu = require('../dropdown-menu-BE2WHHln.cjs');
+const dropdownMenu = require('../dropdown-menu-ppWztidX.cjs');
 
 
 

package/dist/components/DropdownMenu.es.js

@@ -1,2 +1,2 @@
-export { D as DropdownMenu } from '../dropdown-menu-UWIbg6mM.js';
+export { D as DropdownMenu } from '../dropdown-menu-DEFygDZI.js';
 //# sourceMappingURL=DropdownMenu.es.js.map

package/dist/components/EmptyState.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const EmptyState = require('../EmptyState-CDPLdgbs.cjs');
+const EmptyState = require('../EmptyState-sff7IGrD.cjs');
 
 
 

package/dist/components/EmptyState.es.js

@@ -1,2 +1,2 @@
-export { E as EmptyState } from '../EmptyState-C0TShKF9.js';
+export { E as EmptyState } from '../EmptyState-BLd-LJOA.js';
 //# sourceMappingURL=EmptyState.es.js.map

package/dist/components/EntityHeader.cjs.js

@@ -10,7 +10,7 @@ require('lucide-react');
 
 const EntityHeader = ({ icon, title, isLoading, children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-x-hidden p-3 pb-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2 text-neutral6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-neutral6 flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-7 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", children: icon }) }),
       isLoading ? /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "header-md", as: "h2", className: "truncate font-medium", children: title })
     ] }),

package/dist/components/EntityHeader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityHeader.cjs.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"flex min-w-0 items-center gap-2 text-neutral6\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"header-md\" as=\"h2\" className=\"truncate font-medium\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx","Icon","Skeleton","Txt"],"mappings":";;;;;;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAAA,cAAA,CAACC,mBAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACCD,cAAA,CAACE,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/BF,cAAA,CAACG,OAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,wBACxC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityHeader.cjs.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"text-neutral6 flex min-w-0 items-center gap-2\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"header-md\" as=\"h2\" className=\"truncate font-medium\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx","Icon","Skeleton","Txt"],"mappings":";;;;;;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAAA,cAAA,CAACC,mBAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACCD,cAAA,CAACE,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/BF,cAAA,CAACG,OAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,wBACxC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/EntityHeader.es.js

@@ -6,7 +6,7 @@ import 'lucide-react';
 
 const EntityHeader = ({ icon, title, isLoading, children }) => {
   return /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-hidden p-3 pb-1", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 text-neutral6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-neutral6 flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "flex size-7 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { size: "lg", children: icon }) }),
       isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsx(Txt, { variant: "header-md", as: "h2", className: "truncate font-medium", children: title })
     ] }),

package/dist/components/EntityHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityHeader.es.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"flex min-w-0 items-center gap-2 text-neutral6\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"header-md\" as=\"h2\" className=\"truncate font-medium\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/B,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,wBACxC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityHeader.es.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"text-neutral6 flex min-w-0 items-center gap-2\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"header-md\" as=\"h2\" className=\"truncate font-medium\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/B,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,wBACxC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -6,14 +6,14 @@ const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-vA5sWo9W.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-B5RnKrGb.cjs');
-const Notice = require('../Notice-WhHdy89l.cjs');
+const Button = require('../Button-Bm94fEF2.cjs');
+const Notice = require('../Notice-D7mbkdZW.cjs');
 const envFile = require('../env-file-BU2hStkm.cjs');
 const Txt = require('../Txt-I5lK8zy7.cjs');
-const dataList = require('../data-list-CQWBPREX.cjs');
+const dataList = require('../data-list-CEGVpKNo.cjs');
 const hooks_useCopyToClipboard = require('../hooks/use-copy-to-clipboard.cjs.js');
-const fieldBlock = require('../field-block-CEbnWKc0.cjs');
-const inputGroup = require('../input-group-QaBen5tC.cjs');
+const fieldBlock = require('../field-block-BcTR08I7.cjs');
+const inputGroup = require('../input-group-CH72YUVL.cjs');
 
 function EnvironmentVariablesEditorActions({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-wrap items-center gap-2", className), ...props });
@@ -39,12 +39,12 @@ function EnvironmentVariablesEditorAddButton({
   const { editor, disabled, readOnly } = useEnvironmentVariablesEditorContext("EnvironmentVariablesEditor.AddButton");
   if (readOnly) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-center gap-2", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border1" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "bg-border1 h-px flex-1" }),
     /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { type: "button", variant: "ghost", size: "sm", disabled, onClick: () => editor.appendRow(), children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, {}),
       children ?? "Add Variable"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "h-px flex-1 bg-border1" })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "bg-border1 h-px flex-1" })
   ] });
 }
 
@@ -136,7 +136,7 @@ function EnvironmentVariablesEditorReadOnlyItem({
     copyToClipboard(resolvedCopyValue);
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.RowStatic, { className: utils_cn.cn("min-h-14", className), ...props, children: [
-    showIcon && /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { height: "compact", className: "justify-items-center overflow-visible", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-7 items-center justify-center rounded-full border border-border1 text-neutral3 [&>svg]:size-3.5", children: leadingIcon }) }),
+    showIcon && /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { height: "compact", className: "justify-items-center overflow-visible", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-border1 text-neutral3 flex size-7 items-center justify-center rounded-full border [&>svg]:size-3.5", children: leadingIcon }) }),
     /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.MonoCell, { height: "compact", className: "text-ui-sm text-neutral6", children: name }),
     /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { height: "compact", className: "min-w-0", children: value !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -176,7 +176,7 @@ function EnvironmentVariablesEditorReadOnlyItem({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { height: "compact", className: "min-w-0 justify-items-end text-ui-xs text-neutral3", children: (updatedAt || actor) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { height: "compact", className: "text-ui-xs text-neutral3 min-w-0 justify-items-end", children: (updatedAt || actor) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: updatedAt }),
       actor
     ] }) })

package/dist/components/EnvironmentVariablesEditor.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariablesEditor.cjs.js","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-paste-hint.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 { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorPasteHintProps } from './environment-variables-editor.types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport const DEFAULT_ENVIRONMENT_VARIABLE_PASTE_HINT = 'Tip: paste a .env file into any field to import it';\n\nexport function EnvironmentVariablesEditorPasteHint({\n  className,\n  children,\n  ...props\n}: EnvironmentVariablesEditorPasteHintProps) {\n  const { readOnly } = useEnvironmentVariablesEditorContext('EnvironmentVariablesEditor.PasteHint');\n\n  if (readOnly) return null;\n\n  return (\n    <Txt as=\"p\" variant=\"ui-xs\" className={cn('text-right text-neutral4', className)} {...props}>\n      {children ?? DEFAULT_ENVIRONMENT_VARIABLE_PASTE_HINT}\n    </Txt>\n  );\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 { EnvironmentVariablesEditorPasteHint } from './environment-variables-editor-paste-hint';\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  hidePasteHint,\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        {!readOnly && !hidePasteHint && <EnvironmentVariablesEditorPasteHint />}\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 { EnvironmentVariablesEditorPasteHint } from './environment-variables-editor-paste-hint';\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  PasteHint: EnvironmentVariablesEditorPasteHint,\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  EnvironmentVariablesEditorPasteHintProps,\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","Txt","DataList","useState","useCopyToClipboard","Code2Icon","EyeOffIcon","EyeIcon","CheckIcon","CopyIcon","useMemo","FieldBlock","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","TrashIcon","Fragment","UploadIcon"],"mappings":"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"}
+{"version":3,"file":"EnvironmentVariablesEditor.cjs.js","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-paste-hint.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=\"bg-border1 h-px flex-1\" />\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=\"bg-border1 h-px flex-1\" />\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 { useEnvironmentVariablesEditorContext } from './environment-variables-editor-context';\nimport type { EnvironmentVariablesEditorPasteHintProps } from './environment-variables-editor.types';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport const DEFAULT_ENVIRONMENT_VARIABLE_PASTE_HINT = 'Tip: paste a .env file into any field to import it';\n\nexport function EnvironmentVariablesEditorPasteHint({\n  className,\n  children,\n  ...props\n}: EnvironmentVariablesEditorPasteHintProps) {\n  const { readOnly } = useEnvironmentVariablesEditorContext('EnvironmentVariablesEditor.PasteHint');\n\n  if (readOnly) return null;\n\n  return (\n    <Txt as=\"p\" variant=\"ui-xs\" className={cn('text-right text-neutral4', className)} {...props}>\n      {children ?? DEFAULT_ENVIRONMENT_VARIABLE_PASTE_HINT}\n    </Txt>\n  );\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=\"border-border1 text-neutral3 flex size-7 items-center justify-center rounded-full border [&>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=\"text-ui-xs text-neutral3 min-w-0 justify-items-end\">\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 { EnvironmentVariablesEditorPasteHint } from './environment-variables-editor-paste-hint';\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  hidePasteHint,\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        {!readOnly && !hidePasteHint && <EnvironmentVariablesEditorPasteHint />}\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 { EnvironmentVariablesEditorPasteHint } from './environment-variables-editor-paste-hint';\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  PasteHint: EnvironmentVariablesEditorPasteHint,\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  EnvironmentVariablesEditorPasteHintProps,\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","Txt","DataList","useState","useCopyToClipboard","Code2Icon","EyeOffIcon","EyeIcon","CheckIcon","CopyIcon","useMemo","FieldBlock","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","TrashIcon","Fragment","UploadIcon"],"mappings":"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"}

package/dist/components/EnvironmentVariablesEditor.es.js

@@ -2,14 +2,14 @@ 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-Dh5CZ6Ir.js';
-import { N as Notice } from '../Notice-jmHNt3gS.js';
+import { B as Button } from '../Button-Bx2lFdqb.js';
+import { N as Notice } from '../Notice-zWRcxcM3.js';
 import { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '../env-file-BITYowCx.js';
 import { T as Txt } from '../Txt-Df42XG5p.js';
-import { D as DataList } from '../data-list-Ca8j8X2e.js';
+import { D as DataList } from '../data-list-SGIqDkMi.js';
 import { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.es.js';
-import { F as FieldBlock } from '../field-block-CBdMcT-i.js';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-DZnJcY3U.js';
+import { F as FieldBlock } from '../field-block-B63CpA4d.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-Dzs-ai0n.js';
 
 function EnvironmentVariablesEditorActions({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-2", className), ...props });
@@ -35,12 +35,12 @@ function EnvironmentVariablesEditorAddButton({
   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__ */ jsx("span", { "aria-hidden": "true", className: "bg-border1 h-px flex-1" }),
     /* @__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" })
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "bg-border1 h-px flex-1" })
   ] });
 }
 
@@ -132,7 +132,7 @@ function EnvironmentVariablesEditorReadOnlyItem({
     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 }) }),
+    showIcon && /* @__PURE__ */ jsx(DataList.Cell, { height: "compact", className: "justify-items-center overflow-visible", children: /* @__PURE__ */ jsx("span", { className: "border-border1 text-neutral3 flex size-7 items-center justify-center rounded-full border [&>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(
@@ -172,7 +172,7 @@ function EnvironmentVariablesEditorReadOnlyItem({
         )
       ] })
     ] }) }),
-    /* @__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(DataList.Cell, { height: "compact", className: "text-ui-xs text-neutral3 min-w-0 justify-items-end", children: (updatedAt || actor) && /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "truncate", children: updatedAt }),
       actor
     ] }) })