reke-ui 0.1.1 → 0.2.0

package/dist/components/reke-toggle/reke-toggle.js

@@ -0,0 +1,50 @@
+import { RekeElement as e } from "../../shared/base-element.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
+import { styles as n } from "./reke-toggle.styles.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/components/reke-toggle/reke-toggle.ts
+var s = class extends e {
+	constructor(...e) {
+		super(...e), this.checked = !1, this.disabled = !1, this.label = "";
+	}
+	static {
+		this.styles = n;
+	}
+	toggle() {
+		this.disabled || (this.checked = !this.checked, this.emit("reke-change", { checked: this.checked }));
+	}
+	handleClick() {
+		this.toggle();
+	}
+	handleKeyDown(e) {
+		(e.key === " " || e.key === "Enter") && (e.preventDefault(), this.toggle());
+	}
+	render() {
+		return r`
+      <div
+        class="toggle"
+        role="switch"
+        aria-checked=${this.checked}
+        aria-label=${this.label || i}
+        tabindex=${this.disabled ? -1 : 0}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      >
+        <div part="track" class="track ${this.checked ? "track--checked" : ""}">
+          <div part="thumb" class="thumb ${this.checked ? "thumb--checked" : ""}"></div>
+        </div>
+        ${this.label ? r`<span class="label">${this.label}</span>` : i}
+      </div>
+    `;
+	}
+};
+t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "checked", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "disabled", void 0), t([o()], s.prototype, "label", void 0), s = t([a("reke-toggle")], s);
+//#endregion
+export { s as RekeToggle };

package/dist/components/reke-toggle/reke-toggle.styles.js

