anicca-ui 1.0.0 → 1.1.0
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.
- package/dist/anicca-ui.css +1 -1
- package/dist/anicca-ui.es.js +2637 -603
- package/dist/anicca-ui.umd.js +30 -1
- package/dist/auth/AuthModal/AuthModal.d.ts +92 -0
- package/dist/auth/AuthModal/index.d.ts +1 -0
- package/dist/auth/index.d.ts +1 -0
- package/dist/dashboard/components/ActivityFeed/ActivityFeed.d.ts +1 -10
- package/dist/dashboard/components/Breadcrumb/Breadcrumb.d.ts +1 -9
- package/dist/dashboard/components/ChartWrapper/ChartWrapper.d.ts +1 -15
- package/dist/dashboard/components/DataTable/DataTable.d.ts +3 -10
- package/dist/dashboard/components/Modal/Modal.d.ts +1 -9
- package/dist/dashboard/components/Navbar/Navbar.d.ts +1 -9
- package/dist/dashboard/components/ProgressCard/ProgressCard.d.ts +1 -14
- package/dist/dashboard/components/Sidebar/Sidebar.d.ts +2 -11
- package/dist/dashboard/components/StatCard/StatCard.d.ts +2 -12
- package/dist/dashboard/components/Tabs/Tabs.d.ts +1 -2
- package/dist/data/Avatar/Avatar.d.ts +31 -0
- package/dist/data/Avatar/index.d.ts +1 -0
- package/dist/data/Badge/Badge.d.ts +16 -0
- package/dist/data/Badge/index.d.ts +1 -0
- package/dist/data/Pagination/Pagination.d.ts +27 -0
- package/dist/data/Pagination/index.d.ts +1 -0
- package/dist/data/Skeleton/Skeleton.d.ts +18 -0
- package/dist/data/Skeleton/index.d.ts +1 -0
- package/dist/data/Spinner/Spinner.d.ts +16 -0
- package/dist/data/Spinner/index.d.ts +1 -0
- package/dist/data/index.d.ts +5 -0
- package/dist/demo/App.d.ts +1 -0
- package/dist/demo/data.d.ts +153 -0
- package/dist/demo/nav.d.ts +5 -0
- package/dist/demo/pages/AdminPage.d.ts +1 -0
- package/dist/demo/pages/DashboardPage.d.ts +1 -0
- package/dist/demo/pages/FormElementPage.d.ts +1 -0
- package/dist/demo/pages/FormValidationPage.d.ts +1 -0
- package/dist/demo/pages/FormWizardPage.d.ts +1 -0
- package/dist/demo/pages/Placeholder.d.ts +4 -0
- package/dist/demo/pages/ProfilePage.d.ts +1 -0
- package/dist/demo/pages/RtlPage.d.ts +1 -0
- package/dist/demo/pages/Settings2Page.d.ts +1 -0
- package/dist/demo/pages/SettingsPage.d.ts +1 -0
- package/dist/demo/pages/TableBasicPage.d.ts +1 -0
- package/dist/demo/pages/TableDataPage.d.ts +1 -0
- package/dist/demo/pages/auth.d.ts +5 -0
- package/dist/demo/pages/dashLayouts.d.ts +10 -0
- package/dist/demo/pages/errors.d.ts +3 -0
- package/dist/demo/pages/extra.d.ts +2 -0
- package/dist/demo/pages/icons.d.ts +3 -0
- package/dist/demo/pages/landing.d.ts +9 -0
- package/dist/demo/pages/maps.d.ts +3 -0
- package/dist/demo/pages/parts.d.ts +45 -0
- package/dist/demo/pages/plugins.d.ts +6 -0
- package/dist/demo/pages/special.d.ts +5 -0
- package/dist/demo/pages/users.d.ts +5 -0
- package/dist/demo/pages/widgets.d.ts +3 -0
- package/dist/demo/theme-init.d.ts +0 -0
- package/dist/demo/theme.d.ts +33 -0
- package/dist/demo/ui/AuthLayout.d.ts +9 -0
- package/dist/demo/ui/HeaderMenus.d.ts +2 -0
- package/dist/demo/ui/LandingLayout.d.ts +7 -0
- package/dist/demo/ui/Modal.d.ts +20 -0
- package/dist/demo/ui/Toast.d.ts +8 -0
- package/dist/demo/ui/UserMenu.d.ts +9 -0
- package/dist/demo/ui/charts.d.ts +29 -0
- package/dist/demo/ui/form.d.ts +54 -0
- package/dist/demo/ui/primitives.d.ts +32 -0
- package/dist/demo.d.ts +1 -0
- package/dist/feedback/Alert/Alert.d.ts +21 -0
- package/dist/feedback/Alert/index.d.ts +1 -0
- package/dist/feedback/Popover/Popover.d.ts +22 -0
- package/dist/feedback/Popover/index.d.ts +1 -0
- package/dist/feedback/Popup/Popup.d.ts +40 -0
- package/dist/feedback/Popup/index.d.ts +1 -0
- package/dist/feedback/Toast/Toast.d.ts +46 -0
- package/dist/feedback/Toast/index.d.ts +1 -0
- package/dist/feedback/Tooltip/Tooltip.d.ts +20 -0
- package/dist/feedback/Tooltip/index.d.ts +1 -0
- package/dist/feedback/index.d.ts +5 -0
- package/dist/index.d.ts +6 -0
- package/dist/layout/Card/Card.d.ts +21 -0
- package/dist/layout/Card/index.d.ts +1 -0
- package/dist/layout/Divider/Divider.d.ts +15 -0
- package/dist/layout/Divider/index.d.ts +1 -0
- package/dist/layout/Grid/Grid.d.ts +23 -0
- package/dist/layout/Grid/index.d.ts +1 -0
- package/dist/layout/Stack/Stack.d.ts +22 -0
- package/dist/layout/Stack/index.d.ts +1 -0
- package/dist/layout/index.d.ts +4 -0
- package/dist/overlay/Combobox/Combobox.d.ts +39 -0
- package/dist/overlay/Combobox/index.d.ts +1 -0
- package/dist/overlay/Drawer/Drawer.d.ts +26 -0
- package/dist/overlay/Drawer/index.d.ts +1 -0
- package/dist/overlay/Dropdown/Dropdown.d.ts +20 -0
- package/dist/overlay/Dropdown/index.d.ts +1 -0
- package/dist/overlay/Menu/Menu.d.ts +22 -0
- package/dist/overlay/Menu/index.d.ts +1 -0
- package/dist/overlay/index.d.ts +4 -0
- package/dist/primitives/Button/Button.d.ts +20 -0
- package/dist/primitives/Button/index.d.ts +1 -0
- package/dist/primitives/Checkbox/Checkbox.d.ts +14 -0
- package/dist/primitives/Checkbox/index.d.ts +1 -0
- package/dist/primitives/Input/Input.d.ts +24 -0
- package/dist/primitives/Input/index.d.ts +1 -0
- package/dist/primitives/Radio/Radio.d.ts +29 -0
- package/dist/primitives/Radio/index.d.ts +1 -0
- package/dist/primitives/Select/Select.d.ts +23 -0
- package/dist/primitives/Select/index.d.ts +1 -0
- package/dist/primitives/Switch/Switch.d.ts +15 -0
- package/dist/primitives/Switch/index.d.ts +1 -0
- package/dist/primitives/Textarea/Textarea.d.ts +18 -0
- package/dist/primitives/Textarea/index.d.ts +1 -0
- package/dist/primitives/index.d.ts +7 -0
- package/dist/theme/AniccaThemeProvider.d.ts +2 -1
- package/dist/theme/types.d.ts +29 -30
- package/package.json +3 -6
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* User information for the navbar.
|
|
5
|
-
*/
|
|
6
3
|
export interface AniccaNavbarUser {
|
|
7
4
|
name: string;
|
|
8
5
|
avatar?: string;
|
|
@@ -11,21 +8,16 @@ export interface AniccaNavbarUser {
|
|
|
11
8
|
export interface AniccaNavbarLabels {
|
|
12
9
|
toggleMenu?: string;
|
|
13
10
|
}
|
|
14
|
-
/**
|
|
15
|
-
* Props for the AniccaNavbar component.
|
|
16
|
-
*/
|
|
17
11
|
export interface AniccaNavbarProps {
|
|
18
12
|
title?: string;
|
|
19
13
|
logo?: React.ReactNode;
|
|
20
14
|
actions?: React.ReactNode;
|
|
21
15
|
user?: AniccaNavbarUser;
|
|
22
16
|
onMenuToggle?: () => void;
|
|
23
|
-
/** i18n label overrides */
|
|
24
17
|
labels?: AniccaNavbarLabels;
|
|
25
18
|
className?: string;
|
|
26
19
|
}
|
|
27
20
|
/**
|
|
28
|
-
* AniccaNavbar —
|
|
29
|
-
* logo, title, action buttons, and user avatar display.
|
|
21
|
+
* AniccaNavbar — Sticky top navigation bar with glassmorphism backdrop.
|
|
30
22
|
*/
|
|
31
23
|
export declare function AniccaNavbar({ title, logo, actions, user, onMenuToggle, labels, className, }: AniccaNavbarProps): React.ReactElement;
|
|
@@ -1,39 +1,26 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* A single project/task item.
|
|
5
|
-
*/
|
|
6
3
|
export interface AniccaProgressItem {
|
|
7
4
|
name: string;
|
|
8
5
|
progress: number;
|
|
9
|
-
/** Optional accent color. Defaults to theme primary token. */
|
|
10
6
|
color?: string;
|
|
11
7
|
status?: string;
|
|
12
|
-
/** Team member colors OR objects with color + label. */
|
|
13
8
|
team?: Array<string | {
|
|
14
9
|
color: string;
|
|
15
10
|
label?: string;
|
|
16
11
|
}>;
|
|
17
12
|
}
|
|
18
13
|
export interface AniccaProgressCardLabels {
|
|
19
|
-
/** Singular/plural unit label shown next to item count. Default "projects". */
|
|
20
14
|
unit?: string;
|
|
21
15
|
}
|
|
22
|
-
/**
|
|
23
|
-
* Props for AniccaProgressCard.
|
|
24
|
-
*/
|
|
25
16
|
export interface AniccaProgressCardProps {
|
|
26
17
|
items: AniccaProgressItem[];
|
|
27
|
-
/** Card title. Omit to hide the header. */
|
|
28
18
|
title?: string;
|
|
29
|
-
/** Show the count badge in the header (only when title is set). Default true. */
|
|
30
19
|
showCount?: boolean;
|
|
31
|
-
/** i18n label overrides */
|
|
32
20
|
labels?: AniccaProgressCardLabels;
|
|
33
21
|
className?: string;
|
|
34
22
|
}
|
|
35
23
|
/**
|
|
36
|
-
* AniccaProgressCard —
|
|
37
|
-
* with progress bars, status labels, and team avatars.
|
|
24
|
+
* AniccaProgressCard — Card displaying tasks with progress bars and team avatars.
|
|
38
25
|
*/
|
|
39
26
|
export declare function AniccaProgressCard({ items, title, showCount, labels, className, }: AniccaProgressCardProps): React.ReactElement;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Sidebar navigation item.
|
|
5
|
-
*/
|
|
6
3
|
export interface AniccaSidebarItem {
|
|
7
4
|
label: string;
|
|
8
5
|
icon?: React.ReactNode;
|
|
@@ -14,9 +11,6 @@ export interface AniccaSidebarLabels {
|
|
|
14
11
|
collapse?: string;
|
|
15
12
|
navigation?: string;
|
|
16
13
|
}
|
|
17
|
-
/**
|
|
18
|
-
* Props for the AniccaSidebar component.
|
|
19
|
-
*/
|
|
20
14
|
export interface AniccaSidebarProps {
|
|
21
15
|
items: AniccaSidebarItem[];
|
|
22
16
|
collapsed?: boolean;
|
|
@@ -24,13 +18,10 @@ export interface AniccaSidebarProps {
|
|
|
24
18
|
logo?: React.ReactNode;
|
|
25
19
|
footer?: React.ReactNode;
|
|
26
20
|
activePath?: string;
|
|
27
|
-
/** i18n label overrides */
|
|
28
21
|
labels?: AniccaSidebarLabels;
|
|
29
22
|
className?: string;
|
|
30
23
|
}
|
|
31
24
|
/**
|
|
32
|
-
* AniccaSidebar —
|
|
33
|
-
* with support for nested submenus, active state highlighting,
|
|
34
|
-
* and icon-only collapsed mode.
|
|
25
|
+
* AniccaSidebar — Collapsible sidebar navigation with nested submenus.
|
|
35
26
|
*/
|
|
36
|
-
export declare function AniccaSidebar({ items, collapsed,
|
|
27
|
+
export declare function AniccaSidebar({ items, collapsed, logo, footer, activePath, labels, className, }: AniccaSidebarProps): React.ReactElement;
|
|
@@ -1,26 +1,16 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* Props for the AniccaStatCard component.
|
|
5
|
-
*/
|
|
6
3
|
export interface AniccaStatCardProps {
|
|
7
|
-
/** Title label for the stat */
|
|
8
4
|
title: string;
|
|
9
|
-
/** The stat value to display prominently */
|
|
10
5
|
value: string | number;
|
|
11
|
-
/** Optional icon displayed at the top right */
|
|
12
6
|
icon?: React.ReactNode;
|
|
13
|
-
/** Trend percentage (positive = up, negative = down) */
|
|
14
7
|
trend?: number;
|
|
15
|
-
/** Label for the trend (e.g. "vs last month") */
|
|
16
8
|
trendLabel?: string;
|
|
17
|
-
/** Accent color for the left border.
|
|
9
|
+
/** Accent color for the left border. Default uses --primary. */
|
|
18
10
|
color?: string;
|
|
19
|
-
/** Additional CSS class */
|
|
20
11
|
className?: string;
|
|
21
12
|
}
|
|
22
13
|
/**
|
|
23
|
-
* AniccaStatCard —
|
|
24
|
-
* with optional trend indicator and icon.
|
|
14
|
+
* AniccaStatCard — Dashboard stat card with trend indicator and icon.
|
|
25
15
|
*/
|
|
26
16
|
export declare function AniccaStatCard({ title, value, icon, trend, trendLabel, color, className, }: AniccaStatCardProps): React.ReactElement;
|
|
@@ -22,7 +22,6 @@ export interface AniccaTabsProps {
|
|
|
22
22
|
className?: string;
|
|
23
23
|
}
|
|
24
24
|
/**
|
|
25
|
-
* AniccaTabs —
|
|
26
|
-
* and content switching. Supports controlled and uncontrolled modes.
|
|
25
|
+
* AniccaTabs — Tab navigation component with animated indicator and content switching.
|
|
27
26
|
*/
|
|
28
27
|
export declare function AniccaTabs({ tabs, defaultTab, activeKey, onChange, className, }: AniccaTabsProps): React.ReactElement;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type AniccaAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
|
|
4
|
+
export type AniccaAvatarShape = 'circle' | 'rounded' | 'square';
|
|
5
|
+
export interface AniccaAvatarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
6
|
+
src?: string;
|
|
7
|
+
alt?: string;
|
|
8
|
+
/** Initials or fallback content when image missing/fails. */
|
|
9
|
+
name?: string;
|
|
10
|
+
/** Custom fallback element (overrides initials). */
|
|
11
|
+
fallback?: React.ReactNode;
|
|
12
|
+
size?: AniccaAvatarSize;
|
|
13
|
+
shape?: AniccaAvatarShape;
|
|
14
|
+
/** Status dot overlay. */
|
|
15
|
+
status?: 'online' | 'offline' | 'busy' | 'away';
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* AniccaAvatar — User avatar with image, initials fallback, status indicator, shape variants.
|
|
19
|
+
*/
|
|
20
|
+
export declare function AniccaAvatar({ src, alt, name, fallback, size, shape, status, className, style, ...rest }: AniccaAvatarProps): React.ReactElement;
|
|
21
|
+
export interface AniccaAvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
22
|
+
/** Maximum visible avatars; rest collapsed into "+N" chip. */
|
|
23
|
+
max?: number;
|
|
24
|
+
/** Spacing — negative margin between avatars (px). */
|
|
25
|
+
spacing?: number;
|
|
26
|
+
size?: AniccaAvatarSize;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* AniccaAvatarGroup — Stack of avatars with overflow indicator.
|
|
30
|
+
*/
|
|
31
|
+
export declare function AniccaAvatarGroup({ max, spacing, size, className, style, children, ...rest }: AniccaAvatarGroupProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Avatar';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type AniccaBadgeVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
|
|
4
|
+
export type AniccaBadgeSize = 'sm' | 'md';
|
|
5
|
+
export interface AniccaBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
6
|
+
variant?: AniccaBadgeVariant;
|
|
7
|
+
size?: AniccaBadgeSize;
|
|
8
|
+
/** Render as filled (solid) or outlined. */
|
|
9
|
+
appearance?: 'soft' | 'solid' | 'outlined';
|
|
10
|
+
/** Show colored dot before content. */
|
|
11
|
+
dot?: boolean;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* AniccaBadge — Compact status/label chip with semantic variants.
|
|
15
|
+
*/
|
|
16
|
+
export declare function AniccaBadge({ variant, size, appearance, dot, className, children, ...rest }: AniccaBadgeProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Badge';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface AniccaPaginationLabels {
|
|
4
|
+
previous?: string;
|
|
5
|
+
next?: string;
|
|
6
|
+
page?: string;
|
|
7
|
+
goToPage?: (page: number) => string;
|
|
8
|
+
}
|
|
9
|
+
export interface AniccaPaginationProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
/** Current page (1-indexed). */
|
|
11
|
+
page: number;
|
|
12
|
+
/** Total number of pages. */
|
|
13
|
+
pageCount: number;
|
|
14
|
+
/** Called when user clicks a page. */
|
|
15
|
+
onPageChange: (page: number) => void;
|
|
16
|
+
/** How many pages to show on each side of current. Default 1. */
|
|
17
|
+
siblingCount?: number;
|
|
18
|
+
/** Always show first/last page even if hidden. Default true. */
|
|
19
|
+
boundaryCount?: number;
|
|
20
|
+
/** Hide previous/next buttons. */
|
|
21
|
+
hideControls?: boolean;
|
|
22
|
+
labels?: AniccaPaginationLabels;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* AniccaPagination — Page navigation with sibling/boundary windowing and ellipsis.
|
|
26
|
+
*/
|
|
27
|
+
export declare function AniccaPagination({ page, pageCount, onPageChange, siblingCount, boundaryCount, hideControls, labels, className, ...rest }: AniccaPaginationProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Pagination';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type AniccaSkeletonVariant = 'text' | 'rect' | 'circle';
|
|
4
|
+
export interface AniccaSkeletonProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
5
|
+
variant?: AniccaSkeletonVariant;
|
|
6
|
+
/** Width — number (px) or any CSS length. */
|
|
7
|
+
width?: number | string;
|
|
8
|
+
/** Height — number (px) or any CSS length. */
|
|
9
|
+
height?: number | string;
|
|
10
|
+
/** Number of repeated lines when variant=text. */
|
|
11
|
+
lines?: number;
|
|
12
|
+
/** Disable shimmer animation. */
|
|
13
|
+
static?: boolean;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* AniccaSkeleton — Loading placeholder with shimmer animation.
|
|
17
|
+
*/
|
|
18
|
+
export declare function AniccaSkeleton({ variant, width, height, lines, static: isStatic, className, style, ...rest }: AniccaSkeletonProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Skeleton';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type AniccaSpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
|
|
4
|
+
export interface AniccaSpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
5
|
+
size?: AniccaSpinnerSize;
|
|
6
|
+
/** Stroke thickness. */
|
|
7
|
+
thickness?: number;
|
|
8
|
+
/** Override color (CSS). Default uses currentColor (inherits text color). */
|
|
9
|
+
color?: string;
|
|
10
|
+
/** Accessible label. */
|
|
11
|
+
label?: string;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* AniccaSpinner — Animated loading indicator. Inherits text color by default.
|
|
15
|
+
*/
|
|
16
|
+
export declare function AniccaSpinner({ size, thickness, color, label, className, style, ...rest }: AniccaSpinnerProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Spinner';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function App(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import { BadgeTone } from './ui/primitives';
|
|
2
|
+
|
|
3
|
+
export interface Metric {
|
|
4
|
+
title: string;
|
|
5
|
+
value: string;
|
|
6
|
+
icon: string;
|
|
7
|
+
color: string;
|
|
8
|
+
trend?: number;
|
|
9
|
+
trendLabel?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface Slice {
|
|
12
|
+
label: string;
|
|
13
|
+
pct: number;
|
|
14
|
+
color: string;
|
|
15
|
+
}
|
|
16
|
+
export interface Bar {
|
|
17
|
+
label: string;
|
|
18
|
+
value: number;
|
|
19
|
+
}
|
|
20
|
+
/** Build a CSS conic-gradient string from ordered slices. */
|
|
21
|
+
export declare function conic(slices: Slice[]): string;
|
|
22
|
+
export declare const dashboardMetrics: Metric[];
|
|
23
|
+
export interface CarouselMetric {
|
|
24
|
+
label: string;
|
|
25
|
+
value: string;
|
|
26
|
+
pct: number;
|
|
27
|
+
icon: string;
|
|
28
|
+
color: string;
|
|
29
|
+
}
|
|
30
|
+
export declare const carouselMetrics: CarouselMetric[];
|
|
31
|
+
export declare const revenueBars: Record<'2024' | '2023', number[]>;
|
|
32
|
+
export declare const months: string[];
|
|
33
|
+
export declare const traffic: Slice[];
|
|
34
|
+
export interface Member {
|
|
35
|
+
initials: string;
|
|
36
|
+
name: string;
|
|
37
|
+
email: string;
|
|
38
|
+
role: string;
|
|
39
|
+
status: string;
|
|
40
|
+
tone: BadgeTone;
|
|
41
|
+
revenue: string;
|
|
42
|
+
joined: string;
|
|
43
|
+
color: string;
|
|
44
|
+
actions: string;
|
|
45
|
+
}
|
|
46
|
+
export declare const members: Member[];
|
|
47
|
+
export type ServiceState = 'ok' | 'warn' | 'sync';
|
|
48
|
+
export interface Service {
|
|
49
|
+
name: string;
|
|
50
|
+
icon: string;
|
|
51
|
+
status: string;
|
|
52
|
+
state: ServiceState;
|
|
53
|
+
uptime: string;
|
|
54
|
+
cpu: number;
|
|
55
|
+
mem: number;
|
|
56
|
+
}
|
|
57
|
+
export declare const services: Service[];
|
|
58
|
+
export interface Progress {
|
|
59
|
+
name: string;
|
|
60
|
+
progress: number;
|
|
61
|
+
color: string;
|
|
62
|
+
}
|
|
63
|
+
export declare const uptime: Progress[];
|
|
64
|
+
export type AlertTone = 'error' | 'warn' | 'info' | 'success';
|
|
65
|
+
export interface Alert {
|
|
66
|
+
icon: string;
|
|
67
|
+
tone: AlertTone;
|
|
68
|
+
message: string;
|
|
69
|
+
time: string;
|
|
70
|
+
}
|
|
71
|
+
export declare const alerts: Alert[];
|
|
72
|
+
export declare const fluidMetrics: Metric[];
|
|
73
|
+
export declare const allocation: Slice[];
|
|
74
|
+
export type PerfState = 'ok' | 'warn' | 'bad';
|
|
75
|
+
export interface Incident {
|
|
76
|
+
id: string;
|
|
77
|
+
icon: string;
|
|
78
|
+
status: string;
|
|
79
|
+
tone: BadgeTone;
|
|
80
|
+
dept: string;
|
|
81
|
+
sync: string;
|
|
82
|
+
perf: string;
|
|
83
|
+
perfState: PerfState;
|
|
84
|
+
actions: string;
|
|
85
|
+
}
|
|
86
|
+
export declare const incidents: Incident[];
|
|
87
|
+
export interface Product {
|
|
88
|
+
icon: string;
|
|
89
|
+
iconColor: string;
|
|
90
|
+
name: string;
|
|
91
|
+
series: string;
|
|
92
|
+
sku: string;
|
|
93
|
+
cat: string;
|
|
94
|
+
stock: number;
|
|
95
|
+
qty: string;
|
|
96
|
+
status: string;
|
|
97
|
+
ok: boolean;
|
|
98
|
+
actions: string;
|
|
99
|
+
}
|
|
100
|
+
export declare const products: Product[];
|
|
101
|
+
export declare const assetMetrics: Metric[];
|
|
102
|
+
export declare const inventoryFlow: number[];
|
|
103
|
+
export declare const quickActions: {
|
|
104
|
+
icon: string;
|
|
105
|
+
label: string;
|
|
106
|
+
}[];
|
|
107
|
+
export declare const analytics2Metrics: Metric[];
|
|
108
|
+
export declare const efficiency: Progress[];
|
|
109
|
+
export interface Component {
|
|
110
|
+
icon: string;
|
|
111
|
+
name: string;
|
|
112
|
+
serial: string;
|
|
113
|
+
flow: string;
|
|
114
|
+
stress: string;
|
|
115
|
+
stressW: number;
|
|
116
|
+
stressColor: string;
|
|
117
|
+
time: string;
|
|
118
|
+
status: string;
|
|
119
|
+
tone: BadgeTone;
|
|
120
|
+
}
|
|
121
|
+
export declare const components: Component[];
|
|
122
|
+
export declare const reportMetrics: Metric[];
|
|
123
|
+
export declare const reportBars: number[];
|
|
124
|
+
export type ActivityTone = 'success' | 'warn' | 'info' | 'neutral';
|
|
125
|
+
export interface Activity {
|
|
126
|
+
icon: string;
|
|
127
|
+
tone: ActivityTone;
|
|
128
|
+
name: string;
|
|
129
|
+
action: string;
|
|
130
|
+
time: string;
|
|
131
|
+
}
|
|
132
|
+
export declare const teamActivity: Activity[];
|
|
133
|
+
export declare const profileFields: [string, string][];
|
|
134
|
+
export declare const notificationPrefs: {
|
|
135
|
+
title: string;
|
|
136
|
+
desc: string;
|
|
137
|
+
on: boolean;
|
|
138
|
+
}[];
|
|
139
|
+
export declare const securityCards: {
|
|
140
|
+
icon: string;
|
|
141
|
+
title: string;
|
|
142
|
+
desc: string;
|
|
143
|
+
}[];
|
|
144
|
+
export interface Integration {
|
|
145
|
+
icon: string;
|
|
146
|
+
name: string;
|
|
147
|
+
desc: string;
|
|
148
|
+
status: string;
|
|
149
|
+
tone: BadgeTone;
|
|
150
|
+
date: string;
|
|
151
|
+
actions: string;
|
|
152
|
+
}
|
|
153
|
+
export declare const integrations: Integration[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function AdminPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function DashboardPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function FormElementPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function FormValidationPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function FormWizardPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function ProfilePage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function RtlPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function Settings2Page(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function SettingsPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function TableBasicPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function TableDataPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare function SignInPage(): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function SignUpPage(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function RecoverPage(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function ConfirmMailPage(): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function LockScreenPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type Variant = 'horizontal' | 'dual-horizontal' | 'dual-compact' | 'boxed' | 'boxed-fancy';
|
|
2
|
+
export declare function DashLayout({ variant }: {
|
|
3
|
+
variant: Variant;
|
|
4
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const HorizontalDash: () => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const DualHorizontalDash: () => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const DualCompactDash: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const BoxedDash: () => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const BoxedFancyDash: () => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare function LandingHomePage(): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function LandingFeaturePage(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function LandingPricingPage(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function LandingFaqPage(): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function LandingContactPage(): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function LandingAboutPage(): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function LandingBlogPage(): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function LandingBlogDetailPage(): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function LandingSoftwarePage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { Page } from '../theme';
|
|
3
|
+
import { CarouselMetric, Member, Metric, Slice } from '../data';
|
|
4
|
+
|
|
5
|
+
export declare function Metrics({ items, cols }: {
|
|
6
|
+
items: Metric[];
|
|
7
|
+
cols?: string;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
/** Single-series bar chart (interactive) — thin wrapper over the charts toolkit. */
|
|
10
|
+
/** Horizontal scrolling metric cards with progress (Hope-style carousel). */
|
|
11
|
+
export declare function MetricCarousel({ items }: {
|
|
12
|
+
items: CarouselMetric[];
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function BarChart({ values, labels, suffix }: {
|
|
15
|
+
values: number[];
|
|
16
|
+
labels?: string[];
|
|
17
|
+
highlightFrom?: number;
|
|
18
|
+
suffix?: string;
|
|
19
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
/** Round chart (interactive radial) — wrapper over RadialBar; built-in legend. */
|
|
21
|
+
export declare function Donut({ slices }: {
|
|
22
|
+
slices: Slice[];
|
|
23
|
+
center?: string;
|
|
24
|
+
sub?: string;
|
|
25
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
/** Standalone legend (when needed separately). */
|
|
27
|
+
export declare function Legend({ slices }: {
|
|
28
|
+
slices: Slice[];
|
|
29
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare function SectionHeader({ title, subtitle, action }: {
|
|
31
|
+
title: string;
|
|
32
|
+
subtitle?: string;
|
|
33
|
+
action?: ReactNode;
|
|
34
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
/** Small rounded icon tile tinted with the given hex. */
|
|
36
|
+
export declare function IconTile({ name, color }: {
|
|
37
|
+
name: string;
|
|
38
|
+
color: string;
|
|
39
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export declare function MembersTable({ rows }: {
|
|
41
|
+
rows: Member[];
|
|
42
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
export declare function ProductTable(): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
export declare function SettingsBody(): import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
export type { Page };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare function PluginSelectPage(): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function PluginUploadPage(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function PluginDatePickerPage(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function PluginSliderPage(): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function PluginRichTextPage(): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function PluginNotifyPage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare function BillingPage(): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function CalendarPage(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function KanbanPage(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function PricingPage(): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function TimelinePage(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare function UserListPage(): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function UserAddPage(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function UserProfilePage(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function UserAccountPage(): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function UserPrivacyPage(): import("react/jsx-runtime").JSX.Element;
|
|
File without changes
|