@jalvin/ui 2.0.41 → 2.0.43

package/dist/typography.d.ts

@@ -1,109 +1,137 @@
-/** Local definition for standard CSS properties. */
-export type CSSProperties = {
-    [key: string]: string | number | undefined;
-};
+import type { CSSProperties } from "react";
 export interface TextStyleDef {
-    fontSize: number;
-    lineHeight: number;
+    fontSize: string;
     fontWeight: number | "bold" | "normal";
-    letterSpacing: number;
-    fontFamily?: string;
-    color?: string;
+    lineHeight: string;
+    letterSpacing?: string;
 }
 export declare const TextStyle: {
-    readonly displayLarge: {
-        readonly fontSize: 57;
-        readonly lineHeight: 64;
-        readonly fontWeight: 400;
-        readonly letterSpacing: -0.25;
-    };
-    readonly displayMedium: {
-        readonly fontSize: 45;
-        readonly lineHeight: 52;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0;
-    };
-    readonly displaySmall: {
-        readonly fontSize: 36;
-        readonly lineHeight: 44;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0;
-    };
-    readonly headlineLarge: {
-        readonly fontSize: 32;
-        readonly lineHeight: 40;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0;
-    };
-    readonly headlineMedium: {
-        readonly fontSize: 28;
-        readonly lineHeight: 36;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0;
-    };
-    readonly headlineSmall: {
-        readonly fontSize: 24;
-        readonly lineHeight: 32;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0;
-    };
-    readonly titleLarge: {
-        readonly fontSize: 22;
-        readonly lineHeight: 28;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0;
-    };
-    readonly titleMedium: {
-        readonly fontSize: 16;
-        readonly lineHeight: 24;
-        readonly fontWeight: 500;
-        readonly letterSpacing: 0.15;
-    };
-    readonly titleSmall: {
-        readonly fontSize: 14;
-        readonly lineHeight: 20;
-        readonly fontWeight: 500;
-        readonly letterSpacing: 0.1;
-    };
-    readonly labelLarge: {
-        readonly fontSize: 14;
-        readonly lineHeight: 20;
-        readonly fontWeight: 500;
-        readonly letterSpacing: 0.1;
-    };
-    readonly labelMedium: {
-        readonly fontSize: 12;
-        readonly lineHeight: 16;
-        readonly fontWeight: 500;
-        readonly letterSpacing: 0.5;
-    };
-    readonly labelSmall: {
-        readonly fontSize: 11;
-        readonly lineHeight: 16;
-        readonly fontWeight: 500;
-        readonly letterSpacing: 0.5;
-    };
-    readonly bodyLarge: {
-        readonly fontSize: 16;
-        readonly lineHeight: 24;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0.5;
-    };
-    readonly bodyMedium: {
-        readonly fontSize: 14;
-        readonly lineHeight: 20;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0.25;
-    };
-    readonly bodySmall: {
-        readonly fontSize: 12;
-        readonly lineHeight: 16;
-        readonly fontWeight: 400;
-        readonly letterSpacing: 0.4;
+    displayLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    displayMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    displaySmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    headlineLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    headlineMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    headlineSmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    titleLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+    };
+    titleMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    titleSmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    bodyLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    bodyMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    bodySmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    labelLarge: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    labelMedium: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    labelSmall: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    h1: {
+        fontSize: string;
+        fontWeight: "bold";
+        lineHeight: string;
+    };
+    h2: {
+        fontSize: string;
+        fontWeight: "bold";
+        lineHeight: string;
+    };
+    h3: {
+        fontSize: string;
+        fontWeight: "bold";
+        lineHeight: string;
+    };
+    h4: {
+        fontSize: string;
+        fontWeight: "bold";
+        lineHeight: string;
+    };
+    body: {
+        fontSize: string;
+        fontWeight: "normal";
+        lineHeight: string;
+    };
+    caption: {
+        fontSize: string;
+        fontWeight: "normal";
+        lineHeight: string;
+    };
+    button: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    code: {
+        fontSize: string;
+        fontWeight: "normal";
+        lineHeight: string;
+        letterSpacing: string;
     };
 };
-/**
- * Converts a TextStyle token to standard CSS properties.
- */
+export type TextStyleKey = keyof typeof TextStyle;
 export declare function textStyleToCSS(style: TextStyleDef): CSSProperties;
 //# sourceMappingURL=typography.d.ts.map

package/dist/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,MAAM,MAAM,aAAa,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAE3E,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBZ,CAAC;AAEX;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAUjE"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BkB,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC;AAElD,wBAAgB,cAAc,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAEjE"}

