igniteui-webcomponents 6.5.1 → 7.0.0

package/components/icon/icon.registry.js

@@ -1,5 +1,4 @@
-import { equal } from '../common/util.js';
-import { iconReferences } from './icon-references.js';
+import { ICON_REFERENCES } from './icon-references.js';
 import { IconsStateBroadcast } from './icon-state.broadcast.js';
 import { internalIcons } from './internal-icons-lib.js';
 import { createIconDefaultMap } from './registry/default-map.js';
@@ -7,57 +6,41 @@ import { SvgIconParser } from './registry/parser.js';
 import { ActionType } from './registry/types.js';
 class IconsRegistry {
     constructor() {
-        this.collections = createIconDefaultMap();
-        this.references = createIconDefaultMap();
-        this.listeners = new Set();
-        this.parser = new SvgIconParser();
-        this.broadcast = new IconsStateBroadcast(this.collections, this.references);
-        this.collections.set('internal', internalIcons);
+        this._listeners = new Set();
+        this._pendingNotifications = new Set();
+        this._references = createIconDefaultMap();
+        this._collections = createIconDefaultMap().set('internal', internalIcons);
+        this._svgIconParser = new SvgIconParser();
+        this._broadcast = new IconsStateBroadcast(this._collections, this._references);
+        this._notificationScheduled = false;
     }
     register(name, iconText, collection = 'default') {
-        const svgIcon = this.parser.parse(iconText);
-        this.collections.getOrCreate(collection).set(name, svgIcon);
+        const svgIcon = this._svgIconParser.parse(iconText);
+        this._collections.getOrCreate(collection).set(name, svgIcon);
         const icons = createIconDefaultMap();
         icons.getOrCreate(collection).set(name, svgIcon);
-        this.broadcast.send({
+        this._broadcast.send({
             actionType: ActionType.RegisterIcon,
-            collections: icons.toMap(),
+            collections: icons,
         });
-        this.notifyAll(name, collection);
+        this._notifyAll(name, collection);
     }
     subscribe(callback) {
-        this.listeners.add(callback);
+        this._listeners.add(callback);
     }
     unsubscribe(callback) {
-        this.listeners.delete(callback);
-    }
-    setRefsByTheme(theme) {
-        if (this.theme !== theme) {
-            this.theme = theme;
-            for (const { alias, target } of iconReferences) {
-                const external = this.references
-                    .get(alias.collection)
-                    ?.get(alias.name)?.external;
-                const _ref = this.references.get('default')?.get(alias.name) ?? {};
-                const _target = target.get(this.theme) ?? target.get('default');
-                this.setIconRef({
-                    alias,
-                    target: _target,
-                    overwrite: !(external || equal(_ref, _target)),
-                });
-            }
-        }
+        this._listeners.delete(callback);
     }
     setIconRef(options) {
         const { alias, target, overwrite } = options;
-        const reference = this.references.getOrCreate(alias.collection);
+        const reference = this._references.getOrCreate(alias.collection);
         if (overwrite) {
             reference.set(alias.name, {
                 name: target.name,
                 collection: target.collection,
                 external: target.external,
             });
-            this.notifyAll(alias.name, alias.collection);
+            this._notifyAll(alias.name, alias.collection);
         }
         if (target.external) {
             const refs = createIconDefaultMap();
@@ -65,25 +48,54 @@ class IconsRegistry {
                 name: target.name,
                 collection: target.collection,
             });
-            this.broadcast.send({
+            this._broadcast.send({
                 actionType: ActionType.UpdateIconReference,
-                references: refs.toMap(),
+                references: refs,
             });
         }
     }
-    getIconRef(name, collection) {
-        const icon = this.references.get(collection)?.get(name);
-        return {
-            name: icon?.name ?? name,
-            collection: icon?.collection ?? collection,
-        };
+    getIconRef(name, collection, theme) {
+        const storedRef = this._references.get(collection)?.get(name);
+        if (storedRef) {
+            return {
+                name: storedRef.name,
+                collection: storedRef.collection,
+            };
+        }
+        if (collection === 'default' && theme) {
+            const alias = ICON_REFERENCES.find((ref) => ref.alias.name === name && ref.alias.collection === 'default');
+            if (alias) {
+                const target = alias.target.get(theme) ?? alias.target.get('default');
+                if (target) {
+                    return target;
+                }
+            }
+        }
+        return { name, collection };
     }
     get(name, collection = 'default') {
-        return this.collections.get(collection)?.get(name);
+        return this._collections.get(collection)?.get(name);
     }
-    notifyAll(name, collection) {
-        for (const listener of this.listeners) {
-            listener(name, collection);
+    _notifyAll(name, collection) {
+        const key = `${collection}:${name}`;
+        this._pendingNotifications.add(key);
+        if (!this._notificationScheduled) {
+            this._notificationScheduled = true;
+            queueMicrotask(() => {
+                this._flushNotifications();
+            });
+        }
+    }
+    _flushNotifications() {
+        const notifications = Array.from(this._pendingNotifications);
+        this._pendingNotifications.clear();
+        this._notificationScheduled = false;
+        for (const key of notifications) {
+            const [collection, ...nameParts] = key.split(':');
+            const name = nameParts.join(':');
+            for (const listener of this._listeners) {
+                listener(name, collection);
+            }
         }
     }
 }

package/components/icon/icon.registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.registry.js","sourceRoot":"","sources":["../../../src/components/icon/icon.registry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Theme } from '../../theming/types.js';\nimport { equal } from '../common/util.js';\nimport { iconReferences } from './icon-references.js';\nimport { IconsStateBroadcast } from './icon-state.broadcast.js';\nimport { internalIcons } from './internal-icons-lib.js';\nimport { createIconDefaultMap } from './registry/default-map.js';\nimport { SvgIconParser } from './registry/parser.js';\nimport type {\n  IconCallback,\n  IconMeta,\n  IconReferencePair,\n  SvgIcon,\n} from './registry/types.js';\nimport { ActionType } from './registry/types.js';\n\nclass IconsRegistry {\n  private parser: SvgIconParser;\n  private collections = createIconDefaultMap<string, SvgIcon>();\n  private references = createIconDefaultMap<string, IconMeta>();\n  private listeners = new Set<IconCallback>();\n  private theme!: Theme;\n  private broadcast: IconsStateBroadcast;\n\n  constructor() {\n    this.parser = new SvgIconParser();\n    this.broadcast = new IconsStateBroadcast(this.collections, this.references);\n\n    this.collections.set('internal', internalIcons);\n  }\n\n  public register(name: string, iconText: string, collection = 'default') {\n    const svgIcon = this.parser.parse(iconText);\n    this.collections.getOrCreate(collection).set(name, svgIcon);\n\n    const icons = createIconDefaultMap<string, SvgIcon>();\n    icons.getOrCreate(collection).set(name, svgIcon);\n\n    this.broadcast.send({\n      actionType: ActionType.RegisterIcon,\n      collections: icons.toMap(),\n    });\n\n    this.notifyAll(name, collection);\n  }\n\n  public subscribe(callback: IconCallback) {\n    this.listeners.add(callback);\n  }\n\n  public unsubscribe(callback: IconCallback) {\n    this.listeners.delete(callback);\n  }\n\n  public setRefsByTheme(theme: Theme) {\n    if (this.theme !== theme) {\n      this.theme = theme;\n\n      for (const { alias, target } of iconReferences) {\n        const external = this.references\n          .get(alias.collection)\n          ?.get(alias.name)?.external;\n\n        const _ref = this.references.get('default')?.get(alias.name) ?? {};\n        const _target = target.get(this.theme) ?? target.get('default')!;\n\n        this.setIconRef({\n          alias,\n          target: _target,\n          overwrite: !(external || equal(_ref, _target)),\n        });\n      }\n    }\n  }\n\n  public setIconRef(options: IconReferencePair) {\n    const { alias, target, overwrite } = options;\n    const reference = this.references.getOrCreate(alias.collection);\n\n    if (overwrite) {\n      reference.set(alias.name, {\n        name: target.name,\n        collection: target.collection,\n        external: target.external,\n      });\n      this.notifyAll(alias.name, alias.collection);\n    }\n    if (target.external) {\n      const refs = createIconDefaultMap<string, IconMeta>();\n      refs.getOrCreate(alias.collection).set(alias.name, {\n        name: target.name,\n        collection: target.collection,\n      });\n\n      this.broadcast.send({\n        actionType: ActionType.UpdateIconReference,\n        references: refs.toMap(),\n      });\n    }\n  }\n\n  public getIconRef(name: string, collection: string): IconMeta {\n    const icon = this.references.get(collection)?.get(name);\n\n    return {\n      name: icon?.name ?? name,\n      collection: icon?.collection ?? collection,\n    };\n  }\n\n  public get(name: string, collection = 'default') {\n    return this.collections.get(collection)?.get(name);\n  }\n\n  private notifyAll(name: string, collection: string) {\n    for (const listener of this.listeners) {\n      listener(name, collection);\n    }\n  }\n}\n\nconst registry = Symbol.for('igc.icons-registry.instance');\n\ntype IgcIconRegistry = typeof globalThis & {\n  [registry]?: IconsRegistry;\n};\n\nexport function getIconRegistry() {\n  const _global = globalThis as IgcIconRegistry;\n  if (!_global[registry]) {\n    _global[registry] = new IconsRegistry();\n  }\n  return _global[registry];\n}\n\nexport async function registerIcon(\n  name: string,\n  url: string,\n  collection = 'default'\n) {\n  const response = await fetch(url);\n\n  if (response.ok) {\n    const value = await response.text();\n    getIconRegistry().register(name, value, collection);\n  } else {\n    throw new Error(`Icon request failed. Status: ${response.status}.`);\n  }\n}\n\nexport function registerIconFromText(\n  name: string,\n  iconText: string,\n  collection = 'default'\n) {\n  getIconRegistry().register(name, iconText, collection);\n}\n\nexport function setIconRef(name: string, collection: string, icon: IconMeta) {\n  getIconRegistry().setIconRef({\n    alias: { name, collection },\n    target: {\n      name: icon.name,\n      collection: icon.collection,\n      external: true,\n    },\n    overwrite: true,\n  });\n}\n"]}
+{"version":3,"file":"icon.registry.js","sourceRoot":"","sources":["../../../src/components/icon/icon.registry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Theme } from '../../theming/types.js';\nimport { ICON_REFERENCES } from './icon-references.js';\nimport { IconsStateBroadcast } from './icon-state.broadcast.js';\nimport { internalIcons } from './internal-icons-lib.js';\nimport { createIconDefaultMap } from './registry/default-map.js';\nimport { SvgIconParser } from './registry/parser.js';\nimport type {\n  IconCallback,\n  IconMeta,\n  IconReferencePair,\n  SvgIcon,\n} from './registry/types.js';\nimport { ActionType } from './registry/types.js';\n\n/**\n * Global singleton registry for managing SVG icons and their references.\n *\n * @remarks\n * The IconsRegistry class handles:\n * - Registration and storage of SVG icons in collections\n * - Icon reference/alias management with theme-based resolution\n * - Notification of icon changes to subscribed components\n * - Cross-context synchronization via BroadcastChannel\n * - Batched notifications for performance optimization\n *\n * This is a singleton managed via Symbol.for to ensure a single instance\n * across the entire application, even with multiple bundle instances.\n *\n * @internal This class is not directly exposed. Use the exported functions instead.\n */\nclass IconsRegistry {\n  /** Set of callbacks subscribed to icon change notifications */\n  private readonly _listeners = new Set<IconCallback>();\n\n  /** Set of pending icon:collection keys awaiting notification */\n  private readonly _pendingNotifications = new Set<string>();\n\n  /** Map of icon references/aliases by collection and name */\n  private readonly _references = createIconDefaultMap<string, IconMeta>();\n\n  /** Map of registered SVG icons by collection and name */\n  private readonly _collections = createIconDefaultMap<string, SvgIcon>().set(\n    'internal',\n    internalIcons\n  );\n\n  /** Parser for converting SVG text to icon metadata */\n  private readonly _svgIconParser = new SvgIconParser();\n\n  /** Broadcast channel manager for cross-context synchronization */\n  private readonly _broadcast = new IconsStateBroadcast(\n    this._collections,\n    this._references\n  );\n\n  /** Flag indicating if a notification microtask is scheduled */\n  private _notificationScheduled = false;\n\n  /**\n   * Registers an SVG icon in the registry.\n   *\n   * @param name - The unique name for the icon within its collection\n   * @param iconText - The SVG markup as a string\n   * @param collection - The collection to register the icon in (default: 'default')\n   *\n   * @remarks\n   * This method:\n   * 1. Parses the SVG text into icon metadata\n   * 2. Stores the icon in the specified collection\n   * 3. Broadcasts the registration to other contexts\n   * 4. Notifies subscribed components (batched)\n   *\n   * @throws Will throw if the SVG text is malformed\n   */\n  public register(\n    name: string,\n    iconText: string,\n    collection = 'default'\n  ): void {\n    const svgIcon = this._svgIconParser.parse(iconText);\n    this._collections.getOrCreate(collection).set(name, svgIcon);\n\n    const icons = createIconDefaultMap<string, SvgIcon>();\n    icons.getOrCreate(collection).set(name, svgIcon);\n\n    this._broadcast.send({\n      actionType: ActionType.RegisterIcon,\n      collections: icons,\n    });\n\n    this._notifyAll(name, collection);\n  }\n\n  /**\n   * Subscribes a callback to icon change notifications.\n   *\n   * @param callback - Function to call when icons are registered or updated\n   *\n   * @remarks\n   * The callback receives the icon name and collection when changes occur.\n   * Notifications are batched using microtasks for performance.\n   */\n  public subscribe(callback: IconCallback): void {\n    this._listeners.add(callback);\n  }\n\n  /**\n   * Unsubscribes a callback from icon change notifications.\n   *\n   * @param callback - The previously subscribed callback to remove\n   */\n  public unsubscribe(callback: IconCallback): void {\n    this._listeners.delete(callback);\n  }\n\n  /**\n   * Sets an icon reference/alias.\n   *\n   * @param options - Configuration for the icon reference\n   *\n   * @remarks\n   * Icon references allow icons to be aliased with different names.\n   * They can be:\n   * - User-set (external: true) - higher priority, synced across contexts\n   * - System-set (external: false) - used internally, not synced\n   *\n   * When overwrite is true, the reference is stored and subscribers are notified.\n   * When external is true, the reference is broadcast to other contexts.\n   */\n  public setIconRef(options: IconReferencePair): void {\n    const { alias, target, overwrite } = options;\n    const reference = this._references.getOrCreate(alias.collection);\n\n    if (overwrite) {\n      reference.set(alias.name, {\n        name: target.name,\n        collection: target.collection,\n        external: target.external,\n      });\n      this._notifyAll(alias.name, alias.collection);\n    }\n    if (target.external) {\n      const refs = createIconDefaultMap<string, IconMeta>();\n      refs.getOrCreate(alias.collection).set(alias.name, {\n        name: target.name,\n        collection: target.collection,\n      });\n\n      this._broadcast.send({\n        actionType: ActionType.UpdateIconReference,\n        references: refs,\n      });\n    }\n  }\n\n  /**\n   * Gets the icon reference, resolving aliases based on the provided theme.\n   *\n   * @param name - The icon name or alias\n   * @param collection - The collection name\n   * @param theme - The theme to use for resolving aliases\n   * @returns The resolved icon metadata (without the internal 'external' flag)\n   */\n  public getIconRef(name: string, collection: string, theme?: Theme): IconMeta {\n    // Check for any user-set reference first (external or internal)\n    const storedRef = this._references.get(collection)?.get(name);\n    if (storedRef) {\n      return {\n        name: storedRef.name,\n        collection: storedRef.collection,\n      };\n    }\n\n    // Resolve theme-based alias for default collection\n    if (collection === 'default' && theme) {\n      const alias = ICON_REFERENCES.find(\n        (ref) => ref.alias.name === name && ref.alias.collection === 'default'\n      );\n\n      if (alias) {\n        const target = alias.target.get(theme) ?? alias.target.get('default');\n        if (target) {\n          return target;\n        }\n      }\n    }\n\n    // Return as-is if no reference found\n    return { name, collection };\n  }\n\n  /**\n   * Retrieves an icon from the registry.\n   *\n   * @param name - The icon name\n   * @param collection - The collection name (default: 'default')\n   * @returns The SVG icon metadata, or undefined if not found\n   *\n   * @remarks\n   * Use `getIconRef` first to resolve aliases before calling this method.\n   */\n  public get(name: string, collection = 'default'): SvgIcon | undefined {\n    return this._collections.get(collection)?.get(name);\n  }\n\n  /**\n   * Schedules a batched notification for icon changes.\n   *\n   * @param name - The icon name that changed\n   * @param collection - The collection name\n   *\n   * @remarks\n   * Notifications are batched in a microtask queue to avoid excessive\n   * listener calls when multiple icons are registered synchronously.\n   * Duplicate icon:collection pairs are automatically deduplicated.\n   *\n   * @internal\n   */\n  private _notifyAll(name: string, collection: string): void {\n    const key = `${collection}:${name}`;\n    this._pendingNotifications.add(key);\n\n    if (!this._notificationScheduled) {\n      this._notificationScheduled = true;\n      queueMicrotask(() => {\n        this._flushNotifications();\n      });\n    }\n  }\n\n  /**\n   * Flushes pending notifications to all subscribed listeners.\n   *\n   * @remarks\n   * This method is called as a microtask after icons are registered.\n   * It processes all pending icon:collection pairs and notifies listeners.\n   *\n   * @internal\n   */\n  private _flushNotifications(): void {\n    const notifications = Array.from(this._pendingNotifications);\n    this._pendingNotifications.clear();\n    this._notificationScheduled = false;\n\n    for (const key of notifications) {\n      const [collection, ...nameParts] = key.split(':');\n      const name = nameParts.join(':');\n\n      for (const listener of this._listeners) {\n        listener(name, collection);\n      }\n    }\n  }\n}\n\n/** Global symbol key for the singleton registry instance */\nconst registry = Symbol.for('igc.icons-registry.instance');\n\n/** Type augmentation for globalThis to include the registry */\ntype IgcIconRegistry = typeof globalThis & {\n  [registry]?: IconsRegistry;\n};\n\n/**\n * Gets the global icon registry singleton instance.\n *\n * @returns The IconsRegistry singleton\n *\n * @remarks\n * This function ensures only one instance of the registry exists globally,\n * even across multiple bundle instances. The registry is stored on globalThis\n * using a well-known Symbol.\n *\n * @example\n * ```typescript\n * const registry = getIconRegistry();\n * registry.subscribe((name, collection) => {\n *   console.log(`Icon ${name} changed in ${collection}`);\n * });\n * ```\n */\nexport function getIconRegistry() {\n  const _global = globalThis as IgcIconRegistry;\n  if (!_global[registry]) {\n    _global[registry] = new IconsRegistry();\n  }\n  return _global[registry];\n}\n\n/**\n * Registers an icon by fetching it from a URL.\n *\n * @param name - The unique name for the icon\n * @param url - The URL to fetch the SVG icon from\n * @param collection - The collection to register the icon in (default: 'default')\n *\n * @returns A promise that resolves when the icon is registered\n *\n * @throws If the HTTP request fails or returns a non-OK status\n *\n * @remarks\n * This function fetches SVG content from the provided URL and registers it\n * in the icon registry. The icon becomes immediately available to all icon\n * components in the application.\n *\n * @example\n * ```typescript\n * // Register an icon from a URL\n * await registerIcon('custom-icon', '/assets/icons/custom.svg');\n *\n * // Use in HTML\n * // <igc-icon name=\"custom-icon\"></igc-icon>\n * ```\n */\nexport async function registerIcon(\n  name: string,\n  url: string,\n  collection = 'default'\n) {\n  const response = await fetch(url);\n\n  if (response.ok) {\n    const value = await response.text();\n    getIconRegistry().register(name, value, collection);\n  } else {\n    throw new Error(`Icon request failed. Status: ${response.status}.`);\n  }\n}\n\n/**\n * Registers an icon from SVG text content.\n *\n * @param name - The unique name for the icon\n * @param iconText - The SVG markup as a string\n * @param collection - The collection to register the icon in (default: 'default')\n *\n * @throws If the SVG text is malformed or doesn't contain an SVG element\n *\n * @remarks\n * This is the preferred method for registering icons when you have the SVG\n * content directly (e.g., from a bundled asset or inline string). The icon\n * becomes immediately available to all icon components.\n *\n * The SVG text is parsed to extract viewBox, title, and other metadata.\n *\n * @example\n * ```typescript\n * const iconSvg = '<svg viewBox=\"0 0 24 24\"><path d=\"...\"/></svg>';\n * registerIconFromText('my-icon', iconSvg, 'custom');\n *\n * // Use in HTML\n * // <igc-icon name=\"my-icon\" collection=\"custom\"></igc-icon>\n * ```\n */\nexport function registerIconFromText(\n  name: string,\n  iconText: string,\n  collection = 'default'\n) {\n  getIconRegistry().register(name, iconText, collection);\n}\n\n/**\n * Sets an icon reference/alias that points to another icon.\n *\n * @param name - The alias name\n * @param collection - The collection for the alias\n * @param icon - The target icon metadata (name and collection)\n *\n * @remarks\n * Icon references allow you to create aliases that point to other icons.\n * This is useful for:\n * - Creating semantic names (e.g., 'close' → 'x')\n * - Overriding default icon mappings\n * - Providing fallbacks for missing icons\n *\n * User-set references are marked as external and have higher priority than\n * theme-based aliases. They are also synchronized across browsing contexts.\n *\n * @example\n * ```typescript\n * // Register target icon\n * registerIconFromText('x-mark', '<svg>...</svg>');\n *\n * // Create an alias\n * setIconRef('close', 'default', {\n *   name: 'x-mark',\n *   collection: 'default'\n * });\n *\n * // Both work the same way:\n * // <igc-icon name=\"close\"></igc-icon>\n * // <igc-icon name=\"x-mark\"></igc-icon>\n * ```\n */\nexport function setIconRef(name: string, collection: string, icon: IconMeta) {\n  getIconRegistry().setIconRef({\n    alias: { name, collection },\n    target: {\n      name: icon.name,\n      collection: icon.collection,\n      external: true,\n    },\n    overwrite: true,\n  });\n}\n"]}

package/components/icon/registry/default-map.d.ts

@@ -1,12 +1,87 @@
-export declare class DefaultMap<T, U> {
-    private _defaultValue;
-    private _map;
-    constructor(defaultValue: () => U);
-    getOrCreate(key: T): U;
-    get(key: T): U | undefined;
-    set(key: T, value: U): void;
-    has(key: T): boolean;
-    toMap(): Map<T, U>;
-    entries(): MapIterator<[T, U]>;
+/**
+ * A Map that automatically creates default values for missing keys.
+ *
+ * @remarks
+ * Extends the native `Map` class with a `getOrCreate` method that returns
+ * an existing value or creates a new one using the provided factory function.
+ *
+ * @example
+ * Creating a DefaultMap with a factory function:
+ * ```typescript
+ * const map = new DefaultMap<string, number[]>(undefined, () => []);
+ * map.getOrCreate('items').push(1, 2, 3);
+ * ```
+ *
+ * @example
+ * Creating a DefaultMap with initial entries:
+ * ```typescript
+ * const initial: [string, Set<number>][] = [
+ *   ['evens', new Set([2, 4, 6])],
+ *   ['odds', new Set([1, 3, 5])],
+ * ];
+ * const map = new DefaultMap(initial, () => new Set<number>());
+ * map.getOrCreate('primes').add(2).add(3).add(5);
+ * ```
+ */
+declare class DefaultMap<K, V> extends Map<K, V> {
+    private readonly _factoryFn;
+    get [Symbol.toStringTag](): string;
+    /**
+     * Creates a new DefaultMap instance.
+     *
+     * @param entries - Optional iterable of key-value pairs to initialize the map.
+     * @param factoryFn - Factory function that creates default values for missing keys.
+     *                    Defaults to creating a new `Map` instance.
+     */
+    constructor(entries?: Iterable<readonly [K, V]>, factoryFn?: () => V);
+    /**
+     * Returns the value for the given key, creating it if it doesn't exist.
+     *
+     * @param key - The key to look up or create a value for.
+     * @returns The existing or newly created value for the key.
+     */
+    getOrCreate(key: K): V;
 }
-export declare function createIconDefaultMap<T, U>(): DefaultMap<T, Map<T, U>>;
+/**
+ * Creates a new DefaultMap with the specified entries and factory function.
+ *
+ * @param entries - Optional iterable of key-value pairs to initialize the map.
+ * @param factoryFn - Factory function that creates default values for missing keys.
+ * @returns A new DefaultMap instance.
+ *
+ * @example
+ * Creating a DefaultMap with a factory function:
+ * ```typescript
+ * const counters = createDefaultMap<string, number>(undefined, () => 0);
+ * counters.set('visits', counters.getOrCreate('visits') + 1);
+ * ```
+ *
+ * @example
+ * Creating a DefaultMap with initial entries:
+ * ```typescript
+ * const defaults: [string, string[]][] = [
+ *   ['fruits', ['apple', 'banana']],
+ *   ['vegetables', ['carrot', 'broccoli']],
+ * ];
+ * const categories = createDefaultMap(defaults, () => [] as string[]);
+ * categories.getOrCreate('dairy').push('milk', 'cheese');
+ * ```
+ */
+export declare function createDefaultMap<K, V>(entries?: Iterable<readonly [K, V]>, factoryFn?: () => V): DefaultMap<K, V>;
+/**
+ * Creates a DefaultMap for icon collections with nested Map values.
+ *
+ * @remarks
+ * This is a convenience function for creating the nested map structure
+ * used by the icon registry to organize icons by collection and name.
+ *
+ * @returns A DefaultMap where each value is itself a Map.
+ *
+ * @example
+ * ```typescript
+ * const icons = createIconDefaultMap<string, SvgIcon>();
+ * icons.getOrCreate('material').set('home', { svg: '...' });
+ * ```
+ */
+export declare function createIconDefaultMap<K, V>(): DefaultMap<K, Map<K, V>>;
+export type { DefaultMap };

package/components/icon/registry/default-map.js

@@ -1,31 +1,22 @@
-export class DefaultMap {
-    constructor(defaultValue) {
-        this._map = new Map();
-        this._defaultValue = defaultValue;
+class DefaultMap extends Map {
+    get [Symbol.toStringTag]() {
+        return 'DefaultMap';
+    }
+    constructor(entries, factoryFn) {
+        super(entries);
+        this._factoryFn = factoryFn ?? (() => new Map());
     }
     getOrCreate(key) {
-        if (!this._map.has(key)) {
-            this._map.set(key, this._defaultValue());
+        if (!this.has(key)) {
+            this.set(key, this._factoryFn());
         }
-        return this._map.get(key);
-    }
-    get(key) {
-        return this._map.get(key);
-    }
-    set(key, value) {
-        this._map.set(key, value);
-    }
-    has(key) {
-        return this._map.has(key);
-    }
-    toMap() {
-        return this._map;
-    }
-    entries() {
-        return this._map.entries();
+        return this.get(key);
     }
 }
+export function createDefaultMap(entries, factoryFn) {
+    return new DefaultMap(entries, factoryFn);
+}
 export function createIconDefaultMap() {
-    return new DefaultMap(() => new Map());
+    return new DefaultMap();
 }
 //# sourceMappingURL=default-map.js.map

package/components/icon/registry/default-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-map.js","sourceRoot":"","sources":["../../../../src/components/icon/registry/default-map.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,UAAU;IAIrB,YAAY,YAAqB;QAFzB,SAAI,GAAG,IAAI,GAAG,EAAQ,CAAC;QAG7B,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;IACpC,CAAC;IAEM,WAAW,CAAC,GAAM;QACvB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAC3C,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IACjC,CAAC;IAEM,GAAG,CAAC,GAAM;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAEM,GAAG,CAAC,GAAM,EAAE,KAAQ;QACzB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEM,GAAG,CAAC,GAAM;QACf,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAEM,KAAK;QACV,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEM,OAAO;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC;CACF;AAED,MAAM,UAAU,oBAAoB;IAClC,OAAO,IAAI,UAAU,CAAe,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;AACvD,CAAC","sourcesContent":["/* blazorSuppress */\nexport class DefaultMap<T, U> {\n  private _defaultValue: () => U;\n  private _map = new Map<T, U>();\n\n  constructor(defaultValue: () => U) {\n    this._defaultValue = defaultValue;\n  }\n\n  public getOrCreate(key: T) {\n    if (!this._map.has(key)) {\n      this._map.set(key, this._defaultValue());\n    }\n\n    return this._map.get(key) as U;\n  }\n\n  public get(key: T) {\n    return this._map.get(key);\n  }\n\n  public set(key: T, value: U) {\n    this._map.set(key, value);\n  }\n\n  public has(key: T) {\n    return this._map.has(key);\n  }\n\n  public toMap() {\n    return this._map;\n  }\n\n  public entries() {\n    return this._map.entries();\n  }\n}\n\nexport function createIconDefaultMap<T, U>() {\n  return new DefaultMap<T, Map<T, U>>(() => new Map());\n}\n"]}
+{"version":3,"file":"default-map.js","sourceRoot":"","sources":["../../../../src/components/icon/registry/default-map.ts"],"names":[],"mappings":"AAyBA,MAAM,UAAiB,SAAQ,GAAS;IAGtC,IAAoB,CAAC,MAAM,CAAC,WAAW,CAAC;QACtC,OAAO,YAAY,CAAC;IACtB,CAAC;IASD,YAAY,OAAmC,EAAE,SAAmB;QAClE,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,UAAU,GAAG,SAAS,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,EAAO,CAAC,CAAC;IACxD,CAAC;IAQM,WAAW,CAAC,GAAM;QACvB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACnB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QACnC,CAAC;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAM,CAAC;IAC5B,CAAC;CACF;AA2BD,MAAM,UAAU,gBAAgB,CAC9B,OAAmC,EACnC,SAAmB;IAEnB,OAAO,IAAI,UAAU,CAAO,OAAO,EAAE,SAAS,CAAC,CAAC;AAClD,CAAC;AAiBD,MAAM,UAAU,oBAAoB;IAClC,OAAO,IAAI,UAAU,EAAgB,CAAC;AACxC,CAAC","sourcesContent":["/**\n * A Map that automatically creates default values for missing keys.\n *\n * @remarks\n * Extends the native `Map` class with a `getOrCreate` method that returns\n * an existing value or creates a new one using the provided factory function.\n *\n * @example\n * Creating a DefaultMap with a factory function:\n * ```typescript\n * const map = new DefaultMap<string, number[]>(undefined, () => []);\n * map.getOrCreate('items').push(1, 2, 3);\n * ```\n *\n * @example\n * Creating a DefaultMap with initial entries:\n * ```typescript\n * const initial: [string, Set<number>][] = [\n *   ['evens', new Set([2, 4, 6])],\n *   ['odds', new Set([1, 3, 5])],\n * ];\n * const map = new DefaultMap(initial, () => new Set<number>());\n * map.getOrCreate('primes').add(2).add(3).add(5);\n * ```\n */\nclass DefaultMap<K, V> extends Map<K, V> {\n  private readonly _factoryFn: () => V;\n\n  public override get [Symbol.toStringTag](): string {\n    return 'DefaultMap';\n  }\n\n  /**\n   * Creates a new DefaultMap instance.\n   *\n   * @param entries - Optional iterable of key-value pairs to initialize the map.\n   * @param factoryFn - Factory function that creates default values for missing keys.\n   *                    Defaults to creating a new `Map` instance.\n   */\n  constructor(entries?: Iterable<readonly [K, V]>, factoryFn?: () => V) {\n    super(entries);\n    this._factoryFn = factoryFn ?? (() => new Map() as V);\n  }\n\n  /**\n   * Returns the value for the given key, creating it if it doesn't exist.\n   *\n   * @param key - The key to look up or create a value for.\n   * @returns The existing or newly created value for the key.\n   */\n  public getOrCreate(key: K): V {\n    if (!this.has(key)) {\n      this.set(key, this._factoryFn());\n    }\n\n    return this.get(key) as V;\n  }\n}\n\n/**\n * Creates a new DefaultMap with the specified entries and factory function.\n *\n * @param entries - Optional iterable of key-value pairs to initialize the map.\n * @param factoryFn - Factory function that creates default values for missing keys.\n * @returns A new DefaultMap instance.\n *\n * @example\n * Creating a DefaultMap with a factory function:\n * ```typescript\n * const counters = createDefaultMap<string, number>(undefined, () => 0);\n * counters.set('visits', counters.getOrCreate('visits') + 1);\n * ```\n *\n * @example\n * Creating a DefaultMap with initial entries:\n * ```typescript\n * const defaults: [string, string[]][] = [\n *   ['fruits', ['apple', 'banana']],\n *   ['vegetables', ['carrot', 'broccoli']],\n * ];\n * const categories = createDefaultMap(defaults, () => [] as string[]);\n * categories.getOrCreate('dairy').push('milk', 'cheese');\n * ```\n */\nexport function createDefaultMap<K, V>(\n  entries?: Iterable<readonly [K, V]>,\n  factoryFn?: () => V\n): DefaultMap<K, V> {\n  return new DefaultMap<K, V>(entries, factoryFn);\n}\n\n/**\n * Creates a DefaultMap for icon collections with nested Map values.\n *\n * @remarks\n * This is a convenience function for creating the nested map structure\n * used by the icon registry to organize icons by collection and name.\n *\n * @returns A DefaultMap where each value is itself a Map.\n *\n * @example\n * ```typescript\n * const icons = createIconDefaultMap<string, SvgIcon>();\n * icons.getOrCreate('material').set('home', { svg: '...' });\n * ```\n */\nexport function createIconDefaultMap<K, V>() {\n  return new DefaultMap<K, Map<K, V>>();\n}\n\nexport type { DefaultMap };\n"]}

package/components/icon/themes/dark/icon.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: bootstrap}`;
+export const styles = css `:host{--ig-theme: bootstrap;--ig-theme-variant: dark}`;
 //# sourceMappingURL=icon.bootstrap.css.js.map

package/components/icon/themes/dark/icon.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/dark/icon.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"icon.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/dark/icon.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uDAAuD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n"]}

package/components/icon/themes/dark/icon.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-500));--ig-theme: fluent}`;
+export const styles = css `:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-500));--ig-theme: fluent;--ig-theme-variant: dark}`;
 //# sourceMappingURL=icon.fluent.css.js.map

package/components/icon/themes/dark/icon.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/dark/icon.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+FAA+F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-500));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"icon.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/dark/icon.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wHAAwH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-500));--ig-theme: fluent;--ig-theme-variant: dark}`;\n"]}

package/components/icon/themes/dark/icon.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-400));--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--ig-theme: indigo}`;
+export const styles = css `:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-400));--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--ig-theme: indigo;--ig-theme-variant: dark}`;
 //# sourceMappingURL=icon.indigo.css.js.map

package/components/icon/themes/dark/icon.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/dark/icon.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8QAA8Q,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-400));--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"icon.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/dark/icon.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uSAAuS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-400));--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--ig-theme: indigo;--ig-theme-variant: dark}`;\n"]}

