next-yak/dist/internal.cjs

next-yak is a CSS-in-JS solution tailored for Next.js that seamlessly combines the expressive power of styled-components syntax with efficient build-time extraction of CSS using Next.js's built-in CSS configuration

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
//#region \0rolldown/runtime.js
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
	if (from && typeof from === "object" || typeof from === "function") {
		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
			key = keys[i];
			if (!__hasOwnProp.call(to, key) && key !== except) {
				__defProp(to, key, {
					get: ((k) => from[k]).bind(null, key),
					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
				});
			}
		}
	}
	return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
	value: mod,
	enumerable: true
}) : target, mod));

//#endregion
let react = require("react");
react = __toESM(react, 1);
let next_yak_context = require("next-yak/context");

//#region runtime/cssLiteral.tsx
const yakComponentSymbol = Symbol("yak");
var ClassNames = class {
	constructor(initial) {
		this.value = initial || "";
	}
	add(className) {
		this.value += (this.value && " ") + className;
	}
	has(className) {
		return (" " + this.value + " ").includes(" " + className + " ");
	}
	delete(className) {
		if (this.has(className)) this.value = this.value.split(" ").filter((existing) => existing !== className).join(" ");
	}
};
function css(...args) {
	let className;
	const dynamicCssFunctions = [];
	for (const arg of args) if (typeof arg === "string") className = arg;
	else if (typeof arg === "function") dynamicCssFunctions.push(arg);
	else if (typeof arg === "object" && "style" in arg) dynamicCssFunctions.push((props, _, style) => {
		for (const key in arg.style) {
			const value = arg.style[key];
			if (typeof value === "function") style[key] = String(recursivePropExecution(props, value));
			else style[key] = String(value);
		}
	});
	if (dynamicCssFunctions.length === 0) return Object.assign((_, classNames) => {
		if (className) classNames.add(className);
	}, { $dynamic: false });
	return Object.assign((props, classNames, allStyles) => {
		if (className) classNames.add(className);
		for (let i = 0; i < dynamicCssFunctions.length; i++) unwrapProps(props, dynamicCssFunctions[i], classNames, allStyles);
	}, { $dynamic: true });
}
const unwrapProps = (props, fn, classNames, style) => {
	let result = fn(props, classNames, style);
	while (result) {
		if (typeof result === "function") {
			result = result(props, classNames, style);
			continue;
		} else if (typeof result === "object") {
			if ("className" in result && result.className) classNames.add(result.className);
			if ("style" in result && result.style) for (const key in result.style) style[key] = result.style[key];
		}
		break;
	}
};
const recursivePropExecution = (props, fn) => {
	const result = fn(props);
	if (typeof result === "function") return recursivePropExecution(props, result);
	if (typeof result !== "string" && typeof result !== "number" && !(result instanceof String)) {
		if (process.env.NODE_ENV === "development") throw new Error(`Dynamic CSS functions must return a string or number but returned ${JSON.stringify(result)}\n\nDynamic CSS function: ${fn.toString()}\n`);
	}
	return result;
};

//#endregion
//#region runtime/internals/propMarkers.ts
const ATTRS_MERGED = "$__a";
const RUNTIME_STYLES_DONE = "$__r";
const STATIC_ATTRS = "$sa";

//#endregion
//#region runtime/internals/mergeClassNames.ts
const mergeClassNames = (a, b) => {
	if (!a) return b || void 0;
	if (!b) return a;
	return a + " " + b;
};

