singularity-components 0.1.82 → 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 +88 -49
  2. package/dist/main.cjs.map +1 -1
  3. package/dist/main.css +140 -48
  4. package/dist/main.css.map +1 -1
  5. package/dist/main.d.cts +32 -23
  6. package/dist/main.d.ts +32 -23
  7. package/dist/main.js +86 -48
  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;
@@ -69,7 +51,7 @@ declare function Icon({ className, size, icon, spin, ...props }: Props$1): react
69
51
  declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
70
52
 
71
53
  declare const layoutVariants: (props?: ({
72
- type?: "col" | "full" | null | undefined;
54
+ type?: "col" | "full" | "wide" | null | undefined;
73
55
  cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
74
56
  bgcolor?: "transparent" | "white" | "black" | "orange" | "purple" | null | undefined;
75
57
  } & 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;
@@ -69,7 +51,7 @@ declare function Icon({ className, size, icon, spin, ...props }: Props$1): react
69
51
  declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
70
52
 
71
53
  declare const layoutVariants: (props?: ({
72
- type?: "col" | "full" | null | undefined;
54
+ type?: "col" | "full" | "wide" | null | undefined;
73
55
  cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
74
56
  bgcolor?: "transparent" | "white" | "black" | "orange" | "purple" | null | undefined;
75
57
  } & 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: {
@@ -20324,12 +20282,13 @@ var bgColor = {
20324
20282
  var layoutVariants = cva("sg:grid sg:grid-cols-1 sg:gap-4", {
20325
20283
  variants: {
20326
20284
  type: {
20327
- full: "sg:w-full sg:px-4",
20285
+ full: "sg:w-full",
20286
+ wide: "sg:w-full sg:px-4",
20328
20287
  col: "sg:mx-auto sg:max-w-[768px] sg:px-4 sg:md:px-0"
20329
20288
  },
20330
20289
  cols: {
20331
20290
  "100": "",
20332
- "66-33": "sg:md:grid-cols-2",
20291
+ "66-33": "sg:md:grid-cols-[2fr_1fr]",
20333
20292
  "50-50": "sg:md:grid-cols-2",
20334
20293
  "33-33-33": "sg:md:grid-cols-3",
20335
20294
  "25-25-25-25": "sg:md:grid-cols-4"
@@ -20532,7 +20491,7 @@ function TableCaption({
20532
20491
  }
20533
20492
  );
20534
20493
  }
20535
- var textVariants = cva("", {
20494
+ var textBodyVariants = cva("", {
20536
20495
  variants: {
20537
20496
  size: {
20538
20497
  xs: "sg:text-xs",
@@ -20562,7 +20521,7 @@ var textVariants = cva("", {
20562
20521
  weight: "normal"
20563
20522
  }
20564
20523
  });
20565
- var Text2 = ({
20524
+ var TextBody = ({
20566
20525
  children,
20567
20526
  size,
20568
20527
  foreground,
@@ -20574,7 +20533,7 @@ var Text2 = ({
20574
20533
  "p",
20575
20534
  {
20576
20535
  className: cn(
20577
- textVariants({
20536
+ textBodyVariants({
20578
20537
  size,
20579
20538
  foreground,
20580
20539
  weight,
@@ -20586,6 +20545,85 @@ var Text2 = ({
20586
20545
  }
20587
20546
  );
20588
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
+ };
20589
20627
  /*! Bundled license information:
20590
20628
 
20591
20629
  lucide-react/dist/esm/shared/src/utils.js:
@@ -33509,6 +33547,6 @@ lucide-react/dist/esm/lucide-react.js:
33509
33547
  *)
33510
33548
  */
33511
33549
 
33512
- 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 };
33513
33551
  //# sourceMappingURL=main.js.map
33514
33552
  //# sourceMappingURL=main.js.map