package/components/icon/themes/dark/icon.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: material}`;
+export const styles = css `:host{--ig-theme: material;--ig-theme-variant: dark}`;
 //# sourceMappingURL=icon.material.css.js.map

package/components/icon/themes/dark/icon.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.material.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/dark/icon.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}
+{"version":3,"file":"icon.material.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/dark/icon.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sDAAsD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material;--ig-theme-variant: dark}`;\n"]}

package/components/icon/themes/light/icon.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: bootstrap}`;
+export const styles = css `:host{--ig-theme: bootstrap;--ig-theme-variant: light}`;
 //# sourceMappingURL=icon.bootstrap.css.js.map

package/components/icon/themes/light/icon.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"icon.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap;--ig-theme-variant: light}`;\n"]}

package/components/icon/themes/light/icon.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: fluent}`;
+export const styles = css `:host{--ig-theme: fluent;--ig-theme-variant: light}`;
 //# sourceMappingURL=icon.fluent.css.js.map

package/components/icon/themes/light/icon.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"icon.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qDAAqD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent;--ig-theme-variant: light}`;\n"]}

package/components/icon/themes/light/icon.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-400));--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--ig-theme: indigo}`;
+export const styles = css `:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-400));--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--ig-theme: indigo;--ig-theme-variant: light}`;
 //# sourceMappingURL=icon.indigo.css.js.map

package/components/icon/themes/light/icon.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8QAA8Q,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-400));--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"icon.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wSAAwS,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-color: var(--ig-icon-disabled-color, var(--ig-gray-400));--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem)));--ig-theme: indigo;--ig-theme-variant: light}`;\n"]}

