sage-nexus-ui 1.0.16 → 1.0.18

package/dist/components/AccordionGroup.d.ts

@@ -0,0 +1,22 @@
+import { type AccordionSummaryProps, type SxProps, type Theme } from "@mui/material";
+import type { ReactNode } from "react";
+export interface AccordionGroupProps {
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+}
+export declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
+export interface AccordionGroupItemProps {
+    /** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
+    summary: ReactNode;
+    children: ReactNode;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    /** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
+    summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
+    /** Override the default ExpandMoreIcon. */
+    expandIcon?: ReactNode;
+    sx?: SxProps<Theme>;
+    /** sx applied to the AccordionDetails wrapper. */
+    detailsSx?: SxProps<Theme>;
+}
+export declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AccordionSingle.d.ts

@@ -0,0 +1,17 @@
+import { type AccordionSummaryProps, type SxProps, type Theme } from "@mui/material";
+import type { ReactNode } from "react";
+export interface AccordionSingleProps {
+    /** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
+    summary: ReactNode;
+    children: ReactNode;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    /** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
+    summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
+    /** Override the default ExpandMoreIcon. */
+    expandIcon?: ReactNode;
+    sx?: SxProps<Theme>;
+    /** sx applied to the AccordionDetails wrapper. */
+    detailsSx?: SxProps<Theme>;
+}
+export declare const AccordionSingle: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AiCard.d.ts

