eidotter 0.35.0 → 0.36.0

package/dist/components/ChecklistRow/components/ChecklistRow.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+export interface ChecklistRowProps {
+    /** Whether the item is checked. */
+    checked: boolean;
+    /** Toggle handler. */
+    onToggle: () => void;
+    /** Disable the toggle. */
+    disabled?: boolean;
+    /** Dim the row while a mutation is in flight. */
+    pending?: boolean;
+    /** Accessible label for the toggle (overrides the default). */
+    ariaLabel?: string;
+    /**
+     * Label colour. `muted` strikes through + dims (completed items). Routes
+     * through `text-dos-*` semantic roles, AA-safe under amber-mono.
+     * @default 'default'
+     */
+    labelTone?: 'default' | 'muted' | 'error';
+    /** Primary label content (toned). Optional — omit and use `children` for free body content. */
+    label?: React.ReactNode;
+    /** Free body content rendered below the label (alternative/addition to `label`). */
+    children?: React.ReactNode;
+    /** Optional secondary note rendered under the label. */
+    note?: React.ReactNode;
+    /** Optional content above the label (e.g. a badge row). */
+    leading?: React.ReactNode;
+    /** Optional trailing content (e.g. an action), right-aligned. */
+    trailing?: React.ReactNode;
+    /** Additional CSS class name. */
+    className?: string;
+}
+/**
+ * DOS-styled checklist row — a `[x]`/`[ ]` toggle plus label, optional note,
+ * and leading/trailing slots. Ported from Steuerdash (DMNC-856).
+ *
+ * The toggle is a real `<button>` (keyboard + screen-reader operable); the
+ * `[x]`/`[ ]` glyph is the DOS checkbox aesthetic. Tones and the note route
+ * through `text-dos-*` semantic roles (not raw `cga-*`) so the row re-themes.
+ */
+export declare const ChecklistRow: React.FC<ChecklistRowProps>;

package/dist/components/ChecklistRow/components/index.d.ts

@@ -0,0 +1,2 @@
+export { ChecklistRow } from './ChecklistRow';
+export type { ChecklistRowProps } from './ChecklistRow';

package/dist/components/ChecklistRow/index.d.ts

@@ -0,0 +1,2 @@
+export { ChecklistRow } from './components';
+export type { ChecklistRowProps } from './components';

package/dist/components/CopyButton/components/CopyButton.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface CopyButtonProps {
+    /** Text to copy to the clipboard. */
+    value: string;
+    /** Resting label (DOS aesthetic). @default '[cp]' */
+    label?: string;
+    /** Label shown briefly after a successful copy. @default '[OK]' */
+    copiedLabel?: string;
+    /** Accessible name + tooltip in the resting state. @default 'Copy to clipboard' */
+    title?: string;
+    /** Accessible name + tooltip after copying. @default 'Copied!' */
+    copiedTitle?: string;
+    /** Additional CSS class name. */
+    className?: string;
+}
+/**
+ * DOS-styled copy-to-clipboard button — shows `[cp]`, flips to `[OK]` for ~1.5s
+ * after a successful copy. Uses the async Clipboard API with a `execCommand`
+ * fallback. Ported from Steuerdash (DMNC-858); English default labels (was
+ * German) and `text-dos-link` semantic roles.
+ */
+export declare const CopyButton: React.FC<CopyButtonProps>;

package/dist/components/CopyButton/components/index.d.ts

@@ -0,0 +1,2 @@
+export { CopyButton } from './CopyButton';
+export type { CopyButtonProps } from './CopyButton';

package/dist/components/CopyButton/index.d.ts

@@ -0,0 +1,2 @@
+export { CopyButton } from './components';
+export type { CopyButtonProps } from './components';

