@eifi1/ui-kit 0.15.4 → 0.15.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/README.md +5 -5
  2. package/dist/chart.d.ts +2 -3
  3. package/dist/components/alert-banner.js +1 -1
  4. package/dist/components/alert-banner.js.map +1 -1
  5. package/dist/components/amount-input.d.ts +5 -3
  6. package/dist/components/amount-input.js +1 -1
  7. package/dist/components/amount-input.js.map +1 -1
  8. package/dist/components/button-group.d.ts +2 -3
  9. package/dist/components/calculator.d.ts +2 -3
  10. package/dist/components/checkbox.js +1 -1
  11. package/dist/components/checkbox.js.map +1 -1
  12. package/dist/components/choice-card.js +1 -1
  13. package/dist/components/choice-card.js.map +1 -1
  14. package/dist/components/copy-button.d.ts +2 -3
  15. package/dist/components/error-boundary.js +1 -1
  16. package/dist/components/error-boundary.js.map +1 -1
  17. package/dist/components/facing-pair.d.ts +2 -3
  18. package/dist/components/file-button.d.ts +2 -3
  19. package/dist/components/file-dropzone.d.ts +2 -3
  20. package/dist/components/file-dropzone.js +1 -1
  21. package/dist/components/file-dropzone.js.map +1 -1
  22. package/dist/components/form-actions.d.ts +2 -3
  23. package/dist/components/money-field.d.ts +2 -3
  24. package/dist/components/number-field.d.ts +2 -3
  25. package/dist/components/number-input.d.ts +2 -3
  26. package/dist/components/numpad-sheet.d.ts +2 -3
  27. package/dist/components/series-chart.d.ts +2 -3
  28. package/dist/components/settings-fields.d.ts +2 -3
  29. package/dist/components/text-link.d.ts +2 -3
  30. package/dist/components/time-input.d.ts +2 -3
  31. package/dist/components/ui.d.ts +2 -3
  32. package/dist/components/ui.js +7 -7
  33. package/dist/components/ui.js.map +1 -1
  34. package/dist/feedback/feedback-attachment.d.ts +2 -82
  35. package/dist/feedback/feedback-attachment.js +271 -54
  36. package/dist/feedback/feedback-attachment.js.map +1 -1
  37. package/dist/feedback/feedback-dialog.d.ts +2 -105
  38. package/dist/feedback/feedback-dialog.js +56 -25
  39. package/dist/feedback/feedback-dialog.js.map +1 -1
  40. package/dist/feedback/feedback-inbox.d.ts +1 -1
  41. package/dist/feedback/feedback-thread.d.ts +2 -2
  42. package/dist/feedback-attachment-BYAHJMOr.d.ts +289 -0
  43. package/dist/feedback.d.ts +1 -2
  44. package/dist/hooks/use-file-drop.d.ts +2 -3
  45. package/dist/i18n/defaults.d.ts +2 -3
  46. package/dist/i18n/kit-labels.d.ts +2 -3
  47. package/dist/i18n/locales/de-CH-informal.d.ts +2 -3
  48. package/dist/i18n/locales/de-CH.d.ts +2 -3
  49. package/dist/i18n/locales/de-informal.d.ts +2 -3
  50. package/dist/i18n/locales/de.d.ts +2 -3
  51. package/dist/i18n/locales/de.js +5 -1
  52. package/dist/i18n/locales/de.js.map +1 -1
  53. package/dist/i18n/locales/es.d.ts +2 -3
  54. package/dist/i18n/locales/es.js +5 -1
  55. package/dist/i18n/locales/es.js.map +1 -1
  56. package/dist/i18n/locales/fr.d.ts +2 -3
  57. package/dist/i18n/locales/fr.js +5 -1
  58. package/dist/i18n/locales/fr.js.map +1 -1
  59. package/dist/i18n/locales/hu.d.ts +2 -3
  60. package/dist/i18n/locales/hu.js +5 -1
  61. package/dist/i18n/locales/hu.js.map +1 -1
  62. package/dist/i18n/locales/it.d.ts +2 -3
  63. package/dist/i18n/locales/it.js +5 -1
  64. package/dist/i18n/locales/it.js.map +1 -1
  65. package/dist/i18n/locales/zh.d.ts +2 -3
  66. package/dist/i18n/locales/zh.js +5 -1
  67. package/dist/i18n/locales/zh.js.map +1 -1
  68. package/dist/index.d.ts +2 -3
  69. package/dist/{kit-labels-CnnBd-2N.d.ts → kit-labels-BD2F7sOz.d.ts} +2 -3
  70. package/dist/rhf/fields.d.ts +2 -3
  71. package/dist/rhf/form.d.ts +2 -3
  72. package/dist/rhf.d.ts +2 -3
  73. package/dist/shell/app-shell.d.ts +2 -3
  74. package/dist/shell/top-bar-brand.d.ts +2 -3
  75. package/dist/shell.d.ts +2 -3
  76. package/dist/theme/palette-derive.d.ts +3 -0
  77. package/dist/theme/palette-derive.js +7 -0
  78. package/dist/theme/palette-derive.js.map +1 -1
  79. package/dist/wizard/stepper-nav.d.ts +2 -3
  80. package/dist/wizard.d.ts +2 -3
  81. package/package.json +4 -2
  82. package/src/components/alert-banner.tsx +1 -1
  83. package/src/components/amount-input.tsx +8 -1
  84. package/src/components/checkbox.tsx +1 -1
  85. package/src/components/choice-card.tsx +1 -1
  86. package/src/components/error-boundary.tsx +1 -1
  87. package/src/components/file-dropzone.tsx +1 -1
  88. package/src/components/ui.tsx +7 -7
  89. package/src/feedback/feedback-attachment.tsx +441 -96
  90. package/src/feedback/feedback-dialog.tsx +147 -50
  91. package/src/i18n/locales/de.ts +4 -0
  92. package/src/i18n/locales/es.ts +4 -0
  93. package/src/i18n/locales/fr.ts +4 -0
  94. package/src/i18n/locales/hu.ts +4 -0
  95. package/src/i18n/locales/it.ts +4 -0
  96. package/src/i18n/locales/zh.ts +4 -0
  97. package/src/theme/palette-derive.ts +10 -0
  98. package/tokens.css +9 -1