//#endregion
//#region runtime/styled.tsx
const styledFactory = (Component) => Object.assign(yakStyled(Component), { attrs: (attrs) => yakStyled(Component, attrs) });
const styled = styledFactory;
const yakStyled = (Component, attrs) => {
	const isYakComponent = typeof Component !== "string" && yakComponentSymbol in Component;
	const [, parentAttrsFn, parentRuntimeStylesFn, parentTarget] = isYakComponent ? Component[yakComponentSymbol] : [];
	const targetComponent = isYakComponent ? parentTarget : Component;
	const mergedAttrsFn = buildRuntimeAttrsProcessor(attrs, parentAttrsFn);
	const staticAttrs = mergedAttrsFn?.["$sa"];
	return (styles, ...values) => {
		const runtimeStyleProcessor = buildRuntimeStylesProcessor(css(styles, ...values), parentRuntimeStylesFn);
		const Yak = (props) => {
			if ((!mergedAttrsFn || staticAttrs) && !runtimeStyleProcessor.$dynamic) {
				const source = staticAttrs && !("$__a" in props) ? combineProps({
					...props,
					[ATTRS_MERGED]: true
				}, staticAttrs) : props;
				const filteredProps = removeNonDomProperties(source);
				if (!("$__r" in source)) {
					const classNames = new ClassNames(source.className);
					runtimeStyleProcessor(source, classNames, void 0);
					filteredProps.className = classNames.value || void 0;
				}
				const Target = targetComponent;
				return /* @__PURE__ */ react.default.createElement(Target, filteredProps);
			}
			const theme = (0, next_yak_context.useTheme)();
			const combinedProps = "$__a" in props ? {
				theme,
				...props
			} : combineProps({
				theme,
				...props,
				[ATTRS_MERGED]: true
			}, mergedAttrsFn?.({
				theme,
				...props
			}));
			if (!("$__r" in combinedProps)) {
				const classNames = new ClassNames(combinedProps.className);
				const styles = runtimeStyleProcessor.$dynamic ? { ...combinedProps.style } : combinedProps.style;
				runtimeStyleProcessor(combinedProps, classNames, styles);
				combinedProps[RUNTIME_STYLES_DONE] = true;
				combinedProps.className = classNames.value || void 0;
				if (styles !== combinedProps.style) combinedProps.style = styles;
			}
			const { theme: themeAfterAttr, ...combinedPropsWithoutTheme } = combinedProps;
			const filteredProps = removeNonDomProperties(themeAfterAttr === theme ? combinedPropsWithoutTheme : combinedProps);
			const Target = targetComponent;
			return /* @__PURE__ */ react.default.createElement(Target, filteredProps);
		};
		const taggedYak = Yak;
		taggedYak[yakComponentSymbol] = [
			Yak,
			mergedAttrsFn,
			runtimeStyleProcessor,
			targetComponent
		];
		return taggedYak;
	};
};
const removeNonDomProperties = (obj) => {
	const result = {};
	for (const key in obj) if (!key.startsWith("$") && obj[key] !== void 0) result[key] = obj[key];
	return result;
};
const combineProps = (props, newProps) => newProps ? (props.className === newProps.className || !newProps.className) && (props.style === newProps.style || !newProps.style) ? {
	...props,
	...newProps
} : {
	...props,
	...newProps,
	className: mergeClassNames(props.className, newProps.className),
	style: {
		...props.style,
		...newProps.style
	}
} : props;
const buildRuntimeAttrsProcessor = (attrs, parentAttrsFn) => {
	const ownAttrsFn = attrs && (typeof attrs === "function" ? attrs : () => attrs);
	if (ownAttrsFn && parentAttrsFn) return (props) => {
		const parentProps = parentAttrsFn(props);
		return combineProps(parentProps, ownAttrsFn(combineProps(props, parentProps)));
	};
	if (ownAttrsFn && typeof attrs !== "function") return Object.assign(ownAttrsFn, { ["$sa"]: attrs });
	return ownAttrsFn || parentAttrsFn;
};
const buildRuntimeStylesProcessor = (runtimeStylesFn, parentRuntimeStylesFn) => {
	if (runtimeStylesFn && parentRuntimeStylesFn) return Object.assign((props, classNames, style) => {
		parentRuntimeStylesFn(props, classNames, style);
		runtimeStylesFn(props, classNames, style);
	}, { $dynamic: runtimeStylesFn.$dynamic || parentRuntimeStylesFn.$dynamic });
	return runtimeStylesFn || parentRuntimeStylesFn;
};

//#endregion
//#region runtime/atoms.tsx
const atoms = (...atoms) => {
	const staticClasses = new ClassNames();
	const dynamicFunctions = [];
	for (const atom of atoms) if (typeof atom === "string") staticClasses.add(atom);
	else if (typeof atom === "function") dynamicFunctions.push(atom);
	return css(staticClasses.value, ...dynamicFunctions);
};

