aeico-components 0.1.7 → 0.1.8

package/dist/chunks/icon-button.js

@@ -1,36 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { A as AeicoComponent } from "./aeico-component.js";
-import { html } from "aeico";
-class IconButton extends AeicoComponent {
-  render() {
-    return html(({ aeButton, aeIcon }) => {
-      aeButton(
-        {
-          color: this.color,
-          variant: this.variant,
-          size: this.size,
-          disabled: this.disabled
-        },
-        () => {
-          aeIcon({ name: this.icon });
-        }
-      );
-    });
-  }
-}
-__publicField(IconButton, "tagName", "icon-button");
-__publicField(IconButton, "props", {
-  icon: { type: String },
-  size: { type: String },
-  color: { type: String },
-  variant: { type: String },
-  disabled: { type: Boolean }
-});
-__publicField(IconButton, "styles", [":host { display: contents; }"]);
-IconButton.register();
-export {
-  IconButton as I
-};
-//# sourceMappingURL=icon-button.js.map

package/dist/chunks/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.js","sources":["../../src/icon-button/icon-button.ts"],"sourcesContent":["import type { InferProps, Props } from 'aeico';\nimport AeicoComponent from '../aeico-component';\nimport { html } from 'aeico';\nimport type { IconColor } from '../icon/defines';\n// Ensure ae-button and ae-icon are registered\nimport '../button/button';\nimport '../icon/icon';\n\nexport type IconButtonVariant = 'filled' | 'outlined' | 'subtle' | 'text';\nexport type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * @deprecated Use `<ae-button>` with an `<ae-icon>` slot instead.\n *\n * ```html\n * <ae-button color=\"primary\"><ae-icon name=\"star\"></ae-icon></ae-button>\n * ```\n */\nclass IconButton extends AeicoComponent {\n  static tagName = 'icon-button';\n\n  static props: Props = {\n    icon: { type: String },\n    size: { type: String },\n    color: { type: String },\n    variant: { type: String },\n    disabled: { type: Boolean },\n  };\n\n  declare icon?: string;\n  declare size?: IconButtonSize;\n  declare color?: IconColor;\n  declare variant?: IconButtonVariant;\n  declare disabled?: boolean;\n\n  protected static styles = [':host { display: contents; }'];\n\n  protected render() {\n    return html(({ aeButton, aeIcon }) => {\n      aeButton(\n        {\n          color: this.color,\n          variant: this.variant,\n          size: this.size,\n          disabled: this.disabled,\n        },\n        () => {\n          aeIcon({ name: this.icon });\n        },\n      );\n    });\n  }\n}\n\nIconButton.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-icon-button': IconButton;\n  }\n}\n\nexport default IconButton;\nexport type IconButtonProps = InferProps<typeof IconButton>;\n"],"names":[],"mappings":";;;;;AAkBA,MAAM,mBAAmB,eAAe;AAAA,EAmB5B,SAAS;AACjB,WAAO,KAAK,CAAC,EAAE,UAAU,aAAa;AACpC;AAAA,QACE;AAAA,UACE,OAAO,KAAK;AAAA,UACZ,SAAS,KAAK;AAAA,UACd,MAAM,KAAK;AAAA,UACX,UAAU,KAAK;AAAA,QAAA;AAAA,QAEjB,MAAM;AACJ,iBAAO,EAAE,MAAM,KAAK,KAAA,CAAM;AAAA,QAC5B;AAAA,MAAA;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;AAjCE,cADI,YACG,WAAU;AAEjB,cAHI,YAGG,SAAe;AAAA,EACpB,MAAM,EAAE,MAAM,OAAA;AAAA,EACd,MAAM,EAAE,MAAM,OAAA;AAAA,EACd,OAAO,EAAE,MAAM,OAAA;AAAA,EACf,SAAS,EAAE,MAAM,OAAA;AAAA,EACjB,UAAU,EAAE,MAAM,QAAA;AAAQ;AAS5B,cAjBI,YAiBa,UAAS,CAAC,8BAA8B;AAmB3D,WAAW,SAAA;"}

package/dist/chunks/icon.cjs

