aeico-components 0.1.5 → 0.1.7

package/dist/copy-button.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const copyButton = require("./chunks/copy-button.cjs");
+exports.CopyButton = copyButton.CopyButton;
+exports.default = copyButton.CopyButton;
+//# sourceMappingURL=copy-button.cjs.map

package/dist/copy-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/copy-button.js

@@ -0,0 +1,6 @@
+import { C, C as C2 } from "./chunks/copy-button.js";
+export {
+  C as CopyButton,
+  C2 as default
+};
+//# sourceMappingURL=copy-button.js.map

package/dist/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/detail-group.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const detailGroup = require("./chunks/detail-group.cjs");
+exports.DetailGroup = detailGroup.DetailGroup;
+exports.default = detailGroup.DetailGroup;
+//# sourceMappingURL=detail-group.cjs.map

package/dist/detail-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-group.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/detail-group.js

@@ -0,0 +1,6 @@
+import { D, D as D2 } from "./chunks/detail-group.js";
+export {
+  D as DetailGroup,
+  D2 as default
+};
+//# sourceMappingURL=detail-group.js.map

package/dist/detail-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/drawer.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const drawer = require("./chunks/drawer.cjs");
+exports.Drawer = drawer.Drawer;
+exports.default = drawer.Drawer;
+//# sourceMappingURL=drawer.cjs.map

package/dist/drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/drawer.js

@@ -0,0 +1,6 @@
+import { D, D as D2 } from "./chunks/drawer.js";
+export {
+  D as Drawer,
+  D2 as default
+};
+//# sourceMappingURL=drawer.js.map

package/dist/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/dropdown.js

@@ -1,7 +1,7 @@
-import { D, a, b } from "./chunks/dropdown-button.js";
+import { a, b, D } from "./chunks/dropdown-button.js";
 export {
-  D as DropdownButton,
-  a as DropdownItem,
-  b as default
+  a as DropdownButton,
+  b as DropdownItem,
+  D as default
 };
 //# sourceMappingURL=dropdown.js.map

package/dist/index.cjs

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const textInput = require("./chunks/text-input.cjs");
+const numberInput = require("./chunks/number-input.cjs");
+const textarea = require("./chunks/textarea.cjs");
 const select = require("./chunks/select.cjs");
 const slider = require("./chunks/slider.cjs");
 const checkbox = require("./chunks/checkbox.cjs");
@@ -8,118 +10,31 @@ const radio = require("./chunks/radio.cjs");
 const _switch = require("./chunks/switch.cjs");
 const breadcrumbItem = require("./chunks/breadcrumb-item.cjs");
 const button = require("./chunks/button.cjs");
+const copyButton = require("./chunks/copy-button.cjs");
 const dropdownButton = require("./chunks/dropdown-button.cjs");
 const buttonGroup = require("./chunks/button-group.cjs");
 const badge = require("./chunks/badge.cjs");
 const tag = require("./chunks/tag.cjs");
 const alert = require("./chunks/alert.cjs");
 const dialog = require("./chunks/dialog.cjs");
+const drawer = require("./chunks/drawer.cjs");
 const icon = require("./chunks/icon.cjs");
 const iconButton = require("./chunks/icon-button.cjs");
 const tabPanel = require("./chunks/tab-panel.cjs");
 const divider = require("./chunks/divider.cjs");
 const card = require("./chunks/card.cjs");
 const navbar = require("./chunks/navbar.cjs");
+const spinner = require("./chunks/spinner.cjs");
 const detail = require("./chunks/detail.cjs");