//#endregion
//#region runtime/keyframes.tsx
const keyframes = (styles, ..._dynamic) => {
	return styles;
};

//#endregion
//#region runtime/globalStyle.tsx
const globalStyle = (_styles, ..._values) => {};

//#endregion
//#region runtime/internals/unitPostFix.ts
const unitPostFix = (arg, unit) => {
	switch (typeof arg) {
		case "function": return (props) => unitPostFix(arg(props), unit);
		case "number":
		case "string": return `${arg}${unit}`;
		default: return;
	}
};

//#endregion
//#region runtime/internals/mergeCssProp.ts
const mergeCssProp = (relevantProps, cssProp) => {
	const classNames = new ClassNames(relevantProps.className);
	const existingStyle = relevantProps.style;
	const style = existingStyle ? { ...existingStyle } : {};
	if (cssProp) cssProp({}, classNames, style);
	const result = { ...relevantProps };
	if (Object.keys(style).length > 0) result.style = style;
	else delete result.style;
	if (classNames.value) result.className = classNames.value;
	else delete result.className;
	return result;
};

//#endregion
//#region runtime/styledDom.tsx
const __yak_a = /*#__PURE__*/ styled("a");
const __yak_abbr = /*#__PURE__*/ styled("abbr");
const __yak_address = /*#__PURE__*/ styled("address");
const __yak_area = /*#__PURE__*/ styled("area");
const __yak_article = /*#__PURE__*/ styled("article");
const __yak_aside = /*#__PURE__*/ styled("aside");
const __yak_audio = /*#__PURE__*/ styled("audio");
const __yak_b = /*#__PURE__*/ styled("b");
const __yak_base = /*#__PURE__*/ styled("base");
const __yak_bdi = /*#__PURE__*/ styled("bdi");
const __yak_bdo = /*#__PURE__*/ styled("bdo");
const __yak_big = /*#__PURE__*/ styled("big");
const __yak_blockquote = /*#__PURE__*/ styled("blockquote");
const __yak_body = /*#__PURE__*/ styled("body");
const __yak_br = /*#__PURE__*/ styled("br");
const __yak_button = /*#__PURE__*/ styled("button");
const __yak_canvas = /*#__PURE__*/ styled("canvas");
const __yak_caption = /*#__PURE__*/ styled("caption");
const __yak_cite = /*#__PURE__*/ styled("cite");
const __yak_code = /*#__PURE__*/ styled("code");
const __yak_col = /*#__PURE__*/ styled("col");
const __yak_colgroup = /*#__PURE__*/ styled("colgroup");
const __yak_data = /*#__PURE__*/ styled("data");
const __yak_datalist = /*#__PURE__*/ styled("datalist");
const __yak_dd = /*#__PURE__*/ styled("dd");
const __yak_del = /*#__PURE__*/ styled("del");
const __yak_details = /*#__PURE__*/ styled("details");
const __yak_dfn = /*#__PURE__*/ styled("dfn");
const __yak_dialog = /*#__PURE__*/ styled("dialog");
const __yak_div = /*#__PURE__*/ styled("div");
const __yak_dl = /*#__PURE__*/ styled("dl");
const __yak_dt = /*#__PURE__*/ styled("dt");
const __yak_em = /*#__PURE__*/ styled("em");
const __yak_embed = /*#__PURE__*/ styled("embed");
const __yak_fieldset = /*#__PURE__*/ styled("fieldset");
const __yak_figcaption = /*#__PURE__*/ styled("figcaption");
const __yak_figure = /*#__PURE__*/ styled("figure");
const __yak_footer = /*#__PURE__*/ styled("footer");
const __yak_form = /*#__PURE__*/ styled("form");
const __yak_h1 = /*#__PURE__*/ styled("h1");
const __yak_h2 = /*#__PURE__*/ styled("h2");
const __yak_h3 = /*#__PURE__*/ styled("h3");
const __yak_h4 = /*#__PURE__*/ styled("h4");
const __yak_h5 = /*#__PURE__*/ styled("h5");
const __yak_h6 = /*#__PURE__*/ styled("h6");
const __yak_header = /*#__PURE__*/ styled("header");
const __yak_hgroup = /*#__PURE__*/ styled("hgroup");
const __yak_hr = /*#__PURE__*/ styled("hr");
const __yak_html = /*#__PURE__*/ styled("html");
const __yak_i = /*#__PURE__*/ styled("i");
const __yak_iframe = /*#__PURE__*/ styled("iframe");
const __yak_img = /*#__PURE__*/ styled("img");
const __yak_input = /*#__PURE__*/ styled("input");
const __yak_ins = /*#__PURE__*/ styled("ins");
const __yak_kbd = /*#__PURE__*/ styled("kbd");
const __yak_keygen = /*#__PURE__*/ styled("keygen");
const __yak_label = /*#__PURE__*/ styled("label");
const __yak_legend = /*#__PURE__*/ styled("legend");
const __yak_li = /*#__PURE__*/ styled("li");
const __yak_link = /*#__PURE__*/ styled("link");
const __yak_main = /*#__PURE__*/ styled("main");
const __yak_map = /*#__PURE__*/ styled("map");
const __yak_mark = /*#__PURE__*/ styled("mark");
const __yak_menu = /*#__PURE__*/ styled("menu");
const __yak_menuitem = /*#__PURE__*/ styled("menuitem");
const __yak_meta = /*#__PURE__*/ styled("meta");
const __yak_meter = /*#__PURE__*/ styled("meter");
const __yak_nav = /*#__PURE__*/ styled("nav");
const __yak_noscript = /*#__PURE__*/ styled("noscript");
const __yak_object = /*#__PURE__*/ styled("object");
const __yak_ol = /*#__PURE__*/ styled("ol");
const __yak_optgroup = /*#__PURE__*/ styled("optgroup");
const __yak_option = /*#__PURE__*/ styled("option");
const __yak_output = /*#__PURE__*/ styled("output");
const __yak_p = /*#__PURE__*/ styled("p");
const __yak_param = /*#__PURE__*/ styled("param");
const __yak_picture = /*#__PURE__*/ styled("picture");
const __yak_pre = /*#__PURE__*/ styled("pre");
const __yak_progress = /*#__PURE__*/ styled("progress");
const __yak_q = /*#__PURE__*/ styled("q");
const __yak_rp = /*#__PURE__*/ styled("rp");
const __yak_rt = /*#__PURE__*/ styled("rt");
const __yak_ruby = /*#__PURE__*/ styled("ruby");
const __yak_s = /*#__PURE__*/ styled("s");
const __yak_samp = /*#__PURE__*/ styled("samp");
const __yak_script = /*#__PURE__*/ styled("script");
const __yak_section = /*#__PURE__*/ styled("section");
const __yak_select = /*#__PURE__*/ styled("select");
const __yak_small = /*#__PURE__*/ styled("small");
const __yak_source = /*#__PURE__*/ styled("source");
const __yak_span = /*#__PURE__*/ styled("span");
const __yak_strong = /*#__PURE__*/ styled("strong");
const __yak_style = /*#__PURE__*/ styled("style");
const __yak_sub = /*#__PURE__*/ styled("sub");
const __yak_summary = /*#__PURE__*/ styled("summary");
const __yak_sup = /*#__PURE__*/ styled("sup");
const __yak_table = /*#__PURE__*/ styled("table");
const __yak_tbody = /*#__PURE__*/ styled("tbody");
const __yak_td = /*#__PURE__*/ styled("td");
const __yak_textarea = /*#__PURE__*/ styled("textarea");
const __yak_tfoot = /*#__PURE__*/ styled("tfoot");
const __yak_th = /*#__PURE__*/ styled("th");
const __yak_thead = /*#__PURE__*/ styled("thead");
const __yak_time = /*#__PURE__*/ styled("time");
const __yak_tr = /*#__PURE__*/ styled("tr");
const __yak_track = /*#__PURE__*/ styled("track");
const __yak_u = /*#__PURE__*/ styled("u");
const __yak_ul = /*#__PURE__*/ styled("ul");
const __yak_use = /*#__PURE__*/ styled("use");
const __yak_var = /*#__PURE__*/ styled("var");
const __yak_video = /*#__PURE__*/ styled("video");
const __yak_wbr = /*#__PURE__*/ styled("wbr");
const __yak_circle = /*#__PURE__*/ styled("circle");
const __yak_clipPath = /*#__PURE__*/ styled("clipPath");
const __yak_defs = /*#__PURE__*/ styled("defs");
const __yak_ellipse = /*#__PURE__*/ styled("ellipse");
const __yak_foreignObject = /*#__PURE__*/ styled("foreignObject");
const __yak_g = /*#__PURE__*/ styled("g");
const __yak_image = /*#__PURE__*/ styled("image");
const __yak_line = /*#__PURE__*/ styled("line");
const __yak_linearGradient = /*#__PURE__*/ styled("linearGradient");
const __yak_marker = /*#__PURE__*/ styled("marker");
const __yak_mask = /*#__PURE__*/ styled("mask");
const __yak_path = /*#__PURE__*/ styled("path");
const __yak_pattern = /*#__PURE__*/ styled("pattern");
const __yak_polygon = /*#__PURE__*/ styled("polygon");
const __yak_polyline = /*#__PURE__*/ styled("polyline");
const __yak_radialGradient = /*#__PURE__*/ styled("radialGradient");
const __yak_rect = /*#__PURE__*/ styled("rect");
const __yak_stop = /*#__PURE__*/ styled("stop");
const __yak_svg = /*#__PURE__*/ styled("svg");
const __yak_text = /*#__PURE__*/ styled("text");
const __yak_tspan = /*#__PURE__*/ styled("tspan");

