singularity-components 0.1.102 → 0.1.104
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/main.cjs +5141 -4971
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +213 -121
- package/dist/main.css.map +1 -1
- package/dist/main.d.cts +142 -33
- package/dist/main.d.ts +142 -33
- package/dist/main.js +5128 -4971
- package/dist/main.js.map +1 -1
- package/package.json +22 -19
package/dist/main.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { PropsWithChildren } from 'react';
|
|
3
|
+
import React__default, { PropsWithChildren, ReactNode } from 'react';
|
|
4
4
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -12,10 +12,16 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
|
|
|
12
12
|
declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
13
13
|
declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
14
14
|
|
|
15
|
-
declare const alertVariants:
|
|
15
|
+
declare const alertVariants: {
|
|
16
|
+
variant: {
|
|
17
|
+
default: string;
|
|
18
|
+
destructive: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
declare const alertVariantsProps: (props?: ({
|
|
16
22
|
variant?: "default" | "destructive" | null | undefined;
|
|
17
23
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
18
|
-
declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof
|
|
24
|
+
declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariantsProps>): react_jsx_runtime.JSX.Element;
|
|
19
25
|
declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
20
26
|
declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
21
27
|
|
|
@@ -28,13 +34,29 @@ declare function Badge({ className, variant, asChild, ...props }: React$1.Compon
|
|
|
28
34
|
|
|
29
35
|
interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
30
36
|
}
|
|
31
|
-
declare const Badges:
|
|
37
|
+
declare const Badges: ({ children, className, ...props }: BadgesProps) => react_jsx_runtime.JSX.Element;
|
|
32
38
|
|
|
33
|
-
declare const buttonVariants:
|
|
39
|
+
declare const buttonVariants: {
|
|
40
|
+
variant: {
|
|
41
|
+
default: string;
|
|
42
|
+
destructive: string;
|
|
43
|
+
outline: string;
|
|
44
|
+
secondary: string;
|
|
45
|
+
ghost: string;
|
|
46
|
+
link: string;
|
|
47
|
+
};
|
|
48
|
+
size: {
|
|
49
|
+
default: string;
|
|
50
|
+
sm: string;
|
|
51
|
+
lg: string;
|
|
52
|
+
icon: string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
declare const buttonVariantsProps: (props?: ({
|
|
34
56
|
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
35
57
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
36
58
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
37
|
-
type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof
|
|
59
|
+
type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariantsProps> & {
|
|
38
60
|
asChild?: boolean;
|
|
39
61
|
iconStart?: keyof typeof icons;
|
|
40
62
|
iconStartAnimate?: boolean;
|
|
@@ -43,6 +65,17 @@ type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVari
|
|
|
43
65
|
};
|
|
44
66
|
declare function Button({ className, variant, size, asChild, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children, ...props }: Props$1): react_jsx_runtime.JSX.Element;
|
|
45
67
|
|
|
68
|
+
interface BlogPost {
|
|
69
|
+
id: number;
|
|
70
|
+
title: string;
|
|
71
|
+
excerpt: string;
|
|
72
|
+
author: string;
|
|
73
|
+
date: Date;
|
|
74
|
+
readTime: string;
|
|
75
|
+
category: string;
|
|
76
|
+
image: string;
|
|
77
|
+
}
|
|
78
|
+
|
|
46
79
|
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
47
80
|
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
48
81
|
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -56,14 +89,38 @@ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttribu
|
|
|
56
89
|
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
57
90
|
|
|
58
91
|
interface CardsProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
92
|
+
cols?: {
|
|
93
|
+
default?: number;
|
|
94
|
+
sm?: number;
|
|
95
|
+
md?: number;
|
|
96
|
+
lg?: number;
|
|
97
|
+
xl?: number;
|
|
98
|
+
"2xl"?: number;
|
|
99
|
+
};
|
|
59
100
|
}
|
|
60
|
-
declare const
|
|
101
|
+
declare const getGridColsClass: (cols?: CardsProps["cols"]) => string;
|
|
102
|
+
declare const Cards: ({ children, className, cols, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
|
|
61
103
|
|
|
62
|
-
declare const iconVariants:
|
|
104
|
+
declare const iconVariants: {
|
|
105
|
+
size: {
|
|
106
|
+
sm: string;
|
|
107
|
+
md: string;
|
|
108
|
+
lg: string;
|
|
109
|
+
};
|
|
110
|
+
color: {
|
|
111
|
+
default: string;
|
|
112
|
+
black: string;
|
|
113
|
+
white: string;
|
|
114
|
+
gray: string;
|
|
115
|
+
primary: string;
|
|
116
|
+
secondary: string;
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
declare const iconVariantsProps: (props?: ({
|
|
63
120
|
size?: "sm" | "lg" | "md" | null | undefined;
|
|
64
121
|
color?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
|
|
65
122
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
66
|
-
type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof
|
|
123
|
+
type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariantsProps> & {
|
|
67
124
|
icon: keyof typeof icons;
|
|
68
125
|
spin?: boolean;
|
|
69
126
|
};
|
|
@@ -71,15 +128,39 @@ declare function Icon({ className, size, color, icon, spin, ...props }: Props):
|
|
|
71
128
|
|
|
72
129
|
declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
|
|
73
130
|
|
|
74
|
-
declare const layoutVariants:
|
|
131
|
+
declare const layoutVariants: {
|
|
132
|
+
type: {
|
|
133
|
+
full: string;
|
|
134
|
+
wide: string;
|
|
135
|
+
col: string;
|
|
136
|
+
};
|
|
137
|
+
cols: {
|
|
138
|
+
"100": string;
|
|
139
|
+
"66-33": string;
|
|
140
|
+
"50-50": string;
|
|
141
|
+
"33-33-33": string;
|
|
142
|
+
"25-25-25-25": string;
|
|
143
|
+
};
|
|
144
|
+
bgColor: {
|
|
145
|
+
transparent: string;
|
|
146
|
+
white: string;
|
|
147
|
+
black: string;
|
|
148
|
+
orange: string;
|
|
149
|
+
pink: string;
|
|
150
|
+
gradient1: string;
|
|
151
|
+
gradient2: string;
|
|
152
|
+
"primarylight-pink-orange": string;
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
declare const layoutVariantsProps: (props?: ({
|
|
75
156
|
type?: "col" | "full" | "wide" | null | undefined;
|
|
76
157
|
cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
|
|
77
|
-
|
|
158
|
+
bgColor?: "black" | "white" | "pink" | "orange" | "transparent" | "gradient1" | "gradient2" | "primarylight-pink-orange" | null | undefined;
|
|
78
159
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
79
|
-
interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof
|
|
160
|
+
interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
|
|
80
161
|
as?: "div" | "section" | "article" | "main" | "header" | "footer";
|
|
81
162
|
}
|
|
82
|
-
declare function Layout({ children, className, type, cols,
|
|
163
|
+
declare function Layout({ children, className, type, cols, bgColor, as: Component, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
|
|
83
164
|
declare namespace Layout {
|
|
84
165
|
var Col1: typeof Col;
|
|
85
166
|
var Col2: typeof Col;
|
|
@@ -122,31 +203,59 @@ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">
|
|
|
122
203
|
declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
|
|
123
204
|
declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
|
|
124
205
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
206
|
+
type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
|
|
207
|
+
|
|
208
|
+
declare const textElementVariantsProps: (props?: ({
|
|
209
|
+
size?: "base" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | null | undefined;
|
|
210
|
+
foreground?: "default" | "secondary" | "muted" | "black" | "white" | "gray" | "primary" | "pink" | "orange" | "primary-to-pink" | "pink-to-orange" | "multi-color" | null | undefined;
|
|
211
|
+
fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
129
212
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
130
|
-
interface
|
|
213
|
+
interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
|
|
214
|
+
as?: "p" | "div" | "span" | "time";
|
|
131
215
|
}
|
|
132
|
-
declare const TextBody: React__default.FC<TextBodyProps>;
|
|
133
216
|
|
|
134
|
-
declare const
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
217
|
+
declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
218
|
+
|
|
219
|
+
declare const textHeadingVariants: {
|
|
220
|
+
variant: {
|
|
221
|
+
h1: string;
|
|
222
|
+
h2: string;
|
|
223
|
+
h3: string;
|
|
224
|
+
h4: string;
|
|
225
|
+
h5: string;
|
|
226
|
+
h6: string;
|
|
227
|
+
};
|
|
228
|
+
};
|
|
229
|
+
declare const textHeadingVariantsProps: (props?: ({
|
|
230
|
+
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
|
|
138
231
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
139
|
-
interface
|
|
232
|
+
interface TextHeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
|
|
233
|
+
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
234
|
+
foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
|
|
140
235
|
}
|
|
141
|
-
declare const
|
|
236
|
+
declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
|
|
142
237
|
|
|
143
|
-
declare const
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
238
|
+
declare const TextParagraph: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
239
|
+
|
|
240
|
+
declare const TextSpan: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
241
|
+
|
|
242
|
+
declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
243
|
+
|
|
244
|
+
interface BaseImageProps {
|
|
245
|
+
src: string;
|
|
246
|
+
alt?: string;
|
|
247
|
+
[key: string]: any;
|
|
248
|
+
}
|
|
249
|
+
type ImageComponentType<P extends BaseImageProps = BaseImageProps> = React__default.ComponentType<P>;
|
|
250
|
+
interface ImageProviderProps {
|
|
251
|
+
ImageComponent: ImageComponentType;
|
|
252
|
+
children: ReactNode;
|
|
149
253
|
}
|
|
150
|
-
declare const
|
|
254
|
+
declare const ImageProvider: React__default.FC<ImageProviderProps>;
|
|
255
|
+
declare const useImage: <P extends BaseImageProps = BaseImageProps>() => ImageComponentType<P>;
|
|
256
|
+
|
|
257
|
+
declare const UiImage: React__default.FC<BaseImageProps>;
|
|
258
|
+
|
|
259
|
+
declare function formatDate(dateInput: string | Date | null | undefined): string;
|
|
151
260
|
|
|
152
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, type BadgesProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, type CardsProps, Icon, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, type SpinnerProps, Stack, type StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow,
|
|
261
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, type BadgesProps, type BaseImageProps, type BlogPost, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, type CardsProps, Icon, type ImageComponentType, ImageProvider, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, type SpinnerProps, Stack, type StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextDiv, TextHeading, type TextHeadingProps, TextParagraph, TextSpan, TextTime, UiImage, alertVariants, badgeVariants, buttonVariants, buttonVariantsProps, formatDate, getGridColsClass, iconVariants, iconVariantsProps, layoutVariants, layoutVariantsProps, stackVariants, textHeadingVariants, textHeadingVariantsProps, useImage };
|
package/dist/main.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { PropsWithChildren } from 'react';
|
|
3
|
+
import React__default, { PropsWithChildren, ReactNode } from 'react';
|
|
4
4
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
6
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -12,10 +12,16 @@ declare function AccordionItem({ className, ...props }: React$1.ComponentProps<t
|
|
|
12
12
|
declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
13
13
|
declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
14
14
|
|
|
15
|
-
declare const alertVariants:
|
|
15
|
+
declare const alertVariants: {
|
|
16
|
+
variant: {
|
|
17
|
+
default: string;
|
|
18
|
+
destructive: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
declare const alertVariantsProps: (props?: ({
|
|
16
22
|
variant?: "default" | "destructive" | null | undefined;
|
|
17
23
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
18
|
-
declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof
|
|
24
|
+
declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariantsProps>): react_jsx_runtime.JSX.Element;
|
|
19
25
|
declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
20
26
|
declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
21
27
|
|
|
@@ -28,13 +34,29 @@ declare function Badge({ className, variant, asChild, ...props }: React$1.Compon
|
|
|
28
34
|
|
|
29
35
|
interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
30
36
|
}
|
|
31
|
-
declare const Badges:
|
|
37
|
+
declare const Badges: ({ children, className, ...props }: BadgesProps) => react_jsx_runtime.JSX.Element;
|
|
32
38
|
|
|
33
|
-
declare const buttonVariants:
|
|
39
|
+
declare const buttonVariants: {
|
|
40
|
+
variant: {
|
|
41
|
+
default: string;
|
|
42
|
+
destructive: string;
|
|
43
|
+
outline: string;
|
|
44
|
+
secondary: string;
|
|
45
|
+
ghost: string;
|
|
46
|
+
link: string;
|
|
47
|
+
};
|
|
48
|
+
size: {
|
|
49
|
+
default: string;
|
|
50
|
+
sm: string;
|
|
51
|
+
lg: string;
|
|
52
|
+
icon: string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
declare const buttonVariantsProps: (props?: ({
|
|
34
56
|
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
35
57
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
36
58
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
37
|
-
type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof
|
|
59
|
+
type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariantsProps> & {
|
|
38
60
|
asChild?: boolean;
|
|
39
61
|
iconStart?: keyof typeof icons;
|
|
40
62
|
iconStartAnimate?: boolean;
|
|
@@ -43,6 +65,17 @@ type Props$1 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVari
|
|
|
43
65
|
};
|
|
44
66
|
declare function Button({ className, variant, size, asChild, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children, ...props }: Props$1): react_jsx_runtime.JSX.Element;
|
|
45
67
|
|
|
68
|
+
interface BlogPost {
|
|
69
|
+
id: number;
|
|
70
|
+
title: string;
|
|
71
|
+
excerpt: string;
|
|
72
|
+
author: string;
|
|
73
|
+
date: Date;
|
|
74
|
+
readTime: string;
|
|
75
|
+
category: string;
|
|
76
|
+
image: string;
|
|
77
|
+
}
|
|
78
|
+
|
|
46
79
|
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
47
80
|
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
48
81
|
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -56,14 +89,38 @@ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttribu
|
|
|
56
89
|
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
57
90
|
|
|
58
91
|
interface CardsProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
92
|
+
cols?: {
|
|
93
|
+
default?: number;
|
|
94
|
+
sm?: number;
|
|
95
|
+
md?: number;
|
|
96
|
+
lg?: number;
|
|
97
|
+
xl?: number;
|
|
98
|
+
"2xl"?: number;
|
|
99
|
+
};
|
|
59
100
|
}
|
|
60
|
-
declare const
|
|
101
|
+
declare const getGridColsClass: (cols?: CardsProps["cols"]) => string;
|
|
102
|
+
declare const Cards: ({ children, className, cols, ...props }: CardsProps) => react_jsx_runtime.JSX.Element;
|
|
61
103
|
|
|
62
|
-
declare const iconVariants:
|
|
104
|
+
declare const iconVariants: {
|
|
105
|
+
size: {
|
|
106
|
+
sm: string;
|
|
107
|
+
md: string;
|
|
108
|
+
lg: string;
|
|
109
|
+
};
|
|
110
|
+
color: {
|
|
111
|
+
default: string;
|
|
112
|
+
black: string;
|
|
113
|
+
white: string;
|
|
114
|
+
gray: string;
|
|
115
|
+
primary: string;
|
|
116
|
+
secondary: string;
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
declare const iconVariantsProps: (props?: ({
|
|
63
120
|
size?: "sm" | "lg" | "md" | null | undefined;
|
|
64
121
|
color?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
|
|
65
122
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
66
|
-
type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof
|
|
123
|
+
type Props = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariantsProps> & {
|
|
67
124
|
icon: keyof typeof icons;
|
|
68
125
|
spin?: boolean;
|
|
69
126
|
};
|
|
@@ -71,15 +128,39 @@ declare function Icon({ className, size, color, icon, spin, ...props }: Props):
|
|
|
71
128
|
|
|
72
129
|
declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
|
|
73
130
|
|
|
74
|
-
declare const layoutVariants:
|
|
131
|
+
declare const layoutVariants: {
|
|
132
|
+
type: {
|
|
133
|
+
full: string;
|
|
134
|
+
wide: string;
|
|
135
|
+
col: string;
|
|
136
|
+
};
|
|
137
|
+
cols: {
|
|
138
|
+
"100": string;
|
|
139
|
+
"66-33": string;
|
|
140
|
+
"50-50": string;
|
|
141
|
+
"33-33-33": string;
|
|
142
|
+
"25-25-25-25": string;
|
|
143
|
+
};
|
|
144
|
+
bgColor: {
|
|
145
|
+
transparent: string;
|
|
146
|
+
white: string;
|
|
147
|
+
black: string;
|
|
148
|
+
orange: string;
|
|
149
|
+
pink: string;
|
|
150
|
+
gradient1: string;
|
|
151
|
+
gradient2: string;
|
|
152
|
+
"primarylight-pink-orange": string;
|
|
153
|
+
};
|
|
154
|
+
};
|
|
155
|
+
declare const layoutVariantsProps: (props?: ({
|
|
75
156
|
type?: "col" | "full" | "wide" | null | undefined;
|
|
76
157
|
cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
|
|
77
|
-
|
|
158
|
+
bgColor?: "black" | "white" | "pink" | "orange" | "transparent" | "gradient1" | "gradient2" | "primarylight-pink-orange" | null | undefined;
|
|
78
159
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
79
|
-
interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof
|
|
160
|
+
interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
|
|
80
161
|
as?: "div" | "section" | "article" | "main" | "header" | "footer";
|
|
81
162
|
}
|
|
82
|
-
declare function Layout({ children, className, type, cols,
|
|
163
|
+
declare function Layout({ children, className, type, cols, bgColor, as: Component, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
|
|
83
164
|
declare namespace Layout {
|
|
84
165
|
var Col1: typeof Col;
|
|
85
166
|
var Col2: typeof Col;
|
|
@@ -122,31 +203,59 @@ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">
|
|
|
122
203
|
declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
|
|
123
204
|
declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
|
|
124
205
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
206
|
+
type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
|
|
207
|
+
|
|
208
|
+
declare const textElementVariantsProps: (props?: ({
|
|
209
|
+
size?: "base" | "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | null | undefined;
|
|
210
|
+
foreground?: "default" | "secondary" | "muted" | "black" | "white" | "gray" | "primary" | "pink" | "orange" | "primary-to-pink" | "pink-to-orange" | "multi-color" | null | undefined;
|
|
211
|
+
fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
129
212
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
130
|
-
interface
|
|
213
|
+
interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
|
|
214
|
+
as?: "p" | "div" | "span" | "time";
|
|
131
215
|
}
|
|
132
|
-
declare const TextBody: React__default.FC<TextBodyProps>;
|
|
133
216
|
|
|
134
|
-
declare const
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
217
|
+
declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
218
|
+
|
|
219
|
+
declare const textHeadingVariants: {
|
|
220
|
+
variant: {
|
|
221
|
+
h1: string;
|
|
222
|
+
h2: string;
|
|
223
|
+
h3: string;
|
|
224
|
+
h4: string;
|
|
225
|
+
h5: string;
|
|
226
|
+
h6: string;
|
|
227
|
+
};
|
|
228
|
+
};
|
|
229
|
+
declare const textHeadingVariantsProps: (props?: ({
|
|
230
|
+
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
|
|
138
231
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
139
|
-
interface
|
|
232
|
+
interface TextHeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
|
|
233
|
+
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
234
|
+
foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
|
|
140
235
|
}
|
|
141
|
-
declare const
|
|
236
|
+
declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
|
|
142
237
|
|
|
143
|
-
declare const
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
238
|
+
declare const TextParagraph: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
239
|
+
|
|
240
|
+
declare const TextSpan: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
241
|
+
|
|
242
|
+
declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
243
|
+
|
|
244
|
+
interface BaseImageProps {
|
|
245
|
+
src: string;
|
|
246
|
+
alt?: string;
|
|
247
|
+
[key: string]: any;
|
|
248
|
+
}
|
|
249
|
+
type ImageComponentType<P extends BaseImageProps = BaseImageProps> = React__default.ComponentType<P>;
|
|
250
|
+
interface ImageProviderProps {
|
|
251
|
+
ImageComponent: ImageComponentType;
|
|
252
|
+
children: ReactNode;
|
|
149
253
|
}
|
|
150
|
-
declare const
|
|
254
|
+
declare const ImageProvider: React__default.FC<ImageProviderProps>;
|
|
255
|
+
declare const useImage: <P extends BaseImageProps = BaseImageProps>() => ImageComponentType<P>;
|
|
256
|
+
|
|
257
|
+
declare const UiImage: React__default.FC<BaseImageProps>;
|
|
258
|
+
|
|
259
|
+
declare function formatDate(dateInput: string | Date | null | undefined): string;
|
|
151
260
|
|
|
152
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, type BadgesProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, type CardsProps, Icon, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, type SpinnerProps, Stack, type StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow,
|
|
261
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Badges, type BadgesProps, type BaseImageProps, type BlogPost, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Cards, type CardsProps, Icon, type ImageComponentType, ImageProvider, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, type SpinnerProps, Stack, type StackProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextDiv, TextHeading, type TextHeadingProps, TextParagraph, TextSpan, TextTime, UiImage, alertVariants, badgeVariants, buttonVariants, buttonVariantsProps, formatDate, getGridColsClass, iconVariants, iconVariantsProps, layoutVariants, layoutVariantsProps, stackVariants, textHeadingVariants, textHeadingVariantsProps, useImage };
|