@vialiq/web-components 0.0.3 → 0.1.0

package/README.md

@@ -0,0 +1,66 @@
+# @vialiq/web-components
+
+Buildable and publishable Lit web component library for the Vi design system.
+
+## Goals
+
+- ESM-only output
+- Per-component subpath exports (no forced all-in import)
+- Self-styled components with CSS embedded in JS
+- Themeable via Flux UI token fallbacks
+
+## Install
+
+```bash
+npm install @vialiq/web-components lit
+```
+
+## Usage
+
+```ts
+import '@vialiq/web-components/button';
+```
+
+```html
+<vi-button variant="primary">Save</vi-button>
+```
+
+## Token strategy
+
+Component styles use BEM + state CSS variable naming and Flux UI fallbacks.
+
+Example:
+
+```css
+background-color: var(--vi-button-surface-primary-background-color, var(--vi-color-primary, #0066cc));
+```
+
+## Development
+
+```bash
+npx nx build web-components
+npx nx run web-components:postbuild-publish
+npx nx run web-components:storybook
+npx nx run web-components:test-wdio
+```
+
+## Storybook
+
+The project uses **Storybook 10** with the `@storybook/web-components-vite` framework.
+
+- `esbuild` is replaced by `unplugin-swc` in `viteFinal` so TC39 standard decorators
+  (required by Lit v3) work inside Storybook. See `.storybook/main.ts`.
+- **`autodocs`** in Storybook 10 is tag-driven, not configured globally. Add
+  `tags: ['autodocs']` to the `meta` export inside each story file to enable the
+  auto-generated docs page for that component:
+
+  ```ts
+  const meta: Meta = {
+    title: 'Components/Button',
+    tags: ['autodocs'],
+    // ...
+  };
+  ```
+
+- The `docs: { autodocs: ... }` key was removed from `StorybookConfig` in Storybook 10.
+  Do **not** add it back to `.storybook/main.ts`.

package/package.json

@@ -1,34 +1,42 @@
 {
   "name": "@vialiq/web-components",
-  "version": "0.0.3",
+  "version": "0.1.0",
+  "private": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/prasworld/Vialiq.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
   "type": "module",
   "sideEffects": true,
-  "description": "Lit web component library built on @vi/flux-ui design tokens",
+  "description": "Lit web component library built on @vialiq/flux-ui design tokens",
   "license": "MIT",
   "module": "./index.js",
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.js",
+      "default": "./index.js",
       "types": "./index.d.ts"
     },
     "./button": {
-      "import": "./button/vi-button.js",
+      "default": "./button/vi-button.js",
       "types": "./button/vi-button.d.ts"
     },
     "./icons/vi-icon": {
-      "import": "./icons/vi-icon.js",
+      "default": "./icons/vi-icon.js",
       "types": "./icons/vi-icon.d.ts"
     },
     "./icons/registry": {
-      "import": "./icons/registry.js",
+      "default": "./icons/registry.js",
       "types": "./icons/registry.d.ts"
     }
   },
   "peerDependencies": {
     "lit": "^3.0.0",
-    "@vialiq/flux-ui": "^0.0.1",
-    "@vialiq/icons": "^0.0.1"
+    "@vialiq/flux-ui": "^0.0.3",
+    "@vialiq/icons": "^0.0.2"
   },
   "keywords": [
     "web-components",

package/base/vi-element.d.ts

@@ -1,9 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Shared base class for Vi web components.
- * Keep this thin and framework-agnostic.
- */
-export declare class ViElement extends LitElement {
-}
-export type ViVariant = 'primary' | 'secondary' | 'danger';
-//# sourceMappingURL=vi-element.d.ts.map

package/base/vi-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vi-element.d.ts","sourceRoot":"","sources":["../../../../../../../libs/web-components/src/base/vi-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC;;;GAGG;AACH,qBAAa,SAAU,SAAQ,UAAU;CAAG;AAE5C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC"}

package/button/index.d.ts

@@ -1,2 +0,0 @@
-export { ViButton } from './vi-button.js';
-//# sourceMappingURL=index.d.ts.map

package/button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/web-components/src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/button/vi-button.d.ts

@@ -1,33 +0,0 @@
-import { type TemplateResult } from 'lit';
-import { ViElement, type ViVariant } from '../base/vi-element.js';
-/**
- * vi-button
- * Self-styled button component using Flux UI token fallbacks.
- *
- * @element vi-button
- * @attr variant - Button variant: primary, secondary, danger
- * @attr disabled - Disabled state: prevents click events
- */
-export declare class ViButton extends ViElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Button variant: primary, secondary, danger.
-     * PUBLIC — users set this as <vi-button variant="primary">
-     * @attr
-     */
-    accessor variant: ViVariant;
-    /**
-     * Disabled state: prevents click events/opacity.
-     * PUBLIC — users set this as <vi-button disabled>
-     * @attr
-     */
-    accessor disabled: boolean;
-    private onClick;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'vi-button': ViButton;
-    }
-}
-//# sourceMappingURL=vi-button.d.ts.map

