@bsuite/theme 0.5.0 → 0.7.0

package/README.md

@@ -126,6 +126,18 @@ Braden keeps separate corporate identity tokens in `@bsuite/theme/braden-css`: B
 
 WCAG AA compliance: use semantic text tokens (`text-foreground`, `text-muted-foreground`, `text-text-on-primary`, `text-text-on-accent`) rather than raw `text-white`/`text-black`. Dark-surface text is capped at L=0.94 for extended-session comfort.
 
+## Text-role contract (v0.6.0)
+
+Six measured tiers — `--role-text-heading`, `--role-text-body`, `--role-text-secondary`, `--role-text-muted`, `--role-text-subtle`, `--role-text-disabled` — each with documented WCAG contrast in both modes. Full numbers + methodology: `docs/TOKEN-MAPPING.md` §8.1.
+
+## Canonical gradient (v0.6.0)
+
+Exactly one decorative accent gradient exists suite-wide — `--gradient-accent` / `.bsuite-accent-gradient` (`--role-primary` → `--role-accent`). Marketing heroes only, never functional text. `docs/TOKEN-MAPPING.md` §8.2.
+
+## Grid/dot doctrine (v0.6.0)
+
+`<HeroGrid>` (public/pre-auth hero bands) and `<DotPattern>` (authenticated shells, `@bsuite/ui`) are mutually exclusive per context and enforced by `@bsuite/dry-lint`'s `no-grid-dot-doctrine-violation` rule. `docs/TOKEN-MAPPING.md` §8.3.
+
 ## License
 
 UNLICENSED — internal BSuite use only.

package/dist/react/BrandingProvider.js

@@ -43,7 +43,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *    </BrandingProvider>
  */
 import { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { sanitizeBrandingUrl, sanitizeFontFamily, toCssUrl, } from './branding-sanitize';
+import { sanitizeBrandingUrl, sanitizeFontFamily, toCssUrl, } from './branding-sanitize.js';
 export const BRANDING_STORAGE_KEY = 'bsuite_tenant_branding';
 export const BRANDING_OVERRIDE_FLAG = 'VITE_ENABLE_BRANDING_OVERRIDE';
 export const BrandingContext = createContext(undefined);

package/dist/react/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type ThemeContextValue, type ThemeMode } from '../index';
+import { type ThemeContextValue, type ThemeMode } from '../index.js';
 export declare const ThemeContext: import("react").Context<ThemeContextValue | undefined>;
 export interface ThemeProviderProps {
     children: ReactNode;

package/dist/react/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/react/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAyC,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAA;AAExG,eAAO,MAAM,YAAY,wDAA0D,CAAA;AAEnF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA6BD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA8B,GAC/B,EAAE,kBAAkB,+BA4DpB"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/react/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAyC,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAA;AAE3G,eAAO,MAAM,YAAY,wDAA0D,CAAA;AAEnF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA6BD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA8B,GAC/B,EAAE,kBAAkB,+BA4DpB"}

package/dist/react/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useEffect, useMemo, useState } from 'react';
-import { THEME_STORAGE_KEY } from '../index';
+import { THEME_STORAGE_KEY } from '../index.js';
 export const ThemeContext = createContext(undefined);
 /**
  * Resolve a stored ThemeMode to the effective ResolvedTheme.

package/dist/react/components/StatusBadge.d.ts

@@ -30,8 +30,11 @@ export type BadgeVariant =
  | 'error'
 /** Blue — Draft, New, Scheduled */
  | 'info'
