@geajs/ui 0.1.5 → 0.2.1
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.
- package/README.md +14 -19
- package/dist/accordion.d.mts +3 -3
- package/dist/accordion.mjs +57 -27
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert.mjs +17 -9
- package/dist/alert.mjs.map +1 -1
- package/dist/avatar.d.mts +3 -3
- package/dist/avatar.mjs +12 -10
- package/dist/avatar.mjs.map +1 -1
- package/dist/badge.mjs +7 -5
- package/dist/badge.mjs.map +1 -1
- package/dist/button.mjs +22 -12
- package/dist/button.mjs.map +1 -1
- package/dist/card.mjs +31 -14
- package/dist/card.mjs.map +1 -1
- package/dist/checkbox.d.mts +3 -3
- package/dist/checkbox.mjs +11 -9
- package/dist/checkbox.mjs.map +1 -1
- package/dist/clipboard.d.mts +3 -3
- package/dist/clipboard.mjs +21 -17
- package/dist/clipboard.mjs.map +1 -1
- package/dist/collapsible.d.mts +3 -3
- package/dist/collapsible.mjs +8 -6
- package/dist/collapsible.mjs.map +1 -1
- package/dist/combobox.d.mts +5 -5
- package/dist/combobox.mjs +111 -50
- package/dist/combobox.mjs.map +1 -1
- package/dist/dialog.d.mts +3 -3
- package/dist/dialog.mjs +20 -18
- package/dist/dialog.mjs.map +1 -1
- package/dist/dnd-manager.mjs +20 -6
- package/dist/dnd-manager.mjs.map +1 -1
- package/dist/drag-drop-context.mjs +6 -4
- package/dist/drag-drop-context.mjs.map +1 -1
- package/dist/draggable.mjs +20 -10
- package/dist/draggable.mjs.map +1 -1
- package/dist/droppable.mjs +11 -6
- package/dist/droppable.mjs.map +1 -1
- package/dist/file-upload.d.mts +3 -3
- package/dist/file-upload.mjs +49 -36
- package/dist/file-upload.mjs.map +1 -1
- package/dist/hover-card.d.mts +3 -3
- package/dist/hover-card.mjs +12 -7
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input.mjs +37 -17
- package/dist/input.mjs.map +1 -1
- package/dist/label.mjs +11 -6
- package/dist/label.mjs.map +1 -1
- package/dist/menu.d.mts +3 -3
- package/dist/menu.mjs +13 -11
- package/dist/menu.mjs.map +1 -1
- package/dist/number-input.d.mts +3 -3
- package/dist/number-input.mjs +11 -9
- package/dist/number-input.mjs.map +1 -1
- package/dist/pagination.d.mts +3 -3
- package/dist/pagination.mjs +6 -4
- package/dist/pagination.mjs.map +1 -1
- package/dist/pin-input.d.mts +3 -3
- package/dist/pin-input.mjs +34 -22
- package/dist/pin-input.mjs.map +1 -1
- package/dist/popover.d.mts +3 -3
- package/dist/popover.mjs +16 -14
- package/dist/popover.mjs.map +1 -1
- package/dist/progress.d.mts +3 -3
- package/dist/progress.mjs +15 -13
- package/dist/progress.mjs.map +1 -1
- package/dist/radio-group.d.mts +3 -3
- package/dist/radio-group.mjs +61 -31
- package/dist/radio-group.mjs.map +1 -1
- package/dist/rating-group.d.mts +3 -3
- package/dist/rating-group.mjs +34 -22
- package/dist/rating-group.mjs.map +1 -1
- package/dist/select.d.mts +3 -3
- package/dist/select.mjs +81 -39
- package/dist/select.mjs.map +1 -1
- package/dist/separator.mjs +11 -6
- package/dist/separator.mjs.map +1 -1
- package/dist/skeleton.mjs +5 -3
- package/dist/skeleton.mjs.map +1 -1
- package/dist/slider.d.mts +3 -3
- package/dist/slider.mjs +12 -9
- package/dist/slider.mjs.map +1 -1
- package/dist/switch.d.mts +3 -3
- package/dist/switch.mjs +11 -9
- package/dist/switch.mjs.map +1 -1
- package/dist/tabs.d.mts +3 -3
- package/dist/tabs.mjs +59 -37
- package/dist/tabs.mjs.map +1 -1
- package/dist/tags-input.d.mts +3 -3
- package/dist/tags-input.mjs +97 -43
- package/dist/tags-input.mjs.map +1 -1
- package/dist/textarea.mjs +31 -20
- package/dist/textarea.mjs.map +1 -1
- package/dist/toast.mjs +6 -4
- package/dist/toast.mjs.map +1 -1
- package/dist/toggle-group.d.mts +3 -3
- package/dist/toggle-group.mjs +32 -20
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/tooltip.d.mts +3 -3
- package/dist/tooltip.mjs +8 -6
- package/dist/tooltip.mjs.map +1 -1
- package/dist/tree-view.d.mts +3 -3
- package/dist/tree-view.mjs +12 -10
- package/dist/tree-view.mjs.map +1 -1
- package/dist/zag-component.d.mts +6 -5
- package/dist/zag-component.mjs +16 -8
- package/dist/zag-component.mjs.map +1 -1
- package/package.json +4 -9
- package/dist/_virtual_gea-hmr.mjs +0 -11
package/README.md
CHANGED
|
@@ -15,30 +15,25 @@ npm install @geajs/core
|
|
|
15
15
|
|
|
16
16
|
## Tailwind CSS Setup
|
|
17
17
|
|
|
18
|
-
### 1.
|
|
19
|
-
|
|
20
|
-
```js
|
|
21
|
-
// tailwind.config.js
|
|
22
|
-
import geaPreset from '@geajs/ui/tailwind-preset'
|
|
23
|
-
|
|
24
|
-
export default {
|
|
25
|
-
presets: [geaPreset],
|
|
26
|
-
content: [
|
|
27
|
-
'./src/**/*.{tsx,ts,jsx,js}',
|
|
28
|
-
'./node_modules/@geajs/ui/dist/**/*.js',
|
|
29
|
-
],
|
|
30
|
-
}
|
|
31
|
-
```
|
|
18
|
+
### 1. Install Tailwind and its Vite plugin
|
|
32
19
|
|
|
33
|
-
|
|
20
|
+
```bash
|
|
21
|
+
npm install -D tailwindcss @tailwindcss/vite
|
|
22
|
+
```
|
|
34
23
|
|
|
35
|
-
|
|
24
|
+
```ts
|
|
25
|
+
// vite.config.ts
|
|
26
|
+
import tailwindcss from '@tailwindcss/vite'
|
|
27
|
+
import { defineConfig } from 'vite'
|
|
36
28
|
|
|
37
|
-
|
|
38
|
-
|
|
29
|
+
export default defineConfig({
|
|
30
|
+
plugins: [tailwindcss()],
|
|
31
|
+
})
|
|
39
32
|
```
|
|
40
33
|
|
|
41
|
-
|
|
34
|
+
### 2. Import the theme CSS
|
|
35
|
+
|
|
36
|
+
Import once in your entry point. This sets up Tailwind, all semantic color tokens, and dark mode support — no `tailwind.config.js` needed.
|
|
42
37
|
|
|
43
38
|
```ts
|
|
44
39
|
import '@geajs/ui/style.css'
|
package/dist/accordion.d.mts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { n as ZagComponent } from "./zag-component.mjs";
|
|
2
2
|
import * as accordion from "@zag-js/accordion";
|
|
3
|
-
import * as _zag_js_types0 from "@zag-js/types";
|
|
3
|
+
import * as _$_zag_js_types0 from "@zag-js/types";
|
|
4
4
|
|
|
5
5
|
//#region src/components/accordion.d.ts
|
|
6
6
|
declare class Accordion extends ZagComponent {
|
|
7
7
|
value: string[];
|
|
8
8
|
createMachine(_props: any): any;
|
|
9
9
|
getMachineProps(props: any): {
|
|
10
|
-
id:
|
|
10
|
+
id: any;
|
|
11
11
|
value: any;
|
|
12
12
|
defaultValue: any;
|
|
13
13
|
multiple: any;
|
|
@@ -16,7 +16,7 @@ declare class Accordion extends ZagComponent {
|
|
|
16
16
|
orientation: any;
|
|
17
17
|
onValueChange: (details: accordion.ValueChangeDetails) => void;
|
|
18
18
|
};
|
|
19
|
-
connectApi(service: any): accordion.Api<_zag_js_types0.PropTypes<{
|
|
19
|
+
connectApi(service: any): accordion.Api<_$_zag_js_types0.PropTypes<{
|
|
20
20
|
[x: string]: any;
|
|
21
21
|
}>>;
|
|
22
22
|
getSpreadMap(): {
|
package/dist/accordion.mjs
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { t as ZagComponent } from "./zag-component.mjs";
|
|
2
|
-
import "
|
|
3
|
-
import { Component } from "@geajs/core";
|
|
2
|
+
import { Component, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_MAP_CONFIG_TPL, GEA_REGISTER_MAP, GEA_SYNC_MAP } from "@geajs/core";
|
|
4
3
|
import { normalizeProps } from "@zag-js/vanilla";
|
|
5
4
|
import * as accordion from "@zag-js/accordion";
|
|
6
5
|
//#region src/components/accordion.tsx
|
|
7
6
|
const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
|
|
8
7
|
var Accordion = class extends ZagComponent {
|
|
8
|
+
static {
|
|
9
|
+
this[GEA_CTOR_TAG_NAME] = "accordion";
|
|
10
|
+
}
|
|
11
|
+
#__rowEls_list;
|
|
12
|
+
#__dc___unresolved_0;
|
|
9
13
|
createMachine(_props) {
|
|
10
14
|
return accordion.machine;
|
|
11
15
|
}
|
|
@@ -41,7 +45,7 @@ var Accordion = class extends ZagComponent {
|
|
|
41
45
|
}
|
|
42
46
|
template(props) {
|
|
43
47
|
const __id = this.id;
|
|
44
|
-
Component._register(ZagComponent);
|
|
48
|
+
Component._register(ZagComponent, "zag-component");
|
|
45
49
|
const items = props.items || [];
|
|
46
50
|
return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}>${items.map((item) => `<div data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all">${item.label}<span data-part="item-indicator"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200">▶</span></button></h3><div data-part="item-content"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="accordion-content overflow-hidden text-sm"><div class="pb-4 pt-0">${item.content}</div></div></div>`).join("") + "<!---->"}</div>`;
|
|
47
51
|
}
|
|
@@ -49,19 +53,20 @@ var Accordion = class extends ZagComponent {
|
|
|
49
53
|
return `<div data-gea-item-id="${item?.value ?? item}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-item border-b"><h3><button data-part="item-trigger"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all">${item.label}<span data-part="item-indicator"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200">▶</span></button></h3><div data-part="item-content"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="accordion-content overflow-hidden text-sm"><div class="pb-4 pt-0">${item.content}</div></div></div>`;
|
|
50
54
|
}
|
|
51
55
|
create__unresolved_0Item(item) {
|
|
52
|
-
var __c = this.____unresolved_0_container;
|
|
53
|
-
if (!__c
|
|
56
|
+
var __c = this.#__dc___unresolved_0 || (this.#__dc___unresolved_0 = this.____unresolved_0_container);
|
|
57
|
+
if (!__c[GEA_MAP_CONFIG_TPL]) try {
|
|
54
58
|
var __tw = document.createElement("template");
|
|
55
59
|
__tw.innerHTML = this.render__unresolved_0Item({
|
|
56
60
|
value: 0,
|
|
57
|
-
label: "",
|
|
58
|
-
content: ""
|
|
61
|
+
label: " ",
|
|
62
|
+
content: " "
|
|
59
63
|
});
|
|
60
|
-
__c
|
|
64
|
+
__c[GEA_MAP_CONFIG_TPL] = __tw.content.firstElementChild;
|
|
65
|
+
__c[GEA_MAP_CONFIG_TPL]?.removeAttribute("data-gea-item-id");
|
|
61
66
|
} catch (__err) {
|
|
62
67
|
console.error(__err);
|
|
63
68
|
}
|
|
64
|
-
if (__c
|
|
69
|
+
if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
|
|
65
70
|
else {
|
|
66
71
|
var __fw = document.createElement("template");
|
|
67
72
|
__fw.innerHTML = this.render__unresolved_0Item(item);
|
|
@@ -73,19 +78,31 @@ var Accordion = class extends ZagComponent {
|
|
|
73
78
|
el.__ref_1_0 = el.firstElementChild.nextElementSibling.firstElementChild;
|
|
74
79
|
var __av = item.value;
|
|
75
80
|
if (__av == null || __av === false) el.removeAttribute("data-value");
|
|
76
|
-
else
|
|
81
|
+
else {
|
|
82
|
+
const __newAttr = String(__av);
|
|
83
|
+
if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
|
|
84
|
+
}
|
|
77
85
|
var __av = item.value;
|
|
78
86
|
if (__av == null || __av === false) el.__ref_0_0.removeAttribute("data-value");
|
|
79
|
-
else
|
|
87
|
+
else {
|
|
88
|
+
const __newAttr = String(__av);
|
|
89
|
+
if (el.__ref_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0.setAttribute("data-value", __newAttr);
|
|
90
|
+
}
|
|
80
91
|
var __av = item.value;
|
|
81
92
|
if (__av == null || __av === false) el.__ref_0_0_0.removeAttribute("data-value");
|
|
82
|
-
else
|
|
93
|
+
else {
|
|
94
|
+
const __newAttr = String(__av);
|
|
95
|
+
if (el.__ref_0_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0_0.setAttribute("data-value", __newAttr);
|
|
96
|
+
}
|
|
83
97
|
var __av = item.value;
|
|
84
98
|
if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
|
|
85
|
-
else
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
99
|
+
else {
|
|
100
|
+
const __newAttr = String(__av);
|
|
101
|
+
if (el.__ref_1.getAttribute("data-value") !== __newAttr) el.__ref_1.setAttribute("data-value", __newAttr);
|
|
102
|
+
}
|
|
103
|
+
el.__ref_1_0.firstChild.nodeValue = `${item.content}`;
|
|
104
|
+
el[GEA_DOM_KEY] = String(item?.value ?? item);
|
|
105
|
+
el[GEA_DOM_ITEM] = item;
|
|
89
106
|
return el;
|
|
90
107
|
}
|
|
91
108
|
patch__unresolved_0Item(row, item, __prevItem) {
|
|
@@ -96,23 +113,36 @@ var Accordion = class extends ZagComponent {
|
|
|
96
113
|
if (!row.__ref_1_0) row.__ref_1_0 = row.firstElementChild.nextElementSibling.firstElementChild;
|
|
97
114
|
var __av = item.value;
|
|
98
115
|
if (__av == null || __av === false) row.removeAttribute("data-value");
|
|
99
|
-
else
|
|
116
|
+
else {
|
|
117
|
+
const __newAttr = String(__av);
|
|
118
|
+
if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
|
|
119
|
+
}
|
|
100
120
|
var __av = item.value;
|
|
101
121
|
if (__av == null || __av === false) row.__ref_0_0.removeAttribute("data-value");
|
|
102
|
-
else
|
|
122
|
+
else {
|
|
123
|
+
const __newAttr = String(__av);
|
|
124
|
+
if (row.__ref_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0.setAttribute("data-value", __newAttr);
|
|
125
|
+
}
|
|
103
126
|
var __av = item.value;
|
|
104
127
|
if (__av == null || __av === false) row.__ref_0_0_0.removeAttribute("data-value");
|
|
105
|
-
else
|
|
128
|
+
else {
|
|
129
|
+
const __newAttr = String(__av);
|
|
130
|
+
if (row.__ref_0_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0_0.setAttribute("data-value", __newAttr);
|
|
131
|
+
}
|
|
106
132
|
var __av = item.value;
|
|
107
133
|
if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
|
|
108
|
-
else
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
134
|
+
else {
|
|
135
|
+
const __newAttr = String(__av);
|
|
136
|
+
if (row.__ref_1.getAttribute("data-value") !== __newAttr) row.__ref_1.setAttribute("data-value", __newAttr);
|
|
137
|
+
}
|
|
138
|
+
row.__ref_1_0.firstChild.nodeValue = `${item.content}`;
|
|
139
|
+
row[GEA_DOM_KEY] = String(item?.value ?? item);
|
|
140
|
+
(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.value ?? item)] = row;
|
|
141
|
+
row[GEA_DOM_ITEM] = item;
|
|
112
142
|
}
|
|
113
143
|
__onPropChange(key, value) {
|
|
114
144
|
if (key === "class") {
|
|
115
|
-
const __el = this
|
|
145
|
+
const __el = this[GEA_ELEMENT];
|
|
116
146
|
this.props;
|
|
117
147
|
const __boundValue = value || "";
|
|
118
148
|
if (__el) {
|
|
@@ -120,13 +150,13 @@ var Accordion = class extends ZagComponent {
|
|
|
120
150
|
if (__el.className !== __newClass) __el.className = __newClass;
|
|
121
151
|
}
|
|
122
152
|
}
|
|
123
|
-
if (key === "items") this
|
|
153
|
+
if (key === "items") this[GEA_SYNC_MAP](0);
|
|
124
154
|
}
|
|
125
155
|
__observe_local_props(__v, __c) {
|
|
126
|
-
this
|
|
156
|
+
this[GEA_SYNC_MAP](0);
|
|
127
157
|
}
|
|
128
158
|
createdHooks() {
|
|
129
|
-
this
|
|
159
|
+
this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => this.$(":scope"), () => {
|
|
130
160
|
return this.props.items || [];
|
|
131
161
|
}, (__item) => this.create__unresolved_0Item(__item), "value");
|
|
132
162
|
}
|
package/dist/accordion.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.mjs","names":["__v","v","valueOf","Component","accordion","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Accordion","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","multiple","collapsible","disabled","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-trigger\"]","getItemTriggerProps","[data-part=\"item-content\"]","getItemContentProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","template","__id","_register","items","class","String","trim","map","item","label","content","join","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","firstElementChild","__err","console","error","cloneNode","__fw","__ref_0_0","__ref_0_0_0","__ref_1","nextElementSibling","__ref_1_0","__av","removeAttribute","setAttribute","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaSyncMap","__observe_local_props","createdHooks","__geaRegisterMap","$","__item","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/accordion.tsx"],"sourcesContent":["import * as accordion from '@zag-js/accordion'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Accordion extends ZagComponent {\n declare value: string[]\n\n createMachine(_props: any): any {\n return accordion.machine\n }\n\n getMachineProps(props: any) {\n return {\n id: this.id,\n value: props.value,\n defaultValue: props.defaultValue,\n multiple: props.multiple ?? false,\n collapsible: props.collapsible ?? false,\n disabled: props.disabled,\n orientation: props.orientation ?? 'vertical',\n onValueChange: (details: accordion.ValueChangeDetails) => {\n this.value = details.value\n props.onValueChange?.(details)\n },\n }\n }\n\n connectApi(service: any) {\n return accordion.connect(service, normalizeProps)\n }\n\n getSpreadMap() {\n return {\n '[data-part=\"root\"]': 'getRootProps',\n '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n '[data-part=\"item-trigger\"]': (api, el) => api.getItemTriggerProps({ value: (el as HTMLElement).dataset.value }),\n '[data-part=\"item-content\"]': (api, el) => api.getItemContentProps({ value: (el as HTMLElement).dataset.value }),\n '[data-part=\"item-indicator\"]': (api, el) =>\n api.getItemIndicatorProps({ value: (el as HTMLElement).dataset.value }),\n }\n }\n\n syncState(api: any) {\n this.value = api.value\n }\n\n template(props: any) {\n const items = props.items || []\n return (\n <div data-part=\"root\" class={props.class || ''}>\n {items.map((item: any) => (\n <div key={item.value} data-part=\"item\" data-value={item.value} class=\"accordion-item border-b\">\n <h3>\n <button\n data-part=\"item-trigger\"\n data-value={item.value}\n class=\"accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all\"\n >\n {item.label}\n <span\n data-part=\"item-indicator\"\n data-value={item.value}\n class=\"accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200\"\n >\n ▶\n </span>\n </button>\n </h3>\n <div data-part=\"item-content\" data-value={item.value} class=\"accordion-content overflow-hidden text-sm\">\n <div class=\"pb-4 pt-0\">{item.content}</div>\n </div>\n </div>\n ))}\n </div>\n )\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"accordion.mjs","names":["__v","v","valueOf","Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","accordion","normalizeProps","ZagComponent","Accordion","__rowEls_list","__dc___unresolved_0","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","multiple","collapsible","disabled","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-trigger\"]","getItemTriggerProps","[data-part=\"item-content\"]","getItemContentProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","template","__id","_register","items","class","String","trim","map","item","label","content","join","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__tw","document","createElement","innerHTML","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0_0","__ref_0_0_0","__ref_1","nextElementSibling","__ref_1_0","__av","__newAttr","getAttribute","setAttribute","firstChild","nodeValue","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","__boundValue","__newClass","className","__observe_local_props","createdHooks","$","__item"],"sources":["../src/components/accordion.tsx"],"sourcesContent":["import * as accordion from '@zag-js/accordion'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Accordion extends ZagComponent {\n declare value: string[]\n\n createMachine(_props: any): any {\n return accordion.machine\n }\n\n getMachineProps(props: any) {\n return {\n id: this.id,\n value: props.value,\n defaultValue: props.defaultValue,\n multiple: props.multiple ?? false,\n collapsible: props.collapsible ?? false,\n disabled: props.disabled,\n orientation: props.orientation ?? 'vertical',\n onValueChange: (details: accordion.ValueChangeDetails) => {\n this.value = details.value\n props.onValueChange?.(details)\n },\n }\n }\n\n connectApi(service: any) {\n return accordion.connect(service, normalizeProps)\n }\n\n getSpreadMap() {\n return {\n '[data-part=\"root\"]': 'getRootProps',\n '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n '[data-part=\"item-trigger\"]': (api, el) => api.getItemTriggerProps({ value: (el as HTMLElement).dataset.value }),\n '[data-part=\"item-content\"]': (api, el) => api.getItemContentProps({ value: (el as HTMLElement).dataset.value }),\n '[data-part=\"item-indicator\"]': (api, el) =>\n api.getItemIndicatorProps({ value: (el as HTMLElement).dataset.value }),\n }\n }\n\n syncState(api: any) {\n this.value = api.value\n }\n\n template(props: any) {\n const items = props.items || []\n return (\n <div data-part=\"root\" class={props.class || ''}>\n {items.map((item: any) => (\n <div key={item.value} data-part=\"item\" data-value={item.value} class=\"accordion-item border-b\">\n <h3>\n <button\n data-part=\"item-trigger\"\n data-value={item.value}\n class=\"accordion-trigger flex w-full items-center justify-between py-4 text-sm font-medium transition-all\"\n >\n {item.label}\n <span\n data-part=\"item-indicator\"\n data-value={item.value}\n class=\"accordion-indicator h-4 w-4 shrink-0 transition-transform duration-200\"\n >\n ▶\n </span>\n </button>\n </h3>\n <div data-part=\"item-content\" data-value={item.value} class=\"accordion-content overflow-hidden text-sm\">\n <div class=\"pb-4 pt-0\">{item.content}</div>\n </div>\n </div>\n ))}\n </div>\n )\n }\n}\n"],"mappings":"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"}
|
package/dist/alert.mjs
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { t as cn } from "./cn.mjs";
|
|
2
|
-
import "
|
|
3
|
-
import { Component } from "@geajs/core";
|
|
2
|
+
import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
|
|
4
3
|
//#region src/components/alert.tsx
|
|
5
4
|
const variants = {
|
|
6
5
|
default: "bg-background text-foreground",
|
|
7
6
|
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
8
7
|
};
|
|
9
8
|
var Alert = class extends Component {
|
|
9
|
+
static {
|
|
10
|
+
this[GEA_CTOR_TAG_NAME] = "alert";
|
|
11
|
+
}
|
|
10
12
|
template(props) {
|
|
11
13
|
const __id = this.id;
|
|
12
14
|
const variant = variants[props.variant || "default"] || variants.default;
|
|
@@ -14,7 +16,7 @@ var Alert = class extends Component {
|
|
|
14
16
|
}
|
|
15
17
|
__onPropChange(key, value) {
|
|
16
18
|
if (key === "variant") {
|
|
17
|
-
const __el = this
|
|
19
|
+
const __el = this[GEA_ELEMENT];
|
|
18
20
|
const __boundValue = cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, this.props.class);
|
|
19
21
|
if (__el) {
|
|
20
22
|
const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
|
|
@@ -22,7 +24,7 @@ var Alert = class extends Component {
|
|
|
22
24
|
}
|
|
23
25
|
}
|
|
24
26
|
if (key === "class") {
|
|
25
|
-
const __el = this
|
|
27
|
+
const __el = this[GEA_ELEMENT];
|
|
26
28
|
const __boundValue = cn("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", variants[this.props.variant || "default"] || variants.default, value);
|
|
27
29
|
if (__el) {
|
|
28
30
|
const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
|
|
@@ -30,7 +32,7 @@ var Alert = class extends Component {
|
|
|
30
32
|
}
|
|
31
33
|
}
|
|
32
34
|
if (key === "children") {
|
|
33
|
-
const __el = this
|
|
35
|
+
const __el = this[GEA_ELEMENT];
|
|
34
36
|
if (__el && __el.innerHTML !== value) {
|
|
35
37
|
__el.innerHTML = value;
|
|
36
38
|
this.instantiateChildComponents_();
|
|
@@ -40,12 +42,15 @@ var Alert = class extends Component {
|
|
|
40
42
|
}
|
|
41
43
|
};
|
|
42
44
|
var AlertTitle = class extends Component {
|
|
45
|
+
static {
|
|
46
|
+
this[GEA_CTOR_TAG_NAME] = "alert-title";
|
|
47
|
+
}
|
|
43
48
|
template(props) {
|
|
44
49
|
return `<h5 id="${this.id}"${cn("mb-1 font-medium leading-none tracking-tight", props.class) == null || cn("mb-1 font-medium leading-none tracking-tight", props.class) === false ? "" : ` class="${(cn("mb-1 font-medium leading-none tracking-tight", props.class) != null ? String(cn("mb-1 font-medium leading-none tracking-tight", props.class)) : "").trim()}"`}>${props.children}</h5>`;
|
|
45
50
|
}
|
|
46
51
|
__onPropChange(key, value) {
|
|
47
52
|
if (key === "class") {
|
|
48
|
-
const __el = this
|
|
53
|
+
const __el = this[GEA_ELEMENT];
|
|
49
54
|
this.props;
|
|
50
55
|
const __boundValue = cn("mb-1 font-medium leading-none tracking-tight", value);
|
|
51
56
|
if (__el) {
|
|
@@ -54,7 +59,7 @@ var AlertTitle = class extends Component {
|
|
|
54
59
|
}
|
|
55
60
|
}
|
|
56
61
|
if (key === "children") {
|
|
57
|
-
const __el = this
|
|
62
|
+
const __el = this[GEA_ELEMENT];
|
|
58
63
|
if (__el && __el.innerHTML !== value) {
|
|
59
64
|
__el.innerHTML = value;
|
|
60
65
|
this.instantiateChildComponents_();
|
|
@@ -64,12 +69,15 @@ var AlertTitle = class extends Component {
|
|
|
64
69
|
}
|
|
65
70
|
};
|
|
66
71
|
var AlertDescription = class extends Component {
|
|
72
|
+
static {
|
|
73
|
+
this[GEA_CTOR_TAG_NAME] = "alert-description";
|
|
74
|
+
}
|
|
67
75
|
template(props) {
|
|
68
76
|
return `<div id="${this.id}"${cn("text-sm [&_p]:leading-relaxed", props.class) == null || cn("text-sm [&_p]:leading-relaxed", props.class) === false ? "" : ` class="${(cn("text-sm [&_p]:leading-relaxed", props.class) != null ? String(cn("text-sm [&_p]:leading-relaxed", props.class)) : "").trim()}"`}>${props.children}</div>`;
|
|
69
77
|
}
|
|
70
78
|
__onPropChange(key, value) {
|
|
71
79
|
if (key === "class") {
|
|
72
|
-
const __el = this
|
|
80
|
+
const __el = this[GEA_ELEMENT];
|
|
73
81
|
this.props;
|
|
74
82
|
const __boundValue = cn("text-sm [&_p]:leading-relaxed", value);
|
|
75
83
|
if (__el) {
|
|
@@ -78,7 +86,7 @@ var AlertDescription = class extends Component {
|
|
|
78
86
|
}
|
|
79
87
|
}
|
|
80
88
|
if (key === "children") {
|
|
81
|
-
const __el = this
|
|
89
|
+
const __el = this[GEA_ELEMENT];
|
|
82
90
|
if (__el && __el.innerHTML !== value) {
|
|
83
91
|
__el.innerHTML = value;
|
|
84
92
|
this.instantiateChildComponents_();
|
package/dist/alert.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.mjs","names":["Component","
|
|
1
|
+
{"version":3,"file":"alert.mjs","names":["Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","cn","variants","Record","default","destructive","Alert","template","props","__id","id","variant","class","String","trim","children","__onPropChange","key","value","__el","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","AlertTitle","AlertDescription"],"sources":["../src/components/alert.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nconst variants: Record<string, string> = {\n default: 'bg-background text-foreground',\n destructive: 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n}\n\nexport class Alert extends Component {\n template(props: any) {\n const variant = variants[props.variant || 'default'] || variants.default\n\n return (\n <div\n class={cn(\n 'relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7',\n variant,\n props.class,\n )}\n role=\"alert\"\n >\n {props.children}\n </div>\n )\n }\n}\n\nexport class AlertTitle extends Component {\n template(props: any) {\n return <h5 class={cn('mb-1 font-medium leading-none tracking-tight', props.class)}>{props.children}</h5>\n }\n}\n\nexport class AlertDescription extends Component {\n template(props: any) {\n return <div class={cn('text-sm [&_p]:leading-relaxed', props.class)}>{props.children}</div>\n }\n}\n"],"mappings":"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"}
|
package/dist/avatar.d.mts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { n as ZagComponent } from "./zag-component.mjs";
|
|
2
2
|
import * as avatar from "@zag-js/avatar";
|
|
3
|
-
import * as _zag_js_types0 from "@zag-js/types";
|
|
3
|
+
import * as _$_zag_js_types0 from "@zag-js/types";
|
|
4
4
|
|
|
5
5
|
//#region src/components/avatar.d.ts
|
|
6
6
|
declare class Avatar extends ZagComponent {
|
|
7
7
|
loaded: boolean;
|
|
8
8
|
createMachine(_props: any): any;
|
|
9
9
|
getMachineProps(props: any): {
|
|
10
|
-
id:
|
|
10
|
+
id: any;
|
|
11
11
|
onStatusChange: any;
|
|
12
12
|
};
|
|
13
|
-
connectApi(service: any): avatar.Api<_zag_js_types0.PropTypes<{
|
|
13
|
+
connectApi(service: any): avatar.Api<_$_zag_js_types0.PropTypes<{
|
|
14
14
|
[x: string]: any;
|
|
15
15
|
}>>;
|
|
16
16
|
getSpreadMap(): {
|
package/dist/avatar.mjs
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
import { t as ZagComponent } from "./zag-component.mjs";
|
|
2
|
-
import "
|
|
3
|
-
import { Component } from "@geajs/core";
|
|
2
|
+
import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml, geaSanitizeAttr } from "@geajs/core";
|
|
4
3
|
import { normalizeProps } from "@zag-js/vanilla";
|
|
5
4
|
import * as avatar from "@zag-js/avatar";
|
|
6
5
|
//#region src/components/avatar.tsx
|
|
7
6
|
var Avatar = class extends ZagComponent {
|
|
7
|
+
static {
|
|
8
|
+
this[GEA_CTOR_TAG_NAME] = "avatar";
|
|
9
|
+
}
|
|
8
10
|
constructor(...args) {
|
|
9
11
|
super(...args);
|
|
10
12
|
this.loaded = false;
|
|
11
13
|
this.props;
|
|
12
|
-
this
|
|
13
|
-
this
|
|
14
|
+
this[geaCondValueSymbol(0)] = !!this.props.src;
|
|
15
|
+
this[GEA_REGISTER_COND](0, "c0", () => {
|
|
14
16
|
this.props;
|
|
15
17
|
return this.props.src;
|
|
16
18
|
}, () => {
|
|
17
19
|
const props = this.props;
|
|
18
|
-
return `<img data-part="image"${this.props.src == null || props.src === false ? "" : ` src="${this.props.src}"`}${(this.props.name || "") == null || (props.name || "") === false ? "" : ` alt="${this.props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />`;
|
|
20
|
+
return `<img data-part="image"${this.props.src == null || props.src === false ? "" : ` src="${geaSanitizeAttr("src", String(this.props.src))}"`}${(this.props.name || "") == null || (props.name || "") === false ? "" : ` alt="${this.props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />`;
|
|
19
21
|
}, () => {
|
|
20
22
|
this.props;
|
|
21
23
|
return "";
|
|
@@ -45,14 +47,14 @@ var Avatar = class extends ZagComponent {
|
|
|
45
47
|
}
|
|
46
48
|
template(props) {
|
|
47
49
|
const __id = this.id;
|
|
48
|
-
Component._register(ZagComponent);
|
|
50
|
+
Component._register(ZagComponent, "zag-component");
|
|
49
51
|
const initials = props.fallback || (props.name ? props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
|
|
50
|
-
return `<div id="${__id}" data-part="root" class="${`avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${props.class || ""}`.trim()}"><!--${__id + "-c0"}-->${(props.src ? `<img data-part="image"${props.src == null || props.src === false ? "" : ` src="${props.src}"`}${(props.name || "") == null || (props.name || "") === false ? "" : ` alt="${props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />` : "") || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="fallback" class="${`avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${props.src ? "absolute inset-0" : ""}`.trim()}">${initials}</div></div>`;
|
|
52
|
+
return `<div id="${__id}" data-part="root" class="${`avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${props.class || ""}`.trim()}"><!--${__id + "-c0"}-->${(props.src ? `<img data-part="image"${props.src == null || props.src === false ? "" : ` src="${geaSanitizeAttr("src", String(props.src))}"`}${(props.name || "") == null || (props.name || "") === false ? "" : ` alt="${props.name || ""}"`} class="avatar-image absolute inset-0 h-full w-full object-cover" />` : "") || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="fallback" class="${`avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${props.src ? "absolute inset-0" : ""}`.trim()}">${geaEscapeHtml(String(initials))}</div></div>`;
|
|
51
53
|
}
|
|
52
54
|
__onPropChange(key, value) {
|
|
53
55
|
const __id = this.id;
|
|
54
56
|
if (key === "class") {
|
|
55
|
-
const __el = this
|
|
57
|
+
const __el = this[GEA_ELEMENT];
|
|
56
58
|
this.props;
|
|
57
59
|
const __boundValue = `avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${value || ""}`;
|
|
58
60
|
if (__el) {
|
|
@@ -81,9 +83,9 @@ var Avatar = class extends ZagComponent {
|
|
|
81
83
|
const __boundValue = this.props.fallback || (this.props.name ? this.props.name.split(" ").map((n) => n[0]).join("").toUpperCase() : "?");
|
|
82
84
|
if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
|
|
83
85
|
}
|
|
84
|
-
if (key === "src" || key === "name") this
|
|
86
|
+
if (key === "src" || key === "name") this[GEA_PATCH_COND](0);
|
|
85
87
|
}
|
|
86
|
-
|
|
88
|
+
*GEA_RESET_ELS() {
|
|
87
89
|
this.__e0 = null;
|
|
88
90
|
this.__e1 = null;
|
|
89
91
|
this.__e2 = null;
|
package/dist/avatar.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.mjs","names":["avatar","normalizeProps","ZagComponent","
|
|
1
|
+
{"version":3,"file":"avatar.mjs","names":["avatar","normalizeProps","ZagComponent","Avatar","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","src","GEA_REGISTER_COND","geaSanitizeAttr","String","name","loaded","createMachine","_props","machine","getMachineProps","id","onStatusChange","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","initials","fallback","split","map","n","join","toUpperCase","class","trim","geaEscapeHtml","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","__e1","textContent","__e2","GEA_PATCH_COND","GEA_RESET_ELS"],"sources":["../src/components/avatar.tsx"],"sourcesContent":["import * as avatar from '@zag-js/avatar'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Avatar extends ZagComponent {\n loaded = false\n\n createMachine(_props: any): any {\n return avatar.machine\n }\n\n getMachineProps(props: any) {\n return {\n id: this.id,\n onStatusChange: props.onStatusChange,\n }\n }\n\n connectApi(service: any) {\n return avatar.connect(service, normalizeProps)\n }\n\n getSpreadMap() {\n return {\n '[data-part=\"root\"]': 'getRootProps',\n '[data-part=\"image\"]': 'getImageProps',\n '[data-part=\"fallback\"]': 'getFallbackProps',\n }\n }\n\n syncState(api: any) {\n this.loaded = api.loaded\n }\n\n template(props: any) {\n const initials =\n props.fallback ||\n (props.name\n ? props.name\n .split(' ')\n .map((n: string) => n[0])\n .join('')\n .toUpperCase()\n : '?')\n return (\n <div\n data-part=\"root\"\n class={`avatar-root relative inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-full ${props.class || ''}`}\n >\n {props.src ? (\n <img\n data-part=\"image\"\n src={props.src}\n alt={props.name || ''}\n class=\"avatar-image absolute inset-0 h-full w-full object-cover\"\n />\n ) : (\n ''\n )}\n <div\n data-part=\"fallback\"\n class={`avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm font-medium ${props.src ? 'absolute inset-0' : ''}`}\n >\n {initials}\n </div>\n </div>\n )\n }\n}\n"],"mappings":"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"}
|
package/dist/badge.mjs
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { t as cn } from "./cn.mjs";
|
|
2
|
-
import "
|
|
3
|
-
import { Component } from "@geajs/core";
|
|
2
|
+
import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
|
|
4
3
|
//#region src/components/badge.tsx
|
|
5
4
|
const variants = {
|
|
6
5
|
default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
|
|
@@ -9,6 +8,9 @@ const variants = {
|
|
|
9
8
|
outline: "text-foreground"
|
|
10
9
|
};
|
|
11
10
|
var Badge = class extends Component {
|
|
11
|
+
static {
|
|
12
|
+
this[GEA_CTOR_TAG_NAME] = "badge";
|
|
13
|
+
}
|
|
12
14
|
template(props) {
|
|
13
15
|
const __id = this.id;
|
|
14
16
|
const variant = variants[props.variant || "default"] || variants.default;
|
|
@@ -16,7 +18,7 @@ var Badge = class extends Component {
|
|
|
16
18
|
}
|
|
17
19
|
__onPropChange(key, value) {
|
|
18
20
|
if (key === "variant") {
|
|
19
|
-
const __el = this
|
|
21
|
+
const __el = this[GEA_ELEMENT];
|
|
20
22
|
const __boundValue = cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variants[this.props.variant || "default"] || variants.default, this.props.class);
|
|
21
23
|
if (__el) {
|
|
22
24
|
const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
|
|
@@ -24,7 +26,7 @@ var Badge = class extends Component {
|
|
|
24
26
|
}
|
|
25
27
|
}
|
|
26
28
|
if (key === "class") {
|
|
27
|
-
const __el = this
|
|
29
|
+
const __el = this[GEA_ELEMENT];
|
|
28
30
|
const __boundValue = cn("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", variants[this.props.variant || "default"] || variants.default, value);
|
|
29
31
|
if (__el) {
|
|
30
32
|
const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
|
|
@@ -32,7 +34,7 @@ var Badge = class extends Component {
|
|
|
32
34
|
}
|
|
33
35
|
}
|
|
34
36
|
if (key === "children") {
|
|
35
|
-
const __el = this
|
|
37
|
+
const __el = this[GEA_ELEMENT];
|
|
36
38
|
if (__el && __el.innerHTML !== value) {
|
|
37
39
|
__el.innerHTML = value;
|
|
38
40
|
this.instantiateChildComponents_();
|
package/dist/badge.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.mjs","names":["Component","
|
|
1
|
+
{"version":3,"file":"badge.mjs","names":["Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","cn","variants","Record","default","secondary","destructive","outline","Badge","template","props","__id","id","variant","class","String","trim","children","__onPropChange","key","value","__el","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_"],"sources":["../src/components/badge.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nconst variants: Record<string, string> = {\n default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',\n secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n destructive: 'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',\n outline: 'text-foreground',\n}\n\nexport default class Badge extends Component {\n template(props: any) {\n const variant = variants[props.variant || 'default'] || variants.default\n\n return (\n <span\n class={cn(\n 'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n variant,\n props.class,\n )}\n >\n {props.children}\n </span>\n )\n }\n}\n"],"mappings":";;;AAGA,MAAMuC,WAAmC;CACvCE,SAAS;CACTC,WAAW;CACXC,aAAa;CACbC,SAAS;CACV;AAED,IAAqBC,QAArB,cAAmC7C,UAAU;;OAAAqC,qBAAA;;CAC3CS,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,UAAUX,SAASQ,MAAMG,WAAW,cAAcX,SAASE;AAEjE,SAAA,aAAAO,KAAA,GAEWV,GACL,wKACAY,SACAH,MAAMI,MACP,IAAA,QAJMb,GACL,wKACAY,SACAH,MAAMI,MACP,KAAA,QAAA,KAAA,YAJMb,GACL,wKACAY,SACAH,MAAMI,MACP,IAAA,OAAAC,OAJMd,GACL,wKACAY,SACAH,MAAMI,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,GAEAN,MAAMO,SAAQ;;CArBvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAxD;GAW4C,MAAAyD,eAI7DrB,GACL,wKALUC,SADC,KAAAQ,MACcG,WAAW,cAAcX,SAASE,SAMpD,KAAAM,MACDI,MAAK;AAAA,OAAAO,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAP,OAAAO,aAAA,GAAA,IAAAN,MAAA;AAAA,QAAAK,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD;;;AAAA,MAAAJ,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAxD;GAPuD,MAAAyD,eAI7DrB,GACL,wKALUC,SADC,KAAAQ,MACcG,WAAW,cAAcX,SAASE,SAMpDgB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAP,OAAAO,aAAA,GAAA,IAAAN,MAAA;AAAA,QAAAK,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD;;;AAAA,MAAAJ,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAxD;AAAA,OAAAwD,QAAAA,KAAAI,cAAAL,OAAA;AAAAC,SAAAI,YAAAL;AAAA,SAAAM,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}
|