package/button/vi-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vi-button.d.ts","sourceRoot":"","sources":["../../../../../../../libs/web-components/src/button/vi-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlE;;;;;;;GAOG;AACH,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,0BAAmC;IAEzD;;;;OAIG;IACwC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAa;IAEnF;;;;OAIG;IACyC,QAAQ,CAAC,QAAQ,UAAS;IAEtE,OAAO,CAAC,OAAO;IAON,MAAM,IAAI,cAAc;CAOlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/button/vi-button.js

@@ -1,47 +0,0 @@
-import { html as H, unsafeCSS as J, css as K } from "lit";
-import { customElement as L, property as B } from "lit/decorators.js";
-import { V as Q } from "../vi-element-hVRGgsNW.js";
-const R = '@charset "UTF-8";@layer reset,components,utilities;:host{display:inline-block;--vi-button-surface-primary-background-color: var(--vi-color-primary, #0066cc);--vi-button-surface-primary-text-color: var(--vi-color-grey-100, #f3f4f6);--vi-button-surface-secondary-background-color: var(--vi-color-secondary, #f0f4f8);--vi-button-surface-secondary-text-color: var(--vi-color-foreground, #111827);--vi-button-surface-danger-background-color: var(--vi-color-error, #ef4444);--vi-button-surface-danger-text-color: var(--vi-color-grey-100, #f3f4f6);--vi-button-shape-border-radius: var(--vi-border-radius-md, 4px);--vi-button-spacing-padding-inline: var(--vi-spacing-md, 24px);--vi-button-spacing-padding-block: var(--vi-spacing-sm, 16px);--vi-button-typography-font-size: var(--vi-font-size-base, 16px);--vi-button-typography-font-weight: var(--vi-font-weight-semibold, 600);--vi-button-effect-transition-duration: .16s}:host([variant=primary]) .button{background-color:var(--vi-button-surface-primary-background-color, var(--vi-color-primary, #0066cc));color:var(--vi-button-surface-primary-text-color, var(--vi-color-grey-100, #f3f4f6))}:host([variant=secondary]) .button{background-color:var(--vi-button-surface-secondary-background-color, var(--vi-color-secondary, #f0f4f8));color:var(--vi-button-surface-secondary-text-color, var(--vi-color-foreground, #111827));border-color:var(--vi-color-border, #e5e7eb)}:host([variant=danger]) .button{background-color:var(--vi-button-surface-danger-background-color, var(--vi-color-error, #ef4444));color:var(--vi-button-surface-danger-text-color, var(--vi-color-grey-100, #f3f4f6))}:host([disabled]) .button,.button:disabled{opacity:.6;cursor:not-allowed}.button:hover:not(:disabled){opacity:.92}';
-var X = Object.create, x = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, $ = (r, t) => (t = Symbol[r]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + r), f = (r) => {
-  throw TypeError(r);
-}, A = (r, t, o) => t in r ? x(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o, F = (r, t) => x(r, "name", { value: t, configurable: !0 }), Z = (r) => [, , , X(r?.[$("metadata")] ?? null)], T = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], _ = (r) => r !== void 0 && typeof r != "function" ? f("Function expected") : r, j = (r, t, o, s, a) => ({ kind: T[r], name: t, metadata: s, addInitializer: (i) => o._ ? f("Already initialized") : a.push(_(i || null)) }), rr = (r, t) => A(t, $("metadata"), r[3]), h = (r, t, o, s) => {
-  for (var a = 0, i = r[t >> 1], u = i && i.length; a < u; a++) t & 1 ? i[a].call(o) : s = i[a].call(o, s);
-  return s;
-}, C = (r, t, o, s, a, i) => {
-  var u, c, E, b, y, e = t & 7, g = !!(t & 8), l = !!(t & 16), m = e > 3 ? r.length + 1 : e ? g ? 1 : 2 : 0, I = T[e + 5], V = e > 3 && (r[m - 1] = []), q = r[m] || (r[m] = []), v = e && (!l && !g && (a = a.prototype), e < 5 && (e > 3 || !l) && Y(e < 4 ? a : { get [o]() {
-    return M(this, i);
-  }, set [o](n) {
-    return W(this, i, n);
-  } }, o));
-  e ? l && e < 4 && F(i, (e > 2 ? "set " : e > 1 ? "get " : "") + o) : F(a, o);
-  for (var k = s.length - 1; k >= 0; k--)
-    b = j(e, o, E = {}, r[3], q), e && (b.static = g, b.private = l, y = b.access = { has: l ? (n) => or(a, n) : (n) => o in n }, e ^ 3 && (y.get = l ? (n) => (e ^ 1 ? M : er)(n, a, e ^ 4 ? i : v.get) : (n) => n[o]), e > 2 && (y.set = l ? (n, S) => W(n, a, S, e ^ 4 ? i : v.set) : (n, S) => n[o] = S)), c = (0, s[k])(e ? e < 4 ? l ? i : v[I] : e > 4 ? void 0 : { get: v.get, set: v.set } : a, b), E._ = 1, e ^ 4 || c === void 0 ? _(c) && (e > 4 ? V.unshift(c) : e ? l ? i = c : v[I] = c : a = c) : typeof c != "object" || c === null ? f("Object expected") : (_(u = c.get) && (v.get = u), _(u = c.set) && (v.set = u), _(u = c.init) && V.unshift(u));
-  return e || rr(r, a), v && x(a, o, v), l ? e ^ 4 ? i : v : a;
-}, tr = (r, t, o) => A(r, t + "", o), z = (r, t, o) => t.has(r) || f("Cannot " + o), or = (r, t) => Object(t) !== t ? f('Cannot use the "in" operator on this value') : r.has(t), M = (r, t, o) => (z(r, t, "read from private field"), o ? o.call(r) : t.get(r)), D = (r, t, o) => t.has(r) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, o), W = (r, t, o, s) => (z(r, t, "write to private field"), s ? s.call(r, o) : t.set(r, o), o), er = (r, t, o) => (z(r, t, "access private method"), o), G, N, w, U, d, O, P;
-U = [L("vi-button")];
-class p extends (w = Q, N = [B({ type: String, reflect: !0 })], G = [B({ type: Boolean, reflect: !0 })], w) {
-  constructor() {
-    super(...arguments), D(this, O, h(d, 8, this, "primary")), h(d, 11, this), D(this, P, h(d, 12, this, !1)), h(d, 15, this);
-  }
-  onClick(t) {
-    this.disabled && (t.preventDefault(), t.stopImmediatePropagation());
-  }
-  render() {
-    return H`
-      <button class="button" type="button" ?disabled=${this.disabled} @click=${this.onClick}>
-        <slot></slot>
-      </button>
-    `;
-  }
-}
-d = Z(w);
-O = /* @__PURE__ */ new WeakMap();
-P = /* @__PURE__ */ new WeakMap();
-C(d, 4, "variant", N, p, O);
-C(d, 4, "disabled", G, p, P);
-p = C(d, 0, "ViButton", U, p);
-tr(p, "styles", K`${J(R)}`);
-h(d, 1, p);
-export {
-  p as ViButton
-};