@@ -1,124 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const aeicoComponent = require("./aeico-component.cjs");
-const aeico = require("aeico");
-const variables = require("./variables.cjs");
-const size = require("./size.cjs");
-const color = require("./color.cjs");
-const style = ":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  width:  1em;\n  height: 1em;\n  color: inherit;\n  flex-shrink: 0;\n  line-height: 0;\n  vertical-align: middle;\n}\n\n:host([color]) {\n  color: var(--ae-color-solid);\n}\n\n.icon-svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  fill: var(--icon-fill, currentColor);\n  stroke: var(--icon-stroke, none);\n  stroke-width: var(--icon-stroke-width, 2);\n  stroke-linecap: var(--icon-stroke-linecap, round);\n  stroke-linejoin: var(--icon-stroke-linejoin, round);\n  pointer-events: none;\n  overflow: visible;\n}\n";
-const defaultViewBox = "0 0 24 24";
-class IconRegistry {
-  /** Register user icons. Always takes priority over built-in icons. */
-  static add(icons) {
-    for (const [name, data] of Object.entries(icons)) {
-      if (typeof data === "string") {
-        this._icons.set(name, { paths: data, viewBox: defaultViewBox });
-      } else {
-        this._icons.set(name, data);
-      }
-      this._builtInKeys.delete(name);
-    }
-  }
-  /**
-   * Register built-in icons provided by the library.
-   * A built-in icon will NOT overwrite an icon already registered by the user.
-   */
-  static addBuiltIn(icons) {
-    for (const [name, data] of Object.entries(icons)) {
-      if (this._icons.has(name) && !this._builtInKeys.has(name)) continue;
-      if (typeof data === "string") {
-        this._icons.set(name, { paths: data, viewBox: defaultViewBox });
-      } else {
-        this._icons.set(name, data);
-      }
-      this._builtInKeys.add(name);
-    }
-  }
-  static get(name) {
-    return this._icons.get(name);
-  }
-  static has(name) {
-    return this._icons.has(name);
-  }
-}
-__publicField(IconRegistry, "_icons", /* @__PURE__ */ new Map());
-/** Names registered via addBuiltIn — can be overridden by user add() calls */
-__publicField(IconRegistry, "_builtInKeys", /* @__PURE__ */ new Set());
-IconRegistry.addBuiltIn({
-  copy: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z",
-  check: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z",
-  "chevron-left": "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z",
-  "chevron-right": "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z",
-  "chevron-up": "M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z",
-  "chevron-down": "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z",
-  "chevrons-left": "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z",
-  "chevrons-right": "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z",
-  close: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-});
-class Icon extends aeicoComponent.AeicoComponent {
-  render() {
-    const def = this.name ? IconRegistry.get(this.name) : void 0;
-    const numericSize = Number(this.size);
-    if (this.size !== void 0 && !isNaN(numericSize) && numericSize > 0) {
-      this.style.setProperty("font-size", `${numericSize}px`);
-    } else {
-      this.style.removeProperty("font-size");
-    }
-    if (!def) return;
-    const { paths } = def;
-    const isMultiPath = Array.isArray(paths);
-    if (!isMultiPath) {
-      const useStroke = this.stroke ?? (this.strokeWidth !== void 0 ? true : def.stroke ?? false);
-      const useStrokeWidth = this.strokeWidth ?? def.strokeWidth ?? 2;
-      if (useStroke) {
-        this.style.setProperty("--icon-fill", "none");
-        this.style.setProperty("--icon-stroke", "currentColor");
-        this.style.setProperty("--icon-stroke-width", String(useStrokeWidth));
-      } else {
-        this.style.removeProperty("--icon-fill");
-        this.style.removeProperty("--icon-stroke");
-        this.style.removeProperty("--icon-stroke-width");
-      }
-    } else {
-      this.style.removeProperty("--icon-fill");
-      this.style.removeProperty("--icon-stroke");
-      this.style.removeProperty("--icon-stroke-width");
-    }
-    return aeico.html(({ svg, path }) => {
-      svg(
-        {
-          className: "icon-svg",
-          viewBox: def.viewBox ?? defaultViewBox,
-          "aria-hidden": "true",
-          xmlns: aeicoComponent.SVG_NS
-        },
-        () => {
-          if (typeof paths === "string") {
-            path({ d: paths });
-          } else {
-            for (const p of paths) {
-              const attrs = { d: p.d };
-              if (p.fill) attrs.style = { fill: p.fill };
-              path(attrs);
-            }
-          }
-        }
-      );
-    });
-  }
-}
-__publicField(Icon, "tagName", "icon");
-__publicField(Icon, "props", {
-  name: { type: String },
-  size: { type: String },
-  color: { type: String },
-  stroke: { type: Boolean },
-  strokeWidth: { type: Number }
-});
-__publicField(Icon, "styles", [variables.variables, size.sizeCSS, color.colorCSS, style]);
-Icon.register();
-exports.Icon = Icon;
-exports.IconRegistry = IconRegistry;
-//# sourceMappingURL=icon.cjs.map