package/dist/typography.js

@@ -1,34 +1,30 @@
 export const TextStyle = {
-    displayLarge: { fontSize: 57, lineHeight: 64, fontWeight: 400, letterSpacing: -0.25 },
-    displayMedium: { fontSize: 45, lineHeight: 52, fontWeight: 400, letterSpacing: 0 },
-    displaySmall: { fontSize: 36, lineHeight: 44, fontWeight: 400, letterSpacing: 0 },
-    headlineLarge: { fontSize: 32, lineHeight: 40, fontWeight: 400, letterSpacing: 0 },
-    headlineMedium: { fontSize: 28, lineHeight: 36, fontWeight: 400, letterSpacing: 0 },
-    headlineSmall: { fontSize: 24, lineHeight: 32, fontWeight: 400, letterSpacing: 0 },
-    titleLarge: { fontSize: 22, lineHeight: 28, fontWeight: 400, letterSpacing: 0 },
-    titleMedium: { fontSize: 16, lineHeight: 24, fontWeight: 500, letterSpacing: 0.15 },
-    titleSmall: { fontSize: 14, lineHeight: 20, fontWeight: 500, letterSpacing: 0.1 },
-    labelLarge: { fontSize: 14, lineHeight: 20, fontWeight: 500, letterSpacing: 0.1 },
-    labelMedium: { fontSize: 12, lineHeight: 16, fontWeight: 500, letterSpacing: 0.5 },
-    labelSmall: { fontSize: 11, lineHeight: 16, fontWeight: 500, letterSpacing: 0.5 },
-    bodyLarge: { fontSize: 16, lineHeight: 24, fontWeight: 400, letterSpacing: 0.5 },
-    bodyMedium: { fontSize: 14, lineHeight: 20, fontWeight: 400, letterSpacing: 0.25 },
-    bodySmall: { fontSize: 12, lineHeight: 16, fontWeight: 400, letterSpacing: 0.4 },
+    displayLarge: { fontSize: "3.5rem", fontWeight: 400, lineHeight: "4rem" },
+    displayMedium: { fontSize: "2.8rem", fontWeight: 400, lineHeight: "3.2rem" },
+    displaySmall: { fontSize: "2.25rem", fontWeight: 400, lineHeight: "2.75rem" },
+    headlineLarge: { fontSize: "2rem", fontWeight: 400, lineHeight: "2.5rem" },
+    headlineMedium: { fontSize: "1.75rem", fontWeight: 400, lineHeight: "2.25rem" },
+    headlineSmall: { fontSize: "1.5rem", fontWeight: 400, lineHeight: "2rem" },
+    titleLarge: { fontSize: "1.375rem", fontWeight: 500, lineHeight: "1.75rem" },
+    titleMedium: { fontSize: "1rem", fontWeight: 500, lineHeight: "1.5rem", letterSpacing: "0.009em" },
+    titleSmall: { fontSize: "0.875rem", fontWeight: 500, lineHeight: "1.25rem", letterSpacing: "0.007em" },
+    bodyLarge: { fontSize: "1rem", fontWeight: 400, lineHeight: "1.5rem", letterSpacing: "0.009em" },
+    bodyMedium: { fontSize: "0.875rem", fontWeight: 400, lineHeight: "1.25rem", letterSpacing: "0.018em" },
+    bodySmall: { fontSize: "0.75rem", fontWeight: 400, lineHeight: "1rem", letterSpacing: "0.025em" },
+    labelLarge: { fontSize: "0.875rem", fontWeight: 500, lineHeight: "1.25rem", letterSpacing: "0.007em" },
+    labelMedium: { fontSize: "0.75rem", fontWeight: 500, lineHeight: "1rem", letterSpacing: "0.031em" },
+    labelSmall: { fontSize: "0.6875rem", fontWeight: 500, lineHeight: "1rem", letterSpacing: "0.045em" },
+    // Shortcuts
+    h1: { fontSize: "2rem", fontWeight: "bold", lineHeight: "2.5rem" },
+    h2: { fontSize: "1.5rem", fontWeight: "bold", lineHeight: "2rem" },
+    h3: { fontSize: "1.25rem", fontWeight: "bold", lineHeight: "1.75rem" },
+    h4: { fontSize: "1.125rem", fontWeight: "bold", lineHeight: "1.5rem" },
+    body: { fontSize: "1rem", fontWeight: "normal", lineHeight: "1.5rem" },
+    caption: { fontSize: "0.75rem", fontWeight: "normal", lineHeight: "1rem" },
+    button: { fontSize: "0.875rem", fontWeight: 500, lineHeight: "1rem", letterSpacing: "0.031em" },
+    code: { fontSize: "0.875rem", fontWeight: "normal", lineHeight: "1.4rem", letterSpacing: "-0.01em" },
 };
