@cognivo/components 0.8.1 → 0.8.3

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

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

package/dist/components/cg-badge-group/cg-badge-group.js

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

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

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+/**
+ * @element cg-blockquote
+ * An editorial quotation primitive: a semantic `<blockquote>` anchored by an
+ * oversized decorative quotation mark (magazine/pull-quote style), with an
+ * optional attribution footer. No left rule — the glyph carries the emphasis.
+ *
+ * @example
+ * ```html
+ * <cg-blockquote variant="accent">
+ *   Design tokens are the contract between design and code.
+ *   <span slot="footer">Cognivo docs</span>
+ * </cg-blockquote>
+ * ```
+ *
+ * @slot - Quote content.
+ * @slot footer - Attribution / source.
+ */
+export declare class CgBlockquote extends LitElement {
+    static styles: import('lit').CSSResult[];
+    cite: string;
+    variant: 'default' | 'accent' | 'muted';
+    private _hasFooter;
+    private _onFooterSlotChange;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cg-blockquote': CgBlockquote;
+    }
+}
+//# sourceMappingURL=cg-blockquote.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cg-blockquote.d.ts","sourceRoot":"","sources":["../../../src/components/cg-blockquote/cg-blockquote.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAkEnB;IAES,IAAI,SAAM;IACO,OAAO,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAa;IAEjF,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,mBAAmB;IASlB,MAAM;CAUhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

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

