sage-nexus-ui 1.2.6 → 1.3.0

package/dist/components/LogoOptions/LogoOption10.d.ts

@@ -1,6 +1,6 @@
 type LogoProps = {
     size?: "sm" | "md" | "lg";
 };
-/** Option 10 — Arial Medium, NEXUS all-caps, shimmer on X glyph */
+/** Option 10 — Sage UI Light, NEXUS all-caps, shimmer on whole word */
 export declare const LogoOption10: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/LogoOptions/LogoOption11.d.ts

@@ -1,6 +1,5 @@
 type LogoProps = {
     size?: "sm" | "md" | "lg";
 };
-/** Option 11 — Arial Medium, NEXUS all-caps, shimmer on node icon */
 export declare const LogoOption11: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/LogoOptions/LogoOption12.d.ts

@@ -1,6 +1,6 @@
 type LogoProps = {
     size?: "sm" | "md" | "lg";
 };
-/** Option 12 — Arial Medium, NEXUS all-caps, shimmer on whole word */
+/** Option 12 — Arial Bold, NEXUS all-caps, shimmer on node icon */
 export declare const LogoOption12: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/LogoOptions/LogoOption13.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 13 — Arial Medium, NEXUS all-caps, shimmer on X glyph */
+export declare const LogoOption13: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption14.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 14 — Arial Medium, NEXUS all-caps, shimmer on node icon */
+export declare const LogoOption14: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption15.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 15 — Arial Medium, NEXUS all-caps, shimmer on whole word */
+export declare const LogoOption15: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption8.d.ts

@@ -1,5 +1,6 @@
 type LogoProps = {
     size?: "sm" | "md" | "lg";
 };
+/** Option 8 — Sage UI Light, NEXUS all-caps, shimmer on X glyph */
 export declare const LogoOption8: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/LogoOptions/LogoOption9.d.ts

@@ -1,6 +1,6 @@
 type LogoProps = {
     size?: "sm" | "md" | "lg";
 };
-/** Option 9 — Arial Bold, NEXUS all-caps, shimmer on node icon */
+/** Option 9 — Sage UI Light, NEXUS all-caps, shimmer on node icon */
 export declare const LogoOption9: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/LogoOptions/index.d.ts

@@ -11,6 +11,9 @@ export * from "./LogoOption9";
 export * from "./LogoOption10";
 export * from "./LogoOption11";
 export * from "./LogoOption12";
