singularity-components 0.1.83 → 0.1.85
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 +87 -47
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +147 -48
- package/dist/main.css.map +1 -1
- package/dist/main.d.cts +31 -22
- package/dist/main.d.ts +31 -22
- package/dist/main.js +85 -46
- package/dist/main.js.map +1 -1
- package/package.json +1 -1
package/dist/main.d.cts
CHANGED
|
@@ -39,24 +39,6 @@ type Props$2 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVari
|
|
|
39
39
|
};
|
|
40
40
|
declare function Button({ className, variant, size, asChild, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children, ...props }: Props$2): react_jsx_runtime.JSX.Element;
|
|
41
41
|
|
|
42
|
-
type Breakpoint = "" | "sm:" | "md:" | "lg:" | "xl:" | "2xl:";
|
|
43
|
-
type MarginDirection = "m-" | "mx-" | "my-" | "mt-" | "mr-" | "mb-" | "ml-";
|
|
44
|
-
type Size = "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "auto";
|
|
45
|
-
type TailwindMarginClassValue = `${Breakpoint}${MarginDirection}${Size}`;
|
|
46
|
-
type TailwindMarginClass = TailwindMarginClassValue[];
|
|
47
|
-
type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
|
|
48
|
-
type OmitClassName<T> = OmitClassProperty<T, "className">;
|
|
49
|
-
|
|
50
|
-
declare const headingVariants: (props?: ({
|
|
51
|
-
variant?: "h1" | "h2" | "h3" | "h4" | null | undefined;
|
|
52
|
-
foreground?: "default" | "muted" | "primary" | null | undefined;
|
|
53
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
54
|
-
interface HeadingProps extends OmitClassName<React__default.HTMLAttributes<HTMLHeadingElement>>, VariantProps<typeof headingVariants> {
|
|
55
|
-
as?: "h1" | "h2" | "h3" | "h4";
|
|
56
|
-
className?: TailwindMarginClass;
|
|
57
|
-
}
|
|
58
|
-
declare const Heading: React__default.FC<HeadingProps>;
|
|
59
|
-
|
|
60
42
|
declare const iconVariants: (props?: ({
|
|
61
43
|
size?: "sm" | "lg" | "md" | null | undefined;
|
|
62
44
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -107,14 +89,41 @@ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">
|
|
|
107
89
|
declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
|
|
108
90
|
declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
|
|
109
91
|
|
|
110
|
-
|
|
92
|
+
type Breakpoint = "" | "sm:" | "md:" | "lg:" | "xl:" | "2xl:";
|
|
93
|
+
type MarginDirection = "m-" | "mx-" | "my-" | "mt-" | "mr-" | "mb-" | "ml-";
|
|
94
|
+
type Size = "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "auto";
|
|
95
|
+
type TailwindMarginClassValue = `${Breakpoint}${MarginDirection}${Size}`;
|
|
96
|
+
type TailwindMarginClass = TailwindMarginClassValue[];
|
|
97
|
+
type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
|
|
98
|
+
type OmitClassName<T> = OmitClassProperty<T, "className">;
|
|
99
|
+
|
|
100
|
+
declare const textBodyVariants: (props?: ({
|
|
111
101
|
size?: "base" | "sm" | "lg" | "xs" | "xl" | null | undefined;
|
|
112
102
|
foreground?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
|
|
113
103
|
weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
114
104
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
115
|
-
interface
|
|
105
|
+
interface TextBodyProps extends OmitClassName<React__default.HTMLAttributes<HTMLParagraphElement>>, VariantProps<typeof textBodyVariants> {
|
|
106
|
+
className?: TailwindMarginClass;
|
|
107
|
+
}
|
|
108
|
+
declare const TextBody: React__default.FC<TextBodyProps>;
|
|
109
|
+
|
|
110
|
+
declare const textDisplayVariants: (props?: ({
|
|
111
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
112
|
+
gradient?: boolean | "none" | null | undefined;
|
|
113
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
114
|
+
interface TextDisplayProps extends OmitClassName<React__default.HTMLAttributes<HTMLSpanElement>>, VariantProps<typeof textDisplayVariants> {
|
|
115
|
+
className?: TailwindMarginClass;
|
|
116
|
+
}
|
|
117
|
+
declare const TextDisplay: React__default.FC<TextDisplayProps>;
|
|
118
|
+
|
|
119
|
+
declare const textHeadingVariants: (props?: ({
|
|
120
|
+
variant?: "h1" | "h2" | "h3" | "h4" | null | undefined;
|
|
121
|
+
foreground?: "default" | "muted" | "primary" | null | undefined;
|
|
122
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
123
|
+
interface TextHeadingProps extends OmitClassName<React__default.HTMLAttributes<HTMLHeadingElement>>, VariantProps<typeof textHeadingVariants> {
|
|
124
|
+
as?: "h1" | "h2" | "h3" | "h4";
|
|
116
125
|
className?: TailwindMarginClass;
|
|
117
126
|
}
|
|
118
|
-
declare const
|
|
127
|
+
declare const TextHeading: React__default.FC<TextHeadingProps>;
|
|
119
128
|
|
|
120
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Button,
|
|
129
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Button, Icon, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextBody, type TextBodyProps, TextDisplay, type TextDisplayProps, TextHeading, type TextHeadingProps, badgeVariants, buttonVariants, iconVariants, layoutVariants };
|
package/dist/main.d.ts
CHANGED
|
@@ -39,24 +39,6 @@ type Props$2 = React$1.ComponentProps<"button"> & VariantProps<typeof buttonVari
|
|
|
39
39
|
};
|
|
40
40
|
declare function Button({ className, variant, size, asChild, iconStart, iconStartAnimate, iconEnd, iconEndAnimate, children, ...props }: Props$2): react_jsx_runtime.JSX.Element;
|
|
41
41
|
|
|
42
|
-
type Breakpoint = "" | "sm:" | "md:" | "lg:" | "xl:" | "2xl:";
|
|
43
|
-
type MarginDirection = "m-" | "mx-" | "my-" | "mt-" | "mr-" | "mb-" | "ml-";
|
|
44
|
-
type Size = "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "auto";
|
|
45
|
-
type TailwindMarginClassValue = `${Breakpoint}${MarginDirection}${Size}`;
|
|
46
|
-
type TailwindMarginClass = TailwindMarginClassValue[];
|
|
47
|
-
type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
|
|
48
|
-
type OmitClassName<T> = OmitClassProperty<T, "className">;
|
|
49
|
-
|
|
50
|
-
declare const headingVariants: (props?: ({
|
|
51
|
-
variant?: "h1" | "h2" | "h3" | "h4" | null | undefined;
|
|
52
|
-
foreground?: "default" | "muted" | "primary" | null | undefined;
|
|
53
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
54
|
-
interface HeadingProps extends OmitClassName<React__default.HTMLAttributes<HTMLHeadingElement>>, VariantProps<typeof headingVariants> {
|
|
55
|
-
as?: "h1" | "h2" | "h3" | "h4";
|
|
56
|
-
className?: TailwindMarginClass;
|
|
57
|
-
}
|
|
58
|
-
declare const Heading: React__default.FC<HeadingProps>;
|
|
59
|
-
|
|
60
42
|
declare const iconVariants: (props?: ({
|
|
61
43
|
size?: "sm" | "lg" | "md" | null | undefined;
|
|
62
44
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -107,14 +89,41 @@ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">
|
|
|
107
89
|
declare function TableCell({ className, ...props }: React$1.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
|
|
108
90
|
declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
|
|
109
91
|
|
|
110
|
-
|
|
92
|
+
type Breakpoint = "" | "sm:" | "md:" | "lg:" | "xl:" | "2xl:";
|
|
93
|
+
type MarginDirection = "m-" | "mx-" | "my-" | "mt-" | "mr-" | "mb-" | "ml-";
|
|
94
|
+
type Size = "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "px" | "auto";
|
|
95
|
+
type TailwindMarginClassValue = `${Breakpoint}${MarginDirection}${Size}`;
|
|
96
|
+
type TailwindMarginClass = TailwindMarginClassValue[];
|
|
97
|
+
type OmitClassProperty<T1, T2 extends string> = Omit<T1, T2>;
|
|
98
|
+
type OmitClassName<T> = OmitClassProperty<T, "className">;
|
|
99
|
+
|
|
100
|
+
declare const textBodyVariants: (props?: ({
|
|
111
101
|
size?: "base" | "sm" | "lg" | "xs" | "xl" | null | undefined;
|
|
112
102
|
foreground?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
|
|
113
103
|
weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
114
104
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
115
|
-
interface
|
|
105
|
+
interface TextBodyProps extends OmitClassName<React__default.HTMLAttributes<HTMLParagraphElement>>, VariantProps<typeof textBodyVariants> {
|
|
106
|
+
className?: TailwindMarginClass;
|
|
107
|
+
}
|
|
108
|
+
declare const TextBody: React__default.FC<TextBodyProps>;
|
|
109
|
+
|
|
110
|
+
declare const textDisplayVariants: (props?: ({
|
|
111
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
112
|
+
gradient?: boolean | "none" | null | undefined;
|
|
113
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
114
|
+
interface TextDisplayProps extends OmitClassName<React__default.HTMLAttributes<HTMLSpanElement>>, VariantProps<typeof textDisplayVariants> {
|
|
115
|
+
className?: TailwindMarginClass;
|
|
116
|
+
}
|
|
117
|
+
declare const TextDisplay: React__default.FC<TextDisplayProps>;
|
|
118
|
+
|
|
119
|
+
declare const textHeadingVariants: (props?: ({
|
|
120
|
+
variant?: "h1" | "h2" | "h3" | "h4" | null | undefined;
|
|
121
|
+
foreground?: "default" | "muted" | "primary" | null | undefined;
|
|
122
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
123
|
+
interface TextHeadingProps extends OmitClassName<React__default.HTMLAttributes<HTMLHeadingElement>>, VariantProps<typeof textHeadingVariants> {
|
|
124
|
+
as?: "h1" | "h2" | "h3" | "h4";
|
|
116
125
|
className?: TailwindMarginClass;
|
|
117
126
|
}
|
|
118
|
-
declare const
|
|
127
|
+
declare const TextHeading: React__default.FC<TextHeadingProps>;
|
|
119
128
|
|
|
120
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Button,
|
|
129
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Button, Icon, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextBody, type TextBodyProps, TextDisplay, type TextDisplayProps, TextHeading, type TextHeadingProps, badgeVariants, buttonVariants, iconVariants, layoutVariants };
|
package/dist/main.js
CHANGED
|
@@ -20227,48 +20227,6 @@ function Button({
|
|
|
20227
20227
|
}
|
|
20228
20228
|
) });
|
|
20229
20229
|
}
|
|
20230
|
-
var headingVariants = cva("", {
|
|
20231
|
-
variants: {
|
|
20232
|
-
variant: {
|
|
20233
|
-
h1: "sg:text-4xl sg:font-extrabold sg:tracking-tight sg:lg:text-5xl",
|
|
20234
|
-
h2: "sg:text-3xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0",
|
|
20235
|
-
h3: "sg:text-2xl sg:font-semibold sg:tracking-tight",
|
|
20236
|
-
h4: "sg:text-xl sg:font-semibold sg:tracking-tight"
|
|
20237
|
-
},
|
|
20238
|
-
foreground: {
|
|
20239
|
-
default: "sg:text-foreground",
|
|
20240
|
-
muted: "sg:text-muted-foreground",
|
|
20241
|
-
primary: "sg:text-primary"
|
|
20242
|
-
}
|
|
20243
|
-
},
|
|
20244
|
-
defaultVariants: {
|
|
20245
|
-
variant: "h2",
|
|
20246
|
-
foreground: "default"
|
|
20247
|
-
}
|
|
20248
|
-
});
|
|
20249
|
-
var Heading7 = ({
|
|
20250
|
-
children,
|
|
20251
|
-
as,
|
|
20252
|
-
variant,
|
|
20253
|
-
foreground,
|
|
20254
|
-
className,
|
|
20255
|
-
...props
|
|
20256
|
-
}) => {
|
|
20257
|
-
if (!as && variant) {
|
|
20258
|
-
as = variant;
|
|
20259
|
-
} else if (!as) {
|
|
20260
|
-
as = "h2";
|
|
20261
|
-
}
|
|
20262
|
-
const Component2 = as;
|
|
20263
|
-
return /* @__PURE__ */ jsx(
|
|
20264
|
-
Component2,
|
|
20265
|
-
{
|
|
20266
|
-
className: cn(headingVariants({ variant, foreground, className })),
|
|
20267
|
-
...props,
|
|
20268
|
-
children
|
|
20269
|
-
}
|
|
20270
|
-
);
|
|
20271
|
-
};
|
|
20272
20230
|
var iconVariants = cva("", {
|
|
20273
20231
|
variants: {
|
|
20274
20232
|
size: {
|
|
@@ -20533,7 +20491,7 @@ function TableCaption({
|
|
|
20533
20491
|
}
|
|
20534
20492
|
);
|
|
20535
20493
|
}
|
|
20536
|
-
var
|
|
20494
|
+
var textBodyVariants = cva("", {
|
|
20537
20495
|
variants: {
|
|
20538
20496
|
size: {
|
|
20539
20497
|
xs: "sg:text-xs",
|
|
@@ -20563,7 +20521,7 @@ var textVariants = cva("", {
|
|
|
20563
20521
|
weight: "normal"
|
|
20564
20522
|
}
|
|
20565
20523
|
});
|
|
20566
|
-
var
|
|
20524
|
+
var TextBody = ({
|
|
20567
20525
|
children,
|
|
20568
20526
|
size,
|
|
20569
20527
|
foreground,
|
|
@@ -20575,7 +20533,7 @@ var Text2 = ({
|
|
|
20575
20533
|
"p",
|
|
20576
20534
|
{
|
|
20577
20535
|
className: cn(
|
|
20578
|
-
|
|
20536
|
+
textBodyVariants({
|
|
20579
20537
|
size,
|
|
20580
20538
|
foreground,
|
|
20581
20539
|
weight,
|
|
@@ -20587,6 +20545,87 @@ var Text2 = ({
|
|
|
20587
20545
|
}
|
|
20588
20546
|
);
|
|
20589
20547
|
};
|
|
20548
|
+
var textDisplayVariants = cva("sg:block sg:font-bold sg:tracking-tight", {
|
|
20549
|
+
variants: {
|
|
20550
|
+
size: {
|
|
20551
|
+
sm: "sg:text-4xl",
|
|
20552
|
+
md: "sg:text-5xl",
|
|
20553
|
+
lg: "sg:text-6xl"
|
|
20554
|
+
},
|
|
20555
|
+
gradient: {
|
|
20556
|
+
none: "",
|
|
20557
|
+
true: "sg:text-transparent sg:bg-clip-text sg:bg-gradient-to-r sg:from-blue sg:via-orange sg:to-red"
|
|
20558
|
+
}
|
|
20559
|
+
},
|
|
20560
|
+
defaultVariants: {
|
|
20561
|
+
size: "md",
|
|
20562
|
+
gradient: "none"
|
|
20563
|
+
}
|
|
20564
|
+
});
|
|
20565
|
+
var TextDisplay = ({
|
|
20566
|
+
children,
|
|
20567
|
+
size,
|
|
20568
|
+
gradient,
|
|
20569
|
+
className,
|
|
20570
|
+
...props
|
|
20571
|
+
}) => {
|
|
20572
|
+
return /* @__PURE__ */ jsx(
|
|
20573
|
+
"span",
|
|
20574
|
+
{
|
|
20575
|
+
className: cn(
|
|
20576
|
+
textDisplayVariants({
|
|
20577
|
+
size,
|
|
20578
|
+
gradient,
|
|
20579
|
+
className
|
|
20580
|
+
})
|
|
20581
|
+
),
|
|
20582
|
+
...props,
|
|
20583
|
+
children
|
|
20584
|
+
}
|
|
20585
|
+
);
|
|
20586
|
+
};
|
|
20587
|
+
var textHeadingVariants = cva("", {
|
|
20588
|
+
variants: {
|
|
20589
|
+
variant: {
|
|
20590
|
+
h1: "sg:text-4xl sg:font-extrabold sg:tracking-tight sg:lg:text-5xl",
|
|
20591
|
+
h2: "sg:text-3xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0",
|
|
20592
|
+
h3: "sg:text-2xl sg:font-semibold sg:tracking-tight",
|
|
20593
|
+
h4: "sg:text-xl sg:font-semibold sg:tracking-tight"
|
|
20594
|
+
},
|
|
20595
|
+
foreground: {
|
|
20596
|
+
default: "sg:text-foreground",
|
|
20597
|
+
muted: "sg:text-muted-foreground",
|
|
20598
|
+
primary: "sg:text-primary"
|
|
20599
|
+
}
|
|
20600
|
+
},
|
|
20601
|
+
defaultVariants: {
|
|
20602
|
+
variant: "h2",
|
|
20603
|
+
foreground: "default"
|
|
20604
|
+
}
|
|
20605
|
+
});
|
|
20606
|
+
var TextHeading = ({
|
|
20607
|
+
children,
|
|
20608
|
+
as,
|
|
20609
|
+
variant,
|
|
20610
|
+
foreground,
|
|
20611
|
+
className,
|
|
20612
|
+
...props
|
|
20613
|
+
}) => {
|
|
20614
|
+
if (!as && variant) {
|
|
20615
|
+
as = variant;
|
|
20616
|
+
} else if (!as) {
|
|
20617
|
+
as = "h2";
|
|
20618
|
+
}
|
|
20619
|
+
const Component2 = as;
|
|
20620
|
+
return /* @__PURE__ */ jsx(
|
|
20621
|
+
Component2,
|
|
20622
|
+
{
|
|
20623
|
+
className: cn(textHeadingVariants({ variant, foreground, className })),
|
|
20624
|
+
...props,
|
|
20625
|
+
children
|
|
20626
|
+
}
|
|
20627
|
+
);
|
|
20628
|
+
};
|
|
20590
20629
|
/*! Bundled license information:
|
|
20591
20630
|
|
|
20592
20631
|
lucide-react/dist/esm/shared/src/utils.js:
|
|
@@ -33510,6 +33549,6 @@ lucide-react/dist/esm/lucide-react.js:
|
|
|
33510
33549
|
*)
|
|
33511
33550
|
*/
|
|
33512
33551
|
|
|
33513
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge2 as Badge, Button,
|
|
33552
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge2 as Badge, Button, Icon2 as Icon, Input, Layout, Separator, Skeleton, Spinner, Table3 as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TextBody, TextDisplay, TextHeading, badgeVariants, buttonVariants, iconVariants, layoutVariants };
|
|
33514
33553
|
//# sourceMappingURL=main.js.map
|
|
33515
33554
|
//# sourceMappingURL=main.js.map
|