@@ -0,0 +1,108 @@
+import { css as g, LitElement as f, html as p } from "lit";
+import { property as l, customElement as v } from "lit/decorators.js";
+import { ifDefined as d } from "lit/directives/if-defined.js";
+import { h, r as u } from "../../chunks/premium.css-B0hBr_uS.js";
+var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (a, e, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? m(e, o) : e, c = a.length - 1, i; c >= 0; c--)
+    (i = a[c]) && (t = (s ? i(e, o, t) : i(t)) || t);
+  return s && t && b(e, o, t), t;
+};
+let r = class extends f {
+  constructor() {
+    super(...arguments), this.cite = "", this.variant = "default", this._hasFooter = !1;
+  }
+  _onFooterSlotChange(a) {
+    const o = a.target.assignedNodes({ flatten: !0 }).length > 0;
+    o !== this._hasFooter && (this._hasFooter = o, this.requestUpdate());
+  }
+  render() {
+    return p`
+      <blockquote cite=${d(this.cite || void 0)}>
+        <span class="content"><slot></slot></span>
+        <footer class=${this._hasFooter ? "" : "empty"}>
+          <slot name="footer" @slotchange=${this._onFooterSlotChange}></slot>
+        </footer>
+      </blockquote>
+    `;
+  }
+};
+r.styles = [h, u, g`
+    :host { display: block; font-family: var(--cg-font-family-primary); }
+
+    blockquote {
+      position: relative;
+      margin: 0;
+      padding: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-40);
+      color: var(--cg-color-surface-base-text);
+      font-size: var(--cg-font-size-lg);
+      line-height: var(--cg-line-height-relaxed);
+      font-weight: var(--cg-font-weight-medium);
+    }
+
+    /* Oversized decorative opening quote — the editorial anchor, not a border. */
+    blockquote::before {
+      content: '\\201C';
+      position: absolute;
+      top: calc(-1 * var(--cg-spacing-8));
+      left: calc(-1 * var(--cg-spacing-4));
+      font-size: var(--cg-font-size-5xl);
+      line-height: 1;
+      font-weight: var(--cg-font-weight-bold);
+      color: var(--cg-color-surface-base-divider);
+      pointer-events: none;
+      user-select: none;
+    }
+
+    .content { display: block; }
+
+    /* Accent: the glyph adopts the brand accent, quote gains slight scale. */
+    :host([variant="accent"]) blockquote::before {
+      color: var(--cg-color-action-primary-background-default);
+    }
+    :host([variant="accent"]) blockquote {
+      font-size: var(--cg-font-size-xl);
+    }
+
+    /* Muted: soft filled card treatment — quote sits inside a panel. */
+    :host([variant="muted"]) blockquote {
+      padding: var(--cg-spacing-20) var(--cg-spacing-24) var(--cg-spacing-20) var(--cg-spacing-48);
+      background: var(--cg-color-surface-inset-background);
+      color: var(--cg-color-surface-inset-text);
+      border-radius: var(--cg-border-radius-200);
+      font-size: var(--cg-font-size-base);
+    }
+    :host([variant="muted"]) blockquote::before {
+      top: var(--cg-spacing-4);
+      left: var(--cg-spacing-16);
+      color: var(--cg-color-surface-base-divider);
+    }
+
+    footer {
+      display: block;
+      margin-top: var(--cg-spacing-12);
+      font-size: var(--cg-font-size-sm);
+      font-weight: var(--cg-font-weight-semibold);
+      color: var(--cg-color-surface-base-text);
+    }
+    /* Em-dash lead-in for attribution, so authors slot just the name. */
+    footer::before {
+      content: '\\2014\\00A0';
+      color: var(--cg-color-surface-base-divider);
+    }
+
+    /* Hide footer wrapper when nothing is slotted */
+    footer.empty { display: none; }
+  `];
+n([
+  l()
+], r.prototype, "cite", 2);
+n([
+  l({ reflect: !0 })
+], r.prototype, "variant", 2);
+r = n([
+  v("cg-blockquote")
+], r);
+export {
+  r as CgBlockquote
+};
+//# sourceMappingURL=cg-blockquote.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cg-blockquote.js","sources":["../../../src/components/cg-blockquote/cg-blockquote.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\n\n/**\n * @element cg-blockquote\n * An editorial quotation primitive: a semantic `<blockquote>` anchored by an\n * oversized decorative quotation mark (magazine/pull-quote style), with an\n * optional attribution footer. No left rule — the glyph carries the emphasis.\n *\n * @example\n * ```html\n * <cg-blockquote variant=\"accent\">\n *   Design tokens are the contract between design and code.\n *   <span slot=\"footer\">Cognivo docs</span>\n * </cg-blockquote>\n * ```\n *\n * @slot - Quote content.\n * @slot footer - Attribution / source.\n */\n@customElement('cg-blockquote')\nexport class CgBlockquote extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host { display: block; font-family: var(--cg-font-family-primary); }\n\n    blockquote {\n      position: relative;\n      margin: 0;\n      padding: var(--cg-spacing-8) 0 var(--cg-spacing-8) var(--cg-spacing-40);\n      color: var(--cg-color-surface-base-text);\n      font-size: var(--cg-font-size-lg);\n      line-height: var(--cg-line-height-relaxed);\n      font-weight: var(--cg-font-weight-medium);\n    }\n\n    /* Oversized decorative opening quote — the editorial anchor, not a border. */\n    blockquote::before {\n      content: '\\\\201C';\n      position: absolute;\n      top: calc(-1 * var(--cg-spacing-8));\n      left: calc(-1 * var(--cg-spacing-4));\n      font-size: var(--cg-font-size-5xl);\n      line-height: 1;\n      font-weight: var(--cg-font-weight-bold);\n      color: var(--cg-color-surface-base-divider);\n      pointer-events: none;\n      user-select: none;\n    }\n\n    .content { display: block; }\n\n    /* Accent: the glyph adopts the brand accent, quote gains slight scale. */\n    :host([variant=\"accent\"]) blockquote::before {\n      color: var(--cg-color-action-primary-background-default);\n    }\n    :host([variant=\"accent\"]) blockquote {\n      font-size: var(--cg-font-size-xl);\n    }\n\n    /* Muted: soft filled card treatment — quote sits inside a panel. */\n    :host([variant=\"muted\"]) blockquote {\n      padding: var(--cg-spacing-20) var(--cg-spacing-24) var(--cg-spacing-20) var(--cg-spacing-48);\n      background: var(--cg-color-surface-inset-background);\n      color: var(--cg-color-surface-inset-text);\n      border-radius: var(--cg-border-radius-200);\n      font-size: var(--cg-font-size-base);\n    }\n    :host([variant=\"muted\"]) blockquote::before {\n      top: var(--cg-spacing-4);\n      left: var(--cg-spacing-16);\n      color: var(--cg-color-surface-base-divider);\n    }\n\n    footer {\n      display: block;\n      margin-top: var(--cg-spacing-12);\n      font-size: var(--cg-font-size-sm);\n      font-weight: var(--cg-font-weight-semibold);\n      color: var(--cg-color-surface-base-text);\n    }\n    /* Em-dash lead-in for attribution, so authors slot just the name. */\n    footer::before {\n      content: '\\\\2014\\\\00A0';\n      color: var(--cg-color-surface-base-divider);\n    }\n\n    /* Hide footer wrapper when nothing is slotted */\n    footer.empty { display: none; }\n  `];\n\n  @property() cite = '';\n  @property({ reflect: true }) variant: 'default' | 'accent' | 'muted' = 'default';\n\n  private _hasFooter = false;\n\n  private _onFooterSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const has = slot.assignedNodes({ flatten: true }).length > 0;\n    if (has !== this._hasFooter) {\n      this._hasFooter = has;\n      this.requestUpdate();\n    }\n  }\n\n  override render() {\n    return html`\n      <blockquote cite=${ifDefined(this.cite || undefined)}>\n        <span class=\"content\"><slot></slot></span>\n        <footer class=${this._hasFooter ? '' : 'empty'}>\n          <slot name=\"footer\" @slotchange=${this._onFooterSlotChange}></slot>\n        </footer>\n      </blockquote>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-blockquote': CgBlockquote;\n  }\n}\n"],"names":["CgBlockquote","LitElement","e","has","html","ifDefined","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;AAuBO,IAAMA,IAAN,cAA2BC,EAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GAqEO,KAAA,OAAO,IACU,KAAA,UAA0C,WAEvE,KAAQ,aAAa;AAAA,EAAA;AAAA,EAEb,oBAAoBC,GAAgB;AAE1C,UAAMC,IADOD,EAAE,OACE,cAAc,EAAE,SAAS,GAAA,CAAM,EAAE,SAAS;AAC3D,IAAIC,MAAQ,KAAK,eACf,KAAK,aAAaA,GAClB,KAAK,cAAA;AAAA,EAET;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA,yBACcC,EAAU,KAAK,QAAQ,MAAS,CAAC;AAAA;AAAA,wBAElC,KAAK,aAAa,KAAK,OAAO;AAAA,4CACV,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIlE;AACF;AA7FaL,EACK,SAAS,CAACM,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;AAAA;AAAA;AAAA;AAAA;AAAA,GAkEnD;AAEWC,EAAA;AAAA,EAAXC,EAAA;AAAS,GArECV,EAqEC,WAAA,QAAA,CAAA;AACiBS,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAtEhBV,EAsEkB,WAAA,WAAA,CAAA;AAtElBA,IAANS,EAAA;AAAA,EADNE,EAAc,eAAe;AAAA,GACjBX,CAAA;"}

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

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

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