+export * from "./LogoOption13";
+export * from "./LogoOption14";
+export * from "./LogoOption15";
 export declare const LogoOptions: {
     LogoOptionBase: ({ size, fontFamily, fontWeight, text, letterSpacing, nodeShimmerMode, baselineOffset, ariaLabel, }: import("./LogoOptionBase").LogoOptionBaseProps) => import("react/jsx-runtime").JSX.Element;
     LogoOption1: ({ size }: {
@@ -49,5 +52,14 @@ export declare const LogoOptions: {
     LogoOption12: ({ size }: {
         size?: "sm" | "md" | "lg";
     }) => import("react/jsx-runtime").JSX.Element;
+    LogoOption13: ({ size }: {
+        size?: "sm" | "md" | "lg";
+    }) => import("react/jsx-runtime").JSX.Element;
+    LogoOption14: ({ size }: {
+        size?: "sm" | "md" | "lg";
+    }) => import("react/jsx-runtime").JSX.Element;
+    LogoOption15: ({ size }: {
+        size?: "sm" | "md" | "lg";
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export default LogoOptions;

package/dist/components/SideBlade.d.ts

@@ -0,0 +1,28 @@
+import { type SxProps, type Theme } from "@mui/material";
+import type { ReactNode } from "react";
+export interface SideBladeProps {
+    /** Whether the blade is currently expanded */
+    open: boolean;
+    /** Called when the toggle button is clicked, or when the mobile backdrop is clicked */
+    onToggle: () => void;
+    /** Content shown when the blade is expanded */
+    children?: ReactNode;
+    /**
+     * Optional content shown when the blade is collapsed (e.g. icon-only navigation).
+     * When omitted the blade shows only the toggle button in its collapsed state.
+     */
+    collapsedContent?: ReactNode;
+    /** Width of the blade when expanded (px). Default: 240 */
+    expandedWidth?: number;
+    /** Width of the blade when collapsed (px). Default: 64 */
+    collapsedWidth?: number;
+    /** Additional sx overrides applied to the Drawer Paper */
+    sx?: SxProps<Theme>;
+}
+/**
+ * SideBlade — a mini-variant persistent Drawer that expands/collapses.
+ *
+ * On mobile (< sm) it becomes a full temporary overlay drawer.
+ * Content is fully customisable via `children`.
+ */
+export declare const SideBlade: ({ open, onToggle, children, collapsedContent, expandedWidth, collapsedWidth, sx, }: SideBladeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -61,6 +61,8 @@ export { RagChip } from "./RagChip";
 export { SecondaryButtonLink } from "./SecondaryButtonLink";
 export type { SecondaryButtonLinkProps } from "./SecondaryButtonLink";
 export { SearchInput } from "./SearchInput";
+export { SideBlade } from "./SideBlade";
+export type { SideBladeProps } from "./SideBlade";
 export { Skeleton } from "./Skeleton";
 export type { SkeletonProps } from "./Skeleton";
 export { SkillChip } from "./SkillChip";

package/dist/index.d.ts

@@ -241,6 +241,15 @@ declare const LogoOptions: {
     LogoOption12: ({ size }: {
         size?: "sm" | "md" | "lg";
     }) => react_jsx_runtime.JSX.Element;
+    LogoOption13: ({ size }: {
+        size?: "sm" | "md" | "lg";
+    }) => react_jsx_runtime.JSX.Element;
+    LogoOption14: ({ size }: {
+        size?: "sm" | "md" | "lg";
+    }) => react_jsx_runtime.JSX.Element;
+    LogoOption15: ({ size }: {
+        size?: "sm" | "md" | "lg";
+    }) => react_jsx_runtime.JSX.Element;
 };
 
 interface NexusHomeProps {
@@ -301,6 +310,33 @@ interface SearchInputProps {
 }
 declare const SearchInput: react__default.FC<SearchInputProps>;
 
+interface SideBladeProps {
+    /** Whether the blade is currently expanded */
+    open: boolean;
+    /** Called when the toggle button is clicked, or when the mobile backdrop is clicked */
+    onToggle: () => void;
+    /** Content shown when the blade is expanded */
+    children?: ReactNode;
+    /**
+     * Optional content shown when the blade is collapsed (e.g. icon-only navigation).
+     * When omitted the blade shows only the toggle button in its collapsed state.
+     */
+    collapsedContent?: ReactNode;
+    /** Width of the blade when expanded (px). Default: 240 */
+    expandedWidth?: number;
+    /** Width of the blade when collapsed (px). Default: 64 */
+    collapsedWidth?: number;
+    /** Additional sx overrides applied to the Drawer Paper */
+    sx?: SxProps<Theme>;
+}
+/**
+ * SideBlade — a mini-variant persistent Drawer that expands/collapses.
+ *
+ * On mobile (< sm) it becomes a full temporary overlay drawer.
+ * Content is fully customisable via `children`.
+ */
+declare const SideBlade: ({ open, onToggle, children, collapsedContent, expandedWidth, collapsedWidth, sx, }: SideBladeProps) => react_jsx_runtime.JSX.Element;
+
 type SkeletonProps = SkeletonProps$1;
 /**
  * A themed wrapper around MUI Skeleton.
@@ -450,5 +486,5 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
 declare const leftPipe: SxProps$2<Theme$1>;
 declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
 
-export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AiButton, AiCard, AiGlassCard, AiGlassPaper, AiPaper, Body1, Body2, Box, ButtonBase, Caption, Card, CheckboxGroup, Chip, Collapse, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, H1, H2, H3, H4, IconButton, LoadingSpinnerNexus, LocationMultiSelect, LogoOptions, MuiAppThemeProvider, NexusDataGrid, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagChip, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, Skeleton, SkillChip, Stack, StatusChip, Tab, Tabs, TextField, ThemeModeProvider, ThemeToggle, Tooltip, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
-export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, LoadingSpinnerNexusProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SkeletonProps, ThemeMode, TooltipProps };
+export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AiButton, AiCard, AiGlassCard, AiGlassPaper, AiPaper, Body1, Body2, Box, ButtonBase, Caption, Card, CheckboxGroup, Chip, Collapse, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, H1, H2, H3, H4, IconButton, LoadingSpinnerNexus, LocationMultiSelect, LogoOptions, MuiAppThemeProvider, NexusDataGrid, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagChip, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, SideBlade, Skeleton, SkillChip, Stack, StatusChip, Tab, Tabs, TextField, ThemeModeProvider, ThemeToggle, Tooltip, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
+export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, LoadingSpinnerNexusProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SideBladeProps, SkeletonProps, ThemeMode, TooltipProps };