@grantcodes/ui 2.0.0-beta.9 → 2.0.0

package/src/lib/classnames.js

@@ -0,0 +1,61 @@
+// classnames npm package moved to a local dependency
+
+var hasOwn = {}.hasOwnProperty;
+
+export function cx() {
+	var classes = "";
+	var i;
+	var arg;
+
+	for (i = 0; i < arguments.length; i++) {
+		arg = arguments[i];
+		if (arg) {
+			classes = appendClass(classes, parseValue(arg));
+		}
+	}
+
+	return classes;
+}
+
+function parseValue(arg) {
+	if (typeof arg === "string" || typeof arg === "number") {
+		return arg;
+	}
+
+	if (typeof arg !== "object") {
+		return "";
+	}
+
+	if (Array.isArray(arg)) {
+		return cx.apply(null, arg);
+	}
+
+	if (
+		arg.toString !== Object.prototype.toString &&
+		!arg.toString.toString().includes("[native code]")
+	) {
+		return arg.toString();
+	}
+
+	var classes = "";
+
+	for (var key in arg) {
+		if (hasOwn.call(arg, key) && arg[key]) {
+			classes = appendClass(classes, key);
+		}
+	}
+
+	return classes;
+}
+
+function appendClass(value, newClass) {
+	if (!newClass) {
+		return value;
+	}
+
+	if (value) {
+		return `${value} ${newClass}`;
+	}
+
+	return value + newClass;
+}

package/src/lib/generate-id.js

@@ -0,0 +1,10 @@
+/**
+ * Generate a unique ID with optional prefix
+ * @param {string | undefined} prefix - Optional prefix for the ID
+ * @returns {string} Generated unique ID
+ */
+function generateId(prefix) {
+	return `${prefix || "id"}-${Math.random().toString(36).substr(2, 9)}`;
+}
+
+export { generateId };

package/src/main.js

@@ -0,0 +1,17 @@
+export * from "./components/avatar/index.js";
+export * from "./components/button/index.js";
+export * from "./components/button-group/index.js";
+export * from "./components/card/index.js";
+export * from "./components/code-preview/index.js";
+export * from "./components/container/index.js";
+export * from "./components/dialog/index.js";
+export * from "./components/dropzone/index.js";
+export * from "./components/form-field/index.js";
+export * from "./components/gallery/index.js";
+export * from "./components/icon/index.js";
+export * from "./components/loading/index.js";
+export * from "./components/notice/index.js";
+export * from "./components/pagination/index.js";
+export * from "./components/tabs/index.js";
+export * from "./components/tooltip/index.js";
+

package/src/test-utils/assert-helpers.js

