@uibit/consent-guard 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 UIBit Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,27 @@
+# Consent Guard
+
+[Interactive Demonstration](https://rawlings.github.io/uibit/components/consent-guard)
+
+Consent Guard provides a polished, content-specific consent interface that respects user privacy without interrupting the user experience. By replacing third-party embeddings with clear, informative placeholders, it gives users control over which services load, building trust and meeting compliance requirements.
+
+## Value Delivery
+
+- **Privacy Compliance** – Adhere to international privacy standards by securing explicit consent before loading third-party trackers or resources.
+- **Granular Control** – Allows users to authorize specific content types (such as video embeds, maps, or widgets) individually rather than forcing all-or-nothing decisions.
+- **Seamless UX Integration** – Integrates placeholders directly into the content flow instead of relying on obtrusive overlays.
+- **Brand Alignment** – Custom styling ensures placeholders and consent dialogues match the host application's aesthetic.
+
+## Ideal Applications
+
+- **Privacy-Conscious Web Applications** – Sites hosting third-party media embeds, interactive maps, or widgets.
+- **Compliance-Driven Landing Pages** – Pages requiring selective loading of analytics, tracking, or marketing scripts.
+- **Enterprise Portals** – Ensuring strict data privacy boundaries for embedded customer service tools.
+
+## Further Information
+
+Detailed design guidelines, customizable attributes, and integration examples are available on our documentation site.
+
+
+## Changelog
+
+Please see the [Changelog](CHANGELOG.md) for version history.

package/custom-elements.json

@@ -0,0 +1,149 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/consent-guard.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Gate any content behind a consent prompt. Shows the `placeholder` slot until\nthe user grants consent, then reveals the default slot.\n\nConsent is triggered by clicking any element with `[data-consent-accept]`\ninside the placeholder slot, or by calling the `accept()` method programmatically.\n\nContent in the default slot is kept `display:none` until consent is granted,\nso iframes with `loading=\"lazy\"` will not make network requests beforehand.",
+          "name": "ConsentGuard",
+          "cssParts": [
+            {
+              "description": "Wrapper around the placeholder slot",
+              "name": "placeholder"
+            },
+            {
+              "description": "Wrapper around the default slot",
+              "name": "content"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Shown before consent. Put your prompt UI here. Mark your accept button with `data-consent-accept`.",
+              "name": "placeholder"
+            },
+            {
+              "description": "The content to reveal after consent (e.g. an iframe).",
+              "name": "(default)"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "_consented",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "accept",
+              "description": "Programmatically grant consent."
+            },
+            {
+              "kind": "method",
+              "name": "_onPlaceholderClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when consent is granted",
+              "name": "consent-accepted"
+            }
+          ],
+          "superclass": {
+            "name": "UIBitElement",
+            "package": "@uibit/core"
+          },
+          "tagName": "uibit-consent-guard",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ConsentGuard",
+          "declaration": {
+            "name": "ConsentGuard",
+            "module": "src/consent-guard.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "uibit-consent-guard",
+          "declaration": {
+            "name": "ConsentGuard",
+            "module": "src/consent-guard.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ConsentGuard",
+            "module": "src/consent-guard.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "default",
+            "module": "./consent-guard"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ConsentGuard",
+          "declaration": {
+            "name": "ConsentGuard",
+            "module": "./consent-guard"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ConsentGuardConfig",
+          "declaration": {
+            "name": "ConsentGuardConfig",
+            "module": "./types"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ConsentGuardType",
+          "declaration": {
+            "name": "ConsentGuard",
+            "module": "./types"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/types.ts",
+      "declarations": [],
+      "exports": []
+    }
+  ]
+}

package/dist/consent-guard.d.ts

@@ -0,0 +1,30 @@
+import { UIBitElement } from '@uibit/core';
+/**
+ * Gate any content behind a consent prompt. Shows the `placeholder` slot until
+ * the user grants consent, then reveals the default slot.
+ *
+ * Consent is triggered by clicking any element with `[data-consent-accept]`
+ * inside the placeholder slot, or by calling the `accept()` method programmatically.
+ *
+ * Content in the default slot is kept `display:none` until consent is granted,
+ * so iframes with `loading="lazy"` will not make network requests beforehand.
+ *
+ * @fires consent-accepted - Fired when consent is granted
+ *
+ * @slot placeholder - Shown before consent. Put your prompt UI here. Mark your
+ *   accept button with `data-consent-accept`.
+ * @slot (default) - The content to reveal after consent (e.g. an iframe).
+ *
+ * @csspart placeholder - Wrapper around the placeholder slot
+ * @csspart content - Wrapper around the default slot
+ */
+export declare class ConsentGuard extends UIBitElement {
+    static styles: import("lit").CSSResult;
+    private _consented;
+    /** Programmatically grant consent. */
+    accept(): void;
+    private _onPlaceholderClick;
+    render(): import("lit").TemplateResult<1>;
+}
+export default ConsentGuard;
+//# sourceMappingURL=consent-guard.d.ts.map

package/dist/consent-guard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-guard.d.ts","sourceRoot":"","sources":["../src/consent-guard.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,YAAY,EAAE,MAAM,aAAa,CAAC;AAG1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,YAAa,SAAQ,YAAY;IAC5C,MAAM,CAAC,MAAM,0BAsBX;IAEO,OAAO,CAAC,UAAU,CAAS;IAEpC,sCAAsC;IACtC,MAAM,SAKL;IAED,OAAO,CAAC,mBAAmB;IAO3B,MAAM,oCASL;CACF;eAEc,YAAY"}

package/dist/consent-guard.js

@@ -0,0 +1,90 @@
+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 { html, css } from 'lit';
+import { customElement, UIBitElement } from '@uibit/core';
+import { state } from 'lit/decorators.js';
+/**
+ * Gate any content behind a consent prompt. Shows the `placeholder` slot until
+ * the user grants consent, then reveals the default slot.
+ *
+ * Consent is triggered by clicking any element with `[data-consent-accept]`
+ * inside the placeholder slot, or by calling the `accept()` method programmatically.
+ *
+ * Content in the default slot is kept `display:none` until consent is granted,
+ * so iframes with `loading="lazy"` will not make network requests beforehand.
+ *
+ * @fires consent-accepted - Fired when consent is granted
+ *
+ * @slot placeholder - Shown before consent. Put your prompt UI here. Mark your
+ *   accept button with `data-consent-accept`.
+ * @slot (default) - The content to reveal after consent (e.g. an iframe).
+ *
+ * @csspart placeholder - Wrapper around the placeholder slot
+ * @csspart content - Wrapper around the default slot
+ */
+let ConsentGuard = class ConsentGuard extends UIBitElement {
+    constructor() {
+        super(...arguments);
+        this._consented = false;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+    }
+
+    .placeholder {
+      width: 100%;
+    }
+
+    .content {
+      display: none;
+      width: 100%;
+    }
+
+    :host([consented]) .placeholder {
+      display: none;
+    }
+
+    :host([consented]) .content {
+      display: block;
+    }
+  `; }
+    /** Programmatically grant consent. */
+    accept() {
+        if (this._consented)
+            return;
+        this._consented = true;
+        this.setAttribute('consented', '');
+        this.dispatchCustomEvent('consent-accepted');
+    }
+    _onPlaceholderClick(e) {
+        const path = e.composedPath();
+        if (path.some(el => el instanceof HTMLElement && el.hasAttribute('data-consent-accept'))) {
+            this.accept();
+        }
+    }
+    render() {
+        return html `
+      <div class="placeholder" part="placeholder" @click=${this._onPlaceholderClick}>
+        <slot name="placeholder"></slot>
+      </div>
+      <div class="content" part="content">
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    state()
+], ConsentGuard.prototype, "_consented", void 0);
+ConsentGuard = __decorate([
+    customElement('uibit-consent-guard')
+], ConsentGuard);
+export { ConsentGuard };
+export default ConsentGuard;
+//# sourceMappingURL=consent-guard.js.map

package/dist/consent-guard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent-guard.js","sourceRoot":"","sources":["../src/consent-guard.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;;;;;;;;;;;;;;;;;GAkBG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,YAAY;IAAvC;;QAyBY,eAAU,GAAG,KAAK,CAAC;IA2BtC,CAAC;aAnDQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBlB,AAtBY,CAsBX;IAIF,sCAAsC;IACtC,MAAM;QACJ,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACnC,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;IAC/C,CAAC;IAEO,mBAAmB,CAAC,CAAQ;QAClC,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAe,CAAC;QAC3C,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,WAAW,IAAI,EAAE,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC;YACzF,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;2DAC4C,IAAI,CAAC,mBAAmB;;;;;;KAM9E,CAAC;IACJ,CAAC;CACF,CAAA;AA3BkB;IAAhB,KAAK,EAAE;gDAA4B;AAzBzB,YAAY;IADxB,aAAa,CAAC,qBAAqB,CAAC;GACxB,YAAY,CAoDxB;;AAED,eAAe,YAAY,CAAC"}

package/dist/frameworks/angular/index.ts

@@ -0,0 +1,20 @@
+import { Component, ChangeDetectionStrategy, ElementRef, output } from '@angular/core';
+import '@uibit/consent-guard';
+import type { ConsentGuard as HTMLElementClass } from '@uibit/consent-guard';
+
+@Component({
+  selector: 'uibit-consent-guard',
+  template: '<ng-content></ng-content>',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  host: {
+    '(consent-accepted)': 'consentAccepted.emit($event)'
+  }
+})
+export class NgxConsentGuard {
+  constructor(private el: ElementRef<HTMLElementClass>) {
+
+  }
+
+  readonly consentAccepted = output<CustomEvent<any>>();
+}

package/dist/frameworks/astro/index.d.ts

@@ -0,0 +1,10 @@
+import type { ConsentGuard as HTMLElementClass } from '@uibit/consent-guard';
+import '@uibit/consent-guard';
+
+declare global {
+  namespace astroHTML.JSX {
+    interface IntrinsicElements {
+      'uibit-consent-guard': Partial<HTMLElementClass> & astroHTML.JSX.HTMLAttributes;
+    }
+  }
+}

package/dist/frameworks/nuxt/index.ts

@@ -0,0 +1,7 @@
+import { defineNuxtPlugin } from '#app';
+
+export default defineNuxtPlugin(() => {
+  if (process.client) {
+    import('@uibit/consent-guard');
+  }
+});

package/dist/frameworks/preact/index.d.ts

@@ -0,0 +1,13 @@
+import type { JSX } from 'preact';
+import type { ConsentGuard as HTMLElementClass } from '@uibit/consent-guard';
+import '@uibit/consent-guard';
+
+declare module 'preact' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'uibit-consent-guard': JSX.HTMLAttributes<HTMLElementClass> & {
+
+      };
+    }
+  }
+}