//#endregion
Object.defineProperty(exports, 'YakThemeProvider', {
  enumerable: true,
  get: function () {
    return next_yak_context.YakThemeProvider;
  }
});
exports.__yak_a = __yak_a;
exports.__yak_abbr = __yak_abbr;
exports.__yak_address = __yak_address;
exports.__yak_area = __yak_area;
exports.__yak_article = __yak_article;
exports.__yak_aside = __yak_aside;
exports.__yak_audio = __yak_audio;
exports.__yak_b = __yak_b;
exports.__yak_base = __yak_base;
exports.__yak_bdi = __yak_bdi;
exports.__yak_bdo = __yak_bdo;
exports.__yak_big = __yak_big;
exports.__yak_blockquote = __yak_blockquote;
exports.__yak_body = __yak_body;
exports.__yak_br = __yak_br;
exports.__yak_button = __yak_button;
exports.__yak_canvas = __yak_canvas;
exports.__yak_caption = __yak_caption;
exports.__yak_circle = __yak_circle;
exports.__yak_cite = __yak_cite;
exports.__yak_clipPath = __yak_clipPath;
exports.__yak_code = __yak_code;
exports.__yak_col = __yak_col;
exports.__yak_colgroup = __yak_colgroup;
exports.__yak_data = __yak_data;
exports.__yak_datalist = __yak_datalist;
exports.__yak_dd = __yak_dd;
exports.__yak_defs = __yak_defs;
exports.__yak_del = __yak_del;
exports.__yak_details = __yak_details;
exports.__yak_dfn = __yak_dfn;
exports.__yak_dialog = __yak_dialog;
exports.__yak_div = __yak_div;
exports.__yak_dl = __yak_dl;
exports.__yak_dt = __yak_dt;
exports.__yak_ellipse = __yak_ellipse;
exports.__yak_em = __yak_em;
exports.__yak_embed = __yak_embed;
exports.__yak_fieldset = __yak_fieldset;
exports.__yak_figcaption = __yak_figcaption;
exports.__yak_figure = __yak_figure;
exports.__yak_footer = __yak_footer;
exports.__yak_foreignObject = __yak_foreignObject;
exports.__yak_form = __yak_form;
exports.__yak_g = __yak_g;
exports.__yak_h1 = __yak_h1;
exports.__yak_h2 = __yak_h2;
exports.__yak_h3 = __yak_h3;
exports.__yak_h4 = __yak_h4;
exports.__yak_h5 = __yak_h5;
exports.__yak_h6 = __yak_h6;
exports.__yak_header = __yak_header;
exports.__yak_hgroup = __yak_hgroup;
exports.__yak_hr = __yak_hr;
exports.__yak_html = __yak_html;
exports.__yak_i = __yak_i;
exports.__yak_iframe = __yak_iframe;
exports.__yak_image = __yak_image;
exports.__yak_img = __yak_img;
exports.__yak_input = __yak_input;
exports.__yak_ins = __yak_ins;
exports.__yak_kbd = __yak_kbd;
exports.__yak_keygen = __yak_keygen;
exports.__yak_label = __yak_label;
exports.__yak_legend = __yak_legend;
exports.__yak_li = __yak_li;
exports.__yak_line = __yak_line;
exports.__yak_linearGradient = __yak_linearGradient;
exports.__yak_link = __yak_link;
exports.__yak_main = __yak_main;
exports.__yak_map = __yak_map;
exports.__yak_mark = __yak_mark;
exports.__yak_marker = __yak_marker;
exports.__yak_mask = __yak_mask;
exports.__yak_menu = __yak_menu;
exports.__yak_menuitem = __yak_menuitem;
exports.__yak_mergeClassNames = mergeClassNames;
exports.__yak_mergeCssProp = mergeCssProp;
exports.__yak_meta = __yak_meta;
exports.__yak_meter = __yak_meter;
exports.__yak_nav = __yak_nav;
exports.__yak_noscript = __yak_noscript;
exports.__yak_object = __yak_object;
exports.__yak_ol = __yak_ol;
exports.__yak_optgroup = __yak_optgroup;
exports.__yak_option = __yak_option;
exports.__yak_output = __yak_output;
exports.__yak_p = __yak_p;
exports.__yak_param = __yak_param;
exports.__yak_path = __yak_path;
exports.__yak_pattern = __yak_pattern;
exports.__yak_picture = __yak_picture;
exports.__yak_polygon = __yak_polygon;
exports.__yak_polyline = __yak_polyline;
exports.__yak_pre = __yak_pre;
exports.__yak_progress = __yak_progress;
exports.__yak_q = __yak_q;
exports.__yak_radialGradient = __yak_radialGradient;
exports.__yak_rect = __yak_rect;
exports.__yak_rp = __yak_rp;
exports.__yak_rt = __yak_rt;
exports.__yak_ruby = __yak_ruby;
exports.__yak_s = __yak_s;
exports.__yak_samp = __yak_samp;
exports.__yak_script = __yak_script;
exports.__yak_section = __yak_section;
exports.__yak_select = __yak_select;
exports.__yak_small = __yak_small;
exports.__yak_source = __yak_source;
exports.__yak_span = __yak_span;
exports.__yak_stop = __yak_stop;
exports.__yak_strong = __yak_strong;
exports.__yak_style = __yak_style;
exports.__yak_sub = __yak_sub;
exports.__yak_summary = __yak_summary;
exports.__yak_sup = __yak_sup;
exports.__yak_svg = __yak_svg;
exports.__yak_table = __yak_table;
exports.__yak_tbody = __yak_tbody;
exports.__yak_td = __yak_td;
exports.__yak_text = __yak_text;
exports.__yak_textarea = __yak_textarea;
exports.__yak_tfoot = __yak_tfoot;
exports.__yak_th = __yak_th;
exports.__yak_thead = __yak_thead;
exports.__yak_time = __yak_time;
exports.__yak_tr = __yak_tr;
exports.__yak_track = __yak_track;
exports.__yak_tspan = __yak_tspan;
exports.__yak_u = __yak_u;
exports.__yak_ul = __yak_ul;
exports.__yak_unitPostFix = unitPostFix;
exports.__yak_use = __yak_use;
exports.__yak_var = __yak_var;
exports.__yak_video = __yak_video;
exports.__yak_wbr = __yak_wbr;
exports.atoms = atoms;
exports.css = css;
exports.globalStyle = globalStyle;
exports.keyframes = keyframes;
exports.styled = styled;
Object.defineProperty(exports, 'useTheme', {
  enumerable: true,
  get: function () {
    return next_yak_context.useTheme;
  }
});
//# sourceMappingURL=internal.cjs.map