@urbicon-ui/blocks 6.1.4

package/dist/style/themes/sunset.css

@@ -0,0 +1,106 @@
+/*
+ * @urbicon-ui/blocks – Sunset Theme
+ *
+ * Warm orange-amber palette for energetic interfaces.
+ * Import AFTER the base styles:
+ *
+ *   @import '@urbicon-ui/blocks/style/index.css';
+ *   @import '@urbicon-ui/blocks/style/themes/sunset.css';
+ */
+
+@theme {
+  --color-primary-50: oklch(0.95 0.04 55);
+  --color-primary-100: oklch(0.9 0.07 55);
+  --color-primary-200: oklch(0.82 0.1 55);
+  --color-primary-300: oklch(0.74 0.12 55);
+  --color-primary-400: oklch(0.68 0.14 55);
+  --color-primary-500: oklch(0.62 0.16 55);
+  --color-primary-600: oklch(0.55 0.15 55);
+  --color-primary-700: oklch(0.47 0.13 55);
+  --color-primary-800: oklch(0.38 0.1 55);
+  --color-primary-900: oklch(0.28 0.07 55);
+  --color-primary-950: oklch(0.18 0.04 55);
+
+  --color-secondary-50: oklch(0.95 0.03 25);
+  --color-secondary-100: oklch(0.9 0.05 25);
+  --color-secondary-200: oklch(0.82 0.08 25);
+  --color-secondary-300: oklch(0.74 0.1 25);
+  --color-secondary-400: oklch(0.66 0.12 25);
+  --color-secondary-500: oklch(0.55 0.12 25);
+  --color-secondary-600: oklch(0.48 0.12 25);
+  --color-secondary-700: oklch(0.4 0.1 25);
+  --color-secondary-800: oklch(0.32 0.08 25);
+  --color-secondary-900: oklch(0.25 0.06 25);
+  --color-secondary-950: oklch(0.18 0.04 25);
+
+  /*
+   * Chassis neutral ramp — re-tinted warm (Hue 50) so surfaces, text and
+   * borders harmonise with the orange accent instead of reading cool grey
+   * (the library default neutral sits at Hue 240). Lightness and chroma
+   * match the foundation ramp one-to-one — only the hue shifts — so WCAG
+   * contrast stays unchanged. surface-*, text-* and border-* pick this up
+   * automatically through semantic.css; no per-token overrides needed.
+   */
+  --color-neutral-25: oklch(0.99 0.002 50);
+  --color-neutral-50: oklch(0.98 0.005 50);
+  --color-neutral-100: oklch(0.95 0.008 50);
+  --color-neutral-200: oklch(0.89 0.012 50);
+  --color-neutral-300: oklch(0.83 0.014 50);
+  --color-neutral-400: oklch(0.7 0.015 50);
+  --color-neutral-500: oklch(0.55 0.016 50);
+  --color-neutral-600: oklch(0.42 0.017 50);
+  --color-neutral-650: oklch(0.38 0.016 50);
+  --color-neutral-700: oklch(0.32 0.016 50);
+  --color-neutral-750: oklch(0.28 0.014 50);
+  --color-neutral-800: oklch(0.23 0.015 50);
+  --color-neutral-850: oklch(0.18 0.014 50);
+  --color-neutral-900: oklch(0.15 0.012 50);
+  --color-neutral-950: oklch(0.08 0.008 50);
+
+  /*
+   * Intent re-tuning — the amber primary (Hue 55) sits close to the default
+   * warning (Hue 80) and danger (Hue 25). Warning is pushed toward a purer
+   * yellow (92) and danger toward a deeper crimson (16) so status colours stay
+   * distinct from the brand. Same L/C profile as the foundation ramps — only
+   * the hue shifts (WCAG-safe). Success (140) and info (220) keep the library
+   * defaults. The derived --color-warning / --color-danger tokens re-resolve
+   * at :root automatically (global @theme), so no re-declaration is needed.
+   */
+  --color-warning-50: oklch(0.95 0.05 92);
+  --color-warning-100: oklch(0.9 0.08 92);
+  --color-warning-200: oklch(0.82 0.1 92);
+  --color-warning-300: oklch(0.74 0.12 92);
+  --color-warning-400: oklch(0.66 0.14 92);
+  --color-warning-500: oklch(0.75 0.15 92);
+  --color-warning-600: oklch(0.65 0.15 92);
+  --color-warning-700: oklch(0.55 0.13 92);
+  --color-warning-800: oklch(0.45 0.11 92);
+  --color-warning-900: oklch(0.25 0.08 92);
+  --color-warning-950: oklch(0.15 0.05 92);
+
+  --color-danger-50: oklch(0.95 0.05 16);
+  --color-danger-100: oklch(0.9 0.08 16);
+  --color-danger-200: oklch(0.82 0.1 16);
+  --color-danger-300: oklch(0.74 0.12 16);
+  --color-danger-400: oklch(0.62 0.16 16);
+  --color-danger-500: oklch(0.5 0.17 16);
+  --color-danger-600: oklch(0.44 0.16 16);
+  --color-danger-700: oklch(0.38 0.14 16);
+  --color-danger-800: oklch(0.3 0.12 16);
+  --color-danger-900: oklch(0.22 0.1 16);
+  --color-danger-950: oklch(0.14 0.07 16);
+}
+
+/*
+ * Warm shadow tint — shifts shadows from pure black to a dark warm brown so
+ * they blend with the warm chassis instead of reading as cool smudges. An
+ * oklch "L C H" triplet WITHOUT alpha (the shadow tokens supply the alpha).
+ * Declared on :root (not @theme) to mirror semantic.css; imported after the
+ * base styles, so it wins the cascade.
+ */
+:root {
+  --blocks-shadow-tint: 0.22 0.03 55;
+  /* Neutral intent (bg-neutral / text-neutral / borders) follows the warm
+     chassis instead of the library-default cool grey. */
+  --neutral-chrome-hue: 50;
+}

