acrylblends 0.6.2 → 0.6.4

package/lib/css.d.ts

@@ -0,0 +1,82 @@
+import { i as HtmlEscapedString } from "./html-SllAe0YT.js";
+import { a as rawCssString, i as OnInvalidSlug, n as CssClassName$1, r as CssVariableType, t as ClassNameSlug } from "./common-D8Z4JRCw.js";
+
+//#region ../../plugins/acryl-router/src/core/helper/css/index.d.ts
+type CssClassName = HtmlEscapedString & CssClassName$1;
+interface CssType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): Promise<string>;
+}
+interface CxType {
+  (...args: (CssClassName | Promise<string> | string | boolean | null | undefined)[]): Promise<string>;
+}
+interface KeyframesType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): CssClassName$1;
+}
+interface ViewTransitionType {
+  (strings: TemplateStringsArray, ...values: CssVariableType[]): Promise<string>;
+  (content: Promise<string>): Promise<string>;
+  (): Promise<string>;
+}
+interface StyleType {
+  (args?: {
+    children?: Promise<string>;
+    nonce?: string;
+  }): HtmlEscapedString;
+}
+/**
+ * @experimental
+ * `createCssContext` is an experimental feature.
+ * The API might be changed.
+ *
+ * @param options.id - The ID for the style element
+ * @param options.classNameSlug - Optional function to customize generated CSS class names
+ * @param options.onInvalidSlug - Optional callback function called when an invalid slug is returned from ClassNameSlug
+ */
+declare const createCssContext: ({
+  id,
+  classNameSlug,
+  onInvalidSlug
+}: {
+  id: Readonly<string>;
+  classNameSlug?: ClassNameSlug;
+  onInvalidSlug?: OnInvalidSlug;
+}) => DefaultContextType;
+interface DefaultContextType {
+  css: CssType;
+  cx: CxType;
+  keyframes: KeyframesType;
+  viewTransition: ViewTransitionType;
+  Style: StyleType;
+}
+/**
+ * @experimental
+ * `css` is an experimental feature.
+ * The API might be changed.
+ */
+declare const css: CssType;
+/**
+ * @experimental
+ * `cx` is an experimental feature.
+ * The API might be changed.
+ */
+declare const cx: CxType;
+/**
+ * @experimental
+ * `keyframes` is an experimental feature.
+ * The API might be changed.
+ */
+declare const keyframes: KeyframesType;
+/**
+ * @experimental
+ * `viewTransition` is an experimental feature.
+ * The API might be changed.
+ */
+declare const viewTransition: ViewTransitionType;
+/**
+ * @experimental
+ * `Style` is an experimental feature.
+ * The API might be changed.
+ */
+declare const Style: StyleType;
+//#endregion
+export { type ClassNameSlug, type OnInvalidSlug, Style, createCssContext, css, cx, keyframes, rawCssString, viewTransition };

package/lib/css.js