@@ -0,0 +1,3 @@
+import { type CardProps } from "./Card";
+export type AiCardProps = CardProps;
+export declare const AiCard: ({ sx, children, ...rest }: AiCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AiGlassCard.d.ts

@@ -0,0 +1,3 @@
+import { type GlassCardProps } from "./GlassCard";
+export type AiGlassCardProps = GlassCardProps;
+export declare const AiGlassCard: ({ sx, children, ...rest }: AiGlassCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card.d.ts

@@ -0,0 +1,15 @@
+import { type CardProps as MuiCardProps } from "@mui/material";
+export type CardTrend = "up" | "flat" | "down";
+export interface CardProps extends MuiCardProps {
+    /** Small icon displayed beside the label. Pass an MUI SvgIcon element. */
+    icon?: React.ReactNode;
+    /** Card label / metric name. */
+    label?: string;
+    /** Primary large value. */
+    value?: string;
+    /** Supporting subtext (e.g. "+11% YoY"). Coloured by trend when provided. */
+    subtext?: string;
+    /** Controls the colour of subtext. */
+    trend?: CardTrend;
+}
+export declare const Card: ({ icon, label, value, subtext, trend, sx, children, ...rest }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlassCard.d.ts

@@ -0,0 +1,3 @@
+import { type CardProps } from "./Card";
+export type GlassCardProps = CardProps;
+export declare const GlassCard: ({ sx, ...rest }: GlassCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/NexusHome.d.ts

@@ -1 +1,5 @@
-export declare const NexusHome: React.FC;
+interface NexusHomeProps {
+    href?: string;
+}
+export declare const NexusHome: React.FC<NexusHomeProps>;
+export {};

package/dist/components/index.d.ts

@@ -1,5 +1,9 @@
 export * from "./DateFormats";
 export { ActionBar } from "./ActionBar";
+export { AccordionGroup, AccordionGroupItem } from "./AccordionGroup";
+export type { AccordionGroupProps, AccordionGroupItemProps } from "./AccordionGroup";
+export { AccordionSingle } from "./AccordionSingle";
+export type { AccordionSingleProps } from "./AccordionSingle";
 export { H1, H2, H3, H4, ActionBarTitle, Body1, Body2, Caption, } from "./Typography";
 export { AiButton } from "./AiButton";
 export type { AiButtonProps } from "./AiButton";
@@ -7,6 +11,14 @@ export { AiPaper } from "./AiPaper";
 export type { AiPaperProps } from "./AiPaper";
 export { AiGlassPaper } from "./AiGlassPaper";
 export type { AiGlassPaperProps } from "./AiGlassPaper";
+export { Card } from "./Card";
+export type { CardProps, CardTrend } from "./Card";
+export { GlassCard } from "./GlassCard";
+export type { GlassCardProps } from "./GlassCard";
+export { AiCard } from "./AiCard";
+export type { AiCardProps } from "./AiCard";
+export { AiGlassCard } from "./AiGlassCard";
+export type { AiGlassCardProps } from "./AiGlassCard";
 export { CheckboxGroup } from "./CheckboxGroup";
 export { Paper } from "./Paper";
 export type { PaperProps } from "./Paper";

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import * as react from 'react';
 import react__default, { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
-import { TypographyProps, ButtonProps, PaperProps, BoxProps, SxProps as SxProps$1, ChipProps } from '@mui/material';
-export { PaperProps } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SxProps } from '@mui/system';
-import { Theme, SxProps as SxProps$2 } from '@mui/material/styles';
+import { SxProps, Theme, AccordionSummaryProps, TypographyProps, ButtonProps, PaperProps, CardProps as CardProps$1, BoxProps, ChipProps } from '@mui/material';
+export { PaperProps } from '@mui/material';
+import { SxProps as SxProps$1 } from '@mui/system';
+import { Theme as Theme$1, SxProps as SxProps$2 } from '@mui/material/styles';
 
 declare const getFiscalPeriod: (date: Date) => {
     fiscalYear: number;
@@ -20,6 +20,43 @@ interface ActionBarProps {
 }
 declare const ActionBar: ({ title, extraLeft, extraRight, }: ActionBarProps) => ReactElement;
 
+interface AccordionGroupProps {
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+}
+declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => react_jsx_runtime.JSX.Element;
+interface AccordionGroupItemProps {
+    /** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
+    summary: ReactNode;
+    children: ReactNode;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    /** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
+    summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
+    /** Override the default ExpandMoreIcon. */
+    expandIcon?: ReactNode;
+    sx?: SxProps<Theme>;
+    /** sx applied to the AccordionDetails wrapper. */
+    detailsSx?: SxProps<Theme>;
+}
+declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => react_jsx_runtime.JSX.Element;
+
+interface AccordionSingleProps {
+    /** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
+    summary: ReactNode;
+    children: ReactNode;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    /** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
+    summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
+    /** Override the default ExpandMoreIcon. */
+    expandIcon?: ReactNode;
+    sx?: SxProps<Theme>;
+    /** sx applied to the AccordionDetails wrapper. */
+    detailsSx?: SxProps<Theme>;
+}
+declare const AccordionSingle: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => react_jsx_runtime.JSX.Element;
+
 /**
  * Typed wrappers around MUI Typography that fix the `variant` prop and
  * inherit colour from the sageTheme TYPOGRAPHY_COLOURS map.
@@ -59,14 +96,38 @@ declare const GlassPaper: ({ sx, children, ...rest }: GlassPaperProps) => react_
 type AiGlassPaperProps = GlassPaperProps;
 declare const AiGlassPaper: ({ sx, children, ...rest }: AiGlassPaperProps) => react_jsx_runtime.JSX.Element;
 
+type CardTrend = "up" | "flat" | "down";
+interface CardProps extends CardProps$1 {
+    /** Small icon displayed beside the label. Pass an MUI SvgIcon element. */
+    icon?: React.ReactNode;
+    /** Card label / metric name. */
+    label?: string;
+    /** Primary large value. */
+    value?: string;
+    /** Supporting subtext (e.g. "+11% YoY"). Coloured by trend when provided. */
+    subtext?: string;
+    /** Controls the colour of subtext. */
+    trend?: CardTrend;
+}
+declare const Card: ({ icon, label, value, subtext, trend, sx, children, ...rest }: CardProps) => react_jsx_runtime.JSX.Element;
+
+type GlassCardProps = CardProps;
+declare const GlassCard: ({ sx, ...rest }: GlassCardProps) => react_jsx_runtime.JSX.Element;
+
+type AiCardProps = CardProps;
+declare const AiCard: ({ sx, children, ...rest }: AiCardProps) => react_jsx_runtime.JSX.Element;
+
+type AiGlassCardProps = GlassCardProps;
+declare const AiGlassCard: ({ sx, children, ...rest }: AiGlassCardProps) => react_jsx_runtime.JSX.Element;
+
 interface CheckboxGroupProps {
     title?: React.ReactNode;
     labels?: string[];
     selectedValues?: string[];
     onChange?: (values: string[]) => void;
-    rootSx?: SxProps<Theme>;
-    groupSx?: SxProps<Theme>;
-    titleSx?: SxProps<Theme>;
+    rootSx?: SxProps$1<Theme$1>;
+    groupSx?: SxProps$1<Theme$1>;
+    titleSx?: SxProps$1<Theme$1>;
 }
 declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
 
@@ -79,13 +140,16 @@ interface LocationMultiSelectProps {
     emptyLabel?: string;
     selectedLocations?: string[];
     onLocationsChange?: (next: string[]) => void;
-    formControlSx?: SxProps$1<Theme>;
-    menuSx?: SxProps$1<Theme>;
-    selectSx?: SxProps$1<Theme>;
+    formControlSx?: SxProps<Theme$1>;
+    menuSx?: SxProps<Theme$1>;
+    selectSx?: SxProps<Theme$1>;
 }
 declare const LocationMultiSelect: react__default.FC<LocationMultiSelectProps>;
 
-declare const NexusHome: React.FC;
+interface NexusHomeProps {
+    href?: string;
+}
+declare const NexusHome: React.FC<NexusHomeProps>;
 
 type LogoProps = {
     size?: "sm" | "md" | "lg";
@@ -127,8 +191,8 @@ interface SearchInputProps {
     onSearchChange: (value: string) => void;
     placeholder?: string;
     searchValue?: string;
-    sx?: SxProps$1<Theme>;
-    styles?: SxProps$1<Theme>;
+    sx?: SxProps<Theme$1>;
+    styles?: SxProps<Theme$1>;
 }
 declare const SearchInput: react__default.FC<SearchInputProps>;
 
@@ -157,6 +221,7 @@ type ModeTokens = {
     text: {
         primary: string;
         secondary: string;
+        blues: string;
         greens: string;
         greys: string;
     };
@@ -169,9 +234,11 @@ declare const colours: {
     readonly brilliantGreen: "#00D639";
     readonly primaryGreenHover: "#00BE32";
     readonly primaryGreenActive: "#00AA2D";
+    readonly cyan: "#00D6DE";
     readonly jade: "#00A65C";
     readonly teal: "#006362";
-    readonly navy: "#2977a1";
+    readonly blue: "#2D60FF";
+    readonly navy: "#1531af";
     readonly cherry: "#cc0f4b";
     readonly terra: "#A13829";
     readonly amber: "#E9875B";
@@ -204,7 +271,7 @@ declare module "@mui/material/Typography" {
     }
 }
 
-declare const createSageTheme: (mode?: ThemeMode) => Theme;
+declare const createSageTheme: (mode?: ThemeMode) => Theme$1;
 
 declare const useTokens: () => ModeTokens;
 
@@ -224,7 +291,7 @@ type GradientBorderOptions = {
     borderRadius?: number;
     padding?: number;
 };
-declare const getGradientBorderStyles: (theme: Theme, options?: GradientBorderOptions) => {
+declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorderOptions) => {
     position: string;
     borderRadius: number;
     border: string;
@@ -243,8 +310,8 @@ declare const getGradientBorderStyles: (theme: Theme, options?: GradientBorderOp
         pointerEvents: string;
     };
 };
-declare const leftPipe: SxProps$2<Theme>;
-declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme>;
+declare const leftPipe: SxProps$2<Theme$1>;
+declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
 
-export { ActionBar, ActionBarTitle, AiButton, AiGlassPaper, AiPaper, Body1, Body2, Caption, CheckboxGroup, GlassPaper, GreenWaveBackground, H1, H2, H3, H4, LocationMultiSelect, MuiAppThemeProvider, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, SkillChip, StatusChip, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
-export type { AiButtonProps, AiGlassPaperProps, AiPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, ThemeMode };
+export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AiButton, AiCard, AiGlassCard, AiGlassPaper, AiPaper, Body1, Body2, Caption, Card, CheckboxGroup, GlassCard, GlassPaper, GreenWaveBackground, H1, H2, H3, H4, LocationMultiSelect, MuiAppThemeProvider, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, SkillChip, StatusChip, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
+export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, ThemeMode };