package/dist/system/attachments/ClickOutside.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import type { Attachment } from 'svelte/attachments';
+
+  interface Props {
+    children: Snippet;
+    ignore?: Element | Element[];
+    onoutclick?: () => void;
+  }
+
+  let { ignore = [], children, onoutclick = () => {} }: Props = $props();
+
+  function clickOutside(ignore: Element | Element[]): Attachment {
+    return (node: Element) => {
+      const handleClick = (event: MouseEvent) => {
+        if (!node || event.defaultPrevented) return;
+
+        if (node.contains(event.target as Node)) return;
+
+        if (ignore) {
+          const ignoreElements = Array.isArray(ignore) ? ignore : [ignore];
+          const isInsideIgnored = ignoreElements.some(
+            (element: Element) => element && element.contains(event.target as Node)
+          );
+          if (isInsideIgnored) return;
+        }
+
+        node.dispatchEvent(new CustomEvent('outclick'));
+      };
+
+      document.addEventListener('click', handleClick, true);
+
+      return () => {
+        document.removeEventListener('click', handleClick, true);
+      };
+    };
+  }
+</script>
+
+<div {@attach clickOutside(ignore)} {onoutclick}>
+  {@render children()}
+</div>

package/dist/system/attachments/ClickOutside.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    children: Snippet;
+    ignore?: Element | Element[];
+    onoutclick?: () => void;
+}
+declare const ClickOutside: import("svelte").Component<Props, {}, "">;
+type ClickOutside = ReturnType<typeof ClickOutside>;
+export default ClickOutside;

package/dist/system/attachments/ContextIsolation.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { setButtonGroupContext } from '../../primitives/ButtonGroup/buttonGroup.context';
+
+  interface Props {
+    children: Snippet;
+    /**
+     * Which contexts to isolate from parent scope. The string IDs are
+     * mapped to known compound-context setters internally.
+     * @default ['buttonGroup']
+     */
+    isolate?: string[];
+    /**
+     * Reserved for a future, more comprehensive isolation implementation.
+     * Currently behaves identical to the default `isolate` list.
+     * @default false
+     */
+    isolateAll?: boolean;
+  }
+
+  let { children, isolate = ['buttonGroup'] }: Props = $props();
+
+  // Map of supported isolation IDs → context-setter that clears the value.
+  // createContext keys are module-scoped Symbols, so callers can't pass them
+  // directly; this stays string-based to keep the public API stable.
+  const ISOLATIONS: Record<string, () => void> = {
+    buttonGroup: () => setButtonGroupContext(undefined)
+  };
+
+  for (const key of isolate) {
+    ISOLATIONS[key]?.();
+  }
+</script>
+
+{@render children()}

package/dist/system/attachments/ContextIsolation.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    children: Snippet;
+    /**
+     * Which contexts to isolate from parent scope. The string IDs are
+     * mapped to known compound-context setters internally.
+     * @default ['buttonGroup']
+     */
+    isolate?: string[];
+    /**
+     * Reserved for a future, more comprehensive isolation implementation.
+     * Currently behaves identical to the default `isolate` list.
+     * @default false
+     */
+    isolateAll?: boolean;
+}
+declare const ContextIsolation: import("svelte").Component<Props, {}, "">;
+type ContextIsolation = ReturnType<typeof ContextIsolation>;
+export default ContextIsolation;