-/** Purple — Converted, Promoted */
- | 'purple'
+/** Deep blue — Converted, Promoted, Exported, Paid: terminal states that
+ *  have moved past success. Was `purple`, renamed 0.7.0: the variant was
+ *  named for a colour rather than a role, and that colour is quarantined
+ *  from semantics (purple collapses onto primary blue under protanopia). */
+ | 'secondary'
 /** Gray — Inactive, Archived */
  | 'neutral';
 export interface StatusBadgeProps {

package/dist/react/components/StatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,YAAY;AACtB,yCAAyC;AACvC,SAAS;AACX,mCAAmC;GACjC,SAAS;AACX,sCAAsC;GACpC,OAAO;AACT,mCAAmC;GACjC,MAAM;AACR,mCAAmC;GACjC,QAAQ;AACV,gCAAgC;GAC9B,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAqBD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,IAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,gBAAgB,GAAG,SAAS,CAc9B;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,GAChD,YAAY,CAoCd;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CASxD;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;CAC1D;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,SAAS,CAIlC"}
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,YAAY;AACtB,yCAAyC;AACvC,SAAS;AACX,mCAAmC;GACjC,SAAS;AACX,sCAAsC;GACpC,OAAO;AACT,mCAAmC;GACjC,MAAM;AACR;;;4EAG4E;GAC1E,WAAW;AACb,gCAAgC;GAC9B,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA2BD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,IAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,gBAAgB,GAAG,SAAS,CAc9B;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,GAChD,YAAY,CAoCd;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CASxD;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;CAC1D;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,SAAS,CAIlC"}

package/dist/react/components/StatusBadge.js

@@ -1,10 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Role-bound, not palette-bound. Until 0.7.0 these were raw Tailwind palette
+ * classes (`bg-emerald-50`, `bg-red-50`, …), which meant the design-system
+ * component every app imports was invisible to tenant white-labelling —
+ * BrandingProvider mutates the role layer, and these bound below it.
+ *
+ * Tint is derived from the role colour with a slash-opacity fill plus the
+ * AA-safe `*-text` variant for type, so one definition covers light and dark
+ * and no `dark:` duplicate is needed.
+ */
 const variantClasses = {
-    success: 'bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-950 dark:text-emerald-300 dark:border-emerald-800',
-    warning: 'bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:border-amber-800',
-    error: 'bg-red-50 text-red-700 border-red-200 dark:bg-red-950 dark:text-red-300 dark:border-red-800',
-    info: 'bg-sky-50 text-sky-700 border-sky-200 dark:bg-sky-950 dark:text-sky-300 dark:border-sky-800',
-    purple: 'bg-purple-50 text-purple-700 border-purple-200 dark:bg-purple-950 dark:text-purple-300 dark:border-purple-800',
+    success: 'bg-role-success/10 text-success-text border-role-success/30',
+    warning: 'bg-role-warning/10 text-warning-text border-role-warning/30',
+    error: 'bg-role-error/10 text-error-text border-role-error/30',
+    info: 'bg-role-info/10 text-accent-text border-role-info/30',
+    secondary: 'bg-role-secondary/10 text-primary-text border-role-secondary/30',
     neutral: 'bg-muted text-muted-foreground border-border',
 };
 const sizeClasses = {
@@ -57,7 +67,7 @@ export function getStatusVariant(status, overrides) {
         'draft', 'new', 'scheduled', 'open',
         'applicant', 'interviewing', 'reported',
     ];
-    const PURPLE = ['converted', 'promoted', 'shortlisted'];
+    const SECONDARY = ['converted', 'promoted', 'shortlisted', 'exported', 'paid', 'qualified'];
     if (SUCCESS.includes(normalized))
         return 'success';
     if (WARNING.includes(normalized))
@@ -66,8 +76,8 @@ export function getStatusVariant(status, overrides) {
         return 'error';
     if (INFO.includes(normalized))
         return 'info';
-    if (PURPLE.includes(normalized))
-        return 'purple';
+    if (SECONDARY.includes(normalized))
+        return 'secondary';
     return 'neutral';
 }
 /**

package/dist/react/index.d.ts

@@ -1,13 +1,13 @@
-export { ThemeProvider } from './ThemeProvider';
-export type { ThemeProviderProps } from './ThemeProvider';
-export { useTheme } from './useTheme';
-export type { ThemeContextValue, ThemeMode, ResolvedTheme } from '../index';
-export { THEME_STORAGE_KEY } from '../index';
-export { BrandingProvider, BrandingContext, BRANDING_STORAGE_KEY, BRANDING_OVERRIDE_FLAG, } from './BrandingProvider';
-export type { TenantBranding, BrandingContextValue } from './BrandingProvider';
-export { useBranding } from './useBranding';
-export { resolvePlatformLogo, usePlatformLogo } from './usePlatformLogo';
-export type { PlatformLogoHookResult, PlatformLogoOptions, PlatformLogoScheme, PlatformLogoSlot, PlatformLogoSource, ResolvedPlatformLogo, } from './usePlatformLogo';
-export { StatusBadge, AutoStatusBadge, getStatusVariant, formatStatusLabel, } from './components/StatusBadge';
-export type { BadgeVariant, StatusBadgeProps, AutoStatusBadgeProps, } from './components/StatusBadge';
+export { ThemeProvider } from './ThemeProvider.js';
+export type { ThemeProviderProps } from './ThemeProvider.js';
+export { useTheme } from './useTheme.js';
+export type { ThemeContextValue, ThemeMode, ResolvedTheme } from '../index.js';
+export { THEME_STORAGE_KEY } from '../index.js';
+export { BrandingProvider, BrandingContext, BRANDING_STORAGE_KEY, BRANDING_OVERRIDE_FLAG, } from './BrandingProvider.js';
+export type { TenantBranding, BrandingContextValue } from './BrandingProvider.js';
+export { useBranding } from './useBranding.js';
+export { resolvePlatformLogo, usePlatformLogo } from './usePlatformLogo.js';
+export type { PlatformLogoHookResult, PlatformLogoOptions, PlatformLogoScheme, PlatformLogoSlot, PlatformLogoSource, ResolvedPlatformLogo, } from './usePlatformLogo.js';
+export { StatusBadge, AutoStatusBadge, getStatusVariant, formatStatusLabel, } from './components/StatusBadge.js';
+export type { BadgeVariant, StatusBadgeProps, AutoStatusBadgeProps, } from './components/StatusBadge.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxE,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,0BAA0B,CAAA;AACjC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAC3E,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,6BAA6B,CAAA;AACpC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,6BAA6B,CAAA"}

package/dist/react/index.js

@@ -1,8 +1,8 @@
-export { ThemeProvider } from './ThemeProvider';
-export { useTheme } from './useTheme';
-export { THEME_STORAGE_KEY } from '../index';
-export { BrandingProvider, BrandingContext, BRANDING_STORAGE_KEY, BRANDING_OVERRIDE_FLAG, } from './BrandingProvider';
-export { useBranding } from './useBranding';
-export { resolvePlatformLogo, usePlatformLogo } from './usePlatformLogo';
+export { ThemeProvider } from './ThemeProvider.js';
+export { useTheme } from './useTheme.js';
+export { THEME_STORAGE_KEY } from '../index.js';
+export { BrandingProvider, BrandingContext, BRANDING_STORAGE_KEY, BRANDING_OVERRIDE_FLAG, } from './BrandingProvider.js';
+export { useBranding } from './useBranding.js';
+export { resolvePlatformLogo, usePlatformLogo } from './usePlatformLogo.js';
 // Components — see ./components/<Name>.tsx
-export { StatusBadge, AutoStatusBadge, getStatusVariant, formatStatusLabel, } from './components/StatusBadge';
+export { StatusBadge, AutoStatusBadge, getStatusVariant, formatStatusLabel, } from './components/StatusBadge.js';

package/dist/react/useBranding.d.ts

@@ -7,5 +7,5 @@
  *   const { branding, isLoading } = useBranding()
  *   const logoUrl = branding?.logo_url ?? '/logos/default-logo.svg'
  */
-export declare function useBranding(): import("./BrandingProvider").BrandingContextValue;
+export declare function useBranding(): import("./BrandingProvider.js").BrandingContextValue;
 //# sourceMappingURL=useBranding.d.ts.map

package/dist/react/useBranding.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBranding.d.ts","sourceRoot":"","sources":["../../src/react/useBranding.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,wBAAgB,WAAW,sDAM1B"}
+{"version":3,"file":"useBranding.d.ts","sourceRoot":"","sources":["../../src/react/useBranding.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,wBAAgB,WAAW,yDAM1B"}

package/dist/react/useBranding.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { BrandingContext } from './BrandingProvider';
+import { BrandingContext } from './BrandingProvider.js';
 /**
  * Access the current tenant branding values and loading state.
  *

package/dist/react/usePlatformLogo.d.ts

@@ -1,4 +1,4 @@
-import type { TenantBranding } from './BrandingProvider';
+import type { TenantBranding } from './BrandingProvider.js';
 export type PlatformLogoSlot = 'header' | 'sidebar' | 'auth' | 'favicon' | 'mark';
 export type PlatformLogoScheme = 'light' | 'dark';
 export type PlatformLogoSource = 'branding' | 'fallback' | 'none';

package/dist/react/usePlatformLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePlatformLogo.d.ts","sourceRoot":"","sources":["../../src/react/usePlatformLogo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAGxD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;AACjF,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAA;AACjD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IACjE,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,EAAE,kBAAkB,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC7B;AAqDD,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,EAC3C,OAAO,GAAE,mBAAwB,GAChC,oBAAoB,CAiBtB;AAED,wBAAgB,eAAe,CAAC,OAAO,GAAE,mBAAwB,GAAG,sBAAsB,CAczF"}
+{"version":3,"file":"usePlatformLogo.d.ts","sourceRoot":"","sources":["../../src/react/usePlatformLogo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAG3D,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;AACjF,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAA;AACjD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IACjE,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,EAAE,kBAAkB,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC7B;AAqDD,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,EAC3C,OAAO,GAAE,mBAAwB,GAChC,oBAAoB,CAiBtB;AAED,wBAAgB,eAAe,CAAC,OAAO,GAAE,mBAAwB,GAAG,sBAAsB,CAczF"}

package/dist/react/usePlatformLogo.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useBranding } from './useBranding';
+import { useBranding } from './useBranding.js';
 function cleanUrl(value) {
     const trimmed = value?.trim();
     return trimmed ? trimmed : null;

package/dist/react/useTheme.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeContextValue } from '../index';
+import type { ThemeContextValue } from '../index.js';
 /**
  * Hook to read + update the current theme.
  *

package/dist/react/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/react/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAU5C"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/react/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAGpD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAU5C"}

package/dist/react/useTheme.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { ThemeContext } from './ThemeProvider';
+import { ThemeContext } from './ThemeProvider.js';
 /**
  * Hook to read + update the current theme.
  *

package/dist/ssr/index.js

@@ -1,4 +1,4 @@
-import { THEME_STORAGE_KEY } from '../index';
+import { THEME_STORAGE_KEY } from '../index.js';
 /**
  * Returns a self-contained JavaScript string that — when executed before
  * your React app hydrates — applies the correct `.dark` or `.light` class

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsuite/theme",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "type": "module",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -15,7 +15,6 @@
   "files": [
     "dist",
     "src/css",
-    "src/tailwind-preset.js",
     "src/preset-v4.css"
   ],
   "main": "dist/index.js",
@@ -33,7 +32,6 @@
       "import": "./dist/ssr/index.js",
       "types": "./dist/ssr/index.d.ts"
     },
-    "./tailwind-preset": "./src/tailwind-preset.js",
     "./preset-v4.css": "./src/preset-v4.css",
     "./css": "./src/css/index.css",
     "./vars.css": "./src/css/vars.css",

package/src/css/braden.css

@@ -78,7 +78,7 @@
      ============================================================ */
   --braden-light-bg-body:    oklch(0.980 0.002 50);   /* warm white */
   --braden-light-bg-surface: oklch(0.996 0.001 50);   /* near white */
-  --braden-light-bg-panel:   oklch(1.000 0     0);    /* white */
+  --braden-light-bg-panel:   oklch(0.994 0.002 250);  /* near-white; pure white is banned in every role */
   --braden-light-bg-input:   oklch(0.972 0.003 250);  /* cool light grey */
 
   /* Braden light text scale — hue 250 (navy cast), capped L=0.22 */
@@ -161,9 +161,9 @@
   /* ============================================================
      SHADOWS — corporate subtle, no neon glow
      ============================================================ */
-  --shadow-sm:  0 1px 2px oklch(0 0 0 / 0.08);
-  --shadow-md:  0 4px 6px oklch(0 0 0 / 0.10), 0 2px 4px oklch(0 0 0 / 0.06);
-  --shadow-lg:  0 10px 15px oklch(0 0 0 / 0.10), 0 4px 6px oklch(0 0 0 / 0.05);
+  --shadow-sm:  0 1px 2px oklch(0.30 0.03 250 / 0.08);
+  --shadow-md:  0 4px 6px oklch(0.30 0.03 250 / 0.10), 0 2px 4px oklch(0.30 0.03 250 / 0.06);
+  --shadow-lg:  0 10px 15px oklch(0.30 0.03 250 / 0.10), 0 4px 6px oklch(0.30 0.03 250 / 0.05);
 
   /* Card glow is a dark-mode-only device (see .dark below); light mode
      stays border-only, consistent with the corporate "no neon glow" rule. */

package/src/css/index.css

@@ -1,6 +1,6 @@
 /*
  * @bsuite/theme — root CSS entry point (D2C Neon Electric brand)
- * Version 0.3.0
+ * Version 0.6.0
  *
  * DUAL-BRAND ENTRY POINTS:
  *

package/src/css/utilities.css

@@ -47,6 +47,50 @@
     box-shadow 300ms ease;
 }
 
+/* ============================================================
+   CANONICAL ACCENT GRADIENT — W3 §3.1
+   Exactly ONE gradient exists suite-wide: --role-primary -> --role-accent
+   (Electric Blue -> Cyan by default; follows tenant BrandingProvider
+   overrides automatically via the var() chain). Marketing/pre-auth hero
+   surfaces ONLY — never functional text, labels, or body copy. Apply to
+   a decorative element (underline, badge, background swatch) or to text
+   via `background-clip: text` at the call site — this utility only
+   supplies the gradient itself.
+   ============================================================ */
+.bsuite-accent-gradient {
+  background-image: var(--gradient-accent);
+}
+
+/* ============================================================
+   HERO GRID — W3 §3.3 grid/dot doctrine
+   Public/pre-auth marketing hero bands ONLY. Localised to the hero
+   wrapper (which must be `position: relative`); never full-viewport,
+   never behind authenticated content. Mutually exclusive with the DOT
+   pattern (packages/ui DotPattern), which is authenticated-shell-only.
+   Consumed via the <HeroGrid> component in @bsuite/ui (packages/ui/src/
+   hero-grid.tsx) — do not hand-roll this pattern; the grid/dot lint rule
+   (@bsuite/dry-lint no-grid-dot-doctrine-violation) flags duplicates.
+   Lifted verbatim from braden's `.platform-hero-grid`
+   (braden/src/index.css) so the corporate and D2C marketing surfaces
+   share one visual language for this specific device.
+   ============================================================ */
+/* Grid lines are hue-matched to the surface, never pure black/white — the
+   contract bans both endpoints in every role, alpha forms included. Light
+   mode stays neutral and quiet; dark mode takes a faint accent cast, which
+   is where the cyber register lives. 32px = the pre-auth marketing tile. */
+.bsuite-hero-grid {
+  position: absolute;
+  inset: 0;
+  --grid-line: oklch(0.40 0.030 258 / 0.07);
+  background-image:
+    linear-gradient(var(--grid-line) 1px, transparent 1px),
+    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
+  background-size: 32px 32px;
+}
+.dark .bsuite-hero-grid {
+  --grid-line: oklch(0.82 0.020 262 / 0.055);
+}
+
 /* ===== prefers-reduced-motion — cap animation duration ===== */
 @media (prefers-reduced-motion: reduce) {
   *,