sage-nexus-ui 1.0.15 → 1.0.17

package/dist/components/AiButton.d.ts

@@ -1,8 +1,8 @@
-import { type ButtonBaseProps } from "@mui/material";
-export interface AiButtonProps extends Omit<ButtonBaseProps, "children"> {
-    size?: "small" | "medium" | "large";
-    children?: React.ReactNode;
+import { type SecondaryButtonProps } from "./SecondaryButton";
+export interface AiButtonProps extends Omit<SecondaryButtonProps, "color" | "children" | "startIcon"> {
+    /** Button label. Defaults to "Nexus Insights". */
+    label?: string;
+    /** Override the start icon. Defaults to AutoAwesomeIcon. */
     startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
 }
 export declare const AiButton: React.FC<AiButtonProps>;

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/AiGlassPaper.d.ts

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

package/dist/components/AiPaper.d.ts

@@ -1,3 +1,3 @@
-import { type PaperProps } from "@mui/material";
+import { type PaperProps } from "./Paper";
 export type AiPaperProps = PaperProps;
 export declare const AiPaper: ({ sx, children, ...rest }: AiPaperProps) => 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/GlassPaper.d.ts

@@ -1,3 +1,3 @@
-import { type PaperProps } from "@mui/material";
+import { type PaperProps } from "./Paper";
 export type GlassPaperProps = PaperProps;
 export declare const GlassPaper: ({ sx, children, ...rest }: GlassPaperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Paper.d.ts

@@ -0,0 +1,3 @@
+import { type PaperProps } from "@mui/material";
+export type { PaperProps };
+export declare const Paper: ({ children, ...rest }: PaperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PrimaryButtonLink.d.ts

@@ -0,0 +1,9 @@
+import { type PrimaryButtonProps } from "./PrimaryButton";
+export interface PrimaryButtonLinkProps extends Omit<PrimaryButtonProps, "href" | "component"> {
+    href: string;
+    openInNewTab?: boolean;
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+    download?: React.AnchorHTMLAttributes<HTMLAnchorElement>["download"];
+}
+export declare const PrimaryButtonLink: React.FC<PrimaryButtonLinkProps>;

package/dist/components/SecondaryButtonLink.d.ts

@@ -0,0 +1,10 @@
+import { type SecondaryButtonProps } from "./SecondaryButton";
+export interface SecondaryButtonLinkProps extends Omit<SecondaryButtonProps, "href" | "component"> {
+    href: string;
+    color?: string;
+    openInNewTab?: boolean;
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+    download?: React.AnchorHTMLAttributes<HTMLAnchorElement>["download"];
+}
+export declare const SecondaryButtonLink: React.FC<SecondaryButtonLinkProps>;

package/dist/components/Typography.d.ts

@@ -0,0 +1,16 @@
+import { type TypographyProps } from "@mui/material";
+/**
+ * Typed wrappers around MUI Typography that fix the `variant` prop and
+ * inherit colour from the sageTheme TYPOGRAPHY_COLOURS map.
+ * All other TypographyProps (sx, component, className, children, …) are forwarded.
+ */
+type Props = Omit<TypographyProps, "variant">;
+export declare const H1: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const H2: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const H3: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const H4: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const ActionBarTitle: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Body1: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Body2: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Caption: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export {};

package/dist/components/index.d.ts

@@ -1,10 +1,23 @@
 export * from "./DateFormats";
 export { ActionBar } from "./ActionBar";
+export { H1, H2, H3, H4, ActionBarTitle, Body1, Body2, Caption, } from "./Typography";
 export { AiButton } from "./AiButton";
 export type { AiButtonProps } from "./AiButton";
 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";
 export { GlassPaper } from "./GlassPaper";
 export { GreenWaveBackground } from "./GreenWaveBackground";
 export type { GreenWaveBackgroundProps } from "./GreenWaveBackground";
@@ -15,6 +28,10 @@ export { PrimaryButton } from "./PrimaryButton";
 export type { PrimaryButtonProps } from "./PrimaryButton";
 export { SecondaryButton } from "./SecondaryButton";
 export type { SecondaryButtonProps } from "./SecondaryButton";
+export { PrimaryButtonLink } from "./PrimaryButtonLink";
+export type { PrimaryButtonLinkProps } from "./PrimaryButtonLink";
+export { SecondaryButtonLink } from "./SecondaryButtonLink";
+export type { SecondaryButtonLinkProps } from "./SecondaryButtonLink";
 export { default as RagDot } from "./RagDot";
 export { SearchInput } from "./SearchInput";
 export { SkillChip } from "./SkillChip";

package/dist/index.d.ts

@@ -1,5 +1,7 @@
-import React$1, { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
-import { ButtonBaseProps, PaperProps, BoxProps, SxProps as SxProps$1, ButtonProps, ChipProps } from '@mui/material';
+import * as react from 'react';
+import react__default, { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
+import { TypographyProps, ButtonProps, PaperProps, CardProps as CardProps$1, 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';
@@ -18,17 +20,69 @@ interface ActionBarProps {
 }
 declare const ActionBar: ({ title, extraLeft, extraRight, }: ActionBarProps) => ReactElement;
 
-interface AiButtonProps extends Omit<ButtonBaseProps, "children"> {
+/**
+ * Typed wrappers around MUI Typography that fix the `variant` prop and
+ * inherit colour from the sageTheme TYPOGRAPHY_COLOURS map.
+ * All other TypographyProps (sx, component, className, children, …) are forwarded.
+ */
+type Props = Omit<TypographyProps, "variant">;
+declare const H1: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const H2: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const H3: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const H4: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const ActionBarTitle: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Body1: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Body2: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const Caption: react.ForwardRefExoticComponent<Omit<Props, "ref"> & react.RefAttributes<HTMLElement>>;
+
+interface SecondaryButtonProps extends Omit<ButtonProps, "variant" | "color"> {
     size?: "small" | "medium" | "large";
-    children?: React.ReactNode;
+}
+declare const SecondaryButton: React.FC<SecondaryButtonProps>;
+
+interface AiButtonProps extends Omit<SecondaryButtonProps, "color" | "children" | "startIcon"> {
+    /** Button label. Defaults to "Nexus Insights". */
+    label?: string;
+    /** Override the start icon. Defaults to AutoAwesomeIcon. */
     startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
 }
 declare const AiButton: React.FC<AiButtonProps>;
 
+declare const Paper: ({ children, ...rest }: PaperProps) => react_jsx_runtime.JSX.Element;
+
 type AiPaperProps = PaperProps;
 declare const AiPaper: ({ sx, children, ...rest }: AiPaperProps) => react_jsx_runtime.JSX.Element;
 
+type GlassPaperProps = PaperProps;
+declare const GlassPaper: ({ sx, children, ...rest }: GlassPaperProps) => react_jsx_runtime.JSX.Element;
+
+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[];
@@ -40,9 +94,6 @@ interface CheckboxGroupProps {
 }
 declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
 
-type GlassPaperProps = PaperProps;
-declare const GlassPaper: ({ sx, children, ...rest }: GlassPaperProps) => react_jsx_runtime.JSX.Element;
-
 type GreenWaveBackgroundProps = BoxProps;
 declare const GreenWaveBackground: ({ sx, children, ...rest }: GreenWaveBackgroundProps) => react_jsx_runtime.JSX.Element;
 
@@ -56,7 +107,7 @@ interface LocationMultiSelectProps {
     menuSx?: SxProps$1<Theme>;
     selectSx?: SxProps$1<Theme>;
 }
-declare const LocationMultiSelect: React$1.FC<LocationMultiSelectProps>;
+declare const LocationMultiSelect: react__default.FC<LocationMultiSelectProps>;
 
 declare const NexusHome: React.FC;
 
@@ -70,10 +121,24 @@ interface PrimaryButtonProps extends Omit<ButtonProps, "variant" | "color"> {
 }
 declare const PrimaryButton: React.FC<PrimaryButtonProps>;
 
-interface SecondaryButtonProps extends Omit<ButtonProps, "variant" | "color"> {
-    size?: "small" | "medium" | "large";
+interface PrimaryButtonLinkProps extends Omit<PrimaryButtonProps, "href" | "component"> {
+    href: string;
+    openInNewTab?: boolean;
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+    download?: React.AnchorHTMLAttributes<HTMLAnchorElement>["download"];
 }
-declare const SecondaryButton: React.FC<SecondaryButtonProps>;
+declare const PrimaryButtonLink: React.FC<PrimaryButtonLinkProps>;
+
+interface SecondaryButtonLinkProps extends Omit<SecondaryButtonProps, "href" | "component"> {
+    href: string;
+    color?: string;
+    openInNewTab?: boolean;
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
+    download?: React.AnchorHTMLAttributes<HTMLAnchorElement>["download"];
+}
+declare const SecondaryButtonLink: React.FC<SecondaryButtonLinkProps>;
 
 type RagStatus = "On Track" | "At Risk" | "Off Track" | string;
 interface RagDotProps {
@@ -89,13 +154,13 @@ interface SearchInputProps {
     sx?: SxProps$1<Theme>;
     styles?: SxProps$1<Theme>;
 }
-declare const SearchInput: React$1.FC<SearchInputProps>;
+declare const SearchInput: react__default.FC<SearchInputProps>;
 
 interface SkillChipProps extends ChipProps {
-    label?: React$1.ReactNode;
+    label?: react__default.ReactNode;
     tone?: "default" | "matched" | "accent" | string;
 }
-declare const SkillChip: React$1.FC<SkillChipProps>;
+declare const SkillChip: react__default.FC<SkillChipProps>;
 
 type ChipSize = "default" | "small";
 interface StatusChipProps extends ChipProps {
@@ -116,6 +181,7 @@ type ModeTokens = {
     text: {
         primary: string;
         secondary: string;
+        blues: string;
         greens: string;
         greys: string;
     };
@@ -128,9 +194,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";
@@ -143,6 +211,7 @@ declare const colours: {
 declare const gradients: {
     readonly brand: "linear-gradient(135deg, #00D639 0%, #00A65C 42%, #006362 100%)";
     readonly nexus: "linear-gradient(135deg, #00D639 0%, #00D6DE 40%, #2D60FF 100%)";
+    readonly aiConic: "conic-gradient(from var(--ai-angle), #00D639, #00D6DE, #2D60FF, #00D6DE, #00D639)";
 };
 declare const fontSageText = "SageText, Inter, Segoe UI, sans-serif";
 declare const fontSageUI = "SageUI, Inter, Segoe UI, sans-serif";
@@ -204,5 +273,5 @@ declare const getGradientBorderStyles: (theme: Theme, options?: GradientBorderOp
 declare const leftPipe: SxProps$2<Theme>;
 declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme>;
 
-export { ActionBar, AiButton, AiPaper, CheckboxGroup, GlassPaper, GreenWaveBackground, LocationMultiSelect, MuiAppThemeProvider, NexusHome, NexusLogo, PrimaryButton, RagDot, SearchInput, SecondaryButton, SkillChip, StatusChip, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
-export type { AiButtonProps, AiPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonProps, SecondaryButtonProps, ThemeMode };
+export { 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 { AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, ThemeMode };