@@ -1,12 +1,12 @@
-import { css as b, LitElement as g, nothing as l, html as u } from "lit";
+import { css as g, LitElement as b, nothing as l, html as u } from "lit";
 import { property as t, customElement as v } from "lit/decorators.js";
-import { a as h, r as p, c as f } from "../../chunks/premium.css-DHekUEUt.js";
+import { a as h, r as p, c as f } from "../../chunks/premium.css-B0hBr_uS.js";
 var y = Object.defineProperty, m = Object.getOwnPropertyDescriptor, o = (d, e, n, s) => {
   for (var a = s > 1 ? void 0 : s ? m(e, n) : e, c = d.length - 1, i; c >= 0; c--)
     (i = d[c]) && (a = (s ? i(e, n, a) : i(a)) || a);
   return s && a && y(e, n, a), a;
 };
-let r = class extends g {
+let r = class extends b {
   constructor() {
     super(...arguments), this.variant = "primary", this.size = "md", this.rounded = "lg", this.type = "normal", this.disabled = !1, this.loading = !1, this.full = !1, this.status = "idle", this.label = "";
   }
@@ -26,7 +26,7 @@ let r = class extends g {
     `;
   }
 };
-r.styles = [h, p, f, b`
+r.styles = [h, p, f, g`
     button {
       display: inline-flex;
       align-items: center;
@@ -40,10 +40,10 @@ r.styles = [h, p, f, b`
       white-space: nowrap;
       text-decoration: none;
       transition:
-        background-color var(--cg-transition-duration-fast) ease,
-        border-color var(--cg-transition-duration-fast) ease,
-        box-shadow var(--cg-transition-duration-fast) ease,
-        transform var(--cg-transition-duration-fast) ease;
+        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        box-shadow var(--cg-transition-duration-fast) var(--cg-transition-easing-default),
+        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
       -webkit-font-smoothing: antialiased;
       position: relative;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"cg-button.js","sources":["../../../src/components/cg-button/cg-button.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBase, reducedMotion, spinKeyframes } from '../../styles/index.js';\n\n/**\n * @element cg-button\n * A button with variants, sizes, loading state, and press feedback.\n *\n * @example\n * ```html\n * <cg-button variant=\"primary\" size=\"md\">Click me</cg-button>\n * <cg-button variant=\"secondary\" loading>Saving...</cg-button>\n * <cg-button type=\"danger\"><span slot=\"prefix\">[trash icon]</span>Delete</cg-button>\n * ```\n *\n * @slot - Default slot for button text/content\n * @slot prefix - Icon or content before the label\n * @slot suffix - Icon or content after the label\n *\n * @cssprop --cg-color-action-primary-background-default - Primary button background color\n * @cssprop --cg-component-button-height-md - Button height (md size, 48px)\n * @cssprop --cg-interaction-press-scale - Scale on press/active (0.97)\n * @cssprop --cg-transition-duration-fast - Color transition speed\n */\n@customElement('cg-button')\nexport class CgButton extends LitElement {\n  static override styles = [hostBase, reducedMotion, spinKeyframes, css`\n    button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--cg-spacing-8);\n      border: var(--cg-border-width-50) solid transparent;\n      cursor: pointer;\n      font-family: inherit;\n      font-weight: var(--cg-font-weight-medium);\n      line-height: 1;\n      white-space: nowrap;\n      text-decoration: none;\n      transition:\n        background-color var(--cg-transition-duration-fast) ease,\n        border-color var(--cg-transition-duration-fast) ease,\n        box-shadow var(--cg-transition-duration-fast) ease,\n        transform var(--cg-transition-duration-fast) ease;\n      -webkit-font-smoothing: antialiased;\n      position: relative;\n    }\n\n    /* Press scale */\n    button:active:not(:disabled) {\n      transform: scale(var(--cg-interaction-press-scale));\n    }\n\n    /* Focus ring — dual-layer */\n    button:focus-visible {\n      box-shadow:\n        0 0 0 var(--cg-border-width-100) var(--cg-color-focus-ring-offset),\n        0 0 0 calc(var(--cg-border-width-100) * 2) var(--cg-color-focus-ring);\n      outline: none;\n    }\n\n    /* ── Sizes ── */\n    :host([size=\"sm\"]) button {\n      padding: 0 var(--cg-spacing-12);\n      font-size: var(--cg-font-size-xs);\n      border-radius: var(--cg-component-button-radius-sm);\n      height: var(--cg-component-button-height-sm);\n    }\n    :host([size=\"md\"]) button {\n      padding: 0 var(--cg-spacing-16);\n      font-size: var(--cg-font-size-sm);\n      border-radius: var(--cg-component-button-radius-md);\n      height: var(--cg-component-button-height-md);\n    }\n    :host([size=\"lg\"]) button {\n      padding: 0 var(--cg-spacing-24);\n      font-size: var(--cg-font-size-base);\n      border-radius: var(--cg-component-button-radius-lg);\n      height: var(--cg-component-button-height-lg);\n    }\n\n    /* ── Rounded overrides ── */\n    :host([rounded=\"none\"]) button { border-radius: 0; }\n    :host([rounded=\"sm\"]) button { border-radius: var(--cg-component-button-radius-sm); }\n    :host([rounded=\"md\"]) button { border-radius: var(--cg-component-button-radius-md); }\n    :host([rounded=\"lg\"]) button { border-radius: var(--cg-component-button-radius-lg); }\n    :host([rounded=\"full\"]) button { border-radius: var(--cg-border-radius-full); }\n\n    /* ── Primary variant ── */\n    :host([variant=\"primary\"]) button {\n      background: var(--cg-color-action-primary-background-default);\n      color: var(--cg-color-action-primary-text-default);\n      border-color: var(--cg-color-action-primary-border-default);\n    }\n    :host([variant=\"primary\"]) button:not(:disabled):hover {\n      background: var(--cg-color-action-primary-background-hover);\n    }\n\n    /* ── Secondary variant ── */\n    :host([variant=\"secondary\"]) button {\n      background: var(--cg-color-action-secondary-background-default);\n      color: var(--cg-color-action-secondary-text-default);\n      border-color: var(--cg-color-action-secondary-border-default);\n    }\n    :host([variant=\"secondary\"]) button:not(:disabled):hover {\n      background: var(--cg-color-action-secondary-background-hover);\n    }\n\n    /* ── Tertiary (ghost) variant ── */\n    :host([variant=\"tertiary\"]) button {\n      background: transparent;\n      color: var(--cg-color-action-tertiary-text-default);\n      border-color: transparent;\n    }\n    :host([variant=\"tertiary\"]) button:not(:disabled):hover {\n      background: var(--cg-color-action-tertiary-background-hover);\n    }\n\n    /* ── Danger type ── */\n    :host([type=\"danger\"]) button {\n      background: var(--cg-color-status-error-background-default);\n      color: var(--cg-color-status-error-text-default);\n      border-color: var(--cg-color-status-error-border-default);\n    }\n    :host([type=\"danger\"][variant=\"primary\"]) button {\n      background: var(--cg-color-status-error-text-default);\n      color: var(--cg-color-status-error-text-inverse);\n      border-color: transparent;\n    }\n    :host([type=\"danger\"]) button:not(:disabled):hover {\n      background: var(--cg-color-status-error-background-hover);\n    }\n    :host([type=\"danger\"][variant=\"primary\"]) button:not(:disabled):hover {\n      background: var(--cg-color-status-error-background-hover);\n    }\n\n    /* ── Disabled ──\n       Themeable per-variant disabled colors (no opacity smudge on re-pointed brands).\n       Scoped with :host so these win over the variant/type/status background rules. */\n    button:disabled {\n      pointer-events: none;\n    }\n    :host([variant=\"primary\"]) button:disabled,\n    :host([type=\"danger\"][variant=\"primary\"]) button:disabled,\n    :host([status=\"error\"]) button:disabled,\n    :host([status=\"success\"]) button:disabled {\n      background: var(--cg-color-action-primary-background-disable);\n      color: var(--cg-color-action-primary-text-disable);\n      border-color: var(--cg-color-action-primary-border-disable);\n    }\n    :host([variant=\"secondary\"]) button:disabled {\n      background: var(--cg-color-action-secondary-background-disable);\n      color: var(--cg-color-action-secondary-text-disable);\n      border-color: var(--cg-color-action-secondary-border-disable);\n    }\n    :host([variant=\"tertiary\"]) button:disabled {\n      background: var(--cg-color-action-tertiary-background-disable);\n      color: var(--cg-color-action-tertiary-text-disable);\n      border-color: var(--cg-color-action-tertiary-border-disable);\n    }\n\n    /* ── Loading ── */\n    :host([loading]) button {\n      color: transparent;\n      pointer-events: none;\n    }\n    .spinner {\n      position: absolute;\n      width: var(--cg-icon-size-100);\n      height: var(--cg-icon-size-100);\n      border: var(--cg-border-width-100) solid currentColor;\n      border-right-color: transparent;\n      border-radius: var(--cg-border-radius-full);\n      animation: spin var(--cg-transition-duration-slow) linear infinite;\n    }\n    :host([loading]) .spinner { color: var(--cg-color-action-primary-text-default); }\n    :host([loading][variant=\"secondary\"]) .spinner { color: var(--cg-color-action-secondary-text-default); }\n    :host([loading][variant=\"tertiary\"]) .spinner { color: var(--cg-color-action-tertiary-text-default); }\n\n    /* ── Error state ── */\n    :host([status=\"error\"]) button {\n      background: var(--cg-color-status-error-background-default);\n      color: var(--cg-color-status-error-text-default);\n      border-color: var(--cg-color-status-error-border-default);\n    }\n    :host([status=\"error\"]) button:not(:disabled):hover {\n      background: var(--cg-color-status-error-background-hover);\n    }\n    :host([status=\"error\"]) .spinner { color: var(--cg-color-status-error-text-default); }\n\n    /* ── Success state ── */\n    :host([status=\"success\"]) button {\n      background: var(--cg-color-status-success-background-default);\n      color: var(--cg-color-status-success-text-default);\n      border-color: var(--cg-color-status-success-border-default);\n    }\n    :host([status=\"success\"]) button:not(:disabled):hover {\n      background: var(--cg-color-status-success-background-hover);\n    }\n    :host([status=\"success\"]) .spinner { color: var(--cg-color-status-success-text-default); }\n\n    /* ── Full width ── */\n    :host([full]) {\n      display: block;\n      width: 100%;\n    }\n    :host([full]) button {\n      width: 100%;\n    }\n  `];\n\n  @property({ reflect: true }) variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n  @property({ reflect: true }) rounded: 'none' | 'sm' | 'md' | 'lg' | 'full' = 'lg';\n  @property({ reflect: true }) type: 'normal' | 'danger' = 'normal';\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean, reflect: true }) loading = false;\n  @property({ type: Boolean, reflect: true }) full = false;\n  @property({ reflect: true }) status: 'idle' | 'error' | 'success' = 'idle';\n  @property() label = '';\n\n  override render() {\n    return html`\n      <button\n        part=\"button\"\n        ?disabled=${this.disabled || this.loading}\n        aria-busy=${this.loading ? 'true' : 'false'}\n        aria-label=${this.label || nothing}\n      >\n        ${this.loading ? html`<span class=\"spinner\"></span>` : nothing}\n        <slot name=\"prefix\"></slot>\n        <slot>${this.label}</slot>\n        <slot name=\"suffix\"></slot>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-button': CgButton;\n  }\n}\n// touch Mon Apr 13 18:29:50 AEST 2026\n"],"names":["CgButton","LitElement","html","nothing","hostBase","reducedMotion","spinKeyframes","css","__decorateClass","property","customElement"],"mappings":"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"}
+{"version":3,"file":"cg-button.js","sources":["../../../src/components/cg-button/cg-button.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBase, reducedMotion, spinKeyframes } from '../../styles/index.js';\n\n/**\n * @element cg-button\n * A button with variants, sizes, loading state, and press feedback.\n *\n * @example\n * ```html\n * <cg-button variant=\"primary\" size=\"md\">Click me</cg-button>\n * <cg-button variant=\"secondary\" loading>Saving...</cg-button>\n * <cg-button type=\"danger\"><span slot=\"prefix\">[trash icon]</span>Delete</cg-button>\n * ```\n *\n * @slot - Default slot for button text/content\n * @slot prefix - Icon or content before the label\n * @slot suffix - Icon or content after the label\n *\n * @cssprop --cg-color-action-primary-background-default - Primary button background color\n * @cssprop --cg-component-button-height-md - Button height (md size, 48px)\n * @cssprop --cg-interaction-press-scale - Scale on press/active (0.97)\n * @cssprop --cg-transition-duration-fast - Color transition speed\n */\n@customElement('cg-button')\nexport class CgButton extends LitElement {\n  static override styles = [hostBase, reducedMotion, spinKeyframes, css`\n    button {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--cg-spacing-8);\n      border: var(--cg-border-width-50) solid transparent;\n      cursor: pointer;\n      font-family: inherit;\n      font-weight: var(--cg-font-weight-medium);\n      line-height: 1;\n      white-space: nowrap;\n      text-decoration: none;\n      transition:\n        background-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        border-color var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        box-shadow var(--cg-transition-duration-fast) var(--cg-transition-easing-default),\n        transform var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n      -webkit-font-smoothing: antialiased;\n      position: relative;\n    }\n\n    /* Press scale */\n    button:active:not(:disabled) {\n      transform: scale(var(--cg-interaction-press-scale));\n    }\n\n    /* Focus ring — dual-layer */\n    button:focus-visible {\n      box-shadow:\n        0 0 0 var(--cg-border-width-100) var(--cg-color-focus-ring-offset),\n        0 0 0 calc(var(--cg-border-width-100) * 2) var(--cg-color-focus-ring);\n      outline: none;\n    }\n\n    /* ── Sizes ── */\n    :host([size=\"sm\"]) button {\n      padding: 0 var(--cg-spacing-12);\n      font-size: var(--cg-font-size-xs);\n      border-radius: var(--cg-component-button-radius-sm);\n      height: var(--cg-component-button-height-sm);\n    }\n    :host([size=\"md\"]) button {\n      padding: 0 var(--cg-spacing-16);\n      font-size: var(--cg-font-size-sm);\n      border-radius: var(--cg-component-button-radius-md);\n      height: var(--cg-component-button-height-md);\n    }\n    :host([size=\"lg\"]) button {\n      padding: 0 var(--cg-spacing-24);\n      font-size: var(--cg-font-size-base);\n      border-radius: var(--cg-component-button-radius-lg);\n      height: var(--cg-component-button-height-lg);\n    }\n\n    /* ── Rounded overrides ── */\n    :host([rounded=\"none\"]) button { border-radius: 0; }\n    :host([rounded=\"sm\"]) button { border-radius: var(--cg-component-button-radius-sm); }\n    :host([rounded=\"md\"]) button { border-radius: var(--cg-component-button-radius-md); }\n    :host([rounded=\"lg\"]) button { border-radius: var(--cg-component-button-radius-lg); }\n    :host([rounded=\"full\"]) button { border-radius: var(--cg-border-radius-full); }\n\n    /* ── Primary variant ── */\n    :host([variant=\"primary\"]) button {\n      background: var(--cg-color-action-primary-background-default);\n      color: var(--cg-color-action-primary-text-default);\n      border-color: var(--cg-color-action-primary-border-default);\n    }\n    :host([variant=\"primary\"]) button:not(:disabled):hover {\n      background: var(--cg-color-action-primary-background-hover);\n    }\n\n    /* ── Secondary variant ── */\n    :host([variant=\"secondary\"]) button {\n      background: var(--cg-color-action-secondary-background-default);\n      color: var(--cg-color-action-secondary-text-default);\n      border-color: var(--cg-color-action-secondary-border-default);\n    }\n    :host([variant=\"secondary\"]) button:not(:disabled):hover {\n      background: var(--cg-color-action-secondary-background-hover);\n    }\n\n    /* ── Tertiary (ghost) variant ── */\n    :host([variant=\"tertiary\"]) button {\n      background: transparent;\n      color: var(--cg-color-action-tertiary-text-default);\n      border-color: transparent;\n    }\n    :host([variant=\"tertiary\"]) button:not(:disabled):hover {\n      background: var(--cg-color-action-tertiary-background-hover);\n    }\n\n    /* ── Danger type ── */\n    :host([type=\"danger\"]) button {\n      background: var(--cg-color-status-error-background-default);\n      color: var(--cg-color-status-error-text-default);\n      border-color: var(--cg-color-status-error-border-default);\n    }\n    :host([type=\"danger\"][variant=\"primary\"]) button {\n      background: var(--cg-color-status-error-text-default);\n      color: var(--cg-color-status-error-text-inverse);\n      border-color: transparent;\n    }\n    :host([type=\"danger\"]) button:not(:disabled):hover {\n      background: var(--cg-color-status-error-background-hover);\n    }\n    :host([type=\"danger\"][variant=\"primary\"]) button:not(:disabled):hover {\n      background: var(--cg-color-status-error-background-hover);\n    }\n\n    /* ── Disabled ──\n       Themeable per-variant disabled colors (no opacity smudge on re-pointed brands).\n       Scoped with :host so these win over the variant/type/status background rules. */\n    button:disabled {\n      pointer-events: none;\n    }\n    :host([variant=\"primary\"]) button:disabled,\n    :host([type=\"danger\"][variant=\"primary\"]) button:disabled,\n    :host([status=\"error\"]) button:disabled,\n    :host([status=\"success\"]) button:disabled {\n      background: var(--cg-color-action-primary-background-disable);\n      color: var(--cg-color-action-primary-text-disable);\n      border-color: var(--cg-color-action-primary-border-disable);\n    }\n    :host([variant=\"secondary\"]) button:disabled {\n      background: var(--cg-color-action-secondary-background-disable);\n      color: var(--cg-color-action-secondary-text-disable);\n      border-color: var(--cg-color-action-secondary-border-disable);\n    }\n    :host([variant=\"tertiary\"]) button:disabled {\n      background: var(--cg-color-action-tertiary-background-disable);\n      color: var(--cg-color-action-tertiary-text-disable);\n      border-color: var(--cg-color-action-tertiary-border-disable);\n    }\n\n    /* ── Loading ── */\n    :host([loading]) button {\n      color: transparent;\n      pointer-events: none;\n    }\n    .spinner {\n      position: absolute;\n      width: var(--cg-icon-size-100);\n      height: var(--cg-icon-size-100);\n      border: var(--cg-border-width-100) solid currentColor;\n      border-right-color: transparent;\n      border-radius: var(--cg-border-radius-full);\n      animation: spin var(--cg-transition-duration-slow) linear infinite;\n    }\n    :host([loading]) .spinner { color: var(--cg-color-action-primary-text-default); }\n    :host([loading][variant=\"secondary\"]) .spinner { color: var(--cg-color-action-secondary-text-default); }\n    :host([loading][variant=\"tertiary\"]) .spinner { color: var(--cg-color-action-tertiary-text-default); }\n\n    /* ── Error state ── */\n    :host([status=\"error\"]) button {\n      background: var(--cg-color-status-error-background-default);\n      color: var(--cg-color-status-error-text-default);\n      border-color: var(--cg-color-status-error-border-default);\n    }\n    :host([status=\"error\"]) button:not(:disabled):hover {\n      background: var(--cg-color-status-error-background-hover);\n    }\n    :host([status=\"error\"]) .spinner { color: var(--cg-color-status-error-text-default); }\n\n    /* ── Success state ── */\n    :host([status=\"success\"]) button {\n      background: var(--cg-color-status-success-background-default);\n      color: var(--cg-color-status-success-text-default);\n      border-color: var(--cg-color-status-success-border-default);\n    }\n    :host([status=\"success\"]) button:not(:disabled):hover {\n      background: var(--cg-color-status-success-background-hover);\n    }\n    :host([status=\"success\"]) .spinner { color: var(--cg-color-status-success-text-default); }\n\n    /* ── Full width ── */\n    :host([full]) {\n      display: block;\n      width: 100%;\n    }\n    :host([full]) button {\n      width: 100%;\n    }\n  `];\n\n  @property({ reflect: true }) variant: 'primary' | 'secondary' | 'tertiary' = 'primary';\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' = 'md';\n  @property({ reflect: true }) rounded: 'none' | 'sm' | 'md' | 'lg' | 'full' = 'lg';\n  @property({ reflect: true }) type: 'normal' | 'danger' = 'normal';\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean, reflect: true }) loading = false;\n  @property({ type: Boolean, reflect: true }) full = false;\n  @property({ reflect: true }) status: 'idle' | 'error' | 'success' = 'idle';\n  @property() label = '';\n\n  override render() {\n    return html`\n      <button\n        part=\"button\"\n        ?disabled=${this.disabled || this.loading}\n        aria-busy=${this.loading ? 'true' : 'false'}\n        aria-label=${this.label || nothing}\n      >\n        ${this.loading ? html`<span class=\"spinner\"></span>` : nothing}\n        <slot name=\"prefix\"></slot>\n        <slot>${this.label}</slot>\n        <slot name=\"suffix\"></slot>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-button': CgButton;\n  }\n}\n// touch Mon Apr 13 18:29:50 AEST 2026\n"],"names":["CgButton","LitElement","html","nothing","hostBase","reducedMotion","spinKeyframes","css","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/components/cg-button-group/cg-button-group.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+/**
+ * @element cg-center
+ * Centers its content on both axes, with an optional max-width for
+ * constraining readable content blocks.
+ *
+ * @example
+ * ```html
+ * <cg-center full>
+ *   <cg-spinner></cg-spinner>
+ * </cg-center>
+ * ```
+ *
+ * @example Constrained content column
+ * ```html
+ * <cg-center max-width="640px" inline>
+ *   <cg-markdown>…</cg-markdown>
+ * </cg-center>
+ * ```
+ *
+ * @slot - Content to center.
+ */
+export declare class CgCenter extends LitElement {
+    static styles: import('lit').CSSResult[];
+    inline: boolean;
+    maxWidth: string;
+    full: boolean;
+    gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    updated(changed: Map<string, unknown>): void;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cg-center': CgCenter;
+    }
+}
+//# sourceMappingURL=cg-center.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cg-center.d.ts","sourceRoot":"","sources":["../../../src/components/cg-center/cg-center.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAmCnB;IAEyC,MAAM,UAAS;IACN,QAAQ,SAAM;IACvB,IAAI,UAAS;IAC5B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAU;IAEpF,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM5C,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

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

@@ -0,0 +1,74 @@
+import { css as p, LitElement as g, html as h } from "lit";
+import { property as s, customElement as m } from "lit/decorators.js";
+import { h as f, r as u } from "../../chunks/premium.css-B0hBr_uS.js";
+var d = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (o, a, l, r) => {
+  for (var t = r > 1 ? void 0 : r ? x(a, l) : a, c = o.length - 1, i; c >= 0; c--)
+    (i = o[c]) && (t = (r ? i(a, l, t) : i(t)) || t);
+  return r && t && d(a, l, t), t;
+};
+let e = class extends g {
+  constructor() {
+    super(...arguments), this.inline = !1, this.maxWidth = "", this.full = !1, this.gap = "none";
+  }
+  updated(o) {
+    o.has("maxWidth") && this.style.setProperty("--_cg-center-max", this.maxWidth || "none");
+  }
+  render() {
+    return h`<div class="content"><slot></slot></div>`;
+  }
+};
+e.styles = [f, u, p`
+    :host {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    }
+
+    /* Inline-only: center horizontally, keep normal block flow vertically */
+    :host([inline]) {
+      display: block;
+    }
+    :host([inline]) .content {
+      margin-inline: auto;
+    }
+
+    :host([full]) { min-height: 100%; }
+
+    .content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      max-width: var(--_cg-center-max, none);
+      width: 100%;
+    }
+
+    /* Gap — same scale as cg-stack */
+    :host([gap="none"]) .content { gap: 0; }
+    :host([gap="xs"]) .content { gap: var(--cg-spacing-4); }
+    :host([gap="sm"]) .content { gap: var(--cg-spacing-8); }
+    :host([gap="md"]) .content { gap: var(--cg-spacing-16); }
+    :host([gap="lg"]) .content { gap: var(--cg-spacing-24); }
+    :host([gap="xl"]) .content { gap: var(--cg-spacing-32); }
+    :host([gap="2xl"]) .content { gap: var(--cg-spacing-48); }
+  `];
+n([
+  s({ type: Boolean, reflect: !0 })
+], e.prototype, "inline", 2);
+n([
+  s({ attribute: "max-width", reflect: !0 })
+], e.prototype, "maxWidth", 2);
+n([
+  s({ type: Boolean, reflect: !0 })
+], e.prototype, "full", 2);
+n([
+  s({ reflect: !0 })
+], e.prototype, "gap", 2);
+e = n([
+  m("cg-center")
+], e);
+export {
+  e as CgCenter
+};
+//# sourceMappingURL=cg-center.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cg-center.js","sources":["../../../src/components/cg-center/cg-center.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-center\n * Centers its content on both axes, with an optional max-width for\n * constraining readable content blocks.\n *\n * @example\n * ```html\n * <cg-center full>\n *   <cg-spinner></cg-spinner>\n * </cg-center>\n * ```\n *\n * @example Constrained content column\n * ```html\n * <cg-center max-width=\"640px\" inline>\n *   <cg-markdown>…</cg-markdown>\n * </cg-center>\n * ```\n *\n * @slot - Content to center.\n */\n@customElement('cg-center')\nexport class CgCenter extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n    }\n\n    /* Inline-only: center horizontally, keep normal block flow vertically */\n    :host([inline]) {\n      display: block;\n    }\n    :host([inline]) .content {\n      margin-inline: auto;\n    }\n\n    :host([full]) { min-height: 100%; }\n\n    .content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      max-width: var(--_cg-center-max, none);\n      width: 100%;\n    }\n\n    /* Gap — same scale as cg-stack */\n    :host([gap=\"none\"]) .content { gap: 0; }\n    :host([gap=\"xs\"]) .content { gap: var(--cg-spacing-4); }\n    :host([gap=\"sm\"]) .content { gap: var(--cg-spacing-8); }\n    :host([gap=\"md\"]) .content { gap: var(--cg-spacing-16); }\n    :host([gap=\"lg\"]) .content { gap: var(--cg-spacing-24); }\n    :host([gap=\"xl\"]) .content { gap: var(--cg-spacing-32); }\n    :host([gap=\"2xl\"]) .content { gap: var(--cg-spacing-48); }\n  `];\n\n  @property({ type: Boolean, reflect: true }) inline = false;\n  @property({ attribute: 'max-width', reflect: true }) maxWidth = '';\n  @property({ type: Boolean, reflect: true }) full = false;\n  @property({ reflect: true }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'none';\n\n  override updated(changed: Map<string, unknown>): void {\n    if (changed.has('maxWidth')) {\n      this.style.setProperty('--_cg-center-max', this.maxWidth || 'none');\n    }\n  }\n\n  override render() {\n    return html`<div class=\"content\"><slot></slot></div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-center': CgCenter;\n  }\n}\n"],"names":["CgCenter","LitElement","changed","html","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;AA0BO,IAAMA,IAAN,cAAuBC,EAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA,GAsCuC,KAAA,SAAS,IACA,KAAA,WAAW,IACpB,KAAA,OAAO,IACtB,KAAA,MAAyD;AAAA,EAAA;AAAA,EAE7E,QAAQC,GAAqC;AACpD,IAAIA,EAAQ,IAAI,UAAU,KACxB,KAAK,MAAM,YAAY,oBAAoB,KAAK,YAAY,MAAM;AAAA,EAEtE;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AApDaH,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;AAAA;AAAA,GAmCnD;AAE2CC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAtC/BR,EAsCiC,WAAA,UAAA,CAAA;AACSO,EAAA;AAAA,EAApDC,EAAS,EAAE,WAAW,aAAa,SAAS,IAAM;AAAA,GAvCxCR,EAuC0C,WAAA,YAAA,CAAA;AACTO,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAxC/BR,EAwCiC,WAAA,QAAA,CAAA;AACfO,EAAA;AAAA,EAA5BC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAzChBR,EAyCkB,WAAA,OAAA,CAAA;AAzClBA,IAANO,EAAA;AAAA,EADNE,EAAc,WAAW;AAAA,GACbT,CAAA;"}

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

@@ -1,6 +1,6 @@
 import { css as N, LitElement as I, nothing as v, svg as f, html as _ } from "lit";
 import { property as b, state as z, customElement as C } from "lit/decorators.js";
-import { h as E, r as W } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as E, r as W } from "../../chunks/premium.css-B0hBr_uS.js";
 var Y = Object.defineProperty, q = Object.getOwnPropertyDescriptor, x = (t, a, r, s) => {
   for (var e = s > 1 ? void 0 : s ? q(a, r) : a, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (e = (s ? o(a, r, e) : o(e)) || e);

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

@@ -1,6 +1,6 @@
 import { css as u, LitElement as g, nothing as n, html as i } from "lit";
 import { property as o, customElement as b } 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 v = Object.defineProperty, k = Object.getOwnPropertyDescriptor, t = (r, a, d, c) => {
   for (var s = c > 1 ? void 0 : c ? k(a, d) : a, l = r.length - 1, h; l >= 0; l--)
     (h = r[l]) && (s = (c ? h(a, d, s) : h(s)) || s);

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

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

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

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

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

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

package/dist/components/cg-color-picker/cg-color-picker.js

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

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

@@ -1,6 +1,6 @@
 import { css as h, LitElement as g, nothing as p, html as c } from "lit";
 import { property as i, state as u, query as v, customElement as b } 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 y = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (e, t, n, o) => {
   for (var s = o > 1 ? void 0 : o ? _(t, n) : t, l = e.length - 1, d; l >= 0; l--)
     (d = e[l]) && (s = (o ? d(t, n, s) : d(s)) || s);

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

@@ -1,6 +1,6 @@
 import { css as u, LitElement as m, nothing as p, html as c } from "lit";
 import { property as d, state as v, query as g, customElement as h } from "lit/decorators.js";
-import { h as f, r as b } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as f, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
 import { F as y } from "../../chunks/focus-trap-vlQwKK-3.js";
 import { h as x } from "../../chunks/roving-index-BuO0tTba.js";
 var _ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (e, t, a, o) => {

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

@@ -1,6 +1,6 @@
 import { css as p, LitElement as u, html as l, nothing as d } from "lit";
 import { property as h, state as _, query as m, customElement as v } from "lit/decorators.js";
-import { h as f, r as b, m as E } from "../../chunks/premium.css-DHekUEUt.js";
+import { h as f, r as b, m as E } from "../../chunks/premium.css-B0hBr_uS.js";
 import { a as g } from "../../chunks/floating-DfsaYJnh.js";
 import { b as L } from "../../chunks/outside-click-CP1P1fK3.js";
 import { h as x } from "../../chunks/roving-index-BuO0tTba.js";

package/dist/components/cg-date-picker/cg-date-picker.js

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

package/dist/components/cg-date-range-picker/cg-date-range-picker.js

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

package/dist/components/cg-date-time-picker/cg-date-time-picker.js

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

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

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

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

@@ -1,6 +1,6 @@
 import { css as g, LitElement as h, nothing as c, html as a } from "lit";
 import { property as l, state as u, query as m, customElement as f } from "lit/decorators.js";
-import { e as v, m as b } from "../../chunks/premium.css-DHekUEUt.js";
+import { e as v, m as b } from "../../chunks/premium.css-B0hBr_uS.js";
 import { b as _ } from "../../chunks/outside-click-CP1P1fK3.js";
 import { h as y } from "../../chunks/roving-index-BuO0tTba.js";
 var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (e, s, o, t) => {

package/dist/components/cg-empty-state/cg-empty-state.js

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

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

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