sage-nexus-ui 1.0.1 → 1.0.3

package/dist/components/ActionBar.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode, ReactElement } from "react";
+export interface ActionBarProps {
+    title?: ReactNode;
+    extraLeft?: ReactNode;
+    extraRight?: ReactNode;
+}
+export declare const ActionBar: ({ title, extraLeft, extraRight, }: ActionBarProps) => ReactElement;

package/dist/components/NexusHome.d.ts

@@ -0,0 +1 @@
+export declare const NexusHome: React.FC;

package/dist/components/TextHighlightAi.d.ts

@@ -0,0 +1,6 @@
+export interface TextHighlightAiProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+    component?: React.ElementType;
+    style?: React.CSSProperties;
+}
+export declare const TextHighlightAi: React.FC<TextHighlightAiProps>;

package/dist/components/ThemeToggle.d.ts

@@ -0,0 +1 @@
+export declare const ThemeToggle: React.FC;

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export { ActionBar } from "./ActionBar";
+export { NexusHome } from "./NexusHome";
+export { ThemeToggle } from "./ThemeToggle";

package/dist/index.d.ts

@@ -1,4 +1,6 @@
-import { ReactNode, ReactElement } from 'react';
+import { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
+import { Theme, SxProps } from '@mui/material/styles';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ActionBarProps {
     title?: ReactNode;
@@ -9,13 +11,86 @@ declare const ActionBar: ({ title, extraLeft, extraRight, }: ActionBarProps) =>
 
 declare const NexusHome: React.FC;
 
-interface TextHighlightAiProps extends React.HTMLAttributes<HTMLElement> {
-    children?: React.ReactNode;
-    component?: React.ElementType;
-    style?: React.CSSProperties;
+declare const ThemeToggle: React.FC;
+
+type ThemeMode = "light" | "dark";
+declare const colours: {
+    readonly brilliantGreen: "#00D639";
+    readonly primaryGreenHover: "#00BE32";
+    readonly primaryGreenActive: "#00AA2D";
+    readonly jade: "#00A65C";
+    readonly teal: "#006362";
+    readonly navy: "#00293F";
+    readonly cherry: "#cc0f4b";
+    readonly terra: "#A13829";
+    readonly amber: "#E9875B";
+    readonly gold: "#F5C518";
+    readonly black: "#000000";
+    readonly white: "#FFFFFF";
+    readonly darkGrey: "#55616D";
+    readonly lightGrey: "#ffffffc2";
+};
+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 mesh: "radial-gradient(circle at top right, rgba(0, 214, 57, 0.16) 0%, transparent 34%), linear-gradient(135deg, rgba(0, 166, 92, 0.08) 0%, rgba(0, 99, 98, 0.12) 100%)";
+};
+declare const fontSageText = "SageText, Inter, Segoe UI, sans-serif";
+declare const fontSageUI = "SageUI, Inter, Segoe UI, sans-serif";
+
+declare module "@mui/material/styles" {
+    interface TypographyVariants {
+        actionBarTitle: CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        actionBarTitle?: CSSProperties;
+    }
+}
+declare module "@mui/material/Typography" {
+    interface TypographyPropsVariantOverrides {
+        actionBarTitle: true;
+    }
 }
-declare const TextHighlightAi: React.FC<TextHighlightAiProps>;
 
-declare const ThemeToggle: React.FC;
+declare const createSageTheme: (mode?: ThemeMode) => Theme;
+
+type MuiAppThemeProviderProps = PropsWithChildren<{
+    mode?: ThemeMode;
+}>;
+declare const MuiAppThemeProvider: ({ children, mode }: MuiAppThemeProviderProps) => react_jsx_runtime.JSX.Element;
+
+type ThemeModeContextValue = {
+    mode: ThemeMode;
+    toggleMode: () => void;
+};
+declare const useThemeMode: () => ThemeModeContextValue;
+declare const ThemeModeProvider: ({ children }: PropsWithChildren) => react_jsx_runtime.JSX.Element;
+
+type GradientBorderOptions = {
+    borderRadius?: number;
+    padding?: number;
+};
+declare const getGradientBorderStyles: (theme: Theme, options?: GradientBorderOptions) => {
+    position: string;
+    borderRadius: number;
+    border: string;
+    background: string;
+    backgroundClip: string;
+    "&::before": {
+        content: string;
+        position: string;
+        inset: number;
+        borderRadius: string;
+        padding: string;
+        background: "linear-gradient(135deg, #00D639 0%, #00A65C 42%, #006362 100%)";
+        WebkitMask: string;
+        WebkitMaskComposite: string;
+        maskComposite: string;
+        pointerEvents: string;
+    };
+};
+declare const leftPipe: SxProps<Theme>;
+declare const expandableText: (isExpanded: boolean) => SxProps<Theme>;
 
-export { ActionBar, NexusHome, TextHighlightAi, ThemeToggle };
+export { ActionBar, MuiAppThemeProvider, NexusHome, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, getGradientBorderStyles, gradients, leftPipe, useThemeMode };
+export type { GradientBorderOptions, ThemeMode };