-/**
- * Converts a TextStyle token to standard CSS properties.
- */
 export function textStyleToCSS(style) {
-    const css = {
-        fontSize: `${style.fontSize}px`,
-        lineHeight: `${style.lineHeight}px`,
-        fontWeight: style.fontWeight,
-        letterSpacing: `${style.letterSpacing}px`,
-    };
-    if (style.fontFamily)
-        css.fontFamily = style.fontFamily;
-    if (style.color)
-        css.color = style.color;
-    return css;
+    return style;
 }
 //# sourceMappingURL=typography.js.map

package/dist/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,YAAY,EAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE;IACxF,aAAa,EAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE;IACpF,YAAY,EAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE;IACpF,aAAa,EAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE;IACpF,cAAc,EAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE;IACpF,aAAa,EAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE;IACpF,UAAU,EAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE;IACpF,WAAW,EAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE;IACvF,UAAU,EAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE;IACtF,UAAU,EAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE;IACtF,WAAW,EAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE;IACtF,UAAU,EAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE;IACtF,SAAS,EAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE;IACtF,UAAU,EAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE;IACvF,SAAS,EAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE;CAC9E,CAAC;AAEX;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAAmB;IAChD,MAAM,GAAG,GAAQ;QACf,QAAQ,EAAE,GAAG,KAAK,CAAC,QAAQ,IAAI;QAC/B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI;QACnC,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,aAAa,EAAE,GAAG,KAAK,CAAC,aAAa,IAAI;KAC1C,CAAC;IACF,IAAI,KAAK,CAAC,UAAU;QAAE,GAAG,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;IACxD,IAAI,KAAK,CAAC,KAAK;QAAE,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IACzC,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAG,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAyB;IACjG,aAAa,EAAC,EAAE,QAAQ,EAAE,QAAQ,EAAG,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAyB;IACnG,YAAY,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAyB;IAEpG,aAAa,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAG,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAyB;IAClG,cAAc,EAAC,EAAE,QAAQ,EAAE,SAAS,EAAC,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAyB;IACpG,aAAa,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAyB;IAEjG,UAAU,EAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAyB;IACpG,WAAW,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAM,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAyB;IAC7H,UAAU,EAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAyB;IAE9H,SAAS,EAAI,EAAE,QAAQ,EAAE,MAAM,EAAM,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAyB;IAC7H,UAAU,EAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAyB;IAC9H,SAAS,EAAI,EAAE,QAAQ,EAAE,SAAS,EAAG,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAyB;IAE3H,UAAU,EAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAyB;IAC9H,WAAW,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAG,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAyB;IAC3H,UAAU,EAAG,EAAE,QAAQ,EAAE,WAAW,EAAC,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAyB;IAE3H,YAAY;IACZ,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAM,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAyB;IAC7F,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAI,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAyB;IAC3F,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAG,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAyB;IAC9F,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAyB;IAC7F,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAI,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAyB;IAC/F,OAAO,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAyB;IACjG,MAAM,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAyB;IACtH,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAyB;CACrF,CAAC;AAIzC,MAAM,UAAU,cAAc,CAAC,KAAmB;IAChD,OAAO,KAAsB,CAAC;AAChC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jalvin/ui",
-  "version": "2.0.41",
+  "version": "2.0.43",
   "description": "Jalvin UI — Compose-style component library (Column, Row, Box, Button, Text, …)",
   "type": "module",
   "main": "dist/index.js",