package/dist/chunks/icon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.cjs","sources":["../../src/icon/defines.ts","../../src/icon/registry.ts","../../src/icon/built-in-icons.ts","../../src/icon/icon.ts"],"sourcesContent":["export type IconSize = '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;\n\nexport type IconColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'danger'\n  | 'warning'\n  | 'info';\n\nexport interface IconPathDef {\n  d: string;\n  fill?: string;\n}\n\nexport interface IconDefinition {\n  paths: string | IconPathDef[];\n  viewBox?: string;\n  stroke?: boolean;\n  strokeWidth?: number;\n}\n\nexport const defaultViewBox = '0 0 24 24';\n\nexport type IconRegistryData = Record<string, string | IconDefinition>;\n","import { IconDefinition, IconRegistryData, defaultViewBox } from './defines';\n\nclass IconRegistry {\n  private static _icons: Map<string, IconDefinition> = new Map();\n  /** Names registered via addBuiltIn — can be overridden by user add() calls */\n  private static _builtInKeys: Set<string> = new Set();\n\n  /** Register user icons. Always takes priority over built-in icons. */\n  static add(icons: IconRegistryData) {\n    for (const [name, data] of Object.entries(icons)) {\n      if (typeof data === 'string') {\n        this._icons.set(name, { paths: data, viewBox: defaultViewBox });\n      } else {\n        this._icons.set(name, data);\n      }\n      // Mark as user-defined (removes built-in status)\n      this._builtInKeys.delete(name);\n    }\n  }\n\n  /**\n   * Register built-in icons provided by the library.\n   * A built-in icon will NOT overwrite an icon already registered by the user.\n   */\n  static addBuiltIn(icons: IconRegistryData) {\n    for (const [name, data] of Object.entries(icons)) {\n      // Skip if the user has already registered this icon\n      if (this._icons.has(name) && !this._builtInKeys.has(name)) continue;\n      if (typeof data === 'string') {\n        this._icons.set(name, { paths: data, viewBox: defaultViewBox });\n      } else {\n        this._icons.set(name, data);\n      }\n      this._builtInKeys.add(name);\n    }\n  }\n\n  static get(name: string): IconDefinition | undefined {\n    return this._icons.get(name);\n  }\n\n  static has(name: string): boolean {\n    return this._icons.has(name);\n  }\n}\n\nexport default IconRegistry;\n","/**\n * Built-in system icons used internally by aeico components.\n * These are pre-registered so components work out of the box.\n * Users can override any of them by calling IconRegistry.add({ 'name': '...' }).\n *\n * All paths use the Material Design 24×24 viewBox.\n */\nimport IconRegistry from './registry';\n\nIconRegistry.addBuiltIn({\n  copy: 'M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z',\n  check: 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z',\n  'chevron-left': 'M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z',\n  'chevron-right': 'M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z',\n  'chevron-up': 'M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z',\n  'chevron-down': 'M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z',\n  'chevrons-left': 'M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z',\n  'chevrons-right': 'M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z',\n  close:\n    'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z',\n});\n","import type { InferProps, Props } from 'aeico';\nimport { SVG_NS } from '../utils';\nimport AeicoComponent from '../aeico-component';\nimport { html } from 'aeico';\nimport styleVariables from '../styles/variables.css?inline';\nimport sizeCSS from '../styles/size.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport style from '../styles/components/icon.css?inline';\nimport type { IconSize, IconColor } from './defines';\nimport { defaultViewBox } from './defines';\nimport IconRegistry from './registry';\nimport './built-in-icons';\n\nclass Icon extends AeicoComponent {\n  static tagName = 'icon';\n\n  static props: Props = {\n    name: { type: String },\n    size: { type: String },\n    color: { type: String },\n    stroke: { type: Boolean },\n    strokeWidth: { type: Number },\n  };\n\n  declare name?: string;\n  declare size?: IconSize;\n  declare color?: IconColor;\n  declare stroke?: boolean;\n  declare strokeWidth?: number;\n\n  protected static styles = [styleVariables, sizeCSS, colorCSS, style];\n\n  protected render() {\n    const def = this.name ? IconRegistry.get(this.name) : undefined;\n\n    // Numeric size: set font-size directly (string sizes are handled by size.css)\n    const numericSize = Number(this.size);\n    if (this.size !== undefined && !isNaN(numericSize) && numericSize > 0) {\n      this.style.setProperty('font-size', `${numericSize}px`);\n    } else {\n      this.style.removeProperty('font-size');\n    }\n\n    if (!def) return;\n\n    const { paths } = def;\n    const isMultiPath = Array.isArray(paths);\n\n    // Stroke CSS variables only apply in single-path mode (component props)\n    if (!isMultiPath) {\n      const useStroke =\n        this.stroke ?? (this.strokeWidth !== undefined ? true : (def.stroke ?? false));\n      const useStrokeWidth = this.strokeWidth ?? def.strokeWidth ?? 2;\n\n      if (useStroke) {\n        this.style.setProperty('--icon-fill', 'none');\n        this.style.setProperty('--icon-stroke', 'currentColor');\n        this.style.setProperty('--icon-stroke-width', String(useStrokeWidth));\n      } else {\n        this.style.removeProperty('--icon-fill');\n        this.style.removeProperty('--icon-stroke');\n        this.style.removeProperty('--icon-stroke-width');\n      }\n    } else {\n      this.style.removeProperty('--icon-fill');\n      this.style.removeProperty('--icon-stroke');\n      this.style.removeProperty('--icon-stroke-width');\n    }\n\n    return html(({ svg, path }) => {\n      svg(\n        {\n          className: 'icon-svg',\n          viewBox: def.viewBox ?? defaultViewBox,\n          'aria-hidden': 'true',\n          xmlns: SVG_NS,\n        },\n        () => {\n          if (typeof paths === 'string') {\n            path({ d: paths });\n          } else {\n            for (const p of paths) {\n              const attrs: Record<string, unknown> = { d: p.d };\n              if (p.fill) attrs.style = { fill: p.fill };\n              path(attrs);\n            }\n          }\n        },\n      );\n    });\n  }\n}\n\nIcon.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-icon': Icon;\n  }\n}\n\nexport default Icon;\nexport type IconProps = InferProps<typeof Icon>;\n"],"names":["AeicoComponent","html","SVG_NS","styleVariables","sizeCSS","colorCSS"],"mappings":"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"}

