nuclo 0.1.56 → 0.1.57

package/dist/style/cssGenerator.d.ts

@@ -1,4 +1,6 @@
-export declare function classExistsInDOM(className: string, mediaQuery?: string): boolean;
-export declare function createCSSClassWithStyles(className: string, styles: Record<string, string>, mediaQuery?: string): void;
+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;
 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,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAkChF;AAGD,wBAAgB,wBAAwB,CACvC,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9B,UAAU,CAAC,EAAE,MAAM,GACjB,IAAI,CAuGN;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,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"}

package/dist/style/index.d.ts

@@ -1,5 +1,5 @@
 export { StyleBuilder } from "./styleBuilder";
-export { createBreakpoints } from "./breakpoints";
+export { createStyleQueries, createBreakpoints } 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

@@ -0,0 +1,8 @@
+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 declare const createBreakpoints: typeof createStyleQueries;
+export {};
+//# sourceMappingURL=styleQueries.d.ts.map

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

@@ -0,0 +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"}

package/package.json

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

package/types/features/style.d.ts

@@ -7,11 +7,29 @@ declare global {
 	function createCSSClass(className: string, styles: Record<string, string>): void;
 
 	/**
-	 * Creates a breakpoint-aware class name generator
-	 * 
+	 * Creates a style query class name generator for responsive and conditional styles.
+	 * Supports @media, @container, @supports queries.
+	 *
+	 * Query values should include the at-rule prefix:
+	 * - "@media (min-width: 768px)" for media queries
+	 * - "@container (min-width: 400px)" for container queries
+	 * - "@supports (display: grid)" for feature queries
+	 *
+	 * For backward compatibility, values without a prefix are treated as media queries.
+	 *
 	 * Supports two signatures:
-	 * 1. cn(breakpointStyles) - Only breakpoint-specific styles
-	 * 2. cn(defaultStyles, breakpointStyles) - Default styles + breakpoint overrides
+	 * 1. cn(queryStyles) - Only query-specific styles
+	 * 2. cn(defaultStyles, queryStyles) - Default styles + query overrides
+	 */
+	function createStyleQueries<T extends string>(
+		queries: Record<T, string>
+	): {
+		(styles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+		(defaultStyles: StyleBuilder, queryStyles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+	};
+
+	/**
+	 * @deprecated Use createStyleQueries instead. Alias for backward compatibility.
 	 */
 	function createBreakpoints<T extends string>(
 		breakpoints: Record<T, string>
@@ -1056,3 +1074,23 @@ export function columns(value: string): StyleBuilder;
 
 // Interaction
 export function cursor(value: string): StyleBuilder;
+
+// Style queries / breakpoints
+export function createStyleQueries<T extends string>(
+	queries: Record<T, string>
+): {
+	(styles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+	(defaultStyles: StyleBuilder, queryStyles?: Partial<Record<T, StyleBuilder>>): { className: string } | string;
+};
+
+/**
+ * @deprecated Use createStyleQueries instead. Alias for backward compatibility.
+ */
+export 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;
+};
+
+export function createCSSClass(className: string, styles: Record<string, string>): void;

package/dist/style/breakpoints.d.ts

@@ -1,7 +0,0 @@
-import { StyleBuilder } from "./styleBuilder";
-type BreakpointStyles<T extends string> = Partial<Record<T, StyleBuilder>>;
-export declare function createBreakpoints<T extends string>(breakpoints: Record<T, string> | Array<[T, string]>): (defaultStylesOrBreakpoints?: StyleBuilder | BreakpointStyles<T>, breakpointStyles?: BreakpointStyles<T>) => {
-    className: string;
-} | string;
-export {};
-//# sourceMappingURL=breakpoints.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/style/breakpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK9C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;AAI3E,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EACjD,WAAW,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,IAQlD,6BAA6B,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAC/D,mBAAmB,gBAAgB,CAAC,CAAC,CAAC,KACpC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAwFjC"}