@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.
Files changed (109) hide show
  1. package/README.md +14 -19
  2. package/dist/accordion.d.mts +3 -3
  3. package/dist/accordion.mjs +57 -27
  4. package/dist/accordion.mjs.map +1 -1
  5. package/dist/alert.mjs +17 -9
  6. package/dist/alert.mjs.map +1 -1
  7. package/dist/avatar.d.mts +3 -3
  8. package/dist/avatar.mjs +12 -10
  9. package/dist/avatar.mjs.map +1 -1
  10. package/dist/badge.mjs +7 -5
  11. package/dist/badge.mjs.map +1 -1
  12. package/dist/button.mjs +22 -12
  13. package/dist/button.mjs.map +1 -1
  14. package/dist/card.mjs +31 -14
  15. package/dist/card.mjs.map +1 -1
  16. package/dist/checkbox.d.mts +3 -3
  17. package/dist/checkbox.mjs +11 -9
  18. package/dist/checkbox.mjs.map +1 -1
  19. package/dist/clipboard.d.mts +3 -3
  20. package/dist/clipboard.mjs +21 -17
  21. package/dist/clipboard.mjs.map +1 -1
  22. package/dist/collapsible.d.mts +3 -3
  23. package/dist/collapsible.mjs +8 -6
  24. package/dist/collapsible.mjs.map +1 -1
  25. package/dist/combobox.d.mts +5 -5
  26. package/dist/combobox.mjs +111 -50
  27. package/dist/combobox.mjs.map +1 -1
  28. package/dist/dialog.d.mts +3 -3
  29. package/dist/dialog.mjs +20 -18
  30. package/dist/dialog.mjs.map +1 -1
  31. package/dist/dnd-manager.mjs +20 -6
  32. package/dist/dnd-manager.mjs.map +1 -1
  33. package/dist/drag-drop-context.mjs +6 -4
  34. package/dist/drag-drop-context.mjs.map +1 -1
  35. package/dist/draggable.mjs +20 -10
  36. package/dist/draggable.mjs.map +1 -1
  37. package/dist/droppable.mjs +11 -6
  38. package/dist/droppable.mjs.map +1 -1
  39. package/dist/file-upload.d.mts +3 -3
  40. package/dist/file-upload.mjs +49 -36
  41. package/dist/file-upload.mjs.map +1 -1
  42. package/dist/hover-card.d.mts +3 -3
  43. package/dist/hover-card.mjs +12 -7
  44. package/dist/hover-card.mjs.map +1 -1
  45. package/dist/input.mjs +37 -17
  46. package/dist/input.mjs.map +1 -1
  47. package/dist/label.mjs +11 -6
  48. package/dist/label.mjs.map +1 -1
  49. package/dist/menu.d.mts +3 -3
  50. package/dist/menu.mjs +13 -11
  51. package/dist/menu.mjs.map +1 -1
  52. package/dist/number-input.d.mts +3 -3
  53. package/dist/number-input.mjs +11 -9
  54. package/dist/number-input.mjs.map +1 -1
  55. package/dist/pagination.d.mts +3 -3
  56. package/dist/pagination.mjs +6 -4
  57. package/dist/pagination.mjs.map +1 -1
  58. package/dist/pin-input.d.mts +3 -3
  59. package/dist/pin-input.mjs +34 -22
  60. package/dist/pin-input.mjs.map +1 -1
  61. package/dist/popover.d.mts +3 -3
  62. package/dist/popover.mjs +16 -14
  63. package/dist/popover.mjs.map +1 -1
  64. package/dist/progress.d.mts +3 -3
  65. package/dist/progress.mjs +15 -13
  66. package/dist/progress.mjs.map +1 -1
  67. package/dist/radio-group.d.mts +3 -3
  68. package/dist/radio-group.mjs +61 -31
  69. package/dist/radio-group.mjs.map +1 -1
  70. package/dist/rating-group.d.mts +3 -3
  71. package/dist/rating-group.mjs +34 -22
  72. package/dist/rating-group.mjs.map +1 -1
  73. package/dist/select.d.mts +3 -3
  74. package/dist/select.mjs +81 -39
  75. package/dist/select.mjs.map +1 -1
  76. package/dist/separator.mjs +11 -6
  77. package/dist/separator.mjs.map +1 -1
  78. package/dist/skeleton.mjs +5 -3
  79. package/dist/skeleton.mjs.map +1 -1
  80. package/dist/slider.d.mts +3 -3
  81. package/dist/slider.mjs +12 -9
  82. package/dist/slider.mjs.map +1 -1
  83. package/dist/switch.d.mts +3 -3
  84. package/dist/switch.mjs +11 -9
  85. package/dist/switch.mjs.map +1 -1
  86. package/dist/tabs.d.mts +3 -3
  87. package/dist/tabs.mjs +59 -37
  88. package/dist/tabs.mjs.map +1 -1
  89. package/dist/tags-input.d.mts +3 -3
  90. package/dist/tags-input.mjs +97 -43
  91. package/dist/tags-input.mjs.map +1 -1
  92. package/dist/textarea.mjs +31 -20
  93. package/dist/textarea.mjs.map +1 -1
  94. package/dist/toast.mjs +6 -4
  95. package/dist/toast.mjs.map +1 -1
  96. package/dist/toggle-group.d.mts +3 -3
  97. package/dist/toggle-group.mjs +32 -20
  98. package/dist/toggle-group.mjs.map +1 -1
  99. package/dist/tooltip.d.mts +3 -3
  100. package/dist/tooltip.mjs +8 -6
  101. package/dist/tooltip.mjs.map +1 -1
  102. package/dist/tree-view.d.mts +3 -3
  103. package/dist/tree-view.mjs +12 -10
  104. package/dist/tree-view.mjs.map +1 -1
  105. package/dist/zag-component.d.mts +6 -5
  106. package/dist/zag-component.mjs +16 -8
  107. package/dist/zag-component.mjs.map +1 -1
  108. package/package.json +4 -9
  109. 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. Add @geajs/ui to your Tailwind content paths
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
- ### 2. Import the theme CSS
20
+ ```bash
21
+ npm install -D tailwindcss @tailwindcss/vite
22
+ ```
34
23
 
