nuclo 0.1.61 → 0.1.64

package/dist/style/cssGenerator.d.ts

@@ -1,6 +1,6 @@
-type AtRuleType = 'media' | 'container' | 'supports' | 'style';
-export declare function classExistsInDOM(className: string, condition?: string, atRuleType?: AtRuleType): boolean;
-export declare function createCSSClassWithStyles(className: string, styles: Record<string, string>, condition?: string, atRuleType?: AtRuleType): void;
+type AtRuleType = 'media' | 'container' | 'supports' | 'style' | 'pseudo';
+export declare function classExistsInDOM(className: string, condition?: string, atRuleType?: AtRuleType, pseudoClass?: string): boolean;
+export declare function createCSSClassWithStyles(className: string, styles: Record<string, string>, condition?: string, atRuleType?: AtRuleType, pseudoClass?: string): void;
 export declare function createCSSClass(className: string, styles: Record<string, string>): void;
 export {};
 //# sourceMappingURL=cssGenerator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"cssGenerator.d.ts","sourceRoot":"","sources":["../../src/style/cssGenerator.ts"],"names":[],"mappings":"AACA,KAAK,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAG/D,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,UAAU,GAAE,UAAoB,GAAG,OAAO,CAwCjH;AAGD,wBAAgB,wBAAwB,CACvC,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,SAAS,CAAC,EAAE,MAAM,EAClB,UAAU,GAAE,UAAoB,GAC9B,IAAI,CAyIN;AAGD,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAEtF"}
+{"version":3,"file":"cssGenerator.d.ts","sourceRoot":"","sources":["../../src/style/cssGenerator.ts"],"names":[],"mappings":"AACA,KAAK,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAG1E,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,UAAU,GAAE,UAAoB,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAoDvI;AAGD,wBAAgB,wBAAwB,CACvC,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,SAAS,CAAC,EAAE,MAAM,EAClB,UAAU,GAAE,UAAoB,EAChC,WAAW,CAAC,EAAE,MAAM,GAClB,IAAI,CAyLN;AAGD,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAEtF"}

package/dist/style/index.d.ts

@@ -1,5 +1,5 @@
 export { StyleBuilder } from "./styleBuilder";
-export { createStyleQueries, createBreakpoints } from "./styleQueries";
+export { createStyleQueries, createBreakpoints, type CSSPseudoClass } from "./styleQueries";
 export { createCSSClass } from "./cssGenerator";
 export { display, flex, grid, bg, color, accentColor, fontSize, fontWeight, fontFamily, lineHeight, letterSpacing, textAlign, textDecoration, bold, fontStyle, fontVariant, fontStretch, textTransform, textIndent, textOverflow, textShadow, whiteSpace, wordSpacing, wordWrap, overflowWrap, textAlignLast, textJustify, textDecorationLine, textDecorationColor, textDecorationStyle, textDecorationThickness, textUnderlineOffset, verticalAlign, position, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginTop, marginRight, marginBottom, marginLeft, width, height, minWidth, maxWidth, minHeight, maxHeight, boxSizing, top, right, bottom, left, zIndex, flexDirection, alignItems, justifyContent, center, gap, flexWrap, flexGrow, flexShrink, flexBasis, alignSelf, alignContent, justifySelf, justifyItems, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridColumn, gridRow, gridColumnStart, gridColumnEnd, gridRowStart, gridRowEnd, gridArea, gridAutoColumns, gridAutoRows, gridAutoFlow, border, borderTop, borderRight, borderBottom, borderLeft, borderWidth, borderStyle, borderColor, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, borderTopStyle, borderRightStyle, borderBottomStyle, borderLeftStyle, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, outline, outlineWidth, outlineStyle, outlineColor, outlineOffset, backgroundColor, backgroundImage, backgroundRepeat, backgroundPosition, backgroundSize, backgroundAttachment, backgroundClip, backgroundOrigin, boxShadow, opacity, transition, transitionProperty, transitionDuration, transitionTimingFunction, transitionDelay, transform, transformOrigin, transformStyle, perspective, perspectiveOrigin, backfaceVisibility, animation, animationName, animationDuration, animationTimingFunction, animationDelay, animationIterationCount, animationDirection, animationFillMode, animationPlayState, filter, backdropFilter, overflow, overflowX, overflowY, visibility, objectFit, objectPosition, listStyle, listStyleType, listStylePosition, listStyleImage, borderCollapse, borderSpacing, captionSide, emptyCells, tableLayout, content, quotes, counterReset, counterIncrement, appearance, userSelect, pointerEvents, resize, scrollBehavior, clip, clipPath, isolation, mixBlendMode, willChange, contain, pageBreakBefore, pageBreakAfter, pageBreakInside, breakBefore, breakAfter, breakInside, orphans, widows, columnCount, columnFill, columnGap, columnRule, columnRuleColor, columnRuleStyle, columnRuleWidth, columnSpan, columnWidth, columns, cursor, } from "./styleBuilder";
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/style/styleQueries.d.ts

