singularity-components 0.1.103 → 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 +5222 -5123
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +197 -65
- package/dist/main.css.map +1 -1
- package/dist/main.d.cts +130 -22
- package/dist/main.d.ts +130 -22
- package/dist/main.js +5213 -5125
- package/dist/main.js.map +1 -1
- package/package.json +16 -16
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
|
|
|
@@ -30,11 +36,27 @@ interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
30
36
|
}
|
|
31
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,25 +203,35 @@ 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
|
-
|
|
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;
|
|
128
211
|
fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
129
212
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
130
|
-
interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof
|
|
213
|
+
interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
|
|
131
214
|
as?: "p" | "div" | "span" | "time";
|
|
132
215
|
}
|
|
133
216
|
|
|
134
|
-
type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
|
|
135
|
-
|
|
136
217
|
declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
137
218
|
|
|
138
|
-
declare const textHeadingVariants:
|
|
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?: ({
|
|
139
230
|
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
|
|
140
231
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
141
|
-
interface TextHeadingProps extends
|
|
232
|
+
interface TextHeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
|
|
142
233
|
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
143
|
-
foreground?: VariantProps<typeof
|
|
234
|
+
foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
|
|
144
235
|
}
|
|
145
236
|
declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
|
|
146
237
|
|
|
@@ -150,4 +241,21 @@ declare const TextSpan: ({ children, size, foreground, fontweight, className, ..
|
|
|
150
241
|
|
|
151
242
|
declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
152
243
|
|
|
153
|
-
|
|
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;
|
|
253
|
+
}
|
|
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;
|
|
260
|
+
|
|
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
|
|
|
@@ -30,11 +36,27 @@ interface BadgesProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
30
36
|
}
|
|
31
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,25 +203,35 @@ 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
|
-
|
|
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;
|
|
128
211
|
fontweight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
129
212
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
130
|
-
interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof
|
|
213
|
+
interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
|
|
131
214
|
as?: "p" | "div" | "span" | "time";
|
|
132
215
|
}
|
|
133
216
|
|
|
134
|
-
type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
|
|
135
|
-
|
|
136
217
|
declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
137
218
|
|
|
138
|
-
declare const textHeadingVariants:
|
|
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?: ({
|
|
139
230
|
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
|
|
140
231
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
141
|
-
interface TextHeadingProps extends
|
|
232
|
+
interface TextHeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariantsProps> {
|
|
142
233
|
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
143
|
-
foreground?: VariantProps<typeof
|
|
234
|
+
foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
|
|
144
235
|
}
|
|
145
236
|
declare const TextHeading: ({ children, as, variant, foreground, className, ...props }: TextHeadingProps) => react_jsx_runtime.JSX.Element;
|
|
146
237
|
|
|
@@ -150,4 +241,21 @@ declare const TextSpan: ({ children, size, foreground, fontweight, className, ..
|
|
|
150
241
|
|
|
151
242
|
declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
|
|
152
243
|
|
|
153
|
-
|
|
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;
|
|
253
|
+
}
|
|
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;
|
|
260
|
+
|
|
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 };
|