@@ -0,0 +1,150 @@
+/**
+ * Custom assertions for web components
+ */
+
+import { strict as assert } from "node:assert";
+
+/**
+ * Asserts that an element has a specific attribute
+ * @param {HTMLElement} element - The element to check
+ * @param {string} attribute - The attribute name
+ * @param {string} expectedValue - The expected attribute value (optional)
+ */
+export function assertAttribute(element, attribute, expectedValue) {
+	const hasAttribute = element.hasAttribute(attribute);
+	assert.ok(hasAttribute, `Element should have attribute "${attribute}"`);
+
+	if (expectedValue !== undefined) {
+		const actualValue = element.getAttribute(attribute);
+		assert.strictEqual(
+			actualValue,
+			expectedValue,
+			`Attribute "${attribute}" should be "${expectedValue}" but was "${actualValue}"`,
+		);
+	}
+}
+
+/**
+ * Asserts that an element does not have a specific attribute
+ * @param {HTMLElement} element - The element to check
+ * @param {string} attribute - The attribute name
+ */
+export function assertNoAttribute(element, attribute) {
+	const hasAttribute = element.hasAttribute(attribute);
+	assert.ok(
+		!hasAttribute,
+		`Element should not have attribute "${attribute}"`,
+	);
+}
+
+/**
+ * Asserts that an element has a specific class
+ * @param {HTMLElement} element - The element to check
+ * @param {string} className - The class name
+ */
+export function assertClass(element, className) {
+	assert.ok(
+		element.classList.contains(className),
+		`Element should have class "${className}"`,
+	);
+}
+
+/**
+ * Asserts that an element does not have a specific class
+ * @param {HTMLElement} element - The element to check
+ * @param {string} className - The class name
+ */
+export function assertNoClass(element, className) {
+	assert.ok(
+		!element.classList.contains(className),
+		`Element should not have class "${className}"`,
+	);
+}
+
+/**
+ * Asserts that an element matches a CSS selector
+ * @param {HTMLElement} element - The element to check
+ * @param {string} selector - The CSS selector
+ */
+export function assertSelector(element, selector) {
+	assert.ok(element.matches(selector), `Element should match selector "${selector}"`);
+}
+
+/**
+ * Asserts that an element contains specific text content
+ * @param {HTMLElement} element - The element to check
+ * @param {string} expectedText - The expected text
+ */
+export function assertTextContent(element, expectedText) {
+	const actualText = element.textContent?.trim();
+	assert.strictEqual(
+		actualText,
+		expectedText,
+		`Element text content should be "${expectedText}" but was "${actualText}"`,
+	);
+}
+
+/**
+ * Asserts that an element contains a substring in its text content
+ * @param {HTMLElement} element - The element to check
+ * @param {string} substring - The substring to find
+ */
+export function assertTextIncludes(element, substring) {
+	const text = element.textContent || "";
+	assert.ok(
+		text.includes(substring),
+		`Element text should include "${substring}" but was "${text}"`,
+	);
+}
+
+/**
+ * Asserts that a shadow root contains a specific element
+ * @param {HTMLElement} element - The element with shadow root
+ * @param {string} selector - The CSS selector to find in shadow root
+ */
+export function assertShadowElement(element, selector) {
+	const shadowRoot = element.shadowRoot || element.renderRoot;
+	assert.ok(shadowRoot, "Element should have a shadow root");
+
+	const found = shadowRoot.querySelector(selector);
+	assert.ok(found, `Shadow root should contain element matching "${selector}"`);
+}
+
+/**
+ * Asserts that an element has a specific ARIA attribute
+ * @param {HTMLElement} element - The element to check
+ * @param {string} ariaAttribute - The ARIA attribute name (e.g., 'aria-label')
+ * @param {string} expectedValue - The expected value (optional)
+ */
+export function assertAria(element, ariaAttribute, expectedValue) {
+	assertAttribute(element, ariaAttribute, expectedValue);
+}
+
+/**
+ * Asserts that an element is visible (not hidden by display or visibility)
+ * @param {HTMLElement} element - The element to check
+ */
+export function assertVisible(element) {
+	const style = window.getComputedStyle(element);
+	assert.notStrictEqual(style.display, "none", "Element should not have display:none");
+	assert.notStrictEqual(
+		style.visibility,
+		"hidden",
+		"Element should not have visibility:hidden",
+	);
+}
+
+/**
+ * Asserts that an element is hidden
+ * @param {HTMLElement} element - The element to check
+ */
+export function assertHidden(element) {
+	const style = window.getComputedStyle(element);
+	const isHidden =
+		style.display === "none" ||
+		style.visibility === "hidden" ||
+		element.hidden === true;
+	assert.ok(isHidden, "Element should be hidden");
+}
+
+

package/src/test-utils/events.js

@@ -0,0 +1,88 @@
+/**
+ * Test utilities for event testing
+ */
+
+/**
+ * Creates and dispatches a custom event on an element
+ * @param {HTMLElement} element - The element to dispatch the event on
+ * @param {string} eventName - The name of the event
+ * @param {Object} detail - Event detail object
+ * @returns {boolean} Returns true if the event was not cancelled
+ */
+export function dispatchEvent(element, eventName, detail = {}) {
+	const event = new CustomEvent(eventName, {
+		detail,
+		bubbles: true,
+		composed: true,
+		cancelable: true,
+	});
+	return element.dispatchEvent(event);
+}
+
+/**
+ * Waits for an event to be dispatched on an element
+ * @param {HTMLElement} element - The element to listen on
+ * @param {string} eventName - The name of the event to wait for
+ * @param {number} timeout - Maximum time to wait in milliseconds
+ * @returns {Promise<Event>} Resolves with the event object
+ */
+export function waitForEvent(element, eventName, timeout = 3000) {
+	return new Promise((resolve, reject) => {
+		const timeoutId = setTimeout(() => {
+			element.removeEventListener(eventName, handler);
+			reject(
+				new Error(`Event "${eventName}" did not fire within ${timeout}ms`),
+			);
+		}, timeout);
+
+		const handler = (event) => {
+			clearTimeout(timeoutId);
+			element.removeEventListener(eventName, handler);
+			resolve(event);
+		};
+
+		element.addEventListener(eventName, handler);
+	});
+}
+
+/**
+ * Simulates a click on an element
+ * @param {HTMLElement} element - The element to click
+ */
+export function click(element) {
+	element.click();
+}
+
+/**
+ * Simulates a keyboard event on an element
+ * @param {HTMLElement} element - The element to dispatch the event on
+ * @param {string} key - The key to press (e.g., 'Enter', 'Escape')
+ * @param {string} type - The event type ('keydown', 'keyup', 'keypress')
+ */
+export function keyboard(element, key, type = "keydown") {
+	const event = new KeyboardEvent(type, {
+		key,
+		bubbles: true,
+		composed: true,
+		cancelable: true,
+	});
+	element.dispatchEvent(event);
+}
+
+/**
+ * Simulates focus on an element
+ * @param {HTMLElement} element - The element to focus
+ */
+export function focus(element) {
+	element.focus();
+	element.dispatchEvent(new FocusEvent("focus", { bubbles: true }));
+}
+
+/**
+ * Simulates blur on an element
+ * @param {HTMLElement} element - The element to blur
+ */
+export function blur(element) {
+	element.blur();
+	element.dispatchEvent(new FocusEvent("blur", { bubbles: true }));
+}