package/icons/registry.d.ts

@@ -1,25 +0,0 @@
-/**
- * Icon Registry
- *
- * A Map-based store for SvgIconDef objects sourced from @vi/icons.
- * Icons must be explicitly registered before <vi-icon> can render them.
- * Only the icons you register end up in your bundle — full tree-shaking.
- *
- * Usage:
- *   import { registerIcons } from '@vi/web-components';
- *   import { checkIcon } from '@vi/icons/check';
- *
- *   registerIcons([checkIcon]);
- *   // <vi-icon name="check"></vi-icon>
- */
-import type { SvgIconDef } from '@vi/icons';
-export type { SvgIconDef };
-/**
- * Register one or more icons. Call this before using <vi-icon>.
- */
-export declare function registerIcons(icons: SvgIconDef | SvgIconDef[]): void;
-/**
- * Look up a registered icon by name.
- */
-export declare function getIcon(name: string): SvgIconDef | undefined;
-//# sourceMappingURL=registry.d.ts.map

package/icons/registry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../../../../../libs/web-components/src/icons/registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,YAAY,EAAE,UAAU,EAAE,CAAC;AAI3B;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,IAAI,CAKpE;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAE5D"}

package/icons/registry.js

@@ -1,13 +0,0 @@
-const n = /* @__PURE__ */ new Map();
-function o(t) {
-  const e = Array.isArray(t) ? t : [t];
-  for (const r of e)
-    n.set(r.name, r);
-}
-function s(t) {
-  return n.get(t);
-}
-export {
-  s as getIcon,
-  o as registerIcons
-};

