@vaneui/ui 0.3.1-alpha.20250927164620.fec55bc → 0.3.1-alpha.20250930203841.cec91ca

package/dist/components/ui/theme/checkboxTheme.d.ts

@@ -6,13 +6,14 @@ import { RingTheme } from "./layout/ringTheme";
 import { AppearanceTheme } from "./appearance/appearanceTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
 import { SizeTheme } from "./size/sizeTheme";
+import { FontSizeTheme } from "./typography/fontSizeTheme";
 import { ReactElement } from "react";
 import { ShadowAppearanceTheme } from "./appearance/shadowAppearanceTheme";
 import { FocusVisibleTheme } from "./layout/focusVisibleTheme";
 export interface CheckboxTheme extends BaseComponentTheme {
     size: {
         size: SizeTheme;
-        text: SizeTheme;
+        text: FontSizeTheme;
     };
     layout: DefaultLayoutThemes & {
         border: BorderTheme;

package/dist/components/ui/theme/checkboxTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/checkboxTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,cAAc,EAEd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC;QAChB,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC5C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;CACH;AAED,eAAO,MAAM,oBAAoB,8CAiChC,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,YAAY,EAAE,MAAM,YAAY,CAAC;IACjC,UAAU,EAAE;QACV,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC5C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,YAAY,EAAE,iBAAiB,CAAC;KACjC,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,2CA0B7B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS,CAAC;KACnB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,YAAY,EAAE,iBAAiB,CAAC;KACjC,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC9C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KACpD,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,qDAwBvC,CAAC"}
+{"version":3,"file":"checkboxTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/checkboxTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,cAAc,EAEd,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC;QAChB,IAAI,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,MAAM,EAAE,WAAW,CAAC;QACpB,IAAI,EAAE,SAAS,CAAC;QAChB,YAAY,EAAE,iBAAiB,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACjD,MAAM,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC7C,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC3C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QACnD,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC5C,MAAM,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;KACpD,CAAC;CACH;AAED,eAAO,MAAM,oBAAoB,8CAiChC,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,YAAY,EAAE,MAAM,YAAY,CAAC;IACjC,UAAU,EAAE;QACV,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC5C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KACpD,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,YAAY,EAAE,iBAAiB,CAAC;KACjC,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,2CA0B7B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS,CAAC;KACnB,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,YAAY,EAAE,iBAAiB,CAAC;KACjC,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;QAC9C,YAAY,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KACpD,CAAC;CACH;AAED,eAAO,MAAM,2BAA2B,qDAwBvC,CAAC"}

package/dist/components/ui/theme/labelTheme.d.ts

@@ -1,14 +1,14 @@
 import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
 import { LabelProps } from "../props";
-import { SizeTheme } from "./size/sizeTheme";
 import { GapTheme } from "./size/gapTheme";
 import { AppearanceTheme } from "./appearance/appearanceTheme";
+import { FontSizeTheme } from "./typography/fontSizeTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
 import { WrapTheme } from "./layout/wrapTheme";
 import { DirectionTheme } from "./layout/directionTheme";
 export interface LabelTheme extends BaseTypographyComponentTheme {
     size: {
-        text: SizeTheme;
+        text: FontSizeTheme;
         gap: GapTheme;
     };
     appearance: {

package/dist/components/ui/theme/labelTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"labelTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/labelTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,WAAW,UAAW,SAAQ,4BAA4B;IAC9D,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC;QAChB,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAoB7B,CAAC"}
+{"version":3,"file":"labelTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/labelTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,4BAA4B,EAC5B,cAAc,EAEd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,WAAW,UAAW,SAAQ,4BAA4B;IAC9D,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,GAAG,EAAE,QAAQ,CAAC;KACf,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,GAAG;QAC5B,IAAI,EAAE,SAAS,CAAC;QAChB,aAAa,EAAE,cAAc,CAAC;KAC/B,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,wCAoB7B,CAAC"}

package/dist/components/ui/theme/size/sizeTheme.d.ts

@@ -1,6 +1,7 @@
 import { BaseTheme } from "../common/baseTheme";
 import type { CategoryProps } from "../../props";
 import { SizeKey } from "../../props";
+import { FontSizeTheme } from "../typography/fontSizeTheme";
 export declare class SizeTheme extends BaseTheme implements Record<SizeKey, string> {
     /** Extra-small size variant */
     xs: string;
@@ -13,7 +14,8 @@ export declare class SizeTheme extends BaseTheme implements Record<SizeKey, stri
     /** Extra-large size variant */
     xl: string;
     private readonly useDefaultKey;
-    constructor(sizeMap?: Record<SizeKey, string>, useDefaultKey?: boolean);
+    private readonly fontSizeTheme?;
+    constructor(sizeMap?: Record<SizeKey, string> | FontSizeTheme, useDefaultKey?: boolean);
     getClasses(extractedKeys: CategoryProps): string[];
 }
 //# sourceMappingURL=sizeTheme.d.ts.map

package/dist/components/ui/theme/size/sizeTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizeTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/sizeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AAErD,qBAAa,SAAU,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACzE,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAM;IAChB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAM;IAChB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAM;IAChB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAM;IAChB,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAM;IAEhB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;gBAE5B,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,GAAE,OAAc;IAQ5E,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAInD"}
+{"version":3,"file":"sizeTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/sizeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,qBAAa,SAAU,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IACzE,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAM;IAChB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAM;IAChB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAM;IAChB,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAM;IAChB,+BAA+B;IAC/B,EAAE,EAAE,MAAM,CAAM;IAEhB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAU;IACxC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAgB;gBAEnC,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,aAAa,EAAE,aAAa,GAAE,OAAc;IAgB5F,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAQnD"}

package/dist/components/ui/theme/typography/fontSizeTheme.d.ts

@@ -0,0 +1,21 @@
+import { SizeKey } from "../../props";
+import { BaseTheme } from "../common/baseTheme";
+import type { CategoryProps } from "../../props";
+export declare class FontSizeTheme extends BaseTheme implements Record<SizeKey, string> {
+    /** Extra-small font size - text-xs (0.75rem = 6 * 0.125rem) */
+    xs: string;
+    /** Small font size - text-sm (0.875rem = 7 * 0.125rem) */
+    sm: string;
+    /** Medium font size - text-base (1rem = 8 * 0.125rem) */
+    md: string;
+    /** Large font size - text-lg (1.125rem = 9 * 0.125rem) */
+    lg: string;
+    /** Extra-large font size - text-xl (1.25rem = 10 * 0.125rem) */
+    xl: string;
+    constructor(customMapping?: Record<SizeKey, string>);
+    getClasses(extractedKeys: CategoryProps): string[];
+    static createForPageTitle(): FontSizeTheme;
+    static createForSectionTitle(): FontSizeTheme;
+    static createForTitle(): FontSizeTheme;
+}
+//# sourceMappingURL=fontSizeTheme.d.ts.map

package/dist/components/ui/theme/typography/fontSizeTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontSizeTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/typography/fontSizeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,qBAAa,aAAc,SAAQ,SAAU,YAAW,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAC7E,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAmB;IAC7B,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAmB;IAC7B,yDAAyD;IACzD,EAAE,EAAE,MAAM,CAAmB;IAC7B,0DAA0D;IAC1D,EAAE,EAAE,MAAM,CAAmB;IAC7B,gEAAgE;IAChE,EAAE,EAAE,MAAM,CAAoB;gBAElB,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC;IAWnD,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;IASlD,MAAM,CAAC,kBAAkB,IAAI,aAAa;IAU1C,MAAM,CAAC,qBAAqB,IAAI,aAAa;IAU7C,MAAM,CAAC,cAAc,IAAI,aAAa;CASvC"}

package/dist/components/ui/theme/typographyTheme.d.ts

@@ -1,23 +1,22 @@
 import { ListProps, TypographyProps } from "../props";
 import React from "react";
 import { BaseTypographyComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
-import { SizeTheme } from "./size/sizeTheme";
 import { AppearanceTheme } from "./appearance/appearanceTheme";
 import { GenericVariantTheme } from "./appearance/genericVariantTheme";
-import { SizeKey } from "../props";
 import { PlTheme } from "./size/plTheme";
 import { ListStyleTheme } from "./list/listStyleTheme";
 import { LineHeightTheme } from "./typography/lineHeightTheme";
+import { FontSizeTheme } from "./typography/fontSizeTheme";
 export interface TypographyTheme extends BaseTypographyComponentTheme {
     size: {
-        text: SizeTheme;
+        text: FontSizeTheme;
     };
     appearance: {
         text: GenericVariantTheme<AppearanceTheme>;
     };
     layout: DefaultLayoutThemes;
 }
-export declare const createTypographyComponentTheme: (tag: React.ElementType, base?: string, textSizeMap?: Record<SizeKey, string>, defaults?: Partial<TypographyProps>, lineHeightTheme?: LineHeightTheme) => ComponentTheme<TypographyProps, TypographyTheme>;
+export declare const createTypographyComponentTheme: (tag: React.ElementType, base?: string, fontSizeTheme?: FontSizeTheme, defaults?: Partial<TypographyProps>, lineHeightTheme?: LineHeightTheme) => ComponentTheme<TypographyProps, TypographyTheme>;
 export declare const pageTitleTheme: ComponentTheme<TypographyProps, TypographyTheme>;
 export declare const sectionTitleTheme: ComponentTheme<TypographyProps, TypographyTheme>;
 export declare const titleTheme: ComponentTheme<TypographyProps, TypographyTheme>;
@@ -26,7 +25,7 @@ export declare const linkTheme: ComponentTheme<TypographyProps, TypographyTheme>
 export declare const listItemTheme: ComponentTheme<TypographyProps, TypographyTheme>;
 export interface ListTheme extends BaseTypographyComponentTheme {
     size: {
-        text: SizeTheme;
+        text: FontSizeTheme;
         paddingLeft: PlTheme;
     };
     appearance: {

package/dist/components/ui/theme/typographyTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typographyTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/typographyTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAG/D,MAAM,WAAW,eAAgB,SAAQ,4BAA4B;IACnE,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC;KACjB,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAGD,eAAO,MAAM,8BAA8B,GACzC,KAAK,KAAK,CAAC,WAAW,EACtB,OAAM,MAAuB,EAC7B,cAAa,MAAM,CAAC,OAAO,EAAE,MAAM,CAAmB,EACtD,WAAU,OAAO,CAAC,eAAe,CAAM,EACvC,kBAAkB,eAAe,KAChC,cAAc,CAAC,eAAe,EAAE,eAAe,CAwBjD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAY3E,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAY9E,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAMvE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAKtE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAetE,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAe1E,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC;QAChB,WAAW,EAAE,OAAO,CAAC;KACtB,CAAA;IACD,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,cAAc,CAAC;CAC3B;AAGD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,CA0B1D,CAAC"}
+{"version":3,"file":"typographyTheme.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/theme/typographyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,4BAA4B,EAC5B,cAAc,EACd,mBAAmB,EAEpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,MAAM,WAAW,eAAgB,SAAQ,4BAA4B;IACnE,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAGD,eAAO,MAAM,8BAA8B,GACzC,KAAK,KAAK,CAAC,WAAW,EACtB,OAAM,MAAuB,EAC7B,gBAAe,aAAmC,EAClD,WAAU,OAAO,CAAC,eAAe,CAAM,EACvC,kBAAkB,eAAe,KAChC,cAAc,CAAC,eAAe,EAAE,eAAe,CAwBjD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAM3E,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAM9E,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAMvE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAKtE,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAetE,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,eAAe,CAe1E,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,4BAA4B;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC;QACpB,WAAW,EAAE,OAAO,CAAC;KACtB,CAAA;IACD,UAAU,EAAE;QACV,IAAI,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;IACF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,EAAE,cAAc,CAAC;CAC3B;AAGD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,CA0B1D,CAAC"}

package/dist/index.esm.js

@@ -3710,6 +3710,64 @@ class ComponentTheme {
     }
 }
 
+class FontSizeTheme extends BaseTheme {
+    constructor(customMapping) {
+        super();
+        /** Extra-small font size - text-xs (0.75rem = 6 * 0.125rem) */
+        this.xs = "[--fs-unit:6]";
+        /** Small font size - text-sm (0.875rem = 7 * 0.125rem) */
+        this.sm = "[--fs-unit:7]";
+        /** Medium font size - text-base (1rem = 8 * 0.125rem) */
+        this.md = "[--fs-unit:8]";
+        /** Large font size - text-lg (1.125rem = 9 * 0.125rem) */
+        this.lg = "[--fs-unit:9]";
+        /** Extra-large font size - text-xl (1.25rem = 10 * 0.125rem) */
+        this.xl = "[--fs-unit:10]";
+        if (customMapping) {
+            this.xs = customMapping.xs || this.xs;
+            this.sm = customMapping.sm || this.sm;
+            this.md = customMapping.md || this.md;
+            this.lg = customMapping.lg || this.lg;
+            this.xl = customMapping.xl || this.xl;
+        }
+    }
+    getClasses(extractedKeys) {
+        if (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) {
+            const fsUnitClass = this[extractedKeys.size];
+            return fsUnitClass ? [fsUnitClass, "text-(--fs)"] : [];
+        }
+        return [this.md, "text-(--fs)"];
+    }
+    // Static factory methods for different text size ranges
+    static createForPageTitle() {
+        return new FontSizeTheme({
+            xs: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
+            sm: "[--fs-unit:18]", // text-4xl: 2.25rem = 18 * 0.125rem
+            md: "[--fs-unit:24]", // text-5xl: 3rem = 24 * 0.125rem
+            lg: "[--fs-unit:30]", // text-6xl: 3.75rem = 30 * 0.125rem
+            xl: "[--fs-unit:36]" // text-7xl: 4.5rem = 36 * 0.125rem
+        });
+    }
+    static createForSectionTitle() {
+        return new FontSizeTheme({
+            xs: "[--fs-unit:12]", // text-2xl: 1.5rem = 12 * 0.125rem
+            sm: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
+            md: "[--fs-unit:18]", // text-4xl: 2.25rem = 18 * 0.125rem
+            lg: "[--fs-unit:24]", // text-5xl: 3rem = 24 * 0.125rem
+            xl: "[--fs-unit:30]" // text-6xl: 3.75rem = 30 * 0.125rem
+        });
+    }
+    static createForTitle() {
+        return new FontSizeTheme({
+            xs: "[--fs-unit:9]", // text-lg: 1.125rem = 9 * 0.125rem
+            sm: "[--fs-unit:10]", // text-xl: 1.25rem = 10 * 0.125rem
+            md: "[--fs-unit:12]", // text-2xl: 1.5rem = 12 * 0.125rem
+            lg: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
+            xl: "[--fs-unit:18]" // text-4xl: 2.25rem = 18 * 0.125rem
+        });
+    }
+}
+
 class SizeTheme extends BaseTheme {
     constructor(sizeMap, useDefaultKey = true) {
         super();
@@ -3724,13 +3782,24 @@ class SizeTheme extends BaseTheme {
         /** Extra-large size variant */
         this.xl = "";
         this.useDefaultKey = useDefaultKey;
-        ComponentKeys.size.forEach((key) => {
-            var _a;
-            this[key] = (_a = sizeMap === null || sizeMap === void 0 ? void 0 : sizeMap[key]) !== null && _a !== void 0 ? _a : "";
-        });
+        if (sizeMap instanceof FontSizeTheme) {
+            this.fontSizeTheme = sizeMap;
+            ComponentKeys.size.forEach((key) => {
+                this[key] = sizeMap[key];
+            });
+        }
+        else {
+            ComponentKeys.size.forEach((key) => {
+                var _a;
+                this[key] = (_a = sizeMap === null || sizeMap === void 0 ? void 0 : sizeMap[key]) !== null && _a !== void 0 ? _a : "";
+            });
+        }
     }
     getClasses(extractedKeys) {
         var _a;
+        if (this.fontSizeTheme) {
+            return this.fontSizeTheme.getClasses(extractedKeys);
+        }
         const size = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : (this.useDefaultKey ? 'md' : undefined);
         return size ? [this[size]] : [''];
     }
@@ -3809,11 +3878,11 @@ class RadiusTheme extends BaseTheme {
     }
     static createUITheme() {
         return new RadiusTheme({
-            xs: '[--br-unit:1]',
-            sm: '[--br-unit:2]',
-            md: '[--br-unit:3]',
-            lg: '[--br-unit:4]',
-            xl: '[--br-unit:5]'
+            xs: '[--br-unit:2]',
+            sm: '[--br-unit:3]',
+            md: '[--br-unit:4]',
+            lg: '[--br-unit:5]',
+            xl: '[--br-unit:6]'
         }, true);
     }
     static createLayoutTheme() {
@@ -4093,13 +4162,6 @@ const textAppearanceClasses = {
     info: "text-(--color-text-info)",
     transparent: "text-transparent",
 };
-const textSizeClasses = {
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-base",
-    lg: "text-lg",
-    xl: "text-xl",
-};
 
 const filledBackgroundAppearanceClasses = {
     default: "bg-(--color-bg-filled-default)",
@@ -5111,13 +5173,13 @@ class ListStyleTheme extends BaseTheme {
     }
 }
 
-const createTypographyComponentTheme = (tag, base = "text-balance", textSizeMap = textSizeClasses, defaults = {}, lineHeightTheme) => {
+const createTypographyComponentTheme = (tag, base = "text-balance", fontSizeTheme = new FontSizeTheme(), defaults = {}, lineHeightTheme) => {
     const typographyThemes = lineHeightTheme
         ? { ...defaultTypographyThemes, lineHeight: lineHeightTheme }
         : defaultTypographyThemes;
     return new ComponentTheme(tag, base, {
         size: {
-            text: new SizeTheme(textSizeMap),
+            text: fontSizeTheme,
         },
         appearance: {
             text: GenericVariantTheme.createTypographyTextTheme(),
@@ -5130,29 +5192,17 @@ const createTypographyComponentTheme = (tag, base = "text-balance", textSizeMap
     });
 };
 // Page title specific theme
-const pageTitleTheme = createTypographyComponentTheme("h1", "text-balance tracking-tight w-fit", {
-    xs: "text-3xl max-lg:text-2xl max-md:text-xl",
-    sm: "text-4xl max-lg:text-3xl max-md:text-2xl",
-    md: "text-5xl max-lg:text-4xl max-md:text-3xl",
-    lg: "text-6xl max-lg:text-5xl max-md:text-4xl",
-    xl: "text-7xl max-lg:text-6xl max-md:text-5xl"
-}, mergeDefaults(themeDefaults.pageTitle, { semibold: true }), LineHeightTheme.createForPageTitle());
+const pageTitleTheme = createTypographyComponentTheme("h1", "text-balance tracking-tight w-fit", FontSizeTheme.createForPageTitle(), mergeDefaults(themeDefaults.pageTitle, { semibold: true }), LineHeightTheme.createForPageTitle());
 // Section title specific theme
-const sectionTitleTheme = createTypographyComponentTheme("h2", "text-balance w-fit", {
-    xs: "text-2xl max-lg:text-xl  max-md:text-lg",
-    sm: "text-3xl max-lg:text-2xl max-md:text-xl",
-    md: "text-4xl max-lg:text-3xl max-md:text-2xl",
-    lg: "text-5xl max-lg:text-4xl max-md:text-3xl",
-    xl: "text-6xl max-lg:text-5xl max-md:text-4xl"
-}, mergeDefaults(themeDefaults.sectionTitle, { semibold: true }), LineHeightTheme.createForSectionTitle());
+const sectionTitleTheme = createTypographyComponentTheme("h2", "text-balance w-fit", FontSizeTheme.createForSectionTitle(), mergeDefaults(themeDefaults.sectionTitle, { semibold: true }), LineHeightTheme.createForSectionTitle());
 // Title specific theme
-const titleTheme = createTypographyComponentTheme("h3", "text-balance w-fit", { xs: "text-lg", sm: "text-xl", md: "text-2xl", lg: "text-3xl", xl: "text-4xl" }, mergeDefaults(themeDefaults.title, { semibold: true }), LineHeightTheme.createForTitle());
+const titleTheme = createTypographyComponentTheme("h3", "text-balance w-fit", FontSizeTheme.createForTitle(), mergeDefaults(themeDefaults.title, { semibold: true }), LineHeightTheme.createForTitle());
 // Text specific theme
-const textTheme = createTypographyComponentTheme("p", "p-0 m-0 w-fit", textSizeClasses, themeDefaults.text);
+const textTheme = createTypographyComponentTheme("p", "p-0 m-0 w-fit", new FontSizeTheme(), themeDefaults.text);
 // Link specific theme
 const linkTheme = new ComponentTheme("a", "hover:underline w-fit cursor-pointer", {
     size: {
-        text: new SizeTheme(textSizeClasses, false),
+        text: new FontSizeTheme(),
     },
     appearance: {
         text: GenericVariantTheme.createTypographyTextTheme(),
@@ -5163,7 +5213,7 @@ const linkTheme = new ComponentTheme("a", "hover:underline w-fit cursor-pointer"
 // List specific theme
 const listItemTheme = new ComponentTheme("li", "", {
     size: {
-        text: new SizeTheme(textSizeClasses, false),
+        text: new FontSizeTheme(),
     },
     appearance: {
         text: GenericVariantTheme.createTypographyTextTheme(),
@@ -5174,7 +5224,7 @@ const listItemTheme = new ComponentTheme("li", "", {
 // List specific theme
 const listTheme = new ComponentTheme("ul", "list-inside", {
     size: {
-        text: new SizeTheme(textSizeClasses),
+        text: new FontSizeTheme(),
         paddingLeft: new PlTheme(),
     },
     appearance: {
@@ -5403,7 +5453,7 @@ const defaultCheckboxTheme = new ComponentTheme("input", "peer col-start-1 row-s
             lg: 'h-4.5 w-4.5',
             xl: 'h-5 w-5'
         }),
-        text: new SizeTheme(textSizeClasses)
+        text: new FontSizeTheme()
     },
     layout: {
         ...defaultLayoutsThemes,
@@ -5455,7 +5505,7 @@ const defaultCheckboxWrapperTheme = new ComponentTheme("span", "", {
 
 const defaultLabelTheme = new ComponentTheme("label", "has-[input]:cursor-pointer cursor-default", {
     size: {
-        text: new SizeTheme(textSizeClasses),
+        text: new FontSizeTheme(),
         gap: new GapTheme(true),
     },
     appearance: {