package/src/test-utils/fixture.js

@@ -0,0 +1,77 @@
+/**
+ * Test utilities for creating and cleaning up web component fixtures
+ */
+import { Window } from "happy-dom";
+
+// Initialize happy-dom window
+const window = new Window();
+const document = window.document;
+
+// Set up global objects for web components
+globalThis.window = window;
+globalThis.document = document;
+globalThis.HTMLElement = window.HTMLElement;
+globalThis.customElements = window.customElements;
+globalThis.CustomEvent = window.CustomEvent;
+globalThis.Event = window.Event;
+
+// Polyfill requestAnimationFrame for test environment
+if (!globalThis.requestAnimationFrame) {
+	globalThis.requestAnimationFrame = (callback) => {
+		return setTimeout(callback, 0);
+	};
+	globalThis.cancelAnimationFrame = (id) => {
+		clearTimeout(id);
+	};
+}
+
+/**
+ * Creates a web component instance and appends it to the document body
+ * @param {string} tagName - The custom element tag name
+ * @param {Object} props - Properties to set on the element
+ * @returns {Promise<HTMLElement>} The created element after it's connected
+ */
+export async function fixture(tagName, props = {}) {
+	const element = document.createElement(tagName);
+
+	// Set properties
+	for (const [key, value] of Object.entries(props)) {
+		element[key] = value;
+	}
+
+	// Append to body
+	document.body.appendChild(element);
+
+	// Wait for element to be fully connected and updated
+	await new Promise((resolve) => setTimeout(resolve, 0));
+
+	// If it's a LitElement, wait for updateComplete
+	if (element.updateComplete) {
+		await element.updateComplete;
+	}
+
+	return element;
+}
+
+/**
+ * Removes an element from the DOM
+ * @param {HTMLElement} element - The element to remove
+ */
+export function cleanup(element) {
+	if (element?.parentNode) {
+		element.parentNode.removeChild(element);
+	}
+}
+
+/**
+ * Removes all elements matching the selector from the document
+ * @param {string} selector - CSS selector for elements to remove
+ */
+export function cleanupAll(selector = "*") {
+	const elements = document.querySelectorAll(selector);
+	elements.forEach((el) => {
+		if (el.parentNode) {
+			el.parentNode.removeChild(el);
+		}
+	});
+}

package/src/test-utils/index.js

@@ -0,0 +1,7 @@
+/**
+ * Test utilities for web components
+ */
+
+export * from "./assert-helpers.js";
+export * from "./events.js";
+export * from "./fixture.js";

package/dist/_virtual/_commonjsHelpers.js

@@ -1 +0,0 @@
-var f=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function l(e){return e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function a(e){return e&&Object.prototype.hasOwnProperty.call(e,"default")&&Object.keys(e).length===1?e.default:e}function c(e){if(e.__esModule)return e;var o=e.default;if(typeof o=="function"){var t=function r(){return this instanceof r?Reflect.construct(o,arguments,this.constructor):o.apply(this,arguments)};t.prototype=o.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:function(){return e[r]}})}),t}export{f as commonjsGlobal,c as getAugmentedNamespace,n as getDefaultExportFromCjs,a as getDefaultExportFromNamespaceIfNotNamed,l as getDefaultExportFromNamespaceIfPresent};

package/dist/_virtual/index.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/_virtual/react.production.min.js