package/icons/vi-icon.d.ts

@@ -1,43 +0,0 @@
-import { type PropertyValues, type TemplateResult } from 'lit';
-import { ViElement } from '../base/vi-element.js';
-/**
- * vi-icon
- *
- * Renders a named SVG icon from the registry. Icons must be registered first
- * by importing their individual modules e.g.:
- *   import '@vi/web-components/icons/check';
- *
- * @element vi-icon
- * @attr name  - The icon name to render (must be registered)
- * @attr size  - Width/height in px (default: 24)
- * @attr label - Accessible label; omit for decorative icons
- */
-export declare class ViIcon extends ViElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * The registered icon name to render.
-     * @attr
-     */
-    accessor name: string;
-    /**
-     * Size in pixels applied as a CSS custom property.
-     * @attr
-     */
-    accessor size: number;
-    /**
-     * Accessible label. When set the SVG gets role="img" + aria-label.
-     * When omitted the icon is treated as decorative (aria-hidden).
-     * @attr
-     */
-    accessor label: string;
-    private accessor _icon;
-    updated(changedProperties: PropertyValues): void;
-    firstUpdated(changedProperties: PropertyValues): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'vi-icon': ViIcon;
-    }
-}
-//# sourceMappingURL=vi-icon.d.ts.map

package/icons/vi-icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vi-icon.d.ts","sourceRoot":"","sources":["../../../../../../../libs/web-components/src/icons/vi-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD;;;;;;;;;;;GAWG;AACH,qBACa,MAAO,SAAQ,SAAS;IACnC,OAAgB,MAAM,0BAkBpB;IAEF;;;OAGG;IACwC,QAAQ,CAAC,IAAI,SAAM;IAE9D;;;OAGG;IACyB,QAAQ,CAAC,IAAI,SAAM;IAE/C;;;;OAIG;IACyB,QAAQ,CAAC,KAAK,SAAM;IAEvC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqC;IAE3D,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAUhD,YAAY,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAMrD,MAAM,IAAI,cAAc;CAoBlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/icons/vi-icon.js