@@ -2,7 +2,7 @@ import * as react from 'react';
2
2
  import { ComponentProps, Ref } from 'react';
3
3
  import { AmountInput } from './amount-input.js';
4
4
  import './calculator.js';
5
- import '../kit-labels-CnnBd-2N.js';
5
+ import '../kit-labels-BD2F7sOz.js';
6
6
  import './data-table-labels.js';
7
7
  import './mini-calendar.js';
8
8
  import './calendar-heatmap.js';
@@ -34,8 +34,7 @@ import './dialog-frame.js';
34
34
  import './modal.js';
35
35
  import '../hooks/use-search-param-state.js';
36
36
  import './measured-grid.js';
37
- import '../feedback/feedback-attachment.js';
38
- import '../feedback/feedback-dialog.js';
37
+ import '../feedback-attachment-BYAHJMOr.js';
39
38
  import '../feedback/feedback-thread.js';
40
39
  import '../feedback/feedback-inbox.js';
41
40
  import './account-settings-labels.js';
@@ -2,7 +2,7 @@ import * as react from 'react';
2
2
  import { ComponentProps, ReactNode } from 'react';
3
3
  import { NumberInput } from './number-input.js';
4
4
  import './calculator.js';
5
- import '../kit-labels-CnnBd-2N.js';
5
+ import '../kit-labels-BD2F7sOz.js';
6
6
  import './data-table-labels.js';
7
7
  import './mini-calendar.js';
8
8
  import './calendar-heatmap.js';
@@ -34,8 +34,7 @@ import './dialog-frame.js';
34
34
  import './modal.js';
35
35
  import '../hooks/use-search-param-state.js';
36
36
  import './measured-grid.js';
37
- import '../feedback/feedback-attachment.js';
38
- import '../feedback/feedback-dialog.js';
37
+ import '../feedback-attachment-BYAHJMOr.js';
39
38
  import '../feedback/feedback-thread.js';
40
39
  import '../feedback/feedback-inbox.js';
41
40
  import './account-settings-labels.js';
@@ -2,7 +2,7 @@ import * as react from 'react';
2
2
  import { ReactNode } from 'react';
3
3
  import { CalculatorButtonLabels } from './calculator.js';