35
- In your main CSS file:
24
+ ```ts
25
+ // vite.config.ts
26
+ import tailwindcss from '@tailwindcss/vite'
27
+ import { defineConfig } from 'vite'
36
28
 
37
- ```css
38
- @import '@geajs/ui/style.css';
29
+ export default defineConfig({
30
+ plugins: [tailwindcss()],
31
+ })
39
32
  ```
40
33
 
41
- Or in your entry point:
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'
@@ -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: string;
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(): {
@@ -1,11 +1,15 @@
1
1
  import { t as ZagComponent } from "./zag-component.mjs";
2
- import "./_virtual_gea-hmr.mjs";
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.__geaTpl) try {
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.__geaTpl = __tw.content.firstElementChild;
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.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
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 el.setAttribute("data-value", String(__av));
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 el.__ref_0_0.setAttribute("data-value", String(__av));
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 el.__ref_0_0_0.setAttribute("data-value", String(__av));
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 el.__ref_1.setAttribute("data-value", String(__av));
86
- el.__ref_1_0.textContent = `${item.content}`;
87
- el.setAttribute("data-gea-item-id", item?.value ?? item);
88
- el.__geaItem = item;
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 row.setAttribute("data-value", String(__av));
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 row.__ref_0_0.setAttribute("data-value", String(__av));
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 row.__ref_0_0_0.setAttribute("data-value", String(__av));
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 row.__ref_1.setAttribute("data-value", String(__av));
109
- row.__ref_1_0.textContent = `${item.content}`;
110
- row.setAttribute("data-gea-item-id", item?.value ?? item);
111
- row.__geaItem = item;
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.element_;
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.__geaSyncMap(0);
153
+ if (key === "items") this[GEA_SYNC_MAP](0);
124
154
  }
125
155
  __observe_local_props(__v, __c) {
126
- this.__geaSyncMap(0);
156
+ this[GEA_SYNC_MAP](0);
127
157
  }
128
158
  createdHooks() {
129
- this.__geaRegisterMap(0, "____unresolved_0_container", () => this.$(":scope"), () => {
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
  }
@@ -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 &#x25B6;\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 &#x25B6;\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 "./_virtual_gea-hmr.mjs";
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.element_;
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.element_;
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.element_;
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.element_;
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.element_;
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.element_;
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.element_;
89
+ const __el = this[GEA_ELEMENT];
82
90
  if (__el && __el.innerHTML !== value) {
83
91
  __el.innerHTML = value;
84
92
  this.instantiateChildComponents_();
@@ -1 +1 @@
1
- {"version":3,"file":"alert.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","variants","Record","default","destructive","Alert","template","props","__id","id","variant","class","String","trim","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","AlertTitle","AlertDescription","import","meta","hot","__moduleExports","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"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":";;;;AAGA,MAAMM,WAAmC;CACvCE,SAAS;CACTC,aAAa;CACd;AAED,IAAaC,QAAb,cAA2BV,UAAU;CACnCW,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,UAAUT,SAASM,MAAMG,WAAW,cAAcT,SAASE;AAEjE,SAAA,YAAAK,KAAA,GAEWZ,GACL,2KACAc,SACAH,MAAMI,MACP,IAAA,QAJMf,GACL,2KACAc,SACAH,MAAMI,MACP,KAAA,QAAA,KAAA,YAJMf,GACL,2KACAc,SACAH,MAAMI,MACP,IAAA,OAAAC,OAJMhB,GACL,2KACAc,SACAH,MAAMI,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,gBAGAN,MAAMO,SAAQ;;CApBvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAC;GAS4C,MAAAC,eAI7DxB,GACL,2KALUK,SADC,KAAAM,MACcG,WAAW,cAAcT,SAASE,SAMpD,KAAAI,MACDI,MAAK;AAAA,OAAAO,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;GAPuD,MAAAC,eAI7DxB,GACL,2KALUK,SADC,KAAAM,MACcG,WAAW,cAAcT,SAASE,SAMpDc,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAK,cAAAN,OAAA;AAAAC,SAAAK,YAAAN;AAAA,SAAAO,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;;;AAWjB,IAAaC,aAAb,cAAgChC,UAAU;CACxCW,SAASC,OAAY;AACnB,SAAA,WADmB,KAAAE,GACnB,GAAkBb,GAAG,gDAAgDW,MAAMI,MAAM,IAAA,QAA/Df,GAAG,gDAAgDW,MAAMI,MAAM,KAAA,QAAA,KAAA,YAA/Df,GAAG,gDAAgDW,MAAMI,MAAM,IAAA,OAAAC,OAA/DhB,GAAG,gDAAgDW,MAAMI,MAAM,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,GAAGN,MAAMO,SAAQ;;CA5BtGC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AA2BX,QAAAZ;GAAA,MAAAa,eACCxB,GAAG,gDAA8CqB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAK,cAAAN,OAAA;AAAAC,SAAAK,YAAAN;AAAA,SAAAO,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;;;AAIvE,IAAaE,mBAAb,cAAsCjC,UAAU;CAC9CW,SAASC,OAAY;AACnB,SAAA,YADmB,KAAAE,GACnB,GAAmBb,GAAG,iCAAiCW,MAAMI,MAAM,IAAA,QAAhDf,GAAG,iCAAiCW,MAAMI,MAAM,KAAA,QAAA,KAAA,YAAhDf,GAAG,iCAAiCW,MAAMI,MAAM,IAAA,OAAAC,OAAhDhB,GAAG,iCAAiCW,MAAMI,MAAM,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,GAAGN,MAAMO,SAAQ;;CAlCxFC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAiCX,QAAAZ;GAAA,MAAAa,eACExB,GAAG,iCAA+BqB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAK,cAAAN,OAAA;AAAAC,SAAAK,YAAAN;AAAA,SAAAO,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}
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: string;
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 "./_virtual_gea-hmr.mjs";
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.__geaCond_0 = !!this.props.src;
13
- this.__geaRegisterCond(0, "c0", () => {
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.element_;
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.__geaPatchCond(0);
86
+ if (key === "src" || key === "name") this[GEA_PATCH_COND](0);
85
87
  }
86
- __resetEls() {
88
+ *GEA_RESET_ELS() {
87
89
  this.__e0 = null;
88
90
  this.__e1 = null;
89
91
  this.__e2 = null;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.mjs","names":["avatar","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Avatar","constructor","args","props","__geaCond_0","src","__geaRegisterCond","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","__onPropChange","key","value","__el","element_","__boundValue","__newClass","String","className","__e0","document","getElementById","__e1","textContent","__e2","__geaPatchCond","__resetEls","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"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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"}
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 "./_virtual_gea-hmr.mjs";
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.element_;
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.element_;
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.element_;
37
+ const __el = this[GEA_ELEMENT];
36
38
  if (__el && __el.innerHTML !== value) {
37
39
  __el.innerHTML = value;
38
40
  this.instantiateChildComponents_();
@@ -1 +1 @@
1
- {"version":3,"file":"badge.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","variants","Record","default","secondary","destructive","outline","Badge","template","props","__id","id","variant","class","String","trim","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","import","meta","hot","__moduleExports","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"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,MAAMM,WAAmC;CACvCE,SAAS;CACTC,WAAW;CACXC,aAAa;CACbC,SAAS;CACV;AAED,IAAqBC,QAArB,cAAmCZ,UAAU;CAC3Ca,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,UAAUX,SAASQ,MAAMG,WAAW,cAAcX,SAASE;AAEjE,SAAA,aAAAO,KAAA,GAEWd,GACL,wKACAgB,SACAH,MAAMI,MACP,IAAA,QAJMjB,GACL,wKACAgB,SACAH,MAAMI,MACP,KAAA,QAAA,KAAA,YAJMjB,GACL,wKACAgB,SACAH,MAAMI,MACP,IAAA,OAAAC,OAJMlB,GACL,wKACAgB,SACAH,MAAMI,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,GAEAN,MAAMO,SAAQ;;CArBvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAC;GAW4C,MAAAC,eAI7D1B,GACL,wKALUK,SADC,KAAAQ,MACcG,WAAW,cAAcX,SAASE,SAMpD,KAAAM,MACDI,MAAK;AAAA,OAAAO,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;GAPuD,MAAAC,eAI7D1B,GACL,wKALUK,SADC,KAAAQ,MACcG,WAAW,cAAcX,SAASE,SAMpDgB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAR,OAAAQ,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAK,cAAAN,OAAA;AAAAC,SAAAK,YAAAN;AAAA,SAAAO,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}
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"}