@jalvin/ui 2.0.0 → 2.0.2

package/dist/button.d.ts

@@ -1,28 +1,24 @@
-import React from "react";
 import { Modifier } from "./modifier.js";
 export type ButtonVariant = "filled" | "outlined" | "text" | "tonal";
 export interface ButtonProps {
     text?: string;
-    children?: React.ReactNode;
+    innerHTML?: string;
     onClick?: () => void;
     modifier?: Modifier;
     variant?: ButtonVariant;
     enabled?: boolean;
-    /** Icon rendered before the label */
-    leadingIcon?: React.ReactNode;
-    /** Icon rendered after the label */
-    trailingIcon?: React.ReactNode;
     type?: "button" | "submit" | "reset";
 }
 /** Button — analogous to Compose's Button / OutlinedButton / TextButton. */
-export declare function Button({ text, children, onClick, modifier, variant, enabled, leadingIcon, trailingIcon, type, }: ButtonProps): React.ReactElement;
+export declare function Button({ text, innerHTML: html, onClick, modifier, enabled, type }: ButtonProps, children?: HTMLElement[]): HTMLButtonElement;
 export interface IconButtonProps {
+    innerHTML?: string;
     onClick?: () => void;
     modifier?: Modifier;
     enabled?: boolean;
-    children: React.ReactNode;
+    type?: "button" | "submit" | "reset";
     "aria-label"?: string;
 }
 /** Icon-only circular button. */
-export declare function IconButton({ onClick, modifier, enabled, children, "aria-label": ariaLabel, }: IconButtonProps): React.ReactElement;
+export declare function IconButton({ innerHTML, onClick, modifier, enabled, type, "aria-label": ariaLabel }: IconButtonProps, children?: HTMLElement[]): HTMLButtonElement;
 //# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAIzC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oCAAoC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAwCD,4EAA4E;AAC5E,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAkB,EAClB,OAAc,EACd,WAAW,EACX,YAAY,EACZ,IAAe,GAChB,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAoBlC;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iCAAiC;AACjC,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,OAAc,EACd,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAuBtC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,4EAA4E;AAC5E,wBAAgB,MAAM,CACpB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAc,EAAE,IAAe,EAAE,EAAE,WAAW,EAC1F,QAAQ,CAAC,EAAE,WAAW,EAAE,GACvB,iBAAiB,CAUnB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iCAAiC;AACjC,wBAAgB,UAAU,CACxB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAc,EAAE,IAAe,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,eAAe,EAC3G,QAAQ,CAAC,EAAE,WAAW,EAAE,GACvB,iBAAiB,CAInB"}

package/dist/button.js

@@ -1,80 +1,27 @@
-import React from "react";
-import { Color } from "./colors.js";
-const BASE = {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "8px",
-    padding: "8px 16px",
-    borderRadius: "20px",
-    fontSize: "0.875rem",
-    fontWeight: 500,
-    letterSpacing: "0.031em",
-    cursor: "pointer",
-    border: "none",
-    outline: "none",
-    transition: "background-color 0.15s, opacity 0.15s",
-    userSelect: "none",
-};
-const VARIANT_STYLES = {
-    filled: {
-        backgroundColor: Color.Primary,
-        color: Color.OnPrimary,
-    },
-    outlined: {
-        backgroundColor: "transparent",
-        color: Color.Primary,
-        border: `1px solid ${Color.Primary}`,
-    },
-    text: {
-        backgroundColor: "transparent",
-        color: Color.Primary,
-        padding: "8px 12px",
-    },
-    tonal: {
-        backgroundColor: Color.PrimaryLight + "33",
-        color: Color.Primary,
-    },
-};
+import { applyModifier } from "./modifier.js";
 /** Button — analogous to Compose's Button / OutlinedButton / TextButton. */