-const aeico = require("aeico");
-const aeicoComponent = require("./chunks/aeico-component.cjs");
-const variables = require("./chunks/variables.cjs");
-const color = require("./chunks/color.cjs");
-const style = ":host {\n  display: block;\n  --progress-height: 8px;\n  --color-solid: var(--color-primary);\n}\n\n.progress-track {\n  width: 100%;\n  height: var(--progress-height);\n  background: var(--border-subtle);\n  border-radius: calc(var(--progress-height) / 2);\n  overflow: hidden;\n}\n\n.progress-bar {\n  display: block;\n  height: 100%;\n  border-radius: inherit;\n  background: var(--progress-bar-color, var(--color-solid));\n  width: 0%;\n  transition: width 0.35s ease;\n  position: relative;\n}\n\n/* animated: shimmer sweep on top of the solid fill */\n:host([animated]) .progress-bar::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.35) 50%,\n    transparent 100%\n  );\n  background-size: 200% 100%;\n  animation: progress-shimmer 1.4s linear infinite;\n}\n\n@keyframes progress-shimmer {\n  0%   { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decoratorStart = (base) => [, , , __create((base == null ? void 0 : base[__knownSymbol("metadata")]) ?? null)];
-var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
-var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
-var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
-var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
-var __runInitializers = (array, flags, self, value) => {
-  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
-  return value;
-};
-var __decorateElement = (array, flags, name, decorators, target, extra) => {
-  var fn, it, done, ctx, access, k = flags & 7, s = false, p = false;
-  var j = array.length + 1, key = __decoratorStrings[k + 5];
-  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
-  var desc = (target = target.prototype, __getOwnPropDesc({ get [name]() {
-    return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
-  } }, name));
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
-    {
-      ctx.static = s, ctx.private = p, access = ctx.access = { has: (x) => name in x };
-      access.get = (x) => x[name];
-      access.set = (x, y) => x[name] = y;
-    }
-    it = (0, decorators[i])({ get: desc.get, set: desc.set }, ctx), done._ = 1;
-    if (it === void 0) __expectFn(it) && (desc[key] = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
-  }
-  return desc && __defProp(target, name, desc), target;
-};
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _animated_dec, _color_dec, _label_dec, _value_dec, _a, _init, _value, _label, _color, _animated;
-class ProgressBar extends (_a = aeicoComponent.AeicoComponent, _value_dec = [aeico.prop({ type: Number })], _label_dec = [aeico.prop({ type: String })], _color_dec = [aeico.prop({ type: String })], _animated_dec = [aeico.prop({ type: Boolean })], _a) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _value, __runInitializers(_init, 8, this, 0)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _label, __runInitializers(_init, 12, this, "")), __runInitializers(_init, 15, this);
-    __privateAdd(this, _color, __runInitializers(_init, 16, this, "primary")), __runInitializers(_init, 19, this);
-    __privateAdd(this, _animated, __runInitializers(_init, 20, this, false)), __runInitializers(_init, 23, this);
-  }
-  render() {
-    const clamped = Math.min(100, Math.max(0, this.value));
-    return aeico.html(({ div, span }) => {
-      div({ part: "base" }, () => {
-        div(
-          {
-            part: "track",
-            className: "progress-track",
-            role: "progressbar",
-            "aria-valuenow": String(clamped),
-            "aria-valuemin": "0",
-            "aria-valuemax": "100",
-            ...this.label ? { "aria-label": this.label } : {}
-          },
-          () => {
-            span({
-              part: "bar",
-              className: "progress-bar",
-              style: { width: `${clamped}%` }
-            });
-          }
-        );
-      });
-    });
-  }
-}
-_init = __decoratorStart(_a);
-_value = /* @__PURE__ */ new WeakMap();
-_label = /* @__PURE__ */ new WeakMap();
-_color = /* @__PURE__ */ new WeakMap();
-_animated = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "value", _value_dec, ProgressBar, _value);
-__decorateElement(_init, 4, "label", _label_dec, ProgressBar, _label);
-__decorateElement(_init, 4, "color", _color_dec, ProgressBar, _color);
-__decorateElement(_init, 4, "animated", _animated_dec, ProgressBar, _animated);
-__decoratorMetadata(_init, ProgressBar);
-__publicField(ProgressBar, "tagName", "progress-bar");
-__publicField(ProgressBar, "styles", [variables.styleVariables, color.colorCSS, style]);
-ProgressBar.register();
+const detailGroup = require("./chunks/detail-group.cjs");
+const progressBar = require("./chunks/progress-bar.cjs");
+const menu = require("./chunks/menu.cjs");
+const tooltip = require("./chunks/tooltip.cjs");
+const pagination = require("./chunks/pagination.cjs");
+const tree = require("./chunks/tree.cjs");
 exports.TextInput = textInput.TextInput;
+exports.NumberInput = numberInput.NumberInput;
+exports.Textarea = textarea.Textarea;
 exports.Select = select.Select;
 exports.Slider = slider.Slider;
 exports.Checkbox = checkbox.Checkbox;
@@ -129,6 +44,7 @@ exports.Switch = _switch.Switch;
 exports.Breadcrumb = breadcrumbItem.Breadcrumb;
 exports.BreadcrumbItem = breadcrumbItem.BreadcrumbItem;
 exports.Button = button.Button;
+exports.CopyButton = copyButton.CopyButton;
 exports.Dropdown = dropdownButton.Dropdown;
 exports.DropdownButton = dropdownButton.DropdownButton;
 exports.DropdownItem = dropdownButton.DropdownItem;
@@ -137,6 +53,7 @@ exports.Badge = badge.Badge;
 exports.Tag = tag.Tag;
 exports.Alert = alert.Alert;
 exports.Dialog = dialog.Dialog;
+exports.Drawer = drawer.Drawer;
 exports.Icon = icon.Icon;
 exports.IconRegistry = icon.IconRegistry;
 exports.IconButton = iconButton.IconButton;
@@ -146,6 +63,14 @@ exports.Tabs = tabPanel.Tabs;
 exports.Divider = divider.Divider;
 exports.Card = card.Card;
 exports.Navbar = navbar.Navbar;
+exports.Spinner = spinner.Spinner;
 exports.Detail = detail.Detail;
