ds-one 0.2.0-alpha.3 → 0.2.5-alpha.2

package/DS1/3-unit/row-v1.ts

@@ -0,0 +1,52 @@
+import { LitElement, html, css } from "lit";
+
+declare global {
+  interface CustomElementRegistry {
+    define(name: string, constructor: typeof LitElement): void;
+  }
+  var customElements: CustomElementRegistry;
+}
+
+export class Row extends LitElement {
+  static properties = {
+    type: { type: String, reflect: true },
+  };
+
+  declare type: "fill" | "centered";
+
+  constructor() {
+    super();
+    this.type = "fill";
+  }
+
+  static styles = css`
+    :host {
+      display: flex;
+      align-items: end;
+      width: calc(240px * var(--scaling-factor));
+    }
+
+    :host([type="fill"]) {
+      justify-content: space-between;
+      height: calc(var(--1) * var(--scaling-factor));
+    }
+
+    :host([type="centered"]) {
+      justify-content: center;
+      height: calc(var(--1) * var(--scaling-factor));
+      gap: calc(var(--025) * var(--scaling-factor));
+    }
+  `;
+
+  render() {
+    return html`<slot></slot>`;
+  }
+}
+
+customElements.define("row-v1", Row);
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "row-v1": Row;
+  }
+}

package/DS1/3-unit/{ds-singlenav.ts → singlenav-v1.ts}

@@ -3,7 +3,7 @@ import { LitElement, html, css } from "lit";
 /**
  * A component for single navigation links
  *
- * @element ds-singlenav
+ * @element singlenav-v1
  * @prop {string} type - Type of navigation: "projects" or "work"
  * @prop {string} to - Optional custom destination URL
  */
@@ -48,7 +48,7 @@ export class SingleNav extends LitElement {
     return html`
       <a href="${href}">
         <ds-text key="${navConfig.key}"></ds-text>
-        <ds-icon type="right"></ds-icon>
+        <icon-v1 type="right"></icon-v1>
       </a>
     `;
   }
@@ -69,11 +69,10 @@ export class SingleNav extends LitElement {
   }
 }
 
-customElements.define("ds-singlenav", SingleNav);
+customElements.define("singlenav-v1", SingleNav);
 
 declare global {
   interface HTMLElementTagNameMap {
-    "ds-singlenav": SingleNav;
+    "singlenav-v1": SingleNav;
   }
 }
-

package/DS1/4-page/ds-grid.ts

@@ -2,7 +2,7 @@
 // Simple grid layout component
 
 import { LitElement, html, css } from "lit";