@@ -1,8 +1,14 @@
 import { StyleBuilder } from "./styleBuilder";
-type QueryStyles<T extends string> = Partial<Record<T, StyleBuilder>>;
-export declare function createStyleQueries<T extends string>(queries: Record<T, string> | Array<[T, string]>): (defaultStylesOrQueries?: StyleBuilder | QueryStyles<T>, queryStyles?: QueryStyles<T>) => {
-    className: string;
-} | string;
+export type CSSPseudoClass = 'hover' | 'active' | 'focus' | 'focus-visible' | 'focus-within' | 'visited' | 'link' | 'target' | 'root' | 'empty' | 'enabled' | 'disabled' | 'checked' | 'indeterminate' | 'default' | 'required' | 'optional' | 'valid' | 'invalid' | 'in-range' | 'out-of-range' | 'placeholder-shown' | 'autofill' | 'read-only' | 'read-write' | 'first-child' | 'last-child' | 'only-child' | 'first-of-type' | 'last-of-type' | 'only-of-type' | 'nth-child' | 'nth-last-child' | 'nth-of-type' | 'nth-last-of-type' | 'lang' | 'dir' | 'not' | 'is' | 'where' | 'has' | 'any-link' | 'local-link' | 'scope' | 'current' | 'past' | 'future' | 'playing' | 'paused' | 'seeking' | 'muted' | 'volume-locked' | 'buffering' | 'stalled' | 'picture-in-picture' | 'fullscreen' | 'modal' | 'popover-open' | 'user-invalid' | 'user-valid';
+type QueryStyles<T extends string> = Partial<Record<T | CSSPseudoClass, StyleBuilder>>;
+export declare function createStyleQueries<T extends string>(queries: Record<T, string> | Array<[T, string]>): {
+    (defaultStyles: StyleBuilder, queryStyles?: QueryStyles<T | CSSPseudoClass>): {
+        className: string;
+    } | string;
+    (queryStyles?: QueryStyles<T | CSSPseudoClass>): {
+        className: string;
+    } | string;
+};
 export declare const createBreakpoints: typeof createStyleQueries;
 export {};
 //# sourceMappingURL=styleQueries.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styleQueries.d.ts","sourceRoot":"","sources":["../../src/style/styleQueries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;AAmCtE,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAClD,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,IAQ9C,yBAAyB,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,EACtD,cAAc,WAAW,CAAC,CAAC,CAAC,KAC1B;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAwFjC;AAGD,eAAO,MAAM,iBAAiB,2BAAqB,CAAC"}
