@cognivo/components 0.8.1 → 0.8.3

package/dist/components/cg-follow-up/cg-follow-up.js

@@ -1,6 +1,6 @@
 import { css as u, LitElement as p, nothing as d, html as n } from "lit";
 import { property as s, state as h, customElement as b } from "lit/decorators.js";
-import { h as v, r as f, b as m, g as y } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as v, r as f, b as m, g as y } from "../../chunks/premium.css-B0hBr_uS.js";
 var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (r, e, g, t) => {
   for (var o = t > 1 ? void 0 : t ? x(e, g) : e, c = r.length - 1, l; c >= 0; c--)
     (l = r[c]) && (o = (t ? l(e, g, o) : l(o)) || o);

package/dist/components/cg-form/cg-form.js

@@ -1,6 +1,6 @@
 import { css as g, LitElement as f, nothing as d, html as m } from "lit";
 import { property as i, customElement as p } from "lit/decorators.js";
-import { h as u, r as h } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as u, r as h } from "../../chunks/premium.css-B0hBr_uS.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (t, s, a, e) => {
   for (var r = e > 1 ? void 0 : e ? b(s, a) : s, n = t.length - 1, c; n >= 0; n--)
     (c = t[n]) && (r = (e ? c(s, a, r) : c(r)) || r);

package/dist/components/cg-grid/cg-grid.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+/**
+ * @element cg-grid
+ * CSS-grid layout primitive with declarative columns, gap, and alignment.
+ * Shares cg-stack's gap vocabulary.
+ *
+ * @example
+ * ```html
+ * <cg-grid columns="3" gap="md">
+ *   <cg-card>1</cg-card>
+ *   <cg-card>2</cg-card>
+ *   <cg-card>3</cg-card>
+ * </cg-grid>
+ * ```
+ *
+ * @example Responsive auto-fill
+ * ```html
+ * <cg-grid min-column="200px" gap="lg"> … </cg-grid>
+ * ```
+ *
+ * @slot - Grid children.
+ */
+export declare class CgGrid extends LitElement {
+    static styles: import('lit').CSSResult[];
+    columns: number;
+    minColumn: string;
+    gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    align: 'start' | 'center' | 'end' | 'stretch';
+    justify: 'start' | 'center' | 'end' | 'stretch';
+    full: boolean;
+    updated(changed: Map<string, unknown>): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cg-grid': CgGrid;
+    }
+}
+//# sourceMappingURL=cg-grid.d.ts.map

package/dist/components/cg-grid/cg-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cg-grid.d.ts","sourceRoot":"","sources":["../../../src/components/cg-grid/cg-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,4BAiCnB;IAEwC,OAAO,SAAK;IACD,SAAS,SAAM;IACxC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAQ;IAC9D,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAa;IAC1D,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAa;IAC7C,IAAI,UAAS;IAEhD,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAS5C,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/cg-grid/cg-grid.js