-exports.ProgressBar = ProgressBar;
+exports.DetailGroup = detailGroup.DetailGroup;
+exports.ProgressBar = progressBar.ProgressBar;
+exports.Menu = menu.Menu;
+exports.MenuItem = menu.MenuItem;
+exports.Tooltip = tooltip.Tooltip;
+exports.Pagination = pagination.Pagination;
+exports.Tree = tree.Tree;
+exports.TreeItem = tree.TreeItem;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/progress-bar/progress-bar.ts"],"sourcesContent":["import type { InferProps } from 'aeico';\nimport { html, prop } from 'aeico';\nimport AeicoComponent from '../aeico-component';\nimport styleVariables from '../styles/variables.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport style from '../styles/components/progress-bar.css?inline';\nimport type { ProgressBarColor } from './defines';\n\n/**\n * Progress bars show how far along an ongoing operation is as a horizontal fill.\n * Use them for file uploads, multi-step flows, or any task with measurable progress.\n *\n * @prop {number} value - Completion percentage, automatically clamped to 0–100.\n * @prop {string} label - Accessible label applied as `aria-label` on the track.\n * @prop {'default'|'primary'|'secondary'|'success'|'danger'|'warning'|'info'} color\n *   - Preset color variant driven by the shared color system.\n * @prop {boolean} animated - When set, overlays a shimmer sweep animation on the bar.\n *\n * @csspart base - The outermost wrapper `<div>`.\n * @csspart track - The background track `<div>`.\n * @csspart bar - The filled progress `<span>`.\n *\n * @cssproperty [--progress-height=8px] - Height of both the track and the bar.\n * @cssproperty [--progress-bar-color=var(--color-solid)] - Fill color of the bar.\n *   When set, takes precedence over the `color` prop entirely.\n */\nclass ProgressBar extends AeicoComponent {\n  static tagName = 'progress-bar';\n  protected static styles = [styleVariables, colorCSS, style];\n\n  @prop({ type: Number })\n  accessor value: number = 0;\n\n  @prop({ type: String })\n  accessor label: string = '';\n\n  @prop({ type: String })\n  accessor color: ProgressBarColor = 'primary';\n\n  @prop({ type: Boolean })\n  accessor animated: boolean = false;\n\n  protected render() {\n    const clamped = Math.min(100, Math.max(0, this.value));\n\n    return html(({ div, span }) => {\n      div({ part: 'base' }, () => {\n        div(\n          {\n            part: 'track',\n            className: 'progress-track',\n            role: 'progressbar',\n            'aria-valuenow': String(clamped),\n            'aria-valuemin': '0',\n            'aria-valuemax': '100',\n            ...(this.label ? { 'aria-label': this.label } : {}),\n          },\n          () => {\n            span({\n              part: 'bar',\n              className: 'progress-bar',\n              style: { width: `${clamped}%` },\n            });\n          },\n        );\n      });\n    });\n  }\n}\n\nProgressBar.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-progress-bar': ProgressBar;\n  }\n}\n\nexport default ProgressBar;\nexport type ProgressBarProps = InferProps<typeof ProgressBar>;\n"],"names":["AeicoComponent","prop","html","styleVariables","colorCSS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,eAAA,YAAA,YAAA,YAAA,IAAA,OAAA,QAAA,QAAA,QAAA;AA0BA,MAAM,qBAAoB,KAAAA,eAAAA,gBAIxB,aAAA,CAACC,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,aAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,aAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,gBAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,QAAA,CAAS,IAbC,IAAe;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AAKE,iBAAA,MAAS,QAAgB,kBAAzB,OAAA,GAAA,MAAyB,CAAA,CAAA,GAAzB,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAgB,kBAAzB,OAAA,IAAA,MAAyB,EAAA,CAAA,GAAzB,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAA0B,kBAAnC,OAAA,IAAA,MAAmC,SAAA,CAAA,GAAnC,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,WAAoB,kBAA7B,OAAA,IAAA,MAA6B,KAAA,CAAA,GAA7B,kBAAA,OAAA,IAAA,IAAA;AAAA,EAAA;AAAA,EAEU,SAAS;AACjB,UAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,KAAK,CAAC;AAErD,WAAOC,WAAK,CAAC,EAAE,KAAK,WAAW;AAC7B,UAAI,EAAE,MAAM,OAAA,GAAU,MAAM;AAC1B;AAAA,UACE;AAAA,YACE,MAAM;AAAA,YACN,WAAW;AAAA,YACX,MAAM;AAAA,YACN,iBAAiB,OAAO,OAAO;AAAA,YAC/B,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,GAAI,KAAK,QAAQ,EAAE,cAAc,KAAK,MAAA,IAAU,CAAA;AAAA,UAAC;AAAA,UAEnD,MAAM;AACJ,iBAAK;AAAA,cACH,MAAM;AAAA,cACN,WAAW;AAAA,cACX,OAAO,EAAE,OAAO,GAAG,OAAO,IAAA;AAAA,YAAI,CAC/B;AAAA,UACH;AAAA,QAAA;AAAA,MAEJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AA1CA,QAAA,iBAAA,EAAA;AAKW,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,YAAA,oBAAA,QAAA;AATT,kBAAA,OAAA,GAAS,SADT,YAJI,aAKK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YAPI,aAQK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YAVI,aAWK,MAAA;AAGT,kBAAA,OAAA,GAAS,YADT,eAbI,aAcK,SAAA;AAdX,oBAAA,OAAM,WAAA;AACJ,cADI,aACG,WAAU,cAAA;AACjB,cAFI,aAEa,UAAS,CAACC,UAAAA,gBAAgBC,MAAAA,UAAU,KAAK,CAAA;AA0C5D,YAAY,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,4 +1,6 @@
 import { T } from "./chunks/text-input.js";
+import { N } from "./chunks/number-input.js";
+import { T as T2 } from "./chunks/textarea.js";
 import { S } from "./chunks/select.js";
 import { S as S2 } from "./chunks/slider.js";
 import { C } from "./chunks/checkbox.js";
@@ -6,117 +8,28 @@ import { R, a } from "./chunks/radio.js";
 import { S as S3 } from "./chunks/switch.js";
 import { B, a as a2 } from "./chunks/breadcrumb-item.js";
 import { B as B2 } from "./chunks/button.js";