-export function Button({ text, children, onClick, modifier, variant = "filled", enabled = true, leadingIcon, trailingIcon, type = "button", }) {
-    const modProps = modifier?.toProps() ?? {};
-    return React.createElement("button", {
-        type,
-        onClick: enabled ? onClick : undefined,
-        disabled: !enabled,
-        ...modProps,
-        style: {
-            ...BASE,
-            ...VARIANT_STYLES[variant],
-            opacity: enabled ? 1 : 0.4,
-            ...modProps.style,
-        },
-    }, leadingIcon, text ?? children, trailingIcon);
+export function Button({ text, innerHTML: html, onClick, modifier, enabled = true, type = "button" }, children) {
+    const el = document.createElement("button");
+    el.type = type;
+    if (text !== undefined)
+        el.textContent = text;
+    if (html !== undefined)
+        el.innerHTML = html;
+    if (onClick && enabled)
+        el.addEventListener("click", onClick);
+    if (!enabled)
+        el.disabled = true;
+    if (modifier)
+        applyModifier(el, modifier);
+    for (const child of children ?? [])
+        el.appendChild(child);
+    return el;
 }
 /** Icon-only circular button. */
-export function IconButton({ onClick, modifier, enabled = true, children, "aria-label": ariaLabel, }) {
-    const modProps = modifier?.toProps() ?? {};
-    return React.createElement("button", {
-        type: "button",
-        onClick: enabled ? onClick : undefined,
-        disabled: !enabled,
-        "aria-label": ariaLabel,
-        ...modProps,
-        style: {
-            display: "inline-flex",
-            alignItems: "center",
-            justifyContent: "center",
-            width: "40px",
-            height: "40px",
-            borderRadius: "50%",
-            border: "none",
-            background: "transparent",
-            cursor: enabled ? "pointer" : "default",
-            opacity: enabled ? 1 : 0.4,
-            transition: "background-color 0.15s",
-            ...modProps.style,
-        },
-    }, children);
+export function IconButton({ innerHTML, onClick, modifier, enabled = true, type = "button", "aria-label": ariaLabel }, children) {
+    const el = Button({ innerHTML, onClick, modifier, enabled, type }, children);
+    if (ariaLabel)
+        el.setAttribute("aria-label", ariaLabel);
+    return el;
 }
 //# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAC;AAcxD,4EAA4E;AAC5E,MAAM,UAAU,MAAM,CACpB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAe,EAC1F,QAAwB;IAExB,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5C,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;IACf,IAAI,IAAI,KAAK,SAAS;QAAE,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;IAC9C,IAAI,IAAI,KAAK,SAAS;QAAE,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC;IAC5C,IAAI,OAAO,IAAI,OAAO;QAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO;QAAE,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;IACjC,IAAI,QAAQ;QAAE,aAAa,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC1C,KAAK,MAAM,KAAK,IAAI,QAAQ,IAAI,EAAE;QAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1D,OAAO,EAAE,CAAC;AACZ,CAAC;AAWD,iCAAiC;AACjC,MAAM,UAAU,UAAU,CACxB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAmB,EAC3G,QAAwB;IAExB,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC7E,IAAI,SAAS;QAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACxD,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/dist/index.d.ts

@@ -1,20 +1,9 @@
-export { Modifier } from "./modifier.js";
+export { Modifier, applyModifier } from "./modifier.js";
+export type { CSSProperties } from "./modifier.js";
 export { Color } from "./colors.js";
 export type { ColorValue } from "./colors.js";
-export { TextStyle, textStyleToCSS } from "./typography.js";
-export type { TextStyleDef, TextStyleKey } from "./typography.js";
 export { Column, Row, Box } from "./layout.js";
 export type { ColumnProps, RowProps, BoxProps, Alignment, Arrangement } from "./layout.js";
-export { Text } from "./text.js";
-export type { TextProps } from "./text.js";
 export { Button, IconButton } from "./button.js";
 export type { ButtonProps, ButtonVariant, IconButtonProps } from "./button.js";
-export { Spacer, Divider } from "./spacer.js";
-export type { SpacerProps, DividerProps } from "./spacer.js";
-export { Input } from "./input.js";
-export type { InputProps } from "./input.js";
-export { Card, Scaffold, TopBar } from "./surface.js";
-export type { CardProps, ScaffoldProps, TopBarProps } from "./surface.js";
-export { Image, AsyncImage } from "./image.js";
-export type { ImageProps, AsyncImageProps } from "./image.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGlE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG3F,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG/E,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG3F,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -1,22 +1,14 @@
-// @jalvin/ui — Compose-style React component library
+// @jalvin/ui — Compose-style DOM component library (no React)
 //
 // Usage example (in a .jalvin file):
-//   import { Column, Row, Text, Button, Modifier, Color } from "@jalvin/ui"
-export { Modifier } from "./modifier.js";
+//   import @jalvin/ui.Column
+//   import @jalvin/ui.Row
+//   import @jalvin/ui.Button
+//   import @jalvin/ui.Modifier
+export { Modifier, applyModifier } from "./modifier.js";
 export { Color } from "./colors.js";
-export { TextStyle, textStyleToCSS } from "./typography.js";
 // Layout
 export { Column, Row, Box } from "./layout.js";
-// Text
-export { Text } from "./text.js";
 // Buttons
 export { Button, IconButton } from "./button.js";
-// Spacer & Divider
-export { Spacer, Divider } from "./spacer.js";
-// Input
-export { Input } from "./input.js";
-// Surfaces
-export { Card, Scaffold, TopBar } from "./surface.js";
-// Image
-export { Image, AsyncImage } from "./image.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,EAAE;AACF,qCAAqC;AACrC,4EAA4E;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG5D,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAG/C,OAAO;AACP,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAGjC,UAAU;AACV,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGjD,mBAAmB;AACnB,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAG9C,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,WAAW;AACX,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGtD,QAAQ;AACR,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,EAAE;AACF,qCAAqC;AACrC,6BAA6B;AAC7B,0BAA0B;AAC1B,6BAA6B;AAC7B,+BAA+B;AAE/B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGxD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,SAAS;AACT,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAG/C,UAAU;AACV,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/layout.d.ts

@@ -1,18 +1,15 @@
-import React from "react";
 import { Modifier } from "./modifier.js";
 export type Alignment = "start" | "center" | "end" | "stretch";
 export type Arrangement = "start" | "center" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly";
 export interface ColumnProps {
-    children?: React.ReactNode;
     modifier?: Modifier;
     spacing?: number;
     verticalArrangement?: Arrangement;
     horizontalAlignment?: Alignment;
 }
 /** Vertical flex container — analogous to Compose's Column. */
-export declare function Column({ children, modifier, spacing, verticalArrangement, horizontalAlignment, }: ColumnProps): React.ReactElement;
+export declare function Column({ modifier, spacing, verticalArrangement, horizontalAlignment }: ColumnProps, children?: HTMLElement[]): HTMLElement;
 export interface RowProps {
-    children?: React.ReactNode;
     modifier?: Modifier;
     spacing?: number;
     horizontalArrangement?: Arrangement;
@@ -20,12 +17,11 @@ export interface RowProps {
     wrap?: boolean;
 }
 /** Horizontal flex container — analogous to Compose's Row. */
-export declare function Row({ children, modifier, spacing, horizontalArrangement, verticalAlignment, wrap, }: RowProps): React.ReactElement;
+export declare function Row({ modifier, spacing, horizontalArrangement, verticalAlignment, wrap }: RowProps, children?: HTMLElement[]): HTMLElement;
 export interface BoxProps {
-    children?: React.ReactNode;
     modifier?: Modifier;
     contentAlignment?: "topStart" | "topCenter" | "topEnd" | "centerStart" | "center" | "centerEnd" | "bottomStart" | "bottomCenter" | "bottomEnd";
 }
 /** Positioned container — analogous to Compose's Box. */
-export declare function Box({ children, modifier, contentAlignment, }: BoxProps): React.ReactElement;
+export declare function Box({ modifier, contentAlignment }: BoxProps, children?: HTMLElement[]): HTMLElement;
 //# sourceMappingURL=layout.d.ts.map

package/dist/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,CAAC;AAsBtG,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC;AAED,+DAA+D;AAC/D,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,mBAA6B,EAC7B,mBAA6B,GAC9B,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAalC;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,8DAA8D;AAC9D,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,qBAA+B,EAC/B,iBAA4B,EAC5B,IAAY,GACb,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAc/B;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,WAAW,CAAC;CAChJ;AAED,yDAAyD;AACzD,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EACR,QAAQ,EACR,gBAA6B,GAC9B,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAqB/B"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,aAAa,GAAG,aAAa,CAAC;AAsBtG,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC;AAED,+DAA+D;AAC/D,wBAAgB,MAAM,CACpB,EAAE,QAAQ,EAAE,OAAO,EAAE,mBAA6B,EAAE,mBAA6B,EAAE,EAAE,WAAW,EAChG,QAAQ,CAAC,EAAE,WAAW,EAAE,GACvB,WAAW,CAUb;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,8DAA8D;AAC9D,wBAAgB,GAAG,CACjB,EAAE,QAAQ,EAAE,OAAO,EAAE,qBAA+B,EAAE,iBAA4B,EAAE,IAAY,EAAE,EAAE,QAAQ,EAC5G,QAAQ,CAAC,EAAE,WAAW,EAAE,GACvB,WAAW,CAWb;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,WAAW,CAAC;CAChJ;AAED,yDAAyD;AACzD,wBAAgB,GAAG,CACjB,EAAE,QAAQ,EAAE,gBAA6B,EAAE,EAAE,QAAQ,EACrD,QAAQ,CAAC,EAAE,WAAW,EAAE,GACvB,WAAW,CAYb"}

package/dist/layout.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { applyModifier } from "./modifier.js";
 function arrangementToJustify(a) {
     switch (a) {
         case "start": return "flex-start";
@@ -18,56 +18,50 @@ function alignmentToAlign(a) {
     }
 }
 /** Vertical flex container — analogous to Compose's Column. */
-export function Column({ children, modifier, spacing, verticalArrangement = "start", horizontalAlignment = "start", }) {
-    const modProps = modifier?.toProps() ?? {};
-    return React.createElement("div", {
-        ...modProps,
-        style: {
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: arrangementToJustify(verticalArrangement),
-            alignItems: alignmentToAlign(horizontalAlignment),
-            gap: spacing !== undefined ? `${spacing}px` : undefined,
-            ...modProps.style,
-        },
-    }, children);
+export function Column({ modifier, spacing, verticalArrangement = "start", horizontalAlignment = "start" }, children) {
+    const el = document.createElement("div");
+    el.style.display = "flex";
+    el.style.flexDirection = "column";
+    el.style.justifyContent = arrangementToJustify(verticalArrangement);
+    el.style.alignItems = alignmentToAlign(horizontalAlignment);
+    if (spacing !== undefined)
+        el.style.gap = `${spacing}px`;
+    if (modifier)
+        applyModifier(el, modifier);
+    for (const child of children ?? [])
+        el.appendChild(child);
+    return el;
 }
 /** Horizontal flex container — analogous to Compose's Row. */
-export function Row({ children, modifier, spacing, horizontalArrangement = "start", verticalAlignment = "center", wrap = false, }) {
-    const modProps = modifier?.toProps() ?? {};
-    return React.createElement("div", {
-        ...modProps,
-        style: {
-            display: "flex",
-            flexDirection: "row",
-            justifyContent: arrangementToJustify(horizontalArrangement),
-            alignItems: alignmentToAlign(verticalAlignment),
-            flexWrap: wrap ? "wrap" : "nowrap",
-            gap: spacing !== undefined ? `${spacing}px` : undefined,
-            ...modProps.style,
-        },
-    }, children);
+export function Row({ modifier, spacing, horizontalArrangement = "start", verticalAlignment = "center", wrap = false }, children) {
+    const el = document.createElement("div");
+    el.style.display = "flex";
+    el.style.flexDirection = "row";
+    el.style.justifyContent = arrangementToJustify(horizontalArrangement);
+    el.style.alignItems = alignmentToAlign(verticalAlignment);
+    el.style.flexWrap = wrap ? "wrap" : "nowrap";
+    if (spacing !== undefined)
+        el.style.gap = `${spacing}px`;
+    if (modifier)
+        applyModifier(el, modifier);
+    for (const child of children ?? [])
+        el.appendChild(child);
+    return el;
 }
 /** Positioned container — analogous to Compose's Box. */
-export function Box({ children, modifier, contentAlignment = "topStart", }) {
-    const modProps = modifier?.toProps() ?? {};
-    const [vertical, horizontal] = contentAlignment === "center"
-        ? ["center", "center"]
-        : contentAlignment.startsWith("top")
-            ? ["flex-start", contentAlignment.includes("Center") ? "center" : contentAlignment.includes("End") ? "flex-end" : "flex-start"]
-            : contentAlignment.startsWith("bottom")
-                ? ["flex-end", contentAlignment.includes("Center") ? "center" : contentAlignment.includes("End") ? "flex-end" : "flex-start"]
-                : ["center", contentAlignment.includes("Center") ? "center" : contentAlignment.includes("End") ? "flex-end" : "flex-start"];
-    return React.createElement("div", {
-        ...modProps,
-        style: {
-            position: "relative",
-            display: "flex",
-            flexDirection: "column",
-            alignItems: horizontal,
-            justifyContent: vertical,
-            ...modProps.style,
-        },
-    }, children);
+export function Box({ modifier, contentAlignment = "topStart" }, children) {
+    const el = document.createElement("div");
+    el.style.position = "relative";
+    el.style.display = "flex";
+    el.style.flexDirection = "column";
+    if (contentAlignment === "center") {
+        el.style.alignItems = "center";
+        el.style.justifyContent = "center";
+    }
+    if (modifier)
+        applyModifier(el, modifier);
+    for (const child of children ?? [])
+        el.appendChild(child);
+    return el;
 }
 //# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../src/layout.tsx"],"names":[],"mappings":"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"}

package/dist/modifier.d.ts

@@ -1,4 +1,6 @@
-import type { CSSProperties } from "react";
+export type CSSProperties = {
+    [key: string]: string | number | undefined;
+};
 export declare class Modifier {
     readonly _styles: CSSProperties;
     readonly _classNames: ReadonlyArray<string>;
@@ -21,6 +23,10 @@ export declare class Modifier {
     static cursor(v: string): Modifier;
     static zIndex(v: number): Modifier;
     static overflow(v: "visible" | "hidden" | "scroll" | "auto"): Modifier;
+    static marginTop(v: number | string): Modifier;
+    static marginBottom(v: number | string): Modifier;
+    static marginLeft(v: number | string): Modifier;
+    static marginRight(v: number | string): Modifier;
     private with;
     fillMaxWidth(): Modifier;
     fillMaxHeight(): Modifier;
@@ -35,6 +41,10 @@ export declare class Modifier {
     margin(v: number | string): Modifier;
     marginHorizontal(v: number): Modifier;
     marginVertical(v: number): Modifier;
+    marginTop(v: number | string): Modifier;
+    marginBottom(v: number | string): Modifier;
+    marginLeft(v: number | string): Modifier;
+    marginRight(v: number | string): Modifier;
     background(c: string): Modifier;
     color(c: string): Modifier;
     border(v: string): Modifier;
@@ -75,10 +85,12 @@ export declare class Modifier {
     className(name: string): Modifier;
     /** Merge another Modifier on top of this one. */
     then(other: Modifier): Modifier;
-    /** Extract style + className props for spreading onto a React element. */
+    /** Extract style + className props. */
     toProps(): {
         style?: CSSProperties;
         className?: string;
     };
 }
+/** Apply a Modifier's styles and className to a DOM element. */
+export declare function applyModifier(el: HTMLElement, mod: Modifier): void;
 //# sourceMappingURL=modifier.d.ts.map

package/dist/modifier.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modifier.d.ts","sourceRoot":"","sources":["../src/modifier.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"modifier.d.ts","sourceRoot":"","sources":["../src/modifier.ts"],"names":[],"mappings":"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"}

package/dist/modifier.js

@@ -34,6 +34,10 @@ export class Modifier {
     static cursor(v) { return new Modifier().cursor(v); }
     static zIndex(v) { return new Modifier().zIndex(v); }
     static overflow(v) { return new Modifier().overflow(v); }
+    static marginTop(v) { return new Modifier().marginTop(v); }
+    static marginBottom(v) { return new Modifier().marginBottom(v); }
+    static marginLeft(v) { return new Modifier().marginLeft(v); }
+    static marginRight(v) { return new Modifier().marginRight(v); }
     // ── Fluent instance methods ────────────────────────────────────────────────
     with(extra) {
         return new Modifier({ ...this._styles, ...extra }, [...this._classNames]);
@@ -63,6 +67,18 @@ export class Modifier {
     marginVertical(v) {
         return this.with({ marginTop: `${v}px`, marginBottom: `${v}px` });
     }
+    marginTop(v) {
+        return this.with({ marginTop: typeof v === "number" ? `${v}px` : v });
+    }
+    marginBottom(v) {
+        return this.with({ marginBottom: typeof v === "number" ? `${v}px` : v });
+    }
+    marginLeft(v) {
+        return this.with({ marginLeft: typeof v === "number" ? `${v}px` : v });
+    }
+    marginRight(v) {
+        return this.with({ marginRight: typeof v === "number" ? `${v}px` : v });
+    }
     background(c) { return this.with({ backgroundColor: c }); }
     color(c) { return this.with({ color: c }); }
     border(v) { return this.with({ border: v }); }
@@ -143,7 +159,7 @@ export class Modifier {
     then(other) {
         return new Modifier({ ...this._styles, ...other._styles }, [...this._classNames, ...other._classNames]);
     }
-    /** Extract style + className props for spreading onto a React element. */
+    /** Extract style + className props. */
     toProps() {
         const hasStyles = Object.keys(this._styles).length > 0;
         const hasClasses = this._classNames.length > 0;
@@ -153,4 +169,16 @@ export class Modifier {
         };
     }
 }
+/** Apply a Modifier's styles and className to a DOM element. */
+export function applyModifier(el, mod) {
+    const props = mod.toProps();
+    if (props.className)
+        el.className = props.className;
+    if (props.style) {
+        for (const [k, v] of Object.entries(props.style)) {
+            if (v !== undefined)
+                el.style[k] = String(v);
+        }
+    }
+}
 //# sourceMappingURL=modifier.js.map

package/dist/modifier.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jalvin/ui",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Jalvin UI — Compose-style component library (Column, Row, Box, Button, Text, …)",
   "type": "module",
   "main": "dist/index.js",