-import { detectMobileDevice } from "../0-face/2025-04-23-device";
+import { detectMobileDevice } from "../0-face/device";
 
 declare global {
   interface CustomElementRegistry {

package/DS1/index.ts

@@ -1,50 +1,52 @@
-// DS one - Main entry point for all components
-// Export all components for easy importing
+/**
+ * DS one - Main entry point for all components
+ *
+ * This module initializes core utilities and exports all design system components
+ * organized by layer: 0-face (foundation), 2-core (components), 3-unit (composites), 4-page (layouts)
+ */
+
+// ============================================================================
+// Initialization (side-effect imports)
+// ============================================================================
 
 // Initialize device detection (will auto-detect and log on load)
-import "./0-face/2025-04-23-device";
+import "./0-face/device";
+
+// Initialize language utilities (will auto-load external translations if available)
+import "./0-face/i18n";
+
+// ============================================================================
+// 0-face: Foundation & Utilities
+// ============================================================================
+
+export * from "./0-face/device";
+export * from "./0-face/i18n";
+export * from "./0-face/preferences";
+export * from "./0-face/pricing";
+export * from "./0-face/theme";
 
-// Initialize CDN loader (will auto-load external translations if available)
-import "./utils/cdn-loader";
+// ============================================================================
+// 2-core: Core Components
+// ============================================================================
 
-// Core components
 export * from "./2-core/ds-button";
-export * from "./2-core/ds-text";
-export * from "./2-core/ds-icon";
-export * from "./2-core/ds-link";
 export * from "./2-core/ds-cycle";
+export * from "./2-core/ds-icon";
+export * from "./2-core/ds-text";
 export * from "./2-core/ds-tooltip";
-export * from "./2-core/ds-price";
-export * from "./2-core/ds-markdown";
-export * from "./2-core/ds-home";
-export * from "./2-core/ds-year";
-export * from "./2-core/ds-title";
-export * from "./2-core/ds-header";
-export * from "./2-core/ds-attributes";
-export * from "./2-core/ds-downloadcv";
-export * from "./2-core/ds-article";
-export * from "./2-core/ds-viewtoggle";
-export * from "./2-core/ds-squarecircle";
-
-// Unit components
+export * from "./2-core/ds-date";
+
+// ============================================================================
+// 3-unit: Composite Components
+// ============================================================================
+
 export * from "./3-unit/ds-list";
-export * from "./3-unit/ds-panel";
 export * from "./3-unit/ds-row";
-export * from "./3-unit/ds-singlenav";
-export * from "./3-unit/ds-doublenav";
 export * from "./3-unit/ds-table";
 
-// Page components
+// ============================================================================
+// 4-page: Layout Components
+// ============================================================================
+
 export * from "./4-page/ds-grid";
 export * from "./4-page/ds-layout";
-
-// Utilities
-export * from "./utils/language";
-export * from "./utils/theme";
-export * from "./utils/viewMode";
-export * from "./utils/settings";
-export * from "./utils/pricing";
-export * from "./utils/scroll";
-
-// Device detection
-export * from "./0-face/2025-04-23-device";

package/dist/0-face/{2025-04-23-device.d.ts → device.d.ts}

@@ -22,4 +22,4 @@ export declare function getDeviceInfo(): DeviceInfo;
  * Initialize device detection and log to console
  */
 export declare function initDeviceDetection(): DeviceInfo;
-//# sourceMappingURL=2025-04-23-device.d.ts.map
+//# sourceMappingURL=device.d.ts.map

package/dist/0-face/device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../DS1/0-face/device.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CA0B5C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,UAAU,CA6B1C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,UAAU,CA8ChD"}

package/dist/{utils/language.d.ts → 0-face/i18n.d.ts}

@@ -26,4 +26,4 @@ export declare function getAvailableLanguagesSync(): LanguageCode[];
 export declare function loadTranslations(language: LanguageCode, translations: TranslationData): void;
 export declare function setLanguage(language: LanguageCode): void;
 export {};
-//# sourceMappingURL=language.d.ts.map
+//# sourceMappingURL=i18n.d.ts.map

package/dist/0-face/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../DS1/0-face/i18n.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAGlC,KAAK,eAAe,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAyDF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;QACtD,wBAAwB,CAAC,EAAE,MAAM,CAAC;KACnC;CACF;AAkSD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,YAAY,EAClB,OAAO,GAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,GAChC,MAAM,CA6CR;AAwDD,wBAAgB,kBAAkB,IAAI,YAAY,CAwBjD;AAWD,eAAO,MAAM,eAAe;;gBAGL,YAAY;CAWlC,CAAC;AAyDF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAe7C;AAED,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,QAAQ,GAAE,YAAoC,GAC7C,OAAO,CAmBT;AAGD,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE3C;AAGD,wBAAsB,aAAa,CACjC,GAAG,EAAE,MAAM,EACX,QAAQ,GAAE,YAAoC,GAC7C,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAoBxB;AAGD,wBAAgB,aAAa,CAC3B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,QAAQ,GAAE,YAAoC,GAC7C,IAAI,CAKN;AAUD,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC,CAS/D;AAGD,wBAAgB,yBAAyB,IAAI,YAAY,EAAE,CAO1D;AAGD,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,eAAe,GAC5B,IAAI,CAON;AAGD,wBAAgB,WAAW,CAAC,QAAQ,EAAE,YAAY,GAAG,IAAI,CAgBxD"}

package/dist/{utils/language.js → 0-face/i18n.js}

@@ -1,5 +1,6 @@
-// Import the JSON directly to ensure it's bundled
-import translationKeys from "./keys.json";
+// Bundled translations (keys.json may not exist - will use external translations if not available)
+// This is a fallback for when external translations aren't loaded
+let translationKeys = {};
 // Primary language list – prioritise the 10 requested languages when cycling
 const LANGUAGE_PRIORITY_ORDER = [
     "da",
@@ -42,6 +43,131 @@ const FALLBACK_LANGUAGE_NAMES = {
 };
 const DISPLAY_NAME_CACHE = new Map();
 let displayNameFallbackWarningShown = false;
+// CDN Loader: Automatically detects and loads translation JSON files
+// for CDN users who want to use external translations
+const DEFAULT_TRANSLATION_FILE = "./translations.json";
+let loadAttempted = false;
+function normalizeCandidate(path) {
+    if (!path) {
+        return null;
+    }
+    const trimmed = path.trim();
+    if (!trimmed) {
+        return null;
+    }
+    if (trimmed.startsWith("./") ||
+        trimmed.startsWith("../") ||
+        trimmed.startsWith("/") ||
+        /^https?:\/\//i.test(trimmed)) {
+        return trimmed;
+    }
+    return `./${trimmed}`;
+}
+function findAttributeCandidate() {
+    if (typeof document === "undefined") {
+        return null;
+    }
+    const scriptWithAttribute = document.querySelector("script[data-ds-one-translations]");
+    const scriptCandidate = scriptWithAttribute?.getAttribute("data-ds-one-translations");
+    if (scriptCandidate) {
+        return scriptCandidate;
+    }
+    const metaCandidate = document
+        .querySelector('meta[name="ds-one:translations"]')
+        ?.getAttribute("content");
+    if (metaCandidate) {
+        return metaCandidate;
+    }
+    const linkCandidate = document
+        .querySelector('link[rel="ds-one-translations"]')
+        ?.getAttribute("href");
+    if (linkCandidate) {
+        return linkCandidate;
+    }
+    return null;
+}
+function resolveTranslationSources() {
+    const candidates = [];
+    const windowCandidate = typeof window !== "undefined" ? window.DS_ONE_TRANSLATIONS_FILE : null;
+    const attributeCandidate = findAttributeCandidate();
+    // Only use explicitly configured paths, or the single default
+    const windowNormalized = normalizeCandidate(windowCandidate ?? "");
+    if (windowNormalized) {
+        candidates.push(windowNormalized);
+    }
+    const attrNormalized = normalizeCandidate(attributeCandidate ?? "");
+    if (attrNormalized && !candidates.includes(attrNormalized)) {
+        candidates.push(attrNormalized);
+    }
+    // Only try default if no explicit path was configured
+    if (candidates.length === 0) {
+        candidates.push(DEFAULT_TRANSLATION_FILE);
+    }
+    return candidates;
+}
+function validateTranslationMap(candidate) {
+    if (!candidate || typeof candidate !== "object") {
+        return false;
+    }
+    return Object.values(candidate).every((entry) => entry && typeof entry === "object");
+}
+async function fetchTranslationFile(source) {
+    try {
+        const response = await fetch(source);
+        if (!response.ok) {
+            // 404 is expected if no translations file exists - don't log as error
+            return null;
+        }
+        const translations = await response.json();
+        if (!validateTranslationMap(translations)) {
+            console.warn(`[DS one] Invalid translation format in ${source}. Expected object with language codes as keys.`);
+            return null;
+        }
+        const languages = Object.keys(translations);
+        if (languages.length === 0) {
+            console.warn(`[DS one] No languages found in ${source}`);
+            return null;
+        }
+        return translations;
+    }
+    catch {
+        // Silently fail - file likely doesn't exist or isn't valid JSON
+        return null;
+    }
+}
+/**
+ * Attempts to load translations from a JSON file in the same directory
+ */
+async function loadExternalTranslations() {
+    // Only attempt once
+    if (loadAttempted) {
+        return false;
+    }
+    loadAttempted = true;
+    if (typeof window === "undefined") {
+        return false;
+    }
+    // Check if translations are already loaded (e.g., by the application)
+    if (window.DS_ONE_TRANSLATIONS &&
+        Object.keys(window.DS_ONE_TRANSLATIONS).length > 0) {
+        console.log(`[DS one] Translations already loaded (${Object.keys(window.DS_ONE_TRANSLATIONS).length} languages), skipping auto-load`);
+        return true;
+    }
+    const sources = resolveTranslationSources();
+    for (const source of sources) {
+        const translations = await fetchTranslationFile(source);
+        if (!translations) {
+            continue;
+        }
+        window.DS_ONE_TRANSLATIONS = translations;
+        const languages = Object.keys(translations);
+        console.log(`[DS one] External translations loaded from ${source}: ${languages.length} language(s) – ${languages.join(", ")}`);
+        window.dispatchEvent(new CustomEvent("translations-ready"));
+        return true;
+    }
+    console.info(`[DS one] No external translations found at ${sources[0] ?? DEFAULT_TRANSLATION_FILE}. Using bundled translations.`);
+    return false;
+}
 // Get translation data - prioritize external, fall back to bundled
 function getTranslationData() {
     // Check for externally loaded translations first (CDN usage)
@@ -245,6 +371,19 @@ export const currentLanguage = {
         }));
     },
 };
