@admin-layout/tailwind-design-pro 12.2.4-alpha.8 → 12.2.4-alpha.84

package/lib/styles/index.css

@@ -492,8 +492,290 @@
     --table-header: 141 10% 96%;
     --code-background: 141 10% 96%;
   }
+
+  /* Yantra Theme - Default (Dark)
+     Scene: AI engineer iterating on agentic workflows late evening on a 32"
+     monitor in a warm-lit home office. Warm blue-charcoal surface, amber-gold
+     signal color. Committed color strategy; neutrals tinted toward brand hue. */
+  [data-theme="yantra"] {
+    --background: 222 18% 9%;
+    --foreground: 38 30% 94%;
+    --card: 222 16% 12%;
+    --card-foreground: 38 30% 94%;
+    --popover: 222 16% 12%;
+    --popover-foreground: 38 30% 94%;
+    --primary: 38 92% 58%;
+    --primary-foreground: 222 30% 8%;
+    --secondary: 222 14% 17%;
+    --secondary-foreground: 38 30% 94%;
+    --muted: 222 14% 17%;
+    --muted-foreground: 222 10% 65%;
+    --accent: 222 14% 20%;
+    --accent-foreground: 38 92% 64%;
+    --destructive: 0 72% 55%;
+    --destructive-foreground: 38 30% 96%;
+    --border: 222 14% 20%;
+    --input: 222 14% 20%;
+    --ring: 38 92% 58%;
+    --radius: 0.625rem;
+
+    --brand-primary: 38 92% 58%;
+    --brand-secondary: 222 14% 17%;
+    --brand-accent: 38 80% 70%;
+
+    --success: 152 60% 45%;
+    --warning: 38 92% 58%;
+    --error: 0 72% 55%;
+    --info: 200 80% 55%;
+
+    --gradient-primary: linear-gradient(135deg, hsl(38 92% 58%), hsl(28 92% 52%));
+    --gradient-secondary: linear-gradient(135deg, hsl(222 14% 17%), hsl(222 14% 22%));
+    --gradient-brand: linear-gradient(135deg, hsl(38 92% 58%), hsl(14 80% 56%));
+
+    --shadow-sm: 0 1px 2px 0 hsl(222 30% 4% / 0.4);
+    --shadow-md: 0 4px 12px -2px hsl(222 30% 4% / 0.45);
+    --shadow-lg: 0 12px 32px -8px hsl(222 30% 4% / 0.55);
+    --shadow-xl: 0 24px 48px -12px hsl(222 30% 4% / 0.65);
+
+    --sidebar-background: 222 18% 7%;
+    --sidebar-foreground: 38 30% 94%;
+    --sidebar-border: 222 14% 14%;
+    --modal-backdrop: 222 30% 4% / 0.85;
+    --dropdown-background: 222 16% 12%;
+    --table-header: 222 14% 14%;
+    --code-background: 222 18% 7%;
+  }
+
+  /* Yantra Theme - Light Mode */
+  [data-theme="yantra"].light {
+    --background: 38 30% 98%;
+    --foreground: 222 30% 12%;
+    --card: 0 0% 100%;
+    --card-foreground: 222 30% 12%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222 30% 12%;
+    --primary: 28 88% 48%;
+    --primary-foreground: 38 30% 98%;
+    --secondary: 38 30% 95%;
+    --secondary-foreground: 222 30% 12%;
+    --muted: 38 22% 94%;
+    --muted-foreground: 222 14% 42%;
+    --accent: 38 60% 92%;
+    --accent-foreground: 28 88% 38%;
+    --destructive: 0 72% 50%;
+    --destructive-foreground: 38 30% 98%;
+    --border: 38 18% 88%;
+    --input: 38 18% 88%;
+    --ring: 28 88% 48%;
+
+    --brand-primary: 28 88% 48%;
+    --brand-secondary: 38 30% 95%;
+    --brand-accent: 38 92% 58%;
+
+    --gradient-primary: linear-gradient(135deg, hsl(28 88% 48%), hsl(14 80% 50%));
+    --gradient-secondary: linear-gradient(135deg, hsl(38 30% 95%), hsl(38 30% 92%));
+    --gradient-brand: linear-gradient(135deg, hsl(38 92% 58%), hsl(14 80% 56%));
+
+    --shadow-sm: 0 1px 2px 0 hsl(28 60% 30% / 0.06);
+    --shadow-md: 0 4px 12px -2px hsl(28 60% 30% / 0.1);
+    --shadow-lg: 0 12px 32px -8px hsl(28 60% 30% / 0.12);
+    --shadow-xl: 0 24px 48px -12px hsl(28 60% 30% / 0.16);
+
+    --sidebar-background: 38 30% 96%;
+    --sidebar-foreground: 222 30% 12%;
+    --sidebar-border: 38 18% 88%;
+    --modal-backdrop: 222 30% 12% / 0.7;
+    --dropdown-background: 0 0% 100%;
+    --table-header: 38 22% 94%;
+    --code-background: 38 22% 94%;
+  }
+
+  /* ─────────────────────────────────────────────────────────────
+     Yantra Editorial Layer — shared design system for marketing
+     and impeccable product surfaces (pricing, operator, landing,
+     gallery, etc.). Tokens use OKLCH; classes are unscoped so any
+     page can opt-in by writing `<div className="y-display">`.
+
+     Brand register: warm cream + persimmon accent, Josefin Sans
+     for display, ui-monospace for captions. Tinted neutrals (no
+     pure black/white). Animation easing committed to one curve.
+     ───────────────────────────────────────────────────────────── */
+  :root {
+    --y-cream:        oklch(0.97 0.012 60);
+    --y-cream-2:      oklch(0.94 0.014 60);
+    --y-cream-3:      oklch(0.91 0.014 60);
+    --y-ink:          oklch(0.18 0.012 60);
+    --y-ink-2:        oklch(0.32 0.013 60);
+    --y-mute:         oklch(0.55 0.012 60);
+    --y-rule:         oklch(0.86 0.012 60);
+    --y-rule-2:       oklch(0.78 0.012 60);
+    --y-accent:       oklch(0.66 0.19 38);
+    --y-accent-ink:   oklch(0.32 0.13 38);
+    --y-ease:         cubic-bezier(0.16, 1, 0.3, 1);
+    --y-font-display: 'Josefin Sans', ui-sans-serif, system-ui, sans-serif;
+    --y-font-mono:    ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
+  }
+
+  [data-theme="yantra"].dark,
+  [data-theme="yantra"]:not(.light) {
+    /* Inverted editorial palette for dark surfaces — same accent. */
+    --y-cream:        oklch(0.20 0.013 60);
+    --y-cream-2:      oklch(0.24 0.013 60);
+    --y-cream-3:      oklch(0.28 0.013 60);
+    --y-ink:          oklch(0.96 0.010 60);
+    --y-ink-2:        oklch(0.82 0.010 60);
+    --y-mute:         oklch(0.62 0.010 60);
+    --y-rule:         oklch(0.32 0.010 60);
+    --y-rule-2:       oklch(0.40 0.010 60);
+    --y-accent:       oklch(0.74 0.18 38);
+    --y-accent-ink:   oklch(0.86 0.16 38);
+  }
+}
+
+/* Yantra editorial — surface + typography utilities (unscoped) */
+@layer components {
+  .y-surface {
+    background: var(--y-cream);
+    color: var(--y-ink);
+    font-feature-settings: 'ss01', 'cv01', 'cv11';
+  }
+
+  .y-display {
+    font-family: var(--y-font-display);
+    font-weight: 200;
+    font-size: clamp(2.5rem, 6.5vw, 6rem);
+    line-height: 0.95;
+    letter-spacing: -0.035em;
+    color: var(--y-ink);
+  }
+  .y-display em {
+    font-style: italic;
+    font-weight: 300;
+    color: var(--y-accent);
+  }
+  .y-display .y-period { color: var(--y-accent); }
+
+  .y-prose {
+    font-family: var(--y-font-display);
+    font-weight: 300;
+    font-size: clamp(1.4rem, 2.4vw, 2rem);
+    line-height: 1.4;
+    letter-spacing: -0.005em;
+    color: var(--y-ink);
+  }
+  .y-prose em { font-style: italic; color: var(--y-accent-ink); }
+
+  .y-lede {
+    font-family: var(--y-font-display);
+    font-weight: 300;
+    font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
+    line-height: 1.55;
+    color: var(--y-ink-2);
+    max-width: 56ch;
+  }
+  .y-lede em { font-style: italic; color: var(--y-accent); }
+
+  .y-mono {
+    font-family: var(--y-font-mono);
+    font-size: 0.72rem;
+    letter-spacing: 0.14em;
+    text-transform: uppercase;
+    color: var(--y-mute);
+  }
+
+  .y-num {
+    font-family: var(--y-font-display);
+    font-weight: 200;
+    font-size: clamp(2.5rem, 4vw, 3.75rem);
+    line-height: 0.9;
+    letter-spacing: -0.02em;
+    color: var(--y-ink);
+  }
+
+  .y-rule { height: 1px; background: var(--y-rule); border: 0; }
+  .y-dot {
+    width: 0.4rem;
+    height: 0.4rem;
+    border-radius: 50%;
+    background: var(--y-accent);
+    display: inline-block;
+  }
+
+  /* Section grid — paired meta column + content column */
+  .y-section { border-top: 1px solid var(--y-rule); }
+  .y-section-head {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 0.5rem;
+    padding-top: clamp(2rem, 5vw, 3.5rem);
+    padding-bottom: clamp(1.5rem, 4vw, 2.5rem);
+  }
+  @media (min-width: 768px) {
+    .y-section-head { grid-template-columns: 5fr 7fr; gap: 2rem; }
+  }
+  .y-section-num {
+    font-family: var(--y-font-mono);
+    font-size: 0.72rem;
+    letter-spacing: 0.16em;
+    text-transform: uppercase;
+    color: var(--y-mute);
+  }
+  .y-section-title {
+    font-family: var(--y-font-display);
+    font-weight: 300;
+    font-size: clamp(1.75rem, 3vw, 2.5rem);
+    line-height: 1.05;
+    letter-spacing: -0.02em;
+    color: var(--y-ink);
+  }
+  .y-section-title em { font-style: italic; color: var(--y-accent); }
+  .y-section-desc {
+    font-size: 1rem;
+    line-height: 1.6;
+    color: var(--y-ink-2);
+    max-width: 60ch;
+    margin-top: 0.75rem;
+  }
+
+  /* Reveal animation — committed to one easing curve */
+  .y-reveal {
+    opacity: 0;
+    transform: translateY(0.6rem);
+    animation: y-reveal 1100ms var(--y-ease) forwards;
+  }
+  .y-reveal[data-d="1"] { animation-delay: 80ms; }
+  .y-reveal[data-d="2"] { animation-delay: 160ms; }
+  .y-reveal[data-d="3"] { animation-delay: 240ms; }
+  .y-reveal[data-d="4"] { animation-delay: 320ms; }
+  .y-reveal[data-d="5"] { animation-delay: 440ms; }
+  @keyframes y-reveal {
+    to { opacity: 1; transform: translateY(0); }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .y-reveal { opacity: 1; transform: none; animation: none; }
+  }
+
+  /* Capability ticker — for spec lists */
+  .y-ticker {
+    font-family: var(--y-font-mono);
+    font-size: 0.72rem;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--y-ink-2);
+  }
+  .y-ticker-row {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 1rem;
+    padding: 0.7rem 0;
+    border-top: 1px solid var(--y-rule);
+  }
+  .y-ticker-row:last-child { border-bottom: 1px solid var(--y-rule); }
+  .y-ticker-row .y-ticker-id { color: var(--y-mute); }
 }
 
