@kya-os/consent 0.1.0 → 0.1.1

package/dist/components/consent-shell.js

@@ -0,0 +1,231 @@
+/**
+ * Consent Shell Web Component
+ *
+ * The main container for consent pages. Provides:
+ * - Card-like container with shadow and rounded corners
+ * - Header section with logo and title
+ * - Content area for auth-specific content
+ * - Footer for action buttons
+ *
+ * @module components/consent-shell
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * ConsentShell - Container component for consent pages
+ *
+ * @example
+ * ```html
+ * <consent-shell
+ *   page-title="Permission Request"
+ *   logo-url="https://example.com/logo.png"
+ *   company-name="Acme Corp"
+ *   primary-color="#2563EB"
+ * >
+ *   <div slot="content">
+ *     <!-- Auth-specific content -->
+ *   </div>
+ *   <div slot="footer">
+ *     <consent-button variant="secondary">Cancel</consent-button>
+ *     <consent-button variant="primary">Allow</consent-button>
+ *   </div>
+ * </consent-shell>
+ * ```
+ *
+ * @slot content - Main content area
+ * @slot footer - Action buttons area
+ * @csspart container - The outer card container
+ * @csspart header - The header section
+ * @csspart content - The content section
+ * @csspart footer - The footer section
+ */
+let ConsentShell = class ConsentShell extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Page title (renamed from 'title' to avoid conflict with HTMLElement.title)
+         */
+        this.pageTitle = 'Permission Request';
+        /**
+         * Primary brand color
+         */
+        this.primaryColor = '#2563EB';
+        /**
+         * Secondary brand color
+         */
+        this.secondaryColor = '#DBEAFE';
+    }
+    renderLogo() {
+        if (this.logoUrl) {
+            return html `
+        <img
+          class="logo"
+          src=${this.logoUrl}
+          alt=${this.companyName || 'Company logo'}
+        />
+      `;
+        }
+        // Default shield icon
+        return html `
+      <div class="default-icon">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <path
+            d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"
+            fill="currentColor"
+            opacity="0.2"
+          />
+          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+        </svg>
+      </div>
+    `;
+    }
+    updated(changedProperties) {
+        // Update CSS variables when colors change
+        if (changedProperties.has('primaryColor') ||
+            changedProperties.has('secondaryColor')) {
+            this.style.setProperty('--consent-primary', this.primaryColor);
+            this.style.setProperty('--consent-secondary', this.secondaryColor);
+        }
+    }
+    render() {
+        return html `
+      <div class="container" part="container">
+        <header class="header" part="header">
+          ${this.renderLogo()}
+          ${this.companyName
+            ? html `<div class="company-name">${this.companyName}</div>`
+            : null}
+          <h1 class="title">${this.pageTitle}</h1>
+        </header>
+
+        <div class="content" part="content">
+          <slot name="content"></slot>
+        </div>
+
+        <footer class="footer" part="footer">
+          <slot name="footer"></slot>
+        </footer>
+      </div>
+    `;
+    }
+};
+ConsentShell.styles = css `
+    :host {
+      display: block;
+      /* System font stack with font smoothing for crisp text */
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+        'Helvetica Neue', Arial, sans-serif;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      /* Allow customization via CSS variables */
+      --_primary: var(--consent-primary, #2563eb);
+      --_secondary: var(--consent-secondary, #dbeafe);
+    }
+
+    /* Container - matches AgentShield PreviewShell exactly */
+    .container {
+      background: white;
+      border-radius: 20px;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+      box-shadow:
+        0 20px 25px -5px rgba(0, 0, 0, 0.1),
+        0 8px 10px -6px rgba(0, 0, 0, 0.1);
+      overflow: hidden;
+      max-width: 512px;
+      width: 100%;
+      margin: 0 auto;
+    }
+
+    /* Header */
+    .header {
+      padding: 1.25rem 2rem 0;
+      text-align: center;
+    }
+
+    .logo {
+      max-height: 48px;
+      max-width: 200px;
+      margin-bottom: 0.5rem;
+    }
+
+    .company-name {
+      font-size: 0.875rem;
+      color: #6b7280;
+      margin-bottom: 0.5rem;
+    }
+
+    .title {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #333333;
+      margin: 0;
+    }
+
+    /* Content */
+    .content {
+      padding: 1rem 2rem 2rem;
+    }
+
+    /* Footer */
+    .footer {
+      padding: 0 2rem 2rem;
+      display: flex;
+      gap: 0.75rem;
+    }
+
+    .footer ::slotted(*) {
+      flex: 1;
+    }
+
+    /* Default icon when no logo */
+    .default-icon {
+      width: 48px;
+      height: 48px;
+      margin: 0 auto 0.5rem;
+      background: var(--_secondary);
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .default-icon svg {
+      width: 24px;
+      height: 24px;
+      color: var(--_primary);
+    }
+  `;
+__decorate([
+    property({ type: String, attribute: 'page-title' })
+], ConsentShell.prototype, "pageTitle", void 0);
+__decorate([
+    property({ type: String, attribute: 'logo-url' })
+], ConsentShell.prototype, "logoUrl", void 0);
+__decorate([
+    property({ type: String, attribute: 'company-name' })
+], ConsentShell.prototype, "companyName", void 0);
+__decorate([
+    property({ type: String, attribute: 'primary-color' })
+], ConsentShell.prototype, "primaryColor", void 0);
+__decorate([
+    property({ type: String, attribute: 'secondary-color' })
+], ConsentShell.prototype, "secondaryColor", void 0);
+ConsentShell = __decorate([
+    customElement('consent-shell')
+], ConsentShell);
+export { ConsentShell };
+//# sourceMappingURL=consent-shell.js.map