package/dist/system/attachments/Portal.svelte

@@ -0,0 +1,90 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import type { Attachment } from 'svelte/attachments';
+  import { ClickOutside } from '..';
+  import ContextIsolation from './ContextIsolation.svelte';
+
+  interface Props {
+    children: Snippet;
+    target?: string | HTMLElement;
+    className?: string;
+    disabled?: boolean;
+    clickAway?: boolean;
+    onoutclick?: () => void;
+    ignore?: Element | Element[];
+    onMount?: (element: Element, targetElement: Element) => void;
+    onUnmount?: (element: Element, targetElement: Element) => void;
+    /**
+     * Whether to isolate portal content from parent contexts (like ButtonGroup).
+     * This prevents parent context values from bleeding into portal content.
+     * @default true
+     */
+    isolateContext?: boolean;
+    /**
+     * Specific contexts to isolate from. Only used if isolateContext is true.
+     * @default ['buttonGroup']
+     */
+    isolateContexts?: string[];
+  }
+
+  let {
+    children,
+    target = 'body',
+    className = '',
+    disabled = false,
+    clickAway = true,
+    ignore = [],
+    onoutclick = () => {},
+    onMount,
+    onUnmount,
+    isolateContext = true,
+    isolateContexts = ['buttonGroup']
+  }: Props = $props();
+
+  const portal: Attachment = (node: Element) => {
+    if (disabled) return;
+
+    const targetElement = typeof target === 'string' ? document.querySelector(target) : target;
+
+    if (!targetElement) {
+      console.warn(`Portal target not found: ${target}`);
+      return;
+    }
+
+    if (className) {
+      node.classList.add(...className.split(' '));
+    }
+
+    targetElement.appendChild(node);
+    onMount?.(node, targetElement);
+
+    return () => {
+      onUnmount?.(node, targetElement);
+      if (node.parentNode) {
+        node.parentNode.removeChild(node);
+      }
+    };
+  };
+</script>
+
+{#if !disabled}
+  <div {@attach portal}>
+    {#if isolateContext}
+      <ContextIsolation isolate={isolateContexts}>
+        {#if clickAway}
+          <ClickOutside {ignore} {onoutclick}>
+            {@render children()}
+          </ClickOutside>
+        {:else}
+          {@render children()}
+        {/if}
+      </ContextIsolation>
+    {:else if clickAway}
+      <ClickOutside {ignore} {onoutclick}>
+        {@render children()}
+      </ClickOutside>
+    {:else}
+      {@render children()}
+    {/if}
+  </div>
+{/if}

package/dist/system/attachments/Portal.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    children: Snippet;
+    target?: string | HTMLElement;
+    className?: string;
+    disabled?: boolean;
+    clickAway?: boolean;
+    onoutclick?: () => void;
+    ignore?: Element | Element[];
+    onMount?: (element: Element, targetElement: Element) => void;
+    onUnmount?: (element: Element, targetElement: Element) => void;
+    /**
+     * Whether to isolate portal content from parent contexts (like ButtonGroup).
+     * This prevents parent context values from bleeding into portal content.
+     * @default true
+     */
+    isolateContext?: boolean;
+    /**
+     * Specific contexts to isolate from. Only used if isolateContext is true.
+     * @default ['buttonGroup']
+     */
+    isolateContexts?: string[];
+}
+declare const Portal: import("svelte").Component<Props, {}, "">;
+type Portal = ReturnType<typeof Portal>;
+export default Portal;

package/dist/system/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ClickOutside } from './attachments/ClickOutside.svelte';
+export { default as ContextIsolation } from './attachments/ContextIsolation.svelte';
+export { default as Portal } from './attachments/Portal.svelte';

package/dist/system/index.js

@@ -0,0 +1,3 @@
+export { default as ClickOutside } from './attachments/ClickOutside.svelte';
+export { default as ContextIsolation } from './attachments/ContextIsolation.svelte';
+export { default as Portal } from './attachments/Portal.svelte';

package/dist/translations/de.d.ts

@@ -0,0 +1,169 @@
+declare const _default: {
+    readonly accessibility: {
+        readonly avatar: "Avatar";
+        readonly clearInput: "Eingabe löschen";
+        readonly clearSearch: "Suche löschen";
+        readonly clearSelection: "Auswahl löschen";
+        readonly closeDialog: "Dialog schließen";
+        readonly closeDrawer: "Seitenleiste schließen";
+        readonly dismiss: "Schließen";
+        readonly fileUpload: "Datei-Upload";
+        readonly loading: "Wird geladen";
+        readonly maximum: "Maximum";
+        readonly minimum: "Minimum";
+        readonly pagination: "Seitennavigation";
+        readonly progress: "Fortschritt";
+        readonly slider: "Schieberegler";
+        readonly toggle: "Umschalter";
+        readonly removableBadge: "Entfernbarer Badge";
+        readonly removeBadge: "Badge entfernen";
+        readonly removeFile: "{{name}} entfernen";
+    };
+    readonly button: {
+        readonly close: "Schließen";
+        readonly apply: "Anwenden";
+        readonly cancel: "Abbrechen";
+        readonly confirm: "Bestätigen";
+    };
+    readonly menu: {
+        readonly placeholder: "Option auswählen...";
+    };
+    readonly common: {
+        readonly loading: "Wird geladen...";
+    };
+    readonly languages: {
+        readonly de: "Deutsch";
+        readonly en: "English";
+        readonly es: "Español";
+        readonly fr: "Français";
+        readonly it: "Italiano";
+        readonly nl: "Nederlands";
+    };
+    readonly localeSwitcher: {
+        readonly ariaLabel: "Sprachauswahl";
+        readonly placeholder: "Sprache wählen...";
+    };
+    readonly pagination: {
+        readonly next: "Nächste";
+        readonly first: "Erste";
+        readonly last: "Letzte";
+        readonly page: "Seite";
+        readonly previous: "Vorherige";
+    };
+    readonly calendar: {
+        readonly recurring: "Wiederkehrender Termin";
+        readonly previousMonth: "Vorheriger Monat";
+        readonly nextMonth: "Nächster Monat";
+        readonly previousWeek: "Vorherige Woche";
+        readonly nextWeek: "Nächste Woche";
+        readonly previousDay: "Vorheriger Tag";
+        readonly nextDay: "Nächster Tag";
+        readonly previousYear: "Vorheriges Jahr";
+        readonly nextYear: "Nächstes Jahr";
+        readonly today: "Heute";
+        readonly calendarGrid: "Kalender";
+        readonly weekdays: "Wochentage";
+        readonly weekNumber: "KW";
+        readonly events: "Termine";
+        readonly noEvents: "Keine Termine";
+        readonly showMore: "{{count}} weitere anzeigen";
+        readonly legend: "Legende";
+        readonly yearView: "Jahresübersicht";
+        readonly weekView: "Wochenansicht";
+        readonly dayView: "Tagesansicht";
+        readonly monthView: "Monatsansicht";
+        readonly viewMonth: "Monat";
+        readonly viewYear: "Jahr";
+        readonly viewWeek: "Woche";
+        readonly viewDay: "Tag";
+        readonly multiDayLabel: "Tag {{current}} von {{total}}";
+        readonly agendaView: "Listenansicht";
+        readonly viewAgenda: "Liste";
+        readonly viewSwitcher: "Ansichtsmodus";
+    };
+    readonly planner: {
+        readonly previousWeek: "Vorherige Woche";
+        readonly nextWeek: "Nächste Woche";
+        readonly previousMonth: "Vorheriger Monat";
+        readonly nextMonth: "Nächster Monat";
+        readonly previousRange: "Vorheriger Zeitraum";
+        readonly nextRange: "Nächster Zeitraum";
+        readonly today: "Heute";
+        readonly grid: "Planer";
+        readonly weekNumber: "Kalenderwoche";
+        readonly itemCount: "{{count}} Einträge";
+    };
+    readonly commandPalette: {
+        readonly noResults: "Keine Ergebnisse gefunden.";
+        readonly search: "Suchen...";
+        readonly hints: {
+            readonly navigate: "Navigieren";
+            readonly select: "Auswählen";
+            readonly close: "Schließen";
+        };
+    };
+    readonly compositionBar: {
+        readonly total: "Gesamt";
+        readonly summary: "Komposition: {{total}} ({{count}} Anteile) — {{parts}}";
+        readonly share: "Anteil";
+        readonly value: "Wert";
+        readonly percent: "Prozent";
+        readonly remaining: "verbleibend";
+    };
+    readonly guide: {
+        readonly next: "Weiter";
+        readonly previous: "Zurück";
+        readonly skip: "Tour überspringen";
+        readonly done: "Fertig";
+        readonly step: "Schritt {{current}} von {{total}}";
+        readonly tour: "Geführte Tour";
+        readonly close: "Schließen";
+        readonly openHelp: "Hilfe";
+        readonly backToList: "Alle Themen";
+        readonly info: "Mehr Informationen";
+        readonly infoAbout: "Mehr Informationen zu {{label}}";
+        readonly dismiss: "Hinweis ausblenden";
+        readonly startTour: "Geführte Tour starten";
+        readonly actionRequired: "Führe die markierte Aktion aus, um fortzufahren";
+    };
+    readonly datepicker: {
+        readonly placeholder: "Datum wählen...";
+        readonly rangePlaceholder: "Zeitraum wählen...";
+        readonly clear: "Auswahl löschen";
+        readonly openCalendar: "Kalender öffnen";
+        readonly invalidDate: "Ungültiges Datum";
+        readonly outOfRange: "Datum liegt außerhalb des zulässigen Bereichs";
+        readonly invalidRange: "Ungültiger Zeitraum";
+    };
+    readonly fileUpload: {
+        readonly exists: "Datei bereits hinzugefügt";
+        readonly invalidType: "Dateityp {{type}} ist nicht erlaubt";
+        readonly tooLarge: "Datei überschreitet das Limit von {{size}}";
+        readonly tooMany: "Maximal {{count}} Dateien erlaubt";
+        readonly tooSmall: "Datei muss mindestens {{size}} groß sein";
+    };
+    readonly sankey: {
+        readonly summary: "Sankey-Diagramm: {{nodes}} Knoten, {{links}} Verbindungen — {{flows}}";
+        readonly source: "Quelle";
+        readonly target: "Ziel";
+        readonly value: "Wert";
+    };
+    readonly slider: {
+        readonly rangeStatus: {
+            readonly insideRecommended: "Im empfohlenen Bereich";
+            readonly insideValid: "Im erlaubten Bereich";
+            readonly insideValidOnly: "Außerhalb der Empfehlung, aber zulässig";
+            readonly outsideValid: "Außerhalb des erlaubten Bereichs";
+        };
+    };
+    readonly themeSwitcher: {
+        readonly lightMode: "Heller Modus";
+        readonly darkMode: "Dunkler Modus";
+        readonly systemTheme: "Systemdesign";
+    };
+    readonly time: {
+        readonly ago: "vor {{value}} {{unit}}";
+        readonly now: "jetzt";
+    };
+};
+export default _default;

package/dist/translations/de.js

@@ -0,0 +1,168 @@
+export default {
+    accessibility: {
+        avatar: 'Avatar',
+        clearInput: 'Eingabe löschen',
+        clearSearch: 'Suche löschen',
+        clearSelection: 'Auswahl löschen',
+        closeDialog: 'Dialog schließen',
+        closeDrawer: 'Seitenleiste schließen',
+        dismiss: 'Schließen',
+        fileUpload: 'Datei-Upload',
+        loading: 'Wird geladen',
+        maximum: 'Maximum',
+        minimum: 'Minimum',
+        pagination: 'Seitennavigation',
+        progress: 'Fortschritt',
+        slider: 'Schieberegler',
+        toggle: 'Umschalter',
+        removableBadge: 'Entfernbarer Badge',
+        removeBadge: 'Badge entfernen',
+        removeFile: '{{name}} entfernen'
+    },
+    button: {
+        close: 'Schließen',
+        apply: 'Anwenden',
+        cancel: 'Abbrechen',
+        confirm: 'Bestätigen'
+    },
+    menu: {
+        placeholder: 'Option auswählen...'
+    },
+    common: {
+        loading: 'Wird geladen...'
+    },
+    languages: {
+        de: 'Deutsch',
+        en: 'English',
+        es: 'Español',
+        fr: 'Français',
+        it: 'Italiano',
+        nl: 'Nederlands'
+    },
+    localeSwitcher: {
+        ariaLabel: 'Sprachauswahl',
+        placeholder: 'Sprache wählen...'
+    },
+    pagination: {
+        next: 'Nächste',
+        first: 'Erste',
+        last: 'Letzte',
+        page: 'Seite',
+        previous: 'Vorherige'
+    },
+    calendar: {
+        recurring: 'Wiederkehrender Termin',
+        previousMonth: 'Vorheriger Monat',
+        nextMonth: 'Nächster Monat',
+        previousWeek: 'Vorherige Woche',
+        nextWeek: 'Nächste Woche',
+        previousDay: 'Vorheriger Tag',
+        nextDay: 'Nächster Tag',
+        previousYear: 'Vorheriges Jahr',
+        nextYear: 'Nächstes Jahr',
+        today: 'Heute',
+        calendarGrid: 'Kalender',
+        weekdays: 'Wochentage',
+        weekNumber: 'KW',
+        events: 'Termine',
+        noEvents: 'Keine Termine',
+        showMore: '{{count}} weitere anzeigen',
+        legend: 'Legende',
+        yearView: 'Jahresübersicht',
+        weekView: 'Wochenansicht',
+        dayView: 'Tagesansicht',
+        monthView: 'Monatsansicht',
+        viewMonth: 'Monat',
+        viewYear: 'Jahr',
+        viewWeek: 'Woche',
+        viewDay: 'Tag',
+        multiDayLabel: 'Tag {{current}} von {{total}}',
+        agendaView: 'Listenansicht',
+        viewAgenda: 'Liste',
+        viewSwitcher: 'Ansichtsmodus'
+    },
+    planner: {
+        previousWeek: 'Vorherige Woche',
+        nextWeek: 'Nächste Woche',
+        previousMonth: 'Vorheriger Monat',
+        nextMonth: 'Nächster Monat',
+        previousRange: 'Vorheriger Zeitraum',
+        nextRange: 'Nächster Zeitraum',
+        today: 'Heute',
+        grid: 'Planer',
+        weekNumber: 'Kalenderwoche',
+        itemCount: '{{count}} Einträge'
+    },
+    commandPalette: {
+        noResults: 'Keine Ergebnisse gefunden.',
+        search: 'Suchen...',
+        hints: {
+            navigate: 'Navigieren',
+            select: 'Auswählen',
+            close: 'Schließen'
+        }
+    },
+    compositionBar: {
+        total: 'Gesamt',
+        summary: 'Komposition: {{total}} ({{count}} Anteile) — {{parts}}',
+        share: 'Anteil',
+        value: 'Wert',
+        percent: 'Prozent',
+        remaining: 'verbleibend'
+    },
+    guide: {
+        next: 'Weiter',
+        previous: 'Zurück',
+        skip: 'Tour überspringen',
+        done: 'Fertig',
+        step: 'Schritt {{current}} von {{total}}',
+        tour: 'Geführte Tour',
+        close: 'Schließen',
+        openHelp: 'Hilfe',
+        backToList: 'Alle Themen',
+        info: 'Mehr Informationen',
+        infoAbout: 'Mehr Informationen zu {{label}}',
+        dismiss: 'Hinweis ausblenden',
+        startTour: 'Geführte Tour starten',
+        actionRequired: 'Führe die markierte Aktion aus, um fortzufahren'
+    },
+    datepicker: {
+        placeholder: 'Datum wählen...',
+        rangePlaceholder: 'Zeitraum wählen...',
+        clear: 'Auswahl löschen',
+        openCalendar: 'Kalender öffnen',
+        invalidDate: 'Ungültiges Datum',
+        outOfRange: 'Datum liegt außerhalb des zulässigen Bereichs',
+        invalidRange: 'Ungültiger Zeitraum'
+    },
+    fileUpload: {
+        exists: 'Datei bereits hinzugefügt',
+        invalidType: 'Dateityp {{type}} ist nicht erlaubt',
+        tooLarge: 'Datei überschreitet das Limit von {{size}}',
+        tooMany: 'Maximal {{count}} Dateien erlaubt',
+        tooSmall: 'Datei muss mindestens {{size}} groß sein'
+    },
+    sankey: {
+        summary: 'Sankey-Diagramm: {{nodes}} Knoten, {{links}} Verbindungen — {{flows}}',
+        source: 'Quelle',
+        target: 'Ziel',
+        value: 'Wert'
+    },
+    slider: {
+        rangeStatus: {
+            insideRecommended: 'Im empfohlenen Bereich',
+            insideValid: 'Im erlaubten Bereich',
+            insideValidOnly: 'Außerhalb der Empfehlung, aber zulässig',
+            outsideValid: 'Außerhalb des erlaubten Bereichs'
+        }
+    },
+    themeSwitcher: {
+        lightMode: 'Heller Modus',
+        darkMode: 'Dunkler Modus',
+        systemTheme: 'Systemdesign'
+    },
+    time: {
+        ago: 'vor {{value}} {{unit}}',
+        now: 'jetzt'
+    }
+};