+{"version":3,"file":"styleQueries.d.ts","sourceRoot":"","sources":["../../src/style/styleQueries.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,MAAM,MAAM,cAAc,GACvB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,eAAe,GACf,cAAc,GACd,SAAS,GACT,MAAM,GACN,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,UAAU,GACV,SAAS,GACT,eAAe,GACf,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,SAAS,GACT,UAAU,GACV,cAAc,GACd,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,eAAe,GACf,cAAc,GACd,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,aAAa,GACb,kBAAkB,GAClB,MAAM,GACN,KAAK,GACL,KAAK,GACL,IAAI,GACJ,OAAO,GACP,KAAK,GACL,UAAU,GACV,YAAY,GACZ,OAAO,GACP,SAAS,GACT,MAAM,GACN,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,OAAO,GACP,eAAe,GACf,WAAW,GACX,SAAS,GACT,oBAAoB,GACpB,YAAY,GACZ,OAAO,GACP,cAAc,GACd,cAAc,GACd,YAAY,CAAC;AAmEhB,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,cAAc,EAAE,YAAY,CAAC,CAAC,CAAC;AA2DvF,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAClD,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAC7C;IACF,CAAC,aAAa,EAAE,YAAY,EAAE,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,GAAG,cAAc,CAAC,GAAG;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;IAC7G,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,GAAG,cAAc,CAAC,GAAG;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;CAChF,CAkJA;AAGD,eAAO,MAAM,iBAAiB,2BAAqB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuclo",
   "private": false,
-  "version": "0.1.61",
+  "version": "0.1.64",
   "type": "module",
   "main": "./dist/nuclo.cjs",
   "module": "./dist/nuclo.js",

package/types/features/style.d.ts

@@ -100,6 +100,72 @@ import type {
 	ClipRuleValue,
 } from "../../src/style/cssPropertyTypes";
 
+/**
+ * Comprehensive list of CSS pseudo-classes that are automatically available
+ * in createStyleQueries without needing to define them.
+ */
+export type CSSPseudoClass =
+	| 'hover'
+	| 'active'
+	| 'focus'
+	| 'focus-visible'
+	| 'focus-within'
+	| 'visited'
+	| 'link'
+	| 'target'
+	| 'root'
+	| 'empty'
+	| 'enabled'
+	| 'disabled'
+	| 'checked'
+	| 'indeterminate'
+	| 'default'
+	| 'required'
+	| 'optional'
+	| 'valid'
+	| 'invalid'
+	| 'in-range'
+	| 'out-of-range'
+	| 'placeholder-shown'
+	| 'autofill'
+	| 'read-only'
+	| 'read-write'
+	| 'first-child'
+	| 'last-child'
+	| 'only-child'
+	| 'first-of-type'
+	| 'last-of-type'
+	| 'only-of-type'
+	| 'nth-child'
+	| 'nth-last-child'
+	| 'nth-of-type'
+	| 'nth-last-of-type'
+	| 'lang'
+	| 'dir'
+	| 'not'
+	| 'is'
+	| 'where'
+	| 'has'
+	| 'any-link'
+	| 'local-link'
+	| 'scope'
+	| 'current'
+	| 'past'
+	| 'future'
+	| 'playing'
+	| 'paused'
+	| 'seeking'
+	| 'muted'
+	| 'volume-locked'
+	| 'buffering'
+	| 'stalled'
+	| 'picture-in-picture'
+	| 'fullscreen'
+	| 'modal'
+	| 'popover-open'
+	| 'user-invalid'
+	| 'user-valid';
+
 /**
  * Creates a CSS class with the given styles and injects it into the document
  */
@@ -108,7 +174,7 @@ declare global {
 
 	/**
 	 * Creates a style query class name generator for responsive and conditional styles.
-	 * Supports @media, @container, @supports queries.
+	 * Supports @media, @container, @supports queries, and automatically includes all CSS pseudo-classes.
 	 *
 	 * Query values should include the at-rule prefix:
 	 * - "@media (min-width: 768px)" for media queries
@@ -117,25 +183,44 @@ declare global {
 	 *
 	 * For backward compatibility, values without a prefix are treated as media queries.
 	 *
+	 * Pseudo-classes (hover, focus, active, etc.) are automatically available and don't need to be defined:
+	 * ```ts
+	 * const cn = createStyleQueries({
+	 *   small: "@media (min-width: 341px)",
+	 *   medium: "@media (min-width: 601px)",
+	 *   large: "@media (min-width: 1025px)",
+	 * });
+	 * 
+	 * const s = {
+	 *   navLink: cn(
+	 *     color("gray").fontSize("14px").transition("all 0.2s"),
+	 *     {
+	 *       medium: fontSize("15px"),
+	 *       hover: color("blue")  // hover is automatically available!
+	 *     }
+	 *   )
+	 * };
+	 * ```
+	 *
 	 * Supports two signatures:
 	 * 1. cn(queryStyles) - Only query-specific styles
 	 * 2. cn(defaultStyles, queryStyles) - Default styles + query overrides
 	 */
 	function createStyleQueries<T extends string>(
-		queries: Record<T, string>
+		queries: Record<T, string> | Array<[T, string]>
 	): {
-		(styles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
-		(defaultStyles: StyleBuilder, queryStyles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+		(defaultStyles: StyleBuilder, queryStyles?: Partial<Record<T | CSSPseudoClass, StyleBuilder>>): { className: string } | string;
+		(queryStyles?: Partial<Record<T | CSSPseudoClass, StyleBuilder>>): { className: string } | string;
 	};
 
 	/**
 	 * @deprecated Use createStyleQueries instead. Alias for backward compatibility.
 	 */
 	function createBreakpoints<T extends string>(
-		breakpoints: Record<T, string>
+		breakpoints: Record<T, string> | Array<[T, string]>
 	): {
-		(styles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
-		(defaultStyles: StyleBuilder, breakpointStyles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+		(defaultStyles: StyleBuilder, breakpointStyles?: Partial<Record<T | CSSPseudoClass, StyleBuilder>>): { className: string } | string;
+		(breakpointStyles?: Partial<Record<T | CSSPseudoClass, StyleBuilder>>): { className: string } | string;
 	};
 
 	/**
@@ -1841,20 +1926,20 @@ export function gridGap(value: CSSLengthValue): StyleBuilder;
 
 // Style queries / breakpoints
 export function createStyleQueries<T extends string>(
-	queries: Record<T, string>
+	queries: Record<T, string> | Array<[T, string]>
 ): {
-	(styles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
-	(defaultStyles: StyleBuilder, queryStyles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+	(defaultStyles: StyleBuilder, queryStyles?: Partial<Record<T | CSSPseudoClass, StyleBuilder>>): { className: string } | string;
+	(queryStyles?: Partial<Record<T | CSSPseudoClass, StyleBuilder>>): { className: string } | string;
 };
 
 /**
  * @deprecated Use createStyleQueries instead. Alias for backward compatibility.
  */
 export function createBreakpoints<T extends string>(
-	breakpoints: Record<T, string>
+	breakpoints: Record<T, string> | Array<[T, string]>
 ): {
-	(styles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
-	(defaultStyles: StyleBuilder, breakpointStyles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+	(defaultStyles: StyleBuilder, breakpointStyles?: Partial<Record<T | CSSPseudoClass, StyleBuilder>>): { className: string } | string;
+	(breakpointStyles?: Partial<Record<T | CSSPseudoClass, StyleBuilder>>): { className: string } | string;
 };
 
 export function createCSSClass(className: string, styles: Record<string, string>): void;