@@ -0,0 +1,134 @@
+import { escapeToBuffer, raw } from "./utils/html.js";
+import { i as DOM_RENDERER } from "./constants-BR9jM9BC.js";
+import { _ as rawCssString, c as CLASS_NAME, d as SELECTOR, f as SELECTORS, g as keyframesCommon, h as cxCommon, l as DEFAULT_STYLE_ID, m as cssCommon, p as STYLE_STRING, r as createCssJsxDomObjects, v as viewTransitionCommon } from "./css-D2jb7X8b.js";
+//#region ../../plugins/acryl-router/src/core/helper/css/index.ts
+/**
+* @module
+* css Helper for Acryl.
+*/
+/**
+* @experimental
+* `createCssContext` is an experimental feature.
+* The API might be changed.
+*
+* @param options.id - The ID for the style element
+* @param options.classNameSlug - Optional function to customize generated CSS class names
+* @param options.onInvalidSlug - Optional callback function called when an invalid slug is returned from ClassNameSlug
+*/
+const createCssContext = ({ id, classNameSlug, onInvalidSlug }) => {
+	const [cssJsxDomObject, StyleRenderToDom] = createCssJsxDomObjects({ id });
+	const contextMap = /* @__PURE__ */ new WeakMap();
+	const nonceMap = /* @__PURE__ */ new WeakMap();
+	const replaceStyleRe = new RegExp(`(<style id="${id}"(?: nonce="[^"]*")?>.*?)(</style>)`, "s");
+	const newCssClassNameObject = (cssClassName) => {
+		const appendStyle = ({ buffer, context }) => {
+			const [toAdd, added] = contextMap.get(context);
+			const names = Object.keys(toAdd);
+			if (!names.length) return;
+			let stylesStr = "";
+			names.forEach((className) => {
+				added[className] = true;
+				stylesStr += className.startsWith(":-acryl-global") ? toAdd[className] : `${className[0] === "@" ? "" : "."}${className}{${toAdd[className]}}`;
+			});
+			contextMap.set(context, [{}, added]);
+			if (buffer && replaceStyleRe.test(buffer[0])) {
+				buffer[0] = buffer[0].replace(replaceStyleRe, (_, pre, post) => `${pre}${stylesStr}${post}`);
+				return;
+			}
+			const nonce = nonceMap.get(context);
+			const appendStyleScript = `<script${nonce ? ` nonce="${nonce}"` : ""}>document.querySelector('#${id}').textContent+=${JSON.stringify(stylesStr)}<\/script>`;
+			if (buffer) {
+				buffer[0] = `${appendStyleScript}${buffer[0]}`;
+				return;
+			}
+			return Promise.resolve(appendStyleScript);
+		};
+		const addClassNameToContext = ({ context }) => {
+			if (!contextMap.has(context)) contextMap.set(context, [{}, {}]);
+			const [toAdd, added] = contextMap.get(context);
+			let allAdded = true;
+			if (!added[cssClassName[SELECTOR]]) {
+				allAdded = false;
+				toAdd[cssClassName[SELECTOR]] = cssClassName[STYLE_STRING];
+			}
+			cssClassName[SELECTORS].forEach(({ [CLASS_NAME]: className, [STYLE_STRING]: styleString }) => {
+				if (!added[className]) {
+					allAdded = false;
+					toAdd[className] = styleString;
+				}
+			});
+			if (allAdded) return;
+			return Promise.resolve(raw("", [appendStyle]));
+		};
+		const rawClassName = cssClassName[CLASS_NAME];
+		let escapedClassName = rawClassName;
+		if (/[&<>'"]/.test(rawClassName)) {
+			const escapedBuffer = [""];
+			escapeToBuffer(rawClassName, escapedBuffer);
+			escapedClassName = escapedBuffer[0];
+		}
+		const className = new String(escapedClassName);
+		Object.assign(className, cssClassName);
+		className.isEscaped = true;
+		className.callbacks = [addClassNameToContext];
+		const promise = Promise.resolve(className);
+		Object.assign(promise, cssClassName);
+		promise.toString = cssJsxDomObject.toString;
+		return promise;
+	};
+	const css = (strings, ...values) => {
+		return newCssClassNameObject(cssCommon(strings, values, classNameSlug, onInvalidSlug));
+	};
+	const cx = (...args) => {
+		args = cxCommon(args);
+		return css(Array(args.length).fill(""), ...args);
+	};
+	const keyframes = (strings, ...values) => keyframesCommon(strings, values, classNameSlug, onInvalidSlug);
+	const viewTransition = ((strings, ...values) => {
+		return newCssClassNameObject(viewTransitionCommon(strings, values, classNameSlug, onInvalidSlug));
+	});
+	const Style = ({ children, nonce } = {}) => raw(`<style id="${id}"${nonce ? ` nonce="${nonce}"` : ""}>${children ? children[STYLE_STRING] : ""}</style>`, [({ context }) => {
+		nonceMap.set(context, nonce);
+	}]);
+	Style[DOM_RENDERER] = StyleRenderToDom;
+	return {
+		css,
+		cx,
+		keyframes,
+		viewTransition,
+		Style
+	};
+};
+const defaultContext = createCssContext({ id: DEFAULT_STYLE_ID });
+/**
+* @experimental
+* `css` is an experimental feature.
+* The API might be changed.
+*/
+const css = defaultContext.css;
+/**
+* @experimental
+* `cx` is an experimental feature.
+* The API might be changed.
+*/
+const cx = defaultContext.cx;
+/**
+* @experimental
+* `keyframes` is an experimental feature.
+* The API might be changed.
+*/
+const keyframes = defaultContext.keyframes;
+/**
+* @experimental
+* `viewTransition` is an experimental feature.
+* The API might be changed.
+*/
+const viewTransition = defaultContext.viewTransition;
+/**
+* @experimental
+* `Style` is an experimental feature.
+* The API might be changed.
+*/
+const Style = defaultContext.Style;
+//#endregion
+export { Style, createCssContext, css, cx, keyframes, rawCssString, viewTransition };

package/lib/dev.d.ts

@@ -1,5 +1,5 @@
-import { _ as Env } from "./context-B5Y1lLha.js";
-import { t as Acryl } from "./app-BdrVHBlJ.js";
+import { v as Env } from "./context-DS3fYyG-.js";
+import { t as Acryl } from "./app-D8riatvv.js";
 
 //#region ../../plugins/acryl-router/src/core/helper/dev/index.d.ts
 interface ShowRoutesOptions {

package/lib/etag.d.ts

@@ -1,4 +1,4 @@
-import { I as MiddlewareHandler } from "./context-B5Y1lLha.js";
+import { L as MiddlewareHandler } from "./context-DS3fYyG-.js";
 
 //#region ../../plugins/acryl-router/src/core/middleware/etag/index.d.ts
 type ETagOptions = {

package/lib/factory.d.ts

@@ -1,5 +1,5 @@
-import { A as Input, I as MiddlewareHandler, M as IntersectNonAnyTypes, T as H, _ as Env, et as AcrylOptions, k as HandlerResponse } from "./context-B5Y1lLha.js";
-import { t as Acryl } from "./app-BdrVHBlJ.js";
+import { A as HandlerResponse, E as H, L as MiddlewareHandler, N as IntersectNonAnyTypes, j as Input, tt as AcrylOptions, v as Env } from "./context-DS3fYyG-.js";
+import { t as Acryl } from "./app-D8riatvv.js";
 
 //#region ../../plugins/acryl-router/src/core/helper/factory/index.d.ts
 type InitApp<E extends Env = Env> = (app: Acryl<E>) => void;