@@ -21,7 +21,7 @@
     "@jalvin/runtime": ">=2.0.0"
   },
   "devDependencies": {
-    "@jalvin/runtime": "2.0.41",
+    "@jalvin/runtime": "2.0.43",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@types/node": "^20.0.0",

package/dist/__tests__/children-signature.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=children-signature.test.d.ts.map

package/dist/__tests__/children-signature.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"children-signature.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/children-signature.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/children-signature.test.js

@@ -1,106 +0,0 @@
-import { describe, it, expect } from "vitest";
-import * as fs from "fs";
-import * as path from "path";
-/**
- * Tests to ensure all child-accepting UI components use consistent
- * second-argument children signature (not props-style).
- *
- * This prevents runtime mismatches like the 2.0.35 incident where
- * Scaffold/Card took children as second arg, but Column/Row read from props.
- */
-describe("UI children signature consistency", () => {
-    // Components that accept children
-    const CHILD_COMPONENTS = [
-        "Scaffold",
-        "Card",
-        "Column",
-        "Row",
-        "Box",
-        "Button",
-        "IconButton",
-    ];
-    // Text is intentionally different (uses props.children and props.text)
-    const INTENTIONAL_EXCEPTIONS = ["Text"];
-    it("all child-accepting components use second-argument style in TypeScript", () => {
-        const srcDir = path.join(__dirname, "..");
-        const tsFiles = [
-            path.join(srcDir, "surface.ts"),
-            path.join(srcDir, "layout.ts"),
-            path.join(srcDir, "button.ts"),
-        ].filter(f => fs.existsSync(f));
-        const content = tsFiles
-            .map((f) => fs.readFileSync(f, "utf-8"))
-            .join("\n");
-        for (const component of CHILD_COMPONENTS) {
-            // Find the component function definition
-            const componentRegex = new RegExp(`export function ${component}\\([\\s\\S]*?\\):\\s*HTMLElement`, "");
-            const match = content.match(componentRegex);
-            if (!match)
-                continue; // Component might not be in the checked files
-            const functionSig = match[0];
-            // Check: should have children as second parameter (after Props)
-            // Pattern: }: PropType, children?: Node[]
-            // (handles multi-line with whitespace variations)
-            const hasSecondArgChildren = /:\s*\w+Props\s*,\s*children\?/s.test(functionSig);
-            expect(hasSecondArgChildren, `${component} should have children as second-argument, not in props`).toBe(true);
-            // Check: should NOT have children in props destructuring
-            // Pattern: { ..., children... }
-            const propsMatch = functionSig.match(/\{[\s\S]*?\}:\s*\w+Props/);
-            if (propsMatch) {
-                const propsBody = propsMatch[0];
-                expect(!propsBody.includes("children"), `${component} props should NOT include children field`).toBe(true);
-            }
-        }
-    });
-    it("interface props do not include children field", () => {
-        const srcDir = path.join(__dirname, "..");
-        const tsFiles = [
-            path.join(srcDir, "surface.ts"),
-            path.join(srcDir, "layout.ts"),
-            path.join(srcDir, "button.ts"),
-        ].filter(f => fs.existsSync(f));
-        const content = tsFiles
-            .map((f) => fs.readFileSync(f, "utf-8"))
-            .join("\n");
-        // Get interface definitions for components with children
-        for (const component of CHILD_COMPONENTS) {
-            // Look for interfaces like ScaffoldProps, CardProps, etc.
-            const interfaceName = `${component}Props`;
-            const interfacePattern = new RegExp(`export interface ${interfaceName}\\s*\\{[^}]*?\\}`, "s");
-            const match = content.match(interfacePattern);
-            if (match) {
-                const interfaceBody = match[0];
-                // For non-exception components, children should NOT be in the interface
-                if (!INTENTIONAL_EXCEPTIONS.includes(component)) {
-                    expect(!interfaceBody.includes("children"), `${interfaceName} should NOT include children field (children are second-argument)`).toBe(true);
-                }
-            }
-        }
-    });
-    it("component implementations use children correctly as second arg", () => {
-        const srcDir = path.join(__dirname, "..");
-        const layoutContent = fs.readFileSync(path.join(srcDir, "layout.ts"), "utf-8");
-        // Check that Column/Row/Box all use children ?? [] pattern
-        for (const component of ["Column", "Row", "Box"]) {
-            expect(layoutContent.includes(`children ?? []`), `${component} should use children ?? [] pattern`).toBe(true);
-        }
-    });
-    it("compiled dist files maintain second-argument children signature", () => {
-        const distDir = path.join(__dirname, "../../dist");
-        // Check if dist exists (it will after build)
-        if (!fs.existsSync(distDir)) {
-            console.warn("dist/ not found; skipping compiled output check");
-            return;
-        }
-        const jsFiles = [
-            path.join(distDir, "surface.js"),
-            path.join(distDir, "layout.js"),
-            path.join(distDir, "button.js"),
-        ].filter((f) => fs.existsSync(f));
-        const content = jsFiles.map((f) => fs.readFileSync(f, "utf-8")).join("\n");
-        // Check that second-argument children patterns exist in compiled code
-        // Pattern: }, children) or }, children =
-        expect(/},\s*children\s*[),=]/m.test(content), "Compiled code should have children as second parameter").toBe(true);
-    });
-});
-//# sourceMappingURL=children-signature.test.js.map

package/dist/__tests__/children-signature.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"children-signature.test.js","sourceRoot":"","sources":["../../src/__tests__/children-signature.test.ts"],"names":[],"mappings":"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"}