@@ -1 +0,0 @@
-import"../node_modules/react/cjs/react.production.min.js";

package/dist/_virtual/react.production.min2.js

@@ -1 +0,0 @@
-var r={};export{r as __exports};

package/dist/components/avatar/avatar.component.js

@@ -1,3 +0,0 @@
-import{LitElement as m,html as o,unsafeCSS as h}from"lit";import{property as l,customElement as u}from"lit/decorators.js";import f from"./avatar.scss.js";var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,e=(i,t,a,n)=>{for(var s=n>1?void 0:n?g(t,a):t,p=i.length-1,c;p>=0;p--)(c=i[p])&&(s=(n?c(t,a,s):c(s))||s);return n&&s&&v(t,a,s),s};let r=class extends m{constructor(){super(...arguments),this.src="",this.name="",this.alt="",this.initials=""}getInitials(){if(this.initials)return this.initials;if(this.name){const[i,t]=this.name.split(" ");return`${i[0]}${t?t[0]:""}`}return""}getAlt(){return this.alt?this.alt:`${this.name||this.initials} avatar`}getImg(){return this.src?o`<img src=${this.src} alt=${this.getAlt()} />`:o``}render(){const i=this.getImg(),t=o`<span class="avatar__initials"
-      >${this.getInitials()}</span
-    >`;return o` <div class="avatar">${i||t}</div> `}};r.styles=[h(f)];e([l()],r.prototype,"src",2);e([l()],r.prototype,"name",2);e([l()],r.prototype,"alt",2);e([l()],r.prototype,"initials",2);r=e([u("grantcodes-avatar")],r);export{r as GrantCodesAvatar};

package/dist/components/avatar/avatar.js

@@ -1 +0,0 @@
-import{GrantCodesAvatar as a}from"./avatar.component.js";const r=a;export{a as GrantCodesAvatar,r as default};

package/dist/components/avatar/avatar.react.js

@@ -1 +0,0 @@
-import*as a from"../../node_modules/react/index.js";import{createComponent as t}from"@lit/react";import{GrantCodesAvatar as r}from"./avatar.component.js";const m=t({tagName:"grantcodes-avatar",elementClass:r,react:a});export{m as Avatar};

package/dist/components/avatar/avatar.scss.js

@@ -1 +0,0 @@
-const e="*,*:before,*:after{box-sizing:border-box}:host{display:block}.avatar{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;overflow:hidden;background-color:var(--color-base-primary-200);color:var(--color-base-primary-900);text-align:center;font-size:1.2rem;font-weight:700}.avatar__image{width:100%;height:100%;object-fit:cover;object-position:center}.avatar__fallback{line-height:1}";export{e as default};

package/dist/components/avatar/index.js

@@ -1 +0,0 @@
-import"./avatar.js";

package/dist/components/button/button.component.js

@@ -1,5 +0,0 @@
-import{LitElement as a,unsafeCSS as u}from"lit";import{literal as f,html as h}from"lit/static-html.js";import{property as i,customElement as c}from"lit/decorators.js";import b from"./button.scss.js";var v=Object.defineProperty,_=Object.getOwnPropertyDescriptor,m=(r,e,n,o)=>{for(var t=o>1?void 0:o?_(e,n):e,p=r.length-1,l;p>=0;p--)(l=r[p])&&(t=(o?l(e,n,t):l(t))||t);return o&&t&&v(e,n,t),t};let s=class extends a{render(){const r=this.href?f`a`:f`button`;return h`
-      <${r} href="${this.href}" class="button">
-        <span><slot></slot></span>
-      </${r}>
-    `}};s.styles=[u(b)];m([i()],s.prototype,"href",2);s=m([c("grantcodes-button")],s);export{s as GrantCodesButton};

package/dist/components/button/button.js

@@ -1 +0,0 @@
-import{GrantCodesButton as t}from"./button.component.js";const n=t;export{t as GrantCodesButton,n as default};

package/dist/components/button/button.react.js

@@ -1 +0,0 @@
-import*as t from"../../node_modules/react/index.js";import{createComponent as o}from"@lit/react";import{GrantCodesButton as e}from"./button.component.js";const m=o({tagName:"grantcodes-button",elementClass:e,react:t});export{m as Button};

package/dist/components/button/button.scss.js