@@ -0,0 +1,78 @@
+import { css as m, LitElement as c, html as g } from "lit";
+import { property as i, customElement as u } from "lit/decorators.js";
+import { h, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
+var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, e = (r, o, n, a) => {
+  for (var s = a > 1 ? void 0 : a ? d(o, n) : o, l = r.length - 1, p; l >= 0; l--)
+    (p = r[l]) && (s = (a ? p(o, n, s) : p(s)) || s);
+  return a && s && y(o, n, s), s;
+};
+let t = class extends c {
+  constructor() {
+    super(...arguments), this.columns = 1, this.minColumn = "", this.gap = "md", this.align = "stretch", this.justify = "stretch", this.full = !1;
+  }
+  updated(r) {
+    r.has("columns") && this.style.setProperty("--_cg-grid-columns", String(Math.max(1, this.columns))), r.has("minColumn") && this.style.setProperty("--_cg-grid-min", this.minColumn || "0");
+  }
+  render() {
+    return g`<slot></slot>`;
+  }
+};
+t.styles = [h, f, m`
+    :host {
+      display: grid;
+      grid-template-columns: repeat(var(--_cg-grid-columns, 1), minmax(0, 1fr));
+    }
+
+    /* Responsive auto-fill wins when min-column is set */
+    :host([min-column]) {
+      grid-template-columns: repeat(auto-fill, minmax(var(--_cg-grid-min, 0), 1fr));
+    }
+
+    /* Gap — same scale as cg-stack */
+    :host([gap="none"]) { gap: 0; }
+    :host([gap="xs"]) { gap: var(--cg-spacing-4); }
+    :host([gap="sm"]) { gap: var(--cg-spacing-8); }
+    :host([gap="md"]) { gap: var(--cg-spacing-16); }
+    :host([gap="lg"]) { gap: var(--cg-spacing-24); }
+    :host([gap="xl"]) { gap: var(--cg-spacing-32); }
+    :host([gap="2xl"]) { gap: var(--cg-spacing-48); }
+
+    /* Align items (block axis) */
+    :host([align="start"]) { align-items: start; }
+    :host([align="center"]) { align-items: center; }
+    :host([align="end"]) { align-items: end; }
+    :host([align="stretch"]) { align-items: stretch; }
+
+    /* Justify items (inline axis) */
+    :host([justify="start"]) { justify-items: start; }
+    :host([justify="center"]) { justify-items: center; }
+    :host([justify="end"]) { justify-items: end; }
+    :host([justify="stretch"]) { justify-items: stretch; }
+
+    :host([full]) { width: 100%; }
+  `];
+e([
+  i({ type: Number, reflect: !0 })
+], t.prototype, "columns", 2);
+e([
+  i({ attribute: "min-column", reflect: !0 })
+], t.prototype, "minColumn", 2);
+e([
+  i({ reflect: !0 })
+], t.prototype, "gap", 2);
+e([
+  i({ reflect: !0 })
+], t.prototype, "align", 2);
+e([
+  i({ reflect: !0 })
+], t.prototype, "justify", 2);
+e([
+  i({ type: Boolean, reflect: !0 })
+], t.prototype, "full", 2);
+t = e([
+  u("cg-grid")
+], t);
+export {
+  t as CgGrid
+};
+//# sourceMappingURL=cg-grid.js.map

package/dist/components/cg-grid/cg-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cg-grid.js","sources":["../../../src/components/cg-grid/cg-grid.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\n\n/**\n * @element cg-grid\n * CSS-grid layout primitive with declarative columns, gap, and alignment.\n * Shares cg-stack's gap vocabulary.\n *\n * @example\n * ```html\n * <cg-grid columns=\"3\" gap=\"md\">\n *   <cg-card>1</cg-card>\n *   <cg-card>2</cg-card>\n *   <cg-card>3</cg-card>\n * </cg-grid>\n * ```\n *\n * @example Responsive auto-fill\n * ```html\n * <cg-grid min-column=\"200px\" gap=\"lg\"> … </cg-grid>\n * ```\n *\n * @slot - Grid children.\n */\n@customElement('cg-grid')\nexport class CgGrid extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host {\n      display: grid;\n      grid-template-columns: repeat(var(--_cg-grid-columns, 1), minmax(0, 1fr));\n    }\n\n    /* Responsive auto-fill wins when min-column is set */\n    :host([min-column]) {\n      grid-template-columns: repeat(auto-fill, minmax(var(--_cg-grid-min, 0), 1fr));\n    }\n\n    /* Gap — same scale as cg-stack */\n    :host([gap=\"none\"]) { gap: 0; }\n    :host([gap=\"xs\"]) { gap: var(--cg-spacing-4); }\n    :host([gap=\"sm\"]) { gap: var(--cg-spacing-8); }\n    :host([gap=\"md\"]) { gap: var(--cg-spacing-16); }\n    :host([gap=\"lg\"]) { gap: var(--cg-spacing-24); }\n    :host([gap=\"xl\"]) { gap: var(--cg-spacing-32); }\n    :host([gap=\"2xl\"]) { gap: var(--cg-spacing-48); }\n\n    /* Align items (block axis) */\n    :host([align=\"start\"]) { align-items: start; }\n    :host([align=\"center\"]) { align-items: center; }\n    :host([align=\"end\"]) { align-items: end; }\n    :host([align=\"stretch\"]) { align-items: stretch; }\n\n    /* Justify items (inline axis) */\n    :host([justify=\"start\"]) { justify-items: start; }\n    :host([justify=\"center\"]) { justify-items: center; }\n    :host([justify=\"end\"]) { justify-items: end; }\n    :host([justify=\"stretch\"]) { justify-items: stretch; }\n\n    :host([full]) { width: 100%; }\n  `];\n\n  @property({ type: Number, reflect: true }) columns = 1;\n  @property({ attribute: 'min-column', reflect: true }) minColumn = '';\n  @property({ reflect: true }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'md';\n  @property({ reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' = 'stretch';\n  @property({ reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch';\n  @property({ type: Boolean, reflect: true }) full = false;\n\n  override updated(changed: Map<string, unknown>): void {\n    if (changed.has('columns')) {\n      this.style.setProperty('--_cg-grid-columns', String(Math.max(1, this.columns)));\n    }\n    if (changed.has('minColumn')) {\n      this.style.setProperty('--_cg-grid-min', this.minColumn || '0');\n    }\n  }\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-grid': CgGrid;\n  }\n}\n"],"names":["CgGrid","LitElement","changed","html","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;AA0BO,IAAMA,IAAN,cAAqBC,EAAW;AAAA,EAAhC,cAAA;AAAA,UAAA,GAAA,SAAA,GAoCsC,KAAA,UAAU,GACC,KAAA,YAAY,IACrC,KAAA,MAAyD,MACzD,KAAA,QAAgD,WAChD,KAAA,UAAkD,WACnC,KAAA,OAAO;AAAA,EAAA;AAAA,EAE1C,QAAQC,GAAqC;AACpD,IAAIA,EAAQ,IAAI,SAAS,KACvB,KAAK,MAAM,YAAY,sBAAsB,OAAO,KAAK,IAAI,GAAG,KAAK,OAAO,CAAC,CAAC,GAE5EA,EAAQ,IAAI,WAAW,KACzB,KAAK,MAAM,YAAY,kBAAkB,KAAK,aAAa,GAAG;AAAA,EAElE;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AAvDaH,EACK,SAAS,CAACI,GAAWC,GAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiCnD;AAE0CC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GApC9BR,EAoCgC,WAAA,WAAA,CAAA;AACWO,EAAA;AAAA,EAArDC,EAAS,EAAE,WAAW,cAAc,SAAS,IAAM;AAAA,GArCzCR,EAqC2C,WAAA,aAAA,CAAA;AACzBO,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAtChBR,EAsCkB,WAAA,OAAA,CAAA;AACAO,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAvChBR,EAuCkB,WAAA,SAAA,CAAA;AACAO,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAxChBR,EAwCkB,WAAA,WAAA,CAAA;AACeO,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAzC/BR,EAyCiC,WAAA,QAAA,CAAA;AAzCjCA,IAANO,EAAA;AAAA,EADNE,EAAc,SAAS;AAAA,GACXT,CAAA;"}

package/dist/components/cg-hover-card/cg-hover-card.js

@@ -1,6 +1,6 @@
 import { css as d, LitElement as p, html as u } from "lit";
 import { property as n, query as h, customElement as g } from "lit/decorators.js";
-import { h as m, r as f } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as m, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
 import { b as v, c as _ } from "../../chunks/floating-DfsaYJnh.js";
 var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (e, r, s, a) => {
   for (var i = a > 1 ? void 0 : a ? b(r, s) : r, l = e.length - 1, c; l >= 0; l--)

package/dist/components/cg-icon/cg-icon.js

@@ -2,7 +2,7 @@ import { css as z, LitElement as S, nothing as M, svg as C, html as d } from "li
 import { property as k, state as b, customElement as L } from "lit/decorators.js";
 import { unsafeSVG as x } from "lit/directives/unsafe-svg.js";
 import { unsafeHTML as A } from "lit/directives/unsafe-html.js";
-import { a as V, r as Z, c as H } from "../../chunks/premium.css-DHekUEUt.js";
+import { a as V, r as Z, c as H } from "../../chunks/premium.css-B0hBr_uS.js";
 const _ = {
   "home-2-linear": { body: '<g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 12.204c0-2.289 0-3.433.52-4.381c.518-.949 1.467-1.537 3.364-2.715l2-1.241C9.889 2.622 10.892 2 12 2s2.11.622 4.116 1.867l2 1.241c1.897 1.178 2.846 1.766 3.365 2.715S22 9.915 22 12.203v1.522c0 3.9 0 5.851-1.172 7.063S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.212S2 17.626 2 13.725z"/><path stroke-linecap="round" d="M12 15v3"/></g>', width: 24, height: 24 },
   "home-2-bold": { body: '<path fill="currentColor" fill-rule="evenodd" d="M2.52 7.823C2 8.77 2 9.915 2 12.203v1.522c0 3.9 0 5.851 1.172 7.063S6.229 22 10 22h4c3.771 0 5.657 0 6.828-1.212S22 17.626 22 13.725v-1.521c0-2.289 0-3.433-.52-4.381c-.518-.949-1.467-1.537-3.364-2.715l-2-1.241C14.111 2.622 13.108 2 12 2s-2.11.622-4.116 1.867l-2 1.241C3.987 6.286 3.038 6.874 2.519 7.823M11.25 18a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-1.5 0z" clip-rule="evenodd"/>', width: 24, height: 24 },

package/dist/components/cg-image/cg-image.js

@@ -1,6 +1,6 @@
 import { css as h, LitElement as p, nothing as l, html as d } from "lit";
 import { property as o, state as u, customElement as f } from "lit/decorators.js";
-import { h as m, r as v, b } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as m, r as v, b } from "../../chunks/premium.css-B0hBr_uS.js";
 var y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (g, i, s, a) => {
   for (var t = a > 1 ? void 0 : a ? _(i, s) : i, n = g.length - 1, c; n >= 0; n--)
     (c = g[n]) && (t = (a ? c(i, s, t) : c(t)) || t);

package/dist/components/cg-image-block/cg-image-block.js

@@ -1,6 +1,6 @@
 import { css as h, LitElement as f, nothing as o, html as c } from "lit";
 import { property as t, state as u, customElement as p } from "lit/decorators.js";
-import { h as v, r as b, b as m } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as v, r as b, b as m } from "../../chunks/premium.css-B0hBr_uS.js";
 var y = Object.defineProperty, k = Object.getOwnPropertyDescriptor, e = (a, s, l, n) => {
   for (var i = n > 1 ? void 0 : n ? k(s, l) : s, g = a.length - 1, d; g >= 0; g--)
     (d = a[g]) && (i = (n ? d(s, l, i) : d(i)) || i);

package/dist/components/cg-image-gallery/cg-image-gallery.js

@@ -1,6 +1,6 @@
 import { css as p, LitElement as f, nothing as g, html as l } from "lit";
 import { property as c, state as v, customElement as h } from "lit/decorators.js";
-import { h as b, r as w, b as y } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as b, r as w, b as y } from "../../chunks/premium.css-B0hBr_uS.js";
 var k = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, d = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? _(t, i) : t, a = r.length - 1, n; a >= 0; a--)
     (n = r[a]) && (e = (s ? n(t, i, e) : n(e)) || e);

package/dist/components/cg-input/cg-input.js

@@ -1,6 +1,6 @@
 import { css as g, LitElement as h, nothing as o, html as l } from "lit";
 import { property as r, state as u, query as f, customElement as v } from "lit/decorators.js";
-import { h as b, r as m } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as b, r as m } from "../../chunks/premium.css-B0hBr_uS.js";
 var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, t = (a, s, i, c) => {
   for (var n = c > 1 ? void 0 : c ? x(s, i) : s, d = a.length - 1, p; d >= 0; d--)
     (p = a[d]) && (n = (c ? p(s, i, n) : p(n)) || n);

package/dist/components/cg-kbd/cg-kbd.js

@@ -1,6 +1,6 @@
 import { css as m, LitElement as p, nothing as l, html as i } from "lit";
 import { property as g, customElement as b } from "lit/decorators.js";
-import { a as v } from "../../chunks/premium.css-DHekUEUt.js";
+import { a as v } from "../../chunks/premium.css-B0hBr_uS.js";
 var f = Object.defineProperty, h = Object.getOwnPropertyDescriptor, d = (n, e, r, s) => {
   for (var t = s > 1 ? void 0 : s ? h(e, r) : e, c = n.length - 1, a; c >= 0; c--)
     (a = n[c]) && (t = (s ? a(e, r, t) : a(t)) || t);

package/dist/components/cg-label/cg-label.js

@@ -1,6 +1,6 @@
 import { css as p, LitElement as g, nothing as d, html as l } from "lit";
 import { property as i, customElement as f } from "lit/decorators.js";
-import { h as u, r as m } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as u, r as m } from "../../chunks/premium.css-B0hBr_uS.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (a, t, n, s) => {
   for (var r = s > 1 ? void 0 : s ? b(t, n) : t, c = a.length - 1, h; c >= 0; c--)
     (h = a[c]) && (r = (s ? h(t, n, r) : h(r)) || r);

package/dist/components/cg-lightbox/cg-lightbox.d.ts

@@ -0,0 +1,49 @@
+import { LitElement, nothing } from 'lit';
+export interface CgLightboxImage {
+    src: string;
+    alt?: string;
+    caption?: string;
+}
+/**
+ * @element cg-lightbox
+ * Fullscreen image viewer with prev/next navigation, keyboard control,
+ * focus trap, and scroll lock. Pairs with cg-image-gallery.
+ *
+ * @example
+ * ```html
+ * <cg-lightbox open></cg-lightbox>
+ * <script>
+ *   lb.images = [{ src: '/a.jpg', alt: 'A', caption: 'First' }];
+ * </script>
+ * ```
+ *
+ * @fires {CustomEvent} cg-lightbox-open
+ * @fires {CustomEvent} cg-lightbox-close
+ * @fires {CustomEvent<{index: number}>} cg-lightbox-change
+ */
+export declare class CgLightbox extends LitElement {
+    static styles: import('lit').CSSResult[];
+    open: boolean;
+    images: CgLightboxImage[];
+    index: number;
+    closable: boolean;
+    private _focusTrap;
+    private _previousOverflow;
+    disconnectedCallback(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(changed: Map<string, unknown>): void;
+    private _clampIndex;
+    private _onOpen;
+    private _onClose;
+    private _requestClose;
+    private _go;
+    private _onKeydown;
+    private _onBackdropClick;
+    render(): import('lit').TemplateResult<1> | typeof nothing;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cg-lightbox': CgLightbox;
+    }
+}
+//# sourceMappingURL=cg-lightbox.d.ts.map

package/dist/components/cg-lightbox/cg-lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cg-lightbox.d.ts","sourceRoot":"","sources":["../../../src/components/cg-lightbox/cg-lightbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAC;AAK1D,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAmFnB;IAEyC,IAAI,UAAS;IACzB,MAAM,EAAE,eAAe,EAAE,CAAM;IACpB,KAAK,SAAK;IACxB,QAAQ,UAAQ;IAE7C,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,iBAAiB,CAAM;IAEtB,oBAAoB,IAAI,IAAI;IAM5B,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAO/C,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IASrD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,OAAO;IAqBf,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,GAAG;IAWX,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,gBAAgB;IAIf,MAAM;CAuChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/components/cg-lightbox/cg-lightbox.js

@@ -0,0 +1,203 @@
+import { css as u, LitElement as h, nothing as s, svg as p, html as o } from "lit";
+import { property as c, customElement as v } from "lit/decorators.js";
+import { h as f, r as m, j as b } from "../../chunks/premium.css-B0hBr_uS.js";
+import { F as x } from "../../chunks/focus-trap-vlQwKK-3.js";
+var w = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (t, e, l, n) => {
+  for (var r = n > 1 ? void 0 : n ? y(e, l) : e, d = t.length - 1, g; d >= 0; d--)
+    (g = t[d]) && (r = (n ? g(e, l, r) : g(r)) || r);
+  return n && r && w(e, l, r), r;
+};
+let i = class extends h {
+  constructor() {
+    super(...arguments), this.open = !1, this.images = [], this.index = 0, this.closable = !0, this._focusTrap = new x(), this._previousOverflow = "";
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.open && (document.body.style.overflow = this._previousOverflow || ""), this._focusTrap.deactivate();
+  }
+  willUpdate(t) {
+    (t.has("index") || t.has("images")) && this._clampIndex();
+  }
+  updated(t) {
+    if (t.has("open")) {
+      if (t.get("open") === void 0 && !this.open) return;
+      this.open ? this._onOpen() : this._onClose(t.get("open") === !0);
+    }
+  }
+  _clampIndex() {
+    const t = Math.max(0, this.images.length - 1);
+    this.index > t && (this.index = t), this.index < 0 && (this.index = 0);
+  }
+  _onOpen() {
+    this._previousOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", this.dispatchEvent(new CustomEvent("cg-lightbox-open", { bubbles: !0, composed: !0 })), requestAnimationFrame(() => {
+      const t = this.shadowRoot?.querySelector(".stage");
+      t && this._focusTrap.activate(t, {
+        returnFocus: !0,
+        handleEscape: this.closable,
+        onEscape: () => this._requestClose(),
+        // Focus the dialog itself so opening always lands inside the trap,
+        // even with zero interactive controls (single image + closable=false).
+        // Controls remain reachable via Tab.
+        initialFocus: t
+      });
+    });
+  }
+  _onClose(t) {
+    document.body.style.overflow = this._previousOverflow, this._focusTrap.deactivate(), t && this.dispatchEvent(new CustomEvent("cg-lightbox-close", { bubbles: !0, composed: !0 }));
+  }
+  _requestClose() {
+    this.closable && (this.open = !1);
+  }
+  _go(t) {
+    if (this.images.length < 2) return;
+    const e = this.images.length;
+    this.index = (this.index + t + e) % e, this.dispatchEvent(new CustomEvent("cg-lightbox-change", {
+      detail: { index: this.index },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  _onKeydown(t) {
+    t.key === "ArrowRight" ? (t.preventDefault(), this._go(1)) : t.key === "ArrowLeft" && (t.preventDefault(), this._go(-1));
+  }
+  _onBackdropClick(t) {
+    t.target === t.currentTarget && this._requestClose();
+  }
+  render() {
+    if (!this.open) return s;
+    const t = this.images[this.index], e = this.images.length > 1;
+    return o`
+      <div class="backdrop" @click=${this._onBackdropClick} @keydown=${this._onKeydown}>
+        <figure
+          class="stage"
+          role="dialog"
+          aria-modal="true"
+          tabindex="-1"
+          aria-label=${t?.caption || t?.alt || "Image viewer"}
+        >
+          ${this.closable ? o`
+            <button class="ctrl close" type="button" aria-label="Close" @click=${this._requestClose}>
+              ${p`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg>`}
+            </button>` : s}
+
+          ${e ? o`
+            <button class="ctrl nav prev" type="button" aria-label="Previous image" @click=${() => this._go(-1)}>
+              ${p`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 6l-6 6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`}
+            </button>` : s}
+
+          ${t ? o`<img src=${t.src} alt=${t.alt || ""} />` : o`<figcaption>No images</figcaption>`}
+
+          ${e ? o`
+            <button class="ctrl nav next" type="button" aria-label="Next image" @click=${() => this._go(1)}>
+              ${p`<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`}
+            </button>` : s}
+
+          ${t?.caption ? o`<figcaption>${t.caption}</figcaption>` : s}
+          ${e ? o`<span class="counter">${this.index + 1} / ${this.images.length}</span>` : s}
+        </figure>
+      </div>
+    `;
+  }
+};
+i.styles = [f, m, u`
+    :host { display: contents; }
+
+    .backdrop {
+      position: fixed;
+      inset: 0;
+      z-index: var(--cg-z-index-500);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--cg-color-modal-overlay-background);
+      backdrop-filter: blur(var(--cg-blur-backdrop)) saturate(150%);
+      -webkit-backdrop-filter: blur(var(--cg-blur-backdrop)) saturate(150%);
+    }
+
+    .stage {
+      position: relative;
+      max-width: 92vw;
+      max-height: 92vh;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: var(--cg-spacing-12);
+    }
+
+    img {
+      max-width: 92vw;
+      max-height: 80vh;
+      object-fit: contain;
+      border-radius: var(--cg-border-radius-150);
+      box-shadow: var(--cg-shadow-lg);
+    }
+
+    figcaption {
+      color: var(--cg-color-surface-cards-text);
+      font-family: var(--cg-font-family-primary);
+      font-size: var(--cg-font-size-sm);
+      text-align: center;
+    }
+
+    .ctrl {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      /* 44px = WCAG 2.5.5 / iOS minimum touch target. Raw px matches the
+         system convention (cg-checkbox min-height:44px); 44 is not on the
+         spacing scale. */
+      width: 44px;
+      height: 44px;
+      padding: 0;
+      border-radius: var(--cg-border-radius-full);
+      background: var(--cg-color-surface-cards-background);
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);
+      color: var(--cg-color-surface-cards-text);
+      cursor: pointer;
+      transition:
+        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .ctrl:hover { border-color: var(--cg-color-action-primary-border-default); }
+    .ctrl:active { transform: scale(var(--cg-interaction-press-scale)); }
+    .ctrl:focus-visible { ${b} }
+    .ctrl svg { width: var(--cg-spacing-20); height: var(--cg-spacing-20); }
+
+    .close { position: absolute; top: calc(-1 * var(--cg-spacing-48)); right: 0; }
+    .nav { position: absolute; top: 50%; transform: translateY(-50%); }
+    .nav.prev { left: calc(-1 * var(--cg-spacing-56)); }
+    .nav.next { right: calc(-1 * var(--cg-spacing-56)); }
+    .nav:active { transform: translateY(-50%) scale(var(--cg-interaction-press-scale)); }
+
+    /* On narrow viewports the stage fills ~92vw, so nav buttons positioned
+       outside the stage clip off-screen. Pull them just inside the edges. */
+    @media (max-width: 640px) {
+      .nav.prev { left: var(--cg-spacing-8); }
+      .nav.next { right: var(--cg-spacing-8); }
+    }
+
+    .counter {
+      color: var(--cg-color-surface-cards-text);
+      font-family: var(--cg-font-family-primary);
+      font-size: var(--cg-font-size-sm);
+      opacity: 0.8;
+    }
+  `];
+a([
+  c({ type: Boolean, reflect: !0 })
+], i.prototype, "open", 2);
+a([
+  c({ attribute: !1 })
+], i.prototype, "images", 2);
+a([
+  c({ type: Number, reflect: !0 })
+], i.prototype, "index", 2);
+a([
+  c({ type: Boolean })
+], i.prototype, "closable", 2);
+i = a([
+  v("cg-lightbox")
+], i);
+export {
+  i as CgLightbox
+};
+//# sourceMappingURL=cg-lightbox.js.map

package/dist/components/cg-lightbox/cg-lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cg-lightbox.js","sources":["../../../src/components/cg-lightbox/cg-lightbox.ts"],"sourcesContent":["import { LitElement, html, css, svg, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, focusRingDual } from '../../styles/index.js';\nimport { FocusTrap } from '../../utils/focus-trap.js';\n\nexport interface CgLightboxImage {\n  src: string;\n  alt?: string;\n  caption?: string;\n}\n\n/**\n * @element cg-lightbox\n * Fullscreen image viewer with prev/next navigation, keyboard control,\n * focus trap, and scroll lock. Pairs with cg-image-gallery.\n *\n * @example\n * ```html\n * <cg-lightbox open></cg-lightbox>\n * <script>\n *   lb.images = [{ src: '/a.jpg', alt: 'A', caption: 'First' }];\n * </script>\n * ```\n *\n * @fires {CustomEvent} cg-lightbox-open\n * @fires {CustomEvent} cg-lightbox-close\n * @fires {CustomEvent<{index: number}>} cg-lightbox-change\n */\n@customElement('cg-lightbox')\nexport class CgLightbox extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host { display: contents; }\n\n    .backdrop {\n      position: fixed;\n      inset: 0;\n      z-index: var(--cg-z-index-500);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--cg-color-modal-overlay-background);\n      backdrop-filter: blur(var(--cg-blur-backdrop)) saturate(150%);\n      -webkit-backdrop-filter: blur(var(--cg-blur-backdrop)) saturate(150%);\n    }\n\n    .stage {\n      position: relative;\n      max-width: 92vw;\n      max-height: 92vh;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--cg-spacing-12);\n    }\n\n    img {\n      max-width: 92vw;\n      max-height: 80vh;\n      object-fit: contain;\n      border-radius: var(--cg-border-radius-150);\n      box-shadow: var(--cg-shadow-lg);\n    }\n\n    figcaption {\n      color: var(--cg-color-surface-cards-text);\n      font-family: var(--cg-font-family-primary);\n      font-size: var(--cg-font-size-sm);\n      text-align: center;\n    }\n\n    .ctrl {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      /* 44px = WCAG 2.5.5 / iOS minimum touch target. Raw px matches the\n         system convention (cg-checkbox min-height:44px); 44 is not on the\n         spacing scale. */\n      width: 44px;\n      height: 44px;\n      padding: 0;\n      border-radius: var(--cg-border-radius-full);\n      background: var(--cg-color-surface-cards-background);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-cards-border);\n      color: var(--cg-color-surface-cards-text);\n      cursor: pointer;\n      transition:\n        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .ctrl:hover { border-color: var(--cg-color-action-primary-border-default); }\n    .ctrl:active { transform: scale(var(--cg-interaction-press-scale)); }\n    .ctrl:focus-visible { ${focusRingDual} }\n    .ctrl svg { width: var(--cg-spacing-20); height: var(--cg-spacing-20); }\n\n    .close { position: absolute; top: calc(-1 * var(--cg-spacing-48)); right: 0; }\n    .nav { position: absolute; top: 50%; transform: translateY(-50%); }\n    .nav.prev { left: calc(-1 * var(--cg-spacing-56)); }\n    .nav.next { right: calc(-1 * var(--cg-spacing-56)); }\n    .nav:active { transform: translateY(-50%) scale(var(--cg-interaction-press-scale)); }\n\n    /* On narrow viewports the stage fills ~92vw, so nav buttons positioned\n       outside the stage clip off-screen. Pull them just inside the edges. */\n    @media (max-width: 640px) {\n      .nav.prev { left: var(--cg-spacing-8); }\n      .nav.next { right: var(--cg-spacing-8); }\n    }\n\n    .counter {\n      color: var(--cg-color-surface-cards-text);\n      font-family: var(--cg-font-family-primary);\n      font-size: var(--cg-font-size-sm);\n      opacity: 0.8;\n    }\n  `];\n\n  @property({ type: Boolean, reflect: true }) open = false;\n  @property({ attribute: false }) images: CgLightboxImage[] = [];\n  @property({ type: Number, reflect: true }) index = 0;\n  @property({ type: Boolean }) closable = true;\n\n  private _focusTrap = new FocusTrap();\n  private _previousOverflow = '';\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.open) document.body.style.overflow = this._previousOverflow || '';\n    this._focusTrap.deactivate();\n  }\n\n  override willUpdate(changed: Map<string, unknown>): void {\n    // Clamp before render so we never set a reactive property in updated().\n    if (changed.has('index') || changed.has('images')) {\n      this._clampIndex();\n    }\n  }\n\n  override updated(changed: Map<string, unknown>): void {\n    if (changed.has('open')) {\n      // First render with open=false is not a close.\n      if (changed.get('open') === undefined && !this.open) return;\n      if (this.open) this._onOpen();\n      else this._onClose(changed.get('open') === true);\n    }\n  }\n\n  private _clampIndex(): void {\n    const max = Math.max(0, this.images.length - 1);\n    if (this.index > max) this.index = max;\n    if (this.index < 0) this.index = 0;\n  }\n\n  private _onOpen(): void {\n    this._previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    this.dispatchEvent(new CustomEvent('cg-lightbox-open', { bubbles: true, composed: true }));\n    // Activate the trap after the overlay renders.\n    requestAnimationFrame(() => {\n      const stage = this.shadowRoot?.querySelector<HTMLElement>('.stage');\n      if (stage) {\n        this._focusTrap.activate(stage, {\n          returnFocus: true,\n          handleEscape: this.closable,\n          onEscape: () => this._requestClose(),\n          // Focus the dialog itself so opening always lands inside the trap,\n          // even with zero interactive controls (single image + closable=false).\n          // Controls remain reachable via Tab.\n          initialFocus: stage,\n        });\n      }\n    });\n  }\n\n  private _onClose(wasOpen: boolean): void {\n    document.body.style.overflow = this._previousOverflow;\n    this._focusTrap.deactivate();\n    if (wasOpen) {\n      this.dispatchEvent(new CustomEvent('cg-lightbox-close', { bubbles: true, composed: true }));\n    }\n  }\n\n  private _requestClose(): void {\n    if (!this.closable) return;\n    this.open = false;\n  }\n\n  private _go(delta: number): void {\n    if (this.images.length < 2) return;\n    const n = this.images.length;\n    this.index = (this.index + delta + n) % n;\n    this.dispatchEvent(new CustomEvent('cg-lightbox-change', {\n      detail: { index: this.index },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _onKeydown(e: KeyboardEvent): void {\n    if (e.key === 'ArrowRight') { e.preventDefault(); this._go(1); }\n    else if (e.key === 'ArrowLeft') { e.preventDefault(); this._go(-1); }\n    // Escape is handled by the FocusTrap onEscape.\n  }\n\n  private _onBackdropClick(e: MouseEvent): void {\n    if (e.target === e.currentTarget) this._requestClose();\n  }\n\n  override render() {\n    if (!this.open) return nothing;\n    const current = this.images[this.index];\n    const many = this.images.length > 1;\n\n    return html`\n      <div class=\"backdrop\" @click=${this._onBackdropClick} @keydown=${this._onKeydown}>\n        <figure\n          class=\"stage\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          tabindex=\"-1\"\n          aria-label=${current?.caption || current?.alt || 'Image viewer'}\n        >\n          ${this.closable ? html`\n            <button class=\"ctrl close\" type=\"button\" aria-label=\"Close\" @click=${this._requestClose}>\n              ${svg`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/></svg>`}\n            </button>` : nothing}\n\n          ${many ? html`\n            <button class=\"ctrl nav prev\" type=\"button\" aria-label=\"Previous image\" @click=${() => this._go(-1)}>\n              ${svg`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M15 6l-6 6 6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`}\n            </button>` : nothing}\n\n          ${current\n            ? html`<img src=${current.src} alt=${current.alt || ''} />`\n            : html`<figcaption>No images</figcaption>`}\n\n          ${many ? html`\n            <button class=\"ctrl nav next\" type=\"button\" aria-label=\"Next image\" @click=${() => this._go(1)}>\n              ${svg`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M9 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`}\n            </button>` : nothing}\n\n          ${current?.caption ? html`<figcaption>${current.caption}</figcaption>` : nothing}\n          ${many ? html`<span class=\"counter\">${this.index + 1} / ${this.images.length}</span>` : nothing}\n        </figure>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-lightbox': CgLightbox;\n  }\n}\n"],"names":["CgLightbox","LitElement","FocusTrap","changed","max","stage","wasOpen","delta","n","e","nothing","current","many","html","svg","hostBlock","reducedMotion","css","focusRingDual","__decorateClass","property","customElement"],"mappings":";;;;;;;;;AA6BO,IAAMA,IAAN,cAAyBC,EAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA,GAsFuC,KAAA,OAAO,IACnB,KAAA,SAA4B,CAAA,GACjB,KAAA,QAAQ,GACtB,KAAA,WAAW,IAExC,KAAQ,aAAa,IAAIC,EAAA,GACzB,KAAQ,oBAAoB;AAAA,EAAA;AAAA,EAEnB,uBAA6B;AACpC,UAAM,qBAAA,GACF,KAAK,SAAM,SAAS,KAAK,MAAM,WAAW,KAAK,qBAAqB,KACxE,KAAK,WAAW,WAAA;AAAA,EAClB;AAAA,EAES,WAAWC,GAAqC;AAEvD,KAAIA,EAAQ,IAAI,OAAO,KAAKA,EAAQ,IAAI,QAAQ,MAC9C,KAAK,YAAA;AAAA,EAET;AAAA,EAES,QAAQA,GAAqC;AACpD,QAAIA,EAAQ,IAAI,MAAM,GAAG;AAEvB,UAAIA,EAAQ,IAAI,MAAM,MAAM,UAAa,CAAC,KAAK,KAAM;AACrD,MAAI,KAAK,OAAM,KAAK,QAAA,SACV,SAASA,EAAQ,IAAI,MAAM,MAAM,EAAI;AAAA,IACjD;AAAA,EACF;AAAA,EAEQ,cAAoB;AAC1B,UAAMC,IAAM,KAAK,IAAI,GAAG,KAAK,OAAO,SAAS,CAAC;AAC9C,IAAI,KAAK,QAAQA,MAAK,KAAK,QAAQA,IAC/B,KAAK,QAAQ,MAAG,KAAK,QAAQ;AAAA,EACnC;AAAA,EAEQ,UAAgB;AACtB,SAAK,oBAAoB,SAAS,KAAK,MAAM,UAC7C,SAAS,KAAK,MAAM,WAAW,UAC/B,KAAK,cAAc,IAAI,YAAY,oBAAoB,EAAE,SAAS,IAAM,UAAU,GAAA,CAAM,CAAC,GAEzF,sBAAsB,MAAM;AAC1B,YAAMC,IAAQ,KAAK,YAAY,cAA2B,QAAQ;AAClE,MAAIA,KACF,KAAK,WAAW,SAASA,GAAO;AAAA,QAC9B,aAAa;AAAA,QACb,cAAc,KAAK;AAAA,QACnB,UAAU,MAAM,KAAK,cAAA;AAAA;AAAA;AAAA;AAAA,QAIrB,cAAcA;AAAA,MAAA,CACf;AAAA,IAEL,CAAC;AAAA,EACH;AAAA,EAEQ,SAASC,GAAwB;AACvC,aAAS,KAAK,MAAM,WAAW,KAAK,mBACpC,KAAK,WAAW,WAAA,GACZA,KACF,KAAK,cAAc,IAAI,YAAY,qBAAqB,EAAE,SAAS,IAAM,UAAU,GAAA,CAAM,CAAC;AAAA,EAE9F;AAAA,EAEQ,gBAAsB;AAC5B,IAAK,KAAK,aACV,KAAK,OAAO;AAAA,EACd;AAAA,EAEQ,IAAIC,GAAqB;AAC/B,QAAI,KAAK,OAAO,SAAS,EAAG;AAC5B,UAAMC,IAAI,KAAK,OAAO;AACtB,SAAK,SAAS,KAAK,QAAQD,IAAQC,KAAKA,GACxC,KAAK,cAAc,IAAI,YAAY,sBAAsB;AAAA,MACvD,QAAQ,EAAE,OAAO,KAAK,MAAA;AAAA,MACtB,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA,EAEQ,WAAWC,GAAwB;AACzC,IAAIA,EAAE,QAAQ,gBAAgBA,EAAE,eAAA,GAAkB,KAAK,IAAI,CAAC,KACnDA,EAAE,QAAQ,gBAAeA,EAAE,eAAA,GAAkB,KAAK,IAAI,EAAE;AAAA,EAEnE;AAAA,EAEQ,iBAAiBA,GAAqB;AAC5C,IAAIA,EAAE,WAAWA,EAAE,sBAAoB,cAAA;AAAA,EACzC;AAAA,EAES,SAAS;AAChB,QAAI,CAAC,KAAK,KAAM,QAAOC;AACvB,UAAMC,IAAU,KAAK,OAAO,KAAK,KAAK,GAChCC,IAAO,KAAK,OAAO,SAAS;AAElC,WAAOC;AAAA,qCAC0B,KAAK,gBAAgB,aAAa,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAM/DF,GAAS,WAAWA,GAAS,OAAO,cAAc;AAAA;AAAA,YAE7D,KAAK,WAAWE;AAAA,iFACqD,KAAK,aAAa;AAAA,gBACnFC,+JAAiK;AAAA,yBACxJJ,CAAO;AAAA;AAAA,YAEpBE,IAAOC;AAAA,6FAC0E,MAAM,KAAK,IAAI,EAAE,CAAC;AAAA,gBAC/FC,iLAAmL;AAAA,yBAC1KJ,CAAO;AAAA;AAAA,YAEpBC,IACEE,aAAgBF,EAAQ,GAAG,QAAQA,EAAQ,OAAO,EAAE,QACpDE,qCAAwC;AAAA;AAAA,YAE1CD,IAAOC;AAAA,yFACsE,MAAM,KAAK,IAAI,CAAC,CAAC;AAAA,gBAC1FC,+KAAiL;AAAA,yBACxKJ,CAAO;AAAA;AAAA,YAEpBC,GAAS,UAAUE,gBAAmBF,EAAQ,OAAO,kBAAkBD,CAAO;AAAA,YAC9EE,IAAOC,0BAA6B,KAAK,QAAQ,CAAC,MAAM,KAAK,OAAO,MAAM,YAAYH,CAAO;AAAA;AAAA;AAAA;AAAA,EAIvG;AACF;AAxNaV,EACK,SAAS,CAACe,GAAWC,GAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BA6D1BC,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBtC;AAE2CC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAtF/BpB,EAsFiC,WAAA,QAAA,CAAA;AACZmB,EAAA;AAAA,EAA/BC,EAAS,EAAE,WAAW,GAAA,CAAO;AAAA,GAvFnBpB,EAuFqB,WAAA,UAAA,CAAA;AACWmB,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAxF9BpB,EAwFgC,WAAA,SAAA,CAAA;AACdmB,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAzFhBpB,EAyFkB,WAAA,YAAA,CAAA;AAzFlBA,IAANmB,EAAA;AAAA,EADNE,EAAc,aAAa;AAAA,GACfrB,CAAA;"}

