@sudobility/components 3.1.0 → 4.0.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/features/FeatureCard.d.ts +60 -0
- package/dist/features/FeatureCard.d.ts.map +1 -0
- package/dist/features/FeatureGrid.d.ts +40 -19
- package/dist/features/FeatureGrid.d.ts.map +1 -1
- package/dist/features/index.d.ts +2 -1
- package/dist/features/index.d.ts.map +1 -1
- package/dist/index.esm.js +3439 -3200
- package/dist/index.umd.js +13 -13
- package/package.json +1 -1
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type FeatureCardColor = 'green' | 'blue' | 'purple' | 'orange' | 'red' | 'indigo' | 'cyan' | 'emerald' | 'pink' | 'gray';
|
|
3
|
+
export interface FeatureCardProps {
|
|
4
|
+
/**
|
|
5
|
+
* Icon or emoji to display
|
|
6
|
+
*/
|
|
7
|
+
icon: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Title of the feature
|
|
10
|
+
*/
|
|
11
|
+
title: string;
|
|
12
|
+
/**
|
|
13
|
+
* Description of the feature
|
|
14
|
+
*/
|
|
15
|
+
description: string;
|
|
16
|
+
/**
|
|
17
|
+
* List of benefits (shown as bullet points)
|
|
18
|
+
*/
|
|
19
|
+
benefits?: string[];
|
|
20
|
+
/**
|
|
21
|
+
* Metrics to display (shown in grid)
|
|
22
|
+
*/
|
|
23
|
+
metrics?: {
|
|
24
|
+
[key: string]: string;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Color theme for the card
|
|
28
|
+
*/
|
|
29
|
+
color?: FeatureCardColor;
|
|
30
|
+
/**
|
|
31
|
+
* Highlight this card with gradient background
|
|
32
|
+
*/
|
|
33
|
+
isHighlight?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* URL for learn more link (makes card clickable)
|
|
36
|
+
*/
|
|
37
|
+
learnMoreUrl?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Optional CTA element
|
|
40
|
+
*/
|
|
41
|
+
cta?: React.ReactNode;
|
|
42
|
+
/**
|
|
43
|
+
* Optional click handler
|
|
44
|
+
*/
|
|
45
|
+
onClick?: () => void;
|
|
46
|
+
/**
|
|
47
|
+
* If true, adds hover effects and cursor pointer
|
|
48
|
+
*/
|
|
49
|
+
interactive?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Show colored left border accent
|
|
52
|
+
*/
|
|
53
|
+
borderColor?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Additional className
|
|
56
|
+
*/
|
|
57
|
+
className?: string;
|
|
58
|
+
}
|
|
59
|
+
export declare const FeatureCard: React.FC<FeatureCardProps>;
|
|
60
|
+
//# sourceMappingURL=FeatureCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../src/features/FeatureCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,SAAS,GACT,MAAM,GACN,MAAM,CAAC;AAEX,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2MlD,CAAC"}
|
|
@@ -1,31 +1,52 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
declare const gridVariants: (props?: ({
|
|
4
|
+
columns?: 1 | 2 | 3 | 4 | null | undefined;
|
|
5
|
+
spacing?: "sm" | "md" | "lg" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface Feature {
|
|
8
|
+
id?: string;
|
|
9
|
+
icon: React.ReactNode;
|
|
4
10
|
title: string;
|
|
5
|
-
description: string;
|
|
11
|
+
description: string | React.ReactNode;
|
|
6
12
|
link?: {
|
|
7
13
|
href: string;
|
|
8
|
-
|
|
9
|
-
external?: boolean;
|
|
14
|
+
text?: string;
|
|
10
15
|
};
|
|
11
16
|
badge?: {
|
|
12
|
-
|
|
13
|
-
|
|
17
|
+
text: string;
|
|
18
|
+
variant?: 'success' | 'info' | 'warning' | 'default';
|
|
14
19
|
};
|
|
20
|
+
gradient?: {
|
|
21
|
+
from: string;
|
|
22
|
+
to: string;
|
|
23
|
+
};
|
|
24
|
+
learnMoreUrl?: string;
|
|
25
|
+
benefits?: string[];
|
|
15
26
|
}
|
|
16
|
-
export interface
|
|
17
|
-
variant?: 'default' | 'gradient' | 'outlined' | 'minimal';
|
|
18
|
-
size?: 'sm' | 'default' | 'lg';
|
|
19
|
-
}
|
|
20
|
-
export declare const FeatureCard: React.FC<FeatureCardProps>;
|
|
21
|
-
export interface FeatureGridProps {
|
|
22
|
-
features: FeatureItem[];
|
|
23
|
-
columns?: 1 | 2 | 3 | 4;
|
|
24
|
-
cardVariant?: 'default' | 'gradient' | 'outlined' | 'minimal';
|
|
25
|
-
cardSize?: 'sm' | 'default' | 'lg';
|
|
27
|
+
export interface FeatureGridProps extends VariantProps<typeof gridVariants> {
|
|
26
28
|
className?: string;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
+
features: Feature[];
|
|
30
|
+
cardVariant?: 'default' | 'left' | 'hoverable' | 'card' | 'minimal';
|
|
31
|
+
cardAnimation?: 'none' | 'hover' | 'float';
|
|
32
|
+
iconSize?: 'sm' | 'md' | 'lg';
|
|
33
|
+
iconStyle?: 'gradient' | 'solid' | 'outline' | 'colorful';
|
|
34
|
+
iconPosition?: 'center' | 'left' | 'right';
|
|
35
|
+
titleClass?: string;
|
|
36
|
+
descriptionClass?: string;
|
|
37
|
+
animate?: boolean;
|
|
38
|
+
animationDelay?: number;
|
|
39
|
+
staggerDelay?: number;
|
|
40
|
+
onFeatureClick?: (feature: Feature) => void;
|
|
41
|
+
defaultLinkText?: string;
|
|
29
42
|
}
|
|
30
43
|
export declare const FeatureGrid: React.FC<FeatureGridProps>;
|
|
44
|
+
export declare const createFeature: (icon: React.ReactNode, title: string, description: string | React.ReactNode, options?: Partial<Feature>) => Feature;
|
|
45
|
+
export declare const createSecurityFeatures: (labels?: {
|
|
46
|
+
passwordlessTitle?: string;
|
|
47
|
+
passwordlessDescription?: string;
|
|
48
|
+
encryptionTitle?: string;
|
|
49
|
+
encryptionDescription?: string;
|
|
50
|
+
}) => Feature[];
|
|
51
|
+
export {};
|
|
31
52
|
//# sourceMappingURL=FeatureGrid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeatureGrid.d.ts","sourceRoot":"","sources":["../../src/features/FeatureGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FeatureGrid.d.ts","sourceRoot":"","sources":["../../src/features/FeatureGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,YAAY;;;8EAkBhB,CAAC;AAuDH,MAAM,WAAW,OAAO;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;KACtD,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IAEF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,EAAE,CAAC;IAGpB,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;IACpE,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IAG3C,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1D,YAAY,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAG3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAG5C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAWD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsJlD,CAAC;AAGF,eAAO,MAAM,aAAa,GACxB,MAAM,KAAK,CAAC,SAAS,EACrB,OAAO,MAAM,EACb,aAAa,MAAM,GAAG,KAAK,CAAC,SAAS,EACrC,UAAU,OAAO,CAAC,OAAO,CAAC,KACzB,OAKD,CAAC;AAIH,eAAO,MAAM,sBAAsB,GAAI,SAAS;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,KAAG,OAAO,EAqCV,CAAC"}
|
package/dist/features/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* NOTE: CalloutBox and InfoCard have been consolidated into Card component (src/ui/card.tsx)
|
|
5
5
|
* and are re-exported from there for backward compatibility
|
|
6
6
|
*/
|
|
7
|
-
export {
|
|
7
|
+
export { FeatureCard, type FeatureCardProps, type FeatureCardColor, } from './FeatureCard';
|
|
8
|
+
export { FeatureGrid, type FeatureGridProps, type Feature, createFeature, createSecurityFeatures, } from './FeatureGrid';
|
|
8
9
|
export { CTASection } from './CTASection';
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/features/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/features/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,OAAO,EACZ,aAAa,EACb,sBAAsB,GACvB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|