4
4
  import { NumberPadSheetLabels } from './numpad-sheet.js';
5
- import '../kit-labels-CnnBd-2N.js';
5
+ import '../kit-labels-BD2F7sOz.js';
6
6
  import './data-table-labels.js';
7
7
  import './mini-calendar.js';
8
8
  import './calendar-heatmap.js';
@@ -34,8 +34,7 @@ import './dialog-frame.js';
34
34
  import './modal.js';
35
35
  import '../hooks/use-search-param-state.js';
36
36
  import './measured-grid.js';
37
- import '../feedback/feedback-attachment.js';
38
- import '../feedback/feedback-dialog.js';
37
+ import '../feedback-attachment-BYAHJMOr.js';
39
38
  import '../feedback/feedback-thread.js';
40
39
  import '../feedback/feedback-inbox.js';
41
40
  import './account-settings-labels.js';
@@ -1,6 +1,6 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode } from 'react';
3
- import { C as CalculatorLabels } from '../kit-labels-CnnBd-2N.js';
3
+ import { C as CalculatorLabels } from '../kit-labels-BD2F7sOz.js';
4
4
  import './data-table-labels.js';
5
5
  import './mini-calendar.js';
6
6
  import './calendar-heatmap.js';
@@ -32,8 +32,7 @@ import './dialog-frame.js';
32
32
  import './modal.js';
33
33
  import '../hooks/use-search-param-state.js';
34
34
  import './measured-grid.js';
35
- import '../feedback/feedback-attachment.js';
36
- import '../feedback/feedback-dialog.js';
35
+ import '../feedback-attachment-BYAHJMOr.js';
37
36
  import '../feedback/feedback-thread.js';
38
37
  import '../feedback/feedback-inbox.js';
39
38
  import './account-settings-labels.js';
@@ -5,7 +5,7 @@ import { LegendEntry } from './toggle-legend.js';
5
5
  import { SeriesChartLabels } from './series-chart-labels.js';
6
6
  import { TimeTickUnit } from './series-chart-ticks.js';
7
7
  import { SeriesChartAxisBudget } from './series-chart-budget.js';
8
- import { v as ChartTooltipPlacement } from '../kit-labels-CnnBd-2N.js';
8
+ import { v as ChartTooltipPlacement } from '../kit-labels-BD2F7sOz.js';
9
9
  import 'recharts';
10
10
  import './data-table-labels.js';
11
11
  import './mini-calendar.js';
@@ -37,8 +37,7 @@ import './dialog-frame.js';
37
37
  import './modal.js';
38
38
  import '../hooks/use-search-param-state.js';
39
39
  import './measured-grid.js';
40
- import '../feedback/feedback-attachment.js';
41
- import '../feedback/feedback-dialog.js';
40
+ import '../feedback-attachment-BYAHJMOr.js';
42
41
  import '../feedback/feedback-thread.js';
43
42
  import '../feedback/feedback-inbox.js';
44
43
  import './account-settings-labels.js';
@@ -1,6 +1,6 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode } from 'react';
3
- import { aK as SelectProps } from '../kit-labels-CnnBd-2N.js';
3
+ import { aK as SelectProps } from '../kit-labels-BD2F7sOz.js';
4
4
  import { ThemePreference } from '../theme/theme-store.js';
5
5
  import './data-table-labels.js';
6
6
  import './mini-calendar.js';
@@ -33,8 +33,7 @@ import './dialog-frame.js';
33
33
  import './modal.js';
34
34
  import '../hooks/use-search-param-state.js';
35
35
  import './measured-grid.js';
36
- import '../feedback/feedback-attachment.js';
37
- import '../feedback/feedback-dialog.js';
36
+ import '../feedback-attachment-BYAHJMOr.js';
38
37
  import '../feedback/feedback-thread.js';
39
38
  import '../feedback/feedback-inbox.js';
40
39
  import './account-settings-labels.js';
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import { ReactElement, ComponentPropsWithoutRef, ReactNode, Ref, MouseEvent, KeyboardEvent } from 'react';
3
3
  import { LucideIcon } from 'lucide-react';
4
- import { aA as KitLinkComponent } from '../kit-labels-CnnBd-2N.js';
4
+ import { aA as KitLinkComponent } from '../kit-labels-BD2F7sOz.js';
5
5
  import './data-table-labels.js';
