@equal-experts/kuat-react 0.11.0 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- export { KuatHeader, EELogo, kuatHeaderVariants, KUAT_HEADER_VARIANTS, EE_LOGO_TEXT_COLORS, } from './kuat-header';
2
- export type { KuatHeaderProps, EELogoProps, KuatHeaderVariant, EELogoTextColor, } from './kuat-header';
1
+ export { KuatHeader, EELogo, kuatHeaderVariants, KUAT_HEADER_VARIANTS, KUAT_HEADER_LOCKUP_VARIANTS, EE_LOGO_TEXT_COLORS, } from './kuat-header';
2
+ export type { KuatHeaderProps, EELogoProps, KuatHeaderVariant, KuatHeaderLockupVariant, EELogoTextColor, KuatHeaderSubItem, KuatHeaderNavItem, KuatHeaderActionItem, } from './kuat-header';
@@ -1,6 +1,8 @@
1
1
  import * as React from "react";
2
2
  export declare const KUAT_HEADER_VARIANTS: readonly ["default", "bold"];
3
3
  export type KuatHeaderVariant = (typeof KUAT_HEADER_VARIANTS)[number];
4
+ export declare const KUAT_HEADER_LOCKUP_VARIANTS: readonly ["default", "demo"];
5
+ export type KuatHeaderLockupVariant = (typeof KUAT_HEADER_LOCKUP_VARIANTS)[number];
4
6
  export declare const EE_LOGO_TEXT_COLORS: readonly ["grey", "white"];
5
7
  export type EELogoTextColor = (typeof EE_LOGO_TEXT_COLORS)[number];
6
8
  /**
@@ -18,18 +20,31 @@ export interface KuatHeaderProps extends React.HTMLAttributes<HTMLElement> {
18
20
  logo?: React.ReactNode;
19
21
  /** Page or application title */
20
22
  title?: string;
21
- /** Navigation items - visible on desktop, hidden on mobile */
22
- navigation?: React.ReactNode;
23
- /** Right-side actions (e.g., user menu, search) - visible on desktop */
24
- actions?: React.ReactNode;
23
+ /** Navigation items or legacy navigation node. */
24
+ navigation?: React.ReactNode | KuatHeaderNavItem[];
25
+ /** Right-side actions or legacy action node. */
26
+ actions?: React.ReactNode | KuatHeaderActionItem[];
25
27
  /** Mobile menu trigger button (e.g., hamburger icon) */
26
28
  mobileMenuTrigger?: React.ReactNode;
27
29
  /** Mobile menu content (typically a Sheet or Drawer) */
28
30
  mobileMenu?: React.ReactNode;
29
31
  /** Hide the default EE logo */
30
32
  hideLogo?: boolean;
33
+ /** Brand lockup layout in header. */
34
+ lockupVariant?: KuatHeaderLockupVariant;
31
35
  variant?: KuatHeaderVariant;
32
36
  }
37
+ export interface KuatHeaderSubItem {
38
+ label: string;
39
+ url: string;
40
+ }
41
+ export interface KuatHeaderNavItem extends KuatHeaderSubItem {
42
+ items?: KuatHeaderSubItem[];
43
+ }
44
+ export interface KuatHeaderActionItem extends KuatHeaderSubItem {
45
+ icon?: React.ReactNode;
46
+ items?: KuatHeaderSubItem[];
47
+ }
33
48
  declare const KuatHeader: React.ForwardRefExoticComponent<KuatHeaderProps & React.RefAttributes<HTMLElement>>;
34
49
  /** Returns class string for header variant (backward compatibility). */
35
50
  export declare function kuatHeaderVariants(options?: {
package/dist/index.d.ts CHANGED
@@ -4,8 +4,8 @@ export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants
4
4
  export type { ButtonGroupProps, ButtonGroupTextProps, ButtonGroupSeparatorProps, ButtonGroupOrientation, } from './components/ui/button-group';
5
5
  export { ContentCard } from './components/ui/content-card';
6
6
  export type { ContentCardProps } from './components/ui/content-card';
7
- export { KuatHeader, kuatHeaderVariants, EELogo } from './components/ui/kuat-header';
8
- export type { KuatHeaderProps, EELogoProps } from './components/ui/kuat-header';
7
+ export { KuatHeader, kuatHeaderVariants, EELogo, KUAT_HEADER_LOCKUP_VARIANTS, } from './components/ui/kuat-header';
8
+ export type { KuatHeaderProps, EELogoProps, KuatHeaderLockupVariant, KuatHeaderSubItem, KuatHeaderNavItem, KuatHeaderActionItem, } from './components/ui/kuat-header';
9
9
  export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, } from './components/ui/carousel';
10
10
  export type { CarouselItemBasis, CarouselResponsiveBasis, CarouselEventHandler, CarouselEventHandlers, CarouselProps, CarouselContentProps, CarouselItemProps, } from './components/ui/carousel';
11
11
  export { KuatCarousel, KuatCarouselContent, KuatCarouselItem, KuatCarouselPrevious, KuatCarouselNext, useKuatCarousel, } from './components/ui/kuat-carousel';