@sudobility/components 4.0.113 → 4.0.115
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/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useFormValidation.d.ts +116 -0
- package/dist/hooks/useFormValidation.d.ts.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +6085 -5579
- package/dist/index.umd.js +13 -13
- package/dist/interactive/index.d.ts +0 -1
- package/dist/interactive/index.d.ts.map +1 -1
- package/dist/navigation/index.d.ts +1 -0
- package/dist/navigation/index.d.ts.map +1 -1
- package/dist/navigation/preload-link.d.ts +79 -0
- package/dist/navigation/preload-link.d.ts.map +1 -0
- package/dist/primitives/feedback/action-banner.d.ts +51 -0
- package/dist/primitives/feedback/action-banner.d.ts.map +1 -0
- package/dist/primitives/feedback/data-skeleton.d.ts +51 -0
- package/dist/primitives/feedback/data-skeleton.d.ts.map +1 -0
- package/dist/primitives/feedback/full-page-spinner.d.ts +34 -0
- package/dist/primitives/feedback/full-page-spinner.d.ts.map +1 -0
- package/dist/primitives/feedback/index.d.ts +3 -0
- package/dist/primitives/feedback/index.d.ts.map +1 -1
- package/dist/primitives/layout/index.d.ts +0 -1
- package/dist/primitives/layout/index.d.ts.map +1 -1
- package/dist/seo/SEO.d.ts +75 -0
- package/dist/seo/SEO.d.ts.map +1 -0
- package/dist/seo/index.d.ts +1 -0
- package/dist/seo/index.d.ts.map +1 -1
- package/dist/ui/breadcrumb-nav.d.ts +3 -0
- package/dist/ui/breadcrumb-nav.d.ts.map +1 -1
- package/dist/ui/confetti.d.ts +38 -0
- package/dist/ui/confetti.d.ts.map +1 -0
- package/dist/ui/design-system-components.d.ts +1 -1
- package/dist/ui/index.d.ts +0 -3
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/progress.d.ts +3 -0
- package/dist/ui/progress.d.ts.map +1 -1
- package/dist/ui/timer-display.d.ts +31 -0
- package/dist/ui/timer-display.d.ts.map +1 -0
- package/package.json +2 -2
- package/dist/ui/animated-counter.d.ts +0 -33
- package/dist/ui/animated-counter.d.ts.map +0 -1
- package/dist/ui/flex-container.d.ts +0 -20
- package/dist/ui/flex-container.d.ts.map +0 -1
- package/dist/ui/hover-tooltip.d.ts +0 -33
- package/dist/ui/hover-tooltip.d.ts.map +0 -1
|
@@ -12,7 +12,6 @@ export * from './swipe-actions';
|
|
|
12
12
|
export * from './pinch-zoom';
|
|
13
13
|
export * from './double-tap';
|
|
14
14
|
export * from './long-press';
|
|
15
|
-
export * from '../ui/hover-tooltip';
|
|
16
15
|
export * from './radial-menu';
|
|
17
16
|
export * from '../ui/focus-trap';
|
|
18
17
|
export * from '../ui/scroll-spy';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interactive/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAG7B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interactive/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAG9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAI/B,cAAc,sBAAsB,CAAC;AAIrC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AAGrC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { LinkProps } from 'react-router-dom';
|
|
3
|
+
type PreloadFn = () => Promise<unknown>;
|
|
4
|
+
export type RouteModules = Record<string, () => Promise<unknown>>;
|
|
5
|
+
export interface PreloadLinkProps extends LinkProps {
|
|
6
|
+
/** Custom preload function (overrides route module lookup) */
|
|
7
|
+
preload?: PreloadFn;
|
|
8
|
+
/** Delay before triggering preload (ms) */
|
|
9
|
+
preloadDelay?: number;
|
|
10
|
+
/** Route modules map for automatic preloading */
|
|
11
|
+
routeModules?: RouteModules;
|
|
12
|
+
/** Language prefixes to strip from path (e.g., ['en', 'es', 'zh']) */
|
|
13
|
+
languagePrefixes?: string[];
|
|
14
|
+
/** Path segments to normalize (e.g., ['/dashboard/[^/]+', '/dashboard']) */
|
|
15
|
+
pathNormalizations?: Array<{
|
|
16
|
+
pattern: RegExp;
|
|
17
|
+
replacement: string;
|
|
18
|
+
}>;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Clear the preloaded modules cache (useful for testing)
|
|
22
|
+
*/
|
|
23
|
+
export declare const clearPreloadCache: () => void;
|
|
24
|
+
/**
|
|
25
|
+
* Check if a module has been preloaded
|
|
26
|
+
*/
|
|
27
|
+
export declare const isPreloaded: (path: string) => boolean;
|
|
28
|
+
/**
|
|
29
|
+
* PreloadLink Component
|
|
30
|
+
*
|
|
31
|
+
* A Link component that preloads route modules on hover/focus for faster navigation.
|
|
32
|
+
* Improves perceived performance by loading the next page before the user clicks.
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* // Basic usage with custom preload function
|
|
37
|
+
* <PreloadLink
|
|
38
|
+
* to="/dashboard"
|
|
39
|
+
* preload={() => import('./pages/Dashboard')}
|
|
40
|
+
* >
|
|
41
|
+
* Dashboard
|
|
42
|
+
* </PreloadLink>
|
|
43
|
+
* ```
|
|
44
|
+
*
|
|
45
|
+
* @example
|
|
46
|
+
* ```tsx
|
|
47
|
+
* // With route modules map
|
|
48
|
+
* const routeModules = {
|
|
49
|
+
* '/': () => import('./pages/Home'),
|
|
50
|
+
* '/dashboard': () => import('./pages/Dashboard'),
|
|
51
|
+
* '/settings': () => import('./pages/Settings'),
|
|
52
|
+
* };
|
|
53
|
+
*
|
|
54
|
+
* <PreloadLink
|
|
55
|
+
* to="/dashboard"
|
|
56
|
+
* routeModules={routeModules}
|
|
57
|
+
* languagePrefixes={['en', 'es', 'zh']}
|
|
58
|
+
* >
|
|
59
|
+
* Dashboard
|
|
60
|
+
* </PreloadLink>
|
|
61
|
+
* ```
|
|
62
|
+
*
|
|
63
|
+
* @example
|
|
64
|
+
* ```tsx
|
|
65
|
+
* // With path normalizations for dynamic segments
|
|
66
|
+
* <PreloadLink
|
|
67
|
+
* to="/dashboard/my-org/projects"
|
|
68
|
+
* routeModules={routeModules}
|
|
69
|
+
* pathNormalizations={[
|
|
70
|
+
* { pattern: /\/dashboard\/[^/]+/, replacement: '/dashboard' }
|
|
71
|
+
* ]}
|
|
72
|
+
* >
|
|
73
|
+
* Projects
|
|
74
|
+
* </PreloadLink>
|
|
75
|
+
* ```
|
|
76
|
+
*/
|
|
77
|
+
export declare const PreloadLink: React.FC<PreloadLinkProps>;
|
|
78
|
+
export default PreloadLink;
|
|
79
|
+
//# sourceMappingURL=preload-link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preload-link.d.ts","sourceRoot":"","sources":["../../src/navigation/preload-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,SAAS,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AAElE,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,8DAA8D;IAC9D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACtE;AAKD;;GAEG;AACH,eAAO,MAAM,iBAAiB,YAE7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,YAA+B,CAAC;AAuCxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiFlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface ActionBannerProps {
|
|
3
|
+
/** Banner title */
|
|
4
|
+
title: string;
|
|
5
|
+
/** Banner description/message */
|
|
6
|
+
description?: string;
|
|
7
|
+
/** Variant determines the color scheme */
|
|
8
|
+
variant?: 'info' | 'success' | 'warning' | 'error';
|
|
9
|
+
/** Icon to display (React node, typically from lucide-react) */
|
|
10
|
+
icon?: React.ReactNode;
|
|
11
|
+
/** Action button configuration */
|
|
12
|
+
action?: {
|
|
13
|
+
label: string;
|
|
14
|
+
onClick: () => void;
|
|
15
|
+
icon?: React.ReactNode;
|
|
16
|
+
};
|
|
17
|
+
/** Secondary action (optional) */
|
|
18
|
+
secondaryAction?: {
|
|
19
|
+
label: string;
|
|
20
|
+
onClick: () => void;
|
|
21
|
+
};
|
|
22
|
+
/** Whether the banner can be dismissed */
|
|
23
|
+
dismissible?: boolean;
|
|
24
|
+
/** Callback when dismissed */
|
|
25
|
+
onDismiss?: () => void;
|
|
26
|
+
/** Additional className */
|
|
27
|
+
className?: string;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* ActionBanner Component
|
|
31
|
+
*
|
|
32
|
+
* A banner with icon, title, description, and optional action buttons.
|
|
33
|
+
* Useful for alerts that require user action (upgrade, fix, acknowledge).
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* <ActionBanner
|
|
38
|
+
* variant="warning"
|
|
39
|
+
* icon={<AlertCircle className="w-5 h-5" />}
|
|
40
|
+
* title="Rate Limit Reached"
|
|
41
|
+
* description="You've reached your API rate limit for this billing period."
|
|
42
|
+
* action={{
|
|
43
|
+
* label: "Upgrade Plan",
|
|
44
|
+
* onClick: () => navigate('/upgrade'),
|
|
45
|
+
* icon: <ArrowUpRight className="w-4 h-4" />
|
|
46
|
+
* }}
|
|
47
|
+
* />
|
|
48
|
+
* ```
|
|
49
|
+
*/
|
|
50
|
+
export declare const ActionBanner: React.FC<ActionBannerProps>;
|
|
51
|
+
//# sourceMappingURL=action-banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-banner.d.ts","sourceRoot":"","sources":["../../../src/primitives/feedback/action-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,gEAAgE;IAChE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF,kCAAkC;IAClC,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiDD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0FpD,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface DataSkeletonProps {
|
|
3
|
+
/** Type of skeleton */
|
|
4
|
+
variant?: 'chart' | 'table' | 'card' | 'list' | 'stat';
|
|
5
|
+
/** Height of the skeleton */
|
|
6
|
+
height?: string | number;
|
|
7
|
+
/** Width of the skeleton */
|
|
8
|
+
width?: string | number;
|
|
9
|
+
/** Number of items for list/table variants */
|
|
10
|
+
count?: number;
|
|
11
|
+
/** Number of columns for table variant */
|
|
12
|
+
columns?: number;
|
|
13
|
+
/** Whether to animate the skeleton */
|
|
14
|
+
animate?: boolean;
|
|
15
|
+
/** Additional className */
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* DataSkeleton Component
|
|
20
|
+
*
|
|
21
|
+
* Skeleton loading placeholders for various data visualization types.
|
|
22
|
+
* Use as Suspense fallback for lazy-loaded charts and data components.
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* ```tsx
|
|
26
|
+
* // Chart skeleton
|
|
27
|
+
* <Suspense fallback={<DataSkeleton variant="chart" height={300} />}>
|
|
28
|
+
* <LazyChart data={data} />
|
|
29
|
+
* </Suspense>
|
|
30
|
+
* ```
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* ```tsx
|
|
34
|
+
* // Table skeleton
|
|
35
|
+
* <DataSkeleton variant="table" count={5} columns={4} />
|
|
36
|
+
* ```
|
|
37
|
+
*
|
|
38
|
+
* @example
|
|
39
|
+
* ```tsx
|
|
40
|
+
* // Stats cards
|
|
41
|
+
* <div className="grid grid-cols-4 gap-4">
|
|
42
|
+
* <DataSkeleton variant="stat" />
|
|
43
|
+
* <DataSkeleton variant="stat" />
|
|
44
|
+
* <DataSkeleton variant="stat" />
|
|
45
|
+
* <DataSkeleton variant="stat" />
|
|
46
|
+
* </div>
|
|
47
|
+
* ```
|
|
48
|
+
*/
|
|
49
|
+
export declare const DataSkeleton: React.FC<DataSkeletonProps>;
|
|
50
|
+
export default DataSkeleton;
|
|
51
|
+
//# sourceMappingURL=data-skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-skeleton.d.ts","sourceRoot":"","sources":["../../../src/primitives/feedback/data-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoHpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface FullPageSpinnerProps {
|
|
3
|
+
/** Size of the spinner */
|
|
4
|
+
size?: 'small' | 'default' | 'large' | 'extraLarge';
|
|
5
|
+
/** Color variant */
|
|
6
|
+
variant?: 'default' | 'white' | 'success' | 'warning' | 'error';
|
|
7
|
+
/** Loading text to display (screen reader accessible) */
|
|
8
|
+
loadingText?: string;
|
|
9
|
+
/** Show loading text visually below spinner */
|
|
10
|
+
showText?: boolean;
|
|
11
|
+
/** Background style */
|
|
12
|
+
background?: 'transparent' | 'themed' | 'blur';
|
|
13
|
+
/** Additional className for the container */
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* FullPageSpinner Component
|
|
18
|
+
*
|
|
19
|
+
* A centered, full-page loading spinner for route transitions and page loads.
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* ```tsx
|
|
23
|
+
* // Simple usage
|
|
24
|
+
* <FullPageSpinner />
|
|
25
|
+
*
|
|
26
|
+
* // With text
|
|
27
|
+
* <FullPageSpinner showText loadingText="Loading dashboard..." />
|
|
28
|
+
*
|
|
29
|
+
* // With themed background
|
|
30
|
+
* <FullPageSpinner background="themed" size="large" />
|
|
31
|
+
* ```
|
|
32
|
+
*/
|
|
33
|
+
export declare const FullPageSpinner: React.FC<FullPageSpinnerProps>;
|
|
34
|
+
//# sourceMappingURL=full-page-spinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"full-page-spinner.d.ts","sourceRoot":"","sources":["../../../src/primitives/feedback/full-page-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,oBAAoB;IACnC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IACpD,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChE,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,UAAU,CAAC,EAAE,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqC1D,CAAC"}
|
|
@@ -10,6 +10,9 @@ export * from './loading-state';
|
|
|
10
10
|
export * from '../../ui/skeleton-loader';
|
|
11
11
|
export * from '../../ui/alert';
|
|
12
12
|
export * from './alert-banner';
|
|
13
|
+
export * from './action-banner';
|
|
14
|
+
export * from './full-page-spinner';
|
|
15
|
+
export * from './data-skeleton';
|
|
13
16
|
export * from '../../ui/toast';
|
|
14
17
|
export * from './toast-notification';
|
|
15
18
|
export * from './notification-badge';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/feedback/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/feedback/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,yBAAyB,CAAC;AAGxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAGhC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface SEOProps {
|
|
3
|
+
/** Page title (will be suffixed with appName if provided) */
|
|
4
|
+
title?: string;
|
|
5
|
+
/** Meta description */
|
|
6
|
+
description?: string;
|
|
7
|
+
/** Meta keywords */
|
|
8
|
+
keywords?: string | string[];
|
|
9
|
+
/** Canonical URL path (will be prefixed with baseUrl) */
|
|
10
|
+
canonical?: string;
|
|
11
|
+
/** Open Graph type */
|
|
12
|
+
ogType?: 'website' | 'article' | 'product' | 'profile';
|
|
13
|
+
/** Open Graph image URL */
|
|
14
|
+
ogImage?: string;
|
|
15
|
+
/** Whether to add noindex meta tag */
|
|
16
|
+
noIndex?: boolean;
|
|
17
|
+
/** JSON-LD structured data */
|
|
18
|
+
structuredData?: object | object[];
|
|
19
|
+
/** Twitter card type */
|
|
20
|
+
twitterCard?: 'summary' | 'summary_large_image' | 'app' | 'player';
|
|
21
|
+
/** Twitter handle (e.g., @company) */
|
|
22
|
+
twitterSite?: string;
|
|
23
|
+
/** App configuration */
|
|
24
|
+
config: SEOConfig;
|
|
25
|
+
/** Additional meta tags */
|
|
26
|
+
meta?: Array<{
|
|
27
|
+
name?: string;
|
|
28
|
+
property?: string;
|
|
29
|
+
content: string;
|
|
30
|
+
}>;
|
|
31
|
+
/** Additional link tags */
|
|
32
|
+
links?: Array<{
|
|
33
|
+
rel: string;
|
|
34
|
+
href: string;
|
|
35
|
+
[key: string]: string;
|
|
36
|
+
}>;
|
|
37
|
+
}
|
|
38
|
+
export interface SEOConfig {
|
|
39
|
+
/** Application name */
|
|
40
|
+
appName: string;
|
|
41
|
+
/** Base URL (e.g., https://example.com) */
|
|
42
|
+
baseUrl: string;
|
|
43
|
+
/** Default meta description */
|
|
44
|
+
defaultDescription?: string;
|
|
45
|
+
/** Default OG image */
|
|
46
|
+
defaultOgImage?: string;
|
|
47
|
+
/** Default Twitter handle */
|
|
48
|
+
defaultTwitterSite?: string;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* SEO Component
|
|
52
|
+
*
|
|
53
|
+
* A comprehensive SEO component for managing meta tags, Open Graph,
|
|
54
|
+
* Twitter cards, and structured data using react-helmet-async.
|
|
55
|
+
*
|
|
56
|
+
* @example
|
|
57
|
+
* ```tsx
|
|
58
|
+
* const seoConfig: SEOConfig = {
|
|
59
|
+
* appName: 'MyApp',
|
|
60
|
+
* baseUrl: 'https://myapp.com',
|
|
61
|
+
* defaultDescription: 'My awesome application',
|
|
62
|
+
* defaultOgImage: 'https://myapp.com/og-image.png',
|
|
63
|
+
* };
|
|
64
|
+
*
|
|
65
|
+
* <SEO
|
|
66
|
+
* config={seoConfig}
|
|
67
|
+
* title="Dashboard"
|
|
68
|
+
* description="Manage your account"
|
|
69
|
+
* canonical="/dashboard"
|
|
70
|
+
* />
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
export declare const SEO: React.FC<SEOProps>;
|
|
74
|
+
export default SEO;
|
|
75
|
+
//# sourceMappingURL=SEO.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SEO.d.ts","sourceRoot":"","sources":["../../src/seo/SEO.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,QAAQ;IACvB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC7B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACvD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,wBAAwB;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,qBAAqB,GAAG,KAAK,GAAG,QAAQ,CAAC;IACnE,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,MAAM,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpE,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;CACrE;AAED,MAAM,WAAW,SAAS;IACxB,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAkFlC,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
package/dist/seo/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* SEO Components and Utilities - Search engine optimization and metadata
|
|
3
3
|
*/
|
|
4
|
+
export { SEO, type SEOProps, type SEOConfig } from './SEO';
|
|
4
5
|
export { AIMeta, type AIMetaProps } from './AIMeta';
|
|
5
6
|
export * from './SemanticHTML';
|
|
6
7
|
export { AITrainingEnhancer } from './AITrainingEnhancer';
|
package/dist/seo/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/seo/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/seo/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
/** @deprecated Use BreadcrumbItem from './breadcrumb' instead */
|
|
2
3
|
export interface BreadcrumbNavItem {
|
|
3
4
|
label: string;
|
|
4
5
|
href?: string;
|
|
5
6
|
onClick?: () => void;
|
|
6
7
|
}
|
|
8
|
+
/** @deprecated Use BreadcrumbProps from './breadcrumb' instead */
|
|
7
9
|
export interface BreadcrumbNavProps {
|
|
8
10
|
items: BreadcrumbNavItem[];
|
|
9
11
|
separator?: React.ReactNode;
|
|
10
12
|
className?: string;
|
|
11
13
|
}
|
|
14
|
+
/** @deprecated Use Breadcrumb from './breadcrumb' instead. This component will be removed in v4.0. */
|
|
12
15
|
export declare const BreadcrumbNav: React.FC<BreadcrumbNavProps>;
|
|
13
16
|
//# sourceMappingURL=breadcrumb-nav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb-nav.d.ts","sourceRoot":"","sources":["../../src/ui/breadcrumb-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8BtD,CAAC"}
|
|
1
|
+
{"version":3,"file":"breadcrumb-nav.d.ts","sourceRoot":"","sources":["../../src/ui/breadcrumb-nav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,iEAAiE;AACjE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,kEAAkE;AAClE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sGAAsG;AACtG,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8BtD,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface ConfettiProps {
|
|
3
|
+
/** Whether to show the confetti animation */
|
|
4
|
+
show: boolean;
|
|
5
|
+
/** Callback when animation completes */
|
|
6
|
+
onComplete?: () => void;
|
|
7
|
+
/** Number of particles */
|
|
8
|
+
particleCount?: number;
|
|
9
|
+
/** Animation duration in milliseconds */
|
|
10
|
+
duration?: number;
|
|
11
|
+
/** Custom colors array */
|
|
12
|
+
colors?: string[];
|
|
13
|
+
/** Additional className for the container */
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Confetti Component
|
|
18
|
+
*
|
|
19
|
+
* Displays a celebratory confetti animation from the center of the screen.
|
|
20
|
+
* Particles explode outward with physics-based movement.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* <Confetti show={isComplete} onComplete={() => setIsComplete(false)} />
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* ```tsx
|
|
29
|
+
* <Confetti
|
|
30
|
+
* show={showCelebration}
|
|
31
|
+
* particleCount={100}
|
|
32
|
+
* duration={5000}
|
|
33
|
+
* colors={['#ff0000', '#00ff00', '#0000ff']}
|
|
34
|
+
* />
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export declare const Confetti: React.FC<ConfettiProps>;
|
|
38
|
+
//# sourceMappingURL=confetti.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confetti.d.ts","sourceRoot":"","sources":["../../src/ui/confetti.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAgBhE,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkG5C,CAAC"}
|
|
@@ -14,7 +14,7 @@ interface StatCardProps extends VariantProps<typeof statCardVariants> {
|
|
|
14
14
|
}
|
|
15
15
|
export declare const StatCard: React.FC<StatCardProps>;
|
|
16
16
|
declare const formSectionVariants: (props?: ({
|
|
17
|
-
variant?: "default" | "
|
|
17
|
+
variant?: "default" | "card" | "minimal" | null | undefined;
|
|
18
18
|
spacing?: "normal" | "tight" | "relaxed" | "loose" | null | undefined;
|
|
19
19
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
20
20
|
interface FormSectionProps extends VariantProps<typeof formSectionVariants> {
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -22,7 +22,6 @@
|
|
|
22
22
|
export * from './action-button';
|
|
23
23
|
export * from './address-link';
|
|
24
24
|
export * from './alert';
|
|
25
|
-
export * from './animated-counter';
|
|
26
25
|
export * from './animated-section';
|
|
27
26
|
export * from './aspect-ratio';
|
|
28
27
|
export * from './backdrop';
|
|
@@ -50,7 +49,6 @@ export * from './dropdown';
|
|
|
50
49
|
export * from './external-link';
|
|
51
50
|
export * from './file-input';
|
|
52
51
|
export * from './flex';
|
|
53
|
-
export * from './flex-container';
|
|
54
52
|
export * from './floating-panel';
|
|
55
53
|
export * from './focus-indicator';
|
|
56
54
|
export * from './focus-trap';
|
|
@@ -60,7 +58,6 @@ export * from './gradient-icon-container';
|
|
|
60
58
|
export * from './grid';
|
|
61
59
|
export * from './heading';
|
|
62
60
|
export * from './helper-text';
|
|
63
|
-
export * from './hover-tooltip';
|
|
64
61
|
export * from './icon-container';
|
|
65
62
|
export * from './icon-text';
|
|
66
63
|
export * from './infinite-scroll';
|
package/dist/ui/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
|
package/dist/ui/progress.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
/** @deprecated Use ProgressBarProps instead */
|
|
2
3
|
export interface ProgressProps {
|
|
3
4
|
/** Progress value (0-100) */
|
|
4
5
|
value?: number;
|
|
@@ -24,6 +25,8 @@ export interface ProgressProps {
|
|
|
24
25
|
/**
|
|
25
26
|
* Progress Component
|
|
26
27
|
*
|
|
28
|
+
* @deprecated Use ProgressBar instead. This component will be removed in v4.0.
|
|
29
|
+
*
|
|
27
30
|
* Linear progress indicator with support for determinate and indeterminate states.
|
|
28
31
|
* Supports color variants, sizes, striped styles, and animations.
|
|
29
32
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,+CAA+C;AAC/C,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iBAAiB;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqE5C,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface TimerDisplayProps {
|
|
3
|
+
/** Formatted time string (e.g., "12:34", "1:23:45") */
|
|
4
|
+
time: string;
|
|
5
|
+
/** Whether the timer is active/running */
|
|
6
|
+
isActive?: boolean;
|
|
7
|
+
/** Size variant */
|
|
8
|
+
size?: 'sm' | 'md' | 'lg';
|
|
9
|
+
/** Show clock icon */
|
|
10
|
+
showIcon?: boolean;
|
|
11
|
+
/** Additional className */
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* TimerDisplay Component
|
|
16
|
+
*
|
|
17
|
+
* Displays a formatted time with optional clock icon.
|
|
18
|
+
* Uses monospace font for consistent digit width.
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```tsx
|
|
22
|
+
* <TimerDisplay time="12:34" isActive />
|
|
23
|
+
* ```
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```tsx
|
|
27
|
+
* <TimerDisplay time="1:23:45" size="lg" showIcon={false} />
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
30
|
+
export declare const TimerDisplay: React.FC<TimerDisplayProps>;
|
|
31
|
+
//# sourceMappingURL=timer-display.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timer-display.d.ts","sourceRoot":"","sources":["../../src/ui/timer-display.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+DpD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sudobility/components",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.115",
|
|
4
4
|
"description": "Reusable UI components and design system - Reorganized for better maintainability",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.umd.js",
|
|
@@ -138,6 +138,6 @@
|
|
|
138
138
|
"access": "public"
|
|
139
139
|
},
|
|
140
140
|
"dependencies": {
|
|
141
|
-
"@sudobility/components": "^4.0.
|
|
141
|
+
"@sudobility/components": "^4.0.114"
|
|
142
142
|
}
|
|
143
143
|
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* UanimatedUcounter Component
|
|
3
|
-
*
|
|
4
|
-
* A reusable UanimatedUcounter component with full dark mode support.
|
|
5
|
-
* Optimized for accessibility and AI-assisted development.
|
|
6
|
-
*
|
|
7
|
-
* @component
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <UanimatedUcounter className="custom-class" />
|
|
11
|
-
* ```
|
|
12
|
-
*
|
|
13
|
-
* @remarks
|
|
14
|
-
* This component supports:
|
|
15
|
-
* - Light and dark themes automatically
|
|
16
|
-
* - Responsive design
|
|
17
|
-
* - Accessibility features
|
|
18
|
-
* - TypeScript type safety
|
|
19
|
-
*
|
|
20
|
-
* @see {@link https://docs.example.com/components/animated-counter}
|
|
21
|
-
*/
|
|
22
|
-
export interface UanimatedUcounterProps {
|
|
23
|
-
/** Additional CSS classes */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Component children */
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
/** Disabled state */
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
/** Callback when component is interacted with */
|
|
30
|
-
onClick?: () => void;
|
|
31
|
-
}
|
|
32
|
-
export declare const UanimatedUcounter: ({ className, children, disabled, onClick, }: UanimatedUcounterProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
//# sourceMappingURL=animated-counter.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animated-counter.d.ts","sourceRoot":"","sources":["../../src/ui/animated-counter.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,sBAAsB;IACrC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,6CAK/B,sBAAsB,4CAmBxB,CAAC"}
|