@@ -1 +0,0 @@
-const o="*,*:before,*:after{box-sizing:border-box}:host{display:block}.button{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;background:var(--component-button-base-background);color:var(--component-button-base-color);border-width:var(--component-button-base-border-width);border-style:solid;border-color:var(--component-button-base-border-color);padding:.5em 1em;border-radius:var(--component-button-base-border-radius);font-size:1rem;font-weight:700;letter-spacing:.05em;text-decoration:none;outline:1px solid transparent;transition:color .2s,border-color .2s,background-color .2s,outline .2s;outline-color:transparent;outline-offset:var(--component-focus-ring-offset, 0px);outline-style:solid;outline-width:var(--component-focus-ring-width, 2px)}.button:focus-visible{outline-color:var(--component-focus-ring-color)}@media (prefers-contrast: more){.button:focus-visible{--component-focus-ring-color: var(--color-base-primary-200);box-shadow:0 0 0 calc((var(--component-focus-ring-width) + var(--component-focus-ring-offset, 0px)) * 1.5) var(--color-base-primary-800)}}.button:hover,.button:focus-visible{color:var(--component-button-active-color);background:var(--component-button-active-background);cursor:pointer;text-decoration:none}.button:active{transform:translateY(1px)}.button[disabled]{cursor:not-allowed;filter:grayscale(70%);opacity:.8}";export{o as default};

package/dist/components/button/index.js

@@ -1 +0,0 @@
-import"./button.js";

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

@@ -1,5 +0,0 @@
-import{LitElement as u,html as m,unsafeCSS as f}from"lit";import{customElement as v}from"lit/decorators.js";import a from"./button-group.scss.js";var c=Object.defineProperty,i=Object.getOwnPropertyDescriptor,_=(p,r,o,e)=>{for(var t=e>1?void 0:e?i(r,o):r,s=p.length-1,n;s>=0;s--)(n=p[s])&&(t=(e?n(r,o,t):n(t))||t);return e&&t&&c(r,o,t),t};let l=class extends u{render(){return m`
-      <div class="button-group">
-        <slot></slot>
-      </div>
-    `}};l.styles=[f(a)];l=_([v("grantcodes-button-group")],l);export{l as GrantCodesButtonGroup};

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

@@ -1 +0,0 @@
-import{GrantCodesButtonGroup as o}from"./button-group.component.js";const r=o;export{o as GrantCodesButtonGroup,r as default};

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

@@ -1 +0,0 @@
-import*as o from"../../node_modules/react/index.js";import{createComponent as t}from"@lit/react";import{GrantCodesButtonGroup as r}from"./button-group.component.js";const m=t({tagName:"grantcodes-button-group",elementClass:r,react:o});export{m as ButtonGroup};

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

@@ -1 +0,0 @@
-const o="*,*:before,*:after{box-sizing:border-box}:host{display:block}.button-group{display:flex;flex-direction:row;flex-wrap:wrap;background:var(--component-button-base-background);border-radius:var(--component-button-base-border-radius);min-width:fit-content;max-width:100%}";export{o as default};

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

@@ -1 +0,0 @@
-import"./button-group.js";

package/dist/components/card/card.component.js

@@ -1,8 +0,0 @@
-import{LitElement as n,html as d,unsafeCSS as m}from"lit";import{customElement as _}from"lit/decorators.js";import f from"./card.scss.js";var p=Object.defineProperty,i=Object.getOwnPropertyDescriptor,v=(l,e,t,s)=>{for(var r=s>1?void 0:s?i(e,t):e,a=l.length-1,o;a>=0;a--)(o=l[a])&&(r=(s?o(e,t,r):o(r))||r);return s&&r&&p(e,t,r),r};let c=class extends n{render(){return d`
-      <div class="card">
-        <slot name="card-header" class="card__header"></slot>
-        <slot name="card-content" class="card__content"></slot>
-        <slot name="card-actions" class="card__actions"></slot>
-        <slot name="card-footer" class="card__footer"></slot>
-      </div>
-    `}};c.styles=[m(f)];c=v([_("grantcodes-card")],c);export{c as GrantCodesCard};

package/dist/components/card/card.js

@@ -1 +0,0 @@
-import{GrantCodesCard as a}from"./card.component.js";const d=a;export{a as GrantCodesCard,d as default};

package/dist/components/card/card.react.js

@@ -1 +0,0 @@
-import*as r from"../../node_modules/react/index.js";import{createComponent as e}from"@lit/react";import{GrantCodesCard as o}from"./card.component.js";const m=e({tagName:"grantcodes-card",elementClass:o,react:r});export{m as Card};

package/dist/components/card/card.scss.js

