@cognivo/components 0.8.0 → 0.8.2

package/dist/components/cg-mfa-prompt/cg-mfa-prompt.js

@@ -1,245 +0,0 @@
-import { css as p, LitElement as u, nothing as g, html as c } from "lit";
-import { property as r, state as h, customElement as f } from "lit/decorators.js";
-import { h as b, r as m } from "../../chunks/premium.css-9I4kHrsl.js";
-import "../cg-otp-input/cg-otp-input.js";
-var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (e, s, n, a) => {
-  for (var o = a > 1 ? void 0 : a ? y(s, n) : s, d = e.length - 1, l; d >= 0; d--)
-    (l = e[d]) && (o = (a ? l(s, n, o) : l(o)) || o);
-  return a && o && v(s, n, o), o;
-};
-let t = class extends u {
-  constructor() {
-    super(...arguments), this.factor = "totp", this.length = 6, this.destination = "", this.resendCooldown = 30, this.disabled = !1, this.resendLabel = "Resend code", this.triggerLabel = "Use security key", this._code = "", this._resendRemaining = 0, this._onCodeChange = (e) => {
-      const s = e.detail;
-      this._code = s?.value ?? "";
-    }, this._onCodeComplete = (e) => {
-      const n = e.detail?.value ?? this._code;
-      this._submit(n);
-    }, this._onResend = () => {
-      this.disabled || this._resendRemaining > 0 || (this.dispatchEvent(new CustomEvent("cg-mfa-resend", {
-        detail: { factor: this.factor },
-        bubbles: !0,
-        composed: !0
-      })), this.startCooldown());
-    }, this._onTrigger = () => {
-      this.disabled || this.dispatchEvent(new CustomEvent("cg-mfa-trigger", {
-        detail: { factor: this.factor },
-        bubbles: !0,
-        composed: !0
-      }));
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.resendCooldown > 0 && (this._resendRemaining = this.resendCooldown, this._tickResend());
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._resendTimer !== void 0 && clearInterval(this._resendTimer);
-  }
-  _tickResend() {
-    this._resendTimer !== void 0 && clearInterval(this._resendTimer), this._resendTimer = window.setInterval(() => {
-      if (this._resendRemaining <= 0) {
-        this._resendTimer !== void 0 && clearInterval(this._resendTimer), this._resendTimer = void 0;
-        return;
-      }
-      this._resendRemaining -= 1;
-    }, 1e3);
-  }
-  /** Restart the resend cooldown. Call after the consumer issues a new code. */
-  startCooldown(e = this.resendCooldown) {
-    this._resendRemaining = e, this._tickResend();
-  }
-  _submit(e) {
-    this.disabled || this.factor !== "webauthn" && e.length !== this.length || this.dispatchEvent(new CustomEvent("cg-mfa-submit", {
-      detail: { factor: this.factor, code: e },
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-  _factorCopy() {
-    switch (this.factor) {
-      case "totp":
-        return {
-          title: "Two-factor verification",
-          subtitle: "Enter the 6-digit code from your authenticator app."
-        };
-      case "sms":
-        return {
-          title: "Verify your phone",
-          subtitle: this.destination ? `We sent a code to ${this.destination}.` : "Enter the code we just sent you."
-        };
-      case "email":
-        return {
-          title: "Verify your email",
-          subtitle: this.destination ? `We sent a code to ${this.destination}.` : "Enter the code from your inbox."
-        };
-      case "webauthn":
-        return {
-          title: "Verify with security key",
-          subtitle: "Insert your security key or use a registered passkey."
-        };
-    }
-  }
-  render() {
-    const e = this._factorCopy(), s = this.factor !== "webauthn", n = this.disabled || this._resendRemaining > 0, a = this._resendRemaining > 0 ? `Resend in ${this._resendRemaining}s` : this.resendLabel;
-    return c`
-      <div class="wrapper">
-        <div class="heading">
-          <span class="title">${e.title}</span>
-          <span class="subtitle">
-            ${this.destination && (this.factor === "sms" || this.factor === "email") ? c`${e.subtitle.split(this.destination)[0] ?? ""}<span class="destination">${this.destination}</span>${e.subtitle.split(this.destination)[1] ?? ""}` : e.subtitle}
-          </span>
-        </div>
-
-        ${s ? c`
-            <div class="input-region">
-              <cg-otp-input
-                .length=${this.length}
-                ?disabled=${this.disabled}
-                @cg-input=${this._onCodeChange}
-                @cg-complete=${this._onCodeComplete}
-              ></cg-otp-input>
-            </div>
-            <div class="resend-row">
-              <span>Didn't get it?</span>
-              <button
-                class="resend"
-                type="button"
-                ?disabled=${n}
-                @click=${this._onResend}
-              >${a}</button>
-            </div>
-          ` : c`
-            <div class="trigger">
-              <button
-                class="resend"
-                type="button"
-                ?disabled=${this.disabled}
-                @click=${this._onTrigger}
-              >${this.triggerLabel}</button>
-            </div>
-          `}
-
-        <div class="footer-slot">
-          <slot name="footer"></slot>
-        </div>
-      </div>
-      ${g}
-    `;
-  }
-};
-t.styles = [b, m, p`
-    :host { display: block; }
-
-    .wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: var(--cg-spacing-16);
-    }
-
-    .heading {
-      display: flex;
-      flex-direction: column;
-      gap: var(--cg-spacing-4);
-      text-align: center;
-    }
-    .title {
-      font-size: var(--cg-font-size-base);
-      font-weight: var(--cg-font-weight-semibold);
-      color: var(--cg-color-surface-base-text);
-    }
-    .subtitle {
-      font-size: var(--cg-font-size-sm);
-      color: var(--cg-color-surface-container-outlined);
-      line-height: var(--cg-line-height-snug);
-    }
-    .destination {
-      font-family: var(--cg-font-family-mono, ui-monospace, monospace);
-      color: var(--cg-color-surface-base-text);
-    }
-
-    .input-region {
-      display: flex;
-      justify-content: center;
-    }
-
-    .resend-row {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: var(--cg-spacing-8);
-      font-size: var(--cg-font-size-xs);
-      color: var(--cg-color-surface-container-outlined);
-    }
-
-    .resend {
-      background: transparent;
-      border: 0;
-      color: var(--cg-color-action-primary-text-default);
-      font: inherit;
-      font-weight: var(--cg-font-weight-medium);
-      cursor: pointer;
-      padding: var(--cg-spacing-4) var(--cg-spacing-6);
-      border-radius: var(--cg-border-radius-50);
-    }
-    .resend:disabled {
-      color: var(--cg-color-surface-container-outlined);
-      cursor: not-allowed;
-    }
-    .resend:hover:not(:disabled) {
-      background: var(--cg-color-action-tertiary-background-hover);
-    }
-    .resend:focus-visible {
-      outline: none;
-      box-shadow: 0 0 0 var(--cg-spacing-2) var(--cg-color-focus-ring);
-    }
-
-    .trigger {
-      display: flex;
-      justify-content: center;
-    }
-
-    .footer-slot {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      gap: var(--cg-spacing-4);
-      font-size: var(--cg-font-size-xs);
-    }
-    .footer-slot:empty { display: none; }
-
-    :host([disabled]) .wrapper { opacity: 0.6; pointer-events: none; }
-  `];
-i([
-  r({ reflect: !0 })
-], t.prototype, "factor", 2);
-i([
-  r({ type: Number })
-], t.prototype, "length", 2);
-i([
-  r()
-], t.prototype, "destination", 2);
-i([
-  r({ type: Number, attribute: "resend-cooldown" })
-], t.prototype, "resendCooldown", 2);
-i([
-  r({ type: Boolean, reflect: !0 })
-], t.prototype, "disabled", 2);
-i([
-  r({ attribute: "resend-label" })
-], t.prototype, "resendLabel", 2);
-i([
-  r({ attribute: "trigger-label" })
-], t.prototype, "triggerLabel", 2);
-i([
-  h()
-], t.prototype, "_code", 2);
-i([
-  h()
-], t.prototype, "_resendRemaining", 2);
-t = i([
-  f("cg-mfa-prompt")
-], t);
-export {
-  t as CgMfaPrompt
-};
-//# sourceMappingURL=cg-mfa-prompt.js.map

package/dist/components/cg-mfa-prompt/cg-mfa-prompt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-mfa-prompt.js","sources":["../../../src/components/cg-mfa-prompt/cg-mfa-prompt.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\nimport '../cg-otp-input/cg-otp-input.js';\n\n/**\n * @element cg-mfa-prompt\n * Multi-factor authentication challenge UI. Shows the current factor\n * (TOTP, SMS, email, WebAuthn), a code input where applicable, and a\n * resend control with a token-driven cooldown timer. Emits `cg-mfa-submit`\n * when the user submits a code.\n *\n * The component is form-aware via cg-otp-input — pressing Enter inside\n * the OTP cells, or auto-submit when the code reaches the configured\n * length, both fire `cg-mfa-submit` with the entered value.\n *\n * @example TOTP challenge\n * ```html\n * <cg-mfa-prompt\n *   factor=\"totp\"\n *   length=\"6\"\n *   .resendCooldown=${30}\n *   @cg-mfa-submit=${onSubmit}\n *   @cg-mfa-resend=${onResend}\n * ></cg-mfa-prompt>\n * ```\n *\n * @example SMS with destination hint\n * ```html\n * <cg-mfa-prompt factor=\"sms\" destination=\"+61 4** *** 219\"></cg-mfa-prompt>\n * ```\n *\n * @example WebAuthn (no code input — just a re-prompt button)\n * ```html\n * <cg-mfa-prompt factor=\"webauthn\" @cg-mfa-trigger=${onWebAuthn}></cg-mfa-prompt>\n * ```\n *\n * @slot footer - Slot for \"Use a backup code\" / \"Try another method\" links.\n *\n * @fires {CustomEvent<{factor: string, code: string}>} cg-mfa-submit - Code submitted (auto or explicit)\n * @fires {CustomEvent<{factor: string}>} cg-mfa-resend - Resend requested (after cooldown)\n * @fires {CustomEvent<{factor: string}>} cg-mfa-trigger - Trigger requested (factors that don't take a code, e.g. WebAuthn)\n */\n@customElement('cg-mfa-prompt')\nexport class CgMfaPrompt extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host { display: block; }\n\n    .wrapper {\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-16);\n    }\n\n    .heading {\n      display: flex;\n      flex-direction: column;\n      gap: var(--cg-spacing-4);\n      text-align: center;\n    }\n    .title {\n      font-size: var(--cg-font-size-base);\n      font-weight: var(--cg-font-weight-semibold);\n      color: var(--cg-color-surface-base-text);\n    }\n    .subtitle {\n      font-size: var(--cg-font-size-sm);\n      color: var(--cg-color-surface-container-outlined);\n      line-height: var(--cg-line-height-snug);\n    }\n    .destination {\n      font-family: var(--cg-font-family-mono, ui-monospace, monospace);\n      color: var(--cg-color-surface-base-text);\n    }\n\n    .input-region {\n      display: flex;\n      justify-content: center;\n    }\n\n    .resend-row {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--cg-spacing-8);\n      font-size: var(--cg-font-size-xs);\n      color: var(--cg-color-surface-container-outlined);\n    }\n\n    .resend {\n      background: transparent;\n      border: 0;\n      color: var(--cg-color-action-primary-text-default);\n      font: inherit;\n      font-weight: var(--cg-font-weight-medium);\n      cursor: pointer;\n      padding: var(--cg-spacing-4) var(--cg-spacing-6);\n      border-radius: var(--cg-border-radius-50);\n    }\n    .resend:disabled {\n      color: var(--cg-color-surface-container-outlined);\n      cursor: not-allowed;\n    }\n    .resend:hover:not(:disabled) {\n      background: var(--cg-color-action-tertiary-background-hover);\n    }\n    .resend:focus-visible {\n      outline: none;\n      box-shadow: 0 0 0 var(--cg-spacing-2) var(--cg-color-focus-ring);\n    }\n\n    .trigger {\n      display: flex;\n      justify-content: center;\n    }\n\n    .footer-slot {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--cg-spacing-4);\n      font-size: var(--cg-font-size-xs);\n    }\n    .footer-slot:empty { display: none; }\n\n    :host([disabled]) .wrapper { opacity: 0.6; pointer-events: none; }\n  `];\n\n  /** Active factor. Drives the visible copy + which input renders. */\n  @property({ reflect: true }) factor: 'totp' | 'sms' | 'email' | 'webauthn' = 'totp';\n\n  /** OTP code length. 6 by default; some providers use 4 or 8. */\n  @property({ type: Number }) length = 6;\n\n  /** Where the code was sent (e.g. masked phone or email). Decorative. */\n  @property() destination = '';\n\n  /** Cooldown in seconds before the resend button reactivates after a click. */\n  @property({ type: Number, attribute: 'resend-cooldown' }) resendCooldown = 30;\n\n  /** Disable the entire prompt (resending + submitting). */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Override the resend label — e.g. \"Send new code\" vs \"Resend\". */\n  @property({ attribute: 'resend-label' }) resendLabel = 'Resend code';\n\n  /** Override the WebAuthn trigger label. */\n  @property({ attribute: 'trigger-label' }) triggerLabel = 'Use security key';\n\n  @state() private _code = '';\n  @state() private _resendRemaining = 0;\n\n  private _resendTimer: number | undefined;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.resendCooldown > 0) {\n      this._resendRemaining = this.resendCooldown;\n      this._tickResend();\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._resendTimer !== undefined) clearInterval(this._resendTimer);\n  }\n\n  private _tickResend(): void {\n    if (this._resendTimer !== undefined) clearInterval(this._resendTimer);\n    this._resendTimer = window.setInterval(() => {\n      if (this._resendRemaining <= 0) {\n        if (this._resendTimer !== undefined) clearInterval(this._resendTimer);\n        this._resendTimer = undefined;\n        return;\n      }\n      this._resendRemaining -= 1;\n    }, 1000);\n  }\n\n  /** Restart the resend cooldown. Call after the consumer issues a new code. */\n  startCooldown(seconds: number = this.resendCooldown): void {\n    this._resendRemaining = seconds;\n    this._tickResend();\n  }\n\n  private _onCodeChange = (e: Event): void => {\n    const detail = (e as CustomEvent<{ value: string }>).detail;\n    this._code = detail?.value ?? '';\n  };\n\n  private _onCodeComplete = (e: Event): void => {\n    const detail = (e as CustomEvent<{ value: string }>).detail;\n    const code = detail?.value ?? this._code;\n    this._submit(code);\n  };\n\n  private _submit(code: string): void {\n    if (this.disabled) return;\n    if (this.factor !== 'webauthn' && code.length !== this.length) return;\n    this.dispatchEvent(new CustomEvent('cg-mfa-submit', {\n      detail: { factor: this.factor, code },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _onResend = (): void => {\n    if (this.disabled || this._resendRemaining > 0) return;\n    this.dispatchEvent(new CustomEvent('cg-mfa-resend', {\n      detail: { factor: this.factor },\n      bubbles: true,\n      composed: true,\n    }));\n    this.startCooldown();\n  };\n\n  private _onTrigger = (): void => {\n    if (this.disabled) return;\n    this.dispatchEvent(new CustomEvent('cg-mfa-trigger', {\n      detail: { factor: this.factor },\n      bubbles: true,\n      composed: true,\n    }));\n  };\n\n  private _factorCopy(): { title: string; subtitle: string } {\n    switch (this.factor) {\n      case 'totp':\n        return {\n          title: 'Two-factor verification',\n          subtitle: 'Enter the 6-digit code from your authenticator app.',\n        };\n      case 'sms':\n        return {\n          title: 'Verify your phone',\n          subtitle: this.destination\n            ? `We sent a code to ${this.destination}.`\n            : 'Enter the code we just sent you.',\n        };\n      case 'email':\n        return {\n          title: 'Verify your email',\n          subtitle: this.destination\n            ? `We sent a code to ${this.destination}.`\n            : 'Enter the code from your inbox.',\n        };\n      case 'webauthn':\n        return {\n          title: 'Verify with security key',\n          subtitle: 'Insert your security key or use a registered passkey.',\n        };\n    }\n  }\n\n  override render() {\n    const copy = this._factorCopy();\n    const showCodeInput = this.factor !== 'webauthn';\n    const resendDisabled = this.disabled || this._resendRemaining > 0;\n    const resendLabel =\n      this._resendRemaining > 0\n        ? `Resend in ${this._resendRemaining}s`\n        : this.resendLabel;\n\n    return html`\n      <div class=\"wrapper\">\n        <div class=\"heading\">\n          <span class=\"title\">${copy.title}</span>\n          <span class=\"subtitle\">\n            ${this.destination && (this.factor === 'sms' || this.factor === 'email')\n              ? html`${copy.subtitle.split(this.destination)[0] ?? ''}<span class=\"destination\">${this.destination}</span>${copy.subtitle.split(this.destination)[1] ?? ''}`\n              : copy.subtitle}\n          </span>\n        </div>\n\n        ${showCodeInput\n          ? html`\n            <div class=\"input-region\">\n              <cg-otp-input\n                .length=${this.length}\n                ?disabled=${this.disabled}\n                @cg-input=${this._onCodeChange}\n                @cg-complete=${this._onCodeComplete}\n              ></cg-otp-input>\n            </div>\n            <div class=\"resend-row\">\n              <span>Didn't get it?</span>\n              <button\n                class=\"resend\"\n                type=\"button\"\n                ?disabled=${resendDisabled}\n                @click=${this._onResend}\n              >${resendLabel}</button>\n            </div>\n          `\n          : html`\n            <div class=\"trigger\">\n              <button\n                class=\"resend\"\n                type=\"button\"\n                ?disabled=${this.disabled}\n                @click=${this._onTrigger}\n              >${this.triggerLabel}</button>\n            </div>\n          `}\n\n        <div class=\"footer-slot\">\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n      ${nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-mfa-prompt': CgMfaPrompt;\n  }\n}\n"],"names":["CgMfaPrompt","LitElement","detail","code","seconds","copy","showCodeInput","resendDisabled","resendLabel","html","nothing","hostBlock","reducedMotion","css","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/components/cg-search-input/cg-search-input.d.ts

@@ -1,62 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * @element cg-search-input
- * Search input — wraps `<cg-input>` with a leading search icon, clearable
- * trailing button, debounced search event, and a `role="search"` landmark.
- * Use this anywhere a user filters/queries a collection.
- *
- * Two events: `cg-search` fires after `debounce` ms of inactivity and on
- * Enter; `cg-input` fires on every keystroke (forwarded from cg-input)
- * for callers that want immediate value-change visibility without the
- * debounce.
- *
- * @example
- * ```html
- * <cg-search-input
- *   placeholder="Search patients…"
- *   debounce="200"
- *   @cg-search=${onSearch}
- * ></cg-search-input>
- * ```
- *
- * @fires {CustomEvent<{value: string}>} cg-input - Forwarded from cg-input on every keystroke
- * @fires {CustomEvent<{value: string}>} cg-search - Debounced search event (also fires on Enter and clear)
- *
- * @cssprop --cg-component-input-height-md - Inherits from cg-input
- */
-export declare class CgSearchInput extends LitElement {
-    static styles: import('lit').CSSResult[];
-    /** Current query value. Two-way: read it back via `value`, or set it to seed/clear. */
-    value: string;
-    /** Placeholder shown when the field is empty. */
-    placeholder: string;
-    /** Visible label. Pass empty string to suppress. */
-    label: string;
-    /** Debounce window in ms for the `cg-search` event. 0 disables the debounce. */
-    debounce: number;
-    /** Disable the input. */
-    disabled: boolean;
-    /** Mark the input as loading (input shows the inherited loading affordance). */
-    loading: boolean;
-    /** Suppress the leading search icon. */
-    noIcon: boolean;
-    private _internalValue;
-    private _searchTimer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    private _emitSearch;
-    private _scheduleSearch;
-    private _onInput;
-    private _onKeydown;
-    private _onClear;
-    /** Force the search event to fire now, bypassing the debounce window. */
-    flush(): void;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cg-search-input': CgSearchInput;
-    }
-}
-//# sourceMappingURL=cg-search-input.d.ts.map

package/dist/components/cg-search-input/cg-search-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cg-search-input.d.ts","sourceRoot":"","sources":["../../../src/components/cg-search-input/cg-search-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAGnB;IAEH,uFAAuF;IAC3E,KAAK,SAAM;IAEvB,iDAAiD;IACrC,WAAW,SAAY;IAEnC,oDAAoD;IACxC,KAAK,SAAM;IAEvB,gFAAgF;IACpD,QAAQ,SAAO;IAE3C,yBAAyB;IACmB,QAAQ,UAAS;IAE7D,gFAAgF;IACpC,OAAO,UAAS;IAE5D,wCAAwC;IAC0B,MAAM,UAAS;IAExE,OAAO,CAAC,cAAc,CAAM;IAErC,OAAO,CAAC,YAAY,CAAqB;IAEhC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMrD,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,QAAQ,CAMd;IAEF,OAAO,CAAC,UAAU,CAOhB;IAEF,OAAO,CAAC,QAAQ,CAQd;IAEF,yEAAyE;IACzE,KAAK,IAAI,IAAI;IAQJ,MAAM;CAoBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

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

@@ -1,106 +0,0 @@
-import { css as u, LitElement as p, html as n } from "lit";
-import { property as a, state as d, customElement as m } from "lit/decorators.js";
-import { h as _, r as b } from "../../chunks/premium.css-9I4kHrsl.js";
-import "../cg-input/cg-input.js";
-import "../cg-icon/cg-icon.js";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, l, r, h) => {
-  for (var s = h > 1 ? void 0 : h ? v(l, r) : l, o = e.length - 1, c; o >= 0; o--)
-    (c = e[o]) && (s = (h ? c(l, r, s) : c(s)) || s);
-  return h && s && f(l, r, s), s;
-};
-let t = class extends p {
-  constructor() {
-    super(...arguments), this.value = "", this.placeholder = "Search", this.label = "", this.debounce = 200, this.disabled = !1, this.loading = !1, this.noIcon = !1, this._internalValue = "", this._onInput = (e) => {
-      const r = e.detail?.value ?? "";
-      this._internalValue = r, this.value = r, this._scheduleSearch(r);
-    }, this._onKeydown = (e) => {
-      e.key === "Enter" && (this._searchTimer && (clearTimeout(this._searchTimer), this._searchTimer = void 0), this._emitSearch(this._internalValue));
-    }, this._onClear = () => {
-      this._internalValue = "", this.value = "", this._searchTimer && (clearTimeout(this._searchTimer), this._searchTimer = void 0), this._emitSearch("");
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._internalValue = this.value;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._searchTimer && clearTimeout(this._searchTimer);
-  }
-  updated(e) {
-    e.has("value") && this.value !== this._internalValue && (this._internalValue = this.value);
-  }
-  _emitSearch(e) {
-    this.dispatchEvent(new CustomEvent("cg-search", {
-      detail: { value: e },
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-  _scheduleSearch(e) {
-    if (this._searchTimer && clearTimeout(this._searchTimer), this.debounce <= 0) {
-      this._emitSearch(e);
-      return;
-    }
-    this._searchTimer = window.setTimeout(() => {
-      this._emitSearch(e), this._searchTimer = void 0;
-    }, this.debounce);
-  }
-  /** Force the search event to fire now, bypassing the debounce window. */
-  flush() {
-    this._searchTimer && (clearTimeout(this._searchTimer), this._searchTimer = void 0), this._emitSearch(this._internalValue);
-  }
-  render() {
-    return n`
-      <div class="wrapper" role="search">
-        <cg-input
-          type="search"
-          .value=${this._internalValue}
-          .placeholder=${this.placeholder}
-          .label=${this.label}
-          ?disabled=${this.disabled}
-          ?loading=${this.loading}
-          clearable
-          @cg-input=${this._onInput}
-          @cg-clear=${this._onClear}
-          @keydown=${this._onKeydown}
-        >
-          ${this.noIcon ? "" : n`<cg-icon slot="prefix" name="search" size="sm"></cg-icon>`}
-        </cg-input>
-      </div>
-    `;
-  }
-};
-t.styles = [_, b, u`
-    :host { display: block; }
-    .wrapper { display: block; }
-  `];
-i([
-  a()
-], t.prototype, "value", 2);
-i([
-  a()
-], t.prototype, "placeholder", 2);
-i([
-  a()
-], t.prototype, "label", 2);
-i([
-  a({ type: Number })
-], t.prototype, "debounce", 2);
-i([
-  a({ type: Boolean, reflect: !0 })
-], t.prototype, "disabled", 2);
-i([
-  a({ type: Boolean, reflect: !0 })
-], t.prototype, "loading", 2);
-i([
-  a({ type: Boolean, attribute: "no-icon", reflect: !0 })
-], t.prototype, "noIcon", 2);
-i([
-  d()
-], t.prototype, "_internalValue", 2);
-t = i([
-  m("cg-search-input")
-], t);
-export {
-  t as CgSearchInput
-};
-//# sourceMappingURL=cg-search-input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cg-search-input.js","sources":["../../../src/components/cg-search-input/cg-search-input.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\nimport '../cg-input/cg-input.js';\nimport '../cg-icon/cg-icon.js';\n\n/**\n * @element cg-search-input\n * Search input — wraps `<cg-input>` with a leading search icon, clearable\n * trailing button, debounced search event, and a `role=\"search\"` landmark.\n * Use this anywhere a user filters/queries a collection.\n *\n * Two events: `cg-search` fires after `debounce` ms of inactivity and on\n * Enter; `cg-input` fires on every keystroke (forwarded from cg-input)\n * for callers that want immediate value-change visibility without the\n * debounce.\n *\n * @example\n * ```html\n * <cg-search-input\n *   placeholder=\"Search patients…\"\n *   debounce=\"200\"\n *   @cg-search=${onSearch}\n * ></cg-search-input>\n * ```\n *\n * @fires {CustomEvent<{value: string}>} cg-input - Forwarded from cg-input on every keystroke\n * @fires {CustomEvent<{value: string}>} cg-search - Debounced search event (also fires on Enter and clear)\n *\n * @cssprop --cg-component-input-height-md - Inherits from cg-input\n */\n@customElement('cg-search-input')\nexport class CgSearchInput extends LitElement {\n  static override styles = [hostBlock, reducedMotion, css`\n    :host { display: block; }\n    .wrapper { display: block; }\n  `];\n\n  /** Current query value. Two-way: read it back via `value`, or set it to seed/clear. */\n  @property() value = '';\n\n  /** Placeholder shown when the field is empty. */\n  @property() placeholder = 'Search';\n\n  /** Visible label. Pass empty string to suppress. */\n  @property() label = '';\n\n  /** Debounce window in ms for the `cg-search` event. 0 disables the debounce. */\n  @property({ type: Number }) debounce = 200;\n\n  /** Disable the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Mark the input as loading (input shows the inherited loading affordance). */\n  @property({ type: Boolean, reflect: true }) loading = false;\n\n  /** Suppress the leading search icon. */\n  @property({ type: Boolean, attribute: 'no-icon', reflect: true }) noIcon = false;\n\n  @state() private _internalValue = '';\n\n  private _searchTimer: number | undefined;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._internalValue = this.value;\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._searchTimer) clearTimeout(this._searchTimer);\n  }\n\n  override updated(changed: Map<string, unknown>): void {\n    if (changed.has('value') && this.value !== this._internalValue) {\n      this._internalValue = this.value;\n    }\n  }\n\n  private _emitSearch(value: string): void {\n    this.dispatchEvent(new CustomEvent('cg-search', {\n      detail: { value },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n\n  private _scheduleSearch(value: string): void {\n    if (this._searchTimer) clearTimeout(this._searchTimer);\n    if (this.debounce <= 0) {\n      this._emitSearch(value);\n      return;\n    }\n    this._searchTimer = window.setTimeout(() => {\n      this._emitSearch(value);\n      this._searchTimer = undefined;\n    }, this.debounce);\n  }\n\n  private _onInput = (e: Event): void => {\n    const detail = (e as CustomEvent<{ value: string }>).detail;\n    const next = detail?.value ?? '';\n    this._internalValue = next;\n    this.value = next;\n    this._scheduleSearch(next);\n  };\n\n  private _onKeydown = (e: KeyboardEvent): void => {\n    if (e.key !== 'Enter') return;\n    if (this._searchTimer) {\n      clearTimeout(this._searchTimer);\n      this._searchTimer = undefined;\n    }\n    this._emitSearch(this._internalValue);\n  };\n\n  private _onClear = (): void => {\n    this._internalValue = '';\n    this.value = '';\n    if (this._searchTimer) {\n      clearTimeout(this._searchTimer);\n      this._searchTimer = undefined;\n    }\n    this._emitSearch('');\n  };\n\n  /** Force the search event to fire now, bypassing the debounce window. */\n  flush(): void {\n    if (this._searchTimer) {\n      clearTimeout(this._searchTimer);\n      this._searchTimer = undefined;\n    }\n    this._emitSearch(this._internalValue);\n  }\n\n  override render() {\n    return html`\n      <div class=\"wrapper\" role=\"search\">\n        <cg-input\n          type=\"search\"\n          .value=${this._internalValue}\n          .placeholder=${this.placeholder}\n          .label=${this.label}\n          ?disabled=${this.disabled}\n          ?loading=${this.loading}\n          clearable\n          @cg-input=${this._onInput}\n          @cg-clear=${this._onClear}\n          @keydown=${this._onKeydown}\n        >\n          ${this.noIcon ? '' : html`<cg-icon slot=\"prefix\" name=\"search\" size=\"sm\"></cg-icon>`}\n        </cg-input>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cg-search-input': CgSearchInput;\n  }\n}\n"],"names":["CgSearchInput","LitElement","next","changed","value","html","hostBlock","reducedMotion","css","__decorateClass","property","state","customElement"],"mappings":"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"}

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

@@ -1,72 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * @element cg-sortable
- * Reorderable list. Slot in any elements as direct children — drag them with
- * a pointer (mouse/touch/pen) or move them with the keyboard to reorder.
- * Fires `cg-sort` with the new order when a reorder commits.
- *
- * Pointer drag uses pointer capture, so it works on mouse, touch, and stylus
- * without separate code paths. Keyboard reorder: focus an item, then
- * ArrowUp/ArrowDown (or ArrowLeft/ArrowRight in horizontal mode) to move
- * it. Home/End jump to first/last position.
- *
- * @example
- * ```html
- * <cg-sortable @cg-sort=${onSort}>
- *   <div data-id="a">Item A</div>
- *   <div data-id="b">Item B</div>
- *   <div data-id="c">Item C</div>
- * </cg-sortable>
- * ```
- *
- * @example With drag handles only
- * ```html
- * <cg-sortable handle-selector=".handle">
- *   <div data-id="a"><span class="handle">⋮</span> Item A</div>
- *   <div data-id="b"><span class="handle">⋮</span> Item B</div>
- * </cg-sortable>
- * ```
- *
- * @slot - Direct children become the sortable items.
- *
- * @fires {CustomEvent<{from: number, to: number, items: HTMLElement[]}>} cg-sort - Reorder committed
- * @fires {CustomEvent<{index: number, item: HTMLElement}>} cg-sort-start - Drag/move started
- * @fires {CustomEvent<{index: number, item: HTMLElement}>} cg-sort-end - Drag/move ended (no commit if cancelled)
- *
- * @cssprop --cg-component-sortable-dragging-opacity - Opacity of the dragged item (default 0.6)
- */
-export declare class CgSortable extends LitElement {
-    static styles: import('lit').CSSResult[];
-    /** CSS selector inside each item that initiates drag. Empty = whole item is the handle. */
-    handleSelector: string;
-    /** Disable both pointer and keyboard reordering. */
-    disabled: boolean;
-    /** Layout axis. `vertical` listens to ArrowUp/Down; `horizontal` listens to ArrowLeft/Right. */
-    direction: 'vertical' | 'horizontal';
-    /** Threshold (0..1) of an item's height/width that the pointer must cross to swap. Default 0.5. */
-    swapThreshold: number;
-    private _announcement;
-    private _draggingEl;
-    private _startIndex;
-    private _pointerId;
-    private _startPointer;
-    private _startRect;
-    private _items;
-    private _findItemFromTarget;
-    private _onPointerDown;
-    private _onPointerMove;
-    private _onPointerUp;
-    private _onPointerCancel;
-    private _finishDrag;
-    private _onKeyDown;
-    private _announce;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import('lit').TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cg-sortable': CgSortable;
-    }
-}
-//# sourceMappingURL=cg-sortable.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cg-sortable.d.ts","sourceRoot":"","sources":["../../../src/components/cg-sortable/cg-sortable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAgCnB;IAEH,2FAA2F;IAC/C,cAAc,SAAM;IAEhE,oDAAoD;IACR,QAAQ,UAAS;IAE7D,gGAAgG;IACnE,SAAS,EAAE,UAAU,GAAG,YAAY,CAAc;IAE/E,mGAAmG;IAC1C,aAAa,SAAO;IAEpE,OAAO,CAAC,aAAa,CAAM;IAEpC,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,aAAa,CAA4C;IACjE,OAAO,CAAC,UAAU,CAAwB;IAE1C,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,cAAc,CAmBpB;IAEF,OAAO,CAAC,cAAc,CAqDpB;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,WAAW;IAiCnB,OAAO,CAAC,UAAU,CAyChB;IAEF,OAAO,CAAC,SAAS;IAKR,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAS5B,MAAM;CAMhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}