singularity-components 0.1.83 → 0.1.84

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.
Files changed (9) hide show
  1. package/dist/main.cjs +85 -47
  2. package/dist/main.cjs.map +1 -1
  3. package/dist/main.css +135 -48
  4. package/dist/main.css.map +1 -1
  5. package/dist/main.d.cts +31 -22
  6. package/dist/main.d.ts +31 -22
  7. package/dist/main.js +83 -46
  8. package/dist/main.js.map +1 -1
  9. 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
- declare const textVariants: (props?: ({
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 TextProps extends OmitClassName<React__default.HTMLAttributes<HTMLDivElement>>, VariantProps<typeof textVariants> {
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 | 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 Text: React__default.FC<TextProps>;
127
+ declare const TextHeading: React__default.FC<TextHeadingProps>;
119
128
 
120
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Button, Heading, type HeadingProps, Icon, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, type TextProps, badgeVariants, buttonVariants, iconVariants, layoutVariants };
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
- declare const textVariants: (props?: ({
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 TextProps extends OmitClassName<React__default.HTMLAttributes<HTMLDivElement>>, VariantProps<typeof textVariants> {
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 | 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 Text: React__default.FC<TextProps>;
127
+ declare const TextHeading: React__default.FC<TextHeadingProps>;
119
128
 
120
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge, Button, Heading, type HeadingProps, Icon, Input, Layout, type LayoutProps, Separator, Skeleton, Spinner, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, type TextProps, badgeVariants, buttonVariants, iconVariants, layoutVariants };
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 textVariants = cva("", {
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 Text2 = ({
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
- textVariants({
20536
+ textBodyVariants({
20579
20537
  size,
20580
20538
  foreground,
20581
20539
  weight,
@@ -20587,6 +20545,85 @@ var Text2 = ({
20587
20545
  }
20588
20546
  );
20589
20547
  };
20548
+ var textDisplayVariants = cva("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
+ true: "sg:bg-gradient-to-r sg:from-primary sg:to-secondary-foreground sg:text-transparent sg:bg-clip-text"
20557
+ }
20558
+ },
20559
+ defaultVariants: {
20560
+ size: "md"
20561
+ }
20562
+ });
20563
+ var TextDisplay = ({
20564
+ children,
20565
+ size,
20566
+ gradient,
20567
+ className,
20568
+ ...props
20569
+ }) => {
20570
+ return /* @__PURE__ */ jsx(
20571
+ "span",
20572
+ {
20573
+ className: cn(
20574
+ textDisplayVariants({
20575
+ size,
20576
+ gradient,
20577
+ className
20578
+ })
20579
+ ),
20580
+ ...props,
20581
+ children
20582
+ }
20583
+ );
20584
+ };
20585
+ var textHeadingVariants = cva("", {
20586
+ variants: {
20587
+ variant: {
20588
+ h1: "sg:text-4xl sg:font-extrabold sg:tracking-tight sg:lg:text-5xl",
20589
+ h2: "sg:text-3xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0",
20590
+ h3: "sg:text-2xl sg:font-semibold sg:tracking-tight",
20591
+ h4: "sg:text-xl sg:font-semibold sg:tracking-tight"
20592
+ },
20593
+ foreground: {
20594
+ default: "sg:text-foreground",
20595
+ muted: "sg:text-muted-foreground",
20596
+ primary: "sg:text-primary"
20597
+ }
20598
+ },
20599
+ defaultVariants: {
20600
+ variant: "h2",
20601
+ foreground: "default"
20602
+ }
20603
+ });
20604
+ var TextHeading = ({
20605
+ children,
20606
+ as,
20607
+ variant,
20608
+ foreground,
20609
+ className,
20610
+ ...props
20611
+ }) => {
20612
+ if (!as && variant) {
20613
+ as = variant;
20614
+ } else if (!as) {
20615
+ as = "h2";
20616
+ }
20617
+ const Component2 = as;
20618
+ return /* @__PURE__ */ jsx(
20619
+ Component2,
20620
+ {
20621
+ className: cn(textHeadingVariants({ variant, foreground, className })),
20622
+ ...props,
20623
+ children
20624
+ }
20625
+ );
20626
+ };
20590
20627
  /*! Bundled license information:
20591
20628
 
20592
20629
  lucide-react/dist/esm/shared/src/utils.js:
@@ -33510,6 +33547,6 @@ lucide-react/dist/esm/lucide-react.js:
33510
33547
  *)
33511
33548
  */
33512
33549
 
33513
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Badge2 as Badge, Button, Heading7 as Heading, Icon2 as Icon, Input, Layout, Separator, Skeleton, Spinner, Table3 as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text2 as Text, badgeVariants, buttonVariants, iconVariants, layoutVariants };
33550
+ 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
33551
  //# sourceMappingURL=main.js.map
33515
33552
  //# sourceMappingURL=main.js.map