bizz-components 0.1.0 → 0.3.0

package/web/index.js

@@ -0,0 +1,2272 @@
+// projects/bizz-components/src/web/tokens.ts
+var TOKENS_CSS = `
+:root {
+  --bizz-primary:rgb(99, 15, 254);
+  --bizz-secondary: #525252;
+  --bizz-success:   #24a148;
+  --bizz-warning:   #f59e0b;
+  --bizz-error:     #da1e28;
+  --bizz-white: #ffffff;
+  --bizz-black: #000000;
+  --bizz-primary-10: color-mix(in oklch, var(--bizz-primary)  8%, white);
+  --bizz-primary-20: color-mix(in oklch, var(--bizz-primary) 18%, white);
+  --bizz-primary-30: color-mix(in oklch, var(--bizz-primary) 35%, white);
+  --bizz-primary-40: color-mix(in oklch, var(--bizz-primary) 55%, white);
+  --bizz-primary-50: color-mix(in oklch, var(--bizz-primary) 75%, white);
+  --bizz-primary-60: var(--bizz-primary);
+  --bizz-primary-70: color-mix(in oklch, var(--bizz-primary) 85%, black);
+  --bizz-primary-80: color-mix(in oklch, var(--bizz-primary) 65%, black);
+  --bizz-primary-90: color-mix(in oklch, var(--bizz-primary) 45%, black);
+  --bizz-primary-100: color-mix(in oklch, var(--bizz-primary) 25%, black);
+  --bizz-secondary-10: color-mix(in oklch, var(--bizz-secondary)  8%, white);
+  --bizz-secondary-20: color-mix(in oklch, var(--bizz-secondary) 18%, white);
+  --bizz-secondary-30: color-mix(in oklch, var(--bizz-secondary) 35%, white);
+  --bizz-secondary-40: color-mix(in oklch, var(--bizz-secondary) 55%, white);
+  --bizz-secondary-50: color-mix(in oklch, var(--bizz-secondary) 75%, white);
+  --bizz-secondary-60: var(--bizz-secondary);
+  --bizz-secondary-70: color-mix(in oklch, var(--bizz-secondary) 85%, black);
+  --bizz-secondary-80: color-mix(in oklch, var(--bizz-secondary) 65%, black);
+  --bizz-secondary-90: color-mix(in oklch, var(--bizz-secondary) 45%, black);
+  --bizz-secondary-100: color-mix(in oklch, var(--bizz-secondary) 25%, black);
+  --bizz-success-10: color-mix(in oklch, var(--bizz-success)  8%, white);
+  --bizz-success-20: color-mix(in oklch, var(--bizz-success) 18%, white);
+  --bizz-success-30: color-mix(in oklch, var(--bizz-success) 35%, white);
+  --bizz-success-40: color-mix(in oklch, var(--bizz-success) 55%, white);
+  --bizz-success-50: color-mix(in oklch, var(--bizz-success) 75%, white);
+  --bizz-success-60: var(--bizz-success);
+  --bizz-success-70: color-mix(in oklch, var(--bizz-success) 85%, black);
+  --bizz-success-80: color-mix(in oklch, var(--bizz-success) 65%, black);
+  --bizz-success-90: color-mix(in oklch, var(--bizz-success) 45%, black);
+  --bizz-success-100: color-mix(in oklch, var(--bizz-success) 25%, black);
+  --bizz-warning-10: color-mix(in oklch, var(--bizz-warning)  8%, white);
+  --bizz-warning-20: color-mix(in oklch, var(--bizz-warning) 18%, white);
+  --bizz-warning-30: color-mix(in oklch, var(--bizz-warning) 35%, white);
+  --bizz-warning-40: color-mix(in oklch, var(--bizz-warning) 55%, white);
+  --bizz-warning-50: color-mix(in oklch, var(--bizz-warning) 75%, white);
+  --bizz-warning-60: var(--bizz-warning);
+  --bizz-warning-70: color-mix(in oklch, var(--bizz-warning) 85%, black);
+  --bizz-warning-80: color-mix(in oklch, var(--bizz-warning) 65%, black);
+  --bizz-warning-90: color-mix(in oklch, var(--bizz-warning) 45%, black);
+  --bizz-warning-100: color-mix(in oklch, var(--bizz-warning) 25%, black);
+  --bizz-error-10: color-mix(in oklch, var(--bizz-error)  8%, white);
+  --bizz-error-20: color-mix(in oklch, var(--bizz-error) 18%, white);
+  --bizz-error-30: color-mix(in oklch, var(--bizz-error) 35%, white);
+  --bizz-error-40: color-mix(in oklch, var(--bizz-error) 55%, white);
+  --bizz-error-50: color-mix(in oklch, var(--bizz-error) 75%, white);
+  --bizz-error-60: var(--bizz-error);
+  --bizz-error-70: color-mix(in oklch, var(--bizz-error) 85%, black);
+  --bizz-error-80: color-mix(in oklch, var(--bizz-error) 65%, black);
+  --bizz-error-90: color-mix(in oklch, var(--bizz-error) 45%, black);
+  --bizz-error-100: color-mix(in oklch, var(--bizz-error) 25%, black);
+}
+.bizz-theme-light, :root {
+  color-scheme: light;
+  --bizz-background: var(--bizz-white);
+  --bizz-background-hover: color-mix(in oklch, var(--bizz-secondary) 12%, transparent);
+  --bizz-background-active: color-mix(in oklch, var(--bizz-secondary) 30%, transparent);
+  --bizz-layer-02: var(--bizz-white);
+  --bizz-field-hover-01: var(--bizz-secondary-20);
+  --bizz-border-subtle-00: var(--bizz-secondary-20);
+  --bizz-border-subtle-01: var(--bizz-secondary-30);
+  --bizz-border-strong-01: var(--bizz-secondary-50);
+  --bizz-border-interactive: var(--bizz-primary-60);
+  --bizz-text-primary: var(--bizz-secondary-100);
+  --bizz-text-secondary: var(--bizz-secondary-70);
+  --bizz-text-placeholder: var(--bizz-secondary-40);
+  --bizz-text-helper: var(--bizz-secondary-60);
+  --bizz-text-error: var(--bizz-error-60);
+  --bizz-text-on-color: var(--bizz-white);
+  --bizz-text-on-color-disabled: var(--bizz-secondary-50);
+  --bizz-text-inverse: var(--bizz-white);
+  --bizz-text-disabled: color-mix(in oklch, var(--bizz-secondary-100) 25%, transparent);
+  --bizz-link-primary: var(--bizz-primary-60);
+  --bizz-support-error: var(--bizz-error-60);
+  --bizz-support-success: var(--bizz-success-60);
+  --bizz-support-warning: var(--bizz-warning-60);
+  --bizz-button-primary: var(--bizz-primary-60);
+  --bizz-button-primary-hover: var(--bizz-primary-70);
+  --bizz-button-primary-active: var(--bizz-primary-80);
+  --bizz-button-secondary: var(--bizz-secondary-80);
+  --bizz-button-secondary-hover: var(--bizz-secondary-90);
+  --bizz-button-secondary-active: var(--bizz-secondary-60);
+  --bizz-button-danger: var(--bizz-error-60);
+  --bizz-button-danger-hover: var(--bizz-error-70);
+  --bizz-button-danger-active: var(--bizz-error-80);
+  --bizz-button-warning: var(--bizz-warning-60);
+  --bizz-button-warning-hover: var(--bizz-warning-70);
+  --bizz-button-warning-active: var(--bizz-warning-80);
+  --bizz-button-success: var(--bizz-success-60);
+  --bizz-button-success-hover: var(--bizz-success-70);
+  --bizz-button-success-active: var(--bizz-success-80);
+  --bizz-button-disabled: var(--bizz-secondary-30);
+  --bizz-focus: var(--bizz-primary-60);
+  --bizz-tag-primary-bg: var(--bizz-primary-20);
+  --bizz-tag-primary-text: var(--bizz-primary-80);
+  --bizz-tag-primary-hover: var(--bizz-primary-30);
+  --bizz-tag-secondary-bg: var(--bizz-secondary-20);
+  --bizz-tag-secondary-text: var(--bizz-secondary-100);
+  --bizz-tag-secondary-hover: var(--bizz-secondary-30);
+  --bizz-tag-success-bg: var(--bizz-success-20);
+  --bizz-tag-success-text: var(--bizz-success-80);
+  --bizz-tag-success-hover: var(--bizz-success-30);
+  --bizz-tag-warning-bg: var(--bizz-warning-20);
+  --bizz-tag-warning-text: var(--bizz-warning-80);
+  --bizz-tag-warning-hover: var(--bizz-warning-30);
+  --bizz-tag-error-bg: var(--bizz-error-20);
+  --bizz-tag-error-text: var(--bizz-error-80);
+  --bizz-tag-error-hover: var(--bizz-error-30);
+  --bizz-shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
+  --bizz-shadow-md: 0 2px 6px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.08);
+}
+.bizz-theme-dark {
+  color-scheme: dark;
+  --bizz-background: var(--bizz-secondary-100);
+  --bizz-background-hover: color-mix(in oklch, var(--bizz-white) 12%, transparent);
+  --bizz-background-active: color-mix(in oklch, var(--bizz-white) 20%, transparent);
+  --bizz-layer-02: var(--bizz-secondary-80);
+  --bizz-field-hover-01: color-mix(in oklch, var(--bizz-secondary-90) 85%, white);
+  --bizz-border-subtle-00: var(--bizz-secondary-80);
+  --bizz-border-subtle-01: var(--bizz-secondary-70);
+  --bizz-border-strong-01: var(--bizz-secondary-60);
+  --bizz-border-interactive: var(--bizz-primary-50);
+  --bizz-text-primary: var(--bizz-secondary-10);
+  --bizz-text-secondary: var(--bizz-secondary-30);
+  --bizz-text-placeholder: var(--bizz-secondary-60);
+  --bizz-text-helper: var(--bizz-secondary-50);
+  --bizz-text-error: var(--bizz-error-40);
+  --bizz-text-on-color: var(--bizz-white);
+  --bizz-text-on-color-disabled: var(--bizz-secondary-70);
+  --bizz-text-inverse: var(--bizz-secondary-100);
+  --bizz-text-disabled: color-mix(in oklch, var(--bizz-secondary-10) 25%, transparent);
+  --bizz-link-primary: var(--bizz-primary-40);
+  --bizz-support-error: var(--bizz-error-40);
+  --bizz-support-success: var(--bizz-success-40);
+  --bizz-support-warning: var(--bizz-warning-40);
+  --bizz-button-primary: var(--bizz-primary-60);
+  --bizz-button-primary-hover: var(--bizz-primary-70);
+  --bizz-button-primary-active: var(--bizz-primary-80);
+  --bizz-button-secondary: var(--bizz-secondary-60);
+  --bizz-button-secondary-hover: var(--bizz-secondary-70);
+  --bizz-button-secondary-active: var(--bizz-secondary-80);
+  --bizz-button-danger: var(--bizz-error-60);
+  --bizz-button-danger-hover: var(--bizz-error-70);
+  --bizz-button-danger-active: var(--bizz-error-80);
+  --bizz-button-warning: var(--bizz-warning-60);
+  --bizz-button-warning-hover: var(--bizz-warning-70);
+  --bizz-button-warning-active: var(--bizz-warning-80);
+  --bizz-button-success: var(--bizz-success-60);
+  --bizz-button-success-hover: var(--bizz-success-70);
+  --bizz-button-success-active: var(--bizz-success-80);
+  --bizz-button-disabled: var(--bizz-secondary-70);
+  --bizz-focus: var(--bizz-white);
+  --bizz-tag-primary-bg: var(--bizz-primary-80);
+  --bizz-tag-primary-text: var(--bizz-primary-30);
+  --bizz-tag-primary-hover: var(--bizz-primary-90);
+  --bizz-tag-secondary-bg: var(--bizz-secondary-80);
+  --bizz-tag-secondary-text: var(--bizz-secondary-10);
+  --bizz-tag-secondary-hover: var(--bizz-secondary-90);
+  --bizz-tag-success-bg: var(--bizz-success-80);
+  --bizz-tag-success-text: var(--bizz-success-30);
+  --bizz-tag-success-hover: var(--bizz-success-90);
+  --bizz-tag-warning-bg: var(--bizz-warning-80);
+  --bizz-tag-warning-text: var(--bizz-warning-20);
+  --bizz-tag-warning-hover: var(--bizz-warning-90);
+  --bizz-tag-error-bg: var(--bizz-error-80);
+  --bizz-tag-error-text: var(--bizz-error-30);
+  --bizz-tag-error-hover: var(--bizz-error-90);
+  --bizz-shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08);
+  --bizz-shadow-md: 0 2px 6px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.08);
+}
+:root {
+  --bizz-font-family-base: 'IBM Plex Sans', 'Inter', system-ui, -apple-system, sans-serif;
+  --bizz-font-family-mono: 'IBM Plex Mono', 'JetBrains Mono', monospace;
+  --bizz-font-size-xs: 0.75rem;
+  --bizz-font-size-sm: 0.875rem;
+  --bizz-font-size-md: 1rem;
+  --bizz-font-size-lg: 1.125rem;
+  --bizz-font-size-xl: 1.25rem;
+  --bizz-font-size-2xl: 1.5rem;
+  --bizz-font-size-3xl: 1.875rem;
+  --bizz-font-size-4xl: 2.25rem;
+  --bizz-font-size-5xl: 3rem;
+  --bizz-font-weight-regular: 400;
+  --bizz-font-weight-medium: 500;
+  --bizz-font-weight-semibold: 600;
+  --bizz-font-weight-bold: 700;
+  --bizz-font-weight-extrabold: 800;
+  --bizz-line-height-tight: 1.2;
+  --bizz-line-height-snug: 1.35;
+  --bizz-line-height-normal: 1.5;
+  --bizz-line-height-relaxed: 1.75;
+  --bizz-letter-spacing-tight: -0.03em;
+  --bizz-letter-spacing-snug: -0.02em;
+  --bizz-letter-spacing-normal: 0em;
+  --bizz-letter-spacing-wide: 0.05em;
+  --bizz-letter-spacing-wider: 0.1em;
+  --bizz-spacing-01: 0.125rem;
+  --bizz-spacing-02: 0.25rem;
+  --bizz-spacing-03: 0.5rem;
+  --bizz-spacing-04: 0.75rem;
+  --bizz-spacing-05: 1rem;
+  --bizz-spacing-06: 1.5rem;
+  --bizz-spacing-07: 2rem;
+  --bizz-spacing-08: 2.5rem;
+  --bizz-spacing-09: 3rem;
+  --bizz-spacing-10: 4rem;
+  --bizz-radius-sm: 0.125rem;
+  --bizz-radius-md: 0.25rem;
+  --bizz-radius-lg: 0.5rem;
+  --bizz-radius-xl: 1rem;
+  --bizz-radius-full: 9999px;
+  --bizz-shadow-lg: 0 8px 24px rgba(0,0,0,0.16), 0 2px 6px rgba(0,0,0,0.08);
+  --bizz-shadow-xl: 0 16px 48px rgba(0,0,0,0.20), 0 4px 12px rgba(0,0,0,0.08);
+  --bizz-duration-fast: 100ms;
+  --bizz-duration-base: 200ms;
+  --bizz-duration-slow: 300ms;
+  --bizz-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.bizz-h1,.bizz-h2,.bizz-h3,.bizz-h4,.bizz-body-lg,.bizz-body,.bizz-body-sm,.bizz-label,.bizz-caption,.bizz-overline {
+  font-family: var(--bizz-font-family-base); margin: 0; padding: 0;
+}
+.bizz-h1 { font-size:var(--bizz-font-size-5xl);font-weight:var(--bizz-font-weight-extrabold);line-height:var(--bizz-line-height-tight);letter-spacing:var(--bizz-letter-spacing-tight); }
+.bizz-h2 { font-size:var(--bizz-font-size-4xl);font-weight:var(--bizz-font-weight-bold);line-height:var(--bizz-line-height-tight);letter-spacing:var(--bizz-letter-spacing-snug); }
+.bizz-h3 { font-size:var(--bizz-font-size-3xl);font-weight:var(--bizz-font-weight-bold);line-height:var(--bizz-line-height-snug);letter-spacing:var(--bizz-letter-spacing-snug); }
+.bizz-h4 { font-size:var(--bizz-font-size-2xl);font-weight:var(--bizz-font-weight-semibold);line-height:var(--bizz-line-height-snug);letter-spacing:var(--bizz-letter-spacing-normal); }
+.bizz-body-lg { font-size:var(--bizz-font-size-lg);font-weight:var(--bizz-font-weight-regular);line-height:var(--bizz-line-height-relaxed); }
+.bizz-body { font-size:var(--bizz-font-size-md);font-weight:var(--bizz-font-weight-regular);line-height:var(--bizz-line-height-normal); }
+.bizz-body-sm { font-size:var(--bizz-font-size-sm);font-weight:var(--bizz-font-weight-regular);line-height:var(--bizz-line-height-normal); }
+.bizz-label { font-size:var(--bizz-font-size-sm);font-weight:var(--bizz-font-weight-semibold);line-height:var(--bizz-line-height-normal); }
+.bizz-caption { font-size:var(--bizz-font-size-xs);font-weight:var(--bizz-font-weight-regular);line-height:var(--bizz-line-height-normal); }
+.bizz-overline { font-size:var(--bizz-font-size-xs);font-weight:var(--bizz-font-weight-bold);line-height:var(--bizz-line-height-normal);letter-spacing:var(--bizz-letter-spacing-wider);text-transform:uppercase; }
+.bizz-text-primary   { color: var(--bizz-text-primary); }
+.bizz-text-secondary { color: var(--bizz-text-secondary); }
+.bizz-text-disabled  { color: var(--bizz-text-disabled); }
+.bizz-text-inverse   { color: var(--bizz-text-inverse); }
+.bizz-text-brand     { color: var(--bizz-link-primary); }
+.bizz-text-error     { color: var(--bizz-text-error); }
+.bizz-text-success   { color: var(--bizz-support-success); }
+.bizz-text-warning   { color: var(--bizz-support-warning); }
+`;
+if (typeof document !== "undefined" && !document.getElementById("bizz-tokens")) {
+  const style = document.createElement("style");
+  style.id = "bizz-tokens";
+  style.textContent = TOKENS_CSS;
+  document.head.appendChild(style);
+}
+
+// node_modules/@lit-labs/ssr-dom-shim/lib/element-internals.js
+var ElementInternalsShim = class ElementInternals {
+  get shadowRoot() {
+    return this.__host.__shadowRoot;
+  }
+  constructor(_host) {
+    this.ariaActiveDescendantElement = null;
+    this.ariaAtomic = "";
+    this.ariaAutoComplete = "";
+    this.ariaBrailleLabel = "";
+    this.ariaBrailleRoleDescription = "";
+    this.ariaBusy = "";
+    this.ariaChecked = "";
+    this.ariaColCount = "";
+    this.ariaColIndex = "";
+    this.ariaColIndexText = "";
+    this.ariaColSpan = "";
+    this.ariaControlsElements = null;
+    this.ariaCurrent = "";
+    this.ariaDescribedByElements = null;
+    this.ariaDescription = "";
+    this.ariaDetailsElements = null;
+    this.ariaDisabled = "";
+    this.ariaErrorMessageElements = null;
+    this.ariaExpanded = "";
+    this.ariaFlowToElements = null;
+    this.ariaHasPopup = "";
+    this.ariaHidden = "";
+    this.ariaInvalid = "";
+    this.ariaKeyShortcuts = "";
+    this.ariaLabel = "";
+    this.ariaLabelledByElements = null;
+    this.ariaLevel = "";
+    this.ariaLive = "";
+    this.ariaModal = "";
+    this.ariaMultiLine = "";
+    this.ariaMultiSelectable = "";
+    this.ariaOrientation = "";
+    this.ariaOwnsElements = null;
+    this.ariaPlaceholder = "";
+    this.ariaPosInSet = "";
+    this.ariaPressed = "";
+    this.ariaReadOnly = "";
+    this.ariaRelevant = "";
+    this.ariaRequired = "";
+    this.ariaRoleDescription = "";
+    this.ariaRowCount = "";
+    this.ariaRowIndex = "";
+    this.ariaRowIndexText = "";
+    this.ariaRowSpan = "";
+    this.ariaSelected = "";
+    this.ariaSetSize = "";
+    this.ariaSort = "";
+    this.ariaValueMax = "";
+    this.ariaValueMin = "";
+    this.ariaValueNow = "";
+    this.ariaValueText = "";
+    this.role = "";
+    this.form = null;
+    this.labels = [];
+    this.states = /* @__PURE__ */ new Set();
+    this.validationMessage = "";
+    this.validity = {};
+    this.willValidate = true;
+    this.__host = _host;
+  }
+  checkValidity() {
+    console.warn("`ElementInternals.checkValidity()` was called on the server.This method always returns true.");
+    return true;
+  }
+  reportValidity() {
+    return true;
+  }
+  setFormValue() {
+  }
+  setValidity() {
+  }
+};
+
+// node_modules/@lit-labs/ssr-dom-shim/lib/events.js
+var __classPrivateFieldSet = function(receiver, state, value, kind, f3) {
+  if (typeof state === "function" ? receiver !== state || true : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return state.set(receiver, value), value;
+};
+var __classPrivateFieldGet = function(receiver, state, kind, f3) {
+  if (typeof state === "function" ? receiver !== state || !f3 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f3 : kind === "a" ? f3.call(receiver) : f3 ? f3.value : state.get(receiver);
+};
+var _Event_cancelable;
+var _Event_bubbles;
+var _Event_composed;
+var _Event_defaultPrevented;
+var _Event_timestamp;
+var _Event_propagationStopped;
+var _Event_type;
+var _Event_target;
+var _Event_isBeingDispatched;
+var _a;
+var _CustomEvent_detail;
+var _b;
+var NONE = 0;
+var CAPTURING_PHASE = 1;
+var AT_TARGET = 2;
+var BUBBLING_PHASE = 3;
+var enumerableProperty = { __proto__: null };
+enumerableProperty.enumerable = true;
+Object.freeze(enumerableProperty);
+var EventShim = (_a = class Event {
+  constructor(type, options = {}) {
+    _Event_cancelable.set(this, false);
+    _Event_bubbles.set(this, false);
+    _Event_composed.set(this, false);
+    _Event_defaultPrevented.set(this, false);
+    _Event_timestamp.set(this, Date.now());
+    _Event_propagationStopped.set(this, false);
+    _Event_type.set(this, void 0);
+    _Event_target.set(this, void 0);
+    _Event_isBeingDispatched.set(this, void 0);
+    this.NONE = NONE;
+    this.CAPTURING_PHASE = CAPTURING_PHASE;
+    this.AT_TARGET = AT_TARGET;
+    this.BUBBLING_PHASE = BUBBLING_PHASE;
+    if (arguments.length === 0)
+      throw new Error(`The type argument must be specified`);
+    if (typeof options !== "object" || !options) {
+      throw new Error(`The "options" argument must be an object`);
+    }
+    const { bubbles, cancelable, composed } = options;
+    __classPrivateFieldSet(this, _Event_cancelable, !!cancelable);
+    __classPrivateFieldSet(this, _Event_bubbles, !!bubbles);
+    __classPrivateFieldSet(this, _Event_composed, !!composed);
+    __classPrivateFieldSet(this, _Event_type, `${type}`);
+    __classPrivateFieldSet(this, _Event_target, null);
+    __classPrivateFieldSet(this, _Event_isBeingDispatched, false);
+  }
+  initEvent(_type, _bubbles, _cancelable) {
+    throw new Error("Method not implemented.");
+  }
+  stopImmediatePropagation() {
+    this.stopPropagation();
+  }
+  preventDefault() {
+    __classPrivateFieldSet(this, _Event_defaultPrevented, true);
+  }
+  get target() {
+    return __classPrivateFieldGet(this, _Event_target, "f");
+  }
+  get currentTarget() {
+    return __classPrivateFieldGet(this, _Event_target, "f");
+  }
+  get srcElement() {
+    return __classPrivateFieldGet(this, _Event_target, "f");
+  }
+  get type() {
+    return __classPrivateFieldGet(this, _Event_type, "f");
+  }
+  get cancelable() {
+    return __classPrivateFieldGet(this, _Event_cancelable, "f");
+  }
+  get defaultPrevented() {
+    return __classPrivateFieldGet(this, _Event_cancelable, "f") && __classPrivateFieldGet(this, _Event_defaultPrevented, "f");
+  }
+  get timeStamp() {
+    return __classPrivateFieldGet(this, _Event_timestamp, "f");
+  }
+  composedPath() {
+    return __classPrivateFieldGet(this, _Event_isBeingDispatched, "f") ? [__classPrivateFieldGet(this, _Event_target, "f")] : [];
+  }
+  get returnValue() {
+    return !__classPrivateFieldGet(this, _Event_cancelable, "f") || !__classPrivateFieldGet(this, _Event_defaultPrevented, "f");
+  }
+  get bubbles() {
+    return __classPrivateFieldGet(this, _Event_bubbles, "f");
+  }
+  get composed() {
+    return __classPrivateFieldGet(this, _Event_composed, "f");
+  }
+  get eventPhase() {
+    return __classPrivateFieldGet(this, _Event_isBeingDispatched, "f") ? _a.AT_TARGET : _a.NONE;
+  }
+  get cancelBubble() {
+    return __classPrivateFieldGet(this, _Event_propagationStopped, "f");
+  }
+  set cancelBubble(value) {
+    if (value) {
+      __classPrivateFieldSet(this, _Event_propagationStopped, true);
+    }
+  }
+  stopPropagation() {
+    __classPrivateFieldSet(this, _Event_propagationStopped, true);
+  }
+  get isTrusted() {
+    return false;
+  }
+}, _Event_cancelable = /* @__PURE__ */ new WeakMap(), _Event_bubbles = /* @__PURE__ */ new WeakMap(), _Event_composed = /* @__PURE__ */ new WeakMap(), _Event_defaultPrevented = /* @__PURE__ */ new WeakMap(), _Event_timestamp = /* @__PURE__ */ new WeakMap(), _Event_propagationStopped = /* @__PURE__ */ new WeakMap(), _Event_type = /* @__PURE__ */ new WeakMap(), _Event_target = /* @__PURE__ */ new WeakMap(), _Event_isBeingDispatched = /* @__PURE__ */ new WeakMap(), _a.NONE = NONE, _a.CAPTURING_PHASE = CAPTURING_PHASE, _a.AT_TARGET = AT_TARGET, _a.BUBBLING_PHASE = BUBBLING_PHASE, _a);
+Object.defineProperties(EventShim.prototype, {
+  initEvent: enumerableProperty,
+  stopImmediatePropagation: enumerableProperty,
+  preventDefault: enumerableProperty,
+  target: enumerableProperty,
+  currentTarget: enumerableProperty,
+  srcElement: enumerableProperty,
+  type: enumerableProperty,
+  cancelable: enumerableProperty,
+  defaultPrevented: enumerableProperty,
+  timeStamp: enumerableProperty,
+  composedPath: enumerableProperty,
+  returnValue: enumerableProperty,
+  bubbles: enumerableProperty,
+  composed: enumerableProperty,
+  eventPhase: enumerableProperty,
+  cancelBubble: enumerableProperty,
+  stopPropagation: enumerableProperty,
+  isTrusted: enumerableProperty
+});
+var CustomEventShim = (_b = class CustomEvent2 extends EventShim {
+  constructor(type, options = {}) {
+    super(type, options);
+    _CustomEvent_detail.set(this, void 0);
+    __classPrivateFieldSet(this, _CustomEvent_detail, options?.detail ?? null);
+  }
+  initCustomEvent(_type, _bubbles, _cancelable, _detail) {
+    throw new Error("Method not implemented.");
+  }
+  get detail() {
+    return __classPrivateFieldGet(this, _CustomEvent_detail, "f");
+  }
+}, _CustomEvent_detail = /* @__PURE__ */ new WeakMap(), _b);
+Object.defineProperties(CustomEventShim.prototype, {
+  detail: enumerableProperty
+});
+var EventShimWithRealType = EventShim;
+var CustomEventShimWithRealType = CustomEventShim;
+
+// node_modules/@lit-labs/ssr-dom-shim/lib/css.js
+var _a2;
+(_a2 = class CSSRule {
+  constructor() {
+    this.STYLE_RULE = 1;
+    this.CHARSET_RULE = 2;
+    this.IMPORT_RULE = 3;
+    this.MEDIA_RULE = 4;
+    this.FONT_FACE_RULE = 5;
+    this.PAGE_RULE = 6;
+    this.NAMESPACE_RULE = 10;
+    this.KEYFRAMES_RULE = 7;
+    this.KEYFRAME_RULE = 8;
+    this.SUPPORTS_RULE = 12;
+    this.COUNTER_STYLE_RULE = 11;
+    this.FONT_FEATURE_VALUES_RULE = 14;
+    this.MARGIN_RULE = 9;
+    this.__parentStyleSheet = null;
+    this.cssText = "";
+  }
+  get parentRule() {
+    return null;
+  }
+  get parentStyleSheet() {
+    return this.__parentStyleSheet;
+  }
+  get type() {
+    return 0;
+  }
+}, _a2.STYLE_RULE = 1, _a2.CHARSET_RULE = 2, _a2.IMPORT_RULE = 3, _a2.MEDIA_RULE = 4, _a2.FONT_FACE_RULE = 5, _a2.PAGE_RULE = 6, _a2.NAMESPACE_RULE = 10, _a2.KEYFRAMES_RULE = 7, _a2.KEYFRAME_RULE = 8, _a2.SUPPORTS_RULE = 12, _a2.COUNTER_STYLE_RULE = 11, _a2.FONT_FEATURE_VALUES_RULE = 14, _a2.MARGIN_RULE = 9, _a2);
+
+// node_modules/@lit-labs/ssr-dom-shim/index.js
+globalThis.Event ?? (globalThis.Event = EventShimWithRealType);
+globalThis.CustomEvent ?? (globalThis.CustomEvent = CustomEventShimWithRealType);
+var constructionToken = /* @__PURE__ */ Symbol();
+var isCaptureEventListener = (options) => typeof options === "boolean" ? options : options?.capture ?? false;
+var enumerableProperty2 = { __proto__: null };
+enumerableProperty2.enumerable = true;
+Object.freeze(enumerableProperty2);
+var EventTarget = class {
+  constructor() {
+    this.__eventListeners = /* @__PURE__ */ new Map();
+    this.__captureEventListeners = /* @__PURE__ */ new Map();
+  }
+  addEventListener(type, callback, options) {
+    if (callback === void 0 || callback === null) {
+      return;
+    }
+    const eventListenersMap = isCaptureEventListener(options) ? this.__captureEventListeners : this.__eventListeners;
+    let eventListeners = eventListenersMap.get(type);
+    if (eventListeners === void 0) {
+      eventListeners = /* @__PURE__ */ new Map();
+      eventListenersMap.set(type, eventListeners);
+    } else if (eventListeners.has(callback)) {
+      return;
+    }
+    const normalizedOptions = typeof options === "object" && options ? options : {};
+    normalizedOptions.signal?.addEventListener("abort", () => this.removeEventListener(type, callback, options));
+    eventListeners.set(callback, normalizedOptions ?? {});
+  }
+  removeEventListener(type, callback, options) {
+    if (callback === void 0 || callback === null) {
+      return;
+    }
+    const eventListenersMap = isCaptureEventListener(options) ? this.__captureEventListeners : this.__eventListeners;
+    const eventListeners = eventListenersMap.get(type);
+    if (eventListeners !== void 0) {
+      eventListeners.delete(callback);
+      if (!eventListeners.size) {
+        eventListenersMap.delete(type);
+      }
+    }
+  }
+  dispatchEvent(event) {
+    let composedPath = this.__resolveFullEventPath();
+    if (!event.composed && this.__host) {
+      composedPath = composedPath.slice(0, composedPath.indexOf(this.__host));
+    }
+    let stopPropagation = false;
+    let stopImmediatePropagation = false;
+    let eventPhase = EventShimWithRealType.NONE;
+    let target = null;
+    let tmpTarget = null;
+    let currentTarget = null;
+    const originalStopPropagation = event.stopPropagation;
+    const originalStopImmediatePropagation = event.stopImmediatePropagation;
+    Object.defineProperties(event, {
+      target: {
+        get() {
+          return target ?? tmpTarget;
+        },
+        ...enumerableProperty2
+      },
+      srcElement: {
+        get() {
+          return event.target;
+        },
+        ...enumerableProperty2
+      },
+      currentTarget: {
+        get() {
+          return currentTarget;
+        },
+        ...enumerableProperty2
+      },
+      eventPhase: {
+        get() {
+          return eventPhase;
+        },
+        ...enumerableProperty2
+      },
+      composedPath: {
+        value: () => composedPath,
+        ...enumerableProperty2
+      },
+      stopPropagation: {
+        value: () => {
+          stopPropagation = true;
+          originalStopPropagation.call(event);
+        },
+        ...enumerableProperty2
+      },
+      stopImmediatePropagation: {
+        value: () => {
+          stopImmediatePropagation = true;
+          originalStopImmediatePropagation.call(event);
+        },
+        ...enumerableProperty2
+      }
+    });
+    const invokeEventListener = (listener, options, eventListenerMap) => {
+      if (typeof listener === "function") {
+        listener(event);
+      } else if (typeof listener?.handleEvent === "function") {
+        listener.handleEvent(event);
+      }
+      if (options.once) {
+        eventListenerMap.delete(listener);
+      }
+    };
+    const finishDispatch = () => {
+      currentTarget = null;
+      eventPhase = EventShimWithRealType.NONE;
+      return !event.defaultPrevented;
+    };
+    const captureEventPath = composedPath.slice().reverse();
+    target = !this.__host || !event.composed ? this : null;
+    const retarget = (eventTargets) => {
+      tmpTarget = this;
+      while (tmpTarget.__host && eventTargets.includes(tmpTarget.__host)) {
+        tmpTarget = tmpTarget.__host;
+      }
+    };
+    for (const eventTarget of captureEventPath) {
+      if (!target && (!tmpTarget || tmpTarget === eventTarget.__host)) {
+        retarget(captureEventPath.slice(captureEventPath.indexOf(eventTarget)));
+      }
+      currentTarget = eventTarget;
+      eventPhase = eventTarget === event.target ? EventShimWithRealType.AT_TARGET : EventShimWithRealType.CAPTURING_PHASE;
+      const captureEventListeners = eventTarget.__captureEventListeners.get(event.type);
+      if (captureEventListeners) {
+        for (const [listener, options] of captureEventListeners) {
+          invokeEventListener(listener, options, captureEventListeners);
+          if (stopImmediatePropagation) {
+            return finishDispatch();
+          }
+        }
+      }
+      if (stopPropagation) {
+        return finishDispatch();
+      }
+    }
+    const bubbleEventPath = event.bubbles ? composedPath : [this];
+    tmpTarget = null;
+    for (const eventTarget of bubbleEventPath) {
+      if (!target && (!tmpTarget || eventTarget === tmpTarget.__host)) {
+        retarget(bubbleEventPath.slice(0, bubbleEventPath.indexOf(eventTarget) + 1));
+      }
+      currentTarget = eventTarget;
+      eventPhase = eventTarget === event.target ? EventShimWithRealType.AT_TARGET : EventShimWithRealType.BUBBLING_PHASE;
+      const eventListeners = eventTarget.__eventListeners.get(event.type);
+      if (eventListeners) {
+        for (const [listener, options] of eventListeners) {
+          invokeEventListener(listener, options, eventListeners);
+          if (stopImmediatePropagation) {
+            return finishDispatch();
+          }
+        }
+      }
+      if (stopPropagation) {
+        return finishDispatch();
+      }
+    }
+    return finishDispatch();
+  }
+  __resolveFullEventPath() {
+    if (this.__eventPathCache) {
+      return this.__eventPathCache;
+    } else if (!this.__eventTargetParent) {
+      return this.__eventPathCache = [this, documentShim, windowShim];
+    } else {
+      return this.__eventPathCache = [
+        this,
+        ...this.__eventTargetParent.__resolveFullEventPath()
+      ];
+    }
+  }
+};
+var attributes = /* @__PURE__ */ new WeakMap();
+var attributesForElement = (element) => {
+  let attrs = attributes.get(element);
+  if (attrs === void 0) {
+    attributes.set(element, attrs = /* @__PURE__ */ new Map());
+  }
+  return attrs;
+};
+var NodeShim = class Node extends EventTarget {
+  getRootNode(options) {
+    if (options?.composed) {
+      return document2;
+    }
+    const host = this.__host;
+    return host?.__shadowRoot ?? document2;
+  }
+};
+var DocumentShim = class Document2 extends NodeShim {
+  get adoptedStyleSheets() {
+    return [];
+  }
+  createTreeWalker() {
+    return {};
+  }
+  createTextNode() {
+    return {};
+  }
+  createElement() {
+    return {};
+  }
+};
+var documentShim = new DocumentShim();
+var document2 = documentShim;
+var WindowShim = class Window extends NodeShim {
+  constructor(token) {
+    super();
+    if (token !== constructionToken) {
+      throw new TypeError("Illegal constructor");
+    }
+    Object.assign(this, globalThis, {
+      CustomElementRegistry,
+      customElements: customElements2,
+      document: document2,
+      Document: DocumentShim,
+      Element: ElementShim,
+      EventTarget,
+      HTMLElement: HTMLElementShim,
+      Node: NodeShim,
+      ShadowRoot: ShadowRootShim,
+      window: this,
+      Window: WindowShim
+    });
+  }
+};
+var ElementShim = class Element extends NodeShim {
+  constructor() {
+    super(...arguments);
+    this.__shadowRootMode = null;
+    this.__shadowRoot = null;
+    this.__internals = null;
+  }
+  get attributes() {
+    return Array.from(attributesForElement(this)).map(([name, value]) => ({
+      name,
+      value
+    }));
+  }
+  get shadowRoot() {
+    if (this.__shadowRootMode === "closed") {
+      return null;
+    }
+    return this.__shadowRoot;
+  }
+  get localName() {
+    return this.constructor.__localName;
+  }
+  get tagName() {
+    return this.localName?.toUpperCase();
+  }
+  setAttribute(name, value) {
+    attributesForElement(this).set(name, String(value));
+  }
+  removeAttribute(name) {
+    attributesForElement(this).delete(name);
+  }
+  toggleAttribute(name, force) {
+    if (this.hasAttribute(name)) {
+      if (force === void 0 || !force) {
+        this.removeAttribute(name);
+        return false;
+      }
+    } else {
+      if (force === void 0 || force) {
+        this.setAttribute(name, "");
+        return true;
+      } else {
+        return false;
+      }
+    }
+    return true;
+  }
+  hasAttribute(name) {
+    return attributesForElement(this).has(name);
+  }
+  attachShadow(init) {
+    this.__shadowRootMode = init.mode;
+    const shadowRoot = new ShadowRootShim(constructionToken, init);
+    shadowRoot.__eventTargetParent = this;
+    shadowRoot.__host = this;
+    return this.__shadowRoot = shadowRoot;
+  }
+  attachInternals() {
+    if (this.__internals !== null) {
+      throw new Error(`Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.`);
+    }
+    const internals = new ElementInternalsShim(this);
+    this.__internals = internals;
+    return internals;
+  }
+  getAttribute(name) {
+    const value = attributesForElement(this).get(name);
+    return value ?? null;
+  }
+};
+var HTMLElementShim = class HTMLElement extends ElementShim {
+};
+var HTMLElementShimWithRealType = HTMLElementShim;
+var ShadowRootShim = class ShadowRoot extends NodeShim {
+  get host() {
+    return this.__host;
+  }
+  constructor(constructionToken2, init) {
+    super();
+    if (constructionToken2 !== constructionToken2) {
+      throw new TypeError("Illegal constructor");
+    }
+    this.mode = init.mode;
+  }
+};
+globalThis.litServerRoot ?? (globalThis.litServerRoot = Object.defineProperty(new HTMLElementShimWithRealType(), "localName", {
+  // Patch localName (and tagName) to return a unique name.
+  get() {
+    return "lit-server-root";
+  }
+}));
+function promiseWithResolvers() {
+  let resolve;
+  let reject;
+  const promise = new Promise((res, rej) => {
+    resolve = res;
+    reject = rej;
+  });
+  return { promise, resolve, reject };
+}
+var CustomElementRegistry = class {
+  constructor() {
+    this.__definitions = /* @__PURE__ */ new Map();
+    this.__reverseDefinitions = /* @__PURE__ */ new Map();
+    this.__pendingWhenDefineds = /* @__PURE__ */ new Map();
+  }
+  define(name, ctor) {
+    if (this.__definitions.has(name)) {
+      if (process.env.NODE_ENV === "development") {
+        console.warn(`'CustomElementRegistry' already has "${name}" defined. This may have been caused by live reload or hot module replacement in which case it can be safely ignored.
+Make sure to test your application with a production build as repeat registrations will throw in production.`);
+      } else {
+        throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the name "${name}" has already been used with this registry`);
+      }
+    }
+    if (this.__reverseDefinitions.has(ctor)) {
+      throw new Error(`Failed to execute 'define' on 'CustomElementRegistry': the constructor has already been used with this registry for the tag name ${this.__reverseDefinitions.get(ctor)}`);
+    }
+    ctor.__localName = name;
+    this.__definitions.set(name, {
+      ctor,
+      // Note it's important we read `observedAttributes` in case it is a getter
+      // with side-effects, as is the case in Lit, where it triggers class
+      // finalization.
+      //
+      // TODO(aomarks) To be spec compliant, we should also capture the
+      // registration-time lifecycle methods like `connectedCallback`. For them
+      // to be actually accessible to e.g. the Lit SSR element renderer, though,
+      // we'd need to introduce a new API for accessing them (since `get` only
+      // returns the constructor).
+      observedAttributes: ctor.observedAttributes ?? []
+    });
+    this.__reverseDefinitions.set(ctor, name);
+    this.__pendingWhenDefineds.get(name)?.resolve(ctor);
+    this.__pendingWhenDefineds.delete(name);
+  }
+  get(name) {
+    const definition = this.__definitions.get(name);
+    return definition?.ctor;
+  }
+  getName(ctor) {
+    return this.__reverseDefinitions.get(ctor) ?? null;
+  }
+  initialize(_root) {
+    throw new Error(`customElements.initialize is not currently supported in SSR. Please file a bug if you need it.`);
+  }
+  upgrade(_element) {
+    throw new Error(`customElements.upgrade is not currently supported in SSR. Please file a bug if you need it.`);
+  }
+  async whenDefined(name) {
+    const definition = this.__definitions.get(name);
+    if (definition) {
+      return definition.ctor;
+    }
+    let withResolvers = this.__pendingWhenDefineds.get(name);
+    if (!withResolvers) {
+      withResolvers = promiseWithResolvers();
+      this.__pendingWhenDefineds.set(name, withResolvers);
+    }
+    return withResolvers.promise;
+  }
+};
+var CustomElementRegistryShimWithRealType = CustomElementRegistry;
+var customElements2 = new CustomElementRegistryShimWithRealType();
+var windowShim = new WindowShim(constructionToken);
+
+// node_modules/@lit/reactive-element/node/css-tag.js
+var t = globalThis;
+var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s = /* @__PURE__ */ Symbol();
+var o = /* @__PURE__ */ new WeakMap();
+var n = class {
+  constructor(t3, e3, o5) {
+    if (this._$cssResult$ = true, o5 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t3, this.t = e3;
+  }
+  get styleSheet() {
+    let t3 = this.o;
+    const s4 = this.t;
+    if (e && void 0 === t3) {
+      const e3 = void 0 !== s4 && 1 === s4.length;
+      e3 && (t3 = o.get(s4)), void 0 === t3 && ((this.o = t3 = new CSSStyleSheet()).replaceSync(this.cssText), e3 && o.set(s4, t3));
+    }
+    return t3;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t3) => new n("string" == typeof t3 ? t3 : t3 + "", void 0, s);
+var i = (t3, ...e3) => {
+  const o5 = 1 === t3.length ? t3[0] : e3.reduce((e4, s4, o6) => e4 + ((t4) => {
+    if (true === t4._$cssResult$) return t4.cssText;
+    if ("number" == typeof t4) return t4;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t4 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s4) + t3[o6 + 1], t3[0]);
+  return new n(o5, t3, s);
+};
+var S = (s4, o5) => {
+  if (e) s4.adoptedStyleSheets = o5.map((t3) => t3 instanceof CSSStyleSheet ? t3 : t3.styleSheet);
+  else for (const e3 of o5) {
+    const o6 = document.createElement("style"), n4 = t.litNonce;
+    void 0 !== n4 && o6.setAttribute("nonce", n4), o6.textContent = e3.cssText, s4.appendChild(o6);
+  }
+};
+var c = e || void 0 === t.CSSStyleSheet ? (t3) => t3 : (t3) => t3 instanceof CSSStyleSheet ? ((t4) => {
+  let e3 = "";
+  for (const s4 of t4.cssRules) e3 += s4.cssText;
+  return r(e3);
+})(t3) : t3;
+
+// node_modules/@lit/reactive-element/node/reactive-element.js
+var { is: h, defineProperty: r2, getOwnPropertyDescriptor: o2, getOwnPropertyNames: n2, getOwnPropertySymbols: a, getPrototypeOf: c2 } = Object;
+var l = globalThis;
+l.customElements ?? (l.customElements = customElements2);
+var p = l.trustedTypes;
+var d = p ? p.emptyScript : "";
+var u = l.reactiveElementPolyfillSupport;
+var f = (t3, s4) => t3;
+var b = { toAttribute(t3, s4) {
+  switch (s4) {
+    case Boolean:
+      t3 = t3 ? d : null;
+      break;
+    case Object:
+    case Array:
+      t3 = null == t3 ? t3 : JSON.stringify(t3);
+  }
+  return t3;
+}, fromAttribute(t3, s4) {
+  let i4 = t3;
+  switch (s4) {
+    case Boolean:
+      i4 = null !== t3;
+      break;
+    case Number:
+      i4 = null === t3 ? null : Number(t3);
+      break;
+    case Object:
+    case Array:
+      try {
+        i4 = JSON.parse(t3);
+      } catch (t4) {
+        i4 = null;
+      }
+  }
+  return i4;
+} };
+var m = (t3, s4) => !h(t3, s4);
+var y = { attribute: true, type: String, converter: b, reflect: false, useDefault: false, hasChanged: m };
+Symbol.metadata ?? (Symbol.metadata = /* @__PURE__ */ Symbol("metadata")), l.litPropertyMetadata ?? (l.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+var g = class extends (globalThis.HTMLElement ?? HTMLElementShimWithRealType) {
+  static addInitializer(t3) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(t3);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t3, s4 = y) {
+    if (s4.state && (s4.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t3) && ((s4 = Object.create(s4)).wrapped = true), this.elementProperties.set(t3, s4), !s4.noAccessor) {
+      const i4 = /* @__PURE__ */ Symbol(), e3 = this.getPropertyDescriptor(t3, i4, s4);
+      void 0 !== e3 && r2(this.prototype, t3, e3);
+    }
+  }
+  static getPropertyDescriptor(t3, s4, i4) {
+    const { get: e3, set: h3 } = o2(this.prototype, t3) ?? { get() {
+      return this[s4];
+    }, set(t4) {
+      this[s4] = t4;
+    } };
+    return { get: e3, set(s5) {
+      const r4 = e3?.call(this);
+      h3?.call(this, s5), this.requestUpdate(t3, r4, i4);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t3) {
+    return this.elementProperties.get(t3) ?? y;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(f("elementProperties"))) return;
+    const t3 = c2(this);
+    t3.finalize(), void 0 !== t3.l && (this.l = [...t3.l]), this.elementProperties = new Map(t3.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(f("finalized"))) return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(f("properties"))) {
+      const t4 = this.properties, s4 = [...n2(t4), ...a(t4)];
+      for (const i4 of s4) this.createProperty(i4, t4[i4]);
+    }
+    const t3 = this[Symbol.metadata];
+    if (null !== t3) {
+      const s4 = litPropertyMetadata.get(t3);
+      if (void 0 !== s4) for (const [t4, i4] of s4) this.elementProperties.set(t4, i4);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t4, s4] of this.elementProperties) {
+      const i4 = this._$Eu(t4, s4);
+      void 0 !== i4 && this._$Eh.set(i4, t4);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t3) {
+    const s4 = [];
+    if (Array.isArray(t3)) {
+      const e3 = new Set(t3.flat(1 / 0).reverse());
+      for (const t4 of e3) s4.unshift(c(t4));
+    } else void 0 !== t3 && s4.push(c(t3));
+    return s4;
+  }
+  static _$Eu(t3, s4) {
+    const i4 = s4.attribute;
+    return false === i4 ? void 0 : "string" == typeof i4 ? i4 : "string" == typeof t3 ? t3.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t3) => this.enableUpdating = t3), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t3) => t3(this));
+  }
+  addController(t3) {
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t3), void 0 !== this.renderRoot && this.isConnected && t3.hostConnected?.();
+  }
+  removeController(t3) {
+    this._$EO?.delete(t3);
+  }
+  _$E_() {
+    const t3 = /* @__PURE__ */ new Map(), s4 = this.constructor.elementProperties;
+    for (const i4 of s4.keys()) this.hasOwnProperty(i4) && (t3.set(i4, this[i4]), delete this[i4]);
+    t3.size > 0 && (this._$Ep = t3);
+  }
+  createRenderRoot() {
+    const t3 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t3, this.constructor.elementStyles), t3;
+  }
+  connectedCallback() {
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), this._$EO?.forEach((t3) => t3.hostConnected?.());
+  }
+  enableUpdating(t3) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t3) => t3.hostDisconnected?.());
+  }
+  attributeChangedCallback(t3, s4, i4) {
+    this._$AK(t3, i4);
+  }
+  _$ET(t3, s4) {
+    const i4 = this.constructor.elementProperties.get(t3), e3 = this.constructor._$Eu(t3, i4);
+    if (void 0 !== e3 && true === i4.reflect) {
+      const h3 = (void 0 !== i4.converter?.toAttribute ? i4.converter : b).toAttribute(s4, i4.type);
+      this._$Em = t3, null == h3 ? this.removeAttribute(e3) : this.setAttribute(e3, h3), this._$Em = null;
+    }
+  }
+  _$AK(t3, s4) {
+    const i4 = this.constructor, e3 = i4._$Eh.get(t3);
+    if (void 0 !== e3 && this._$Em !== e3) {
+      const t4 = i4.getPropertyOptions(e3), h3 = "function" == typeof t4.converter ? { fromAttribute: t4.converter } : void 0 !== t4.converter?.fromAttribute ? t4.converter : b;
+      this._$Em = e3;
+      const r4 = h3.fromAttribute(s4, t4.type);
+      this[e3] = r4 ?? this._$Ej?.get(e3) ?? r4, this._$Em = null;
+    }
+  }
+  requestUpdate(t3, s4, i4, e3 = false, h3) {
+    if (void 0 !== t3) {
+      const r4 = this.constructor;
+      if (false === e3 && (h3 = this[t3]), i4 ?? (i4 = r4.getPropertyOptions(t3)), !((i4.hasChanged ?? m)(h3, s4) || i4.useDefault && i4.reflect && h3 === this._$Ej?.get(t3) && !this.hasAttribute(r4._$Eu(t3, i4)))) return;
+      this.C(t3, s4, i4);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(t3, s4, { useDefault: i4, reflect: e3, wrapped: h3 }, r4) {
+    i4 && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t3) && (this._$Ej.set(t3, r4 ?? s4 ?? this[t3]), true !== h3 || void 0 !== r4) || (this._$AL.has(t3) || (this.hasUpdated || i4 || (s4 = void 0), this._$AL.set(t3, s4)), true === e3 && this._$Em !== t3 && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t3));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t4) {
+      Promise.reject(t4);
+    }
+    const t3 = this.scheduleUpdate();
+    return null != t3 && await t3, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [t5, s5] of this._$Ep) this[t5] = s5;
+        this._$Ep = void 0;
+      }
+      const t4 = this.constructor.elementProperties;
+      if (t4.size > 0) for (const [s5, i4] of t4) {
+        const { wrapped: t5 } = i4, e3 = this[s5];
+        true !== t5 || this._$AL.has(s5) || void 0 === e3 || this.C(s5, void 0, i4, e3);
+      }
+    }
+    let t3 = false;
+    const s4 = this._$AL;
+    try {
+      t3 = this.shouldUpdate(s4), t3 ? (this.willUpdate(s4), this._$EO?.forEach((t4) => t4.hostUpdate?.()), this.update(s4)) : this._$EM();
+    } catch (s5) {
+      throw t3 = false, this._$EM(), s5;
+    }
+    t3 && this._$AE(s4);
+  }
+  willUpdate(t3) {
+  }
+  _$AE(t3) {
+    this._$EO?.forEach((t4) => t4.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t3)), this.updated(t3);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t3) {
+    return true;
+  }
+  update(t3) {
+    this._$Eq && (this._$Eq = this._$Eq.forEach((t4) => this._$ET(t4, this[t4]))), this._$EM();
+  }
+  updated(t3) {
+  }
+  firstUpdated(t3) {
+  }
+};
+g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[f("elementProperties")] = /* @__PURE__ */ new Map(), g[f("finalized")] = /* @__PURE__ */ new Map(), u?.({ ReactiveElement: g }), (l.reactiveElementVersions ?? (l.reactiveElementVersions = [])).push("2.1.2");
+
+// node_modules/lit-html/node/lit-html.js
+var t2 = globalThis;
+var i2 = (t3) => t3;
+var s2 = t2.trustedTypes;
+var e2 = s2 ? s2.createPolicy("lit-html", { createHTML: (t3) => t3 }) : void 0;
+var h2 = "$lit$";
+var o3 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var n3 = "?" + o3;
+var r3 = `<${n3}>`;
+var l2 = void 0 === t2.document ? { createTreeWalker: () => ({}) } : document;
+var c3 = () => l2.createComment("");
+var a2 = (t3) => null === t3 || "object" != typeof t3 && "function" != typeof t3;
+var u2 = Array.isArray;
+var d2 = (t3) => u2(t3) || "function" == typeof t3?.[Symbol.iterator];
+var f2 = "[ 	\n\f\r]";
+var v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var _ = /-->/g;
+var m2 = />/g;
+var p2 = RegExp(`>|${f2}(?:([^\\s"'>=/]+)(${f2}*=${f2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var g2 = /'/g;
+var $ = /"/g;
+var y2 = /^(?:script|style|textarea|title)$/i;
+var x = (t3) => (i4, ...s4) => ({ _$litType$: t3, strings: i4, values: s4 });
+var T = x(1);
+var E = /* @__PURE__ */ Symbol.for("lit-noChange");
+var A = /* @__PURE__ */ Symbol.for("lit-nothing");
+var C = /* @__PURE__ */ new WeakMap();
+var P = l2.createTreeWalker(l2, 129);
+function V(t3, i4) {
+  if (!u2(t3) || !t3.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return void 0 !== e2 ? e2.createHTML(i4) : i4;
+}
+var N = (t3, i4) => {
+  const s4 = t3.length - 1, e3 = [];
+  let n4, l3 = 2 === i4 ? "<svg>" : 3 === i4 ? "<math>" : "", c4 = v;
+  for (let i5 = 0; i5 < s4; i5++) {
+    const s5 = t3[i5];
+    let a3, u3, d3 = -1, f3 = 0;
+    for (; f3 < s5.length && (c4.lastIndex = f3, u3 = c4.exec(s5), null !== u3); ) f3 = c4.lastIndex, c4 === v ? "!--" === u3[1] ? c4 = _ : void 0 !== u3[1] ? c4 = m2 : void 0 !== u3[2] ? (y2.test(u3[2]) && (n4 = RegExp("</" + u3[2], "g")), c4 = p2) : void 0 !== u3[3] && (c4 = p2) : c4 === p2 ? ">" === u3[0] ? (c4 = n4 ?? v, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c4.lastIndex - u3[2].length, a3 = u3[1], c4 = void 0 === u3[3] ? p2 : '"' === u3[3] ? $ : g2) : c4 === $ || c4 === g2 ? c4 = p2 : c4 === _ || c4 === m2 ? c4 = v : (c4 = p2, n4 = void 0);
+    const x2 = c4 === p2 && t3[i5 + 1].startsWith("/>") ? " " : "";
+    l3 += c4 === v ? s5 + r3 : d3 >= 0 ? (e3.push(a3), s5.slice(0, d3) + h2 + s5.slice(d3) + o3 + x2) : s5 + o3 + (-2 === d3 ? i5 : x2);
+  }
+  return [V(t3, l3 + (t3[s4] || "<?>") + (2 === i4 ? "</svg>" : 3 === i4 ? "</math>" : "")), e3];
+};
+var S2 = class _S {
+  constructor({ strings: t3, _$litType$: i4 }, e3) {
+    let r4;
+    this.parts = [];
+    let l3 = 0, a3 = 0;
+    const u3 = t3.length - 1, d3 = this.parts, [f3, v2] = N(t3, i4);
+    if (this.el = _S.createElement(f3, e3), P.currentNode = this.el.content, 2 === i4 || 3 === i4) {
+      const t4 = this.el.content.firstChild;
+      t4.replaceWith(...t4.childNodes);
+    }
+    for (; null !== (r4 = P.nextNode()) && d3.length < u3; ) {
+      if (1 === r4.nodeType) {
+        if (r4.hasAttributes()) for (const t4 of r4.getAttributeNames()) if (t4.endsWith(h2)) {
+          const i5 = v2[a3++], s4 = r4.getAttribute(t4).split(o3), e4 = /([.?@])?(.*)/.exec(i5);
+          d3.push({ type: 1, index: l3, name: e4[2], strings: s4, ctor: "." === e4[1] ? I : "?" === e4[1] ? L : "@" === e4[1] ? z : H }), r4.removeAttribute(t4);
+        } else t4.startsWith(o3) && (d3.push({ type: 6, index: l3 }), r4.removeAttribute(t4));
+        if (y2.test(r4.tagName)) {
+          const t4 = r4.textContent.split(o3), i5 = t4.length - 1;
+          if (i5 > 0) {
+            r4.textContent = s2 ? s2.emptyScript : "";
+            for (let s4 = 0; s4 < i5; s4++) r4.append(t4[s4], c3()), P.nextNode(), d3.push({ type: 2, index: ++l3 });
+            r4.append(t4[i5], c3());
+          }
+        }
+      } else if (8 === r4.nodeType) if (r4.data === n3) d3.push({ type: 2, index: l3 });
+      else {
+        let t4 = -1;
+        for (; -1 !== (t4 = r4.data.indexOf(o3, t4 + 1)); ) d3.push({ type: 7, index: l3 }), t4 += o3.length - 1;
+      }
+      l3++;
+    }
+  }
+  static createElement(t3, i4) {
+    const s4 = l2.createElement("template");
+    return s4.innerHTML = t3, s4;
+  }
+};
+function M(t3, i4, s4 = t3, e3) {
+  if (i4 === E) return i4;
+  let h3 = void 0 !== e3 ? s4._$Co?.[e3] : s4._$Cl;
+  const o5 = a2(i4) ? void 0 : i4._$litDirective$;
+  return h3?.constructor !== o5 && (h3?._$AO?.(false), void 0 === o5 ? h3 = void 0 : (h3 = new o5(t3), h3._$AT(t3, s4, e3)), void 0 !== e3 ? (s4._$Co ?? (s4._$Co = []))[e3] = h3 : s4._$Cl = h3), void 0 !== h3 && (i4 = M(t3, h3._$AS(t3, i4.values), h3, e3)), i4;
+}
+var k = class {
+  constructor(t3, i4) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t3, this._$AM = i4;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t3) {
+    const { el: { content: i4 }, parts: s4 } = this._$AD, e3 = (t3?.creationScope ?? l2).importNode(i4, true);
+    P.currentNode = e3;
+    let h3 = P.nextNode(), o5 = 0, n4 = 0, r4 = s4[0];
+    for (; void 0 !== r4; ) {
+      if (o5 === r4.index) {
+        let i5;
+        2 === r4.type ? i5 = new R(h3, h3.nextSibling, this, t3) : 1 === r4.type ? i5 = new r4.ctor(h3, r4.name, r4.strings, this, t3) : 6 === r4.type && (i5 = new W(h3, this, t3)), this._$AV.push(i5), r4 = s4[++n4];
+      }
+      o5 !== r4?.index && (h3 = P.nextNode(), o5++);
+    }
+    return P.currentNode = l2, e3;
+  }
+  p(t3) {
+    let i4 = 0;
+    for (const s4 of this._$AV) void 0 !== s4 && (void 0 !== s4.strings ? (s4._$AI(t3, s4, i4), i4 += s4.strings.length - 2) : s4._$AI(t3[i4])), i4++;
+  }
+};
+var R = class _R {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t3, i4, s4, e3) {
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t3, this._$AB = i4, this._$AM = s4, this.options = e3, this._$Cv = e3?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t3 = this._$AA.parentNode;
+    const i4 = this._$AM;
+    return void 0 !== i4 && 11 === t3?.nodeType && (t3 = i4.parentNode), t3;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t3, i4 = this) {
+    t3 = M(this, t3, i4), a2(t3) ? t3 === A || null == t3 || "" === t3 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t3 !== this._$AH && t3 !== E && this._(t3) : void 0 !== t3._$litType$ ? this.$(t3) : void 0 !== t3.nodeType ? this.T(t3) : d2(t3) ? this.k(t3) : this._(t3);
+  }
+  O(t3) {
+    return this._$AA.parentNode.insertBefore(t3, this._$AB);
+  }
+  T(t3) {
+    this._$AH !== t3 && (this._$AR(), this._$AH = this.O(t3));
+  }
+  _(t3) {
+    this._$AH !== A && a2(this._$AH) ? this._$AA.nextSibling.data = t3 : this.T(l2.createTextNode(t3)), this._$AH = t3;
+  }
+  $(t3) {
+    const { values: i4, _$litType$: s4 } = t3, e3 = "number" == typeof s4 ? this._$AC(t3) : (void 0 === s4.el && (s4.el = S2.createElement(V(s4.h, s4.h[0]), this.options)), s4);
+    if (this._$AH?._$AD === e3) this._$AH.p(i4);
+    else {
+      const t4 = new k(e3, this), s5 = t4.u(this.options);
+      t4.p(i4), this.T(s5), this._$AH = t4;
+    }
+  }
+  _$AC(t3) {
+    let i4 = C.get(t3.strings);
+    return void 0 === i4 && C.set(t3.strings, i4 = new S2(t3)), i4;
+  }
+  k(t3) {
+    u2(this._$AH) || (this._$AH = [], this._$AR());
+    const i4 = this._$AH;
+    let s4, e3 = 0;
+    for (const h3 of t3) e3 === i4.length ? i4.push(s4 = new _R(this.O(c3()), this.O(c3()), this, this.options)) : s4 = i4[e3], s4._$AI(h3), e3++;
+    e3 < i4.length && (this._$AR(s4 && s4._$AB.nextSibling, e3), i4.length = e3);
+  }
+  _$AR(t3 = this._$AA.nextSibling, s4) {
+    for (this._$AP?.(false, true, s4); t3 !== this._$AB; ) {
+      const s5 = i2(t3).nextSibling;
+      i2(t3).remove(), t3 = s5;
+    }
+  }
+  setConnected(t3) {
+    void 0 === this._$AM && (this._$Cv = t3, this._$AP?.(t3));
+  }
+};
+var H = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t3, i4, s4, e3, h3) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t3, this.name = i4, this._$AM = e3, this.options = h3, s4.length > 2 || "" !== s4[0] || "" !== s4[1] ? (this._$AH = Array(s4.length - 1).fill(new String()), this.strings = s4) : this._$AH = A;
+  }
+  _$AI(t3, i4 = this, s4, e3) {
+    const h3 = this.strings;
+    let o5 = false;
+    if (void 0 === h3) t3 = M(this, t3, i4, 0), o5 = !a2(t3) || t3 !== this._$AH && t3 !== E, o5 && (this._$AH = t3);
+    else {
+      const e4 = t3;
+      let n4, r4;
+      for (t3 = h3[0], n4 = 0; n4 < h3.length - 1; n4++) r4 = M(this, e4[s4 + n4], i4, n4), r4 === E && (r4 = this._$AH[n4]), o5 || (o5 = !a2(r4) || r4 !== this._$AH[n4]), r4 === A ? t3 = A : t3 !== A && (t3 += (r4 ?? "") + h3[n4 + 1]), this._$AH[n4] = r4;
+    }
+    o5 && !e3 && this.j(t3);
+  }
+  j(t3) {
+    t3 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t3 ?? "");
+  }
+};
+var I = class extends H {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t3) {
+    this.element[this.name] = t3 === A ? void 0 : t3;
+  }
+};
+var L = class extends H {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t3) {
+    this.element.toggleAttribute(this.name, !!t3 && t3 !== A);
+  }
+};
+var z = class extends H {
+  constructor(t3, i4, s4, e3, h3) {
+    super(t3, i4, s4, e3, h3), this.type = 5;
+  }
+  _$AI(t3, i4 = this) {
+    if ((t3 = M(this, t3, i4, 0) ?? A) === E) return;
+    const s4 = this._$AH, e3 = t3 === A && s4 !== A || t3.capture !== s4.capture || t3.once !== s4.once || t3.passive !== s4.passive, h3 = t3 !== A && (s4 === A || e3);
+    e3 && this.element.removeEventListener(this.name, this, s4), h3 && this.element.addEventListener(this.name, this, t3), this._$AH = t3;
+  }
+  handleEvent(t3) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t3) : this._$AH.handleEvent(t3);
+  }
+};
+var W = class {
+  constructor(t3, i4, s4) {
+    this.element = t3, this.type = 6, this._$AN = void 0, this._$AM = i4, this.options = s4;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t3) {
+    M(this, t3);
+  }
+};
+var j = t2.litHtmlPolyfillSupport;
+j?.(S2, R), (t2.litHtmlVersions ?? (t2.litHtmlVersions = [])).push("3.3.3");
+var B = (t3, i4, s4) => {
+  const e3 = s4?.renderBefore ?? i4;
+  let h3 = e3._$litPart$;
+  if (void 0 === h3) {
+    const t4 = s4?.renderBefore ?? null;
+    e3._$litPart$ = h3 = new R(i4.insertBefore(c3(), t4), t4, void 0, s4 ?? {});
+  }
+  return h3._$AI(t3), h3;
+};
+
+// node_modules/lit-element/lit-element.js
+var s3 = globalThis;
+var i3 = class extends g {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var _a3;
+    const t3 = super.createRenderRoot();
+    return (_a3 = this.renderOptions).renderBefore ?? (_a3.renderBefore = t3.firstChild), t3;
+  }
+  update(t3) {
+    const r4 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t3), this._$Do = B(r4, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return E;
+  }
+};
+i3._$litElement$ = true, i3["finalized"] = true, s3.litElementHydrateSupport?.({ LitElement: i3 });
+var o4 = s3.litElementPolyfillSupport;
+o4?.({ LitElement: i3 });
+(s3.litElementVersions ?? (s3.litElementVersions = [])).push("4.2.2");
+
+// projects/bizz-components/src/web/button/bizz-button.styles.ts
+var styles = i`
+  :host {
+    display: inline-flex;
+  }
+
+  :host([full-width]) {
+    display: flex;
+    width: 100%;
+  }
+
+  button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--bizz-spacing-03);
+    position: relative;
+    flex: 1;
+    border: 2px solid transparent;
+    border-radius: var(--bizz-radius-md);
+    font-family: var(--bizz-font-family-base);
+    font-weight: var(--bizz-font-weight-semibold);
+    cursor: pointer;
+    text-decoration: none;
+    white-space: nowrap;
+    transition:
+      background-color var(--bizz-duration-base) var(--bizz-easing-default),
+      border-color var(--bizz-duration-base) var(--bizz-easing-default),
+      color var(--bizz-duration-base) var(--bizz-easing-default),
+      box-shadow var(--bizz-duration-base) var(--bizz-easing-default),
+      transform var(--bizz-duration-fast) var(--bizz-easing-default);
+    user-select: none;
+    outline: none;
+  }
+
+  button:focus-visible {
+    box-shadow: 0 0 0 3px var(--bizz-focus);
+  }
+
+  button:active:not(:disabled) {
+    transform: translateY(1px);
+  }
+
+  :host([size='sm']) button {
+    height: 2rem;
+    padding: 0 var(--bizz-spacing-04);
+    font-size: var(--bizz-font-size-sm);
+    border-radius: var(--bizz-radius-sm);
+  }
+
+  :host([size='md']) button {
+    height: 2.5rem;
+    padding: 0 var(--bizz-spacing-05);
+    font-size: var(--bizz-font-size-md);
+  }
+
+  :host([size='lg']) button {
+    height: 3rem;
+    padding: 0 var(--bizz-spacing-06);
+    font-size: var(--bizz-font-size-lg);
+    border-radius: var(--bizz-radius-lg);
+  }
+
+  :host([variant='primary']) button {
+    background-color: var(--bizz-button-primary);
+    border-color: var(--bizz-button-primary);
+    color: var(--bizz-text-on-color);
+  }
+
+  :host([variant='primary']) button:hover:not(:disabled) {
+    background-color: var(--bizz-button-primary-hover);
+    border-color: var(--bizz-button-primary-hover);
+    box-shadow: var(--bizz-shadow-md);
+  }
+
+  :host([variant='primary']) button:active:not(:disabled) {
+    background-color: var(--bizz-button-primary-active);
+    border-color: var(--bizz-button-primary-active);
+  }
+
+  :host([variant='secondary']) button {
+    background-color: transparent;
+    border-color: var(--bizz-button-secondary);
+    color: var(--bizz-button-secondary);
+  }
+
+  :host([variant='secondary']) button:hover:not(:disabled) {
+    background-color: var(--bizz-background-hover);
+    border-color: var(--bizz-button-secondary-hover);
+    color: var(--bizz-button-secondary-hover);
+    box-shadow: var(--bizz-shadow-sm);
+  }
+
+  :host([variant='secondary']) button:active:not(:disabled) {
+    background-color: var(--bizz-background-active);
+    border-color: var(--bizz-button-secondary-active);
+    color: var(--bizz-button-secondary-active);
+  }
+
+  :host([variant='danger']) button {
+    background-color: var(--bizz-button-danger);
+    border-color: var(--bizz-button-danger);
+    color: var(--bizz-text-on-color);
+  }
+
+  :host([variant='danger']) button:hover:not(:disabled) {
+    background-color: var(--bizz-button-danger-hover);
+    border-color: var(--bizz-button-danger-hover);
+    box-shadow: var(--bizz-shadow-md);
+  }
+
+  :host([variant='danger']) button:active:not(:disabled) {
+    background-color: var(--bizz-button-danger-active);
+    border-color: var(--bizz-button-danger-active);
+  }
+
+  :host([variant='warning']) button {
+    background-color: var(--bizz-button-warning);
+    border-color: var(--bizz-button-warning);
+    color: var(--bizz-text-on-color);
+  }
+
+  :host([variant='warning']) button:hover:not(:disabled) {
+    background-color: var(--bizz-button-warning-hover);
+    border-color: var(--bizz-button-warning-hover);
+    box-shadow: var(--bizz-shadow-md);
+  }
+
+  :host([variant='warning']) button:active:not(:disabled) {
+    background-color: var(--bizz-button-warning-active);
+    border-color: var(--bizz-button-warning-active);
+  }
+
+  :host([variant='success']) button {
+    background-color: var(--bizz-button-success);
+    border-color: var(--bizz-button-success);
+    color: var(--bizz-text-on-color);
+  }
+
+  :host([variant='success']) button:hover:not(:disabled) {
+    background-color: var(--bizz-button-success-hover);
+    border-color: var(--bizz-button-success-hover);
+    box-shadow: var(--bizz-shadow-md);
+  }
+
+  :host([variant='success']) button:active:not(:disabled) {
+    background-color: var(--bizz-button-success-active);
+    border-color: var(--bizz-button-success-active);
+  }
+
+  button:disabled {
+    background-color: transparent;
+    border-color: transparent;
+    color: var(--bizz-text-secondary);
+    opacity: 0.6;
+    cursor: not-allowed;
+    transform: none;
+    box-shadow: none;
+  }
+
+  :host([loading]) button {
+    cursor: wait;
+  }
+
+  .hidden {
+    opacity: 0;
+  }
+
+  .spinner {
+    position: absolute;
+    width: 1em;
+    height: 1em;
+    border: 2px solid currentColor;
+    border-top-color: transparent;
+    border-radius: 50%;
+    animation: spin 0.6s linear infinite;
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+
+// projects/bizz-components/src/web/button/bizz-button.ts
+var BizzButtonElement = class extends i3 {
+  constructor() {
+    super();
+    this.variant = "primary";
+    this.size = "md";
+    this.type = "button";
+    this.disabled = false;
+    this.loading = false;
+    this.fullWidth = false;
+  }
+  get isDisabled() {
+    return this.disabled || this.loading;
+  }
+  handleClick(e3) {
+    if (!this.isDisabled) {
+      this.dispatchEvent(new CustomEvent("bizz-click", { detail: e3, bubbles: true, composed: true }));
+    }
+  }
+  render() {
+    return T`
+      <button
+        type="${this.type}"
+        ?disabled="${this.isDisabled}"
+        @click="${this.handleClick}"
+      >
+        ${this.loading ? T`<span class="spinner" aria-hidden="true"></span>` : ""}
+        <span class="${this.loading ? "hidden" : ""}"><slot></slot></span>
+      </button>
+    `;
+  }
+};
+BizzButtonElement.styles = styles;
+BizzButtonElement.properties = {
+  variant: { type: String, reflect: true },
+  size: { type: String, reflect: true },
+  type: { type: String },
+  disabled: { type: Boolean },
+  loading: { type: Boolean, reflect: true },
+  fullWidth: { type: Boolean, attribute: "full-width", reflect: true }
+};
+customElements.define("bizz-button", BizzButtonElement);
+
+// projects/bizz-components/src/web/card/bizz-card.styles.ts
+var styles2 = i`
+  :host {
+    display: block;
+    font-family: var(--bizz-font-family-base);
+    background-color: var(--bizz-layer-02);
+    border: 1px solid var(--bizz-border-subtle-01);
+    border-radius: var(--bizz-radius-lg);
+    overflow: hidden;
+    transition:
+      box-shadow var(--bizz-duration-base) var(--bizz-easing-default),
+      transform var(--bizz-duration-fast) var(--bizz-easing-default),
+      border-color var(--bizz-duration-base) var(--bizz-easing-default);
+  }
+
+  :host([elevation='flat']) {
+    box-shadow: none;
+  }
+
+  :host([elevation='raised']) {
+    box-shadow: var(--bizz-shadow-sm);
+  }
+
+  :host([clickable]) {
+    cursor: pointer;
+    outline: none;
+  }
+
+  :host([clickable]:hover) {
+    border-color: var(--bizz-border-interactive);
+    box-shadow: var(--bizz-shadow-md);
+    transform: translateY(-2px);
+  }
+
+  :host([clickable]:active) {
+    transform: translateY(0);
+    box-shadow: var(--bizz-shadow-sm);
+  }
+
+  :host([clickable]:focus-visible) {
+    box-shadow: 0 0 0 3px var(--bizz-focus);
+  }
+
+  .body {
+    display: flex;
+    flex-direction: column;
+  }
+
+  :host([padding='none']) .body {
+    padding: 0;
+  }
+
+  :host([padding='sm']) .body {
+    padding: var(--bizz-spacing-04);
+  }
+
+  :host([padding='md']) .body {
+    padding: var(--bizz-spacing-06);
+  }
+
+  :host([padding='lg']) .body {
+    padding: var(--bizz-spacing-08);
+  }
+
+  ::slotted([slot='card-media']) {
+    display: block;
+    width: 100%;
+    aspect-ratio: 16/9;
+    object-fit: cover;
+    overflow: hidden;
+  }
+
+  ::slotted([slot='card-header']) {
+    display: block;
+    margin-bottom: var(--bizz-spacing-04);
+  }
+
+  ::slotted([slot='card-footer']) {
+    display: block;
+    margin-top: var(--bizz-spacing-05);
+    padding-top: var(--bizz-spacing-04);
+    border-top: 1px solid var(--bizz-border-subtle-00);
+  }
+`;
+
+// projects/bizz-components/src/web/card/bizz-card.ts
+var BizzCardElement = class extends i3 {
+  constructor() {
+    super();
+    this.elevation = "raised";
+    this.padding = "md";
+    this.clickable = false;
+  }
+  updated(changed) {
+    if (changed.has("clickable")) {
+      if (this.clickable) {
+        this.setAttribute("role", "button");
+        this.setAttribute("tabindex", "0");
+      } else {
+        this.removeAttribute("role");
+        this.removeAttribute("tabindex");
+      }
+    }
+  }
+  render() {
+    return T`
+      <slot name="card-media"></slot>
+      <div class="body">
+        <slot name="card-header"></slot>
+        <slot></slot>
+        <slot name="card-footer"></slot>
+      </div>
+    `;
+  }
+};
+BizzCardElement.styles = styles2;
+BizzCardElement.properties = {
+  elevation: { type: String, reflect: true },
+  padding: { type: String, reflect: true },
+  clickable: { type: Boolean, reflect: true }
+};
+customElements.define("bizz-card", BizzCardElement);
+
+// projects/bizz-components/src/web/tag/bizz-tag.styles.ts
+var styles3 = i`
+  :host {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--bizz-spacing-02);
+    border-radius: var(--bizz-radius-full);
+    font-family: var(--bizz-font-family-base);
+    font-weight: var(--bizz-font-weight-medium);
+    white-space: nowrap;
+    width: fit-content;
+  }
+
+  :host([size='sm']) {
+    height: 1.25rem;
+    padding: 0 var(--bizz-spacing-03);
+    font-size: var(--bizz-font-size-xs);
+  }
+
+  :host([size='md']) {
+    height: 1.5rem;
+    padding: 0 var(--bizz-spacing-03);
+    font-size: var(--bizz-font-size-sm);
+  }
+
+  :host([color='primary']) {
+    background-color: var(--bizz-tag-primary-bg);
+    color: var(--bizz-tag-primary-text);
+  }
+
+  :host([color='secondary']) {
+    background-color: var(--bizz-tag-secondary-bg);
+    color: var(--bizz-tag-secondary-text);
+  }
+
+  :host([color='success']) {
+    background-color: var(--bizz-tag-success-bg);
+    color: var(--bizz-tag-success-text);
+  }
+
+  :host([color='warning']) {
+    background-color: var(--bizz-tag-warning-bg);
+    color: var(--bizz-tag-warning-text);
+  }
+
+  :host([color='error']) {
+    background-color: var(--bizz-tag-error-bg);
+    color: var(--bizz-tag-error-text);
+  }
+
+  :host([color='primary']:hover) {
+    background-color: var(--bizz-tag-primary-hover);
+  }
+
+  :host([color='secondary']:hover) {
+    background-color: var(--bizz-tag-secondary-hover);
+  }
+
+  :host([color='success']:hover) {
+    background-color: var(--bizz-tag-success-hover);
+  }
+
+  :host([color='warning']:hover) {
+    background-color: var(--bizz-tag-warning-hover);
+  }
+
+  :host([color='error']:hover) {
+    background-color: var(--bizz-tag-error-hover);
+  }
+
+  button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    color: inherit;
+    opacity: 0.7;
+    transition: opacity var(--bizz-duration-fast) var(--bizz-easing-default);
+    line-height: 1;
+  }
+
+  button:hover {
+    opacity: 1;
+  }
+`;
+
+// projects/bizz-components/src/web/tag/bizz-tag.ts
+var BizzTagElement = class extends i3 {
+  constructor() {
+    super();
+    this.color = "primary";
+    this.size = "md";
+    this.dismissible = false;
+  }
+  handleDismiss(e3) {
+    e3.stopPropagation();
+    this.dispatchEvent(new CustomEvent("bizz-dismissed", { bubbles: true, composed: true }));
+  }
+  render() {
+    return T`
+      <slot></slot>
+      ${this.dismissible ? T`
+        <button type="button" aria-label="Dismiss" @click="${this.handleDismiss}">
+          <svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true">
+            <path d="M9 3L3 9M3 3l6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
+          </svg>
+        </button>
+      ` : ""}
+    `;
+  }
+};
+BizzTagElement.styles = styles3;
+BizzTagElement.properties = {
+  color: { type: String, reflect: true },
+  size: { type: String, reflect: true },
+  dismissible: { type: Boolean }
+};
+customElements.define("bizz-tag", BizzTagElement);
+
+// projects/bizz-components/src/web/input/bizz-input.styles.ts
+var styles4 = i`
+  :host {
+    display: flex;
+    flex-direction: column;
+    gap: var(--bizz-spacing-02);
+    font-family: var(--bizz-font-family-base);
+  }
+
+  label {
+    font-size: var(--bizz-font-size-sm);
+    font-weight: var(--bizz-font-weight-semibold);
+    color: var(--bizz-text-primary);
+    line-height: var(--bizz-line-height-normal);
+  }
+
+  .field-wrapper {
+    display: flex;
+    align-items: center;
+    gap: var(--bizz-spacing-03);
+    border: 1px solid var(--bizz-border-strong-01);
+    border-radius: var(--bizz-radius-md);
+    padding: 0 var(--bizz-spacing-04);
+    height: 2.5rem;
+    transition:
+      border-color var(--bizz-duration-base) var(--bizz-easing-default),
+      box-shadow var(--bizz-duration-base) var(--bizz-easing-default);
+  }
+
+  .field-wrapper:focus-within {
+    border-color: var(--bizz-focus);
+    box-shadow: 0 0 0 2px var(--bizz-focus);
+    outline: none;
+  }
+
+  .field-wrapper.error {
+    border-color: var(--bizz-support-error);
+  }
+
+  .field-wrapper.error:focus-within {
+    box-shadow: 0 0 0 2px var(--bizz-support-error);
+  }
+
+  .field-wrapper.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    background-color: var(--bizz-field-hover-01);
+  }
+
+  input {
+    flex: 1;
+    border: none;
+    outline: none;
+    background: transparent;
+    font-family: var(--bizz-font-family-base);
+    font-size: var(--bizz-font-size-md);
+    color: var(--bizz-text-primary);
+    line-height: var(--bizz-line-height-normal);
+    min-width: 0;
+  }
+
+  input::placeholder {
+    color: var(--bizz-text-placeholder);
+  }
+
+  input:disabled {
+    cursor: not-allowed;
+  }
+
+  .helper {
+    font-size: var(--bizz-font-size-xs);
+    color: var(--bizz-text-helper);
+    line-height: var(--bizz-line-height-normal);
+  }
+
+  .error-msg {
+    font-size: var(--bizz-font-size-xs);
+    color: var(--bizz-support-error);
+    line-height: var(--bizz-line-height-normal);
+  }
+`;
+
+// projects/bizz-components/src/web/input/bizz-input.ts
+var BizzInputElement = class extends i3 {
+  constructor() {
+    super();
+    this.label = "";
+    this.placeholder = "";
+    this.type = "text";
+    this.helperText = "";
+    this.errorText = "";
+    this.disabled = false;
+    this.required = false;
+    this.value = "";
+    this._touched = false;
+  }
+  get hasError() {
+    return this._touched && (!!this.errorText || this.required && !this.value.trim());
+  }
+  handleInput(e3) {
+    this.value = e3.target.value;
+    this.dispatchEvent(new CustomEvent("bizz-input", { detail: this.value, bubbles: true, composed: true }));
+  }
+  handleBlur() {
+    this._touched = true;
+    this.dispatchEvent(new CustomEvent("bizz-blur", { bubbles: true, composed: true }));
+  }
+  render() {
+    const wrapperClass = ["field-wrapper", this.hasError ? "error" : "", this.disabled ? "disabled" : ""].filter(Boolean).join(" ");
+    return T`
+      ${this.label ? T`<label>${this.label}</label>` : ""}
+      <div class="${wrapperClass}">
+        <slot name="prefix"></slot>
+        <input
+          type="${this.type}"
+          placeholder="${this.placeholder}"
+          ?disabled="${this.disabled}"
+          ?required="${this.required}"
+          .value="${this.value}"
+          aria-invalid="${this.hasError ? "true" : null}"
+          @input="${this.handleInput}"
+          @blur="${this.handleBlur}"
+        />
+        <slot name="suffix"></slot>
+      </div>
+      ${this.hasError ? T`<span class="error-msg" role="alert">${this.errorText}</span>` : this.helperText ? T`<span class="helper">${this.helperText}</span>` : ""}
+    `;
+  }
+};
+BizzInputElement.styles = styles4;
+BizzInputElement.properties = {
+  label: { type: String },
+  placeholder: { type: String },
+  type: { type: String },
+  helperText: { type: String, attribute: "helper-text" },
+  errorText: { type: String, attribute: "error-text" },
+  disabled: { type: Boolean },
+  required: { type: Boolean },
+  value: { type: String },
+  _touched: { state: true }
+};
+customElements.define("bizz-input", BizzInputElement);
+
+// projects/bizz-components/src/web/textarea/bizz-textarea.styles.ts
+var styles5 = i`
+  :host {
+    display: flex;
+    flex-direction: column;
+    gap: var(--bizz-spacing-02);
+    font-family: var(--bizz-font-family-base);
+  }
+
+  label {
+    font-size: var(--bizz-font-size-sm);
+    font-weight: var(--bizz-font-weight-semibold);
+    color: var(--bizz-text-primary);
+    line-height: var(--bizz-line-height-normal);
+  }
+
+  .field-wrapper {
+    border: 1px solid var(--bizz-border-strong-01);
+    border-radius: var(--bizz-radius-md);
+    padding: var(--bizz-spacing-03) var(--bizz-spacing-04);
+    transition:
+      border-color var(--bizz-duration-base) var(--bizz-easing-default),
+      box-shadow var(--bizz-duration-base) var(--bizz-easing-default);
+  }
+
+  .field-wrapper:focus-within {
+    border-color: var(--bizz-focus);
+    box-shadow: 0 0 0 2px var(--bizz-focus);
+    outline: none;
+  }
+
+  .field-wrapper.error {
+    border-color: var(--bizz-support-error);
+  }
+
+  .field-wrapper.error:focus-within {
+    box-shadow: 0 0 0 2px var(--bizz-support-error);
+  }
+
+  .field-wrapper.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    background-color: var(--bizz-field-hover-01);
+  }
+
+  textarea {
+    width: 100%;
+    border: none;
+    outline: none;
+    background: transparent;
+    font-family: var(--bizz-font-family-base);
+    font-size: var(--bizz-font-size-md);
+    color: var(--bizz-text-primary);
+    line-height: var(--bizz-line-height-relaxed);
+    resize: vertical;
+    box-sizing: border-box;
+    display: block;
+  }
+
+  textarea::placeholder {
+    color: var(--bizz-text-placeholder);
+  }
+
+  textarea:disabled {
+    cursor: not-allowed;
+    resize: none;
+  }
+
+  .helper {
+    font-size: var(--bizz-font-size-xs);
+    color: var(--bizz-text-helper);
+    line-height: var(--bizz-line-height-normal);
+  }
+
+  .error-msg {
+    font-size: var(--bizz-font-size-xs);
+    color: var(--bizz-support-error);
+    line-height: var(--bizz-line-height-normal);
+  }
+`;
+
+// projects/bizz-components/src/web/textarea/bizz-textarea.ts
+var BizzTextareaElement = class extends i3 {
+  constructor() {
+    super();
+    this.label = "";
+    this.placeholder = "";
+    this.helperText = "";
+    this.errorText = "";
+    this.disabled = false;
+    this.required = false;
+    this.rows = 4;
+    this.autoResize = false;
+    this.value = "";
+    this._touched = false;
+  }
+  get hasError() {
+    return this._touched && (!!this.errorText || this.required && !this.value.trim());
+  }
+  handleInput(e3) {
+    const el = e3.target;
+    this.value = el.value;
+    if (this.autoResize) {
+      el.style.height = "auto";
+      el.style.height = el.scrollHeight + "px";
+    }
+    this.dispatchEvent(new CustomEvent("bizz-input", { detail: this.value, bubbles: true, composed: true }));
+  }
+  handleBlur() {
+    this._touched = true;
+    this.dispatchEvent(new CustomEvent("bizz-blur", { bubbles: true, composed: true }));
+  }
+  render() {
+    const wrapperClass = ["field-wrapper", this.hasError ? "error" : "", this.disabled ? "disabled" : ""].filter(Boolean).join(" ");
+    return T`
+      ${this.label ? T`<label>${this.label}</label>` : ""}
+      <div class="${wrapperClass}">
+        <textarea
+          placeholder="${this.placeholder}"
+          ?disabled="${this.disabled}"
+          ?required="${this.required}"
+          rows="${this.rows}"
+          aria-invalid="${this.hasError ? "true" : null}"
+          @input="${this.handleInput}"
+          @blur="${this.handleBlur}"
+        >${this.value}</textarea>
+      </div>
+      ${this.hasError ? T`<span class="error-msg" role="alert">${this.errorText}</span>` : this.helperText ? T`<span class="helper">${this.helperText}</span>` : ""}
+    `;
+  }
+};
+BizzTextareaElement.styles = styles5;
+BizzTextareaElement.properties = {
+  label: { type: String },
+  placeholder: { type: String },
+  helperText: { type: String, attribute: "helper-text" },
+  errorText: { type: String, attribute: "error-text" },
+  disabled: { type: Boolean },
+  required: { type: Boolean },
+  rows: { type: Number },
+  autoResize: { type: Boolean, attribute: "auto-resize" },
+  value: { type: String },
+  _touched: { state: true }
+};
+customElements.define("bizz-textarea", BizzTextareaElement);
+/*! Bundled license information:
+
+@lit-labs/ssr-dom-shim/lib/element-internals.js:
+@lit-labs/ssr-dom-shim/lib/events.js:
+  (**
+   * @license
+   * Copyright 2023 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/lib/css.js:
+@lit-labs/ssr-dom-shim/lib/observers.js:
+  (**
+   * @license
+   * Copyright 2024 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit-labs/ssr-dom-shim/index.js:
+@lit/reactive-element/node/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/lit-html.js:
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/node/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+
+export { BizzButtonElement, BizzCardElement, BizzInputElement, BizzTagElement, BizzTextareaElement };