singularity-components 0.1.99 → 0.1.101

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 +9 -5
  2. package/dist/main.cjs.map +1 -1
  3. package/dist/main.css +71 -12
  4. package/dist/main.css.map +1 -1
  5. package/dist/main.d.cts +8 -6
  6. package/dist/main.d.ts +8 -6
  7. package/dist/main.js +9 -5
  8. package/dist/main.js.map +1 -1
  9. package/package.json +25 -25
package/dist/main.d.cts CHANGED
@@ -76,9 +76,10 @@ declare const layoutVariants: (props?: ({
76
76
  cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
77
77
  bgcolor?: "black" | "white" | "transparent" | "orange" | "purple" | "gradient" | null | undefined;
78
78
  } & class_variance_authority_types.ClassProp) | undefined) => string;
79
- interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof layoutVariants> {
79
+ interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariants> {
80
+ as?: "div" | "section" | "article" | "main" | "header" | "footer";
80
81
  }
81
- declare function Layout({ children, className, type, cols, bgcolor, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
82
+ declare function Layout({ children, className, type, cols, bgcolor, as: Component, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
82
83
  declare namespace Layout {
83
84
  var Col1: typeof Col;
84
85
  var Col2: typeof Col;
@@ -89,8 +90,9 @@ type colProp = {
89
90
  children?: React$1.ReactNode;
90
91
  hideDiv?: boolean;
91
92
  className?: string;
93
+ as?: "div" | "section";
92
94
  };
93
- declare function Col({ children, hideDiv, className }: colProp): react_jsx_runtime.JSX.Element;
95
+ declare function Col({ children, hideDiv, className, as: Component }: colProp): react_jsx_runtime.JSX.Element;
94
96
 
95
97
  declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
96
98
 
@@ -122,7 +124,7 @@ declare function TableCaption({ className, ...props }: React$1.ComponentProps<"c
122
124
 
123
125
  declare const textBodyVariants: (props?: ({
124
126
  size?: "base" | "sm" | "lg" | "xs" | "xl" | null | undefined;
125
- foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
127
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "muted" | null | undefined;
126
128
  weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
127
129
  } & class_variance_authority_types.ClassProp) | undefined) => string;
128
130
  interface TextBodyProps extends React__default.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textBodyVariants> {
@@ -132,7 +134,7 @@ declare const TextBody: React__default.FC<TextBodyProps>;
132
134
  declare const textDisplayVariants: (props?: ({
133
135
  size?: "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | "3xl" | null | undefined;
134
136
  weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
135
- foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | null | undefined;
137
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | "muted" | null | undefined;
136
138
  } & class_variance_authority_types.ClassProp) | undefined) => string;
137
139
  interface TextDisplayProps extends React__default.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof textDisplayVariants> {
138
140
  }
@@ -140,7 +142,7 @@ declare const TextDisplay: React__default.FC<TextDisplayProps>;
140
142
 
141
143
  declare const textHeadingVariants: (props?: ({
142
144
  variant?: "h1" | "h2" | "h3" | "h4" | null | undefined;
143
- foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | null | undefined;
145
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | "muted" | null | undefined;
144
146
  } & class_variance_authority_types.ClassProp) | undefined) => string;
145
147
  interface TextHeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariants> {
146
148
  as?: "h1" | "h2" | "h3" | "h4";
package/dist/main.d.ts CHANGED
@@ -76,9 +76,10 @@ declare const layoutVariants: (props?: ({
76
76
  cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
77
77
  bgcolor?: "black" | "white" | "transparent" | "orange" | "purple" | "gradient" | null | undefined;
78
78
  } & class_variance_authority_types.ClassProp) | undefined) => string;
79
- interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof layoutVariants> {
79
+ interface LayoutProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariants> {
80
+ as?: "div" | "section" | "article" | "main" | "header" | "footer";
80
81
  }
81
- declare function Layout({ children, className, type, cols, bgcolor, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
82
+ declare function Layout({ children, className, type, cols, bgcolor, as: Component, ...props }: PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
82
83
  declare namespace Layout {
83
84
  var Col1: typeof Col;
84
85
  var Col2: typeof Col;
@@ -89,8 +90,9 @@ type colProp = {
89
90
  children?: React$1.ReactNode;
90
91
  hideDiv?: boolean;
91
92
  className?: string;
93
+ as?: "div" | "section";
92
94
  };
93
- declare function Col({ children, hideDiv, className }: colProp): react_jsx_runtime.JSX.Element;
95
+ declare function Col({ children, hideDiv, className, as: Component }: colProp): react_jsx_runtime.JSX.Element;
94
96
 
95
97
  declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
96
98
 
@@ -122,7 +124,7 @@ declare function TableCaption({ className, ...props }: React$1.ComponentProps<"c
122
124
 
123
125
  declare const textBodyVariants: (props?: ({
124
126
  size?: "base" | "sm" | "lg" | "xs" | "xl" | null | undefined;
125
- foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
127
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "muted" | null | undefined;
126
128
  weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
127
129
  } & class_variance_authority_types.ClassProp) | undefined) => string;
128
130
  interface TextBodyProps extends React__default.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textBodyVariants> {
@@ -132,7 +134,7 @@ declare const TextBody: React__default.FC<TextBodyProps>;
132
134
  declare const textDisplayVariants: (props?: ({
133
135
  size?: "sm" | "lg" | "md" | "xs" | "xl" | "2xl" | "3xl" | null | undefined;
134
136
  weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
135
- foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | null | undefined;
137
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | "muted" | null | undefined;
136
138
  } & class_variance_authority_types.ClassProp) | undefined) => string;
137
139
  interface TextDisplayProps extends React__default.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof textDisplayVariants> {
138
140
  }
@@ -140,7 +142,7 @@ declare const TextDisplay: React__default.FC<TextDisplayProps>;
140
142
 
141
143
  declare const textHeadingVariants: (props?: ({
142
144
  variant?: "h1" | "h2" | "h3" | "h4" | null | undefined;
143
- foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | null | undefined;
145
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | "gradient" | "muted" | null | undefined;
144
146
  } & class_variance_authority_types.ClassProp) | undefined) => string;
145
147
  interface TextHeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof textHeadingVariants> {
146
148
  as?: "h1" | "h2" | "h3" | "h4";
package/dist/main.js CHANGED
@@ -21197,6 +21197,7 @@ function Layout({
21197
21197
  type,
21198
21198
  cols,
21199
21199
  bgcolor,
21200
+ as: Component2 = "div",
21200
21201
  ...props
21201
21202
  }) {
21202
21203
  const allowedInLayout = (content) => {
@@ -21223,7 +21224,7 @@ function Layout({
21223
21224
  return content;
21224
21225
  };
21225
21226
  return /* @__PURE__ */ jsx(
21226
- "div",
21227
+ Component2,
21227
21228
  {
21228
21229
  ...props,
21229
21230
  className: cn(bgColor[bgcolor ?? "transparent"], className),
@@ -21234,8 +21235,8 @@ function Layout({
21234
21235
  }
21235
21236
  );
21236
21237
  }
21237
- function Col({ children, hideDiv, className }) {
21238
- return hideDiv ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx("div", { className, children });
21238
+ function Col({ children, hideDiv, className, as: Component2 = "div" }) {
21239
+ return hideDiv ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Component2, { className, children });
21239
21240
  }
21240
21241
  Layout.Col1 = Col;
21241
21242
  Layout.Col2 = Col;
@@ -21492,6 +21493,7 @@ var textBodyVariants = cva("", {
21492
21493
  },
21493
21494
  foreground: {
21494
21495
  default: "sg:text-foreground",
21496
+ muted: "sg:text-muted-foreground",
21495
21497
  black: "sg:text-black",
21496
21498
  white: "sg:text-white",
21497
21499
  gray: "sg:text-gray",
@@ -21554,6 +21556,7 @@ var textDisplayVariants = cva("sg:block sg:tracking-tight", {
21554
21556
  },
21555
21557
  foreground: {
21556
21558
  default: "sg:text-foreground",
21559
+ muted: "sg:text-muted-foreground",
21557
21560
  black: "sg:text-black",
21558
21561
  white: "sg:text-white",
21559
21562
  gray: "sg:text-gray",
@@ -21594,12 +21597,13 @@ var textHeadingVariants = cva("", {
21594
21597
  variants: {
21595
21598
  variant: {
21596
21599
  h1: "sg:text-xl sg:font-bold sg:tracking-tight sg:lg:text-4xl",
21597
- h2: "sg:text-xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0",
21598
- h3: "sg:text-xl sg:font-semibold sg:tracking-tight",
21600
+ h2: "sg:text-xl sg:font-semibold sg:tracking-tight sg:transition-colors sg:first:mt-0 sg:lg:text-3xl",
21601
+ h3: "sg:text-xl sg:font-semibold sg:tracking-tight sg:lg:text-2xl",
21599
21602
  h4: "sg:text-lg sg:font-semibold sg:tracking-tight"
21600
21603
  },
21601
21604
  foreground: {
21602
21605
  default: "sg:text-foreground",
21606
+ muted: "sg:text-muted-foreground",
21603
21607
  black: "sg:text-black",
21604
21608
  white: "sg:text-white",
21605
21609
  gray: "sg:text-gray",