package/dist/components/LabeledProgress/components/LabeledProgress.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './LabeledProgress.css';
+export interface LabeledProgressProps {
+    /** Optional leading label rendered before the bar. */
+    label?: React.ReactNode;
+    /** Current value. */
+    value: number;
+    /** Maximum value. @default 100 */
+    max?: number;
+    /** Suffix appended to the trailing value (e.g. '%', ' EUR', '/24'). @default '%' */
+    valueSuffix?: string;
+    /** Show the trailing value. @default true */
+    showValue?: boolean;
+    /** Accessible label (falls back to a string `label`, else the percentage). */
+    'aria-label'?: string;
+    /** Additional CSS class name. */
+    className?: string;
+}
+/**
+ * DOS-styled labelled progress bar — optional leading label, a width-accurate
+ * amber fill, and a trailing value with a custom suffix (DMNC-861).
+ *
+ * A standalone div-bar (not the block-fill `<Progress>`): `<Progress>`'s
+ * monospace `█`/`░` fill renders wider than the track in some fonts, so a
+ * solid-fill bar is width-accurate. The fill animates via `transform: scaleX`
+ * (compositor-only; reduced-motion disables it).
+ */
+export declare const LabeledProgress: React.FC<LabeledProgressProps>;

package/dist/components/LabeledProgress/components/index.d.ts

@@ -0,0 +1,2 @@
+export { LabeledProgress } from './LabeledProgress';
+export type { LabeledProgressProps } from './LabeledProgress';

package/dist/components/LabeledProgress/index.d.ts

@@ -0,0 +1,2 @@
+export { LabeledProgress } from './components';
+export type { LabeledProgressProps } from './components';

package/dist/components/LedgerRow/components/LedgerRow.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export interface LedgerRowProps {
+    /** Primary label (left side). */
+    label: React.ReactNode;
+    /** Optional secondary note under the label. */
+    note?: React.ReactNode;
+    /**
+     * Right-aligned value. Pass a **pre-formatted** string or node — the consumer
+     * owns currency/locale formatting (the DS stays locale-agnostic). Rendered
+     * with the accent colour + `tabular-nums` for column alignment.
+     */
+    value: React.ReactNode;
+    /** When set, renders a {@link CopyButton} that copies this raw string. */
+    copyValue?: string;
+    /** Optional trailing content (badges, links, toggles) right of the value. */
+    trailing?: React.ReactNode;
+    /** Dim the row while a mutation is in flight. */
+    pending?: boolean;
+    /** Additional CSS class name. */
+    className?: string;
+}
+/**
+ * DOS-styled ledger row — a label/note on the left and a right-aligned value
+ * with optional copy + trailing slot. A generic value-row primitive.
+ *
+ * Generalised from Steuerdash's money-specific LedgerRow (DMNC-857): currency
+ * formatting, Paperless links, and verify/shared badges are intentionally NOT
+ * built in — pass a pre-formatted `value`, a raw `copyValue` for the copy
+ * affordance, and compose domain chrome via `trailing`. Routes through
+ * `text-dos-*` semantic roles so it re-themes.
+ */
+export declare const LedgerRow: React.FC<LedgerRowProps>;

package/dist/components/LedgerRow/components/index.d.ts

@@ -0,0 +1,2 @@
+export { LedgerRow } from './LedgerRow';
+export type { LedgerRowProps } from './LedgerRow';

package/dist/components/LedgerRow/index.d.ts

@@ -0,0 +1,2 @@
+export { LedgerRow } from './components';
+export type { LedgerRowProps } from './components';

package/dist/components/Select/components/Select.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export interface SelectProps {
+    /** Currently selected value (controlled). */
+    value: string;
+    /** Options to render. */
+    options: SelectOption[];
+    /** Fired with the new value on change. */
+    onChange: (value: string) => void;
+    /** Optional id for label association. */
+    id?: string;
+    /** Accessible label when there is no visible `<label>`. */
+    'aria-label'?: string;
+    /** Disable the control. */
+    disabled?: boolean;
+    /** Additional CSS class name. */
+    className?: string;
+}
+/**
+ * DOS-styled select — MVP wrapper around a native `<select>` (DMNC-860).
+ * Ported from Steuerdash.
+ *
+ * Font-size is set via inline style, not a `text-dos-*` class: Tailwind v4's
+ * Preflight form reset (`select { font-size: 100% }`) outranks utility classes
+ * on a native `<select>`, so the inline style is the reliable escape hatch
+ * (token-driven). Upstream component fix tracked at eidotter#349.
+ */
+export declare const Select: React.FC<SelectProps>;

package/dist/components/Select/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './components';
+export type { SelectProps, SelectOption } from './components';