reke-ui 0.1.2 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/README.md +21 -0
  2. package/cli/install-skills.mjs +169 -0
  3. package/custom-elements.json +405 -161
  4. package/dist/__type-checks__/no-lit-in-public-types.d.ts +2 -0
  5. package/dist/__type-checks__/no-lit-in-public-types.d.ts.map +1 -0
  6. package/dist/_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js +9 -0
  7. package/dist/components/reke-alert/reke-alert.d.ts.map +1 -1
  8. package/dist/components/reke-alert/reke-alert.js +32 -40
  9. package/dist/components/reke-alert/reke-alert.styles.js +7 -10
  10. package/dist/components/reke-badge/reke-badge.js +26 -40
  11. package/dist/components/reke-badge/reke-badge.styles.js +7 -10
  12. package/dist/components/reke-button/reke-button.d.ts.map +1 -1
  13. package/dist/components/reke-button/reke-button.js +41 -52
  14. package/dist/components/reke-button/reke-button.styles.js +7 -10
  15. package/dist/components/reke-card/reke-card.d.ts.map +1 -1
  16. package/dist/components/reke-card/reke-card.js +38 -58
  17. package/dist/components/reke-card/reke-card.styles.js +7 -10
  18. package/dist/components/reke-checkbox/reke-checkbox.js +40 -47
  19. package/dist/components/reke-checkbox/reke-checkbox.styles.d.ts.map +1 -1
  20. package/dist/components/reke-checkbox/reke-checkbox.styles.js +7 -9
  21. package/dist/components/reke-chip/reke-chip.d.ts.map +1 -1
  22. package/dist/components/reke-chip/reke-chip.js +42 -50
  23. package/dist/components/reke-chip/reke-chip.styles.d.ts.map +1 -1
  24. package/dist/components/reke-chip/reke-chip.styles.js +16 -13
  25. package/dist/components/reke-date-range/reke-date-range.d.ts.map +1 -1
  26. package/dist/components/reke-date-range/reke-date-range.js +240 -260
  27. package/dist/components/reke-date-range/reke-date-range.styles.d.ts.map +1 -1
  28. package/dist/components/reke-date-range/reke-date-range.styles.js +29 -16
  29. package/dist/components/reke-dialog/reke-dialog.d.ts.map +1 -1
  30. package/dist/components/reke-dialog/reke-dialog.js +52 -65
  31. package/dist/components/reke-dialog/reke-dialog.styles.d.ts.map +1 -1
  32. package/dist/components/reke-dialog/reke-dialog.styles.js +8 -10
  33. package/dist/components/reke-file-upload/reke-file-upload.d.ts.map +1 -1
  34. package/dist/components/reke-file-upload/reke-file-upload.js +62 -86
  35. package/dist/components/reke-file-upload/reke-file-upload.styles.js +7 -10
  36. package/dist/components/reke-input/reke-input.js +42 -61
  37. package/dist/components/reke-input/reke-input.styles.d.ts.map +1 -1
  38. package/dist/components/reke-input/reke-input.styles.js +8 -10
  39. package/dist/components/reke-select/reke-select.d.ts.map +1 -1
  40. package/dist/components/reke-select/reke-select.js +66 -89
  41. package/dist/components/reke-select/reke-select.styles.d.ts.map +1 -1
  42. package/dist/components/reke-select/reke-select.styles.js +9 -11
  43. package/dist/components/reke-table/reke-table.d.ts +134 -23
  44. package/dist/components/reke-table/reke-table.d.ts.map +1 -1
  45. package/dist/components/reke-table/reke-table.js +243 -143
  46. package/dist/components/reke-table/reke-table.styles.d.ts.map +1 -1
  47. package/dist/components/reke-table/reke-table.styles.js +67 -9
  48. package/dist/components/reke-textarea/reke-textarea.js +42 -61
  49. package/dist/components/reke-textarea/reke-textarea.styles.js +6 -9
  50. package/dist/components/reke-toast/reke-toast.d.ts.map +1 -1
  51. package/dist/components/reke-toast/reke-toast.js +50 -68
  52. package/dist/components/reke-toast/reke-toast.styles.d.ts.map +1 -1
  53. package/dist/components/reke-toast/reke-toast.styles.js +13 -12
  54. package/dist/components/reke-toggle/reke-toggle.js +36 -43
  55. package/dist/components/reke-toggle/reke-toggle.styles.js +7 -10
  56. package/dist/components/reke-tooltip/reke-tooltip.js +31 -47
  57. package/dist/components/reke-tooltip/reke-tooltip.styles.js +6 -9
  58. package/dist/index.d.ts +23 -23
  59. package/dist/index.d.ts.map +1 -1
  60. package/dist/index.js +15 -33
  61. package/dist/node_modules/lit/directives/ref.js +1 -0
  62. package/dist/node_modules/lit-html/async-directive.js +55 -0
  63. package/dist/node_modules/lit-html/directive-helpers.js +5 -0
  64. package/dist/node_modules/lit-html/directive.js +28 -0
  65. package/dist/node_modules/lit-html/directives/ref.js +30 -0
  66. package/dist/node_modules/lit-html/lit-html.js +234 -0
  67. package/dist/react-bridge/table.d.ts +58 -0
  68. package/dist/react-bridge/table.d.ts.map +1 -0
  69. package/dist/react-bridge/table.js +115 -0
  70. package/dist/react.d.ts +12 -26
  71. package/dist/react.d.ts.map +1 -1
  72. package/dist/react.js +110 -146
  73. package/dist/shared/base-element.js +13 -15
  74. package/dist/shared/tailwind-styles.js +6 -6
  75. package/dist/shared/tailwind.js +4 -0
  76. package/dist/tokens/reke-tokens.css +47 -0
  77. package/package.json +40 -20
  78. package/dist/shared/tailwind.css.js +0 -4
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=no-lit-in-public-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"no-lit-in-public-types.d.ts","sourceRoot":"","sources":["../../src/__type-checks__/no-lit-in-public-types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,9 @@
1
+ //#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
2
+ function e(e, t, n, r) {
3
+ var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
4
+ if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
5
+ else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
6
+ return i > 3 && a && Object.defineProperty(t, n, a), a;
7
+ }
8
+ //#endregion
9
+ export { e as __decorate };
@@ -1 +1 @@
1
- {"version":3,"file":"reke-alert.d.ts","sourceRoot":"","sources":["../../../src/components/reke-alert/reke-alert.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,YAAY,CAAU;IAG/B,WAAW,UAAS;IAEpB,OAAO,CAAC,WAAW;IAKV,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
1
+ {"version":3,"file":"reke-alert.d.ts","sourceRoot":"","sources":["../../../src/components/reke-alert/reke-alert.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAG3D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,qBACa,SAAU,SAAQ,WAAW;IACxC,OAAgB,MAAM,4BAAU;IAGhC,OAAO,EAAE,YAAY,CAAU;IAG/B,WAAW,UAAS;IAEpB,OAAO,CAAC,WAAW;IAKV,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
@@ -1,31 +1,30 @@
1
- import { nothing as c, html as p } from "lit";
2
- import { property as m, customElement as f } from "lit/decorators.js";
3
- import { classMap as u } from "lit/directives/class-map.js";
4
- import { RekeElement as h } from "../../shared/base-element.js";
5
- import { styles as v } from "./reke-alert.styles.js";
6
- var _ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (r, s, o, l) => {
7
- for (var e = l > 1 ? void 0 : l ? b(s, o) : s, a = r.length - 1, i; a >= 0; a--)
8
- (i = r[a]) && (e = (l ? i(s, o, e) : i(e)) || e);
9
- return l && e && _(s, o, e), e;
10
- };
11
- let t = class extends h {
12
- constructor() {
13
- super(...arguments), this.variant = "info", this.dismissible = !1;
14
- }
15
- handleClose() {
16
- this.emit("reke-close"), this.remove();
17
- }
18
- render() {
19
- const r = {
20
- alert: !0,
21
- [`alert--${this.variant}`]: !0
22
- };
23
- return p`
24
- <div part="alert" class=${u(r)} role="alert">
1
+ import { RekeElement as e } from "../../shared/base-element.js";
2
+ import { styles as t } from "./reke-alert.styles.js";
3
+ import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
4
+ import { html as r, nothing as i } from "lit";
5
+ import { customElement as a, property as o } from "lit/decorators.js";
6
+ import { classMap as s } from "lit/directives/class-map.js";
7
+ //#region src/components/reke-alert/reke-alert.ts
8
+ var c = class extends e {
9
+ constructor(...e) {
10
+ super(...e), this.variant = "info", this.dismissible = !1;
11
+ }
12
+ static {
13
+ this.styles = t;
14
+ }
15
+ handleClose() {
16
+ this.emit("reke-close"), this.remove();
17
+ }
18
+ render() {
19
+ return r`
20
+ <div part="alert" class=${s({
21
+ alert: !0,
22
+ [`alert--${this.variant}`]: !0
23
+ })} role="alert">
25
24
  <span class="alert__content">
26
25
  <slot></slot>
27
26
  </span>
28
- ${this.dismissible ? p`
27
+ ${this.dismissible ? r`
29
28
  <button
30
29
  class="alert__close"
31
30
  @click=${this.handleClose}
@@ -33,21 +32,14 @@ let t = class extends h {
33
32
  >
34
33
  &times;
35
34
  </button>
36
- ` : c}
35
+ ` : i}
37
36
  </div>
38
37
  `;
39
- }
40
- };
41
- t.styles = v;
42
- n([
43
- m({ reflect: !0 })
44
- ], t.prototype, "variant", 2);
45
- n([
46
- m({ type: Boolean, reflect: !0 })
47
- ], t.prototype, "dismissible", 2);
48
- t = n([
49
- f("reke-alert")
50
- ], t);
51
- export {
52
- t as RekeAlert
38
+ }
53
39
  };
40
+ n([o({ reflect: !0 })], c.prototype, "variant", void 0), n([o({
41
+ type: Boolean,
42
+ reflect: !0
43
+ })], c.prototype, "dismissible", void 0), c = n([a("reke-alert")], c);
44
+ //#endregion
45
+ export { c as RekeAlert };
@@ -1,8 +1,7 @@
1
- import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
2
- import { css as o } from "lit";
3
- const n = [
4
- r,
5
- o`
1
+ import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
2
+ import { css as t } from "lit";
3
+ //#region src/components/reke-alert/reke-alert.styles.ts
4
+ var n = [e, t`
6
5
  :host {
7
6
  display: block;
8
7
  }
@@ -99,8 +98,6 @@ const n = [
99
98
  transform: translateY(0);
100
99
  }
101
100
  }
102
- `
103
- ];
104
- export {
105
- n as styles
106
- };
101
+ `];
102
+ //#endregion
103
+ export { n as styles };
@@ -1,44 +1,30 @@
1
- import { html as n } from "lit";
2
- import { property as m, customElement as u } from "lit/decorators.js";
3
- import { classMap as f } from "lit/directives/class-map.js";
4
- import { RekeElement as c } from "../../shared/base-element.js";
5
- import { styles as h } from "./reke-badge.styles.js";
6
- var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (r, s, o, p) => {
7
- for (var e = p > 1 ? void 0 : p ? v(s, o) : s, l = r.length - 1, i; l >= 0; l--)
8
- (i = r[l]) && (e = (p ? i(s, o, e) : i(e)) || e);
9
- return p && e && d(s, o, e), e;
10
- };
11
- let t = class extends c {
12
- constructor() {
13
- super(...arguments), this.variant = "default", this.size = "md", this.shape = "pill";
14
- }
15
- render() {
16
- const r = {
17
- badge: !0,
18
- [`badge--${this.variant}`]: !0,
19
- [`badge--${this.size}`]: !0,
20
- [`badge--${this.shape}`]: !0
21
- };
22
- return n`
23
- <span part="badge" class=${f(r)}>
1
+ import { RekeElement as e } from "../../shared/base-element.js";
2
+ import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
3
+ import { styles as n } from "./reke-badge.styles.js";
4
+ import { html as r } from "lit";
5
+ import { customElement as i, property as a } from "lit/decorators.js";
6
+ import { classMap as o } from "lit/directives/class-map.js";
7
+ //#region src/components/reke-badge/reke-badge.ts
8
+ var s = class extends e {
9
+ constructor(...e) {
10
+ super(...e), this.variant = "default", this.size = "md", this.shape = "pill";
11
+ }
12
+ static {
13
+ this.styles = n;
14
+ }
15
+ render() {
16
+ return r`
17
+ <span part="badge" class=${o({
18
+ badge: !0,
19
+ [`badge--${this.variant}`]: !0,
20
+ [`badge--${this.size}`]: !0,
21
+ [`badge--${this.shape}`]: !0
22
+ })}>
24
23
  <slot></slot>
25
24
  </span>
26
25
  `;
27
- }
28
- };
29
- t.styles = h;
30
- a([
31
- m({ reflect: !0 })
32
- ], t.prototype, "variant", 2);
33
- a([
34
- m({ reflect: !0 })
35
- ], t.prototype, "size", 2);
36
- a([
37
- m({ reflect: !0 })
38
- ], t.prototype, "shape", 2);
39
- t = a([
40
- u("reke-badge")
41
- ], t);
42
- export {
43
- t as RekeBadge
26
+ }
44
27
  };
28
+ 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);
29
+ //#endregion
30
+ export { s as RekeBadge };
@@ -1,8 +1,7 @@
1
- import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
2
- import { css as o } from "lit";
3
- const n = [
4
- r,
5
- o`
1
+ import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
2
+ import { css as t } from "lit";
3
+ //#region src/components/reke-badge/reke-badge.styles.ts
4
+ var n = [e, t`
6
5
  :host {
7
6
  display: inline-block;
8
7
  }
@@ -88,8 +87,6 @@ const n = [
88
87
  color: var(--reke-color-text-ghost, #737373);
89
88
  border-color: var(--reke-color-border, #252525);
90
89
  }
91
- `
92
- ];
93
- export {
94
- n as styles
95
- };
90
+ `];
91
+ //#endregion
92
+ export { n as styles };
@@ -1 +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"}
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;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -1,64 +1,53 @@
1
- import { nothing as d, html as u } from "lit";
2
- import { property as a, customElement as c } from "lit/decorators.js";
3
- import { classMap as h } from "lit/directives/class-map.js";
4
- import { RekeElement as f } from "../../shared/base-element.js";
5
- import { styles as m } from "./reke-button.styles.js";
6
- var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, i, l, o) => {
7
- for (var e = o > 1 ? void 0 : o ? y(i, l) : i, n = t.length - 1, p; n >= 0; n--)
8
- (p = t[n]) && (e = (o ? p(i, l, e) : p(e)) || e);
9
- return o && e && b(i, l, e), e;
10
- };
11
- let s = class extends f {
12
- constructor() {
13
- super(...arguments), this.variant = "primary", this.size = "md", this.disabled = !1, this.loading = !1;
14
- }
15
- handleClick(t) {
16
- if (this.disabled || this.loading) {
17
- t.preventDefault(), t.stopPropagation();
18
- return;
19
- }
20
- this.emit("reke-click");
21
- }
22
- render() {
23
- const t = {
24
- button: !0,
25
- [`button--${this.variant}`]: !0,
26
- [`button--${this.size}`]: !0,
27
- "button--loading": this.loading
28
- };
29
- return u`
1
+ import { RekeElement as e } from "../../shared/base-element.js";
2
+ import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
3
+ import { styles as n } from "./reke-button.styles.js";
4
+ import { html as r, nothing as i } from "lit";
5
+ import { customElement as a, property as o } from "lit/decorators.js";
6
+ import { classMap as s } from "lit/directives/class-map.js";
7
+ //#region src/components/reke-button/reke-button.ts
8
+ var c = class extends e {
9
+ constructor(...e) {
10
+ super(...e), this.variant = "primary", this.size = "md", this.disabled = !1, this.loading = !1;
11
+ }
12
+ static {
13
+ this.styles = n;
14
+ }
15
+ handleClick(e) {
16
+ if (this.disabled || this.loading) {
17
+ e.preventDefault(), e.stopPropagation();
18
+ return;
19
+ }
20
+ this.emit("reke-click");
21
+ }
22
+ render() {
23
+ return r`
30
24
  <button
31
25
  part="button"
32
- class=${h(t)}
26
+ class=${s({
27
+ button: !0,
28
+ [`button--${this.variant}`]: !0,
29
+ [`button--${this.size}`]: !0,
30
+ "button--loading": this.loading
31
+ })}
33
32
  ?disabled=${this.disabled}
34
33
  aria-disabled=${this.disabled || this.loading}
35
34
  aria-busy=${this.loading}
36
35
  @click=${this.handleClick}
37
36
  >
38
37
  <span class="spinner" aria-hidden="true"></span>
39
- ${this.variant !== "icon-only" ? u`<slot name="prefix"></slot>` : d}
38
+ ${this.variant === "icon-only" ? i : r`<slot name="prefix"></slot>`}
40
39
  <slot></slot>
41
- ${this.variant !== "icon-only" ? u`<slot name="suffix"></slot>` : d}
40
+ ${this.variant === "icon-only" ? i : r`<slot name="suffix"></slot>`}
42
41
  </button>
43
42
  `;
44
- }
45
- };
46
- s.styles = m;
47
- r([
48
- a({ reflect: !0 })
49
- ], s.prototype, "variant", 2);
50
- r([
51
- a({ reflect: !0 })
52
- ], s.prototype, "size", 2);
53
- r([
54
- a({ type: Boolean, reflect: !0 })
55
- ], s.prototype, "disabled", 2);
56
- r([
57
- a({ type: Boolean, reflect: !0 })
58
- ], s.prototype, "loading", 2);
59
- s = r([
60
- c("reke-button")
61
- ], s);
62
- export {
63
- s as RekeButton
43
+ }
64
44
  };
45
+ t([o({ reflect: !0 })], c.prototype, "variant", void 0), t([o({ reflect: !0 })], c.prototype, "size", void 0), t([o({
46
+ type: Boolean,
47
+ reflect: !0
48
+ })], c.prototype, "disabled", void 0), t([o({
49
+ type: Boolean,
50
+ reflect: !0
51
+ })], c.prototype, "loading", void 0), c = t([a("reke-button")], c);
52
+ //#endregion
53
+ export { c as RekeButton };
@@ -1,8 +1,7 @@
1
- import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
2
- import { css as o } from "lit";
3
- const n = [
4
- r,
5
- o`
1
+ import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
2
+ import { css as t } from "lit";
3
+ //#region src/components/reke-button/reke-button.styles.ts
4
+ var n = [e, t`
6
5
  :host {
7
6
  display: inline-block;
8
7
  }
@@ -222,8 +221,6 @@ const n = [
222
221
  transform: rotate(360deg);
223
222
  }
224
223
  }
225
- `
226
- ];
227
- export {
228
- n as styles
229
- };
224
+ `];
225
+ //#endregion
226
+ export { n as styles };
@@ -1 +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"}
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;CAmChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KAEvB;CACF"}
@@ -1,70 +1,50 @@
1
- import { html as n } from "lit";
2
- import { property as i, state as d, customElement as p } from "lit/decorators.js";
3
- import { classMap as f } from "lit/directives/class-map.js";
4
- import { RekeElement as v } from "../../shared/base-element.js";
5
- import { styles as m } from "./reke-card.styles.js";
6
- var _ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (a, e, l, r) => {
7
- for (var s = r > 1 ? void 0 : r ? g(e, l) : e, c = a.length - 1, h; c >= 0; c--)
8
- (h = a[c]) && (s = (r ? h(e, l, s) : h(s)) || s);
9
- return r && s && _(e, l, s), s;
10
- };
11
- let t = class extends v {
12
- constructor() {
13
- super(...arguments), this.variant = "default", this.padding = "md", this.interactive = !1, this.accent = "none", this._hasHeader = !1, this._hasFooter = !1;
14
- }
15
- _onSlotChange(a, e) {
16
- const r = e.target.assignedNodes({ flatten: !0 }).length > 0;
17
- a === "header" ? this._hasHeader = r : this._hasFooter = r;
18
- }
19
- render() {
20
- const a = {
21
- card: !0,
22
- [`card--${this.variant}`]: !0,
23
- [`card--padding-${this.padding}`]: !0,
24
- "card--interactive": this.interactive,
25
- [`card--accent-${this.accent}`]: this.accent !== "none"
26
- };
27
- return n`
28
- <div class=${f(a)}>
29
- ${this._hasHeader ? n`
1
+ import { RekeElement as e } from "../../shared/base-element.js";
2
+ import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
3
+ import { styles as n } from "./reke-card.styles.js";
4
+ import { html as r } from "lit";
5
+ import { customElement as i, property as a, state as o } from "lit/decorators.js";
6
+ import { classMap as s } from "lit/directives/class-map.js";
7
+ //#region src/components/reke-card/reke-card.ts
8
+ var c = class extends e {
9
+ constructor(...e) {
10
+ super(...e), this.variant = "default", this.padding = "md", this.interactive = !1, this.accent = "none", this._hasHeader = !1, this._hasFooter = !1;
11
+ }
12
+ static {
13
+ this.styles = n;
14
+ }
15
+ _onSlotChange(e, t) {
16
+ let n = t.target.assignedNodes({ flatten: !0 }).length > 0;
17
+ e === "header" ? this._hasHeader = n : this._hasFooter = n;
18
+ }
19
+ render() {
20
+ return r`
21
+ <div class=${s({
22
+ card: !0,
23
+ [`card--${this.variant}`]: !0,
24
+ [`card--padding-${this.padding}`]: !0,
25
+ "card--interactive": this.interactive,
26
+ [`card--accent-${this.accent}`]: this.accent !== "none"
27
+ })}>
28
+ ${this._hasHeader ? r`
30
29
  <div class="card-header">
31
30
  <slot name="header" @slotchange=${(e) => this._onSlotChange("header", e)}></slot>
32
31
  </div>
33
- ` : n`<slot name="header" @slotchange=${(e) => this._onSlotChange("header", e)} style="display:none"></slot>`}
32
+ ` : r`<slot name="header" @slotchange=${(e) => this._onSlotChange("header", e)} style="display:none"></slot>`}
34
33
  <div class="card-body">
35
34
  <slot></slot>
36
35
  </div>
37
- ${this._hasFooter ? n`
36
+ ${this._hasFooter ? r`
38
37
  <div class="card-footer">
39
38
  <slot name="footer" @slotchange=${(e) => this._onSlotChange("footer", e)}></slot>
40
39
  </div>
41
- ` : n`<slot name="footer" @slotchange=${(e) => this._onSlotChange("footer", e)} style="display:none"></slot>`}
40
+ ` : r`<slot name="footer" @slotchange=${(e) => this._onSlotChange("footer", e)} style="display:none"></slot>`}
42
41
  </div>
43
42
  `;
44
- }
45
- };
46
- t.styles = m;
47
- o([
48
- i({ reflect: !0 })
49
- ], t.prototype, "variant", 2);
50
- o([
51
- i({ reflect: !0 })
52
- ], t.prototype, "padding", 2);
53
- o([
54
- i({ type: Boolean, reflect: !0 })
55
- ], t.prototype, "interactive", 2);
56
- o([
57
- i({ reflect: !0 })
58
- ], t.prototype, "accent", 2);
59
- o([
60
- d()
61
- ], t.prototype, "_hasHeader", 2);
62
- o([
63
- d()
64
- ], t.prototype, "_hasFooter", 2);
65
- t = o([
66
- p("reke-card")
67
- ], t);
68
- export {
69
- t as RekeCard
43
+ }
70
44
  };
45
+ t([a({ reflect: !0 })], c.prototype, "variant", void 0), t([a({ reflect: !0 })], c.prototype, "padding", void 0), t([a({
46
+ type: Boolean,
47
+ reflect: !0
48
+ })], 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);
49
+ //#endregion
50
+ export { c as RekeCard };
@@ -1,8 +1,7 @@
1
- import { tailwindStyles as r } from "../../shared/tailwind-styles.js";
2
- import { css as a } from "lit";
3
- const e = [
4
- r,
5
- a`
1
+ import { tailwindStyles as e } from "../../shared/tailwind-styles.js";
2
+ import { css as t } from "lit";
3
+ //#region src/components/reke-card/reke-card.styles.ts
4
+ var n = [e, t`
6
5
  :host {
7
6
  display: block;
8
7
  }
@@ -143,8 +142,6 @@ const e = [
143
142
  .card--padding-lg .card-footer {
144
143
  padding: 24px;
145
144
  }
146
- `
147
- ];
148
- export {
149
- e as styles
150
- };
145
+ `];
146
+ //#endregion
147
+ export { n as styles };
@@ -1,25 +1,25 @@
1
- import { nothing as d, html as a } from "lit";
2
- import { property as l, customElement as p } from "lit/decorators.js";
3
- import { RekeElement as k } from "../../shared/base-element.js";
4
- import { styles as m } from "./reke-checkbox.styles.js";
5
- var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (e, s, o, n) => {
6
- for (var t = n > 1 ? void 0 : n ? f(s, o) : s, c = e.length - 1, h; c >= 0; c--)
7
- (h = e[c]) && (t = (n ? h(s, o, t) : h(t)) || t);
8
- return n && t && b(s, o, t), t;
9
- };
10
- let r = class extends k {
11
- constructor() {
12
- super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.label = "";
13
- }
14
- handleClick() {
15
- this.disabled || (this.checked = !this.checked, this.indeterminate = !1, this.emit("reke-change", { checked: this.checked }));
16
- }
17
- handleKeyDown(e) {
18
- (e.key === " " || e.key === "Enter") && (e.preventDefault(), this.handleClick());
19
- }
20
- render() {
21
- const e = this.indeterminate ? "mixed" : String(this.checked);
22
- return a`
1
+ import { RekeElement as e } from "../../shared/base-element.js";
2
+ import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.137.0/helpers/esm/decorate.js";
3
+ import { styles as n } from "./reke-checkbox.styles.js";
4
+ import { html as r, nothing as i } from "lit";
5
+ import { customElement as a, property as o } from "lit/decorators.js";
6
+ //#region src/components/reke-checkbox/reke-checkbox.ts
7
+ var s = class extends e {
8
+ constructor(...e) {
9
+ super(...e), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.label = "";
10
+ }
11
+ static {
12
+ this.styles = n;
13
+ }
14
+ handleClick() {
15
+ this.disabled || (this.checked = !this.checked, this.indeterminate = !1, this.emit("reke-change", { checked: this.checked }));
16
+ }
17
+ handleKeyDown(e) {
18
+ (e.key === " " || e.key === "Enter") && (e.preventDefault(), this.handleClick());
19
+ }
20
+ render() {
21
+ let e = this.indeterminate ? "mixed" : String(this.checked);
22
+ return r`
23
23
  <div
24
24
  part="container"
25
25
  class="container"
@@ -31,34 +31,27 @@ let r = class extends k {
31
31
  @keydown=${this.handleKeyDown}
32
32
  >
33
33
  <span part="box" class="box ${this.checked ? "box--checked" : ""} ${this.indeterminate ? "box--indeterminate" : ""}">
34
- ${this.checked ? a`<svg class="checkmark" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
34
+ ${this.checked ? r`<svg class="checkmark" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
35
35
  <path d="M2.5 6L5 8.5L9.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
36
- </svg>` : d}
37
- ${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">
36
+ </svg>` : i}
37
+ ${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">
38
38
  <path d="M3 6H9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
39
- </svg>` : d}
39
+ </svg>` : i}
40
40
  </span>
41
- ${this.label ? a`<span part="label" class="label">${this.label}</span>` : d}
41
+ ${this.label ? r`<span part="label" class="label">${this.label}</span>` : i}
42
42
  </div>
43
43
  `;
44
- }
45
- };
46
- r.styles = m;
47
- i([
48
- l({ type: Boolean, reflect: !0 })
49
- ], r.prototype, "checked", 2);
50
- i([
51
- l({ type: Boolean, reflect: !0 })
52
- ], r.prototype, "indeterminate", 2);
53
- i([
54
- l({ type: Boolean, reflect: !0 })
55
- ], r.prototype, "disabled", 2);
56
- i([
57
- l()
58
- ], r.prototype, "label", 2);
59
- r = i([
60
- p("reke-checkbox")
61
- ], r);
62
- export {
63
- r as RekeCheckbox
44
+ }
64
45
  };
46
+ t([o({
47
+ type: Boolean,
48
+ reflect: !0
49
+ })], s.prototype, "checked", void 0), t([o({
50
+ type: Boolean,
51
+ reflect: !0
52
+ })], s.prototype, "indeterminate", void 0), t([o({
53
+ type: Boolean,
54
+ reflect: !0
55
+ })], s.prototype, "disabled", void 0), t([o()], s.prototype, "label", void 0), s = t([a("reke-checkbox")], s);
56
+ //#endregion
57
+ export { s as RekeCheckbox };
@@ -1 +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"}
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,2BA4ElB,CAAC"}