-import { b, D, a as a3 } from "./chunks/dropdown-button.js";
+import { C as C2 } from "./chunks/copy-button.js";
+import { D, a as a3, b } from "./chunks/dropdown-button.js";
 import { B as B3 } from "./chunks/button-group.js";
 import { B as B4 } from "./chunks/badge.js";
-import { T as T2 } from "./chunks/tag.js";
+import { T as T3 } from "./chunks/tag.js";
 import { A } from "./chunks/alert.js";
 import { D as D2 } from "./chunks/dialog.js";
+import { D as D3 } from "./chunks/drawer.js";
 import { I, a as a4 } from "./chunks/icon.js";
 import { I as I2 } from "./chunks/icon-button.js";
-import { T as T3, a as a5, b as b2 } from "./chunks/tab-panel.js";
-import { D as D3 } from "./chunks/divider.js";
-import { C as C2 } from "./chunks/card.js";
-import { N } from "./chunks/navbar.js";
-import { D as D4 } from "./chunks/detail.js";
-import { prop, html } from "aeico";
-import { A as AeicoComponent } from "./chunks/aeico-component.js";
-import { s as styleVariables } from "./chunks/variables.js";
-import { c as colorCSS } from "./chunks/color.js";
-const style = ":host {\n  display: block;\n  --progress-height: 8px;\n  --color-solid: var(--color-primary);\n}\n\n.progress-track {\n  width: 100%;\n  height: var(--progress-height);\n  background: var(--border-subtle);\n  border-radius: calc(var(--progress-height) / 2);\n  overflow: hidden;\n}\n\n.progress-bar {\n  display: block;\n  height: 100%;\n  border-radius: inherit;\n  background: var(--progress-bar-color, var(--color-solid));\n  width: 0%;\n  transition: width 0.35s ease;\n  position: relative;\n}\n\n/* animated: shimmer sweep on top of the solid fill */\n:host([animated]) .progress-bar::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.35) 50%,\n    transparent 100%\n  );\n  background-size: 200% 100%;\n  animation: progress-shimmer 1.4s linear infinite;\n}\n\n@keyframes progress-shimmer {\n  0%   { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decoratorStart = (base) => [, , , __create((base == null ? void 0 : base[__knownSymbol("metadata")]) ?? null)];
-var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
-var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
-var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
-var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
-var __runInitializers = (array, flags, self, value) => {
-  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
-  return value;
-};
-var __decorateElement = (array, flags, name, decorators, target, extra) => {
-  var fn, it, done, ctx, access, k = flags & 7, s = false, p = false;
-  var j = array.length + 1, key = __decoratorStrings[k + 5];
-  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
-  var desc = (target = target.prototype, __getOwnPropDesc({ get [name]() {
-    return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
-  } }, name));
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
-    {
-      ctx.static = s, ctx.private = p, access = ctx.access = { has: (x) => name in x };
-      access.get = (x) => x[name];
-      access.set = (x, y) => x[name] = y;
-    }
-    it = (0, decorators[i])({ get: desc.get, set: desc.set }, ctx), done._ = 1;
-    if (it === void 0) __expectFn(it) && (desc[key] = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
-  }
-  return desc && __defProp(target, name, desc), target;
-};
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _animated_dec, _color_dec, _label_dec, _value_dec, _a, _init, _value, _label, _color, _animated;
-class ProgressBar extends (_a = AeicoComponent, _value_dec = [prop({ type: Number })], _label_dec = [prop({ type: String })], _color_dec = [prop({ type: String })], _animated_dec = [prop({ type: Boolean })], _a) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _value, __runInitializers(_init, 8, this, 0)), __runInitializers(_init, 11, this);
-    __privateAdd(this, _label, __runInitializers(_init, 12, this, "")), __runInitializers(_init, 15, this);
-    __privateAdd(this, _color, __runInitializers(_init, 16, this, "primary")), __runInitializers(_init, 19, this);
-    __privateAdd(this, _animated, __runInitializers(_init, 20, this, false)), __runInitializers(_init, 23, this);
-  }
-  render() {
-    const clamped = Math.min(100, Math.max(0, this.value));
-    return html(({ div, span }) => {
-      div({ part: "base" }, () => {
-        div(
-          {
-            part: "track",
-            className: "progress-track",
-            role: "progressbar",
-            "aria-valuenow": String(clamped),
-            "aria-valuemin": "0",
-            "aria-valuemax": "100",
-            ...this.label ? { "aria-label": this.label } : {}
-          },
-          () => {
-            span({
-              part: "bar",
-              className: "progress-bar",
-              style: { width: `${clamped}%` }
-            });
-          }
-        );
-      });
-    });
-  }
-}
-_init = __decoratorStart(_a);
-_value = /* @__PURE__ */ new WeakMap();
-_label = /* @__PURE__ */ new WeakMap();
-_color = /* @__PURE__ */ new WeakMap();
-_animated = /* @__PURE__ */ new WeakMap();
-__decorateElement(_init, 4, "value", _value_dec, ProgressBar, _value);
-__decorateElement(_init, 4, "label", _label_dec, ProgressBar, _label);
-__decorateElement(_init, 4, "color", _color_dec, ProgressBar, _color);
-__decorateElement(_init, 4, "animated", _animated_dec, ProgressBar, _animated);
-__decoratorMetadata(_init, ProgressBar);
-__publicField(ProgressBar, "tagName", "progress-bar");
-__publicField(ProgressBar, "styles", [styleVariables, colorCSS, style]);
-ProgressBar.register();
+import { T as T4, a as a5, b as b2 } from "./chunks/tab-panel.js";
+import { D as D4 } from "./chunks/divider.js";
+import { C as C3 } from "./chunks/card.js";
+import { N as N2 } from "./chunks/navbar.js";
+import { S as S4 } from "./chunks/spinner.js";
+import { D as D5 } from "./chunks/detail.js";
+import { D as D6 } from "./chunks/detail-group.js";
+import { P } from "./chunks/progress-bar.js";
+import { M, a as a6 } from "./chunks/menu.js";
+import { T as T5 } from "./chunks/tooltip.js";
+import { P as P2 } from "./chunks/pagination.js";
+import { T as T6, a as a7 } from "./chunks/tree.js";
 export {
   A as Alert,
   B4 as Badge,
@@ -124,28 +37,40 @@ export {
   a2 as BreadcrumbItem,
   B2 as Button,
   B3 as ButtonGroup,
-  C2 as Card,
+  C3 as Card,
   C as Checkbox,
-  D4 as Detail,
+  C2 as CopyButton,
+  D5 as Detail,
+  D6 as DetailGroup,
   D2 as Dialog,
-  D3 as Divider,
-  b as Dropdown,
-  D as DropdownButton,
-  a3 as DropdownItem,
+  D4 as Divider,
+  D3 as Drawer,
+  D as Dropdown,
+  a3 as DropdownButton,
+  b as DropdownItem,
   I as Icon,
   I2 as IconButton,
   a4 as IconRegistry,
-  N as Navbar,
-  ProgressBar,
+  M as Menu,
+  a6 as MenuItem,
+  N2 as Navbar,
+  N as NumberInput,
+  P2 as Pagination,
+  P as ProgressBar,
   R as Radio,
   a as RadioGroup,
   S as Select,
   S2 as Slider,
+  S4 as Spinner,
   S3 as Switch,
-  T3 as Tab,
+  T4 as Tab,
   a5 as TabPanel,
   b2 as Tabs,
-  T2 as Tag,
-  T as TextInput
+  T3 as Tag,
+  T as TextInput,
+  T2 as Textarea,
+  T5 as Tooltip,
+  T6 as Tree,
+  a7 as TreeItem
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/progress-bar/progress-bar.ts"],"sourcesContent":["import type { InferProps } from 'aeico';\nimport { html, prop } from 'aeico';\nimport AeicoComponent from '../aeico-component';\nimport styleVariables from '../styles/variables.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport style from '../styles/components/progress-bar.css?inline';\nimport type { ProgressBarColor } from './defines';\n\n/**\n * Progress bars show how far along an ongoing operation is as a horizontal fill.\n * Use them for file uploads, multi-step flows, or any task with measurable progress.\n *\n * @prop {number} value - Completion percentage, automatically clamped to 0–100.\n * @prop {string} label - Accessible label applied as `aria-label` on the track.\n * @prop {'default'|'primary'|'secondary'|'success'|'danger'|'warning'|'info'} color\n *   - Preset color variant driven by the shared color system.\n * @prop {boolean} animated - When set, overlays a shimmer sweep animation on the bar.\n *\n * @csspart base - The outermost wrapper `<div>`.\n * @csspart track - The background track `<div>`.\n * @csspart bar - The filled progress `<span>`.\n *\n * @cssproperty [--progress-height=8px] - Height of both the track and the bar.\n * @cssproperty [--progress-bar-color=var(--color-solid)] - Fill color of the bar.\n *   When set, takes precedence over the `color` prop entirely.\n */\nclass ProgressBar extends AeicoComponent {\n  static tagName = 'progress-bar';\n  protected static styles = [styleVariables, colorCSS, style];\n\n  @prop({ type: Number })\n  accessor value: number = 0;\n\n  @prop({ type: String })\n  accessor label: string = '';\n\n  @prop({ type: String })\n  accessor color: ProgressBarColor = 'primary';\n\n  @prop({ type: Boolean })\n  accessor animated: boolean = false;\n\n  protected render() {\n    const clamped = Math.min(100, Math.max(0, this.value));\n\n    return html(({ div, span }) => {\n      div({ part: 'base' }, () => {\n        div(\n          {\n            part: 'track',\n            className: 'progress-track',\n            role: 'progressbar',\n            'aria-valuenow': String(clamped),\n            'aria-valuemin': '0',\n            'aria-valuemax': '100',\n            ...(this.label ? { 'aria-label': this.label } : {}),\n          },\n          () => {\n            span({\n              part: 'bar',\n              className: 'progress-bar',\n              style: { width: `${clamped}%` },\n            });\n          },\n        );\n      });\n    });\n  }\n}\n\nProgressBar.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-progress-bar': ProgressBar;\n  }\n}\n\nexport default ProgressBar;\nexport type ProgressBarProps = InferProps<typeof ProgressBar>;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,eAAA,YAAA,YAAA,YAAA,IAAA,OAAA,QAAA,QAAA,QAAA;AA0BA,MAAM,qBAAoB,KAAA,gBAIxB,aAAA,CAAC,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,aAAA,CAAC,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,aAAA,CAAC,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,gBAAA,CAAC,KAAK,EAAE,MAAM,QAAA,CAAS,IAbC,IAAe;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AAKE,iBAAA,MAAS,QAAgB,kBAAzB,OAAA,GAAA,MAAyB,CAAA,CAAA,GAAzB,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAgB,kBAAzB,OAAA,IAAA,MAAyB,EAAA,CAAA,GAAzB,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAA0B,kBAAnC,OAAA,IAAA,MAAmC,SAAA,CAAA,GAAnC,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,WAAoB,kBAA7B,OAAA,IAAA,MAA6B,KAAA,CAAA,GAA7B,kBAAA,OAAA,IAAA,IAAA;AAAA,EAAA;AAAA,EAEU,SAAS;AACjB,UAAM,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,KAAK,CAAC;AAErD,WAAO,KAAK,CAAC,EAAE,KAAK,WAAW;AAC7B,UAAI,EAAE,MAAM,OAAA,GAAU,MAAM;AAC1B;AAAA,UACE;AAAA,YACE,MAAM;AAAA,YACN,WAAW;AAAA,YACX,MAAM;AAAA,YACN,iBAAiB,OAAO,OAAO;AAAA,YAC/B,iBAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,GAAI,KAAK,QAAQ,EAAE,cAAc,KAAK,MAAA,IAAU,CAAA;AAAA,UAAC;AAAA,UAEnD,MAAM;AACJ,iBAAK;AAAA,cACH,MAAM;AAAA,cACN,WAAW;AAAA,cACX,OAAO,EAAE,OAAO,GAAG,OAAO,IAAA;AAAA,YAAI,CAC/B;AAAA,UACH;AAAA,QAAA;AAAA,MAEJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AA1CA,QAAA,iBAAA,EAAA;AAKW,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,YAAA,oBAAA,QAAA;AATT,kBAAA,OAAA,GAAS,SADT,YAJI,aAKK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YAPI,aAQK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YAVI,aAWK,MAAA;AAGT,kBAAA,OAAA,GAAS,YADT,eAbI,aAcK,SAAA;AAdX,oBAAA,OAAM,WAAA;AACJ,cADI,aACG,WAAU,cAAA;AACjB,cAFI,aAEa,UAAS,CAAC,gBAAgB,UAAU,KAAK,CAAA;AA0C5D,YAAY,SAAA;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/menu.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const menu = require("./chunks/menu.cjs");
+exports.Menu = menu.Menu;
+exports.MenuItem = menu.MenuItem;
+//# sourceMappingURL=menu.cjs.map