@@ -0,0 +1,68 @@
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-toggle/reke-toggle.styles.ts
+var n = [e, t`
+    :host {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      cursor: pointer;
+    }
+
+    :host([disabled]) {
+      pointer-events: none;
+      opacity: 0.5;
+    }
+
+    .toggle {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .toggle:focus-visible .track {
+      outline: 2px solid var(--reke-color-primary, #22C55E);
+      outline-offset: 2px;
+    }
+
+    .track {
+      position: relative;
+      width: 40px;
+      height: 22px;
+      border-radius: 11px;
+      background-color: var(--reke-color-surface, #1A1A1A);
+      border: 1px solid var(--reke-color-border, #252525);
+      box-sizing: border-box;
+      transition: background-color 0.15s ease, border-color 0.15s ease;
+    }
+
+    .track--checked {
+      background-color: var(--reke-color-primary, #22C55E);
+      border-color: var(--reke-color-primary, #22C55E);
+    }
+
+    .thumb {
+      position: absolute;
+      top: 50%;
+      left: 2px;
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      background-color: var(--reke-color-text-muted, #525252);
+      transform: translateY(-50%);
+      transition: transform 0.15s ease, background-color 0.15s ease;
+    }
+
+    .thumb--checked {
+      background-color: var(--reke-color-on-primary, #0A0A0B);
+      transform: translateX(18px) translateY(-50%);
+    }
+
+    .label {
+      color: var(--reke-color-text, #E5E5E5);
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-sm, 13px);
+    }
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-tooltip/reke-tooltip.js

@@ -0,0 +1,51 @@
+import { RekeElement as e } from "../../shared/base-element.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
+import { styles as n } from "./reke-tooltip.styles.js";
+import { html as r } from "lit";
+import { customElement as i, property as a, state as o } from "lit/decorators.js";
+//#region src/components/reke-tooltip/reke-tooltip.ts
+var s = class extends e {
+	constructor(...e) {
+		super(...e), this.text = "", this.position = "top", this.delay = 200, this._visible = !1;
+	}
+	static {
+		this.styles = n;
+	}
+	show() {
+		clearTimeout(this._delayTimeout), this._delayTimeout = setTimeout(() => {
+			this._visible = !0;
+		}, this.delay);
+	}
+	hide() {
+		clearTimeout(this._delayTimeout), this._delayTimeout = setTimeout(() => {
+			this._visible = !1;
+		}, this.delay);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), clearTimeout(this._delayTimeout);
+	}
+	render() {
+		return r`
+      <div
+        class="wrapper"
+        aria-describedby="tooltip"
+        @mouseenter=${this.show}
+        @mouseleave=${this.hide}
+        @focusin=${this.show}
+        @focusout=${this.hide}
+      >
+        <div
+          id="tooltip"
+          class="tooltip tooltip--${this.position} ${this._visible ? "tooltip--visible" : ""}"
+          role="tooltip"
+        >
+          ${this.text}
+        </div>
+        <slot></slot>
+      </div>
+    `;
+	}
+};
+t([a()], s.prototype, "text", void 0), t([a({ reflect: !0 })], s.prototype, "position", void 0), t([a({ type: Number })], s.prototype, "delay", void 0), t([o()], s.prototype, "_visible", void 0), s = t([i("reke-tooltip")], s);
+//#endregion
+export { s as RekeTooltip };

package/dist/components/reke-tooltip/reke-tooltip.styles.js

@@ -0,0 +1,64 @@
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-tooltip/reke-tooltip.styles.ts
+var n = [e, t`
+    :host {
+      display: inline-block;
+      position: relative;
+    }
+
+    .wrapper {
+      display: inline-block;
+      position: relative;
+    }
+
+    .tooltip {
+      position: absolute;
+      z-index: 1000;
+      padding: 6px 12px;
+      background-color: var(--reke-color-surface-elevated, #151515);
+      color: var(--reke-color-text, #E5E5E5);
+      border: 1px solid var(--reke-color-border, #252525);
+      border-radius: var(--reke-radius, 4px);
+      font-family: var(--reke-font-mono, 'JetBrains Mono', ui-monospace, monospace);
+      font-size: var(--reke-font-size-xs, 12px);
+      white-space: nowrap;
+      pointer-events: none;
+      opacity: 0;
+      transition: opacity 0.15s ease;
+    }
+
+    .tooltip--visible {
+      opacity: 1;
+    }
+
+    .tooltip--top {
+      bottom: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      margin-bottom: 6px;
+    }
+
+    .tooltip--bottom {
+      top: 100%;
+      left: 50%;
+      transform: translateX(-50%);
+      margin-top: 6px;
+    }
+
+    .tooltip--left {
+      right: 100%;
+      top: 50%;
+      transform: translateY(-50%);
+      margin-right: 6px;
+    }
+
+    .tooltip--right {
+      left: 100%;
+      top: 50%;
+      transform: translateY(-50%);
+      margin-left: 6px;
+    }
+  `];
+//#endregion
+export { n as styles };

package/dist/index.d.ts

@@ -1,31 +1,31 @@
-export { RekeButton } from './components/reke-button/reke-button.js';
-export type { ButtonVariant, ButtonSize } from './components/reke-button/reke-button.js';
-export { RekeInput } from './components/reke-input/reke-input.js';
-export type { InputSize } from './components/reke-input/reke-input.js';
-export { RekeTextarea } from './components/reke-textarea/reke-textarea.js';
-export type { TextareaSize } from './components/reke-textarea/reke-textarea.js';
-export { RekeCheckbox } from './components/reke-checkbox/reke-checkbox.js';
-export { RekeToggle } from './components/reke-toggle/reke-toggle.js';
+export type { AlertVariant } from './components/reke-alert/reke-alert.js';
+export { RekeAlert } from './components/reke-alert/reke-alert.js';
+export type { BadgeShape, BadgeSize, BadgeVariant } from './components/reke-badge/reke-badge.js';
 export { RekeBadge } from './components/reke-badge/reke-badge.js';
-export type { BadgeVariant, BadgeSize } from './components/reke-badge/reke-badge.js';
+export type { ButtonSize, ButtonVariant } from './components/reke-button/reke-button.js';
+export { RekeButton } from './components/reke-button/reke-button.js';
+export type { CardAccent, CardPadding, CardVariant } from './components/reke-card/reke-card.js';
 export { RekeCard } from './components/reke-card/reke-card.js';
-export type { CardVariant, CardPadding } from './components/reke-card/reke-card.js';
-export { RekeTooltip } from './components/reke-tooltip/reke-tooltip.js';
-export type { TooltipPosition } from './components/reke-tooltip/reke-tooltip.js';
-export { RekeDialog } from './components/reke-dialog/reke-dialog.js';
+export { RekeCheckbox } from './components/reke-checkbox/reke-checkbox.js';
+export type { ChipColor } from './components/reke-chip/reke-chip.js';
+export { RekeChip } from './components/reke-chip/reke-chip.js';
+export type { DatePickerMode } from './components/reke-date-range/reke-date-range.js';
+export { RekeDateRange } from './components/reke-date-range/reke-date-range.js';
 export type { DialogVariant, DrawerPosition } from './components/reke-dialog/reke-dialog.js';
-export { RekeSelect } from './components/reke-select/reke-select.js';
+export { RekeDialog } from './components/reke-dialog/reke-dialog.js';
+export { RekeFileUpload } from './components/reke-file-upload/reke-file-upload.js';
+export type { InputSize } from './components/reke-input/reke-input.js';
+export { RekeInput } from './components/reke-input/reke-input.js';
 export type { SelectSize } from './components/reke-select/reke-select.js';
+export { RekeSelect } from './components/reke-select/reke-select.js';
+export type { Cleanup, ExpandedRowElement, GetRowKey, RowKey, TableColumn, TableRow, } from './components/reke-table/reke-table.js';
 export { RekeTable } from './components/reke-table/reke-table.js';
-export type { TableColumn, TableRow, ExpandedRowRenderer } from './components/reke-table/reke-table.js';
-export { RekeDateRange } from './components/reke-date-range/reke-date-range.js';
-export type { DatePickerMode } from './components/reke-date-range/reke-date-range.js';
-export { RekeFileUpload } from './components/reke-file-upload/reke-file-upload.js';
-export { RekeAlert } from './components/reke-alert/reke-alert.js';
-export type { AlertVariant } from './components/reke-alert/reke-alert.js';
-export { RekeToast } from './components/reke-toast/reke-toast.js';
+export type { TextareaSize } from './components/reke-textarea/reke-textarea.js';
+export { RekeTextarea } from './components/reke-textarea/reke-textarea.js';
 export type { ToastVariant } from './components/reke-toast/reke-toast.js';
-export { RekeChip } from './components/reke-chip/reke-chip.js';
-export type { ChipColor } from './components/reke-chip/reke-chip.js';
+export { RekeToast } from './components/reke-toast/reke-toast.js';
+export { RekeToggle } from './components/reke-toggle/reke-toggle.js';
+export type { TooltipPosition } from './components/reke-tooltip/reke-tooltip.js';
+export { RekeTooltip } from './components/reke-tooltip/reke-tooltip.js';
 export { RekeElement } from './shared/base-element.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACxG,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,YAAY,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,YAAY,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EACV,OAAO,EACP,kBAAkB,EAClB,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,GACT,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+import { RekeElement as e } from "./shared/base-element.js";
+import { RekeAlert as t } from "./components/reke-alert/reke-alert.js";
+import { RekeBadge as n } from "./components/reke-badge/reke-badge.js";
+import { RekeButton as r } from "./components/reke-button/reke-button.js";
+import { RekeCard as i } from "./components/reke-card/reke-card.js";
+import { RekeCheckbox as a } from "./components/reke-checkbox/reke-checkbox.js";
+import { RekeChip as o } from "./components/reke-chip/reke-chip.js";
+import { RekeDateRange as s } from "./components/reke-date-range/reke-date-range.js";
+import { RekeDialog as c } from "./components/reke-dialog/reke-dialog.js";
+import { RekeFileUpload as l } from "./components/reke-file-upload/reke-file-upload.js";
+import { RekeInput as u } from "./components/reke-input/reke-input.js";
+import { RekeSelect as d } from "./components/reke-select/reke-select.js";
+import { RekeTable as f } from "./components/reke-table/reke-table.js";
+import { RekeTextarea as p } from "./components/reke-textarea/reke-textarea.js";
+import { RekeToast as m } from "./components/reke-toast/reke-toast.js";
+import { RekeToggle as h } from "./components/reke-toggle/reke-toggle.js";
+import { RekeTooltip as g } from "./components/reke-tooltip/reke-tooltip.js";
+export { t as RekeAlert, n as RekeBadge, r as RekeButton, i as RekeCard, a as RekeCheckbox, o as RekeChip, s as RekeDateRange, c as RekeDialog, e as RekeElement, l as RekeFileUpload, u as RekeInput, d as RekeSelect, f as RekeTable, p as RekeTextarea, m as RekeToast, h as RekeToggle, g as RekeTooltip };

package/dist/node_modules/lit/directives/ref.js

@@ -0,0 +1 @@
+import "../../lit-html/directives/ref.js";

package/dist/node_modules/lit-html/async-directive.js

@@ -0,0 +1,55 @@
+import { r as e } from "./directive-helpers.js";
+import { i as t, t as n } from "./directive.js";
+//#region node_modules/lit-html/async-directive.js
+var r = (e, t) => {
+	let n = e._$AN;
+	if (n === void 0) return !1;
+	for (let e of n) e._$AO?.(t, !1), r(e, t);
+	return !0;
+}, i = (e) => {
+	let t, n;
+	do {
+		if ((t = e._$AM) === void 0) break;
+		n = t._$AN, n.delete(e), e = t;
+	} while (n?.size === 0);
+}, a = (e) => {
+	for (let t; t = e._$AM; e = t) {
+		let n = t._$AN;
+		if (n === void 0) t._$AN = n = /* @__PURE__ */ new Set();
+		else if (n.has(e)) break;
+		n.add(e), c(t);
+	}
+};
+function o(e) {
+	this._$AN === void 0 ? this._$AM = e : (i(this), this._$AM = e, a(this));
+}
+function s(e, t = !1, n = 0) {
+	let a = this._$AH, o = this._$AN;
+	if (o !== void 0 && o.size !== 0) if (t) if (Array.isArray(a)) for (let e = n; e < a.length; e++) r(a[e], !1), i(a[e]);
+	else a != null && (r(a, !1), i(a));
+	else r(this, e);
+}
+var c = (e) => {
+	e.type == n.CHILD && (e._$AP ??= s, e._$AQ ??= o);
+}, l = class extends t {
+	constructor() {
+		super(...arguments), this._$AN = void 0;
+	}
+	_$AT(e, t, n) {
+		super._$AT(e, t, n), a(this), this.isConnected = e._$AU;
+	}
+	_$AO(e, t = !0) {
+		e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && (r(this, e), i(this));
+	}
+	setValue(t) {
+		if (e(this._$Ct)) this._$Ct._$AI(t, this);
+		else {
+			let e = [...this._$Ct._$AH];
+			e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
+		}
+	}
+	disconnected() {}
+	reconnected() {}
+};
+//#endregion
+export { l as f };

package/dist/node_modules/lit-html/directive-helpers.js

@@ -0,0 +1,5 @@
+import { j as e } from "./lit-html.js";
+//#region node_modules/lit-html/directive-helpers.js
+var { I: t } = e, n = (e) => e.strings === void 0;
+//#endregion
+export { n as r };

package/dist/node_modules/lit-html/directive.js

@@ -0,0 +1,28 @@
+//#region node_modules/lit-html/directive.js
+var e = {
+	ATTRIBUTE: 1,
+	CHILD: 2,
+	PROPERTY: 3,
+	BOOLEAN_ATTRIBUTE: 4,
+	EVENT: 5,
+	ELEMENT: 6
+}, t = (e) => (...t) => ({
+	_$litDirective$: e,
+	values: t
+}), n = class {
+	constructor(e) {}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AT(e, t, n) {
+		this._$Ct = e, this._$AM = t, this._$Ci = n;
+	}
+	_$AS(e, t) {
+		return this.update(e, t);
+	}
+	update(e, t) {
+		return this.render(...t);
+	}
+};
+//#endregion
+export { t as e, n as i, e as t };

package/dist/node_modules/lit-html/directives/ref.js

@@ -0,0 +1,30 @@
+import { A as e } from "../lit-html.js";
+import { e as t } from "../directive.js";
+import { f as n } from "../async-directive.js";
+//#region node_modules/lit-html/directives/ref.js
+var r = /* @__PURE__ */ new WeakMap(), i = t(class extends n {
+	render(t) {
+		return e;
+	}
+	update(t, [n]) {
+		let r = n !== this.G;
+		return r && this.rt(void 0), (r || this.lt !== this.ct) && (this.G = n, this.ht = t.options?.host, this.rt(this.ct = t.element)), e;
+	}
+	rt(e) {
+		if (this.G !== void 0) if (this.isConnected || (e = void 0), typeof this.G == "function") {
+			let t = this.ht ?? globalThis, n = r.get(t);
+			n === void 0 && (n = /* @__PURE__ */ new WeakMap(), r.set(t, n)), n.get(this.G) !== void 0 && this.G.call(this.ht, void 0), n.set(this.G, e), e !== void 0 && this.G.call(this.ht, e);
+		} else this.G.value = e;
+	}
+	get lt() {
+		return typeof this.G == "function" ? r.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
+	}
+	disconnected() {
+		this.lt === this.ct && this.rt(void 0);
+	}
+	reconnected() {
+		this.rt(this.ct);
+	}
+});
+//#endregion
+export { i as n };