package/dist/components/consent-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-shell.js","sourceRoot":"","sources":["../../src/components/consent-shell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QACL;;WAEG;QAEH,cAAS,GAAG,oBAAoB,CAAC;QAcjC;;WAEG;QAEH,iBAAY,GAAG,SAAS,CAAC;QAEzB;;WAEG;QAEH,mBAAc,GAAG,SAAS,CAAC;IA2J7B,CAAC;IAlES,UAAU;QAChB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA;;;gBAGD,IAAI,CAAC,OAAO;gBACZ,IAAI,CAAC,WAAW,IAAI,cAAc;;OAE3C,CAAC;QACJ,CAAC;QAED,sBAAsB;QACtB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;KAmBV,CAAC;IACJ,CAAC;IAEkB,OAAO,CAAC,iBAAuC;QAChE,0CAA0C;QAC1C,IACE,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC;YACrC,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EACvC,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC/D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACrE,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,WAAW,QAAQ;YAC3D,CAAC,CAAC,IAAI;8BACY,IAAI,CAAC,SAAS;;;;;;;;;;;KAWvC,CAAC;IACJ,CAAC;;AAxJe,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqF3B,AArFqB,CAqFpB;AA/GF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;+CACnB;AAMjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;6CACjC;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;iDACjC;AAMrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;kDAC9B;AAMzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;oDAC9B;AA7BhB,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAwLxB"}

package/dist/components/consent-terms.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Consent Terms Web Component
+ *
+ * A specialized checkbox for terms acceptance with link support.
+ * Implements Form Associated Custom Elements for proper form participation.
+ *
+ * @module components/consent-terms
+ */
+import { LitElement } from 'lit';
+/**
+ * ConsentTerms - Terms acceptance checkbox with link
+ *
+ * @example
+ * ```html
+ * <consent-terms
+ *   name="termsAccepted"
+ *   text="Terms and Conditions"
+ *   url="https://example.com/terms"
+ *   required
+ * ></consent-terms>
+ * ```
+ *
+ * @fires change - Fired when checkbox state changes
+ * @csspart checkbox - The checkbox input element
+ * @csspart label - The label wrapper
+ * @csspart link - The terms link
+ * @cssprop --consent-primary - Primary brand color for checked state
+ */
+export declare class ConsentTerms extends LitElement {
+    static formAssociated: boolean;
+    private internals;
+    constructor();
+    /**
+     * Form field name
+     */
+    name: string;
+    /**
+     * Terms text to display
+     */
+    text: string;
+    /**
+     * URL for terms page
+     */
+    url?: string;
+    /**
+     * Privacy policy text (optional second link)
+     */
+    privacyText?: string;
+    /**
+     * Privacy policy URL
+     */
+    privacyUrl?: string;
+    /**
+     * Prefix text before the links
+     */
+    labelPrefix: string;
+    /**
+     * Conjunction between terms and privacy links
+     */
+    conjunction: string;
+    /**
+     * Checked state
+     */
+    checked: boolean;
+    /**
+     * Required for form validation
+     */
+    required: boolean;
+    /**
+     * Disabled state
+     */
+    disabled: boolean;
+    /**
+     * Value when checked
+     */
+    value: string;
+    static styles: import("lit").CSSResult;
+    protected updated(changedProperties: Map<string, unknown>): void;
+    private updateFormValue;
+    private handleChange;
+    private renderLink;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'consent-terms': ConsentTerms;
+    }
+}
+//# sourceMappingURL=consent-terms.d.ts.map

package/dist/components/consent-terms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-terms.d.ts","sourceRoot":"","sources":["../../src/components/consent-terms.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAE1C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAAmB;;IAOpC;;OAEG;IAEH,IAAI,SAAmB;IAEvB;;OAEG;IAEH,IAAI,SAA0B;IAE9B;;OAEG;IAEH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IAEH,WAAW,SAAoB;IAE/B;;OAEG;IAEH,WAAW,SAAS;IAEpB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAQ;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAc;IAEnB,OAAgB,MAAM,0BA2GpB;cAEiB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMlE,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,UAAU;IAcT,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/components/consent-terms.js

