@omnicajs/icons 0.3.0 → 0.3.2

package/dist/manifest.json

@@ -1,6 +1,6 @@
 {
     "schemaVersion": 1,
-    "version": "0.3.0",
+    "version": "0.3.2",
     "variants": {
         "filled": {
             "sprite": "sprites/filled.svg",
@@ -8335,8 +8335,8 @@
         "outlined": {
             "sprite": "sprites/outlined.svg",
             "size": {
-                "bytes": 238777,
-                "gzipBytes": 72412
+                "bytes": 239407,
+                "gzipBytes": 72505
             },
             "groups": {
                 "actions": {
@@ -9947,8 +9947,8 @@
                 "layout": {
                     "sprite": "sprites/outlined/layout.svg",
                     "size": {
-                        "bytes": 6461,
-                        "gzipBytes": 1795
+                        "bytes": 7091,
+                        "gzipBytes": 1894
                     },
                     "icons": {
                         "agenda-view": {
@@ -10037,6 +10037,22 @@
                                 "actions/pages-outlined"
                             ]
                         },
+                        "sidebar-right": {
+                            "source": "assets/icons/outlined/layout/sidebar-right.svg",
+                            "symbol": "layout/sidebar-right",
+                            "viewBox": "0 0 24 24",
+                            "keywords": [
+                                "media-n-editing/format_1_2"
+                            ]
+                        },
+                        "widget-bottom-right": {
+                            "source": "assets/icons/outlined/layout/widget-bottom-right.svg",
+                            "symbol": "layout/widget-bottom-right",
+                            "viewBox": "0 0 24 24",
+                            "keywords": [
+                                "media-n-editing/format_1_4"
+                            ]
+                        },
                         "widget": {
                             "source": "assets/icons/outlined/layout/widget.svg",
                             "symbol": "layout/widget",

package/dist/outlined/index.cjs

@@ -23,7 +23,7 @@ const iconNames = Object.freeze({
     "forms": Object.freeze(["category", "filter"]),
     "images": Object.freeze(["brightness-high", "brightness-low", "macro", "panorama-segmented", "panorama", "photo-gallery", "photo-landscape", "photo-square", "shutter"]),
     "keyboard": Object.freeze(["backspace"]),
-    "layout": Object.freeze(["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "widget"]),
+    "layout": Object.freeze(["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "sidebar-right", "widget-bottom-right", "widget"]),
     "lifestyle": Object.freeze(["glasses", "shoe-print"]),
     "maps": Object.freeze(["location-marker-add", "location-marker-clear", "location-marker-remove", "location-marker", "map", "navigation", "pushpin"]),
     "media": Object.freeze(["eject-circle", "microphone-off", "microphone", "pause-circle", "play-circle", "play", "record", "slideshow", "stop-circle", "stop", "video-gallery", "video-horizontal", "video-vertical", "virtual-reality", "voice-input"]),

package/dist/outlined/index.d.ts

@@ -19,7 +19,7 @@ export declare const iconNames: {
     readonly "forms": readonly ["category", "filter"]
     readonly "images": readonly ["brightness-high", "brightness-low", "macro", "panorama-segmented", "panorama", "photo-gallery", "photo-landscape", "photo-square", "shutter"]
     readonly "keyboard": readonly ["backspace"]
-    readonly "layout": readonly ["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "widget"]
+    readonly "layout": readonly ["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "sidebar-right", "widget-bottom-right", "widget"]
     readonly "lifestyle": readonly ["glasses", "shoe-print"]
     readonly "maps": readonly ["location-marker-add", "location-marker-clear", "location-marker-remove", "location-marker", "map", "navigation", "pushpin"]
     readonly "media": readonly ["eject-circle", "microphone-off", "microphone", "pause-circle", "play-circle", "play", "record", "slideshow", "stop-circle", "stop", "video-gallery", "video-horizontal", "video-vertical", "virtual-reality", "voice-input"]

package/dist/outlined/index.js

@@ -21,7 +21,7 @@ export const iconNames = Object.freeze({
     "forms": Object.freeze(["category", "filter"]),
     "images": Object.freeze(["brightness-high", "brightness-low", "macro", "panorama-segmented", "panorama", "photo-gallery", "photo-landscape", "photo-square", "shutter"]),
     "keyboard": Object.freeze(["backspace"]),
-    "layout": Object.freeze(["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "widget"]),
+    "layout": Object.freeze(["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "sidebar-right", "widget-bottom-right", "widget"]),
     "lifestyle": Object.freeze(["glasses", "shoe-print"]),
     "maps": Object.freeze(["location-marker-add", "location-marker-clear", "location-marker-remove", "location-marker", "map", "navigation", "pushpin"]),
     "media": Object.freeze(["eject-circle", "microphone-off", "microphone", "pause-circle", "play-circle", "play", "record", "slideshow", "stop-circle", "stop", "video-gallery", "video-horizontal", "video-vertical", "virtual-reality", "voice-input"]),

package/dist/outlined/layout.cjs

@@ -2,7 +2,7 @@ const { pathToFileURL } = require('node:url')
 
 const hasOwn = (object, key) => Object.prototype.hasOwnProperty.call(object, key)
 
-const iconNames = Object.freeze(["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "widget"])
+const iconNames = Object.freeze(["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "sidebar-right", "widget-bottom-right", "widget"])
 const spriteUrl = new URL("../sprites/outlined/layout.svg", pathToFileURL(__filename)).href
 
 function iconUrl (name) {

package/dist/outlined/layout.d.ts

@@ -1,4 +1,4 @@
-export declare const iconNames: readonly ["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "widget"]
+export declare const iconNames: readonly ["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "sidebar-right", "widget-bottom-right", "widget"]
 export type IconName = typeof iconNames[number]
 export declare const spriteUrl: string
 export declare function iconUrl (name: IconName): string

package/dist/outlined/layout.js

@@ -1,6 +1,6 @@
 const hasOwn = (object, key) => Object.prototype.hasOwnProperty.call(object, key)
 
-export const iconNames = Object.freeze(["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "widget"])
+export const iconNames = Object.freeze(["agenda-view", "carousel-horizontal", "carousel-vertical", "column-view", "dashboard-split", "dashboard", "feed", "grid", "list", "pages", "sidebar-right", "widget-bottom-right", "widget"])
 export const spriteUrl = new URL("../sprites/outlined/layout.svg", import.meta.url).href
 
 export function iconUrl (name) {

package/dist/rspack.cjs

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_extracted_bundler_plugin = require("./extracted/bundler/plugin.cjs");
+//#region tooling/rspack.ts
+var OmnicaIconComponentsPlugin = class {
+	#plugin;
+	constructor(options = {}) {
+		this.#plugin = new require_extracted_bundler_plugin.BundlerIconComponentsPlugin(options);
+	}
+	apply(compiler) {
+		this.#plugin.apply(compiler);
+	}
+};
+//#endregion
+exports.OmnicaIconComponentsPlugin = OmnicaIconComponentsPlugin;

package/dist/rspack.d.ts

@@ -0,0 +1,16 @@
+import type { Compiler, RspackPluginInstance } from '@rspack/core';
+export interface OmnicaIconComponentsPluginOptions {
+    /** Supports `[contenthash]` and `[contenthash:N]`. */
+    readonly filename?: string;
+    /** Overrides the loader used to compile the generated Vue SFC. */
+    readonly vueLoader?: string;
+    /** Client build output read by a later SSR build. Defaults to `<context>/dist`. */
+    readonly clientOutputDirectory?: string;
+    /** Overrides automatic Node-target SSR detection. */
+    readonly ssr?: boolean;
+}
+export declare class OmnicaIconComponentsPlugin implements RspackPluginInstance {
+    #private;
+    constructor(options?: OmnicaIconComponentsPluginOptions);
+    apply(compiler: Compiler): void;
+}

package/dist/shared/sprite.d.ts

@@ -0,0 +1,2 @@
+export declare const serializeSprite: (symbols: readonly string[]) => string;
+export declare const extractSymbol: (sprite: string, symbolId: string, filename: string) => string;

package/dist/shared/sprite.js

@@ -0,0 +1,16 @@
+//#region tooling/shared/sprite.ts
+var escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var serializeSprite = (symbols) => [
+	"<svg xmlns=\"http://www.w3.org/2000/svg\">",
+	symbols.join("\n"),
+	"</svg>",
+	""
+].join("\n");
+var extractSymbol = (sprite, symbolId, filename) => {
+	const expression = new RegExp(`<symbol\\b[^>]*\\bid=(["'])${escapeRegExp(symbolId)}\\1[\\s\\S]*?<\\/symbol>`);
+	const match = sprite.match(expression);
+	if (!match) throw new Error(`Unable to find symbol ${symbolId} in ${filename}`);
+	return match[0];
+};
+//#endregion
+export { extractSymbol, serializeSprite };

package/dist/sprites/outlined/layout.svg

@@ -28,6 +28,12 @@
   </symbol>
   <symbol id="layout/pages" viewBox="0 0 24 24">
 <path d="M15 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H15C16.1046 21 17 20.1046 17 19V5C17 3.89543 16.1046 3 15 3ZM15 5V19H5V5H15ZM21 18V6C21 5.44772 20.5523 5 20 5H19V19H20C20.5523 19 21 18.5523 21 18Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="layout/sidebar-right" viewBox="0 0 24 24">
+<path d="M5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3ZM19 5V19H16V5H19ZM14 5V19H5V5H14Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="layout/widget-bottom-right" viewBox="0 0 24 24">
+<path d="M5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3ZM19 5V11H15C14.4477 11 14 11.4477 14 12V19H5V5H19ZM16 13H19V19H16V13Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/>
   </symbol>
   <symbol id="layout/widget" viewBox="0 0 24 24">
 <path d="M21 14V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V14C13 13.4477 13.4477 13 14 13H20C20.5523 13 21 13.4477 21 14ZM15 19H19V15H15V19ZM21 4L21 10C21 10.5523 20.5523 11 20 11L4 11C3.44772 11 3 10.5523 3 10L3 4C3 3.44772 3.44772 3 4 3L20 3C20.5523 3 21 3.44772 21 4ZM5 9L19 9L19 5L5 5V9ZM11 20V14C11 13.4477 10.5523 13 10 13H4C3.44772 13 3 13.4477 3 14V20C3 20.5523 3.44772 21 4 21L10 21C10.5523 21 11 20.5523 11 20ZM9 19H5V15H9V19Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/>

package/dist/sprites/outlined.svg

@@ -520,6 +520,12 @@
   </symbol>
   <symbol id="layout/pages" viewBox="0 0 24 24">
 <path d="M15 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H15C16.1046 21 17 20.1046 17 19V5C17 3.89543 16.1046 3 15 3ZM15 5V19H5V5H15ZM21 18V6C21 5.44772 20.5523 5 20 5H19V19H20C20.5523 19 21 18.5523 21 18Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="layout/sidebar-right" viewBox="0 0 24 24">
+<path d="M5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3ZM19 5V19H16V5H19ZM14 5V19H5V5H14Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="layout/widget-bottom-right" viewBox="0 0 24 24">
+<path d="M5 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3ZM19 5V11H15C14.4477 11 14 11.4477 14 12V19H5V5H19ZM16 13H19V19H16V13Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/>
   </symbol>
   <symbol id="layout/widget" viewBox="0 0 24 24">
 <path d="M21 14V20C21 20.5523 20.5523 21 20 21H14C13.4477 21 13 20.5523 13 20V14C13 13.4477 13.4477 13 14 13H20C20.5523 13 21 13.4477 21 14ZM15 19H19V15H15V19ZM21 4L21 10C21 10.5523 20.5523 11 20 11L4 11C3.44772 11 3 10.5523 3 10L3 4C3 3.44772 3.44772 3 4 3L20 3C20.5523 3 21 3.44772 21 4ZM5 9L19 9L19 5L5 5V9ZM11 20V14C11 13.4477 10.5523 13 10 13H4C3.44772 13 3 13.4477 3 14V20C3 20.5523 3.44772 21 4 21L10 21C10.5523 21 11 20.5523 11 20ZM9 19H5V15H9V19Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"/>

package/dist/{adapter-output.d.ts → subset/adapter-output.d.ts}

@@ -1,4 +1,4 @@
-import type { IconBuildArtifact } from './build.js';
+import type { IconBuildArtifact } from '../build.js';
 type ModuleFormat = 'esm' | 'cjs';
 export declare const createAdapterRuntime: (artifacts: readonly IconBuildArtifact[], spriteExpressions: Readonly<Record<string, string>>, format?: ModuleFormat) => string;
 export declare const createAdapterDeclarations: (artifacts: readonly IconBuildArtifact[], moduleId?: string) => string;

package/dist/{adapter-output.js → subset/adapter-output.js}

@@ -1,4 +1,4 @@
-//#region tooling/adapter-output.ts
+//#region tooling/subset/adapter-output.ts
 var createAdapterRuntime = (artifacts, spriteExpressions, format = "esm") => {
 	const declaration = format === "esm" ? "export " : "";
 	return `const hasOwn = (object, key) => Object.prototype.hasOwnProperty.call(object, key)

package/dist/subset/vite.d.ts

@@ -0,0 +1,7 @@
+import type { IconBuildConfig } from '../build.js';
+import type { Plugin } from 'vite';
+export interface OmnicaIconsOptions extends IconBuildConfig {
+    /** Writes exact declarations for `virtual:omnicajs-icons`. The file must be included by consumer TypeScript. */
+    readonly declarationFile?: string;
+}
+export declare const omnicaIcons: (options: OmnicaIconsOptions) => Plugin;

package/dist/subset/vite.js

@@ -0,0 +1,61 @@
+import { buildIconSet } from "../build.js";
+import { createAdapterDeclarations, createAdapterRuntime } from "./adapter-output.js";
+import fs from "node:fs/promises";
+import path from "node:path";
+import crypto from "node:crypto";
+//#region tooling/subset/vite.ts
+var virtualModuleId = "virtual:omnicajs-icons";
+var resolvedVirtualModuleId = `\0${virtualModuleId}`;
+var omnicaIcons = (options) => {
+	let artifacts = [];
+	let command = "build";
+	const references = {};
+	return {
+		name: "omnicajs-icons",
+		enforce: "pre",
+		configResolved(config) {
+			command = config.command;
+		},
+		async buildStart() {
+			artifacts = await buildIconSet(options);
+			if (options.declarationFile) {
+				const declarationFile = path.resolve(options.declarationFile);
+				await fs.mkdir(path.dirname(declarationFile), { recursive: true });
+				await fs.writeFile(declarationFile, createAdapterDeclarations(artifacts));
+			}
+			if (command === "build") for (const artifact of artifacts) references[artifact.variant] = this.emitFile({
+				type: "asset",
+				name: `omnica-icons-${artifact.variant}.svg`,
+				source: artifact.spriteSource
+			});
+		},
+		configureServer(server) {
+			server.middlewares.use("/@omnicajs/icons/", (request, response, next) => {
+				const variant = request.url?.split(/[?#]/, 1)[0]?.replace(/\.svg$/, "");
+				const artifact = artifacts.find((candidate) => candidate.variant === variant);
+				if (!artifact) {
+					next();
+					return;
+				}
+				response.statusCode = 200;
+				response.setHeader("Content-Type", "image/svg+xml");
+				response.setHeader("Cache-Control", "no-cache");
+				response.end(artifact.spriteSource);
+			});
+		},
+		resolveId(id) {
+			return id === virtualModuleId ? resolvedVirtualModuleId : null;
+		},
+		load(id) {
+			if (id !== resolvedVirtualModuleId) return null;
+			const spriteExpressions = Object.fromEntries(artifacts.map((artifact) => {
+				if (command === "build") return [artifact.variant, `import.meta.ROLLUP_FILE_URL_${references[artifact.variant]}`];
+				const hash = crypto.createHash("sha256").update(artifact.spriteSource).digest("hex").slice(0, 8);
+				return [artifact.variant, JSON.stringify(`/@omnicajs/icons/${artifact.variant}.svg?v=${hash}`)];
+			}));
+			return createAdapterRuntime(artifacts, spriteExpressions);
+		}
+	};
+};
+//#endregion
+export { omnicaIcons };

package/dist/{webpack-loader.cjs → subset/webpack-loader.cjs}

@@ -1,21 +1,17 @@
+const require_extracted_bundler_plugin = require("../extracted/bundler/plugin.cjs");
 let node_path = require("node:path");
-let node_crypto = require("node:crypto");
-let node_fs_promises = require("node:fs/promises");
 let node_url = require("node:url");
-//#region tooling/webpack-loader.ts
-var renderFilename = (template, variant, source) => {
-	const hash = (0, node_crypto.createHash)("sha256").update(source).digest("hex");
-	return template.replaceAll("[variant]", variant).replace(/\[contenthash(?::(\d+))?\]/g, (_match, length) => length ? hash.slice(0, Number(length)) : hash);
-};
+let node_fs_promises = require("node:fs/promises");
+//#region tooling/subset/webpack-loader.ts
 var omnicaIconsLoader = function() {
 	const callback = this.async();
 	const options = this.getOptions();
 	this.cacheable(true);
-	Promise.all([import((0, node_url.pathToFileURL)((0, node_path.join)(__dirname, "build.js")).href), import((0, node_url.pathToFileURL)((0, node_path.join)(__dirname, "adapter-output.js")).href)]).then(async ([{ buildIconSet }, { createAdapterDeclarations, createAdapterRuntime }]) => {
+	Promise.all([import((0, node_url.pathToFileURL)((0, node_path.join)(__dirname, "../build.js")).href), import((0, node_url.pathToFileURL)((0, node_path.join)(__dirname, "adapter-output.js")).href)]).then(async ([{ buildIconSet }, { createAdapterDeclarations, createAdapterRuntime }]) => {
 		const artifacts = await buildIconSet(options.config);
 		const spriteExpressions = {};
 		for (const artifact of artifacts) {
-			const filename = renderFilename(options.filename, artifact.variant, artifact.spriteSource);
+			const filename = require_extracted_bundler_plugin.renderContentHashFilename(options.filename.replaceAll("[variant]", artifact.variant), artifact.spriteSource);
 			this.emitFile(filename, artifact.spriteSource);
 			spriteExpressions[artifact.variant] = `(__webpack_public_path__ + ${JSON.stringify(filename)})`;
 		}

package/dist/{webpack-loader.d.ts → subset/webpack-loader.d.ts}

@@ -1,4 +1,4 @@
-import type { IconBuildConfig } from './build.js';
+import type { IconBuildConfig } from '../build.js';
 import type { LoaderDefinitionFunction } from 'webpack';
 interface OmnicaIconsLoaderOptions {
     readonly config: IconBuildConfig;

package/dist/{webpack-runtime.cjs → subset/webpack-runtime.cjs}

@@ -1,3 +1,3 @@
-//#region tooling/webpack-runtime.ts
+//#region tooling/subset/webpack-runtime.ts
 throw new Error("virtual:omnicajs-icons requires OmnicaIconsPlugin in the Webpack configuration");
 //#endregion

package/dist/subset/webpack.cjs

@@ -0,0 +1,27 @@
+let node_path = require("node:path");
+//#region tooling/subset/webpack.ts
+var virtualModuleId = "virtual:omnicajs-icons";
+var OmnicaIconsPlugin = class {
+	#options;
+	constructor(options) {
+		this.#options = options;
+	}
+	apply(compiler) {
+		const runtimePath = (0, node_path.join)(__dirname, "webpack-runtime.cjs");
+		const loaderPath = (0, node_path.join)(__dirname, "webpack-loader.cjs");
+		new compiler.webpack.NormalModuleReplacementPlugin(new RegExp(`^${virtualModuleId}$`), runtimePath).apply(compiler);
+		compiler.options.module.rules.unshift({
+			include: runtimePath,
+			use: [{
+				loader: loaderPath,
+				options: {
+					config: this.#options,
+					declarationFile: this.#options.declarationFile,
+					filename: this.#options.filename ?? "icons/omnica-[variant].[contenthash:8].svg"
+				}
+			}]
+		});
+	}
+};
+//#endregion
+exports.OmnicaIconsPlugin = OmnicaIconsPlugin;

package/dist/subset/webpack.d.ts

@@ -0,0 +1,14 @@
+import type { Compiler } from 'webpack';
+import type { IconBuildConfig } from '../build.js';
+import type { WebpackPluginInstance } from 'webpack';
+export interface OmnicaIconsPluginOptions extends IconBuildConfig {
+    /** Writes exact declarations for `virtual:omnicajs-icons`. The file must be included by consumer TypeScript. */
+    readonly declarationFile?: string;
+    /** Supports `[variant]`, `[contenthash]`, and `[contenthash:N]`. */
+    readonly filename?: string;
+}
+export declare class OmnicaIconsPlugin implements WebpackPluginInstance {
+    #private;
+    constructor(options: OmnicaIconsPluginOptions);
+    apply(compiler: Compiler): void;
+}

package/dist/vite.d.ts

@@ -1,7 +1,4 @@
-import type { IconBuildConfig } from './build.js';
-import type { Plugin } from 'vite';
-export interface OmnicaIconsOptions extends IconBuildConfig {
-    /** Writes exact declarations for `virtual:omnicajs-icons`. The file must be included by consumer TypeScript. */
-    readonly declarationFile?: string;
-}
-export declare const omnicaIcons: (options: OmnicaIconsOptions) => Plugin;
+export type { OmnicaIconComponentsOptions } from './extracted/vite.js';
+export type { OmnicaIconsOptions } from './subset/vite.js';
+export { omnicaIconComponents } from './extracted/vite.js';
+export { omnicaIcons } from './subset/vite.js';

package/dist/vite.js

@@ -1,61 +1,3 @@
-import { createAdapterDeclarations, createAdapterRuntime } from "./adapter-output.js";
-import { buildIconSet } from "./build.js";
-import fs from "node:fs/promises";
-import path from "node:path";
-import crypto from "node:crypto";
-//#region tooling/vite.ts
-var virtualModuleId = "virtual:omnicajs-icons";
-var resolvedVirtualModuleId = `\0${virtualModuleId}`;
-var omnicaIcons = (options) => {
-	let artifacts = [];
-	let command = "build";
-	const references = {};
-	return {
-		name: "omnicajs-icons",
-		enforce: "pre",
-		configResolved(config) {
-			command = config.command;
-		},
-		async buildStart() {
-			artifacts = await buildIconSet(options);
-			if (options.declarationFile) {
-				const declarationFile = path.resolve(options.declarationFile);
-				await fs.mkdir(path.dirname(declarationFile), { recursive: true });
-				await fs.writeFile(declarationFile, createAdapterDeclarations(artifacts));
-			}
-			if (command === "build") for (const artifact of artifacts) references[artifact.variant] = this.emitFile({
-				type: "asset",
-				name: `omnica-icons-${artifact.variant}.svg`,
-				source: artifact.spriteSource
-			});
-		},
-		configureServer(server) {
-			server.middlewares.use("/@omnicajs/icons/", (request, response, next) => {
-				const variant = request.url?.split(/[?#]/, 1)[0]?.replace(/\.svg$/, "");
-				const artifact = artifacts.find((candidate) => candidate.variant === variant);
-				if (!artifact) {
-					next();
-					return;
-				}
-				response.statusCode = 200;
-				response.setHeader("Content-Type", "image/svg+xml");
-				response.setHeader("Cache-Control", "no-cache");
-				response.end(artifact.spriteSource);
-			});
-		},
-		resolveId(id) {
-			return id === virtualModuleId ? resolvedVirtualModuleId : null;
-		},
-		load(id) {
-			if (id !== resolvedVirtualModuleId) return null;
-			const spriteExpressions = Object.fromEntries(artifacts.map((artifact) => {
-				if (command === "build") return [artifact.variant, `import.meta.ROLLUP_FILE_URL_${references[artifact.variant]}`];
-				const hash = crypto.createHash("sha256").update(artifact.spriteSource).digest("hex").slice(0, 8);
-				return [artifact.variant, JSON.stringify(`/@omnicajs/icons/${artifact.variant}.svg?v=${hash}`)];
-			}));
-			return createAdapterRuntime(artifacts, spriteExpressions);
-		}
-	};
-};
-//#endregion
-export { omnicaIcons };
+import { omnicaIconComponents } from "./extracted/vite.js";
+import { omnicaIcons } from "./subset/vite.js";
+export { omnicaIconComponents, omnicaIcons };

package/dist/webpack.cjs

@@ -1,28 +1,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let node_path = require("node:path");
+const require_extracted_bundler_plugin = require("./extracted/bundler/plugin.cjs");
+const require_webpack = require("./subset/webpack.cjs");
 //#region tooling/webpack.ts
-var virtualModuleId = "virtual:omnicajs-icons";
-var OmnicaIconsPlugin = class {
-	#options;
-	constructor(options) {
-		this.#options = options;
+var OmnicaIconComponentsPlugin = class {
+	#plugin;
+	constructor(options = {}) {
+		this.#plugin = new require_extracted_bundler_plugin.BundlerIconComponentsPlugin(options);
 	}
 	apply(compiler) {
-		const runtimePath = (0, node_path.join)(__dirname, "webpack-runtime.cjs");
-		const loaderPath = (0, node_path.join)(__dirname, "webpack-loader.cjs");
-		new compiler.webpack.NormalModuleReplacementPlugin(new RegExp(`^${virtualModuleId}$`), runtimePath).apply(compiler);
-		compiler.options.module.rules.unshift({
-			include: runtimePath,
-			use: [{
-				loader: loaderPath,
-				options: {
-					config: this.#options,
-					declarationFile: this.#options.declarationFile,
-					filename: this.#options.filename ?? "icons/omnica-[variant].[contenthash:8].svg"
-				}
-			}]
-		});
+		this.#plugin.apply(compiler);
 	}
 };
 //#endregion
-exports.OmnicaIconsPlugin = OmnicaIconsPlugin;
+exports.OmnicaIconComponentsPlugin = OmnicaIconComponentsPlugin;
+exports.OmnicaIconsPlugin = require_webpack.OmnicaIconsPlugin;

package/dist/webpack.d.ts

@@ -1,14 +1,19 @@
 import type { Compiler } from 'webpack';
-import type { IconBuildConfig } from './build.js';
 import type { WebpackPluginInstance } from 'webpack';
-export interface OmnicaIconsPluginOptions extends IconBuildConfig {
-    /** Writes exact declarations for `virtual:omnicajs-icons`. The file must be included by consumer TypeScript. */
-    readonly declarationFile?: string;
-    /** Supports `[variant]`, `[contenthash]`, and `[contenthash:N]`. */
+export type { OmnicaIconsPluginOptions } from './subset/webpack.js';
+export { OmnicaIconsPlugin } from './subset/webpack.js';
+export interface OmnicaIconComponentsPluginOptions {
+    /** Supports `[contenthash]` and `[contenthash:N]`. */
     readonly filename?: string;
+    /** Overrides the loader used to compile the generated Vue SFC. */
+    readonly vueLoader?: string;
+    /** Client build output read by a later SSR build. Defaults to `<context>/dist`. */
+    readonly clientOutputDirectory?: string;
+    /** Overrides automatic Node-target SSR detection. */
+    readonly ssr?: boolean;
 }
-export declare class OmnicaIconsPlugin implements WebpackPluginInstance {
+export declare class OmnicaIconComponentsPlugin implements WebpackPluginInstance {
     #private;
-    constructor(options: OmnicaIconsPluginOptions);
+    constructor(options?: OmnicaIconComponentsPluginOptions);
     apply(compiler: Compiler): void;
 }

package/metadata/icon-keywords.json

@@ -3747,9 +3747,15 @@
                 "pages": [
                     "actions/pages-outlined"
                 ],
+                "sidebar-right": [
+                    "media-n-editing/format_1_2"
+                ],
                 "widget": [
                     "ui/widget_outlined",
                     "ui/widget-outlined"
+                ],
+                "widget-bottom-right": [
+                    "media-n-editing/format_1_4"
                 ]
             },
             "lifestyle": {

package/metadata/migrations/groups-v1.json

@@ -9878,5 +9878,21 @@
         "group": "people",
         "name": "users",
         "canonical": true
+    },
+    {
+        "source": "assets/icons/media-n-editing/format_1_2.svg",
+        "destination": "assets/icons/outlined/layout/sidebar-right.svg",
+        "variant": "outlined",
+        "group": "layout",
+        "name": "sidebar-right",
+        "canonical": true
+    },
+    {
+        "source": "assets/icons/media-n-editing/format_1_4.svg",
+        "destination": "assets/icons/outlined/layout/widget-bottom-right.svg",
+        "variant": "outlined",
+        "group": "layout",
+        "name": "widget-bottom-right",
+        "canonical": true
     }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omnicajs/icons",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "OmnicaJS icon set.",
   "license": "MIT",
   "repository": {
@@ -77,6 +77,13 @@
       "types": "./dist/vite.d.ts",
       "import": "./dist/vite.js"
     },
+    "./vue": {
+      "types": "./vue.d.ts"
+    },
+    "./rspack": {
+      "types": "./dist/rspack.d.ts",
+      "require": "./dist/rspack.cjs"
+    },
     "./webpack": {
       "types": "./dist/webpack.d.ts",
       "require": "./dist/webpack.cjs"
@@ -89,6 +96,7 @@
     "assets",
     "dist",
     "metadata",
+    "/vue.d.ts",
     "CHANGELOG.md",
     "README.md",
     "LICENSE"
@@ -114,7 +122,7 @@
     "showcase:preview": "vitepress preview showcase --host 0.0.0.0",
     "test": "yarn build && yarn test:unit && yarn test:fixtures",
     "test:browser": "playwright test --config playwright.config.ts",
-    "test:fixtures": "node dist/cli.js build --config fixtures/cli/omnica-icons.config.mjs && tsc --noEmit -p fixtures/cli/tsconfig.json && vite build --config fixtures/vite/vite.config.ts && tsc --noEmit -p fixtures/vite/tsconfig.json && webpack --config fixtures/webpack/webpack.config.cjs && tsc --noEmit -p fixtures/webpack/tsconfig.json",
+    "test:fixtures": "node dist/cli.js build --config fixtures/cli/omnica-icons.config.mjs && tsc --noEmit -p fixtures/cli/tsconfig.json && vite build --config fixtures/vite/vite.config.ts && node fixtures/vite/assert-formats.mjs && vite build --config fixtures/vite/vite.config.ts --base / --ssr src/ssr.ts --outDir dist-ssr && node fixtures/vite/assert-ssr.mjs && tsc --noEmit -p fixtures/vite/tsconfig.json && webpack --config fixtures/webpack/webpack.config.cjs && webpack --config fixtures/webpack/webpack.ssr.config.cjs && tsc --noEmit -p fixtures/webpack/tsconfig.json && rspack build --config fixtures/rspack/rspack.config.cjs && rspack build --config fixtures/rspack/rspack.ssr.config.cjs && tsc --noEmit -p fixtures/rspack/tsconfig.json && node fixtures/assert-bundler-ssr.mjs && node fixtures/assert-bundler-ssr-public-path.mjs && node fixtures/assert-bundler-watch.mjs",
     "test:unit": "node --test tests/*.test.ts",
     "typecheck": "tsc --noEmit && tsc --noEmit --project showcase/tsconfig.json"
   },
@@ -128,8 +136,11 @@
     "@modulify/conventional-release": "^0.1.3",
     "@omnicajs/eslint-plugin-dependencies": "^0.0.3",
     "@playwright/test": "^1.61.1",
+    "@rspack/cli": "^2.1.8",
+    "@rspack/core": "^2.1.8",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/node": "^25.9.2",
+    "@vitejs/plugin-vue": "^6.0.8",
     "eslint": "^9.39.5",
     "eslint-plugin-vue": "^10.9.2",
     "globals": "^17.7.0",
@@ -143,6 +154,7 @@
     "vue": "^3.5.39",
     "vue-eslint-parser": "^10.4.1",
     "vue-i18n": "^11.4.6",
+    "vue-loader": "^17.4.2",
     "webpack": "^5.108.4",
     "webpack-cli": "^7.2.1",
     "yaml-eslint-parser": "^2.1.0"