package/dist/chunks/icon.js

@@ -1,125 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { A as AeicoComponent, S as SVG_NS } from "./aeico-component.js";
-import { html } from "aeico";
-import { v as variables } from "./variables.js";
-import { s as sizeCSS } from "./size.js";
-import { c as colorCSS } from "./color.js";
-const style = ":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  width:  1em;\n  height: 1em;\n  color: inherit;\n  flex-shrink: 0;\n  line-height: 0;\n  vertical-align: middle;\n}\n\n:host([color]) {\n  color: var(--ae-color-solid);\n}\n\n.icon-svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  fill: var(--icon-fill, currentColor);\n  stroke: var(--icon-stroke, none);\n  stroke-width: var(--icon-stroke-width, 2);\n  stroke-linecap: var(--icon-stroke-linecap, round);\n  stroke-linejoin: var(--icon-stroke-linejoin, round);\n  pointer-events: none;\n  overflow: visible;\n}\n";
-const defaultViewBox = "0 0 24 24";
-class IconRegistry {
-  /** Register user icons. Always takes priority over built-in icons. */
-  static add(icons) {
-    for (const [name, data] of Object.entries(icons)) {
-      if (typeof data === "string") {
-        this._icons.set(name, { paths: data, viewBox: defaultViewBox });
-      } else {
-        this._icons.set(name, data);
-      }
-      this._builtInKeys.delete(name);
-    }
-  }
-  /**
-   * Register built-in icons provided by the library.
-   * A built-in icon will NOT overwrite an icon already registered by the user.
-   */
-  static addBuiltIn(icons) {
-    for (const [name, data] of Object.entries(icons)) {
-      if (this._icons.has(name) && !this._builtInKeys.has(name)) continue;
-      if (typeof data === "string") {
-        this._icons.set(name, { paths: data, viewBox: defaultViewBox });
-      } else {
-        this._icons.set(name, data);
-      }
-      this._builtInKeys.add(name);
-    }
-  }
-  static get(name) {
-    return this._icons.get(name);
-  }
-  static has(name) {
-    return this._icons.has(name);
-  }
-}
-__publicField(IconRegistry, "_icons", /* @__PURE__ */ new Map());
-/** Names registered via addBuiltIn — can be overridden by user add() calls */
-__publicField(IconRegistry, "_builtInKeys", /* @__PURE__ */ new Set());
-IconRegistry.addBuiltIn({
-  copy: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z",
-  check: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z",
-  "chevron-left": "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z",
-  "chevron-right": "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z",
-  "chevron-up": "M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z",
-  "chevron-down": "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z",
-  "chevrons-left": "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z",
-  "chevrons-right": "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z",
-  close: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-});
-class Icon extends AeicoComponent {
-  render() {
-    const def = this.name ? IconRegistry.get(this.name) : void 0;
-    const numericSize = Number(this.size);
-    if (this.size !== void 0 && !isNaN(numericSize) && numericSize > 0) {
-      this.style.setProperty("font-size", `${numericSize}px`);
-    } else {
-      this.style.removeProperty("font-size");
-    }
-    if (!def) return;
-    const { paths } = def;
-    const isMultiPath = Array.isArray(paths);
-    if (!isMultiPath) {
-      const useStroke = this.stroke ?? (this.strokeWidth !== void 0 ? true : def.stroke ?? false);
-      const useStrokeWidth = this.strokeWidth ?? def.strokeWidth ?? 2;
-      if (useStroke) {
-        this.style.setProperty("--icon-fill", "none");
-        this.style.setProperty("--icon-stroke", "currentColor");
-        this.style.setProperty("--icon-stroke-width", String(useStrokeWidth));
-      } else {
-        this.style.removeProperty("--icon-fill");
-        this.style.removeProperty("--icon-stroke");
-        this.style.removeProperty("--icon-stroke-width");
-      }
-    } else {
-      this.style.removeProperty("--icon-fill");
-      this.style.removeProperty("--icon-stroke");
-      this.style.removeProperty("--icon-stroke-width");
-    }
-    return html(({ svg, path }) => {
-      svg(
-        {
-          className: "icon-svg",
-          viewBox: def.viewBox ?? defaultViewBox,
-          "aria-hidden": "true",
-          xmlns: SVG_NS
-        },
-        () => {
-          if (typeof paths === "string") {
-            path({ d: paths });
-          } else {
-            for (const p of paths) {
-              const attrs = { d: p.d };
-              if (p.fill) attrs.style = { fill: p.fill };
-              path(attrs);
-            }
-          }
-        }
-      );
-    });
-  }
-}
-__publicField(Icon, "tagName", "icon");
-__publicField(Icon, "props", {
-  name: { type: String },
-  size: { type: String },
-  color: { type: String },
-  stroke: { type: Boolean },
-  strokeWidth: { type: Number }
-});
-__publicField(Icon, "styles", [variables, sizeCSS, colorCSS, style]);
-Icon.register();
-export {
-  Icon as I,
-  IconRegistry as a
-};
-//# sourceMappingURL=icon.js.map