package/components/icon/themes/light/icon.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--ig-theme: material}`;
+export const styles = css `:host{--ig-theme: material;--ig-theme-variant: light}`;
 //# sourceMappingURL=icon.material.css.js.map

package/components/icon/themes/light/icon.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.material.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}
+{"version":3,"file":"icon.material.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uDAAuD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material;--ig-theme-variant: light}`;\n"]}

package/components/icon/themes/light/icon.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--color: var(--ig-icon-color, 'currentColor');--disabled-color: var(--ig-icon-disabled-color, 'currentColor');--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--default-size: var(--ig-icon-default-size, 3)}`;
+export const styles = css `:host{--color: var(--ig-icon-color, 'currentColor');--disabled-color: var(--ig-icon-disabled-color, 'currentColor');--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--default-size: var(--ig-icon-default-size, 3);--ig-theme-variant: light}`;
 //# sourceMappingURL=icon.shared.css.js.map

package/components/icon/themes/light/icon.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0VAA0V,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--color: var(--ig-icon-color, 'currentColor');--disabled-color: var(--ig-icon-disabled-color, 'currentColor');--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--default-size: var(--ig-icon-default-size, 3)}`;\n"]}
+{"version":3,"file":"icon.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/icon/themes/light/icon.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oXAAoX,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--color: var(--ig-icon-color, 'currentColor');--disabled-color: var(--ig-icon-disabled-color, 'currentColor');--size: var(--ig-icon-size, max(var(--is-large, 1) * max(1.5rem, -1 * 1.5rem), var(--is-medium, 1) * max(1.25rem, -1 * 1.25rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--default-size: var(--ig-icon-default-size, 3);--ig-theme-variant: light}`;\n"]}

