@stamcat/craftsman 0.0.55 → 0.0.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stamcat/craftsman",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "type": "module",
   "description": "A powerful, lightweight framework for design systems",
   "repository": {

package/src/styles/utilities/layout.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoint, LayoutWidthsType } from '../../utilities/types';
+import { Breakpoint, LayoutWidthsType, SerializedStyles } from '../../utilities/types';
 export declare const widths: Record<LayoutWidthsType, string>;
 export declare const media: {
     readonly mobile: string;
@@ -14,4 +14,4 @@ export declare const media: {
     readonly desktopOnly: string;
 };
 export declare const width: (w: LayoutWidthsType, multiplier?: number, px?: boolean) => string;
-export declare const breakpoint: (bp: Breakpoint, styles: string) => string;
+export declare const breakpoint: (bp: Breakpoint, styles: string | SerializedStyles) => string;

package/src/styles/utilities/layout.esm.js

@@ -42,6 +42,9 @@ var n = Object.fromEntries(e.options.map((e) => [e, `var(--w-${e}, ${t[e]}px)`])
 		return r ? a : `calc(((${i} / 1px) * ${t}) + ((${n.gutter} / 1px) * ${e}))`;
 	}
 	return r ? t === 1 ? i : `calc(${i} * ${t})` : t === 1 ? `calc(${i} / 1px)` : `calc((${i} / 1px) * ${t})`;
-}, a = (e, t) => `@media ${r[e]} { ${String(t)} }`;
+}, a = (e, t) => {
+	let n = String(t);
+	return `@media ${r[e]} { ${typeof t == "string" ? n : t} }`;
+};
 //#endregion
 export { a as breakpoint, r as media, i as width, n as widths };

package/src/utilities/types.d.ts

@@ -44,6 +44,11 @@ export type LayoutWidthsType = z.infer<typeof LayoutWidthsSchema>;
 export type Width = Record<LayoutWidthsType, number>;
 export type Colors = Record<string, string>;
 export type ColorType = "rgba" | "hex";
+export type SerializedStyles = {
+    name: string;
+    styles: string;
+    next?: SerializedStyles;
+};
 export declare const zTextInputExclusions: z.ZodEnum<{
     checkbox: "checkbox";
     radio: "radio";