lucent-ui 0.34.0 → 0.36.0

package/dist/index.d.ts

@@ -322,7 +322,7 @@ export declare type ChipSize = 'sm' | 'md' | 'lg';
 
 export declare type ChipVariant = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
 
-export declare function CodeBlock({ code, language, tabs, variant, helperText, showCopyButton, style, }: CodeBlockProps): JSX_2.Element;
+export declare function CodeBlock({ code, language, tabs, variant, wrap, minimal, helperText, showCopyButton, style, }: CodeBlockProps): JSX_2.Element;
 
 export declare const CodeBlockManifest: ComponentManifest;
 
@@ -339,6 +339,10 @@ export declare interface CodeBlockProps {
      * always copied even when visually truncated.
      */
     variant?: CodeBlockVariant;
+    /** When true, wraps long lines instead of scrolling horizontally. Defaults to false. */
+    wrap?: boolean;
+    /** When true, hides the header bar and shows only a corner copy button. */
+    minimal?: boolean;
     /** Optional descriptive text rendered between the tab bar and the code area */
     helperText?: string;
     showCopyButton?: boolean;
@@ -532,13 +536,14 @@ export declare interface CompositionNode {
  *
  * @example
  * const tokens = createTheme({
- *   bgBase:         '#ffffff',
+ *   bgBase:         '#f9fafb',
  *   borderDefault:  '#e5e7eb',
  *   accentDefault:  '#6366f1',
  *   successDefault: '#22c55e',
  *   warningDefault: '#f59e0b',
  *   dangerDefault:  '#ef4444',
  *   infoDefault:    '#3b82f6',
+ *   navigation:     '#ffffff', // optional
  * });
  *
  * // <LucentProvider tokens={tokens}>...</LucentProvider>
@@ -1239,14 +1244,10 @@ export declare interface NavMenuSubProps {
 }
 
 /**
- * Neumorphic — light mode uses classic dual light/dark shadows
- * for the extruded soft-UI look.
+ * Neumorphic — bold, dramatic drop shadows that create strong
+ * visual lift. Single-layer for clean interaction with borders.
  *
- * Dark mode shifts to "chromatic" — offset split-color accent
- * glow (warm-shifted on one side, cool-shifted on the other).
- * Creates a CRT/screen-like depth that reads as physical without
- * relying on darkening. Uses `color-mix()` so it follows the
- * active accent automatically.
+ * Dark mode uses the same approach with higher opacity.
  */
 export declare const neumorphicShadow: ShadowPreset;
 
@@ -1274,8 +1275,8 @@ export declare interface PageLayoutProps {
     footer?: ReactNode;
     /** Footer height in px or any CSS value. Default: 48 */
     footerHeight?: number | string;
-    /** Background token for chrome regions (header, sidebar, footer). Default: "bgBase" */
-    chromeBackground?: 'bgBase' | 'bgSubtle' | 'surface' | 'surfaceSecondary';
+    /** Background token for chrome regions (header, sidebar, footer). Default: "navigation" */
+    chromeBackground?: 'navigation' | 'bgBase' | 'bgSubtle' | 'surface' | 'surfaceSecondary';
     /** Style overrides for the main content card (border, borderRadius, boxShadow, etc.) */
     mainStyle?: CSSProperties;
     style?: CSSProperties;
@@ -1498,6 +1499,7 @@ export declare interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelec
 export declare type SelectSize = 'sm' | 'md' | 'lg';
 
 declare interface SemanticColorTokens {
+    navigation: string;
     bgBase: string;
     bgSubtle: string;
     bgOverlay: string;
@@ -1875,16 +1877,17 @@ export declare type Theme = 'light' | 'dark';
  *
  * @example
  * const myTheme = createTheme({
- *   bgBase:          '#ffffff',
+ *   bgBase:          '#f9fafb',
  *   borderDefault:   '#e5e7eb',
  *   accentDefault:   '#6366f1',
  *   successDefault:  '#22c55e',
  *   warningDefault:  '#f59e0b',
  *   dangerDefault:   '#ef4444',
  *   infoDefault:     '#3b82f6',
+ *   navigation:      '#ffffff', // optional — chrome background
  * });
  */
-export declare type ThemeAnchors = Pick<LucentTokens, 'bgBase' | 'borderDefault' | 'accentDefault' | 'successDefault' | 'warningDefault' | 'dangerDefault' | 'infoDefault'> & Partial<Pick<LucentTokens, 'textPrimary' | 'surface'>>;
+export declare type ThemeAnchors = Pick<LucentTokens, 'bgBase' | 'borderDefault' | 'accentDefault' | 'successDefault' | 'warningDefault' | 'dangerDefault' | 'infoDefault'> & Partial<Pick<LucentTokens, 'textPrimary' | 'surface' | 'navigation'>>;
 
 /**
  * Semantic guidance for each ThemeAnchors key.