+
 @layer base {
   * {
     @apply border-border;

package/lib/utils/settingsTheme.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Settings → DOM theme utilities.
+ *
+ * Three-layer cascade applied to <html>:
+ *   1. :root defaults                     ← package CSS
+ *   2. [data-theme="x"]                    ← brand theme (color + font + radius)
+ *   3. :root { ... } injected by settings  ← user overrides (highest priority)
+ *
+ * `getServerThemeAttrs` produces the SSR payload (data-theme attr, dark class,
+ * <style> string) so the first paint already matches the user's saved
+ * customisations and there is no flash. `applyThemeToDom` performs the same
+ * mutation at runtime when the user changes a setting in the drawer; the
+ * SettingDrawer's existing reset handler clears storage + reloads, after which
+ * the override style block is empty and the page falls back to pure theme.
+ */
+export declare const THEME_KEYS: readonly ["default", "github", "slack", "airbnb", "spotify", "yantra"];
+export type ThemeKey = (typeof THEME_KEYS)[number];
+export interface SettingsLikeShape {
+    theme?: string;
+    themeName?: string;
+    navTheme?: string;
+    primaryColor?: string;
+    fontFamily?: string;
+}
+export interface ServerThemeAttrs {
+    dataTheme: ThemeKey;
+    isDark: boolean;
+    /** Inline CSS for the user-overrides style block (without the surrounding <style> tag). */
+    overridesCss: string;
+}
+/** Convert `#rrggbb` (or `#rgb`) to `"H S% L%"` matching the package CSS convention. */
+export declare function hexToHslSpace(hex?: string | null): string | null;
+/** Build the `:root { ... }` body for the override style block. Empty string means no override. */
+export declare function buildOverridesCss(settings?: SettingsLikeShape | null): string;
+/** SSR helper: derive html attributes + inline style for the initial render. */
+export declare function getServerThemeAttrs(settings?: SettingsLikeShape | null): ServerThemeAttrs;
+/** Runtime applier — mirrors `getServerThemeAttrs` but mutates the live DOM. */
+export declare function applyThemeToDom(settings?: SettingsLikeShape | null): void;
+export declare const SETTINGS_THEME_STYLE_ID = "settings-theme-overrides";
+//# sourceMappingURL=settingsTheme.d.ts.map

package/lib/utils/settingsTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsTheme.d.ts","sourceRoot":"","sources":["../../src/utils/settingsTheme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,UAAU,wEAAyE,CAAC;AACjG,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAInD,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAE,QAAQ,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,2FAA2F;IAC3F,YAAY,EAAE,MAAM,CAAC;CACxB;AAgBD,wFAAwF;AACxF,wBAAgB,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAwChE;AAED,mGAAmG;AACnG,wBAAgB,iBAAiB,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,MAAM,CAiB7E;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,gBAAgB,CAMzF;AAED,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAmBzE;AAED,eAAO,MAAM,uBAAuB,6BAAmB,CAAC"}

package/lib/utils/settingsTheme.js

@@ -0,0 +1,106 @@
+/**
+ * Settings → DOM theme utilities.
+ *
+ * Three-layer cascade applied to <html>:
+ *   1. :root defaults                     ← package CSS
+ *   2. [data-theme="x"]                    ← brand theme (color + font + radius)
+ *   3. :root { ... } injected by settings  ← user overrides (highest priority)
+ *
+ * `getServerThemeAttrs` produces the SSR payload (data-theme attr, dark class,
+ * <style> string) so the first paint already matches the user's saved
+ * customisations and there is no flash. `applyThemeToDom` performs the same
+ * mutation at runtime when the user changes a setting in the drawer; the
+ * SettingDrawer's existing reset handler clears storage + reloads, after which
+ * the override style block is empty and the page falls back to pure theme.
+ */
+const THEME_KEYS = ['default', 'github', 'slack', 'airbnb', 'spotify', 'yantra'];
+const STYLE_ELEMENT_ID = 'settings-theme-overrides';
+function isThemeKey(value) {
+  return typeof value === 'string' && THEME_KEYS.includes(value);
+}
+function resolveThemeKey(settings) {
+  const candidate = settings?.theme ?? settings?.themeName;
+  return isThemeKey(candidate) ? candidate : 'default';
+}
+function resolveIsDark(settings) {
+  const nav = settings?.navTheme;
+  return nav === 'realDark' || nav === 'dark';
+}
+/** Convert `#rrggbb` (or `#rgb`) to `"H S% L%"` matching the package CSS convention. */
+function hexToHslSpace(hex) {
+  if (!hex || typeof hex !== 'string') return null;
+  let raw = hex.trim().replace(/^#/, '');
+  if (raw.length === 3) raw = raw.split('').map(c => c + c).join('');
+  if (!/^[0-9a-fA-F]{6}$/.test(raw)) return null;
+  const r = parseInt(raw.slice(0, 2), 16) / 255;
+  const g = parseInt(raw.slice(2, 4), 16) / 255;
+  const b = parseInt(raw.slice(4, 6), 16) / 255;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2;
+  let h = 0;
+  let s = 0;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h = (b - r) / d + 2;
+        break;
+      default:
+        h = (r - g) / d + 4;
+    }
+    h *= 60;
+  }
+  const hh = Math.round(h);
+  const ss = Math.round(s * 100);
+  const ll = Math.round(l * 100);
+  return `${hh} ${ss}% ${ll}%`;
+}
+/** Build the `:root { ... }` body for the override style block. Empty string means no override. */
+function buildOverridesCss(settings) {
+  if (!settings) return '';
+  const decls = [];
+  const hsl = hexToHslSpace(settings.primaryColor);
+  if (hsl) decls.push(`--primary:${hsl};--ring:${hsl};`);
+  const font = settings.fontFamily;
+  if (font && typeof font === 'string') {
+    // Whitelist-ish: only allow a comma-separated list of identifiers / quoted strings.
+    // Strip anything containing braces or semicolons (basic CSS-injection guard).
+    if (!/[{};]/.test(font)) {
+      decls.push(`--font-display:${font};--font-body:${font};`);
+    }
+  }
+  return decls.length > 0 ? `:root{${decls.join('')}}` : '';
+}
+/** SSR helper: derive html attributes + inline style for the initial render. */
+function getServerThemeAttrs(settings) {
+  return {
+    dataTheme: resolveThemeKey(settings),
+    isDark: resolveIsDark(settings),
+    overridesCss: buildOverridesCss(settings)
+  };
+}
+/** Runtime applier — mirrors `getServerThemeAttrs` but mutates the live DOM. */
+function applyThemeToDom(settings) {
+  if (typeof document === 'undefined') return;
+  const html = document.documentElement;
+  html.setAttribute('data-theme', resolveThemeKey(settings));
+  html.classList.toggle('dark', resolveIsDark(settings));
+  const css = buildOverridesCss(settings);
+  let node = document.getElementById(STYLE_ELEMENT_ID);
+  if (css) {
+    if (!node) {
+      node = document.createElement('style');
+      node.id = STYLE_ELEMENT_ID;
+      document.head.appendChild(node);
+    }
+    if (node.textContent !== css) node.textContent = css;
+  } else if (node) {
+    node.remove();
+  }
+}
+const SETTINGS_THEME_STYLE_ID = STYLE_ELEMENT_ID;export{SETTINGS_THEME_STYLE_ID,THEME_KEYS,applyThemeToDom,buildOverridesCss,getServerThemeAttrs,hexToHslSpace};//# sourceMappingURL=settingsTheme.js.map

package/lib/utils/settingsTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsTheme.js","sources":["../../src/utils/settingsTheme.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-design-pro",
-    "version": "12.2.4-alpha.8",
+    "version": "12.2.4-alpha.84",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -21,15 +21,16 @@
         "watch": "yarn build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/assets": "12.2.4-alpha.6",
-        "@admin-layout/client": "12.2.4-alpha.7",
-        "@admin-layout/tailwind-ui": "12.2.4-alpha.7",
+        "@admin-layout/assets": "12.2.4-alpha.81",
+        "@admin-layout/client": "12.2.4-alpha.81",
+        "@admin-layout/tailwind-ui": "12.2.4-alpha.81",
+        "path-to-regexp": "^8.0.0",
         "react-favicon": "^0.0.23",
         "react-intl": "^6.1.1",
         "react-responsive": "^10.0.0"
     },
     "devDependencies": {
-        "@adminide-stack/extension-api": "13.2.1-alpha.81",
+        "@adminide-stack/extension-api": "13.4.1-alpha.315",
         "@tailwindcss/aspect-ratio": "^0.4.2",
         "@tailwindcss/forms": "^0.5.4",
         "@tailwindcss/typography": "^0.5.9",
@@ -51,8 +52,8 @@
             }
         }
     },
+    "gitHead": "3d6a9b9581037405384b1f9b48b55546ce6ad848",
     "typescript": {
         "definition": "lib/index.d.ts"
-    },
-    "gitHead": "8aa1f3652e57ae6ba53f0d89502fa5cadf6bd154"
+    }
 }