package/dist/menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/menu.js

@@ -0,0 +1,6 @@
+import { M, a } from "./chunks/menu.js";
+export {
+  M as Menu,
+  a as MenuItem
+};
+//# sourceMappingURL=menu.js.map

package/dist/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/number-input.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const numberInput = require("./chunks/number-input.cjs");
+exports.NumberInput = numberInput.NumberInput;
+exports.default = numberInput.NumberInput;
+//# sourceMappingURL=number-input.cjs.map

package/dist/number-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/number-input.js

@@ -0,0 +1,6 @@
+import { N, N as N2 } from "./chunks/number-input.js";
+export {
+  N as NumberInput,
+  N2 as default
+};
+//# sourceMappingURL=number-input.js.map

package/dist/number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/pagination.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const pagination = require("./chunks/pagination.cjs");
+exports.Pagination = pagination.Pagination;
+exports.default = pagination.Pagination;
+//# sourceMappingURL=pagination.cjs.map

package/dist/pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/pagination.js

@@ -0,0 +1,6 @@
+import { P, P as P2 } from "./chunks/pagination.js";
+export {
+  P as Pagination,
+  P2 as default
+};
+//# sourceMappingURL=pagination.js.map

package/dist/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/progress-bar.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const progressBar = require("./chunks/progress-bar.cjs");
+exports.ProgressBar = progressBar.ProgressBar;
+exports.default = progressBar.ProgressBar;
+//# sourceMappingURL=progress-bar.cjs.map

