@sorb/leaf 0.3.0 → 0.4.0

package/dist/index.js

@@ -33,6 +33,7 @@ __export(src_exports2, {
   PreviewBanner: () => PreviewBanner,
   SorbProvider: () => SorbProvider,
   ThemeToggle: () => ThemeToggle,
+  angularMaterialTarget: () => angularMaterialTarget,
   applyLegacyMap: () => applyLegacyMap,
   buildModeStylesheet: () => buildModeStylesheet,
   clearLegacyMap: () => clearLegacyMap,
@@ -41,12 +42,17 @@ __export(src_exports2, {
   dataThemeDarkMode: () => dataThemeDarkMode,
   indexLegacyMap: () => indexLegacyMap,
   injectModeStylesheet: () => injectModeStylesheet,
+  mantineTarget: () => mantineTarget,
+  muiTarget: () => muiTarget,
   normalizeProp: () => normalizeProp,
   normalizeValue: () => normalizeValue,
+  primevueTarget: () => primevueTarget,
   reactBootstrapTarget: () => reactBootstrapTarget,
   sanitizeCssValue: () => sanitizeCssValue,
+  shadcnTarget: () => shadcnTarget,
   sorbInit: () => sorbInit,
   tailwindDarkMode: () => tailwindDarkMode,
+  tailwindV4Target: () => tailwindV4Target,
   useIsPreview: () => useIsPreview,
   usePreviewState: () => usePreviewState,
   useTheme: () => useTheme,
@@ -223,12 +229,70 @@ var indent = (lines, level = 1) => {
 // node_modules/@sorb/core/src/index.js
 var TIERS = Object.freeze(["component", "semantic", "primitive"]);
 var TIER_RANK = Object.freeze({ component: 0, semantic: 1, primitive: 2 });
+var DEFAULT_ROLE_IDS = Object.freeze({
+  color: Object.freeze([
+    "color.surface",
+    "color.surface-raised",
+    "color.surface-sunken",
+    "color.ink",
+    "color.ink-muted",
+    "color.ink-on-brand",
+    "color.brand",
+    "color.brand-hover",
+    "color.brand-contrast",
+    "color.accent",
+    "color.accent-hover",
+    "color.accent-contrast",
+    "color.danger",
+    "color.danger-hover",
+    "color.success",
+    "color.success-hover",
+    "color.focus-ring",
+    "color.border",
+    "color.border-subtle",
+    "color.border-strong"
+  ]),
+  radius: Object.freeze(["radius.control", "radius.card", "radius.pill"]),
+  shadow: Object.freeze(["shadow.raised", "shadow.overlay"]),
+  typography: Object.freeze([
+    "typography.display.fontSize",
+    "typography.display.fontWeight",
+    "typography.display.lineHeight",
+    "typography.heading.fontSize",
+    "typography.heading.fontWeight",
+    "typography.heading.lineHeight",
+    "typography.body.fontSize",
+    "typography.body.fontWeight",
+    "typography.body.lineHeight",
+    "typography.caption.fontSize",
+    "typography.caption.fontWeight",
+    "typography.caption.lineHeight"
+  ])
+});
+var ALL_ROLE_IDS = Object.freeze([
+  ...DEFAULT_ROLE_IDS.color,
+  ...DEFAULT_ROLE_IDS.radius,
+  ...DEFAULT_ROLE_IDS.shadow,
+  ...DEFAULT_ROLE_IDS.typography
+]);
 var connectors = Object.freeze({
   source: /* @__PURE__ */ new Map(),
   codeSource: /* @__PURE__ */ new Map(),
   target: /* @__PURE__ */ new Map()
 });
 function registerTarget(adapter) {
+  if (!adapter || typeof adapter.id !== "string" || !adapter.id) {
+    throw new Error("registerTarget: adapter.id must be a non-empty string");
+  }
+  if (typeof adapter.emitFormat !== "string" || !adapter.emitFormat) {
+    throw new Error(`registerTarget(${JSON.stringify(adapter.id)}): emitFormat must be a non-empty string`);
+  }
+  if (!Array.isArray(adapter.expectPrefixes)) {
+    throw new Error(`registerTarget(${JSON.stringify(adapter.id)}): expectPrefixes must be an array`);
+  }
+  if (connectors.target.has(adapter.id)) {
+    console.warn(`registerTarget: overwriting existing target adapter ${JSON.stringify(adapter.id)}`);
+  }
   connectors.target.set(adapter.id, adapter);
   return adapter;
 }
@@ -1099,4 +1163,165 @@ var dataThemeDarkMode = {
   darkSelector: '[data-theme="dark"]',
   lightSelector: '[data-theme="light"]'
 };
+
+// src/targets/mantine.js
+var SORB_MANTINE_VARS_FORMAT_ID = "sorb/mantine-vars";
+var mantineTarget = {
+  id: "mantine",
+  emitFormat: SORB_MANTINE_VARS_FORMAT_ID,
+  // Kit-vocab expectPrefixes (field-correction, non-negotiable): the
+  // payload-side kit namespace, NEVER the framework's own `mantine-`
+  // var prefix — a framework-prefix guard false-positives on every working
+  // preview (verified P2/P3 across the demo program). Overridable via
+  // `config.preview.expectPrefixes`.
+  expectPrefixes: ["color-", "button-", "radius-"],
+  // Left undefined on purpose — see file header.
+  inject: void 0,
+  // CONVENTION-DECLARED, NOT demo-verified — the Mantine JJ demo never built
+  // dark mode (acid-wash is a variant push, not a mode). Mantine v7's
+  // documented color-scheme convention sets a `data-mantine-color-scheme`
+  // attribute (MantineProvider manages it; `useMantineColorScheme` /
+  // `<ColorSchemeScript>` toggle it). Feeds the real-dark-mode program's D1
+  // phase; verification lands there, not here.
+  darkMode: {
+    strategy: "attribute",
+    attribute: "data-mantine-color-scheme",
+    darkSelector: '[data-mantine-color-scheme="dark"]',
+    lightSelector: '[data-mantine-color-scheme="light"]'
+  }
+};
+if (typeof registerTarget === "function") {
+  registerTarget(mantineTarget);
+}
+
+// src/targets/tailwindV4.js
+var SORB_TAILWIND_FORMAT_ID = "sorb/tailwind-theme";
+var tailwindV4Target = {
+  id: "tailwind-v4",
+  emitFormat: SORB_TAILWIND_FORMAT_ID,
+  // Payload-side KIT vocabulary (framework-targets-productization field-
+  // correction), never a framework var prefix — a plain Sorb kit's own
+  // token-family prefixes, matching what `@theme inline` references.
+  expectPrefixes: ["color-", "radius-", "space-", "font-"],
+  // Left undefined on purpose — see file header.
+  inject: void 0,
+  // CONVENTION-DECLARED, not demo-verified (the JJ demos never built dark
+  // mode): Tailwind's documented `darkMode: 'class'` convention — a `.dark`
+  // class toggled on `documentElement`. Feeds the real-dark-mode program's D1
+  // phase; verification lands there.
+  darkMode: tailwindDarkMode
+};
+if (typeof registerTarget === "function") {
+  registerTarget(tailwindV4Target);
+}
+
+// src/targets/shadcn.js
+var SORB_SHADCN_FORMAT_ID = "sorb/shadcn-theme";
+var shadcnTarget = {
+  id: "shadcn",
+  emitFormat: SORB_SHADCN_FORMAT_ID,
+  // Payload-side KIT vocabulary (framework-targets-productization field-
+  // correction), never a framework/shadcn var prefix — shadcn's own vars
+  // (`--background`, `--primary`, …) are the OUTPUT of this format, not the
+  // guarded payload; the guard is against the underlying Sorb kit vocab the
+  // format's :root map references.
+  expectPrefixes: ["color-", "radius-", "space-", "font-"],
+  // Left undefined on purpose — see file header.
+  inject: void 0,
+  // CONVENTION-DECLARED, not demo-verified (the JJ demos never built dark
+  // mode): shadcn ships on top of Tailwind's `darkMode: 'class'` convention
+  // (a `.dark` class toggled on `documentElement`, per shadcn/ui's own
+  // docs). Feeds the real-dark-mode program's D1 phase; verification lands
+  // there.
+  darkMode: tailwindDarkMode
+};
+if (typeof registerTarget === "function") {
+  registerTarget(shadcnTarget);
+}
+
+// src/targets/primevue.js
+var SORB_PRIMEVUE_PRESET_FORMAT_ID = "sorb/primevue-preset";
+var primevueTarget = {
+  id: "primevue",
+  emitFormat: SORB_PRIMEVUE_PRESET_FORMAT_ID,
+  // Kit-vocab expectPrefixes (field-correction, non-negotiable): the
+  // payload-side kit namespace, NEVER a PrimeVue-owned prefix (`p-`) — a
+  // framework-prefix guard false-positives on every working preview
+  // (verified P2/P3 across the demo program). This target's preset draws
+  // from a wider slice of the kit vocab than Mantine/MUI (component-tier
+  // overrides for Tag/Toast/Menubar), hence the longer list. Overridable via
+  // `config.preview.expectPrefixes`.
+  expectPrefixes: ["color-", "button-", "card-", "badge-", "input-", "nav-", "toast-", "radius-"],
+  // Left undefined on purpose — see file header.
+  inject: void 0,
+  // CONVENTION-DECLARED, NOT demo-verified — the PrimeVue JJ demo never
+  // built dark mode (acid-wash is a variant push, not a mode). PrimeVue v4's
+  // documented dark-mode convention is a `.p-dark` selector class (default
+  // `darkModeSelector` in `definePreset`/PrimeVue config), toggled on an
+  // ancestor (typically `<html>`). Feeds the real-dark-mode program's D1
+  // phase; verification lands there, not here.
+  darkMode: {
+    strategy: "class",
+    darkSelector: ".p-dark"
+  }
+};
+if (typeof registerTarget === "function") {
+  registerTarget(primevueTarget);
+}
+
+// src/targets/mui.js
+var SORB_MUI_VARS_FORMAT_ID = "sorb/mui-vars";
+var muiTarget = {
+  id: "mui",
+  emitFormat: SORB_MUI_VARS_FORMAT_ID,
+  // Kit-vocab expectPrefixes (field-correction, non-negotiable): the
+  // payload-side kit namespace, NEVER the framework's own `mui-` var
+  // prefix — a framework-prefix guard false-positives on every working
+  // preview (verified P2/P3 across the demo program). Overridable via
+  // `config.preview.expectPrefixes`.
+  expectPrefixes: ["color-", "radius-"],
+  // Left undefined on purpose — see file header.
+  inject: void 0,
+  // CONVENTION-DECLARED, NOT demo-verified — the MUI JJ demo never built
+  // dark mode (acid-wash is a variant push, not a mode). MUI v6's documented
+  // `cssVariables: { colorSchemeSelector: 'data' }` convention sets a
+  // `data-mui-color-scheme` attribute (`InitColorSchemeScript` / MUI's
+  // `ThemeProvider` manage it). Feeds the real-dark-mode program's D1 phase;
+  // verification lands there, not here.
+  darkMode: {
+    strategy: "attribute",
+    attribute: "data-mui-color-scheme",
+    darkSelector: '[data-mui-color-scheme="dark"]',
+    lightSelector: '[data-mui-color-scheme="light"]'
+  }
+};
+if (typeof registerTarget === "function") {
+  registerTarget(muiTarget);
+}
+
+// src/targets/angularMaterial.js
+var SORB_MAT_SYS_VARS_FORMAT_ID = "sorb/mat-sys-vars";
+var angularMaterialTarget = {
+  id: "angular-material",
+  emitFormat: SORB_MAT_SYS_VARS_FORMAT_ID,
+  // Kit-vocab expectPrefixes (field-correction, non-negotiable): the
+  // payload-side kit namespace, NEVER Angular Material's own `mat-sys-`
+  // var prefix — a framework-prefix guard false-positives on every working
+  // preview (verified P2/P3 across the demo program). Overridable via
+  // `config.preview.expectPrefixes`.
+  expectPrefixes: ["color-", "radius-"],
+  // Left undefined on purpose — see file header. Non-React (Angular) target;
+  // the leaf-core inject seam stays deferred.
+  inject: void 0,
+  // CONVENTION-DECLARED + UNCONFIRMED — see file header "DARK MODE" section.
+  // Best-known default given Angular Material 20's `light-dark()`/
+  // `color-scheme` mechanism has no single canonical selector name.
+  darkMode: {
+    strategy: "class",
+    darkSelector: ".dark"
+  }
+};
+if (typeof registerTarget === "function") {
+  registerTarget(angularMaterialTarget);
+}
 //# sourceMappingURL=index.js.map