@@ -1 +0,0 @@
-const r='*,*:before,*:after{box-sizing:border-box}:host{display:block}.card{display:flex;width:100%;flex-direction:column;justify-content:flex-start;overflow:hidden;background:var(--component-card-background);border-style:solid;border-width:var(--component-card-border-width);border-color:var(--component-card-border-color);border-radius:var(--component-card-border-radius)}.card>img{display:block;width:100%}.card__content{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--size-space-unit, 1rem);padding:var(--size-space-unit, 1rem)}.card__content>*{margin:0}.card__content>*:first-child{margin-block-start:0}.card__content>*:last-child{margin-block-end:0}.card .card__actions{display:flex;width:100%;margin-block-start:auto;border-radius:0;flex-direction:row;flex-wrap:wrap;background:var(--component-button-base-background)}.card__meta{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--size-space-unit);margin:0;padding-inline:var(--size-space-unit, 1rem);padding-block:1em;font-size:var(--font-size-small);background-color:var(--color-base-light-shade);color:var(--color-base-dark-shade)}.card__meta__item{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.3em}.card__meta__item dt,.card__meta__item dd{display:block;margin:0;padding:0}.card__meta__item dt:after{content:":"}';export{r as default};

package/dist/components/card/index.js

@@ -1 +0,0 @@
-import"./card.js";

package/dist/components/code-preview/code-preview.component.js

@@ -1,3 +0,0 @@
-import{LitElement as h,html as m,unsafeCSS as d}from"lit";import{property as a,query as c,customElement as g}from"lit/decorators.js";import{codeToHtml as v}from"shiki/bundle/web";import u from"./code-preview.scss.js";var f=Object.defineProperty,w=Object.getOwnPropertyDescriptor,s=(o,t,p,i)=>{for(var e=i>1?void 0:i?w(t,p):t,n=o.length-1,l;n>=0;n--)(l=o[n])&&(e=(i?l(t,p,e):l(e))||e);return i&&e&&f(t,p,e),e};let r=class extends h{constructor(){super(...arguments),this.language="html",this.theme="aurora-x"}async doHighlight(){const o=this.textContent??"",t=await v(o.trim(),{lang:this.language,theme:this.theme});this.codePreview.innerHTML=t}firstUpdated(){this.doHighlight()}render(){return m`<div class="code-preview">
-			<pre><slot></slot></pre>
-		</div> `}};r.styles=[d(u)];s([a({type:String})],r.prototype,"language",2);s([a({type:String})],r.prototype,"theme",2);s([c(".code-preview")],r.prototype,"codePreview",2);r=s([g("grantcodes-code-preview")],r);export{r as GrantCodesCodePreview};

package/dist/components/code-preview/code-preview.js

@@ -1 +0,0 @@
-import{GrantCodesCodePreview as e}from"./code-preview.component.js";const r=e;export{e as GrantCodesCodePreview,r as default};

package/dist/components/code-preview/code-preview.react.js

@@ -1 +0,0 @@
-import*as e from"../../node_modules/react/index.js";import{createComponent as o}from"@lit/react";import{GrantCodesCodePreview as r}from"./code-preview.component.js";const a=o({tagName:"grantcodes-code-preview",elementClass:r,react:e});export{a as CodePreview};

package/dist/components/code-preview/code-preview.scss.js

@@ -1 +0,0 @@
-const e="*,*:before,*:after{box-sizing:border-box}:host{display:block}.code-preview>pre{display:block;font-family:var(--font-family-mono);line-height:1.2;width:100%;overflow:auto;border-radius:var(--component-card-border-radius);box-shadow:.1rem .2rem .4rem #0000001a;font-size:var(--font-size-small);font-weight:400;padding:var(--size-space-unit, 1rem)}";export{e as default};

package/dist/components/code-preview/index.js

@@ -1 +0,0 @@
-import"./code-preview.js";

package/dist/components/container/container.component.js

@@ -1,5 +0,0 @@
-import{LitElement as c,html as f,unsafeCSS as m}from"lit";import{property as p,customElement as d}from"lit/decorators.js";import u from"classnames";import v from"./container.scss.js";var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(r,n,i,o)=>{for(var t=o>1?void 0:o?g(n,i):n,s=r.length-1,a;s>=0;s--)(a=r[s])&&(t=(o?a(n,i,t):a(t))||t);return o&&t&&h(n,i,t),t};let e=class extends c{constructor(){super(...arguments),this.align="default",this.nopad=!1}render(){const r=u("container",{"container--wide":this.align==="wide","container--full":this.align==="full","container--viewport":this.align==="viewport","container--nopad":this.nopad});return f`
-      <div class="${r}">
-        <slot></slot>
-      </div>
-    `}};e.styles=[m(v)];l([p()],e.prototype,"align",2);l([p({type:Boolean})],e.prototype,"nopad",2);e=l([d("grantcodes-container")],e);export{e as GrantCodesContainer};

