@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.
@@ -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
- export interface FeatureItem {
3
- icon?: React.ReactNode;
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
- label: string;
9
- external?: boolean;
14
+ text?: string;
10
15
  };
11
16
  badge?: {
12
- label: string;
13
- color?: 'blue' | 'green' | 'purple' | 'yellow' | 'red' | 'gray';
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 FeatureCardProps extends FeatureItem {
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
- title?: string;
28
- description?: string;
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;AAE1B,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;KACjE,CAAC;CACH;AAED,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiJlD,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9D,QAAQ,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmDlD,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"}
@@ -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 { FeatureGrid, FeatureCard, type FeatureCardProps } from './FeatureGrid';
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,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
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"}