@@ -0,0 +1,284 @@
+/**
+ * Consent Terms Web Component
+ *
+ * A specialized checkbox for terms acceptance with link support.
+ * Implements Form Associated Custom Elements for proper form participation.
+ *
+ * @module components/consent-terms
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * ConsentTerms - Terms acceptance checkbox with link
+ *
+ * @example
+ * ```html
+ * <consent-terms
+ *   name="termsAccepted"
+ *   text="Terms and Conditions"
+ *   url="https://example.com/terms"
+ *   required
+ * ></consent-terms>
+ * ```
+ *
+ * @fires change - Fired when checkbox state changes
+ * @csspart checkbox - The checkbox input element
+ * @csspart label - The label wrapper
+ * @csspart link - The terms link
+ * @cssprop --consent-primary - Primary brand color for checked state
+ */
+let ConsentTerms = class ConsentTerms extends LitElement {
+    constructor() {
+        super();
+        /**
+         * Form field name
+         */
+        this.name = 'termsAccepted';
+        /**
+         * Terms text to display
+         */
+        this.text = 'Terms and Conditions';
+        /**
+         * Prefix text before the links
+         */
+        this.labelPrefix = 'I agree to the';
+        /**
+         * Conjunction between terms and privacy links
+         */
+        this.conjunction = 'and';
+        /**
+         * Checked state
+         */
+        this.checked = false;
+        /**
+         * Required for form validation
+         */
+        this.required = true;
+        /**
+         * Disabled state
+         */
+        this.disabled = false;
+        /**
+         * Value when checked
+         */
+        this.value = 'accepted';
+        this.internals = this.attachInternals();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('checked') || changedProperties.has('value')) {
+            this.updateFormValue();
+        }
+    }
+    updateFormValue() {
+        if (this.checked) {
+            this.internals.setFormValue(this.value);
+        }
+        else {
+            this.internals.setFormValue(null);
+        }
+    }
+    handleChange(e) {
+        const input = e.target;
+        this.checked = input.checked;
+        this.updateFormValue();
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { checked: this.checked, value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    renderLink(text, url) {
+        if (url) {
+            return html `<a
+        href=${url}
+        target="_blank"
+        rel="noopener noreferrer"
+        part="link"
+        @click=${(e) => e.stopPropagation()}
+        >${text}</a
+      >`;
+        }
+        return html `<span>${text}</span>`;
+    }
+    render() {
+        const hasPrivacy = this.privacyText && this.privacyUrl;
+        return html `
+      <label part="label">
+        <input
+          part="checkbox"
+          type="checkbox"
+          name=${this.name}
+          .value=${this.value}
+          .checked=${this.checked}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          @change=${this.handleChange}
+        />
+        <span class="text">
+          ${this.labelPrefix} ${this.renderLink(this.text, this.url)}
+          ${hasPrivacy
+            ? html `
+                ${this.conjunction}
+                ${this.renderLink(this.privacyText, this.privacyUrl)}
+              `
+            : nothing}
+          ${this.required ? html `<span class="required">*</span>` : nothing}
+        </span>
+      </label>
+    `;
+    }
+};
+// Enable form association
+ConsentTerms.formAssociated = true;
+ConsentTerms.styles = css `
+    :host {
+      display: block;
+      --_primary: var(--consent-primary, #2563eb);
+    }
+
+    label {
+      display: flex;
+      align-items: flex-start;
+      gap: 0.75rem;
+      cursor: pointer;
+      font-size: 0.875rem;
+      color: #374151;
+      line-height: 1.5;
+    }
+
+    :host([disabled]) label {
+      cursor: not-allowed;
+      opacity: 0.6;
+    }
+
+    /* Custom checkbox styling - matches AgentShield exactly */
+    input[type='checkbox'] {
+      appearance: none;
+      -webkit-appearance: none;
+      margin: 0;
+
+      /* Size - matches AgentShield w-4 h-4 */
+      width: 1rem;
+      height: 1rem;
+      min-width: 1rem;
+      margin-top: 0.125rem;
+
+      /* Border */
+      border: 1px solid #d1d5db;
+      border-radius: 0.25rem;
+
+      /* Background */
+      background-color: white;
+
+      /* Interaction */
+      cursor: pointer;
+      position: relative;
+      transition: background-color 0.15s ease, border-color 0.15s ease;
+    }
+
+    input[type='checkbox']:hover:not(:disabled) {
+      border-color: var(--_primary);
+    }
+
+    input[type='checkbox']:focus-visible {
+      outline: 2px solid var(--_primary);
+      outline-offset: 2px;
+    }
+
+    /* Checked state */
+    input[type='checkbox']:checked {
+      background-color: var(--_primary);
+      border-color: var(--_primary);
+    }
+
+    /* Checkmark */
+    input[type='checkbox']:checked::after {
+      content: '';
+      position: absolute;
+      left: 4px;
+      top: 1px;
+      width: 5px;
+      height: 9px;
+      border: solid white;
+      border-width: 0 2px 2px 0;
+      transform: rotate(45deg);
+    }
+
+    /* Disabled */
+    input[type='checkbox']:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+
+    /* Text wrapper */
+    .text {
+      flex: 1;
+    }
+
+    /* Links */
+    a {
+      color: var(--_primary);
+      text-decoration: underline;
+      text-underline-offset: 2px;
+    }
+
+    a:hover {
+      text-decoration: none;
+    }
+
+    a:focus-visible {
+      outline: 2px solid var(--_primary);
+      outline-offset: 2px;
+      border-radius: 2px;
+    }
+
+    /* Required indicator */
+    .required {
+      color: #ef4444;
+      margin-left: 0.125rem;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], ConsentTerms.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], ConsentTerms.prototype, "text", void 0);
+__decorate([
+    property({ type: String })
+], ConsentTerms.prototype, "url", void 0);
+__decorate([
+    property({ type: String, attribute: 'privacy-text' })
+], ConsentTerms.prototype, "privacyText", void 0);
+__decorate([
+    property({ type: String, attribute: 'privacy-url' })
+], ConsentTerms.prototype, "privacyUrl", void 0);
+__decorate([
+    property({ type: String, attribute: 'label-prefix' })
+], ConsentTerms.prototype, "labelPrefix", void 0);
+__decorate([
+    property({ type: String })
+], ConsentTerms.prototype, "conjunction", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ConsentTerms.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean })
+], ConsentTerms.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ConsentTerms.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], ConsentTerms.prototype, "value", void 0);
+ConsentTerms = __decorate([
+    customElement('consent-terms')
+], ConsentTerms);
+export { ConsentTerms };
+//# sourceMappingURL=consent-terms.js.map

package/dist/components/consent-terms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-terms.js","sourceRoot":"","sources":["../../src/components/consent-terms.ts"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Consent Web Components
+ *
+ * Lit-based web components for consent pages.
+ * Works in browser, React (via @lit/react), and SSR.
+ *
+ * @module components
+ */
+export { ConsentButton, type ButtonVariant } from './consent-button.js';
+export { ConsentCheckbox } from './consent-checkbox.js';
+export { ConsentInput, type InputType } from './consent-input.js';
+export { ConsentShell } from './consent-shell.js';
+export { ConsentPermissions, type PermissionItem, } from './consent-permissions.js';
+export { ConsentTerms } from './consent-terms.js';
+export { ConsentOAuthButton, type OAuthProvider, } from './consent-oauth-button.js';
+export { ConsentOTPInput } from './consent-otp-input.js';
+export { McpConsent, type OAuthIdentity, type ConsentApproveDetail, type ConsentErrorDetail, } from './mcp-consent.js';
+export { html, css } from 'lit';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,OAAO,EACL,kBAAkB,EAClB,KAAK,cAAc,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,kBAAkB,EAClB,KAAK,aAAa,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGzD,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,GACxB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,23 @@
+/**
+ * Consent Web Components
+ *
+ * Lit-based web components for consent pages.
+ * Works in browser, React (via @lit/react), and SSR.
+ *
+ * @module components
+ */
+// Core Components (use .js extension for ESM browser compatibility)
+export { ConsentButton } from './consent-button.js';
+export { ConsentCheckbox } from './consent-checkbox.js';
+export { ConsentInput } from './consent-input.js';
+export { ConsentShell } from './consent-shell.js';
+// Extended Components
+export { ConsentPermissions, } from './consent-permissions.js';
+export { ConsentTerms } from './consent-terms.js';
+export { ConsentOAuthButton, } from './consent-oauth-button.js';
+export { ConsentOTPInput } from './consent-otp-input.js';
+// Composite Component (Full Consent Flow)
+export { McpConsent, } from './mcp-consent.js';
+// Re-export Lit utilities that consumers might need
+export { html, css } from 'lit';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oEAAoE;AACpE,OAAO,EAAE,aAAa,EAAsB,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAkB,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,sBAAsB;AACtB,OAAO,EACL,kBAAkB,GAEnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,kBAAkB,GAEnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,0CAA0C;AAC1C,OAAO,EACL,UAAU,GAIX,MAAM,kBAAkB,CAAC;AAE1B,oDAAoD;AACpD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC"}