package/dist/chunks/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sources":["../../src/icon/defines.ts","../../src/icon/registry.ts","../../src/icon/built-in-icons.ts","../../src/icon/icon.ts"],"sourcesContent":["export type IconSize = '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;\n\nexport type IconColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'danger'\n  | 'warning'\n  | 'info';\n\nexport interface IconPathDef {\n  d: string;\n  fill?: string;\n}\n\nexport interface IconDefinition {\n  paths: string | IconPathDef[];\n  viewBox?: string;\n  stroke?: boolean;\n  strokeWidth?: number;\n}\n\nexport const defaultViewBox = '0 0 24 24';\n\nexport type IconRegistryData = Record<string, string | IconDefinition>;\n","import { IconDefinition, IconRegistryData, defaultViewBox } from './defines';\n\nclass IconRegistry {\n  private static _icons: Map<string, IconDefinition> = new Map();\n  /** Names registered via addBuiltIn — can be overridden by user add() calls */\n  private static _builtInKeys: Set<string> = new Set();\n\n  /** Register user icons. Always takes priority over built-in icons. */\n  static add(icons: IconRegistryData) {\n    for (const [name, data] of Object.entries(icons)) {\n      if (typeof data === 'string') {\n        this._icons.set(name, { paths: data, viewBox: defaultViewBox });\n      } else {\n        this._icons.set(name, data);\n      }\n      // Mark as user-defined (removes built-in status)\n      this._builtInKeys.delete(name);\n    }\n  }\n\n  /**\n   * Register built-in icons provided by the library.\n   * A built-in icon will NOT overwrite an icon already registered by the user.\n   */\n  static addBuiltIn(icons: IconRegistryData) {\n    for (const [name, data] of Object.entries(icons)) {\n      // Skip if the user has already registered this icon\n      if (this._icons.has(name) && !this._builtInKeys.has(name)) continue;\n      if (typeof data === 'string') {\n        this._icons.set(name, { paths: data, viewBox: defaultViewBox });\n      } else {\n        this._icons.set(name, data);\n      }\n      this._builtInKeys.add(name);\n    }\n  }\n\n  static get(name: string): IconDefinition | undefined {\n    return this._icons.get(name);\n  }\n\n  static has(name: string): boolean {\n    return this._icons.has(name);\n  }\n}\n\nexport default IconRegistry;\n","/**\n * Built-in system icons used internally by aeico components.\n * These are pre-registered so components work out of the box.\n * Users can override any of them by calling IconRegistry.add({ 'name': '...' }).\n *\n * All paths use the Material Design 24×24 viewBox.\n */\nimport IconRegistry from './registry';\n\nIconRegistry.addBuiltIn({\n  copy: 'M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z',\n  check: 'M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z',\n  'chevron-left': 'M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z',\n  'chevron-right': 'M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z',\n  'chevron-up': 'M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z',\n  'chevron-down': 'M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z',\n  'chevrons-left': 'M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z',\n  'chevrons-right': 'M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z',\n  close:\n    'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z',\n});\n","import type { InferProps, Props } from 'aeico';\nimport { SVG_NS } from '../utils';\nimport AeicoComponent from '../aeico-component';\nimport { html } from 'aeico';\nimport styleVariables from '../styles/variables.css?inline';\nimport sizeCSS from '../styles/size.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport style from '../styles/components/icon.css?inline';\nimport type { IconSize, IconColor } from './defines';\nimport { defaultViewBox } from './defines';\nimport IconRegistry from './registry';\nimport './built-in-icons';\n\nclass Icon extends AeicoComponent {\n  static tagName = 'icon';\n\n  static props: Props = {\n    name: { type: String },\n    size: { type: String },\n    color: { type: String },\n    stroke: { type: Boolean },\n    strokeWidth: { type: Number },\n  };\n\n  declare name?: string;\n  declare size?: IconSize;\n  declare color?: IconColor;\n  declare stroke?: boolean;\n  declare strokeWidth?: number;\n\n  protected static styles = [styleVariables, sizeCSS, colorCSS, style];\n\n  protected render() {\n    const def = this.name ? IconRegistry.get(this.name) : undefined;\n\n    // Numeric size: set font-size directly (string sizes are handled by size.css)\n    const numericSize = Number(this.size);\n    if (this.size !== undefined && !isNaN(numericSize) && numericSize > 0) {\n      this.style.setProperty('font-size', `${numericSize}px`);\n    } else {\n      this.style.removeProperty('font-size');\n    }\n\n    if (!def) return;\n\n    const { paths } = def;\n    const isMultiPath = Array.isArray(paths);\n\n    // Stroke CSS variables only apply in single-path mode (component props)\n    if (!isMultiPath) {\n      const useStroke =\n        this.stroke ?? (this.strokeWidth !== undefined ? true : (def.stroke ?? false));\n      const useStrokeWidth = this.strokeWidth ?? def.strokeWidth ?? 2;\n\n      if (useStroke) {\n        this.style.setProperty('--icon-fill', 'none');\n        this.style.setProperty('--icon-stroke', 'currentColor');\n        this.style.setProperty('--icon-stroke-width', String(useStrokeWidth));\n      } else {\n        this.style.removeProperty('--icon-fill');\n        this.style.removeProperty('--icon-stroke');\n        this.style.removeProperty('--icon-stroke-width');\n      }\n    } else {\n      this.style.removeProperty('--icon-fill');\n      this.style.removeProperty('--icon-stroke');\n      this.style.removeProperty('--icon-stroke-width');\n    }\n\n    return html(({ svg, path }) => {\n      svg(\n        {\n          className: 'icon-svg',\n          viewBox: def.viewBox ?? defaultViewBox,\n          'aria-hidden': 'true',\n          xmlns: SVG_NS,\n        },\n        () => {\n          if (typeof paths === 'string') {\n            path({ d: paths });\n          } else {\n            for (const p of paths) {\n              const attrs: Record<string, unknown> = { d: p.d };\n              if (p.fill) attrs.style = { fill: p.fill };\n              path(attrs);\n            }\n          }\n        },\n      );\n    });\n  }\n}\n\nIcon.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-icon': Icon;\n  }\n}\n\nexport default Icon;\nexport type IconProps = InferProps<typeof Icon>;\n"],"names":["styleVariables"],"mappings":"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"}