@unocss/preset-icons 0.55.1 → 0.55.3

package/dist/browser.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cdn = require('./shared/preset-icons.31963db2.cjs');
+const cdn = require('./shared/preset-icons.03b1ec6a.cjs');
 const core = require('./core.cjs');
 require('ofetch');
 require('@unocss/core');
@@ -16,5 +16,5 @@ const presetIcons = core.createPresetIcons(async (options) => {
 
 exports.combineLoaders = core.combineLoaders;
 exports.createPresetIcons = core.createPresetIcons;
-exports["default"] = presetIcons;
+exports.default = presetIcons;
 exports.presetIcons = presetIcons;

package/dist/browser.d.cts

@@ -0,0 +1,9 @@
+import * as _unocss_core from '@unocss/core';
+import { IconsOptions } from './core.cjs';
+export { combineLoaders, createPresetIcons } from './core.cjs';
+import '@iconify/utils/lib/loader/types';
+import '@iconify/types';
+
+declare const presetIcons: (options?: IconsOptions) => _unocss_core.Preset<object>;
+
+export { IconsOptions, presetIcons as default, presetIcons };

package/dist/browser.d.mts

@@ -0,0 +1,9 @@
+import * as _unocss_core from '@unocss/core';
+import { IconsOptions } from './core.mjs';
+export { combineLoaders, createPresetIcons } from './core.mjs';
+import '@iconify/utils/lib/loader/types';
+import '@iconify/types';
+
+declare const presetIcons: (options?: IconsOptions) => _unocss_core.Preset<object>;
+
+export { IconsOptions, presetIcons as default, presetIcons };

package/dist/browser.d.ts

@@ -1,9 +1,9 @@
 import * as _unocss_core from '@unocss/core';
 import { IconsOptions } from './core.js';
-export { IconsOptions, combineLoaders, createPresetIcons } from './core.js';
+export { combineLoaders, createPresetIcons } from './core.js';
 import '@iconify/utils/lib/loader/types';
 import '@iconify/types';
 
 declare const presetIcons: (options?: IconsOptions) => _unocss_core.Preset<object>;
 
-export { presetIcons as default, presetIcons };
+export { IconsOptions, presetIcons as default, presetIcons };

package/dist/browser.mjs

@@ -1,6 +1,6 @@
-import { c as createCDNLoader, l as loadIcon } from './shared/preset-icons.ab54575d.mjs';
+import { c as createCDNLoader, l as loadIcon } from './shared/preset-icons.05307f91.mjs';
 import { createPresetIcons } from './core.mjs';
-export { combineLoaders, createPresetIcons } from './core.mjs';
+export { combineLoaders } from './core.mjs';
 import 'ofetch';
 import '@unocss/core';
 
@@ -11,4 +11,4 @@ const presetIcons = createPresetIcons(async (options) => {
   return loadIcon;
 });
 
-export { presetIcons as default, presetIcons };
+export { createPresetIcons, presetIcons as default, presetIcons };

package/dist/core.cjs

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 const core = require('@unocss/core');
 
 function encodeSVGforURL(svg) {
@@ -45,6 +43,7 @@ function createPresetIcons(lookupIconLoader) {
       scale,
       customCollections,
       autoInstall,
+      // avoid warn from @iconify/loader: we'll warn below if not found
       warn: void 0,
       customizations: {
         ...customizations,
@@ -104,6 +103,7 @@ function createPresetIcons(lookupIconLoader) {
               "-webkit-mask-size": "100% 100%",
               "mask-size": "100% 100%",
               "background-color": "currentColor",
+              // for Safari https://github.com/elk-zone/elk/pull/264
               "color": "inherit",
               ...usedProps
             };

package/dist/core.d.cts

@@ -0,0 +1,83 @@
+import { Awaitable, Preset } from '@unocss/core';
+import { CustomIconLoader, InlineCollection, IconCustomizations, UniversalIconLoader } from '@iconify/utils/lib/loader/types';
+import { IconifyJSON } from '@iconify/types';
+
+interface IconsOptions {
+    /**
+     * Scale related to the current font size (1em).
+     *
+     * @default 1
+     */
+    scale?: number;
+    /**
+     * Mode of generated CSS icons.
+     *
+     * - `mask` - use background color and the `mask` property for monochrome icons
+     * - `background-img` - use background image for the icons, colors are static
+     * - `auto` - smartly decide mode between `mask` and `background-img` per icon based on its style
+     *
+     * @default 'auto'
+     * @see https://antfu.me/posts/icons-in-pure-css
+     */
+    mode?: 'mask' | 'background-img' | 'auto';
+    /**
+     * Class prefix for matching icon rules.
+     *
+     * @default `i-`
+     */
+    prefix?: string | string[];
+    /**
+     * Extra CSS properties applied to the generated CSS
+     *
+     * @default {}
+     */
+    extraProperties?: Record<string, string>;
+    /**
+     * Emit warning when missing icons are matched
+     *
+     * @default false
+     */
+    warn?: boolean;
+    /**
+     * In Node.js environment, the preset will search for the installed iconify dataset automatically.
+     * When using in the browser, this options is provided to provide dataset with custom loading mechanism.
+     */
+    collections?: Record<string, (() => Awaitable<IconifyJSON>) | undefined | CustomIconLoader | InlineCollection>;
+    /**
+     * Rule layer
+     *
+     * @default 'icons'
+     */
+    layer?: string;
+    /**
+     * Custom icon customizations.
+     */
+    customizations?: Omit<IconCustomizations, 'additionalProps' | 'trimCustomSvg'>;
+    /**
+     * Auto install icon sources package when the usages is detected
+     *
+     * **WARNING**: only on `node` environment, on `browser` this option will be ignored.
+     *
+     * @default false
+     */
+    autoInstall?: boolean;
+    /**
+     * Custom icon unit.
+     *
+     * @default `em`
+     */
+    unit?: string;
+    /**
+     * Load icons from CDN. Should starts with `https://` and ends with `/`
+     *
+     * Recommends:
+     * - https://esm.sh/
+     * - https://cdn.skypack.dev/
+     */
+    cdn?: string;
+}
+
+declare function createPresetIcons(lookupIconLoader: (options: IconsOptions) => Promise<UniversalIconLoader>): (options?: IconsOptions) => Preset;
+declare function combineLoaders(loaders: UniversalIconLoader[]): UniversalIconLoader;
+
+export { type IconsOptions, combineLoaders, createPresetIcons };

package/dist/core.d.mts

@@ -0,0 +1,83 @@
+import { Awaitable, Preset } from '@unocss/core';
+import { CustomIconLoader, InlineCollection, IconCustomizations, UniversalIconLoader } from '@iconify/utils/lib/loader/types';
+import { IconifyJSON } from '@iconify/types';
+
+interface IconsOptions {
+    /**
+     * Scale related to the current font size (1em).
+     *
+     * @default 1
+     */
+    scale?: number;
+    /**
+     * Mode of generated CSS icons.
+     *
+     * - `mask` - use background color and the `mask` property for monochrome icons
+     * - `background-img` - use background image for the icons, colors are static
+     * - `auto` - smartly decide mode between `mask` and `background-img` per icon based on its style
+     *
+     * @default 'auto'
+     * @see https://antfu.me/posts/icons-in-pure-css
+     */
+    mode?: 'mask' | 'background-img' | 'auto';
+    /**
+     * Class prefix for matching icon rules.
+     *
+     * @default `i-`
+     */
+    prefix?: string | string[];
+    /**
+     * Extra CSS properties applied to the generated CSS
+     *
+     * @default {}
+     */
+    extraProperties?: Record<string, string>;
+    /**
+     * Emit warning when missing icons are matched
+     *
+     * @default false
+     */
+    warn?: boolean;
+    /**
+     * In Node.js environment, the preset will search for the installed iconify dataset automatically.
+     * When using in the browser, this options is provided to provide dataset with custom loading mechanism.
+     */
+    collections?: Record<string, (() => Awaitable<IconifyJSON>) | undefined | CustomIconLoader | InlineCollection>;
+    /**
+     * Rule layer
+     *
+     * @default 'icons'
+     */
+    layer?: string;
+    /**
+     * Custom icon customizations.
+     */
+    customizations?: Omit<IconCustomizations, 'additionalProps' | 'trimCustomSvg'>;
+    /**
+     * Auto install icon sources package when the usages is detected
+     *
+     * **WARNING**: only on `node` environment, on `browser` this option will be ignored.
+     *
+     * @default false
+     */
+    autoInstall?: boolean;
+    /**
+     * Custom icon unit.
+     *
+     * @default `em`
+     */
+    unit?: string;
+    /**
+     * Load icons from CDN. Should starts with `https://` and ends with `/`
+     *
+     * Recommends:
+     * - https://esm.sh/
+     * - https://cdn.skypack.dev/
+     */
+    cdn?: string;
+}
+
+declare function createPresetIcons(lookupIconLoader: (options: IconsOptions) => Promise<UniversalIconLoader>): (options?: IconsOptions) => Preset;
+declare function combineLoaders(loaders: UniversalIconLoader[]): UniversalIconLoader;
+
+export { type IconsOptions, combineLoaders, createPresetIcons };

package/dist/core.d.ts

@@ -80,4 +80,4 @@ interface IconsOptions {
 declare function createPresetIcons(lookupIconLoader: (options: IconsOptions) => Promise<UniversalIconLoader>): (options?: IconsOptions) => Preset;
 declare function combineLoaders(loaders: UniversalIconLoader[]): UniversalIconLoader;
 
-export { IconsOptions, combineLoaders, createPresetIcons };
+export { type IconsOptions, combineLoaders, createPresetIcons };

package/dist/core.mjs

@@ -41,6 +41,7 @@ function createPresetIcons(lookupIconLoader) {
       scale,
       customCollections,
       autoInstall,
+      // avoid warn from @iconify/loader: we'll warn below if not found
       warn: void 0,
       customizations: {
         ...customizations,
@@ -100,6 +101,7 @@ function createPresetIcons(lookupIconLoader) {
               "-webkit-mask-size": "100% 100%",
               "mask-size": "100% 100%",
               "background-color": "currentColor",
+              // for Safari https://github.com/elk-zone/elk/pull/264
               "color": "inherit",
               ...usedProps
             };

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const cdn = require('./shared/preset-icons.31963db2.cjs');
+const cdn = require('./shared/preset-icons.03b1ec6a.cjs');
 const core = require('./core.cjs');
 require('ofetch');
 require('@unocss/core');
@@ -38,5 +38,5 @@ const presetIcons = core.createPresetIcons(async (options) => {
 
 exports.combineLoaders = core.combineLoaders;
 exports.createPresetIcons = core.createPresetIcons;
-exports["default"] = presetIcons;
+exports.default = presetIcons;
 exports.presetIcons = presetIcons;

package/dist/index.d.cts

@@ -0,0 +1,9 @@
+import * as _unocss_core from '@unocss/core';
+import { IconsOptions } from './core.cjs';
+export { combineLoaders, createPresetIcons } from './core.cjs';
+import '@iconify/utils/lib/loader/types';
+import '@iconify/types';
+
+declare const presetIcons: (options?: IconsOptions) => _unocss_core.Preset<object>;
+
+export { IconsOptions, presetIcons as default, presetIcons };

package/dist/index.d.mts

@@ -0,0 +1,9 @@
+import * as _unocss_core from '@unocss/core';
+import { IconsOptions } from './core.mjs';
+export { combineLoaders, createPresetIcons } from './core.mjs';
+import '@iconify/utils/lib/loader/types';
+import '@iconify/types';
+
+declare const presetIcons: (options?: IconsOptions) => _unocss_core.Preset<object>;
+
+export { IconsOptions, presetIcons as default, presetIcons };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as _unocss_core from '@unocss/core';
 import { IconsOptions } from './core.js';
-export { IconsOptions, combineLoaders, createPresetIcons } from './core.js';
+export { combineLoaders, createPresetIcons } from './core.js';
 import '@iconify/utils/lib/loader/types';
 import '@iconify/types';
 
 declare const presetIcons: (options?: IconsOptions) => _unocss_core.Preset<object>;
 
-export { presetIcons as default, presetIcons };
+export { IconsOptions, presetIcons as default, presetIcons };

package/dist/index.mjs

@@ -1,6 +1,5 @@
-import { c as createCDNLoader, l as loadIcon } from './shared/preset-icons.ab54575d.mjs';
+import { c as createCDNLoader, l as loadIcon } from './shared/preset-icons.05307f91.mjs';
 import { createPresetIcons, combineLoaders } from './core.mjs';
-export { combineLoaders, createPresetIcons } from './core.mjs';
 import 'ofetch';
 import '@unocss/core';
 
@@ -33,4 +32,4 @@ const presetIcons = createPresetIcons(async (options) => {
   return combineLoaders(loaders);
 });
 
-export { presetIcons as default, presetIcons };
+export { combineLoaders, createPresetIcons, presetIcons as default, presetIcons };

package/dist/shared/{preset-icons.31963db2.cjs → preset-icons.03b1ec6a.cjs}

@@ -111,17 +111,6 @@ function getIconData(data, name) {
   return tree ? internalGetIconData(data, name, tree) : null;
 }
 
-({
-  provider: "",
-  aliases: {},
-  not_found: {},
-  ...defaultIconDimensions
-});
-
-Object.keys(defaultIconDimensions).concat([
-  "provider"
-]);
-
 const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
 const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function calculateSize(size, ratio, precision) {
@@ -161,6 +150,32 @@ function calculateSize(size, ratio, precision) {
   }
 }
 
+function splitSVGDefs(content) {
+  let defs = "";
+  const index = content.indexOf("<defs");
+  while (index >= 0) {
+    const start = content.indexOf(">", index);
+    const end = content.indexOf("</defs");
+    if (start === -1 || end === -1) {
+      break;
+    }
+    const endEnd = content.indexOf(">", end);
+    if (endEnd === -1) {
+      break;
+    }
+    defs += content.slice(start + 1, end).trim();
+    content = content.slice(0, index).trim() + content.slice(endEnd + 1);
+  }
+  return {
+    defs,
+    content
+  };
+}
+function wrapSVGContent(body, start, end) {
+  const { defs, content } = splitSVGDefs(body);
+  return (defs ? "<defs>" + defs + "</defs>" : "") + start + content + end;
+}
+
 const isUnsetKeyword = (value) => value === "unset" || value === "undefined" || value === "none";
 function iconToSVG(icon, customisations) {
   const fullIcon = {
@@ -237,7 +252,11 @@ function iconToSVG(icon, customisations) {
       }
     }
     if (transformations.length) {
-      body = '<g transform="' + transformations.join(" ") + '">' + body + "</g>";
+      body = wrapSVGContent(
+        body,
+        '<g transform="' + transformations.join(" ") + '">',
+        "</g>"
+      );
     }
   });
   const customisationsWidth = fullCustomisations.width;
@@ -261,195 +280,19 @@ function iconToSVG(icon, customisations) {
   };
   setAttr("width", width);
   setAttr("height", height);
-  attributes.viewBox = box.left.toString() + " " + box.top.toString() + " " + boxWidth.toString() + " " + boxHeight.toString();
+  const viewBox = [box.left, box.top, boxWidth, boxHeight];
+  attributes.viewBox = viewBox.join(" ");
   return {
     attributes,
+    viewBox,
     body
   };
 }
 
-"IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-
 function trimSVG(str) {
   return str.replace(/(['"])\s*\n\s*([^>\\/\s])/g, "$1 $2").replace(/(["';{}><])\s*\n\s*/g, "$1").replace(/\s*\n\s*/g, " ").replace(/\s+"/g, '"').replace(/="\s+/g, '="').trim();
 }
 
-function add(keyword, colors) {
-  const type = "rgb";
-  const r = colors[0];
-  const length = colors.length;
-  ({
-    type,
-    r,
-    g: length > 1 ? colors[1] : r,
-    b: length > 2 ? colors[2] : r,
-    alpha: length > 3 ? colors[3] : 1
-  });
-}
-add("silver", [192]);
-add("gray", [128]);
-add("white", [255]);
-add("maroon", [128, 0, 0]);
-add("red", [255, 0, 0]);
-add("purple", [128, 0]);
-add("fuchsia", [255, 0]);
-add("green", [0, 128]);
-add("lime", [0, 255]);
-add("olive", [128, 128, 0]);
-add("yellow", [255, 255, 0]);
-add("navy", [0, 0, 128]);
-add("blue", [0, 0, 255]);
-add("teal", [0, 128, 128]);
-add("aqua", [0, 255, 255]);
-add("aliceblue", [240, 248, 255]);
-add("antiquewhite", [250, 235, 215]);
-add("aqua", [0, 255, 255]);
-add("aquamarine", [127, 255, 212]);
-add("azure", [240, 255, 255]);
-add("beige", [245, 245, 220]);
-add("bisque", [255, 228, 196]);
-add("black", [0]);
-add("blanchedalmond", [255, 235, 205]);
-add("blue", [0, 0, 255]);
-add("blueviolet", [138, 43, 226]);
-add("brown", [165, 42, 42]);
-add("burlywood", [222, 184, 135]);
-add("cadetblue", [95, 158, 160]);
-add("chartreuse", [127, 255, 0]);
-add("chocolate", [210, 105, 30]);
-add("coral", [255, 127, 80]);
-add("cornflowerblue", [100, 149, 237]);
-add("cornsilk", [255, 248, 220]);
-add("crimson", [220, 20, 60]);
-add("cyan", [0, 255, 255]);
-add("darkblue", [0, 0, 139]);
-add("darkcyan", [0, 139, 139]);
-add("darkgoldenrod", [184, 134, 11]);
-add("darkgray", [169]);
-add("darkgreen", [0, 100]);
-add("darkgrey", [169]);
-add("darkkhaki", [189, 183, 107]);
-add("darkmagenta", [139, 0]);
-add("darkolivegreen", [85, 107, 47]);
-add("darkorange", [255, 140, 0]);
-add("darkorchid", [153, 50, 204]);
-add("darkred", [139, 0, 0]);
-add("darksalmon", [233, 150, 122]);
-add("darkseagreen", [143, 188]);
-add("darkslateblue", [72, 61, 139]);
-add("darkslategray", [47, 79, 79]);
-add("darkslategrey", [47, 79, 79]);
-add("darkturquoise", [0, 206, 209]);
-add("darkviolet", [148, 0, 211]);
-add("deeppink", [255, 20, 147]);
-add("deepskyblue", [0, 191, 255]);
-add("dimgray", [105]);
-add("dimgrey", [105]);
-add("dodgerblue", [30, 144, 255]);
-add("firebrick", [178, 34, 34]);
-add("floralwhite", [255, 250, 240]);
-add("forestgreen", [34, 139]);
-add("fuchsia", [255, 0]);
-add("gainsboro", [220]);
-add("ghostwhite", [248, 248, 255]);
-add("gold", [255, 215, 0]);
-add("goldenrod", [218, 165, 32]);
-add("gray", [128]);
-add("green", [0, 128]);
-add("greenyellow", [173, 255, 47]);
-add("grey", [128]);
-add("honeydew", [240, 255]);
-add("hotpink", [255, 105, 180]);
-add("indianred", [205, 92, 92]);
-add("indigo", [75, 0, 130]);
-add("ivory", [255, 255, 240]);
-add("khaki", [240, 230, 140]);
-add("lavender", [230, 230, 250]);
-add("lavenderblush", [255, 240, 245]);
-add("lawngreen", [124, 252, 0]);
-add("lemonchiffon", [255, 250, 205]);
-add("lightblue", [173, 216, 230]);
-add("lightcoral", [240, 128, 128]);
-add("lightcyan", [224, 255, 255]);
-add("lightgoldenrodyellow", [250, 250, 210]);
-add("lightgray", [211]);
-add("lightgreen", [144, 238]);
-add("lightgrey", [211]);
-add("lightpink", [255, 182, 193]);
-add("lightsalmon", [255, 160, 122]);
-add("lightseagreen", [32, 178, 170]);
-add("lightskyblue", [135, 206, 250]);
-add("lightslategray", [119, 136, 153]);
-add("lightslategrey", [119, 136, 153]);
-add("lightsteelblue", [176, 196, 222]);
-add("lightyellow", [255, 255, 224]);
-add("lime", [0, 255]);
-add("limegreen", [50, 205]);
-add("linen", [250, 240, 230]);
-add("magenta", [255, 0]);
-add("maroon", [128, 0, 0]);
-add("mediumaquamarine", [102, 205, 170]);
-add("mediumblue", [0, 0, 205]);
-add("mediumorchid", [186, 85, 211]);
-add("mediumpurple", [147, 112, 219]);
-add("mediumseagreen", [60, 179, 113]);
-add("mediumslateblue", [123, 104, 238]);
-add("mediumspringgreen", [0, 250, 154]);
-add("mediumturquoise", [72, 209, 204]);
-add("mediumvioletred", [199, 21, 133]);
-add("midnightblue", [25, 25, 112]);
-add("mintcream", [245, 255, 250]);
-add("mistyrose", [255, 228, 225]);
-add("moccasin", [255, 228, 181]);
-add("navajowhite", [255, 222, 173]);
-add("navy", [0, 0, 128]);
-add("oldlace", [253, 245, 230]);
-add("olive", [128, 128, 0]);
-add("olivedrab", [107, 142, 35]);
-add("orange", [255, 165, 0]);
-add("orangered", [255, 69, 0]);
-add("orchid", [218, 112, 214]);
-add("palegoldenrod", [238, 232, 170]);
-add("palegreen", [152, 251]);
-add("paleturquoise", [175, 238, 238]);
-add("palevioletred", [219, 112, 147]);
-add("papayawhip", [255, 239, 213]);
-add("peachpuff", [255, 218, 185]);
-add("peru", [205, 133, 63]);
-add("pink", [255, 192, 203]);
-add("plum", [221, 160]);
-add("powderblue", [176, 224, 230]);
-add("purple", [128, 0]);
-add("rebeccapurple", [102, 51, 153]);
-add("red", [255, 0, 0]);
-add("rosybrown", [188, 143, 143]);
-add("royalblue", [65, 105, 225]);
-add("saddlebrown", [139, 69, 19]);
-add("salmon", [250, 128, 114]);
-add("sandybrown", [244, 164, 96]);
-add("seagreen", [46, 139, 87]);
-add("seashell", [255, 245, 238]);
-add("sienna", [160, 82, 45]);
-add("silver", [192]);
-add("skyblue", [135, 206, 235]);
-add("slateblue", [106, 90, 205]);
-add("slategray", [112, 128, 144]);
-add("slategrey", [112, 128, 144]);
-add("snow", [255, 250, 250]);
-add("springgreen", [0, 255, 127]);
-add("steelblue", [70, 130, 180]);
-add("tan", [210, 180, 140]);
-add("teal", [0, 128, 128]);
-add("thistle", [216, 191]);
-add("tomato", [255, 99, 71]);
-add("turquoise", [64, 224, 208]);
-add("violet", [238, 130]);
-add("wheat", [245, 222, 179]);
-add("white", [255]);
-add("whitesmoke", [245]);
-add("yellow", [255, 255, 0]);
-add("yellowgreen", [154, 205, 50]);
-
 const svgWidthRegex = /\swidth\s*=\s*["'](\w+)["']/;
 const svgHeightRegex = /\sheight\s*=\s*["'](\w+)["']/;
 const svgTagRegex = /<svg\s+/;
@@ -526,11 +369,19 @@ async function mergeIconProps(svg, collection, icon, options, propsProvider, aft
 
 async function getCustomIcon(custom, collection, icon, options) {
   let result;
-  if (typeof custom === "function") {
-    result = await custom(icon);
-  } else {
-    const inline = custom[icon];
-    result = typeof inline === "function" ? await inline() : inline;
+  try {
+    if (typeof custom === "function") {
+      result = await custom(icon);
+    } else {
+      const inline = custom[icon];
+      result = typeof inline === "function" ? await inline() : inline;
+    }
+  } catch (err) {
+    console.warn(
+      `Failed to load custom icon "${icon}" in "${collection}":`,
+      err
+    );
+    return;
   }
   if (result) {
     const cleanupIdx = result.indexOf("<svg");
@@ -611,7 +462,16 @@ const loadIcon = async (collection, icon, options) => {
   const custom = options?.customCollections?.[collection];
   if (custom) {
     if (typeof custom === "function") {
-      const result = await custom(icon);
+      let result;
+      try {
+        result = await custom(icon);
+      } catch (err) {
+        console.warn(
+          `Failed to load custom icon "${icon}" in "${collection}":`,
+          err
+        );
+        return;
+      }
       if (result) {
         if (typeof result === "string") {
           return await getCustomIcon(
@@ -639,9 +499,12 @@ const loadIcon = async (collection, icon, options) => {
       return await getCustomIcon(custom, collection, icon, options);
     }
   }
-  return void 0;
 };
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 var collections = [
 	"academicons",
 	"akar-icons",
@@ -784,6 +647,7 @@ var collections = [
 	"svg-spinners",
 	"system-uicons",
 	"tabler",
+	"tdesign",
 	"teenyicons",
 	"topcoat",
 	"twemoji",
@@ -804,10 +668,12 @@ var collections = [
 	"zondicons"
 ];
 
+const supportedCollection = /*@__PURE__*/getDefaultExportFromCjs(collections);
+
 function createCDNLoader(cdnBase) {
   const cache = /* @__PURE__ */ new Map();
   function fetchCollection(name) {
-    if (!collections.includes(name))
+    if (!supportedCollection.includes(name))
       return void 0;
     if (!cache.has(name))
       cache.set(name, ofetch.$fetch(`${cdnBase}@iconify-json/${name}/icons.json`));

package/dist/shared/{preset-icons.ab54575d.mjs → preset-icons.05307f91.mjs}

@@ -109,17 +109,6 @@ function getIconData(data, name) {
   return tree ? internalGetIconData(data, name, tree) : null;
 }
 
-({
-  provider: "",
-  aliases: {},
-  not_found: {},
-  ...defaultIconDimensions
-});
-
-Object.keys(defaultIconDimensions).concat([
-  "provider"
-]);
-
 const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
 const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function calculateSize(size, ratio, precision) {
@@ -159,6 +148,32 @@ function calculateSize(size, ratio, precision) {
   }
 }
 
+function splitSVGDefs(content) {
+  let defs = "";
+  const index = content.indexOf("<defs");
+  while (index >= 0) {
+    const start = content.indexOf(">", index);
+    const end = content.indexOf("</defs");
+    if (start === -1 || end === -1) {
+      break;
+    }
+    const endEnd = content.indexOf(">", end);
+    if (endEnd === -1) {
+      break;
+    }
+    defs += content.slice(start + 1, end).trim();
+    content = content.slice(0, index).trim() + content.slice(endEnd + 1);
+  }
+  return {
+    defs,
+    content
+  };
+}
+function wrapSVGContent(body, start, end) {
+  const { defs, content } = splitSVGDefs(body);
+  return (defs ? "<defs>" + defs + "</defs>" : "") + start + content + end;
+}
+
 const isUnsetKeyword = (value) => value === "unset" || value === "undefined" || value === "none";
 function iconToSVG(icon, customisations) {
   const fullIcon = {
@@ -235,7 +250,11 @@ function iconToSVG(icon, customisations) {
       }
     }
     if (transformations.length) {
-      body = '<g transform="' + transformations.join(" ") + '">' + body + "</g>";
+      body = wrapSVGContent(
+        body,
+        '<g transform="' + transformations.join(" ") + '">',
+        "</g>"
+      );
     }
   });
   const customisationsWidth = fullCustomisations.width;
@@ -259,195 +278,19 @@ function iconToSVG(icon, customisations) {
   };
   setAttr("width", width);
   setAttr("height", height);
-  attributes.viewBox = box.left.toString() + " " + box.top.toString() + " " + boxWidth.toString() + " " + boxHeight.toString();
+  const viewBox = [box.left, box.top, boxWidth, boxHeight];
+  attributes.viewBox = viewBox.join(" ");
   return {
     attributes,
+    viewBox,
     body
   };
 }
 
-"IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-
 function trimSVG(str) {
   return str.replace(/(['"])\s*\n\s*([^>\\/\s])/g, "$1 $2").replace(/(["';{}><])\s*\n\s*/g, "$1").replace(/\s*\n\s*/g, " ").replace(/\s+"/g, '"').replace(/="\s+/g, '="').trim();
 }
 
-function add(keyword, colors) {
-  const type = "rgb";
-  const r = colors[0];
-  const length = colors.length;
-  ({
-    type,
-    r,
-    g: length > 1 ? colors[1] : r,
-    b: length > 2 ? colors[2] : r,
-    alpha: length > 3 ? colors[3] : 1
-  });
-}
-add("silver", [192]);
-add("gray", [128]);
-add("white", [255]);
-add("maroon", [128, 0, 0]);
-add("red", [255, 0, 0]);
-add("purple", [128, 0]);
-add("fuchsia", [255, 0]);
-add("green", [0, 128]);
-add("lime", [0, 255]);
-add("olive", [128, 128, 0]);
-add("yellow", [255, 255, 0]);
-add("navy", [0, 0, 128]);
-add("blue", [0, 0, 255]);
-add("teal", [0, 128, 128]);
-add("aqua", [0, 255, 255]);
-add("aliceblue", [240, 248, 255]);
-add("antiquewhite", [250, 235, 215]);
-add("aqua", [0, 255, 255]);
-add("aquamarine", [127, 255, 212]);
-add("azure", [240, 255, 255]);
-add("beige", [245, 245, 220]);
-add("bisque", [255, 228, 196]);
-add("black", [0]);
-add("blanchedalmond", [255, 235, 205]);
-add("blue", [0, 0, 255]);
-add("blueviolet", [138, 43, 226]);
-add("brown", [165, 42, 42]);
-add("burlywood", [222, 184, 135]);
-add("cadetblue", [95, 158, 160]);
-add("chartreuse", [127, 255, 0]);
-add("chocolate", [210, 105, 30]);
-add("coral", [255, 127, 80]);
-add("cornflowerblue", [100, 149, 237]);
-add("cornsilk", [255, 248, 220]);
-add("crimson", [220, 20, 60]);
-add("cyan", [0, 255, 255]);
-add("darkblue", [0, 0, 139]);
-add("darkcyan", [0, 139, 139]);
-add("darkgoldenrod", [184, 134, 11]);
-add("darkgray", [169]);
-add("darkgreen", [0, 100]);
-add("darkgrey", [169]);
-add("darkkhaki", [189, 183, 107]);
-add("darkmagenta", [139, 0]);
-add("darkolivegreen", [85, 107, 47]);
-add("darkorange", [255, 140, 0]);
-add("darkorchid", [153, 50, 204]);
-add("darkred", [139, 0, 0]);
-add("darksalmon", [233, 150, 122]);
-add("darkseagreen", [143, 188]);
-add("darkslateblue", [72, 61, 139]);
-add("darkslategray", [47, 79, 79]);
-add("darkslategrey", [47, 79, 79]);
-add("darkturquoise", [0, 206, 209]);
-add("darkviolet", [148, 0, 211]);
-add("deeppink", [255, 20, 147]);
-add("deepskyblue", [0, 191, 255]);
-add("dimgray", [105]);
-add("dimgrey", [105]);
-add("dodgerblue", [30, 144, 255]);
-add("firebrick", [178, 34, 34]);
-add("floralwhite", [255, 250, 240]);
-add("forestgreen", [34, 139]);
-add("fuchsia", [255, 0]);
-add("gainsboro", [220]);
-add("ghostwhite", [248, 248, 255]);
-add("gold", [255, 215, 0]);
-add("goldenrod", [218, 165, 32]);
-add("gray", [128]);
-add("green", [0, 128]);
-add("greenyellow", [173, 255, 47]);
-add("grey", [128]);
-add("honeydew", [240, 255]);
-add("hotpink", [255, 105, 180]);
-add("indianred", [205, 92, 92]);
-add("indigo", [75, 0, 130]);
-add("ivory", [255, 255, 240]);
-add("khaki", [240, 230, 140]);
-add("lavender", [230, 230, 250]);
-add("lavenderblush", [255, 240, 245]);
-add("lawngreen", [124, 252, 0]);
-add("lemonchiffon", [255, 250, 205]);
-add("lightblue", [173, 216, 230]);
-add("lightcoral", [240, 128, 128]);
-add("lightcyan", [224, 255, 255]);
-add("lightgoldenrodyellow", [250, 250, 210]);
-add("lightgray", [211]);
-add("lightgreen", [144, 238]);
-add("lightgrey", [211]);
-add("lightpink", [255, 182, 193]);
-add("lightsalmon", [255, 160, 122]);
-add("lightseagreen", [32, 178, 170]);
-add("lightskyblue", [135, 206, 250]);
-add("lightslategray", [119, 136, 153]);
-add("lightslategrey", [119, 136, 153]);
-add("lightsteelblue", [176, 196, 222]);
-add("lightyellow", [255, 255, 224]);
-add("lime", [0, 255]);
-add("limegreen", [50, 205]);
-add("linen", [250, 240, 230]);
-add("magenta", [255, 0]);
-add("maroon", [128, 0, 0]);
-add("mediumaquamarine", [102, 205, 170]);
-add("mediumblue", [0, 0, 205]);
-add("mediumorchid", [186, 85, 211]);
-add("mediumpurple", [147, 112, 219]);
-add("mediumseagreen", [60, 179, 113]);
-add("mediumslateblue", [123, 104, 238]);
-add("mediumspringgreen", [0, 250, 154]);
-add("mediumturquoise", [72, 209, 204]);
-add("mediumvioletred", [199, 21, 133]);
-add("midnightblue", [25, 25, 112]);
-add("mintcream", [245, 255, 250]);
-add("mistyrose", [255, 228, 225]);
-add("moccasin", [255, 228, 181]);
-add("navajowhite", [255, 222, 173]);
-add("navy", [0, 0, 128]);
-add("oldlace", [253, 245, 230]);
-add("olive", [128, 128, 0]);
-add("olivedrab", [107, 142, 35]);
-add("orange", [255, 165, 0]);
-add("orangered", [255, 69, 0]);
-add("orchid", [218, 112, 214]);
-add("palegoldenrod", [238, 232, 170]);
-add("palegreen", [152, 251]);
-add("paleturquoise", [175, 238, 238]);
-add("palevioletred", [219, 112, 147]);
-add("papayawhip", [255, 239, 213]);
-add("peachpuff", [255, 218, 185]);
-add("peru", [205, 133, 63]);
-add("pink", [255, 192, 203]);
-add("plum", [221, 160]);
-add("powderblue", [176, 224, 230]);
-add("purple", [128, 0]);
-add("rebeccapurple", [102, 51, 153]);
-add("red", [255, 0, 0]);
-add("rosybrown", [188, 143, 143]);
-add("royalblue", [65, 105, 225]);
-add("saddlebrown", [139, 69, 19]);
-add("salmon", [250, 128, 114]);
-add("sandybrown", [244, 164, 96]);
-add("seagreen", [46, 139, 87]);
-add("seashell", [255, 245, 238]);
-add("sienna", [160, 82, 45]);
-add("silver", [192]);
-add("skyblue", [135, 206, 235]);
-add("slateblue", [106, 90, 205]);
-add("slategray", [112, 128, 144]);
-add("slategrey", [112, 128, 144]);
-add("snow", [255, 250, 250]);
-add("springgreen", [0, 255, 127]);
-add("steelblue", [70, 130, 180]);
-add("tan", [210, 180, 140]);
-add("teal", [0, 128, 128]);
-add("thistle", [216, 191]);
-add("tomato", [255, 99, 71]);
-add("turquoise", [64, 224, 208]);
-add("violet", [238, 130]);
-add("wheat", [245, 222, 179]);
-add("white", [255]);
-add("whitesmoke", [245]);
-add("yellow", [255, 255, 0]);
-add("yellowgreen", [154, 205, 50]);
-
 const svgWidthRegex = /\swidth\s*=\s*["'](\w+)["']/;
 const svgHeightRegex = /\sheight\s*=\s*["'](\w+)["']/;
 const svgTagRegex = /<svg\s+/;
@@ -524,11 +367,19 @@ async function mergeIconProps(svg, collection, icon, options, propsProvider, aft
 
 async function getCustomIcon(custom, collection, icon, options) {
   let result;
-  if (typeof custom === "function") {
-    result = await custom(icon);
-  } else {
-    const inline = custom[icon];
-    result = typeof inline === "function" ? await inline() : inline;
+  try {
+    if (typeof custom === "function") {
+      result = await custom(icon);
+    } else {
+      const inline = custom[icon];
+      result = typeof inline === "function" ? await inline() : inline;
+    }
+  } catch (err) {
+    console.warn(
+      `Failed to load custom icon "${icon}" in "${collection}":`,
+      err
+    );
+    return;
   }
   if (result) {
     const cleanupIdx = result.indexOf("<svg");
@@ -609,7 +460,16 @@ const loadIcon = async (collection, icon, options) => {
   const custom = options?.customCollections?.[collection];
   if (custom) {
     if (typeof custom === "function") {
-      const result = await custom(icon);
+      let result;
+      try {
+        result = await custom(icon);
+      } catch (err) {
+        console.warn(
+          `Failed to load custom icon "${icon}" in "${collection}":`,
+          err
+        );
+        return;
+      }
       if (result) {
         if (typeof result === "string") {
           return await getCustomIcon(
@@ -637,9 +497,12 @@ const loadIcon = async (collection, icon, options) => {
       return await getCustomIcon(custom, collection, icon, options);
     }
   }
-  return void 0;
 };
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 var collections = [
 	"academicons",
 	"akar-icons",
@@ -782,6 +645,7 @@ var collections = [
 	"svg-spinners",
 	"system-uicons",
 	"tabler",
+	"tdesign",
 	"teenyicons",
 	"topcoat",
 	"twemoji",
@@ -802,10 +666,12 @@ var collections = [
 	"zondicons"
 ];
 
+const supportedCollection = /*@__PURE__*/getDefaultExportFromCjs(collections);
+
 function createCDNLoader(cdnBase) {
   const cache = /* @__PURE__ */ new Map();
   function fetchCollection(name) {
-    if (!collections.includes(name))
+    if (!supportedCollection.includes(name))
       return void 0;
     if (!cache.has(name))
       cache.set(name, $fetch(`${cdnBase}@iconify-json/${name}/icons.json`));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-icons",
-  "version": "0.55.1",
+  "version": "0.55.3",
   "description": "Pure CSS Icons for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -47,9 +47,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@iconify/utils": "^2.1.7",
-    "ofetch": "^1.1.1",
-    "@unocss/core": "0.55.1"
+    "@iconify/utils": "^2.1.9",
+    "ofetch": "^1.3.3",
+    "@unocss/core": "0.55.3"
   },
   "devDependencies": {
     "@iconify/types": "^2.0.0"