package/components/input/themes/dark/input.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
+export const styles = css `:host{--input-prefix-background: var(--ig-input-group-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-group-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-group-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-group-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-group-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
 //# sourceMappingURL=input.bootstrap.css.js.map

package/components/input/themes/dark/input.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4jDAA4jD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qrDAAqrD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-group-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-group-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-group-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-group-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-group-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap;--ig-theme-variant: dark}`;\n"]}

package/components/input/themes/dark/input.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-input-idle-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-input-idle-secondary-color, var(--ig-gray-800));--disabled-border-color: var(--ig-input-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-800));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--placeholder-color: var(--ig-input-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-input-box-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;
+export const styles = css `:host{--input-prefix-background: var(--ig-input-group-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-input-group-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-input-group-idle-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, var(--ig-gray-800));--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-800));--border-disabled-background: var(--ig-input-group-border-disabled-background, var(--ig-gray-100));--placeholder-color: var(--ig-input-group-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-input-group-box-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-group-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-group-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent;--ig-theme-variant: dark}`;
 //# sourceMappingURL=input.fluent.css.js.map

package/components/input/themes/dark/input.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,otFAAotF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-input-idle-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-input-idle-secondary-color, var(--ig-gray-800));--disabled-border-color: var(--ig-input-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-800));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--placeholder-color: var(--ig-input-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-input-box-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,25FAA25F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-group-input-prefix-background, var(--ig-gray-50));--input-prefix-color: var(--ig-input-group-input-prefix-color, var(--ig-gray-400));--input-prefix-background--filled: var(--ig-input-group-input-prefix-background--filled, var(--ig-gray-50));--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, var(--ig-gray-400));--input-prefix-background--focused: var(--ig-input-group-input-prefix-background--focused, var(--ig-gray-50));--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, var(--ig-gray-400));--input-suffix-background: var(--ig-input-group-input-suffix-background, var(--ig-gray-50));--input-suffix-color: var(--ig-input-group-input-suffix-color, var(--ig-gray-400));--input-suffix-background--filled: var(--ig-input-group-input-suffix-background--filled, var(--ig-gray-50));--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, var(--ig-gray-400));--input-suffix-background--focused: var(--ig-input-group-input-suffix-background--focused, var(--ig-gray-50));--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-400));--idle-text-color: var(--ig-input-group-idle-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-input-group-disabled-text-color, var(--ig-gray-300));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, var(--ig-gray-800));--disabled-border-color: var(--ig-input-group-disabled-border-color, var(--ig-gray-100));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-800));--border-disabled-background: var(--ig-input-group-border-disabled-background, var(--ig-gray-100));--placeholder-color: var(--ig-input-group-placeholder-color, var(--ig-gray-400));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, var(--ig-gray-400));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, var(--ig-gray-300));--box-background: var(--ig-input-group-box-background, var(--ig-gray-100));--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-group-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-group-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent;--ig-theme-variant: dark}`;\n"]}

package/components/input/themes/dark/input.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--helper-text-color: var(--ig-input-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--text-error-color: var(--ig-input-text-error-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-color: var(--ig-input-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color: var(--ig-input-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-input-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-input-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-input-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-input-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-input-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-input-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--hover-border-color: var(--ig-input-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-input-focused-border-color, var(--ig-primary-400));--search-disabled-background: var(--ig-input-search-disabled-background, transparent);--placeholder-color: var(--ig-input-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-input-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-input-box-background, transparent);--box-background-hover: var(--ig-input-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-input-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-input-box-disabled-background, transparent);--box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;
+export const styles = css `:host{--helper-text-color: var(--ig-input-group-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--text-error-color: var(--ig-input-group-text-error-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-color: var(--ig-input-group-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--filled: var(--ig-input-group-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--focused: var(--ig-input-group-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color: var(--ig-input-group-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--filled: var(--ig-input-group-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--focused: var(--ig-input-group-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-input-group-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-input-group-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-input-group-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-input-group-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-input-group-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-input-group-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--focused-secondary-color: var(--ig-input-group-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-input-group-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-input-group-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-bottom-line-color: var(--ig-input-group-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-input-group-disabled-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--hover-border-color: var(--ig-input-group-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-input-group-focused-border-color, var(--ig-primary-400));--search-disabled-background: var(--ig-input-group-search-disabled-background, transparent);--placeholder-color: var(--ig-input-group-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-input-group-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-input-group-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--box-background: var(--ig-input-group-box-background, transparent);--box-background-hover: var(--ig-input-group-box-background-hover, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-background-focus: var(--ig-input-group-box-background-focus, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--box-disabled-background: var(--ig-input-group-box-disabled-background, transparent);--box-border-radius: var(--ig-input-group-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-input-group-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-input-group-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-input-group-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--search-resting-elevation: var(--ig-input-group-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-group-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-group-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo;--ig-theme-variant: dark}`;
 //# sourceMappingURL=input.indigo.css.js.map