+// Auto-load translations when this module is imported (for CDN bundle)
+if (typeof window !== "undefined") {
+    // Wait a bit to ensure the DOM is ready
+    if (document.readyState === "loading") {
+        document.addEventListener("DOMContentLoaded", () => {
+            loadExternalTranslations();
+        });
+    }
+    else {
+        // DOM is already ready
+        loadExternalTranslations();
+    }
+}
 // Listen for external translations being loaded
 if (typeof window !== "undefined") {
     window.addEventListener("translations-ready", () => {

package/dist/0-face/preferences.d.ts

@@ -0,0 +1,9 @@
+import type { LanguageCode } from "./i18n";
+import type { ThemeType } from "./theme";
+export type Preferences = {
+    language?: LanguageCode;
+    theme?: ThemeType;
+    [key: string]: unknown;
+};
+export declare function savePreferences(preferences: Preferences): void;
+//# sourceMappingURL=preferences.d.ts.map

package/dist/0-face/preferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences.d.ts","sourceRoot":"","sources":["../../DS1/0-face/preferences.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,eAAe,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,CAa9D"}

package/dist/0-face/preferences.js

@@ -0,0 +1,14 @@
+export function savePreferences(preferences) {
+    if (typeof window === "undefined") {
+        return;
+    }
+    try {
+        const raw = window.localStorage?.getItem("ds-one:preferences");
+        const existing = raw ? JSON.parse(raw) : {};
+        const next = { ...existing, ...preferences };
+        window.localStorage?.setItem("ds-one:preferences", JSON.stringify(next));
+    }
+    catch (error) {
+        console.warn("ds-one: unable to persist preferences", error);
+    }
+}

package/dist/0-face/pricing.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Currency label utilities for regional price display
+ *
+ * Note: This module provides currency symbols/labels based on language and region.
+ * Consider moving this functionality into i18n.ts as it's region/locale-related.
+ * Actual price values will be stored in a database or managed via Stripe.
+ */
+import type { LanguageCode } from "./i18n";
+type PriceLabelOptions = {
+    language: LanguageCode;
+    country?: string;
+};
+export declare function getPriceLabel(options: PriceLabelOptions): string;
+export {};
+//# sourceMappingURL=pricing.d.ts.map

package/dist/0-face/pricing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing.d.ts","sourceRoot":"","sources":["../../DS1/0-face/pricing.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAgBF,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CA2BhE"}

package/dist/0-face/pricing.js

@@ -0,0 +1,46 @@
+/**
+ * Currency label utilities for regional price display
+ *
+ * Note: This module provides currency symbols/labels based on language and region.
+ * Consider moving this functionality into i18n.ts as it's region/locale-related.
+ * Actual price values will be stored in a database or managed via Stripe.
+ */
+// Simple price label mapping based on language/country
+const PRICE_LABELS = {
+    da: "kr.",
+    nb: "kr.",
+    sv: "kr.",
+    de: "€",
+    en: "$",
+    pt: "€",
+    es: "€",
+    zh: "¥",
+    ja: "¥",
+    ko: "₩",
+};
+export function getPriceLabel(options) {
+    const { language, country } = options;
+    // If country is provided, try to map it to a currency
+    if (country) {
+        const countryUpper = country.toUpperCase();
+        // Add country-specific mappings if needed
+        if (countryUpper === "US" || countryUpper === "USA") {
+            return "$";
+        }
+        if (countryUpper === "GB" || countryUpper === "UK") {
+            return "£";
+        }
+        if (countryUpper === "JP" || countryUpper === "JPN") {
+            return "¥";
+        }
+        if (countryUpper === "CN" || countryUpper === "CHN") {
+            return "¥";
+        }
+        if (countryUpper === "KR" || countryUpper === "KOR") {
+            return "₩";
+        }
+    }
+    // Fall back to language-based mapping
+    const primaryLang = language.toLowerCase().split(/[-_]/)[0];
+    return PRICE_LABELS[primaryLang] || "$";
+}

package/dist/0-face/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../DS1/0-face/theme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAiBzC,eAAO,MAAM,YAAY,qDAAuC,CAAC;AAEjE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAwB/C"}

package/dist/2-core/ds-button.js

@@ -1,7 +1,7 @@
 // ds-button.ts
 // Core button component
 import { LitElement, html, css } from "lit";
-import { getText } from "../utils/language";
+import { getText } from "../0-face/i18n";
 export class Button extends LitElement {
     constructor() {
         super();

package/dist/2-core/ds-cycle.js

@@ -1,7 +1,7 @@
 import { LitElement, html, css } from "lit";
-import { translate, currentLanguage, getAvailableLanguagesSync, getLanguageDisplayName, setLanguage, } from "../utils/language";
-import { currentTheme, setTheme } from "../utils/theme";
-import { saveSettings } from "../utils/settings";
+import { translate, currentLanguage, getAvailableLanguagesSync, getLanguageDisplayName, setLanguage, } from "../0-face/i18n";
+import { currentTheme, setTheme } from "../0-face/theme";
+import { savePreferences } from "../0-face/preferences";
 import "./ds-button";
 import "./ds-icon";
 // Accent color utilities
@@ -248,8 +248,8 @@ export class Cycle extends LitElement {
             else {
                 setLanguage(newLanguage);
             }
-            // Save settings
-            saveSettings({ language: newLanguage });
+            // Save preferences
+            savePreferences({ language: newLanguage });
             // Dispatch language change event
             window.dispatchEvent(new CustomEvent("language-changed", {
                 detail: { language: newLanguage },
@@ -264,8 +264,8 @@ export class Cycle extends LitElement {
             this.currentValue = newTheme;
             // Set the new theme using the shared helper
             setTheme(newTheme);
-            // Save settings
-            saveSettings({ theme: newTheme });
+            // Save preferences
+            savePreferences({ theme: newTheme });
             // Theme helper already emits the change event, so no manual dispatch here
         }
         else if (this.type === "accent-color") {
@@ -279,8 +279,8 @@ export class Cycle extends LitElement {
             saveAccentColor(newColor);
             // Apply the new accent color
             applyAccentColor();
-            // Save settings
-            saveSettings({ accentColor: newColor });
+            // Save preferences
+            savePreferences({ accentColor: newColor });
             // Dispatch accent color change event
             window.dispatchEvent(new CustomEvent("accent-color-changed", {
                 detail: { color: newColor },
@@ -295,8 +295,8 @@ export class Cycle extends LitElement {
             this.currentValue = newStyle;
             // Save the new notes style medium
             saveNotesStyleMedium(newStyle);
-            // Save settings
-            saveSettings({ notesStyleMedium: newStyle });
+            // Save preferences
+            savePreferences({ notesStyleMedium: newStyle });
             // Dispatch notes style medium change event
             window.dispatchEvent(new CustomEvent("notes-style-medium-changed", {
                 detail: { style: newStyle },
@@ -311,8 +311,8 @@ export class Cycle extends LitElement {
             this.currentValue = newBehavior;
             // Save the new note behavior
             savePageStyle(newBehavior);
-            // Save settings
-            saveSettings({ pageStyle: newBehavior });
+            // Save preferences
+            savePreferences({ pageStyle: newBehavior });
             // Dispatch note behavior change event
             window.dispatchEvent(new CustomEvent("page-style-changed", {
                 detail: { behavior: newBehavior },
@@ -327,8 +327,8 @@ export class Cycle extends LitElement {
             this.currentValue = newIconOnlyValue;
             // Save the new page style
             savePageStyle(newIconOnlyValue);
-            // Save settings
-            saveSettings({ pageStyle: newIconOnlyValue });
+            // Save preferences
+            savePreferences({ pageStyle: newIconOnlyValue });
             // No label update for icon-only type
             this.label = "";
             // Dispatch page style change event

package/dist/2-core/{ds-year.d.ts → ds-date.d.ts}

@@ -2,15 +2,15 @@ import { LitElement } from "lit";
 /**
  * A component for displaying the current year
  *
- * @element ds-year
+ * @element ds-date
  */
-export declare class Year extends LitElement {
+export declare class DateComponent extends LitElement {
     static styles: import("lit").CSSResult;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "ds-year": Year;
+        "ds-date": DateComponent;
     }
 }
-//# sourceMappingURL=ds-year.d.ts.map
+//# sourceMappingURL=ds-date.d.ts.map

package/dist/2-core/ds-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-date.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BAOX;IAEF,MAAM;CAIP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}

package/dist/2-core/{ds-year.js → ds-date.js}

@@ -2,15 +2,15 @@ import { LitElement, html, css } from "lit";
 /**
  * A component for displaying the current year
  *
- * @element ds-year
+ * @element ds-date
  */
-export class Year extends LitElement {
+export class DateComponent extends LitElement {
     render() {
         const year = new Date().getFullYear();
         return html `<span>${year}</span>`;
     }
 }
-Year.styles = css `
+DateComponent.styles = css `
     :host {
       display: inline;
       font-family: var(--typeface, var(--typeface-regular));
@@ -18,4 +18,4 @@ Year.styles = css `
       color: inherit;
     }
   `;
-customElements.define("ds-year", Year);
+customElements.define("ds-date", DateComponent);

package/dist/2-core/ds-input.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=ds-input.d.ts.map

package/dist/2-core/ds-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-input.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-input.ts"],"names":[],"mappings":""}

package/dist/2-core/ds-input.js

@@ -0,0 +1 @@
+// here should be an input component

package/dist/2-core/ds-text.js

@@ -1,5 +1,5 @@
 import { LitElement, html, css } from "lit";
-import { getText } from "../utils/language";
+import { getText } from "../0-face/i18n";
 /**
  * A component for displaying text from translations
  *

package/dist/2-core/ds-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-tooltip.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;MAKf;IAEM,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,mBAAmB,CAGzB;IACF,OAAO,CAAC,iBAAiB,CAKvB;;IAsCF,MAAM,CAAC,MAAM,0BA6CX;IAEF,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAiB5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMtC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBhC,MAAM;CAUP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAC;KACvB;CACF"}
+{"version":3,"file":"ds-tooltip.d.ts","sourceRoot":"","sources":["../../DS1/2-core/ds-tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;MAKf;IAEM,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,mBAAmB,CAGzB;IACF,OAAO,CAAC,iBAAiB,CAKvB;;IAsCF,MAAM,CAAC,MAAM,0BA+CX;IAEF,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAiB5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMtC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAuBhC,MAAM;CAUP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAC;KACvB;CACF"}

package/dist/2-core/ds-tooltip.js

@@ -1,5 +1,5 @@
 import { LitElement, html, css } from "lit";
-import { translate, getNotionText } from "../utils/language";
+import { translate, getNotionText } from "../0-face/i18n";
 export class Tooltip extends LitElement {
     constructor() {
         super();
@@ -119,7 +119,9 @@ Tooltip.styles = css `
       pointer-events: none;
       height: calc(var(--08) * var(--scaling-factor));
       opacity: 0;
-      transition: opacity 120ms ease, transform 120ms ease;
+      transition:
+        opacity 120ms ease,
+        transform 120ms ease;
       background-color: light-dark(var(--black), var(--white));
       color: light-dark(var(--white), var(--black));
       border-radius: 0;