6
6
  import './mini-calendar.js';
7
7
  import './calendar-heatmap.js';
@@ -32,8 +32,7 @@ import './dialog-frame.js';
32
32
  import './modal.js';
33
33
  import '../hooks/use-search-param-state.js';
34
34
  import './measured-grid.js';
35
- import '../feedback/feedback-attachment.js';
36
- import '../feedback/feedback-dialog.js';
35
+ import '../feedback-attachment-BYAHJMOr.js';
37
36
  import '../feedback/feedback-thread.js';
38
37
  import '../feedback/feedback-inbox.js';
39
38
  import './account-settings-labels.js';
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { az as InputProps } from '../kit-labels-CnnBd-2N.js';
2
+ import { az as InputProps } from '../kit-labels-BD2F7sOz.js';
3
3
  import './data-table-labels.js';
4
4
  import './mini-calendar.js';
5
5
  import './calendar-heatmap.js';
@@ -31,8 +31,7 @@ import './dialog-frame.js';
31
31
  import './modal.js';
32
32
  import '../hooks/use-search-param-state.js';
33
33
  import './measured-grid.js';
34
- import '../feedback/feedback-attachment.js';
35
- import '../feedback/feedback-dialog.js';
34
+ import '../feedback-attachment-BYAHJMOr.js';
36
35
  import '../feedback/feedback-thread.js';
37
36
  import '../feedback/feedback-inbox.js';
38
37
  import './account-settings-labels.js';
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
2
  import './tooltip.js';
3
- export { B as Button, a as ButtonClassesOptions, b as ButtonLinkProps, c as ButtonProps, d as ButtonSize, e as ButtonTone, f as ButtonVariant, g as Card, h as CardAction, i as CardActionProps, j as CardContent, k as CardContentProps, l as CardDescription, m as CardDescriptionProps, n as CardFooter, o as CardFooterProps, p as CardHeader, q as CardHeaderProps, r as CardProps, s as CardTitle, t as CardTitleProps, u as CardTone, Q as DEFAULT_PASSWORD_REVEAL_LABELS, T as DEFAULT_TABS_LABELS, W as EmptyState, X as EmptyStateProps, Y as FIELD_BASE, Z as FIELD_DISPLAY, _ as FIELD_FLOATING_PAD, $ as FIELD_INVALID, a0 as FIELD_TRIGGER, a1 as FIELD_WRITABLE_LOOK, a2 as FLOATING_INPUT_CLASS, a3 as FLOATING_LABEL_CLASS, a4 as FLOATING_LABEL_STATIC, a5 as FieldChevron, a6 as FieldChevronProps, a7 as FieldHint, a8 as FieldHintProps, a9 as FieldLabel, aa as FieldLabelProps, ai as FloatingField, aj as FloatingFieldProps, aq as IconButton, ar as IconButtonGlyphSize, as as IconButtonLinkProps, at as IconButtonProps, au as IconButtonSize, av as IconButtonTone, aw as IconButtonToneColor, ax as IconButtonVariant, ay as Input, az as InputProps, aC as Label, aE as LabelProps, aG as PHONE_QUERY, aH as PasswordRevealLabels, aJ as Select, aK as SelectProps, aL as Spinner, aM as SpinnerProps, aO as TabItem, aP as Tabs, aQ as TabsLabels, aR as TabsProps, aS as Textarea, aT as TextareaProps, a$ as buttonClasses, b3 as resolvePasswordRevealLabels } from '../kit-labels-CnnBd-2N.js';
3
+ export { B as Button, a as ButtonClassesOptions, b as ButtonLinkProps, c as ButtonProps, d as ButtonSize, e as ButtonTone, f as ButtonVariant, g as Card, h as CardAction, i as CardActionProps, j as CardContent, k as CardContentProps, l as CardDescription, m as CardDescriptionProps, n as CardFooter, o as CardFooterProps, p as CardHeader, q as CardHeaderProps, r as CardProps, s as CardTitle, t as CardTitleProps, u as CardTone, Q as DEFAULT_PASSWORD_REVEAL_LABELS, T as DEFAULT_TABS_LABELS, W as EmptyState, X as EmptyStateProps, Y as FIELD_BASE, Z as FIELD_DISPLAY, _ as FIELD_FLOATING_PAD, $ as FIELD_INVALID, a0 as FIELD_TRIGGER, a1 as FIELD_WRITABLE_LOOK, a2 as FLOATING_INPUT_CLASS, a3 as FLOATING_LABEL_CLASS, a4 as FLOATING_LABEL_STATIC, a5 as FieldChevron, a6 as FieldChevronProps, a7 as FieldHint, a8 as FieldHintProps, a9 as FieldLabel, aa as FieldLabelProps, ai as FloatingField, aj as FloatingFieldProps, aq as IconButton, ar as IconButtonGlyphSize, as as IconButtonLinkProps, at as IconButtonProps, au as IconButtonSize, av as IconButtonTone, aw as IconButtonToneColor, ax as IconButtonVariant, ay as Input, az as InputProps, aC as Label, aE as LabelProps, aG as PHONE_QUERY, aH as PasswordRevealLabels, aJ as Select, aK as SelectProps, aL as Spinner, aM as SpinnerProps, aO as TabItem, aP as Tabs, aQ as TabsLabels, aR as TabsProps, aS as Textarea, aT as TextareaProps, a$ as buttonClasses, b3 as resolvePasswordRevealLabels } from '../kit-labels-BD2F7sOz.js';
4
4
  import '../hooks/use-anchored-rect.js';
