@cognivo/components 0.8.0

package/dist/components/cg-focus-scope/cg-focus-scope.js

@@ -0,0 +1,47 @@
+import { css as u, LitElement as l, html as h } from "lit";
+import { property as n, customElement as f } from "lit/decorators.js";
+import { F as v } from "../../chunks/focus-trap-BdRNhSPD.js";
+var d = Object.defineProperty, m = Object.getOwnPropertyDescriptor, p = (s, r, a, c) => {
+  for (var t = c > 1 ? void 0 : c ? m(r, a) : r, o = s.length - 1, i; o >= 0; o--)
+    (i = s[o]) && (t = (c ? i(r, a, t) : i(t)) || t);
+  return c && t && d(r, a, t), t;
+};
+let e = class extends l {
+  constructor() {
+    super(...arguments), this.active = !1, this.returnFocus = !0, this._trap = new v();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.active && this._trap.activate(this, {
+      returnFocus: this.returnFocus,
+      handleEscape: !1
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._trap.deactivate();
+  }
+  updated(s) {
+    s.has("active") && (this.active ? this._trap.activate(this, {
+      returnFocus: this.returnFocus,
+      handleEscape: !1
+    }) : this._trap.deactivate());
+  }
+  render() {
+    return h`<slot></slot>`;
+  }
+};
+e.styles = u`
+    :host { display: contents; }
+  `;
+p([
+  n({ type: Boolean, reflect: !0 })
+], e.prototype, "active", 2);
+p([
+  n({ type: Boolean, attribute: "return-focus" })
+], e.prototype, "returnFocus", 2);
+e = p([
+  f("cg-focus-scope")
+], e);
+export {
+  e as CgFocusScope
+};
+//# sourceMappingURL=cg-focus-scope.js.map

package/dist/components/cg-focus-scope/cg-focus-scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cg-focus-scope.js","sources":["../../../src/components/cg-focus-scope/cg-focus-scope.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { FocusTrap } from '../../utils/focus-trap.js';\n\n/**\n * @element cg-focus-scope\n * Headless behavior primitive that traps Tab-focus within itself when\n * `active`. Renders no chrome (`display: contents`) — children render as\n * if the wrapper weren't there.\n *\n * Escape is intentionally NOT handled here: parent containers (dialogs,\n * sheets, drawers) own dismiss semantics. Wire your own keydown listener\n * if you need Escape to deactivate.\n *\n * @example\n * ```html\n * <cg-focus-scope ?active=${this.dialogOpen}>\n *   <button>First</button>\n *   <input />\n *   <button>Last</button>\n * </cg-focus-scope>\n * ```\n *\n * @slot - Children inside the focus trap.\n */\n@customElement('cg-focus-scope')\nexport class CgFocusScope extends LitElement {\n  static override styles = css`\n    :host { display: contents; }\n  `;\n\n  @property({ type: Boolean, reflect: true }) active = false;\n  @property({ type: Boolean, attribute: 'return-focus' }) returnFocus = true;\n\n  private _trap = new FocusTrap();\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // If the element is moved or re-attached while `active` is still true,\n    // restore the trap — `updated()` only fires on property change so it\n    // won't re-engage on its own.\n    if (this.active) {\n      this._trap.activate(this, {\n        returnFocus: this.returnFocus,\n        handleEscape: false,\n      });\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._trap.deactivate();\n  }\n\n  override updated(changed: Map<string, unknown>): void {\n    if (changed.has('active')) {\n      if (this.active) {\n        this._trap.activate(this, {\n          returnFocus: this.returnFocus,\n          handleEscape: false,\n        });\n      } else {\n        this._trap.deactivate();\n      }\n    }\n  }\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-focus-scope': CgFocusScope;\n  }\n}\n"],"names":["CgFocusScope","LitElement","FocusTrap","changed","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;AA0BO,IAAMA,IAAN,cAA2BC,EAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GAKuC,KAAA,SAAS,IACG,KAAA,cAAc,IAEtE,KAAQ,QAAQ,IAAIC,EAAA;AAAA,EAAU;AAAA,EAErB,oBAA0B;AACjC,UAAM,kBAAA,GAIF,KAAK,UACP,KAAK,MAAM,SAAS,MAAM;AAAA,MACxB,aAAa,KAAK;AAAA,MAClB,cAAc;AAAA,IAAA,CACf;AAAA,EAEL;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA,GACN,KAAK,MAAM,WAAA;AAAA,EACb;AAAA,EAES,QAAQC,GAAqC;AACpD,IAAIA,EAAQ,IAAI,QAAQ,MAClB,KAAK,SACP,KAAK,MAAM,SAAS,MAAM;AAAA,MACxB,aAAa,KAAK;AAAA,MAClB,cAAc;AAAA,IAAA,CACf,IAED,KAAK,MAAM,WAAA;AAAA,EAGjB;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AA5CaJ,EACK,SAASK;AAAA;AAAA;AAImBC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAL/BP,EAKiC,WAAA,UAAA,CAAA;AACYM,EAAA;AAAA,EAAvDC,EAAS,EAAE,MAAM,SAAS,WAAW,gBAAgB;AAAA,GAN3CP,EAM6C,WAAA,eAAA,CAAA;AAN7CA,IAANM,EAAA;AAAA,EADNE,EAAc,gBAAgB;AAAA,GAClBR,CAAA;"}

package/dist/components/cg-follow-up/cg-follow-up.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+/**
+ * <cg-follow-up> — Suggestion chips for chat conversations.
+ *
+ * @fires {CustomEvent<{text: string}>} cg-follow-up-click - When a suggestion is clicked
+ */
+export interface FollowUpItem {
+    text: string;
+    icon?: string;
+}
+export declare class CgFollowUp extends LitElement {
+    static styles: import('lit').CSSResult[];
+    items: (string | FollowUpItem)[];
+    label: string;
+    disabled: boolean;
+    loading: boolean;
+    hideLabel: boolean;
+    variant: 'chips' | 'cards' | 'buttons';
+    maxVisible: number;
+    private _showAll;
+    private _getText;
+    private _getIcon;
+    private _handleClick;
+    private _handleShowAll;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cg-follow-up': CgFollowUp;
+    }
+}
+//# sourceMappingURL=cg-follow-up.d.ts.map

package/dist/components/cg-follow-up/cg-follow-up.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cg-follow-up.d.ts","sourceRoot":"","sources":["../../../src/components/cg-follow-up/cg-follow-up.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD;;;;GAIG;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAuInB;IAEwB,KAAK,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAM;IACrD,KAAK,SAAe;IACH,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,SAAS,UAAS;IACJ,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAW;IAChE,UAAU,EAAE,MAAM,CAAK;IAE1C,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,cAAc;IAIb,MAAM;CAiDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAAG,cAAc,EAAE,UAAU,CAAC;KAAE;CAChE"}

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

@@ -0,0 +1,233 @@
+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 } from "../../chunks/premium.css-9I4kHrsl.js";
+var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, i = (r, e, g, t) => {
+  for (var o = t > 1 ? void 0 : t ? w(e, g) : e, c = r.length - 1, l; c >= 0; c--)
+    (l = r[c]) && (o = (t ? l(e, g, o) : l(o)) || o);
+  return t && o && y(e, g, o), o;
+};
+let a = class extends p {
+  constructor() {
+    super(...arguments), this.items = [], this.label = "Suggested", this.disabled = !1, this.loading = !1, this.hideLabel = !1, this.variant = "chips", this.maxVisible = 0, this._showAll = !1;
+  }
+  _getText(r) {
+    return typeof r == "string" ? r : r.text;
+  }
+  _getIcon(r) {
+    return typeof r == "string" ? void 0 : r.icon;
+  }
+  _handleClick(r) {
+    this.disabled || this.dispatchEvent(new CustomEvent("cg-follow-up-click", {
+      detail: { text: this._getText(r) },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  _handleShowAll() {
+    this._showAll = !0;
+  }
+  render() {
+    const r = this.maxVisible > 0 && !this._showAll ? this.items.slice(0, this.maxVisible) : this.items, e = this.maxVisible > 0 && !this._showAll ? this.items.length - this.maxVisible : 0, g = [150, 190, 130, 170, 120];
+    return n`
+      ${this.hideLabel ? d : n`
+        <div class="header">
+          <cg-icon class="header-icon" name="sparkle" size="sm"></cg-icon>
+          <span class="label">${this.label}</span>
+        </div>
+      `}
+
+      <div class="chips" role="group" aria-label=${this.label}>
+        ${this.loading ? g.slice(0, this.maxVisible || 3).map((t) => n`
+              <div class="shimmer" style="width: ${t}px"></div>
+            `) : n`
+              ${r.map((t, o) => {
+      const c = this._getText(t), l = this._getIcon(t);
+      return n`
+                  <button
+                    style="--item-index: ${o}"
+                    ?disabled=${this.disabled}
+                    aria-label="Suggestion: ${c}"
+                    @click=${() => this._handleClick(t)}
+                  >
+                    ${l ? n`<cg-icon class="icon" name="${l}" size="sm" aria-hidden="true"></cg-icon>` : d}
+                    ${c}
+                  </button>
+                `;
+    })}
+              ${e > 0 ? n`
+                <button class="more-badge" @click=${this._handleShowAll} aria-label="Show ${e} more suggestions">
+                  +${e} more
+                </button>
+              ` : d}
+            `}
+      </div>
+    `;
+  }
+};
+a.styles = [v, f, m, u`
+    :host {
+      display: block;
+      font-family: var(--cg-font-family-primary);
+    }
+
+    .header {
+      display: flex;
+      align-items: center;
+      gap: var(--cg-spacing-4);
+      margin-bottom: var(--cg-spacing-8);
+    }
+    .header-icon {
+      color: var(--cg-color-action-primary-background-default);
+    }
+    .label {
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-bold);
+      color: var(--cg-color-action-primary-background-default);
+      text-transform: uppercase;
+      letter-spacing: 0.06em;
+    }
+
+    .chips {
+      display: flex;
+      flex-wrap: wrap;
+      gap: var(--cg-spacing-8);
+    }
+
+    /* ── Chip variant (default) ── */
+    button {
+      padding: var(--cg-spacing-8) var(--cg-spacing-16);
+      border-radius: var(--cg-border-radius-full);
+      border: var(--cg-border-width-50) solid var(--cg-color-surface-container-border);
+      background: var(--cg-color-surface-container-background);
+      color: var(--cg-color-surface-base-text);
+      font: inherit;
+      font-size: var(--cg-font-size-sm);
+      font-weight: var(--cg-font-weight-medium);
+      cursor: pointer;
+      transition:
+        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+      white-space: nowrap;
+      line-height: var(--cg-line-height-snug);
+      display: inline-flex;
+      align-items: center;
+      gap: var(--cg-spacing-6);
+      animation: fadeIn var(--cg-transition-duration-fast) var(--cg-transition-easing-ease-out) both;
+      animation-delay: calc(var(--item-index, 0) * 60ms);
+    }
+
+    @keyframes fadeIn {
+      from { opacity: 0; transform: translateY(var(--cg-spacing-6)); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+
+    button:hover:not(:disabled) {
+      border-color: var(--cg-color-action-primary-background-default);
+      color: var(--cg-color-action-primary-background-default);
+      background: var(--cg-color-action-tertiary-background-hover);
+    }
+    button:active:not(:disabled) { transform: scale(var(--cg-interaction-press-scale)); }
+    button:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);
+    }
+    button:disabled { opacity: 0.4; cursor: not-allowed; }
+
+    .icon {
+      color: var(--cg-color-surface-container-outlined);
+    }
+    button:hover:not(:disabled) .icon {
+      color: var(--cg-color-action-primary-background-default);
+    }
+
+    /* ── Card variant ── */
+    :host([variant="cards"]) button {
+      border-radius: var(--cg-border-radius-100);
+      padding: var(--cg-spacing-12) var(--cg-spacing-16);
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--cg-spacing-4);
+      white-space: normal;
+      text-align: left;
+      min-width: 140px;
+    }
+    :host([variant="cards"]) .icon {
+      color: var(--cg-color-action-primary-background-default);
+      opacity: 0.7;
+    }
+
+    /* ── Button variant ── */
+    :host([variant="buttons"]) button {
+      border-radius: var(--cg-border-radius-100);
+      padding: var(--cg-spacing-6) var(--cg-spacing-16);
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-semibold);
+    }
+
+    /* ── Overflow "+N more" ── */
+    .more-badge {
+      padding: var(--cg-spacing-8) var(--cg-spacing-16);
+      border-radius: var(--cg-border-radius-full);
+      border: var(--cg-border-width-50) dashed var(--cg-color-surface-container-border);
+      background: transparent;
+      color: var(--cg-color-surface-container-outlined);
+      font: inherit;
+      font-size: var(--cg-font-size-xs);
+      font-weight: var(--cg-font-weight-semibold);
+      cursor: pointer;
+      transition:
+        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
+    }
+    .more-badge:hover {
+      border-color: var(--cg-color-action-primary-background-default);
+      color: var(--cg-color-action-primary-background-default);
+    }
+
+    /* ── Loading shimmer ── */
+    .shimmer {
+      height: var(--cg-spacing-40);
+      border-radius: var(--cg-border-radius-full);
+      background: linear-gradient(
+        90deg,
+        var(--cg-color-surface-container-background) 25%,
+        var(--cg-color-surface-container-border) 50%,
+        var(--cg-color-surface-container-background) 75%
+      );
+      background-size: 200% 100%;
+      animation: shimmer 1.5s infinite;
+    }
+  `];
+i([
+  s({ type: Array })
+], a.prototype, "items", 2);
+i([
+  s()
+], a.prototype, "label", 2);
+i([
+  s({ type: Boolean })
+], a.prototype, "disabled", 2);
+i([
+  s({ type: Boolean })
+], a.prototype, "loading", 2);
+i([
+  s({ type: Boolean })
+], a.prototype, "hideLabel", 2);
+i([
+  s({ type: String, reflect: !0 })
+], a.prototype, "variant", 2);
+i([
+  s({ type: Number })
+], a.prototype, "maxVisible", 2);
+i([
+  h()
+], a.prototype, "_showAll", 2);
+a = i([
+  b("cg-follow-up")
+], a);
+export {
+  a as CgFollowUp
+};
+//# sourceMappingURL=cg-follow-up.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cg-follow-up.js","sources":["../../../src/components/cg-follow-up/cg-follow-up.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion, shimmerKeyframes } from '../../styles/index.js';\n\n/**\n * <cg-follow-up> — Suggestion chips for chat conversations.\n *\n * @fires {CustomEvent<{text: string}>} cg-follow-up-click - When a suggestion is clicked\n */\n\nexport interface FollowUpItem {\n  text: string;\n  icon?: string;\n}\n\n@customElement('cg-follow-up')\nexport class CgFollowUp extends LitElement {\n  static override styles = [hostBlock, reducedMotion, shimmerKeyframes, css`\n    :host {\n      display: block;\n      font-family: var(--cg-font-family-primary);\n    }\n\n    .header {\n      display: flex;\n      align-items: center;\n      gap: var(--cg-spacing-4);\n      margin-bottom: var(--cg-spacing-8);\n    }\n    .header-icon {\n      color: var(--cg-color-action-primary-background-default);\n    }\n    .label {\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-bold);\n      color: var(--cg-color-action-primary-background-default);\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n    }\n\n    .chips {\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--cg-spacing-8);\n    }\n\n    /* ── Chip variant (default) ── */\n    button {\n      padding: var(--cg-spacing-8) var(--cg-spacing-16);\n      border-radius: var(--cg-border-radius-full);\n      border: var(--cg-border-width-50) solid var(--cg-color-surface-container-border);\n      background: var(--cg-color-surface-container-background);\n      color: var(--cg-color-surface-base-text);\n      font: inherit;\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-medium);\n      cursor: pointer;\n      transition:\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n      white-space: nowrap;\n      line-height: var(--cg-line-height-snug);\n      display: inline-flex;\n      align-items: center;\n      gap: var(--cg-spacing-6);\n      animation: fadeIn var(--cg-transition-duration-fast) var(--cg-transition-easing-ease-out) both;\n      animation-delay: calc(var(--item-index, 0) * 60ms);\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(var(--cg-spacing-6)); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    button:hover:not(:disabled) {\n      border-color: var(--cg-color-action-primary-background-default);\n      color: var(--cg-color-action-primary-background-default);\n      background: var(--cg-color-action-tertiary-background-hover);\n    }\n    button:active:not(:disabled) { transform: scale(var(--cg-interaction-press-scale)); }\n    button:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 3px var(--cg-overlay-accent-strong);\n    }\n    button:disabled { opacity: 0.4; cursor: not-allowed; }\n\n    .icon {\n      color: var(--cg-color-surface-container-outlined);\n    }\n    button:hover:not(:disabled) .icon {\n      color: var(--cg-color-action-primary-background-default);\n    }\n\n    /* ── Card variant ── */\n    :host([variant=\"cards\"]) button {\n      border-radius: var(--cg-border-radius-100);\n      padding: var(--cg-spacing-12) var(--cg-spacing-16);\n      flex-direction: column;\n      align-items: flex-start;\n      gap: var(--cg-spacing-4);\n      white-space: normal;\n      text-align: left;\n      min-width: 140px;\n    }\n    :host([variant=\"cards\"]) .icon {\n      color: var(--cg-color-action-primary-background-default);\n      opacity: 0.7;\n    }\n\n    /* ── Button variant ── */\n    :host([variant=\"buttons\"]) button {\n      border-radius: var(--cg-border-radius-100);\n      padding: var(--cg-spacing-6) var(--cg-spacing-16);\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-semibold);\n    }\n\n    /* ── Overflow \"+N more\" ── */\n    .more-badge {\n      padding: var(--cg-spacing-8) var(--cg-spacing-16);\n      border-radius: var(--cg-border-radius-full);\n      border: var(--cg-border-width-50) dashed var(--cg-color-surface-container-border);\n      background: transparent;\n      color: var(--cg-color-surface-container-outlined);\n      font: inherit;\n      font-size: var(--cg-font-size-xs);\n      font-weight: var(--cg-font-weight-semibold);\n      cursor: pointer;\n      transition:\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        color var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n    }\n    .more-badge:hover {\n      border-color: var(--cg-color-action-primary-background-default);\n      color: var(--cg-color-action-primary-background-default);\n    }\n\n    /* ── Loading shimmer ── */\n    .shimmer {\n      height: var(--cg-spacing-40);\n      border-radius: var(--cg-border-radius-full);\n      background: linear-gradient(\n        90deg,\n        var(--cg-color-surface-container-background) 25%,\n        var(--cg-color-surface-container-border) 50%,\n        var(--cg-color-surface-container-background) 75%\n      );\n      background-size: 200% 100%;\n      animation: shimmer 1.5s infinite;\n    }\n  `];\n\n  @property({ type: Array }) items: (string | FollowUpItem)[] = [];\n  @property() label = 'Suggested';\n  @property({ type: Boolean }) disabled = false;\n  @property({ type: Boolean }) loading = false;\n  @property({ type: Boolean }) hideLabel = false;\n  @property({ type: String, reflect: true }) variant: 'chips' | 'cards' | 'buttons' = 'chips';\n  @property({ type: Number }) maxVisible: number = 0;\n\n  @state() private _showAll = false;\n\n  private _getText(item: string | FollowUpItem): string {\n    return typeof item === 'string' ? item : item.text;\n  }\n\n  private _getIcon(item: string | FollowUpItem): string | undefined {\n    return typeof item === 'string' ? undefined : item.icon;\n  }\n\n  private _handleClick(item: string | FollowUpItem) {\n    if (this.disabled) return;\n    this.dispatchEvent(new CustomEvent('cg-follow-up-click', {\n      detail: { text: this._getText(item) },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _handleShowAll() {\n    this._showAll = true;\n  }\n\n  override render() {\n    const visibleItems = this.maxVisible > 0 && !this._showAll\n      ? this.items.slice(0, this.maxVisible)\n      : this.items;\n    const remaining = this.maxVisible > 0 && !this._showAll\n      ? this.items.length - this.maxVisible\n      : 0;\n\n    const shimmerWidths = [150, 190, 130, 170, 120];\n\n    return html`\n      ${!this.hideLabel ? html`\n        <div class=\"header\">\n          <cg-icon class=\"header-icon\" name=\"sparkle\" size=\"sm\"></cg-icon>\n          <span class=\"label\">${this.label}</span>\n        </div>\n      ` : nothing}\n\n      <div class=\"chips\" role=\"group\" aria-label=${this.label}>\n        ${this.loading\n          ? shimmerWidths.slice(0, this.maxVisible || 3).map(w => html`\n              <div class=\"shimmer\" style=\"width: ${w}px\"></div>\n            `)\n          : html`\n              ${visibleItems.map((item, i) => {\n                const text = this._getText(item);\n                const icon = this._getIcon(item);\n                return html`\n                  <button\n                    style=\"--item-index: ${i}\"\n                    ?disabled=${this.disabled}\n                    aria-label=\"Suggestion: ${text}\"\n                    @click=${() => this._handleClick(item)}\n                  >\n                    ${icon ? html`<cg-icon class=\"icon\" name=\"${icon}\" size=\"sm\" aria-hidden=\"true\"></cg-icon>` : nothing}\n                    ${text}\n                  </button>\n                `;\n              })}\n              ${remaining > 0 ? html`\n                <button class=\"more-badge\" @click=${this._handleShowAll} aria-label=\"Show ${remaining} more suggestions\">\n                  +${remaining} more\n                </button>\n              ` : nothing}\n            `\n        }\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap { 'cg-follow-up': CgFollowUp; }\n}\n"],"names":["CgFollowUp","LitElement","item","visibleItems","remaining","shimmerWidths","html","nothing","w","i","text","icon","hostBlock","reducedMotion","shimmerKeyframes","css","__decorateClass","property","state","customElement"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+/**
+ * <cg-form> — Form container with submit handling, loading state, and field gap control.
+ *
+ * Features:
+ * - Prevents default submit, emits cg-submit with form name
+ * - Loading state disables submit
+ * - Configurable gap between fields
+ * - Reset method
+ * - Keyboard submit on Enter
+ */
+export declare class CgForm extends LitElement {
+    static styles: import('lit').CSSResult[];
+    /** Form name identifier. */
+    name: string;
+    /** Gap between form fields. */
+    gap: 'sm' | 'md' | 'lg';
+    /** Loading state — disables interactions. */
+    loading: boolean;
+    /** List of error messages to show in summary. */
+    errors: string[];
+    private _handleSubmit;
+    /** Programmatic reset — clears inputs via native form reset and slotted custom elements. */
+    reset(): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cg-form': CgForm;
+    }
+}
+//# sourceMappingURL=cg-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cg-form.d.ts","sourceRoot":"","sources":["../../../src/components/cg-form/cg-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD;;;;;;;;;GASG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,4BA0CnB;IAEH,4BAA4B;IAChB,IAAI,SAAM;IAEtB,+BAA+B;IACF,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE5D,6CAA6C;IACD,OAAO,UAAS;IAE5D,iDAAiD;IACtB,MAAM,EAAE,MAAM,EAAE,CAAM;IAEjD,OAAO,CAAC,aAAa;IAUrB,4FAA4F;IAC5F,KAAK;IAsBI,MAAM;CAiBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAAG,SAAS,EAAE,MAAM,CAAC;KAAE;CACvD"}

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

@@ -0,0 +1,109 @@
+import { css as g, LitElement as f, nothing as p, html as m } from "lit";
+import { property as i, customElement as u } from "lit/decorators.js";
+import { h as d, r as h } from "../../chunks/premium.css-9I4kHrsl.js";
+var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (e, s, a, t) => {
+  for (var r = t > 1 ? void 0 : t ? b(s, a) : s, n = e.length - 1, c; n >= 0; n--)
+    (c = e[n]) && (r = (t ? c(s, a, r) : c(r)) || r);
+  return t && r && v(s, a, r), r;
+};
+let o = class extends f {
+  constructor() {
+    super(...arguments), this.name = "", this.gap = "md", this.loading = !1, this.errors = [];
+  }
+  _handleSubmit(e) {
+    e.preventDefault(), !this.loading && this.dispatchEvent(new CustomEvent("cg-submit", {
+      detail: { name: this.name },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  /** Programmatic reset — clears inputs via native form reset and slotted custom elements. */
+  reset() {
+    this.shadowRoot?.querySelector("form")?.reset();
+    const a = this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 }) ?? [];
+    for (const t of a)
+      typeof t.formResetCallback == "function" && t.formResetCallback(), t.querySelectorAll("*").forEach((r) => {
+        typeof r.formResetCallback == "function" && r.formResetCallback();
+      });
+    this.dispatchEvent(new CustomEvent("cg-reset", { bubbles: !0, composed: !0 }));
+  }
+  render() {
+    return m`
+      <form
+        @submit=${this._handleSubmit}
+        novalidate
+        aria-busy=${this.loading ? "true" : "false"}
+      >
+        ${this.errors.length > 0 ? m`
+          <div class="error-summary" role="alert">
+            <strong>Please fix the following:</strong>
+            <ul>${this.errors.map((e) => m`<li>${e}</li>`)}</ul>
+          </div>
+        ` : p}
+        <slot></slot>
+      </form>
+    `;
+  }
+};
+o.styles = [d, h, g`
+    :host {
+      display: block;
+      font-family: var(--cg-font-family-primary);
+    }
+
+    form {
+      display: flex;
+      flex-direction: column;
+    }
+
+    /* All slotted children stretch to full width */
+    ::slotted(*) {
+      width: 100%;
+    }
+
+    :host([gap="sm"]) form { gap: var(--cg-spacing-8); }
+    :host([gap="md"]) form { gap: var(--cg-spacing-16); }
+    :host([gap="lg"]) form { gap: var(--cg-spacing-24); }
+
+    :host([loading]) form {
+      opacity: 0.6;
+      pointer-events: none;
+    }
+
+    .error-summary {
+      padding: var(--cg-spacing-12);
+      background: var(--cg-color-status-error-background-default);
+      border: var(--cg-border-width-50) solid var(--cg-color-status-error-border-default);
+      border-radius: var(--cg-border-radius-100);
+      color: var(--cg-color-status-error-text-default);
+      font-size: var(--cg-font-size-sm);
+      line-height: var(--cg-line-height-normal);
+    }
+
+    .error-summary ul {
+      margin: var(--cg-spacing-4) 0 0;
+      padding-left: var(--cg-spacing-16);
+    }
+    .error-summary li {
+      margin: var(--cg-spacing-2) 0;
+    }
+  `];
+l([
+  i()
+], o.prototype, "name", 2);
+l([
+  i({ reflect: !0 })
+], o.prototype, "gap", 2);
+l([
+  i({ type: Boolean, reflect: !0 })
+], o.prototype, "loading", 2);
+l([
+  i({ type: Array })
+], o.prototype, "errors", 2);
+o = l([
+  u("cg-form")
+], o);
+export {
+  o as CgForm
+};
+//# sourceMappingURL=cg-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cg-form.js","sources":["../../../src/components/cg-form/cg-form.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\n\n/**\n * <cg-form> — Form container with submit handling, loading state, and field gap control.\n *\n * Features:\n * - Prevents default submit, emits cg-submit with form name\n * - Loading state disables submit\n * - Configurable gap between fields\n * - Reset method\n * - Keyboard submit on Enter\n */\n@customElement('cg-form')\nexport class CgForm extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host {\n      display: block;\n      font-family: var(--cg-font-family-primary);\n    }\n\n    form {\n      display: flex;\n      flex-direction: column;\n    }\n\n    /* All slotted children stretch to full width */\n    ::slotted(*) {\n      width: 100%;\n    }\n\n    :host([gap=\"sm\"]) form { gap: var(--cg-spacing-8); }\n    :host([gap=\"md\"]) form { gap: var(--cg-spacing-16); }\n    :host([gap=\"lg\"]) form { gap: var(--cg-spacing-24); }\n\n    :host([loading]) form {\n      opacity: 0.6;\n      pointer-events: none;\n    }\n\n    .error-summary {\n      padding: var(--cg-spacing-12);\n      background: var(--cg-color-status-error-background-default);\n      border: var(--cg-border-width-50) solid var(--cg-color-status-error-border-default);\n      border-radius: var(--cg-border-radius-100);\n      color: var(--cg-color-status-error-text-default);\n      font-size: var(--cg-font-size-sm);\n      line-height: var(--cg-line-height-normal);\n    }\n\n    .error-summary ul {\n      margin: var(--cg-spacing-4) 0 0;\n      padding-left: var(--cg-spacing-16);\n    }\n    .error-summary li {\n      margin: var(--cg-spacing-2) 0;\n    }\n  `];\n\n  /** Form name identifier. */\n  @property() name = '';\n\n  /** Gap between form fields. */\n  @property({ reflect: true }) gap: 'sm' | 'md' | 'lg' = 'md';\n\n  /** Loading state — disables interactions. */\n  @property({ type: Boolean, reflect: true }) loading = false;\n\n  /** List of error messages to show in summary. */\n  @property({ type: Array }) errors: string[] = [];\n\n  private _handleSubmit(e: Event) {\n    e.preventDefault();\n    if (this.loading) return;\n    this.dispatchEvent(new CustomEvent('cg-submit', {\n      detail: { name: this.name },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  /** Programmatic reset — clears inputs via native form reset and slotted custom elements. */\n  reset() {\n    const form = this.shadowRoot?.querySelector('form');\n    form?.reset();\n\n    // Reset slotted form-associated custom elements via formResetCallback\n    const slot = this.shadowRoot?.querySelector('slot');\n    const slotted = slot?.assignedElements({ flatten: true }) ?? [];\n    for (const el of slotted) {\n      if (typeof (el as any).formResetCallback === 'function') {\n        (el as any).formResetCallback();\n      }\n      // Also check nested children (e.g., wrapper divs containing custom elements)\n      el.querySelectorAll('*').forEach((child: Element) => {\n        if (typeof (child as any).formResetCallback === 'function') {\n          (child as any).formResetCallback();\n        }\n      });\n    }\n\n    this.dispatchEvent(new CustomEvent('cg-reset', { bubbles: true, composed: true }));\n  }\n\n  override render() {\n    return html`\n      <form\n        @submit=${this._handleSubmit}\n        novalidate\n        aria-busy=${this.loading ? 'true' : 'false'}\n      >\n        ${this.errors.length > 0 ? html`\n          <div class=\"error-summary\" role=\"alert\">\n            <strong>Please fix the following:</strong>\n            <ul>${this.errors.map(e => html`<li>${e}</li>`)}</ul>\n          </div>\n        ` : nothing}\n        <slot></slot>\n      </form>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap { 'cg-form': CgForm; }\n}\n"],"names":["CgForm","LitElement","slotted","el","child","html","nothing","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;AAeO,IAAMA,IAAN,cAAqBC,EAAW;AAAA,EAAhC,cAAA;AAAA,UAAA,GAAA,SAAA,GA8CO,KAAA,OAAO,IAGU,KAAA,MAA0B,MAGX,KAAA,UAAU,IAG3B,KAAA,SAAmB,CAAA;AAAA,EAAC;AAAA,EAEvC,cAAc,GAAU;AAE9B,IADA,EAAE,eAAA,GACE,MAAK,WACT,KAAK,cAAc,IAAI,YAAY,aAAa;AAAA,MAC9C,QAAQ,EAAE,MAAM,KAAK,KAAA;AAAA,MACrB,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA;AAAA,EAGA,QAAQ;AAEN,IADa,KAAK,YAAY,cAAc,MAAM,GAC5C,MAAA;AAIN,UAAMC,IADO,KAAK,YAAY,cAAc,MAAM,GAC5B,iBAAiB,EAAE,SAAS,GAAA,CAAM,KAAK,CAAA;AAC7D,eAAWC,KAAMD;AACf,MAAI,OAAQC,EAAW,qBAAsB,cAC1CA,EAAW,kBAAA,GAGdA,EAAG,iBAAiB,GAAG,EAAE,QAAQ,CAACC,MAAmB;AACnD,QAAI,OAAQA,EAAc,qBAAsB,cAC7CA,EAAc,kBAAA;AAAA,MAEnB,CAAC;AAGH,SAAK,cAAc,IAAI,YAAY,YAAY,EAAE,SAAS,IAAM,UAAU,GAAA,CAAM,CAAC;AAAA,EACnF;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA;AAAA,kBAEO,KAAK,aAAa;AAAA;AAAA,oBAEhB,KAAK,UAAU,SAAS,OAAO;AAAA;AAAA,UAEzC,KAAK,OAAO,SAAS,IAAIA;AAAA;AAAA;AAAA,kBAGjB,KAAK,OAAO,IAAI,OAAKA,QAAW,CAAC,OAAO,CAAC;AAAA;AAAA,YAE/CC,CAAO;AAAA;AAAA;AAAA;AAAA,EAIjB;AACF;AA3GaN,EACK,SAAS,CAACO,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,GA0CnD;AAGWC,EAAA;AAAA,EAAXC,EAAA;AAAS,GA9CCX,EA8CC,WAAA,QAAA,CAAA;AAGiBU,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAjDhBX,EAiDkB,WAAA,OAAA,CAAA;AAGeU,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GApD/BX,EAoDiC,WAAA,WAAA,CAAA;AAGjBU,EAAA;AAAA,EAA1BC,EAAS,EAAE,MAAM,MAAA,CAAO;AAAA,GAvDdX,EAuDgB,WAAA,UAAA,CAAA;AAvDhBA,IAANU,EAAA;AAAA,EADNE,EAAc,SAAS;AAAA,GACXZ,CAAA;"}

package/dist/components/cg-hover-card/cg-hover-card.d.ts

@@ -0,0 +1,49 @@
+import { LitElement } from 'lit';
+import { Placement } from '../../utils/floating.js';
+/**
+ * @element cg-hover-card
+ * Rich hover preview with configurable open/close delays. Useful for user cards,
+ * link previews, or any content that benefits from non-intrusive hover.
+ *
+ * @example
+ * ```html
+ * <cg-hover-card placement="top">
+ *   <a href="#">@alice</a>
+ *   <div slot="content">
+ *     <strong>Alice Johnson</strong>
+ *     <p>Senior Engineer</p>
+ *   </div>
+ * </cg-hover-card>
+ * ```
+ *
+ * @slot - Trigger element
+ * @slot content - Hover card content
+ *
+ * @fires {CustomEvent} cg-hover-card-open
+ * @fires {CustomEvent} cg-hover-card-close
+ */
+export declare class CgHoverCard extends LitElement {
+    static styles: import('lit').CSSResult[];
+    open: boolean;
+    placement: Placement;
+    offset: number;
+    openDelay: number;
+    closeDelay: number;
+    private _cardEl;
+    private _triggerEl;
+    private _openTimer;
+    private _closeTimer;
+    private _cleanupAutoUpdate;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _updatePosition;
+    private _scheduleOpen;
+    private _scheduleClose;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cg-hover-card': CgHoverCard;
+    }
+}
+//# sourceMappingURL=cg-hover-card.d.ts.map

package/dist/components/cg-hover-card/cg-hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cg-hover-card.d.ts","sourceRoot":"","sources":["../../../src/components/cg-hover-card/cg-hover-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEtF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAyDnB;IAEyC,IAAI,UAAS;IAC7C,SAAS,EAAE,SAAS,CAAS;IACb,MAAM,SAAM;IACa,SAAS,SAAO;IACf,UAAU,SAAO;IAEvD,OAAO,CAAC,OAAO,CAAe;IAC3B,OAAO,CAAC,UAAU,CAAe;IAEpD,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,kBAAkB,CAA6B;IAE9C,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,cAAc;IAMb,MAAM;CAsBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}