nuclo 0.1.47 → 0.1.49

package/dist/style/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/style/index.ts"],"names":[],"mappings":"AACA,iBAAS,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAc/E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/style/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuclo",
   "private": false,
-  "version": "0.1.47",
+  "version": "0.1.49",
   "type": "module",
   "main": "./dist/nuclo.cjs",
   "module": "./dist/nuclo.js",
@@ -28,15 +28,15 @@
     "@eslint/markdown": "^7.5.1",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@types/node": "^24.10.0",
+    "@types/node": "^24.10.1",
     "@vitest/coverage-v8": "4.0.8",
     "eslint": "^9.39.1",
     "globals": "^16.5.0",
     "jsdom": "^27.1.0",
-    "rollup": "^4.53.1",
+    "rollup": "^4.53.2",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.46.3",
+    "typescript-eslint": "^8.46.4",
     "vitest": "^4.0.8"
   },
   "repository": {

package/types/features/style.d.ts

@@ -0,0 +1,133 @@
+// Style utility functions type definitions
+
+/**
+ * Creates a CSS class with the given styles and injects it into the document
+ */
+declare global {
+	function createCSSClass(className: string, styles: Record<string, string>): void;
+
+	/**
+	 * Creates a breakpoint-aware class name generator
+	 * 
+	 * Supports two signatures:
+	 * 1. cn(breakpointStyles) - Only breakpoint-specific styles
+	 * 2. cn(defaultStyles, breakpointStyles) - Default styles + breakpoint overrides
+	 */
+	function createBreakpoints<T extends string>(
+		breakpoints: Record<T, string>
+	): {
+		(styles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+		(defaultStyles: StyleBuilder, breakpointStyles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+	};
+
+	/**
+	 * Style builder class for chaining CSS properties
+	 */
+	class StyleBuilder {
+		getStyles(): Record<string, string>;
+		add(property: string, value: string): this;
+
+		// Display
+		display(value: string): this;
+		flex(value?: string): this;
+		grid(): this;
+
+		// Colors
+		bg(color: string): this;
+		color(color: string): this;
+		accentColor(value: string): this;
+
+		// Typography
+		fontSize(size: string): this;
+		fontWeight(value: string): this;
+		fontFamily(value: string): this;
+		lineHeight(value: string): this;
+		letterSpacing(value: string): this;
+		textAlign(value: string): this;
+		textDecoration(value: string): this;
+		bold(): this;
+
+		// Layout
+		position(value: string): this;
+		padding(value: string): this;
+		margin(value: string): this;
+		width(value: string): this;
+		height(value: string): this;
+		minWidth(value: string): this;
+		maxWidth(value: string): this;
+		minHeight(value: string): this;
+
+		// Flexbox
+		flexDirection(value: string): this;
+		alignItems(value: string): this;
+		justifyContent(value: string): this;
+		center(): this;
+		gap(value: string): this;
+
+		// Borders
+		border(value: string): this;
+		borderRadius(value: string): this;
+		outline(value: string): this;
+
+		// Effects
+		boxShadow(value: string): this;
+		opacity(value: string): this;
+		transition(value: string): this;
+
+		// Interaction
+		cursor(value: string): this;
+	}
+
+	// Utility functions that return StyleBuilders
+	// Display
+	function display(value: string): StyleBuilder;
+	function flex(value?: string): StyleBuilder;
+	function grid(): StyleBuilder;
+
+	// Colors
+	function bg(color: string): StyleBuilder;
+	function color(colorValue: string): StyleBuilder;
+	function accentColor(value: string): StyleBuilder;
+
+	// Typography
+	function fontSize(size: string): StyleBuilder;
+	function fontWeight(value: string): StyleBuilder;
+	function fontFamily(value: string): StyleBuilder;
+	function lineHeight(value: string): StyleBuilder;
+	function letterSpacing(value: string): StyleBuilder;
+	function textAlign(value: string): StyleBuilder;
+	function textDecoration(value: string): StyleBuilder;
+	function bold(): StyleBuilder;
+
+	// Layout
+	function position(value: string): StyleBuilder;
+	function padding(value: string): StyleBuilder;
+	function margin(value: string): StyleBuilder;
+	function width(value: string): StyleBuilder;
+	function height(value: string): StyleBuilder;
+	function minWidth(value: string): StyleBuilder;
+	function maxWidth(value: string): StyleBuilder;
+	function minHeight(value: string): StyleBuilder;
+
+	// Flexbox
+	function flexDirection(value: string): StyleBuilder;
+	function alignItems(value: string): StyleBuilder;
+	function justifyContent(value: string): StyleBuilder;
+	function center(): StyleBuilder;
+	function gap(value: string): StyleBuilder;
+
+	// Borders
+	function border(value: string): StyleBuilder;
+	function borderRadius(value: string): StyleBuilder;
+	function outline(value: string): StyleBuilder;
+
+	// Effects
+	function boxShadow(value: string): StyleBuilder;
+	function opacity(value: string): StyleBuilder;
+	function transition(value: string): StyleBuilder;
+
+	// Interaction
+	function cursor(value: string): StyleBuilder;
+}
+
+export {};

package/types/index.d.ts

@@ -8,6 +8,7 @@ import "./features/when";
 import "./features/update";
 import "./features/on";
 import "./features/render";
+import "./features/style";
 
 // Re-export on() helper for module-style consumers (import { on } from "nuclo")
 export function on<K extends keyof HTMLElementEventMap, TTagName extends ElementTagName = ElementTagName>(