sage-nexus-ui 1.0.18 → 1.0.20

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,4 +1,4 @@
1
- import { type AccordionSummaryProps, type SxProps, type Theme } from "@mui/material";
1
+ import { type SxProps, type Theme } from "@mui/material";
2
2
  import type { ReactNode } from "react";
3
3
  export interface AccordionGroupProps {
4
4
  children: ReactNode;
@@ -6,17 +6,13 @@ export interface AccordionGroupProps {
6
6
  }
7
7
  export declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
8
8
  export interface AccordionGroupItemProps {
9
- /** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
10
9
  summary: ReactNode;
11
10
  children: ReactNode;
12
11
  defaultExpanded?: boolean;
13
12
  disabled?: boolean;
14
- /** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
15
- summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
16
- /** Override the default ExpandMoreIcon. */
13
+ summaryProps?: Record<string, ReactNode>;
17
14
  expandIcon?: ReactNode;
18
15
  sx?: SxProps<Theme>;
19
- /** sx applied to the AccordionDetails wrapper. */
20
16
  detailsSx?: SxProps<Theme>;
21
17
  }
22
18
  export declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,17 +1,13 @@
1
- import { type AccordionSummaryProps, type SxProps, type Theme } from "@mui/material";
1
+ import { type SxProps, type Theme } from "@mui/material";
2
2
  import type { ReactNode } from "react";
3
3
  export interface AccordionSingleProps {
4
- /** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
5
4
  summary: ReactNode;
6
5
  children: ReactNode;
7
6
  defaultExpanded?: boolean;
8
7
  disabled?: boolean;
9
- /** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
10
- summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
11
- /** Override the default ExpandMoreIcon. */
8
+ summaryProps?: Record<string, ReactNode>;
12
9
  expandIcon?: ReactNode;
13
10
  sx?: SxProps<Theme>;
14
- /** sx applied to the AccordionDetails wrapper. */
15
11
  detailsSx?: SxProps<Theme>;
16
12
  }
17
13
  export declare const AccordionSingle: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { type SkeletonProps as MuiSkeletonProps } from "@mui/material";
2
+ export type SkeletonProps = MuiSkeletonProps;
3
+ /**
4
+ * A themed wrapper around MUI Skeleton.
5
+ *
6
+ * - `variant="text"` (default) — height is inferred from the surrounding font
7
+ * size, no explicit height needed. Width defaults to 100%.
8
+ * - `variant="rectangular"` / `"rounded"` — fills `width="100%"` by default;
9
+ * pass an explicit `height` (e.g. `height={120}`) when the container has no
10
+ * intrinsic size.
11
+ * - `variant="circular"` — pass explicit `width` and `height` for an avatar
12
+ * placeholder.
13
+ */
14
+ export declare const Skeleton: ({ variant, width, ...rest }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,7 @@
1
1
  export * from "./DateFormats";
2
2
  export { ActionBar } from "./ActionBar";
3
3
  export { AccordionGroup, AccordionGroupItem } from "./AccordionGroup";
4
- export type { AccordionGroupProps, AccordionGroupItemProps } from "./AccordionGroup";
4
+ export type { AccordionGroupProps, AccordionGroupItemProps, } from "./AccordionGroup";
5
5
  export { AccordionSingle } from "./AccordionSingle";
6
6
  export type { AccordionSingleProps } from "./AccordionSingle";
7
7
  export { H1, H2, H3, H4, ActionBarTitle, Body1, Body2, Caption, } from "./Typography";
@@ -41,3 +41,5 @@ export { SearchInput } from "./SearchInput";
41
41
  export { SkillChip } from "./SkillChip";
42
42
  export { StatusChip } from "./StatusChip";
43
43
  export { ThemeToggle } from "./ThemeToggle";
44
+ export { Skeleton } from "./Skeleton";
45
+ export type { SkeletonProps } from "./Skeleton";
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import react__default, { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { SxProps, Theme, AccordionSummaryProps, TypographyProps, ButtonProps, PaperProps, CardProps as CardProps$1, BoxProps, ChipProps } from '@mui/material';
4
+ import { SxProps, Theme, TypographyProps, ButtonProps, PaperProps, CardProps as CardProps$1, BoxProps, ChipProps, SkeletonProps as SkeletonProps$1 } from '@mui/material';
5
5
  export { PaperProps } from '@mui/material';
6
6
  import { SxProps as SxProps$1 } from '@mui/system';
7
7
  import { Theme as Theme$1, SxProps as SxProps$2 } from '@mui/material/styles';
@@ -26,33 +26,25 @@ interface AccordionGroupProps {
26
26
  }
27
27
  declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => react_jsx_runtime.JSX.Element;
28
28
  interface AccordionGroupItemProps {
29
- /** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
30
29
  summary: ReactNode;
31
30
  children: ReactNode;
32
31
  defaultExpanded?: boolean;
33
32
  disabled?: boolean;
34
- /** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
35
- summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
36
- /** Override the default ExpandMoreIcon. */
33
+ summaryProps?: Record<string, ReactNode>;
37
34
  expandIcon?: ReactNode;
38
35
  sx?: SxProps<Theme>;
39
- /** sx applied to the AccordionDetails wrapper. */
40
36
  detailsSx?: SxProps<Theme>;
41
37
  }
42
38
  declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => react_jsx_runtime.JSX.Element;
43
39
 
44
40
  interface AccordionSingleProps {
45
- /** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
46
41
  summary: ReactNode;
47
42
  children: ReactNode;
48
43
  defaultExpanded?: boolean;
49
44
  disabled?: boolean;
50
- /** Props forwarded to AccordionSummary (e.g. aria-controls, id). */
51
- summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
52
- /** Override the default ExpandMoreIcon. */
45
+ summaryProps?: Record<string, ReactNode>;
53
46
  expandIcon?: ReactNode;
54
47
  sx?: SxProps<Theme>;
55
- /** sx applied to the AccordionDetails wrapper. */
56
48
  detailsSx?: SxProps<Theme>;
57
49
  }
58
50
  declare const AccordionSingle: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => react_jsx_runtime.JSX.Element;
@@ -212,6 +204,20 @@ declare const StatusChip: React.FC<StatusChipProps>;
212
204
 
213
205
  declare const ThemeToggle: React.FC;
214
206
 
207
+ type SkeletonProps = SkeletonProps$1;
208
+ /**
209
+ * A themed wrapper around MUI Skeleton.
210
+ *
211
+ * - `variant="text"` (default) — height is inferred from the surrounding font
212
+ * size, no explicit height needed. Width defaults to 100%.
213
+ * - `variant="rectangular"` / `"rounded"` — fills `width="100%"` by default;
214
+ * pass an explicit `height` (e.g. `height={120}`) when the container has no
215
+ * intrinsic size.
216
+ * - `variant="circular"` — pass explicit `width` and `height` for an avatar
217
+ * placeholder.
218
+ */
219
+ declare const Skeleton: ({ variant, width, ...rest }: SkeletonProps) => react_jsx_runtime.JSX.Element;
220
+
215
221
  type ThemeMode = "light" | "dark";
216
222
  type ModeTokens = {
217
223
  background: {
@@ -313,5 +319,5 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
313
319
  declare const leftPipe: SxProps$2<Theme$1>;
314
320
  declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
315
321
 
316
- 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 };
317
- export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, ThemeMode };
322
+ 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, Skeleton, SkillChip, StatusChip, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
323
+ export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SkeletonProps, ThemeMode };