package/dist/frameworks/qwik/index.tsx

@@ -0,0 +1,10 @@
+import { component$, Slot } from '@builder.io/qwik';
+import '@uibit/consent-guard';
+
+export const ConsentGuard = component$<any>((props) => {
+  return (
+    <uibit-consent-guard {...props}>
+      <Slot />
+    </uibit-consent-guard>
+  );
+});

package/dist/frameworks/react/index.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ClassAttributes } from 'react';
+import type { ConsentGuard as HTMLElementClass } from '@uibit/consent-guard';
+import '@uibit/consent-guard';
+
+declare global {
+  namespace React {
+    namespace JSX {
+      interface IntrinsicElements {
+        'uibit-consent-guard': ClassAttributes<HTMLElementClass> & HTMLAttributes<HTMLElementClass> & {
+          children?: React.ReactNode;
+          class?: string;
+
+      onConsentAccepted?: (event: any) => void;
+        };
+      }
+    }
+  }
+}

package/dist/frameworks/solid/index.d.ts

@@ -0,0 +1,14 @@
+import type { JSX } from 'solid-js';
+import type { ConsentGuard as HTMLElementClass } from '@uibit/consent-guard';
+import '@uibit/consent-guard';
+
+declare module 'solid-js' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'uibit-consent-guard': Partial<HTMLElementClass> & JSX.HTMLAttributes<HTMLElementClass> & {
+        
+      "on:consent-accepted"?: (event: CustomEvent) => void;
+      };
+    }
+  }
+}