package/dist/components/container/container.js

@@ -1 +0,0 @@
-import{GrantCodesContainer as n}from"./container.component.js";const o=n;export{n as GrantCodesContainer,o as default};

package/dist/components/container/container.react.js

@@ -1 +0,0 @@
-import*as e from"../../node_modules/react/index.js";import{createComponent as o}from"@lit/react";import{GrantCodesContainer as t}from"./container.component.js";const a=o({tagName:"grantcodes-container",elementClass:t,react:e});export{a as Container};

package/dist/components/container/container.scss.js

@@ -1 +0,0 @@
-const i="*,*:before,*:after{box-sizing:border-box}:host{display:block}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:var(--size-block-width-normal);max-width:100%;padding-inline:var(--size-space-unit);margin-inline:auto;background-color:inherit}.container--wide{width:var(--size-block-width-wide)}.container--full{width:100%}.container--viewport{left:50%;position:relative;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;width:100vw;margin-left:-50dvw;margin-right:-50dvw;max-width:100dvw;width:100dvw}.container--nopad{padding-inline:0}";export{i as default};

package/dist/components/container/index.js

@@ -1 +0,0 @@
-import"./container.js";

package/dist/components/dialog/dialog.component.js

@@ -1,23 +0,0 @@
-import{LitElement as m,html as p,unsafeCSS as h}from"lit";import{query as f,property as d,customElement as g}from"lit/decorators.js";import c from"./dialog.scss.js";var u=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,t,a,l)=>{for(var e=l>1?void 0:l?_(t,a):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(e=(l?n(t,a,e):n(e))||e);return l&&e&&u(t,a,e),e};let s=class extends m{constructor(){super(...arguments),this.open=!1,this.dismissible=!0}updated(o){o.has("open")&&this._handleOpenChange()}_handleOpenChange(){this.open?this.dialog.showModal():this.dialog.close()}dismissTemplate(){return this.dismissible?p`
-      <button
-        class="dialog__dismiss"
-        @click=${()=>{this.open=!1}}
-        aria-label="Dismiss dialog"
-      >
-        &times;
-      </button>
-    `:p``}render(){return p`
-      <dialog class="dialog" ?open=${this.open}>
-        ${this.dismissTemplate()}
-
-        <header class="dialog__header">
-          <slot name="header"></slot>
-        </header>
-
-        <slot class="dialog__content"></slot>
-
-        <footer class="dialog__footer">
-          <slot name="footer"> </slot>
-        </footer>
-      </dialog>
-    `}};s.styles=[h(c)];i([f("dialog")],s.prototype,"dialog",2);i([d({type:Boolean,reflect:!0})],s.prototype,"open",2);i([d({type:Boolean})],s.prototype,"dismissible",2);s=i([g("grantcodes-dialog")],s);export{s as GrantCodesDialog};

package/dist/components/dialog/dialog.js

@@ -1 +0,0 @@
-import{GrantCodesDialog as a}from"./dialog.component.js";const s=a;export{a as GrantCodesDialog,s as default};

package/dist/components/dialog/dialog.react.js

@@ -1 +0,0 @@
-import*as o from"../../node_modules/react/index.js";import{createComponent as e}from"@lit/react";import{GrantCodesDialog as t}from"./dialog.component.js";const m=e({tagName:"grantcodes-dialog",elementClass:t,react:o});export{m as Dialog};

package/dist/components/dialog/dialog.scss.js

@@ -1 +0,0 @@
-const e="*,*:before,*:after{box-sizing:border-box}:host{display:block}.dialog{width:100%;padding:0;max-width:var(--size-block-width-normal);background:var(--component-card-background);border-style:solid;border-width:var(--component-card-border-width);border-color:var(--component-card-border-color);border-radius:var(--component-card-border-radius);overflow:hidden}.dialog::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog__dismiss{display:block;position:absolute;border:none;line-height:1;font-size:1.4rem;cursor:pointer;background:transparent;inset-block-start:var(--size-space-unit, 1rem);inset-inline-end:var(--size-space-unit, 1rem);margin-block-start:-.25rem;margin-inline-end:-.25rem;border-radius:50%;width:2rem;height:2rem;padding:.25rem;justify-content:center;align-items:center}.dialog__content{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--size-space-unit, 1rem);padding:var(--size-space-unit, 1rem)}.dialog__header:empty,.dialog__header:has(slot:empty),.dialog__footer:empty,.dialog__footer:has(slot:empty){display:none}.dialog__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--size-space-unit, 1rem);border-bottom:var(--component-card-border-width) solid var(--component-card-border-color)}.dialog__footer ::slotted(grantcodes-button-group){--component-button-base-border-radius: 0}";export{e as default};

package/dist/components/dialog/index.js

@@ -1 +0,0 @@
-import"./dialog.js";

package/dist/components/dropzone/dropzone.component.js

@@ -1,11 +0,0 @@
-import{LitElement as d,html as p,unsafeCSS as u}from"lit";import{property as f,queryAssignedElements as h,state as i,customElement as _}from"lit/decorators.js";import m from"classnames";import v from"./dropzone.scss.js";var b=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(t,l,o,n)=>{for(var e=n>1?void 0:n?g(l,o):l,a=t.length-1,c;a>=0;a--)(c=t[a])&&(e=(n?c(l,o,e):c(e))||e);return n&&e&&b(l,o,e),e};let r=class extends d{constructor(){super(...arguments),this.fullscreenOnDrag=!1,this._fullscreen=!1,this._enableFullscreen=()=>{this.fullscreenOnDrag&&(this._fullscreen=!0)},this._disableFullscreen=()=>{this._fullscreen=!1}}connectedCallback(){super.connectedCallback(),document.addEventListener("dragenter",this._enableFullscreen),document.addEventListener("dragend",this._disableFullscreen)}disconnectedCallback(){document.removeEventListener("dragenter",this._enableFullscreen),document.removeEventListener("dragend",this._disableFullscreen),super.disconnectedCallback()}firstUpdated(){if(this._input.length===0)throw new Error("No file input found");this._placeholder=this._input[0].placeholder}render(){const t=m("dropzone",{"dropzone--fullscreen":this._fullscreen});return p`
-      <div
-        class=${t}
-        @mouseLeave=${this._disableFullscreen}
-        @dragEnd=${this._disableFullscreen}
-        @dragLeave=${this._disableFullscreen}
-      >
-        <slot></slot>
-        <span class="dropzone__placeholder">${this._placeholder}</span>
-      </div>
-    `}};r.styles=[u(v)];s([f({type:Boolean,reflect:!0})],r.prototype,"fullscreenOnDrag",2);s([h({selector:"input[type=file]"})],r.prototype,"_input",2);s([i()],r.prototype,"_fullscreen",2);s([i()],r.prototype,"_placeholder",2);r=s([_("grantcodes-dropzone")],r);export{r as GrantCodesDropzone};

package/dist/components/dropzone/dropzone.js

@@ -1 +0,0 @@
-import{GrantCodesDropzone as o}from"./dropzone.component.js";const e=o;export{o as GrantCodesDropzone,e as default};

package/dist/components/dropzone/dropzone.react.js

@@ -1 +0,0 @@
-import*as o from"../../node_modules/react/index.js";import{createComponent as e}from"@lit/react";import{GrantCodesDropzone as r}from"./dropzone.component.js";const m=e({tagName:"grantcodes-dropzone",elementClass:r,react:o});export{m as Dropzone};

package/dist/components/dropzone/dropzone.scss.js

@@ -1 +0,0 @@
-const e='*,*:before,*:after{box-sizing:border-box}:host{display:block}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:max(var(--size-border-width),.2rem) dashed var(--color-base-primary-500);border-radius:var(--size-border-radius)}.dropzone--fullscreen:before{content:"";position:fixed;display:block;top:0;right:0;bottom:0;left:0;z-index:10;background-color:#ffffffe6}.dropzone--fullscreen:after{content:"";display:flex;position:fixed;top:2rem;right:2rem;bottom:2rem;left:2rem;justify-content:center;align-items:center;padding:2rem;border:max(var(--size-border-width) * 2,.4rem) dashed var(--color-base-primary-500);border-radius:calc(var(--size-border-radius) * 2);z-index:11;font-weight:700;color:inherit}::slotted(input),.dropzone__input{position:absolute;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dropzone--fullscreen ::slotted(input),.dropzone--fullscreen .dropzone__input{position:fixed;z-index:12}';export{e as default};

package/dist/components/dropzone/index.js

@@ -1 +0,0 @@
-import"./dropzone.js";