reke-ui 0.1.2 → 0.2.1

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

@@ -1,31 +1,30 @@
-import { nothing as c, html as p } from "lit";
-import { property as m, customElement as f } from "lit/decorators.js";
-import { classMap as u } from "lit/directives/class-map.js";
-import { RekeElement as h } from "../../shared/base-element.js";
-import { styles as v } from "./reke-alert.styles.js";
-var _ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (r, s, o, l) => {
-  for (var e = l > 1 ? void 0 : l ? b(s, o) : s, a = r.length - 1, i; a >= 0; a--)
-    (i = r[a]) && (e = (l ? i(s, o, e) : i(e)) || e);
-  return l && e && _(s, o, e), e;
-};
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.variant = "info", this.dismissible = !1;
-  }
-  handleClose() {
-    this.emit("reke-close"), this.remove();
-  }
-  render() {
-    const r = {
-      alert: !0,
-      [`alert--${this.variant}`]: !0
-    };
-    return p`
-      <div part="alert" class=${u(r)} role="alert">
+import { RekeElement as e } from "../../shared/base-element.js";
+import { styles as t } from "./reke-alert.styles.js";
+import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/components/reke-alert/reke-alert.ts
+var c = class extends e {
+	constructor(...e) {
+		super(...e), this.variant = "info", this.dismissible = !1;
+	}
+	static {
+		this.styles = t;
+	}
+	handleClose() {
+		this.emit("reke-close"), this.remove();
+	}
+	render() {
+		return r`
+      <div part="alert" class=${s({
+			alert: !0,
+			[`alert--${this.variant}`]: !0
+		})} role="alert">
         <span class="alert__content">
           <slot></slot>
         </span>
-        ${this.dismissible ? p`
+        ${this.dismissible ? r`
               <button
                 class="alert__close"
                 @click=${this.handleClose}
@@ -33,21 +32,14 @@ let t = class extends h {
               >
                 &times;
               </button>
-            ` : c}
+            ` : i}
       </div>
     `;
-  }
-};
-t.styles = v;
-n([
-  m({ reflect: !0 })
-], t.prototype, "variant", 2);
-n([
-  m({ type: Boolean, reflect: !0 })
-], t.prototype, "dismissible", 2);
-t = n([
-  f("reke-alert")
-], t);
-export {
-  t as RekeAlert
+	}
 };
+n([o({ reflect: !0 })], c.prototype, "variant", void 0), n([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "dismissible", void 0), c = n([a("reke-alert")], c);
+//#endregion
+export { c as RekeAlert };

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

@@ -1,8 +1,7 @@
-import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
-import { css as o } from "lit";
-const n = [
-  r,
-  o`
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-alert/reke-alert.styles.ts
+var n = [e, t`
     :host {
       display: block;
     }
@@ -99,8 +98,6 @@ const n = [
         transform: translateY(0);
       }
     }
-  `
-];
-export {
-  n as styles
-};
+  `];
+//#endregion
+export { n as styles };

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

@@ -1,44 +1,30 @@
-import { html as n } from "lit";
-import { property as m, customElement as u } from "lit/decorators.js";
-import { classMap as f } from "lit/directives/class-map.js";
-import { RekeElement as c } from "../../shared/base-element.js";
-import { styles as h } from "./reke-badge.styles.js";
-var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (r, s, o, p) => {
-  for (var e = p > 1 ? void 0 : p ? v(s, o) : s, l = r.length - 1, i; l >= 0; l--)
-    (i = r[l]) && (e = (p ? i(s, o, e) : i(e)) || e);
-  return p && e && d(s, o, e), e;
-};
-let t = class extends c {
-  constructor() {
-    super(...arguments), this.variant = "default", this.size = "md", this.shape = "pill";
-  }
-  render() {
-    const r = {
-      badge: !0,
-      [`badge--${this.variant}`]: !0,
-      [`badge--${this.size}`]: !0,
-      [`badge--${this.shape}`]: !0
-    };
-    return n`
-      <span part="badge" class=${f(r)}>
+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-badge.styles.js";
+import { html as r } from "lit";
+import { customElement as i, property as a } from "lit/decorators.js";
+import { classMap as o } from "lit/directives/class-map.js";
+//#region src/components/reke-badge/reke-badge.ts
+var s = class extends e {
+	constructor(...e) {
+		super(...e), this.variant = "default", this.size = "md", this.shape = "pill";
+	}
+	static {
+		this.styles = n;
+	}
+	render() {
+		return r`
+      <span part="badge" class=${o({
+			badge: !0,
+			[`badge--${this.variant}`]: !0,
+			[`badge--${this.size}`]: !0,
+			[`badge--${this.shape}`]: !0
+		})}>
         <slot></slot>
       </span>
     `;
-  }
-};
-t.styles = h;
-a([
-  m({ reflect: !0 })
-], t.prototype, "variant", 2);
-a([
-  m({ reflect: !0 })
-], t.prototype, "size", 2);
-a([
-  m({ reflect: !0 })
-], t.prototype, "shape", 2);
-t = a([
-  u("reke-badge")
-], t);
-export {
-  t as RekeBadge
+	}
 };
+t([a({ reflect: !0 })], s.prototype, "variant", void 0), t([a({ reflect: !0 })], s.prototype, "size", void 0), t([a({ reflect: !0 })], s.prototype, "shape", void 0), s = t([i("reke-badge")], s);
+//#endregion
+export { s as RekeBadge };

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

@@ -1,8 +1,7 @@
-import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
-import { css as o } from "lit";
-const n = [
-  r,
-  o`
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-badge/reke-badge.styles.ts
+var n = [e, t`
     :host {
       display: inline-block;
     }
@@ -88,8 +87,6 @@ const n = [
       color: var(--reke-color-text-ghost, #737373);
       border-color: var(--reke-color-border, #252525);
     }
-  `
-];
-export {
-  n as styles
-};
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-button/reke-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-button.d.ts","sourceRoot":"","sources":["../../../src/components/reke-button/reke-button.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,gBAAgB,GAChB,WAAW,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,OAAO,CAAC,WAAW;IASV,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"reke-button.d.ts","sourceRoot":"","sources":["../../../src/components/reke-button/reke-button.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,OAAO,GACP,QAAQ,GACR,gBAAgB,GAChB,WAAW,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,UAAW,SAAQ,WAAW;IACzC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,aAAa,CAAa;IAGnC,IAAI,EAAE,UAAU,CAAQ;IAGxB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,OAAO,CAAC,WAAW;IASV,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

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

@@ -1,64 +1,53 @@
-import { nothing as d, html as u } from "lit";
-import { property as a, customElement as c } from "lit/decorators.js";
-import { classMap as h } from "lit/directives/class-map.js";
-import { RekeElement as f } from "../../shared/base-element.js";
-import { styles as m } from "./reke-button.styles.js";
-var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, i, l, o) => {
-  for (var e = o > 1 ? void 0 : o ? y(i, l) : i, n = t.length - 1, p; n >= 0; n--)
-    (p = t[n]) && (e = (o ? p(i, l, e) : p(e)) || e);
-  return o && e && b(i, l, e), e;
-};
-let s = class extends f {
-  constructor() {
-    super(...arguments), this.variant = "primary", this.size = "md", this.disabled = !1, this.loading = !1;
-  }
-  handleClick(t) {
-    if (this.disabled || this.loading) {
-      t.preventDefault(), t.stopPropagation();
-      return;
-    }
-    this.emit("reke-click");
-  }
-  render() {
-    const t = {
-      button: !0,
-      [`button--${this.variant}`]: !0,
-      [`button--${this.size}`]: !0,
-      "button--loading": this.loading
-    };
-    return u`
+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-button.styles.js";
+import { html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/components/reke-button/reke-button.ts
+var c = class extends e {
+	constructor(...e) {
+		super(...e), this.variant = "primary", this.size = "md", this.disabled = !1, this.loading = !1;
+	}
+	static {
+		this.styles = n;
+	}
+	handleClick(e) {
+		if (this.disabled || this.loading) {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		this.emit("reke-click");
+	}
+	render() {
+		return r`
       <button
         part="button"
-        class=${h(t)}
+        class=${s({
+			button: !0,
+			[`button--${this.variant}`]: !0,
+			[`button--${this.size}`]: !0,
+			"button--loading": this.loading
+		})}
         ?disabled=${this.disabled}
         aria-disabled=${this.disabled || this.loading}
         aria-busy=${this.loading}
         @click=${this.handleClick}
       >
         <span class="spinner" aria-hidden="true"></span>
-        ${this.variant !== "icon-only" ? u`<slot name="prefix"></slot>` : d}
+        ${this.variant === "icon-only" ? i : r`<slot name="prefix"></slot>`}
         <slot></slot>
-        ${this.variant !== "icon-only" ? u`<slot name="suffix"></slot>` : d}
+        ${this.variant === "icon-only" ? i : r`<slot name="suffix"></slot>`}
       </button>
     `;
-  }
-};
-s.styles = m;
-r([
-  a({ reflect: !0 })
-], s.prototype, "variant", 2);
-r([
-  a({ reflect: !0 })
-], s.prototype, "size", 2);
-r([
-  a({ type: Boolean, reflect: !0 })
-], s.prototype, "disabled", 2);
-r([
-  a({ type: Boolean, reflect: !0 })
-], s.prototype, "loading", 2);
-s = r([
-  c("reke-button")
-], s);
-export {
-  s as RekeButton
+	}
 };
+t([o({ reflect: !0 })], c.prototype, "variant", void 0), t([o({ reflect: !0 })], c.prototype, "size", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "loading", void 0), c = t([a("reke-button")], c);
+//#endregion
+export { c as RekeButton };

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

@@ -1,8 +1,7 @@
-import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
-import { css as o } from "lit";
-const n = [
-  r,
-  o`
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-button/reke-button.styles.ts
+var n = [e, t`
     :host {
       display: inline-block;
     }
@@ -222,8 +221,6 @@ const n = [
         transform: rotate(360deg);
       }
     }
-  `
-];
-export {
-  n as styles
-};
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-card/reke-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-card.d.ts","sourceRoot":"","sources":["../../../src/components/reke-card/reke-card.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAC9D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjF;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,WAAW;IACvC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,WAAW,CAAa;IAGjC,OAAO,EAAE,WAAW,CAAQ;IAE5B,+CAA+C;IAE/C,WAAW,UAAS;IAEpB,sEAAsE;IAEtE,MAAM,EAAE,UAAU,CAAU;IAEnB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,aAAa;IAOZ,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KAEvB;CACF"}
+{"version":3,"file":"reke-card.d.ts","sourceRoot":"","sources":["../../../src/components/reke-card/reke-card.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAC9D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjF;;;;;;;;;;;;;;GAcG;AACH,qBACa,QAAS,SAAQ,WAAW;IACvC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,WAAW,CAAa;IAGjC,OAAO,EAAE,WAAW,CAAQ;IAE5B,+CAA+C;IAE/C,WAAW,UAAS;IAEpB,sEAAsE;IAEtE,MAAM,EAAE,UAAU,CAAU;IAEnB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,aAAa;IAOZ,MAAM;CAmChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KAEvB;CACF"}

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

@@ -1,70 +1,50 @@
-import { html as n } from "lit";
-import { property as i, state as d, customElement as p } from "lit/decorators.js";
-import { classMap as f } from "lit/directives/class-map.js";
-import { RekeElement as v } from "../../shared/base-element.js";
-import { styles as m } from "./reke-card.styles.js";
-var _ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (a, e, l, r) => {
-  for (var s = r > 1 ? void 0 : r ? g(e, l) : e, c = a.length - 1, h; c >= 0; c--)
-    (h = a[c]) && (s = (r ? h(e, l, s) : h(s)) || s);
-  return r && s && _(e, l, s), s;
-};
-let t = class extends v {
-  constructor() {
-    super(...arguments), this.variant = "default", this.padding = "md", this.interactive = !1, this.accent = "none", this._hasHeader = !1, this._hasFooter = !1;
-  }
-  _onSlotChange(a, e) {
-    const r = e.target.assignedNodes({ flatten: !0 }).length > 0;
-    a === "header" ? this._hasHeader = r : this._hasFooter = r;
-  }
-  render() {
-    const a = {
-      card: !0,
-      [`card--${this.variant}`]: !0,
-      [`card--padding-${this.padding}`]: !0,
-      "card--interactive": this.interactive,
-      [`card--accent-${this.accent}`]: this.accent !== "none"
-    };
-    return n`
-      <div class=${f(a)}>
-        ${this._hasHeader ? n`
+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-card.styles.js";
+import { html as r } from "lit";
+import { customElement as i, property as a, state as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/components/reke-card/reke-card.ts
+var c = class extends e {
+	constructor(...e) {
+		super(...e), this.variant = "default", this.padding = "md", this.interactive = !1, this.accent = "none", this._hasHeader = !1, this._hasFooter = !1;
+	}
+	static {
+		this.styles = n;
+	}
+	_onSlotChange(e, t) {
+		let n = t.target.assignedNodes({ flatten: !0 }).length > 0;
+		e === "header" ? this._hasHeader = n : this._hasFooter = n;
+	}
+	render() {
+		return r`
+      <div class=${s({
+			card: !0,
+			[`card--${this.variant}`]: !0,
+			[`card--padding-${this.padding}`]: !0,
+			"card--interactive": this.interactive,
+			[`card--accent-${this.accent}`]: this.accent !== "none"
+		})}>
+        ${this._hasHeader ? r`
           <div class="card-header">
             <slot name="header" @slotchange=${(e) => this._onSlotChange("header", e)}></slot>
           </div>
-        ` : n`<slot name="header" @slotchange=${(e) => this._onSlotChange("header", e)} style="display:none"></slot>`}
+        ` : r`<slot name="header" @slotchange=${(e) => this._onSlotChange("header", e)} style="display:none"></slot>`}
         <div class="card-body">
           <slot></slot>
         </div>
-        ${this._hasFooter ? n`
+        ${this._hasFooter ? r`
           <div class="card-footer">
             <slot name="footer" @slotchange=${(e) => this._onSlotChange("footer", e)}></slot>
           </div>
-        ` : n`<slot name="footer" @slotchange=${(e) => this._onSlotChange("footer", e)} style="display:none"></slot>`}
+        ` : r`<slot name="footer" @slotchange=${(e) => this._onSlotChange("footer", e)} style="display:none"></slot>`}
       </div>
     `;
-  }
-};
-t.styles = m;
-o([
-  i({ reflect: !0 })
-], t.prototype, "variant", 2);
-o([
-  i({ reflect: !0 })
-], t.prototype, "padding", 2);
-o([
-  i({ type: Boolean, reflect: !0 })
-], t.prototype, "interactive", 2);
-o([
-  i({ reflect: !0 })
-], t.prototype, "accent", 2);
-o([
-  d()
-], t.prototype, "_hasHeader", 2);
-o([
-  d()
-], t.prototype, "_hasFooter", 2);
-t = o([
-  p("reke-card")
-], t);
-export {
-  t as RekeCard
+	}
 };
+t([a({ reflect: !0 })], c.prototype, "variant", void 0), t([a({ reflect: !0 })], c.prototype, "padding", void 0), t([a({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "interactive", void 0), t([a({ reflect: !0 })], c.prototype, "accent", void 0), t([o()], c.prototype, "_hasHeader", void 0), t([o()], c.prototype, "_hasFooter", void 0), c = t([i("reke-card")], c);
+//#endregion
+export { c as RekeCard };

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

@@ -1,8 +1,7 @@
-import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
-import { css as a } from "lit";
-const e = [
-  r,
-  a`
+import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
+import { css as t } from "lit";
+//#region src/components/reke-card/reke-card.styles.ts
+var n = [e, t`
     :host {
       display: block;
     }
@@ -143,8 +142,6 @@ const e = [
     .card--padding-lg .card-footer {
       padding: 24px;
     }
-  `
-];
-export {
-  e as styles
-};
+  `];
+//#endregion
+export { n as styles };

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

@@ -1,25 +1,25 @@
-import { nothing as d, html as a } from "lit";
-import { property as l, customElement as p } from "lit/decorators.js";
-import { RekeElement as k } from "../../shared/base-element.js";
-import { styles as m } from "./reke-checkbox.styles.js";
-var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (e, s, o, n) => {
-  for (var t = n > 1 ? void 0 : n ? f(s, o) : s, c = e.length - 1, h; c >= 0; c--)
-    (h = e[c]) && (t = (n ? h(s, o, t) : h(t)) || t);
-  return n && t && b(s, o, t), t;
-};
-let r = class extends k {
-  constructor() {
-    super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.label = "";
-  }
-  handleClick() {
-    this.disabled || (this.checked = !this.checked, this.indeterminate = !1, this.emit("reke-change", { checked: this.checked }));
-  }
-  handleKeyDown(e) {
-    (e.key === " " || e.key === "Enter") && (e.preventDefault(), this.handleClick());
-  }
-  render() {
-    const e = this.indeterminate ? "mixed" : String(this.checked);
-    return a`
+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-checkbox.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-checkbox/reke-checkbox.ts
+var s = class extends e {
+	constructor(...e) {
+		super(...e), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.label = "";
+	}
+	static {
+		this.styles = n;
+	}
+	handleClick() {
+		this.disabled || (this.checked = !this.checked, this.indeterminate = !1, this.emit("reke-change", { checked: this.checked }));
+	}
+	handleKeyDown(e) {
+		(e.key === " " || e.key === "Enter") && (e.preventDefault(), this.handleClick());
+	}
+	render() {
+		let e = this.indeterminate ? "mixed" : String(this.checked);
+		return r`
       <div
         part="container"
         class="container"
@@ -31,34 +31,27 @@ let r = class extends k {
         @keydown=${this.handleKeyDown}
       >
         <span part="box" class="box ${this.checked ? "box--checked" : ""} ${this.indeterminate ? "box--indeterminate" : ""}">
-          ${this.checked ? a`<svg class="checkmark" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+          ${this.checked ? r`<svg class="checkmark" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                 <path d="M2.5 6L5 8.5L9.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-              </svg>` : d}
-          ${this.indeterminate && !this.checked ? a`<svg class="indeterminate-mark" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+              </svg>` : i}
+          ${this.indeterminate && !this.checked ? r`<svg class="indeterminate-mark" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                 <path d="M3 6H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
-              </svg>` : d}
+              </svg>` : i}
         </span>
-        ${this.label ? a`<span part="label" class="label">${this.label}</span>` : d}
+        ${this.label ? r`<span part="label" class="label">${this.label}</span>` : i}
       </div>
     `;
-  }
-};
-r.styles = m;
-i([
-  l({ type: Boolean, reflect: !0 })
-], r.prototype, "checked", 2);
-i([
-  l({ type: Boolean, reflect: !0 })
-], r.prototype, "indeterminate", 2);
-i([
-  l({ type: Boolean, reflect: !0 })
-], r.prototype, "disabled", 2);
-i([
-  l()
-], r.prototype, "label", 2);
-r = i([
-  p("reke-checkbox")
-], r);
-export {
-  r as RekeCheckbox
+	}
 };
+t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "checked", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "indeterminate", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], s.prototype, "disabled", void 0), t([o()], s.prototype, "label", void 0), s = t([a("reke-checkbox")], s);
+//#endregion
+export { s as RekeCheckbox };

package/dist/components/reke-checkbox/reke-checkbox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-checkbox/reke-checkbox.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA2ElB,CAAC"}
+{"version":3,"file":"reke-checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/reke-checkbox/reke-checkbox.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2BA4ElB,CAAC"}

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

@@ -1,8 +1,7 @@
 import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
-import { css as o } from "lit";
-const n = [
-  e,
-  o`
+import { css as t } from "lit";
+//#region src/components/reke-checkbox/reke-checkbox.styles.ts
+var n = [e, t`
     :host {
       display: inline-flex;
       align-items: center;
@@ -21,6 +20,7 @@ const n = [
       gap: 8px;
       cursor: pointer;
       outline: none;
+      min-height: 24px; /* WCAG 2.2 — 2.5.8 Target Size Minimum */
     }
 
     .native-input {
@@ -74,8 +74,6 @@ const n = [
       color: var(--reke-color-text, #E5E5E5);
       user-select: none;
     }
-  `
-];
-export {
-  n as styles
-};
+  `];
+//#endregion
+export { n as styles };

package/dist/components/reke-chip/reke-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reke-chip.d.ts","sourceRoot":"","sources":["../../../src/components/reke-chip/reke-chip.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,QAAS,SAAQ,WAAW;IACvC,OAAgB,MAAM,4BAAU;IAEhC,wCAAwC;IAExC,KAAK,EAAE,SAAS,CAAa;IAE7B,wDAAwD;IAExD,MAAM,UAAS;IAEf,kCAAkC;IAElC,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAEjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;IAMb,MAAM;CAiChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"reke-chip.d.ts","sourceRoot":"","sources":["../../../src/components/reke-chip/reke-chip.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,QAAS,SAAQ,WAAW;IACvC,OAAgB,MAAM,4BAAU;IAEhC,wCAAwC;IAExC,KAAK,EAAE,SAAS,CAAa;IAE7B,wDAAwD;IAExD,MAAM,UAAS;IAEf,kCAAkC;IAElC,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAEjB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,cAAc;IAMb,MAAM;CAmChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}