@dimasbaguspm/versaur 0.0.2 → 0.0.3

package/dist/components/text/text.stories.d.ts

@@ -12,3 +12,6 @@ export declare const UnderlineCapitalize: Story;
 export declare const ClampEllipsis: Story;
 export declare const ColorVariants: Story;
 export declare const AsVariants: Story;
+export declare const FontSizeVariants: Story;
+export declare const FontWeightVariants: Story;
+export declare const CustomFontSizeWeight: Story;

package/dist/components/text/types.d.ts

@@ -25,6 +25,16 @@ export interface TextProps extends HTMLAttributes<HTMLElement> {
     clamp?: 1 | 2 | 3 | 4 | 5 | 'none';
     /** Ellipsis (truncate) */
     ellipsis?: boolean;
+    /** Tailwind font size utility (e.g., 'xs', 'sm', 'base', 'lg', 'xl', etc.)
+     *  If set, overrides the default font size from the `as` prop and design system
+     *  See: https://tailwindcss.com/docs/font-size
+     */
+    fontSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | undefined;
+    /** Tailwind font weight utility (e.g., 'thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black')
+     *  If set, overrides the default font weight from the `as` prop and design system
+     *  See: https://tailwindcss.com/docs/font-weight
+     */
+    fontWeight?: 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black' | undefined;
     /** Text content */
     children: ReactNode;
 }

package/dist/index.js

@@ -6264,11 +6264,13 @@ const ts = ({
     italic: a = !1,
     clamp: i = "none",
     ellipsis: l = !1,
-    className: c,
-    children: d,
-    ...f
-  }, g) => {
-    const m = [
+    fontSize: c,
+    fontWeight: d,
+    className: f,
+    children: g,
+    ...b
+  }, m) => {
+    const w = [
       "h1",
       "h2",
       "h3",
@@ -6278,11 +6280,11 @@ const ts = ({
       "p",
       "span",
       "label"
-    ].includes(e) ? e : "span";
+    ].includes(e) ? e : "span", C = c ? `text-${c}` : "", R = d ? `font-${d}` : "";
     return /* @__PURE__ */ n.jsx(
       e,
       {
-        ref: g,
+        ref: m,
         className: p(
           os({
             color: r,
@@ -6293,12 +6295,14 @@ const ts = ({
             clamp: i,
             ellipsis: l,
             // @ts-expect-error - `as` is not a valid variant
-            as: m
+            as: w
           }),
-          c
+          C,
+          R,
+          f
         ),
-        ...f,
-        children: d
+        ...b,
+        children: g
       }
     );
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",