@@ -1,77 +0,0 @@
-import { nothing as Y, html as b, css as Z } from "lit";
-import { customElement as j, property as M, state as ee } from "lit/decorators.js";
-import { unsafeHTML as D } from "lit/directives/unsafe-html.js";
-import { V as te } from "../vi-element-hVRGgsNW.js";
-import { getIcon as N } from "./registry.js";
-var ie = Object.create, x = Object.defineProperty, re = Object.getOwnPropertyDescriptor, H = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), u = (e) => {
-  throw TypeError(e);
-}, L = (e, t, i) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, T = (e, t) => x(e, "name", { value: t, configurable: !0 }), se = (e) => [, , , ie(e?.[H("metadata")] ?? null)], q = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], m = (e) => e !== void 0 && typeof e != "function" ? u("Function expected") : e, ne = (e, t, i, _, s) => ({ kind: q[e], name: t, metadata: _, addInitializer: (n) => i._ ? u("Already initialized") : s.push(m(n || null)) }), ae = (e, t) => L(t, H("metadata"), e[3]), d = (e, t, i, _) => {
-  for (var s = 0, n = e[t >> 1], h = n && n.length; s < h; s++) t & 1 ? n[s].call(i) : _ = n[s].call(i, _);
-  return _;
-}, y = (e, t, i, _, s, n) => {
-  var h, c, W, f, w, r = t & 7, g = !!(t & 8), p = !!(t & 16), k = r > 3 ? e.length + 1 : r ? g ? 1 : 2 : 0, F = q[r + 5], A = r > 3 && (e[k - 1] = []), X = e[k] || (e[k] = []), l = r && (!p && !g && (s = s.prototype), r < 5 && (r > 3 || !p) && re(r < 4 ? s : { get [i]() {
-    return U(this, n);
-  }, set [i](o) {
-    return G(this, n, o);
-  } }, i));
-  r ? p && r < 4 && T(n, (r > 2 ? "set " : r > 1 ? "get " : "") + i) : T(s, i);
-  for (var S = _.length - 1; S >= 0; S--)
-    f = ne(r, i, W = {}, e[3], X), r && (f.static = g, f.private = p, w = f.access = { has: p ? (o) => ce(s, o) : (o) => i in o }, r ^ 3 && (w.get = p ? (o) => (r ^ 1 ? U : _e)(o, s, r ^ 4 ? n : l.get) : (o) => o[i]), r > 2 && (w.set = p ? (o, I) => G(o, s, I, r ^ 4 ? n : l.set) : (o, I) => o[i] = I)), c = (0, _[S])(r ? r < 4 ? p ? n : l[F] : r > 4 ? void 0 : { get: l.get, set: l.set } : s, f), W._ = 1, r ^ 4 || c === void 0 ? m(c) && (r > 4 ? A.unshift(c) : r ? p ? n = c : l[F] = c : s = c) : typeof c != "object" || c === null ? u("Object expected") : (m(h = c.get) && (l.get = h), m(h = c.set) && (l.set = h), m(h = c.init) && A.unshift(h));
-  return r || ae(e, s), l && x(s, i, l), p ? r ^ 4 ? n : l : s;
-}, oe = (e, t, i) => L(e, t + "", i), C = (e, t, i) => t.has(e) || u("Cannot " + i), ce = (e, t) => Object(t) !== t ? u('Cannot use the "in" operator on this value') : e.has(t), U = (e, t, i) => (C(e, t, "read from private field"), i ? i.call(e) : t.get(e)), z = (e, t, i) => t.has(e) ? u("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), G = (e, t, i, _) => (C(e, t, "write to private field"), _ ? _.call(e, i) : t.set(e, i), i), _e = (e, t, i) => (C(e, t, "access private method"), i), B, J, K, Q, O, R, a, $, E, P, V;
-R = [j("vi-icon")];
-class v extends (O = te, Q = [M({ type: String, reflect: !0 })], K = [M({ type: Number })], J = [M({ type: String })], B = [ee()], O) {
-  constructor() {
-    super(...arguments), z(this, $, d(a, 8, this, "")), d(a, 11, this), z(this, E, d(a, 12, this, 24)), d(a, 15, this), z(this, P, d(a, 16, this, "")), d(a, 19, this), z(this, V, d(a, 20, this)), d(a, 23, this);
-  }
-  updated(t) {
-    super.updated(t), t.has("name") && (this._icon = N(this.name)), t.has("size") && this.style.setProperty("--vi-icon-size", `${this.size}px`);
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this._icon = N(this.name), this.style.setProperty("--vi-icon-size", `${this.size}px`);
-  }
-  render() {
-    return this._icon ? this.label ? b`
-        <span role="img" aria-label=${this.label}>
-          ${D(this._icon.data)}
-        </span>
-      ` : b`
-      <span aria-hidden="true">
-        ${D(this._icon.data)}
-      </span>
-    ` : b`${Y}`;
-  }
-}
-a = se(O);
-$ = /* @__PURE__ */ new WeakMap();
-E = /* @__PURE__ */ new WeakMap();
-P = /* @__PURE__ */ new WeakMap();
-V = /* @__PURE__ */ new WeakMap();
-y(a, 4, "name", Q, v, $);
-y(a, 4, "size", K, v, E);
-y(a, 4, "label", J, v, P);
-y(a, 4, "_icon", B, v, V);
-v = y(a, 0, "ViIcon", R, v);
-oe(v, "styles", Z`
-    :host {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      width: var(--vi-icon-size, 24px);
-      height: var(--vi-icon-size, 24px);
-    }
-
-    svg {
-      width: 100%;
-      height: 100%;
-      fill: none;
-      stroke: currentColor;
-      stroke-width: 2;
-      stroke-linecap: round;
-      stroke-linejoin: round;
-    }
-  `);
-d(a, 1, v);
-export {
-  v as ViIcon
-};

package/index.d.ts

@@ -1,7 +0,0 @@
-export { ViElement } from './base/vi-element.js';
-export type { ViVariant } from './base/vi-element.js';
-export { ViButton } from './button/vi-button.js';
-export { ViIcon } from './icons/vi-icon.js';
-export { registerIcons, getIcon } from './icons/registry.js';
-export type { SvgIconDef } from './icons/registry.js';
-//# sourceMappingURL=index.d.ts.map

package/index.js

@@ -1,11 +0,0 @@
-import { V as e } from "./vi-element-hVRGgsNW.js";
-import { ViButton as m } from "./button/vi-button.js";
-import { ViIcon as f } from "./icons/vi-icon.js";
-import { getIcon as p, registerIcons as x } from "./icons/registry.js";
-export {
-  m as ViButton,
-  e as ViElement,
-  f as ViIcon,
-  p as getIcon,
-  x as registerIcons
-};

package/vi-element-hVRGgsNW.js

@@ -1,6 +0,0 @@
-import { LitElement as e } from "lit";
-class s extends e {
-}
-export {
-  s as V
-};