5
5
  import '../lib/clipping.js';
6
6
  import './data-table-labels.js';
@@ -31,8 +31,7 @@ import './dialog-frame.js';
31
31
  import './modal.js';
32
32
  import '../hooks/use-search-param-state.js';
33
33
  import './measured-grid.js';
34
- import '../feedback/feedback-attachment.js';
35
- import '../feedback/feedback-dialog.js';
34
+ import '../feedback-attachment-BYAHJMOr.js';
36
35
  import '../feedback/feedback-thread.js';
37
36
  import '../feedback/feedback-inbox.js';
38
37
  import './account-settings-labels.js';
@@ -18,7 +18,7 @@ const buttonVariantClasses = {
18
18
  primary: "border border-[var(--border)] bg-[var(--bg-surface-2)] text-[var(--text-primary)] hover:bg-[var(--border)] focus:ring-[var(--brand)]",
19
19
  secondary: "border border-[var(--border)] bg-transparent text-[var(--text-primary)] hover:bg-[var(--bg-surface-2)] focus:ring-[var(--brand)]",
20
20
  ghost: "bg-transparent text-[var(--text-primary)] hover:bg-[var(--bg-surface-2)] focus:ring-[var(--brand)]",
21
- danger: "bg-[var(--danger)] text-[var(--danger-contrast)] hover:bg-[var(--danger-hover)] focus:ring-[var(--danger-border)]",
21
+ danger: "bg-[var(--danger)] text-[var(--danger-contrast)] hover:bg-[var(--danger-hover)] focus:ring-[var(--danger-border-strong)]",
22
22
  brand: "bg-[var(--brand)] text-[var(--brand-contrast)] hover:bg-[var(--brand-hover)] focus:ring-[var(--brand)]",
23
23
  // A text link that is still a `<button>` — keksdose's six hand-rolled
24
24
  // `<button className="text-brand underline">` sites ("Resend code", "Show all",
@@ -31,12 +31,12 @@ const buttonVariantClasses = {
31
31
  };
32
32
  const BUTTON_TONES = {
33
33
  muted: "text-[var(--text-secondary)] hover:text-[var(--text-primary)] disabled:hover:text-[var(--text-secondary)]",
34
- danger: "text-[var(--text-secondary)] hover:text-[var(--danger)] focus:ring-[var(--danger-border)] disabled:hover:text-[var(--text-secondary)]"
34
+ danger: "text-[var(--text-secondary)] hover:text-[var(--danger)] focus:ring-[var(--danger-border-strong)] disabled:hover:text-[var(--text-secondary)]"
35
35
  };
36
36
  const TONED_VARIANTS = /* @__PURE__ */ new Set(["link", "ghost"]);
37
37
  const BUTTON_BOXED_DANGER = {
38
- secondary: "border-[var(--danger-border)] bg-transparent text-[var(--danger)] hover:bg-[var(--danger-bg)] focus:ring-[var(--danger-border)]",
39
- primary: "border-[var(--danger-border)] bg-[var(--danger-bg)] text-[var(--danger)] hover:border-[var(--danger)] hover:bg-[var(--danger)] hover:text-[var(--danger-contrast)] focus:ring-[var(--danger-border)] disabled:hover:border-[var(--danger-border)] disabled:hover:bg-[var(--danger-bg)] disabled:hover:text-[var(--danger)]"
38
+ secondary: "border-[var(--danger-border)] bg-transparent text-[var(--danger)] hover:bg-[var(--danger-bg)] focus:ring-[var(--danger-border-strong)]",
39
+ primary: "border-[var(--danger-border)] bg-[var(--danger-bg)] text-[var(--danger)] hover:border-[var(--danger)] hover:bg-[var(--danger)] hover:text-[var(--danger-contrast)] focus:ring-[var(--danger-border-strong)] disabled:hover:border-[var(--danger-border)] disabled:hover:bg-[var(--danger-bg)] disabled:hover:text-[var(--danger)]"
40
40
  };
41
41
  const BUTTON_LINK_PRESSED = "font-medium text-[var(--brand)] hover:text-[var(--brand)] disabled:hover:text-[var(--brand)]";
42
42
  function buttonClasses(variant = "primary", classNameOrOptions) {
@@ -237,8 +237,8 @@ const ICON_BUTTON_STRETCH_SIZES = {
237
237
  };
238
238
  const ICON_BUTTON_TONES = {
239
239
  danger: {
240
- quiet: "text-[var(--text-placeholder)] hover:bg-[var(--danger-bg)] hover:text-[var(--danger)] focus:ring-[var(--danger-border)]",
241
- toned: "text-[var(--danger)] hover:bg-[var(--danger-bg)] focus:ring-[var(--danger-border)]"
240
+ quiet: "text-[var(--text-placeholder)] hover:bg-[var(--danger-bg)] hover:text-[var(--danger)] focus:ring-[var(--danger-border-strong)]",
241
+ toned: "text-[var(--danger)] hover:bg-[var(--danger-bg)] focus:ring-[var(--danger-border-strong)]"
242
242
  },
243
243
  warning: {
244
244
  quiet: "text-[var(--text-placeholder)] hover:bg-[var(--warning-bg)] hover:text-[var(--warning)] focus:ring-[var(--warning-border)]",
@@ -541,7 +541,7 @@ function IconButtonElement({
541
541
  const FIELD_BASE = "block w-full rounded-md border border-[var(--border)] bg-[var(--bg-surface)] px-3 py-2 text-sm text-[var(--text-primary)] shadow-sm placeholder:text-[var(--text-placeholder)] focus:border-[var(--brand)] focus:ring-[var(--brand)] disabled:cursor-default disabled:bg-[var(--bg-surface-2)] disabled:text-[var(--text-muted)] [&[readonly]]:bg-[var(--bg-surface-2)] [&[readonly]]:text-[var(--text-muted)]";
542
542
  const FIELD_WRITABLE_LOOK = "[&[readonly]]:bg-[var(--bg-surface)] [&[readonly]]:text-[var(--text-primary)]";
543
543
  const FIELD_FLOATING_PAD = "pt-4 pb-1";
544
- const FIELD_INVALID = "border-[var(--danger-border)] ring-1 ring-[var(--danger-border)] focus:border-[var(--danger)] focus:ring-[var(--danger)]";
544
+ const FIELD_INVALID = "border-[var(--danger-border-strong)] ring-1 ring-[var(--danger-border-strong)] focus:border-[var(--danger)] focus:ring-[var(--danger)]";
545
545
  const FLOATING_INPUT_CLASS = cn(FIELD_BASE, FIELD_FLOATING_PAD, "peer placeholder:text-transparent");
546
546
  const PHONE_QUERY = "(max-width: 767px)";
547
547
  const FIELD_DISPLAY = "block w-full border-x-0 border-t-0 border-b border-[var(--border)] bg-transparent px-0 pt-0 pb-1 text-[var(--text-primary)] shadow-none placeholder:text-[var(--text-placeholder)] focus:border-[var(--brand)] focus:outline-none focus:ring-0 disabled:opacity-60";