package/dist/progress-bar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/progress-bar.js

@@ -0,0 +1,6 @@
+import { P, P as P2 } from "./chunks/progress-bar.js";
+export {
+  P as ProgressBar,
+  P2 as default
+};
+//# sourceMappingURL=progress-bar.js.map

package/dist/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/select.cjs

@@ -4,7 +4,7 @@ const select = require("./chunks/select.cjs");
 const aeicoComponent = require("./chunks/aeico-component.cjs");
 const aeico = require("aeico");
 const variables = require("./chunks/variables.cjs");
-const style = ":host {\n  display: block;\n\n  --option-padding: 0.417em 0.667em;\n  --option-bg: transparent;\n  --option-bg-hover: var(--surface-raised);\n  --option-bg-selected: color-mix(in srgb, var(--color-primary) 12%, transparent);\n  --option-color: var(--color-text-main);\n  --option-color-disabled: var(--color-text-disabled);\n  --option-color-selected: var(--color-primary);\n  --option-font-size: 1em;\n  --option-transition: background 0.1s;\n}\n\n.option-item {\n  padding: var(--option-padding);\n  font-size: var(--option-font-size);\n  color: var(--option-color);\n  background: var(--option-bg);\n  cursor: pointer;\n  transition: var(--option-transition);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n\n:host(:hover:not([disabled])) .option-item {\n  background: var(--option-bg-hover);\n}\n\n:host([selected]) .option-item {\n  background: var(--option-bg-selected);\n  color: var(--option-color-selected);\n}\n\n:host([disabled]) .option-item {\n  color: var(--option-color-disabled);\n  cursor: default;\n  pointer-events: none;\n}\n\n\n";
+const style = ":host {\n  display: block;\n\n  --option-padding: 0.417em 0.667em;\n  --option-bg: transparent;\n  --option-bg-hover: var(--ae-surface-raised);\n  --option-bg-selected: color-mix(in srgb, var(--ae-color-primary) 12%, transparent);\n  --option-color: var(--ae-color-text-main);\n  --option-color-disabled: var(--ae-color-text-disabled);\n  --option-color-selected: var(--ae-color-primary);\n  --option-font-size: 1em;\n  --option-transition: background 0.1s;\n}\n\n.option-item {\n  padding: var(--option-padding);\n  font-size: var(--option-font-size);\n  color: var(--option-color);\n  background: var(--option-bg);\n  cursor: pointer;\n  transition: var(--option-transition);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: none;\n}\n\n:host(:hover:not([disabled])) .option-item {\n  background: var(--option-bg-hover);\n}\n\n:host([selected]) .option-item {\n  background: var(--option-bg-selected);\n  color: var(--option-color-selected);\n}\n\n:host([disabled]) .option-item {\n  color: var(--option-color-disabled);\n  cursor: default;\n  pointer-events: none;\n}\n\n\n";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -91,7 +91,7 @@ __decorateElement(_init, 4, "disabled", _disabled_dec, SelectOption, _disabled);
 __decorateElement(_init, 4, "selected", _selected_dec, SelectOption, _selected);
 __decoratorMetadata(_init, SelectOption);
 __publicField(SelectOption, "tagName", "select-option");