package/dist/frameworks/stencil/index.d.ts

@@ -0,0 +1,12 @@
+import type { ConsentGuard as HTMLElementClass } from '@uibit/consent-guard';
+import '@uibit/consent-guard';
+
+declare module '@stencil/core' {
+  export namespace JSX {
+    interface IntrinsicElements {
+      'uibit-consent-guard': HTMLElementClass & {
+
+      };
+    }
+  }
+}

package/dist/frameworks/svelte/index.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import '@uibit/consent-guard';
+  import type { ConsentGuard as HTMLElementClass } from '@uibit/consent-guard';
+  
+  let {
+    placeholder = undefined,
+      (default) = undefined,
+      children
+  } = $props<{
+    children?: any;
+  
+    placeholder?: import('svelte').Snippet;
+    (default)?: import('svelte').Snippet;
+  }>();
+  
+  let elementRef: HTMLElementClass | null = $state(null);
+  
+  $effect(() => {
+  
+  });
+  
+</script>
+
+<uibit-consent-guard bind:this={elementRef} {...$$restProps}>
+  {#if placeholder}
+    <div slot="placeholder">
+      {@render placeholder()}
+    </div>
+  {/if}
+  {#if (default)}
+    <div slot="(default)">
+      {@render (default)()}
+    </div>
+  {/if}
+  {#if children}
+    {@render children()}
+  {:else}
+    <slot />
+  {/if}
+</uibit-consent-guard>

package/dist/frameworks/vue/index.ts

@@ -0,0 +1,24 @@
+import { defineComponent, h } from 'vue';
+import type { ConsentGuard as HTMLElementClass } from '@uibit/consent-guard';
+import '@uibit/consent-guard';
+
+export const ConsentGuard = defineComponent({
+  name: 'ConsentGuard',
+  props: {
+
+  },
+  emits: ['consent-accepted'],
+  setup(props, { slots, emit }) {
+    return () => {
+      const eventListeners: Record<string, any> = {};
+      eventListeners['onConsent-accepted'] = (event: Event) => {
+        emit('consent-accepted', event);
+      };
+
+      return h('uibit-consent-guard', {
+        ...props,
+        ...eventListeners
+      }, slots.default?.());
+    };
+  }
+});

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default, ConsentGuard } from './consent-guard';
+export type { ConsentGuardConfig, ConsentGuard as ConsentGuardType } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { default, ConsentGuard } from './consent-guard';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,28 @@
+import type ConsentGuardClass from './consent-guard';
+export interface ConsentGuardConfig {
+    title?: string;
+    description?: string;
+    placeholderImage?: string;
+    src?: string;
+    contentType?: 'iframe' | 'script';
+    autoHeight?: boolean;
+    height?: number | string;
+    acceptLabel?: string;
+}
+export interface ConsentGuard {
+    title: string;
+    description: string;
+    placeholderImage?: string;
+    src?: string;
+    contentType: 'iframe' | 'script';
+    autoHeight: boolean;
+    height: number | string;
+    acceptLabel: string;
+    isConsentGiven: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uibit-consent-guard': ConsentGuardClass;
+    }
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,OAAO,CAAC,MAAM,CAAC;IACf,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,iBAAiB,CAAC;KAC5C;CACA"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@uibit/consent-guard",
+  "version": "0.1.0",
+  "description": "Gate any third-party content behind a consent prompt. The component manages show/hide state only — you provide both the placeholder UI and the content, keeping it composable and unbiased.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./consent-guard.css": "./dist/consent-guard.css",
+    "./custom-elements.json": "./custom-elements.json",
+    "./react": "./dist/frameworks/react/index.d.ts",
+    "./vue": "./dist/frameworks/vue/index.ts",
+    "./svelte": "./dist/frameworks/svelte/index.svelte",
+    "./angular": "./dist/frameworks/angular/index.ts",
+    "./solid": "./dist/frameworks/solid/index.d.ts",
+    "./astro": "./dist/frameworks/astro/index.astro",
+    "./qwik": "./dist/frameworks/qwik/index.tsx",
+    "./nuxt": "./dist/frameworks/nuxt/index.ts",
+    "./preact": "./dist/frameworks/preact/index.d.ts",
+    "./stencil": "./dist/frameworks/stencil/index.d.ts"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "custom-elements.json"
+  ],
+  "keywords": [
+    "consent",
+    "privacy",
+    "gdpr",
+    "cookie",
+    "iframe",
+    "web-component",
+    "lit"
+  ],
+  "author": "Jonathan Rawlings",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Rawlings/uibit",
+    "directory": "packages/components/consent-guard"
+  },
+  "dependencies": {
+    "@uibit/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.43",
+    "lit": "^3.3.3",
+    "typescript": "7.0.2",
+    "@uibit/codegen": "0.1.0"
+  },
+  "peerDependencies": {
+    "lit": "^3.0.0",
+    "react": ">=18",
+    "vue": ">=3",
+    "svelte": ">=4 || ^5",
+    "@angular/core": ">=14"
+  },
+  "customElements": "custom-elements.json",
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    }
+  },
+  "uibit": {
+    "id": "consent-guard",
+    "title": "Consent Guard",
+    "category": "Media",
+    "tagName": "uibit-consent-guard"
+  },
+  "scripts": {
+    "build": "cem analyze --globs 'src/**/*.ts' --litelement && uibit-codegen --package . && tsc",
+    "dev": "concurrently \"cem analyze --globs 'src/**/*.ts' --litelement --watch\" \"tsc --watch\"",
+    "analyze": "cem analyze --globs 'src/**/*.ts' --litelement",
+    "typecheck": "tsc --noEmit"
+  }
+}