package/dist/components/cg-link/cg-link.js

@@ -1,6 +1,6 @@
 import { css as h, LitElement as v, nothing as a, html as u } from "lit";
 import { property as o, customElement as f } from "lit/decorators.js";
-import { a as g, r as p } from "../../chunks/premium.css-DHekUEUt.js";
+import { a as g, r as p } from "../../chunks/premium.css-B0hBr_uS.js";
 var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (n, i, c, s) => {
   for (var e = s > 1 ? void 0 : s ? x(i, c) : i, l = n.length - 1, d; l >= 0; l--)
     (d = n[l]) && (e = (s ? d(i, c, e) : d(e)) || e);

package/dist/components/cg-list/cg-list.js

@@ -1,6 +1,6 @@
 import { css as h, LitElement as v, html as i, nothing as o } from "lit";
 import { property as c, customElement as u } from "lit/decorators.js";
-import { h as p, r as f } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as p, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
 var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, s = (e, t, r, l) => {
   for (var n = l > 1 ? void 0 : l ? m(t, r) : t, d = e.length - 1, g; d >= 0; d--)
     (g = e[d]) && (n = (l ? g(t, r, n) : g(n)) || n);

package/dist/components/cg-listbox/cg-listbox.js

@@ -1,6 +1,6 @@
 import { css as g, LitElement as p, html as h, nothing as c } from "lit";
 import { property as d, state as u, customElement as v } from "lit/decorators.js";
-import { h as f, r as b, g as m } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as f, r as b, g as m } from "../../chunks/premium.css-B0hBr_uS.js";
 var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (e, i, t, o) => {
   for (var r = o > 1 ? void 0 : o ? x(i, t) : i, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (r = (o ? l(i, t, r) : l(r)) || r);

package/dist/components/cg-markdown/cg-markdown.js

@@ -1,6 +1,6 @@
 import { css as w, LitElement as y, html as v } from "lit";
 import { property as k, customElement as x } from "lit/decorators.js";
-import { h as $, r as C } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as $, r as C } from "../../chunks/premium.css-B0hBr_uS.js";
 var S = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, b = (e, r, o, t) => {
   for (var a = t > 1 ? void 0 : t ? _(r, o) : r, h = e.length - 1, l; h >= 0; h--)
     (l = e[h]) && (a = (t ? l(r, o, a) : l(a)) || a);

package/dist/components/cg-menubar/cg-menubar.js

@@ -1,6 +1,6 @@
 import { css as f, LitElement as b, nothing as h, html as d } from "lit";
 import { property as l, state as u, customElement as m } from "lit/decorators.js";
-import { h as v, r as _, m as y, e as w } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as v, r as _, m as y, e as w } from "../../chunks/premium.css-B0hBr_uS.js";
 var x = Object.defineProperty, k = Object.getOwnPropertyDescriptor, a = (e, r, o, t) => {
   for (var n = t > 1 ? void 0 : t ? k(r, o) : r, s = e.length - 1, c; s >= 0; s--)
     (c = e[s]) && (n = (t ? c(r, o, n) : c(n)) || n);

package/dist/components/cg-meter/cg-meter.js

@@ -1,6 +1,6 @@
 import { css as d, LitElement as v, nothing as s, html as h, svg as p } from "lit";
 import { property as o, customElement as f } from "lit/decorators.js";
-import { h as b, r as w } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as b, r as w } from "../../chunks/premium.css-B0hBr_uS.js";
 var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (l, r, n, i) => {
   for (var t = i > 1 ? void 0 : i ? x(r, n) : r, u = l.length - 1, c; u >= 0; u--)
     (c = l[u]) && (t = (i ? c(r, n, t) : c(t)) || t);

package/dist/components/cg-metric-card/cg-metric-card.js

@@ -1,6 +1,6 @@
 import { css as v, LitElement as u, html as i, nothing as o } from "lit";
 import { property as a, customElement as p } from "lit/decorators.js";
-import { h, r as f, b as m } from "../../chunks/premium.css-DHekUEUt.js";
+import { h, r as f, b as m } from "../../chunks/premium.css-B0hBr_uS.js";
 var b = Object.defineProperty, k = Object.getOwnPropertyDescriptor, e = (t, n, d, c) => {
   for (var s = c > 1 ? void 0 : c ? k(n, d) : n, l = t.length - 1, g; l >= 0; l--)
     (g = t[l]) && (s = (c ? g(n, d, s) : g(s)) || s);

package/dist/components/cg-modal/cg-modal.js

@@ -1,6 +1,6 @@
 import { css as u, LitElement as v, nothing as t, html as s } from "lit";
 import { property as r, state as p, customElement as h } from "lit/decorators.js";
-import { c as m, r as f } from "../../chunks/premium.css-DHekUEUt.js";
+import { c as m, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
 import { F as b } from "../../chunks/focus-trap-vlQwKK-3.js";
 var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, e = (o, i, l, c) => {
   for (var n = c > 1 ? void 0 : c ? x(i, l) : i, d = o.length - 1, g; d >= 0; d--)

package/dist/components/cg-navbar/cg-navbar.js

@@ -1,6 +1,6 @@
 import { css as u, LitElement as b, nothing as d, html as l } from "lit";
 import { property as g, state as p, query as v, customElement as f } from "lit/decorators.js";
-import { h, r as m } from "../../chunks/premium.css-DHekUEUt.js";
+import { h, r as m } from "../../chunks/premium.css-B0hBr_uS.js";
 var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (e, a, t, s) => {
   for (var r = s > 1 ? void 0 : s ? w(a, t) : a, o = e.length - 1, c; o >= 0; o--)
     (c = e[o]) && (r = (s ? c(a, t, r) : c(r)) || r);

package/dist/components/cg-navigation-menu/cg-navigation-menu.js

@@ -1,6 +1,6 @@
 import { css as p, LitElement as u, nothing as a, html as n } from "lit";
 import { property as s, state as v, customElement as h } from "lit/decorators.js";
-import { h as f, r as m } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as f, r as m } from "../../chunks/premium.css-B0hBr_uS.js";
 var b = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, o = (r, e, l, c) => {
   for (var t = c > 1 ? void 0 : c ? _(e, l) : e, g = r.length - 1, d; g >= 0; g--)
     (d = r[g]) && (t = (c ? d(e, l, t) : d(t)) || t);

package/dist/components/cg-number-input/cg-number-input.js

@@ -1,6 +1,6 @@
 import { css as p, LitElement as h, nothing as l, html as d } from "lit";
 import { property as s, state as g, query as v, customElement as b } from "lit/decorators.js";
-import { a as m, r as f } from "../../chunks/premium.css-DHekUEUt.js";
+import { a as m, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
 var w = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (e, i, o, n) => {
   for (var a = n > 1 ? void 0 : n ? _(i, o) : i, c = e.length - 1, u; c >= 0; c--)
     (u = e[c]) && (a = (n ? u(i, o, a) : u(a)) || a);

package/dist/components/cg-otp-input/cg-otp-input.js

@@ -1,6 +1,6 @@
 import { css as g, LitElement as p, html as u } from "lit";
 import { property as c, state as f, customElement as b } from "lit/decorators.js";
-import { a as v, r as m } from "../../chunks/premium.css-DHekUEUt.js";
+import { a as v, r as m } from "../../chunks/premium.css-B0hBr_uS.js";
 var _ = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (t, e, r, s) => {
   for (var o = s > 1 ? void 0 : s ? x(e, r) : e, l = t.length - 1, n; l >= 0; l--)
     (n = t[l]) && (o = (s ? n(e, r, o) : n(o)) || o);