-__publicField(SelectOption, "styles", [variables.styleVariables, style]);
+__publicField(SelectOption, "styles", [variables.variables, style]);
 SelectOption.register();
 exports.Select = select.Select;
 exports.default = select.Select;

package/dist/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","sources":["../src/select/select-option.ts"],"sourcesContent":["import AeicoComponent from '../aeico-component';\nimport type { InferProps } from 'aeico';\nimport { html } from 'aeico';\nimport style from '../styles/components/select-option.css?inline';\nimport variables from '../styles/variables.css?inline';\nimport { prop } from 'aeico';\n\nclass SelectOption extends AeicoComponent {\n  static tagName = 'select-option';\n\n  @prop({ type: String })\n  accessor value: string | undefined;\n\n  @prop({ type: String })\n  accessor label: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor disabled: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor selected: boolean | undefined = false;\n\n  protected static styles = [variables, style];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.listen('click', this._handleClick);\n  }\n\n  private _handleClick = (e: Event): void => {\n    if (this.disabled) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    const displayLabel = this.label || this.textContent?.trim() || '';\n    this.emit('selectoption', { detail: { value: this.value ?? '', label: displayLabel } });\n  };\n\n  render() {\n    return html(({ div, slot }) => {\n      div({ className: 'option-item' }, () => {\n        slot();\n      });\n    });\n  }\n}\n\nSelectOption.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-select-option': SelectOption;\n  }\n}\n\nexport default SelectOption;\nexport type SelectOptionProps = InferProps<typeof SelectOption>;\n"],"names":["AeicoComponent","prop","_a","html","variables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,eAAA,eAAA,YAAA,YAAA,IAAA,OAAA,QAAA,QAAA,WAAA;AAOA,MAAM,sBAAqB,KAAAA,eAAAA,gBAGzB,aAAA,CAACC,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,aAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,gBAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,QAAA,CAAS,CAAA,GAGvB,gBAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,QAAA,CAAS,IAZE,IAAe;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAIE,iBAAA,MAAS,QAAT,kBAAA,OAAA,GAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAT,kBAAA,OAAA,IAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,WAAoB,kBAA7B,OAAA,IAAA,MAA6B,KAAA,CAAA,GAA7B,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,WAAgC,kBAAzC,OAAA,IAAA,MAAyC,KAAA,CAAA,GAAzC,kBAAA,OAAA,IAAA,IAAA;AASA,kBAAA,MAAQ,gBAAe,CAAC,MAAmB;;AACzC,UAAI,KAAK,UAAU;AACjB,UAAE,gBAAA;AAEF;AAAA,MACF;AAEA,YAAM,eAAe,KAAK,WAASC,MAAA,KAAK,gBAAL,gBAAAA,IAAkB,WAAU;AAC/D,WAAK,KAAK,gBAAgB,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,IAAI,OAAO,aAAA,EAAa,CAAG;AAAA,IACxF,CAAA;AAAA,EAAA;AAAA,EAdA,oBAAoB;AAClB,UAAM,kBAAA;AACN,SAAK,OAAO,SAAS,KAAK,YAAY;AAAA,EACxC;AAAA,EAaA,SAAS;AACP,WAAOC,WAAK,CAAC,EAAE,KAAK,WAAW;AAC7B,UAAI,EAAE,WAAW,cAAA,GAAiB,MAAM;AACtC,aAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAxCA,QAAA,iBAAA,EAAA;AAIW,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,YAAA,oBAAA,QAAA;AAGA,YAAA,oBAAA,QAAA;AATT,kBAAA,OAAA,GAAS,SADT,YAHI,cAIK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YANI,cAOK,MAAA;AAGT,kBAAA,OAAA,GAAS,YADT,eATI,cAUK,SAAA;AAGT,kBAAA,OAAA,GAAS,YADT,eAZI,cAaK,SAAA;AAbX,oBAAA,OAAM,YAAA;AACJ,cADI,cACG,WAAU,eAAA;AAcjB,cAfI,cAea,UAAS,CAACC,UAAAA,gBAAW,KAAK,CAAA;AA2B7C,aAAa,SAAA;;;;"}
+{"version":3,"file":"select.cjs","sources":["../src/select/select-option.ts"],"sourcesContent":["import AeicoComponent from '../aeico-component';\nimport type { InferProps } from 'aeico';\nimport { html } from 'aeico';\nimport style from '../styles/components/select-option.css?inline';\nimport variables from '../styles/variables.css?inline';\nimport { prop } from 'aeico';\n\nclass SelectOption extends AeicoComponent {\n  static tagName = 'select-option';\n\n  @prop({ type: String })\n  accessor value: string | undefined;\n\n  @prop({ type: String })\n  accessor label: string | undefined;\n\n  @prop({ type: Boolean })\n  accessor disabled: boolean = false;\n\n  @prop({ type: Boolean })\n  accessor selected: boolean | undefined = false;\n\n  protected static styles = [variables, style];\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.listen('click', this._handleClick);\n  }\n\n  private _handleClick = (e: Event): void => {\n    if (this.disabled) {\n      e.stopPropagation();\n\n      return;\n    }\n\n    const displayLabel = this.label || this.textContent?.trim() || '';\n    this.emit('selectoption', { detail: { value: this.value ?? '', label: displayLabel } });\n  };\n\n  render() {\n    return html(({ div, slot }) => {\n      div({ className: 'option-item' }, () => {\n        slot();\n      });\n    });\n  }\n}\n\nSelectOption.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-select-option': SelectOption;\n  }\n}\n\nexport default SelectOption;\nexport type SelectOptionProps = InferProps<typeof SelectOption>;\n"],"names":["AeicoComponent","prop","_a","html","variables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,eAAA,eAAA,YAAA,YAAA,IAAA,OAAA,QAAA,QAAA,WAAA;AAOA,MAAM,sBAAqB,KAAAA,eAAAA,gBAGzB,aAAA,CAACC,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,aAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,OAAA,CAAQ,CAAA,GAGtB,gBAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,QAAA,CAAS,CAAA,GAGvB,gBAAA,CAACA,MAAAA,KAAK,EAAE,MAAM,QAAA,CAAS,IAZE,IAAe;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAIE,iBAAA,MAAS,QAAT,kBAAA,OAAA,GAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,QAAT,kBAAA,OAAA,IAAA,IAAA,CAAA,GAAA,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,WAAoB,kBAA7B,OAAA,IAAA,MAA6B,KAAA,CAAA,GAA7B,kBAAA,OAAA,IAAA,IAAA;AAGA,iBAAA,MAAS,WAAgC,kBAAzC,OAAA,IAAA,MAAyC,KAAA,CAAA,GAAzC,kBAAA,OAAA,IAAA,IAAA;AASA,kBAAA,MAAQ,gBAAe,CAAC,MAAmB;;AACzC,UAAI,KAAK,UAAU;AACjB,UAAE,gBAAA;AAEF;AAAA,MACF;AAEA,YAAM,eAAe,KAAK,WAASC,MAAA,KAAK,gBAAL,gBAAAA,IAAkB,WAAU;AAC/D,WAAK,KAAK,gBAAgB,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,IAAI,OAAO,aAAA,EAAa,CAAG;AAAA,IACxF,CAAA;AAAA,EAAA;AAAA,EAdA,oBAAoB;AAClB,UAAM,kBAAA;AACN,SAAK,OAAO,SAAS,KAAK,YAAY;AAAA,EACxC;AAAA,EAaA,SAAS;AACP,WAAOC,WAAK,CAAC,EAAE,KAAK,WAAW;AAC7B,UAAI,EAAE,WAAW,cAAA,GAAiB,MAAM;AACtC,aAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAxCA,QAAA,iBAAA,EAAA;AAIW,SAAA,oBAAA,QAAA;AAGA,SAAA,oBAAA,QAAA;AAGA,YAAA,oBAAA,QAAA;AAGA,YAAA,oBAAA,QAAA;AATT,kBAAA,OAAA,GAAS,SADT,YAHI,cAIK,MAAA;AAGT,kBAAA,OAAA,GAAS,SADT,YANI,cAOK,MAAA;AAGT,kBAAA,OAAA,GAAS,YADT,eATI,cAUK,SAAA;AAGT,kBAAA,OAAA,GAAS,YADT,eAZI,cAaK,SAAA;AAbX,oBAAA,OAAM,YAAA;AACJ,cADI,cACG,WAAU,eAAA;AAcjB,cAfI,cAea,UAAS,CAACC,UAAAA,WAAW,KAAK,CAAA;AA2B7C,aAAa,SAAA;;;;"}