@vertz/ui-primitives 0.2.23 → 0.2.25

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 (191) hide show
  1. package/dist/shared/{chunk-pzx0vpq1.js → chunk-00fqgnq1.js} +6 -11
  2. package/dist/shared/chunk-1dx23qnr.js +232 -0
  3. package/dist/shared/chunk-1hm0mbke.js +258 -0
  4. package/dist/shared/{chunk-ww7k2azn.js → chunk-20kwns82.js} +5 -9
  5. package/dist/shared/chunk-3jack97k.js +509 -0
  6. package/dist/shared/{chunk-xs6gp369.js → chunk-455p0jbk.js} +3 -7
  7. package/dist/shared/chunk-4z006v1j.js +467 -0
  8. package/dist/shared/{chunk-b25npqer.js → chunk-585ysr70.js} +1 -1
  9. package/dist/shared/chunk-5964gmv0.js +416 -0
  10. package/dist/shared/chunk-75pegjs7.js +26 -0
  11. package/dist/shared/{chunk-mr1tb0dp.js → chunk-7a2nqmeh.js} +1 -1
  12. package/dist/shared/chunk-7wem1bhb.js +252 -0
  13. package/dist/shared/{chunk-7cb3z0s8.js → chunk-8evj43jn.js} +5 -8
  14. package/dist/shared/chunk-8t0nm721.js +152 -0
  15. package/dist/shared/chunk-94twh4s4.js +28 -0
  16. package/dist/shared/chunk-98y1sw9y.js +398 -0
  17. package/dist/shared/chunk-9eedsnnk.js +164 -0
  18. package/dist/shared/{chunk-8c01c8mb.js → chunk-9hv3vc72.js} +0 -2
  19. package/dist/shared/{chunk-4894pmy6.js → chunk-9ydd4pn3.js} +6 -1
  20. package/dist/shared/chunk-aa3w85hn.js +321 -0
  21. package/dist/shared/chunk-axpbdpgx.js +177 -0
  22. package/dist/shared/chunk-b4zzg457.js +410 -0
  23. package/dist/shared/chunk-bc2qqkhr.js +194 -0
  24. package/dist/shared/chunk-brk0drrk.js +202 -0
  25. package/dist/shared/chunk-czv0kqj4.js +107 -0
  26. package/dist/shared/chunk-d83ag07h.js +189 -0
  27. package/dist/shared/{chunk-3kwh27dv.js → chunk-de18ashk.js} +0 -1
  28. package/dist/shared/{chunk-cgb2j94g.js → chunk-dvk4h36t.js} +0 -1
  29. package/dist/shared/chunk-e6660g7e.js +179 -0
  30. package/dist/shared/{chunk-3h1mxp95.js → chunk-eq4d9b0w.js} +0 -1
  31. package/dist/shared/chunk-ev367pq3.js +102 -0
  32. package/dist/shared/chunk-fjykbv0v.js +214 -0
  33. package/dist/shared/chunk-ghkw5bjq.js +55 -0
  34. package/dist/shared/chunk-gqb1n1hj.js +60 -0
  35. package/dist/shared/chunk-hfjtkytb.js +310 -0
  36. package/dist/shared/chunk-hpvjfj0j.js +31 -0
  37. package/dist/shared/chunk-hxmxvp56.js +67 -0
  38. package/dist/shared/chunk-j9m2f0rd.js +162 -0
  39. package/dist/shared/chunk-jpyjk616.js +52 -0
  40. package/dist/shared/{chunk-ttb2tt03.js → chunk-jsa3byag.js} +1 -1
  41. package/dist/shared/{chunk-9gfp3ffv.js → chunk-jzy1bkdk.js} +0 -1
  42. package/dist/shared/{chunk-f2vx4tpw.js → chunk-knzg86am.js} +5 -5
  43. package/dist/shared/chunk-metxdt5x.js +28 -0
  44. package/dist/shared/chunk-mhn2aazf.js +353 -0
  45. package/dist/shared/chunk-mtx2cfbx.js +175 -0
  46. package/dist/shared/chunk-nsmvdxgp.js +213 -0
  47. package/dist/shared/{chunk-pn6shbcs.js → chunk-pdzmg245.js} +1 -5
  48. package/dist/shared/chunk-pzknpa1y.js +327 -0
  49. package/dist/shared/chunk-q1ff3xp3.js +95 -0
  50. package/dist/shared/chunk-q7xbcj9q.js +7 -0
  51. package/dist/shared/{chunk-p0x7hgv6.js → chunk-qhnany7w.js} +0 -2
  52. package/dist/shared/chunk-qrm43tr3.js +357 -0
  53. package/dist/shared/{chunk-xa1b96mb.js → chunk-qsp7sfhp.js} +2 -2
  54. package/dist/shared/{chunk-j902w020.js → chunk-qwqnjjg8.js} +1 -1
  55. package/dist/shared/{chunk-h3v10x04.js → chunk-r0rz7z03.js} +6 -11
  56. package/dist/shared/chunk-r3ngaa64.js +418 -0
  57. package/dist/shared/chunk-r3pffzss.js +13 -0
  58. package/dist/shared/chunk-rrt62bp0.js +353 -0
  59. package/dist/shared/chunk-s24gkmna.js +131 -0
  60. package/dist/shared/chunk-s62e7jf4.js +30 -0
  61. package/dist/shared/chunk-spng4yb9.js +73 -0
  62. package/dist/shared/chunk-v0b5pkcq.js +30 -0
  63. package/dist/shared/chunk-v11kd39k.js +162 -0
  64. package/dist/shared/{chunk-0mcr52hc.js → chunk-vef3sepw.js} +17 -1
  65. package/dist/shared/chunk-vkscwzpr.js +294 -0
  66. package/dist/shared/chunk-vv187snj.js +112 -0
  67. package/dist/shared/chunk-wqsek87j.js +311 -0
  68. package/dist/shared/chunk-wtkxz2te.js +157 -0
  69. package/dist/shared/chunk-y1hpsqzy.js +185 -0
  70. package/dist/shared/chunk-yfzddvxc.js +71 -0
  71. package/dist/src/accordion/accordion-composed.d.ts +30 -0
  72. package/dist/src/accordion/accordion-composed.js +6 -0
  73. package/dist/src/accordion/accordion.js +1 -1
  74. package/dist/src/alert/alert-composed.d.ts +26 -0
  75. package/dist/src/alert/alert-composed.js +6 -0
  76. package/dist/src/alert-dialog/alert-dialog-composed.d.ts +40 -0
  77. package/dist/src/alert-dialog/alert-dialog-composed.js +6 -0
  78. package/dist/src/avatar/avatar-composed.d.ts +33 -0
  79. package/dist/src/avatar/avatar-composed.js +6 -0
  80. package/dist/src/badge/badge-composed.d.ts +33 -0
  81. package/dist/src/badge/badge-composed.js +6 -0
  82. package/dist/src/breadcrumb/breadcrumb-composed.d.ts +34 -0
  83. package/dist/src/breadcrumb/breadcrumb-composed.js +6 -0
  84. package/dist/src/button/button-composed.d.ts +34 -0
  85. package/dist/src/button/button-composed.js +6 -0
  86. package/dist/src/calendar/calendar-composed.d.ts +42 -0
  87. package/dist/src/calendar/calendar-composed.js +6 -0
  88. package/dist/src/calendar/calendar.js +1 -1
  89. package/dist/src/card/card-composed.d.ts +34 -0
  90. package/dist/src/card/card-composed.js +6 -0
  91. package/dist/src/carousel/carousel-composed.d.ts +32 -0
  92. package/dist/src/carousel/carousel-composed.js +6 -0
  93. package/dist/src/carousel/carousel.js +1 -1
  94. package/dist/src/checkbox/checkbox-composed.d.ts +18 -0
  95. package/dist/src/checkbox/checkbox-composed.js +6 -0
  96. package/dist/src/collapsible/collapsible-composed.d.ts +26 -0
  97. package/dist/src/collapsible/collapsible-composed.js +6 -0
  98. package/dist/src/combobox/combobox-composed.d.ts +30 -0
  99. package/dist/src/combobox/combobox-composed.js +6 -0
  100. package/dist/src/combobox/combobox.js +1 -1
  101. package/dist/src/command/command-composed.d.ts +67 -0
  102. package/dist/src/command/command-composed.js +6 -0
  103. package/dist/src/command/command.js +1 -1
  104. package/dist/src/composed/with-styles.d.ts +38 -0
  105. package/dist/src/composed/with-styles.js +6 -0
  106. package/dist/src/context-menu/context-menu-composed.d.ts +51 -0
  107. package/dist/src/context-menu/context-menu-composed.js +6 -0
  108. package/dist/src/context-menu/context-menu.js +1 -1
  109. package/dist/src/date-picker/date-picker-composed.d.ts +77 -0
  110. package/dist/src/date-picker/date-picker-composed.js +6 -0
  111. package/dist/src/date-picker/date-picker.js +1 -1
  112. package/dist/src/dialog/dialog-composed.d.ts +36 -0
  113. package/dist/src/dialog/dialog-composed.js +6 -0
  114. package/dist/src/dialog/dialog-stack-parts.d.ts +16 -0
  115. package/dist/src/dialog/dialog-stack-parts.js +18 -0
  116. package/dist/src/dropdown-menu/dropdown-menu-composed.d.ts +51 -0
  117. package/dist/src/dropdown-menu/dropdown-menu-composed.js +6 -0
  118. package/dist/src/dropdown-menu/dropdown-menu.js +1 -1
  119. package/dist/src/empty-state/empty-state-composed.d.ts +30 -0
  120. package/dist/src/empty-state/empty-state-composed.js +6 -0
  121. package/dist/src/form-group/form-group-composed.d.ts +24 -0
  122. package/dist/src/form-group/form-group-composed.js +6 -0
  123. package/dist/src/hover-card/hover-card-composed.d.ts +38 -0
  124. package/dist/src/hover-card/hover-card-composed.js +6 -0
  125. package/dist/src/hover-card/hover-card.js +1 -1
  126. package/dist/src/index.d.ts +1312 -812
  127. package/dist/src/index.js +79 -6566
  128. package/dist/src/input/input-composed.d.ts +35 -0
  129. package/dist/src/input/input-composed.js +6 -0
  130. package/dist/src/label/label-composed.d.ts +32 -0
  131. package/dist/src/label/label-composed.js +6 -0
  132. package/dist/src/list/list-composed.d.ts +34 -0
  133. package/dist/src/list/list-composed.js +6 -0
  134. package/dist/src/menu/menu-composed.d.ts +51 -0
  135. package/dist/src/menu/menu-composed.js +6 -0
  136. package/dist/src/menu/menu.js +1 -1
  137. package/dist/src/menubar/menubar-composed.d.ts +56 -0
  138. package/dist/src/menubar/menubar-composed.js +6 -0
  139. package/dist/src/menubar/menubar.js +1 -1
  140. package/dist/src/navigation-menu/navigation-menu-composed.d.ts +56 -0
  141. package/dist/src/navigation-menu/navigation-menu-composed.js +6 -0
  142. package/dist/src/navigation-menu/navigation-menu.js +1 -1
  143. package/dist/src/pagination/pagination-composed.d.ts +30 -0
  144. package/dist/src/pagination/pagination-composed.js +6 -0
  145. package/dist/src/popover/popover-composed.d.ts +36 -0
  146. package/dist/src/popover/popover-composed.js +6 -0
  147. package/dist/src/popover/popover.js +1 -1
  148. package/dist/src/progress/progress-composed.d.ts +17 -0
  149. package/dist/src/progress/progress-composed.js +6 -0
  150. package/dist/src/radio/radio-composed.d.ts +24 -0
  151. package/dist/src/radio/radio-composed.js +6 -0
  152. package/dist/src/radio/radio.js +1 -1
  153. package/dist/src/resizable-panel/resizable-panel-composed.d.ts +33 -0
  154. package/dist/src/resizable-panel/resizable-panel-composed.js +6 -0
  155. package/dist/src/resizable-panel/resizable-panel.js +1 -1
  156. package/dist/src/scroll-area/scroll-area-composed.d.ts +17 -0
  157. package/dist/src/scroll-area/scroll-area-composed.js +6 -0
  158. package/dist/src/scroll-area/scroll-area.js +1 -1
  159. package/dist/src/select/select-composed.d.ts +53 -0
  160. package/dist/src/select/select-composed.js +6 -0
  161. package/dist/src/select/select.js +1 -1
  162. package/dist/src/separator/separator-composed.d.ts +32 -0
  163. package/dist/src/separator/separator-composed.js +6 -0
  164. package/dist/src/sheet/sheet-composed.d.ts +34 -0
  165. package/dist/src/sheet/sheet-composed.js +6 -0
  166. package/dist/src/skeleton/skeleton-composed.d.ts +65 -0
  167. package/dist/src/skeleton/skeleton-composed.js +6 -0
  168. package/dist/src/slider/slider-composed.d.ts +22 -0
  169. package/dist/src/slider/slider-composed.js +6 -0
  170. package/dist/src/switch/switch-composed.d.ts +17 -0
  171. package/dist/src/switch/switch-composed.js +6 -0
  172. package/dist/src/table/table-composed.d.ts +34 -0
  173. package/dist/src/table/table-composed.js +6 -0
  174. package/dist/src/tabs/tabs-composed.d.ts +33 -0
  175. package/dist/src/tabs/tabs-composed.js +6 -0
  176. package/dist/src/tabs/tabs.js +1 -1
  177. package/dist/src/textarea/textarea-composed.d.ts +35 -0
  178. package/dist/src/textarea/textarea-composed.js +6 -0
  179. package/dist/src/toast/toast.js +1 -1
  180. package/dist/src/toggle/toggle-composed.d.ts +16 -0
  181. package/dist/src/toggle/toggle-composed.js +6 -0
  182. package/dist/src/toggle-group/toggle-group-composed.d.ts +24 -0
  183. package/dist/src/toggle-group/toggle-group-composed.js +6 -0
  184. package/dist/src/toggle-group/toggle-group.js +1 -1
  185. package/dist/src/tooltip/tooltip-composed.d.ts +36 -0
  186. package/dist/src/tooltip/tooltip-composed.js +6 -0
  187. package/dist/src/tooltip/tooltip.js +1 -1
  188. package/dist/src/utils.js +1 -1
  189. package/package.json +3 -3
  190. package/dist/shared/chunk-56reyd5r.js +0 -64
  191. package/dist/shared/chunk-mgr904ap.js +0 -370
@@ -0,0 +1,202 @@
1
+ import {
2
+ cn
3
+ } from "./chunk-q7xbcj9q.js";
4
+ import {
5
+ createDismiss
6
+ } from "./chunk-a6wp8c32.js";
7
+ import {
8
+ createFloatingPosition
9
+ } from "./chunk-vef3sepw.js";
10
+ import {
11
+ linkedIds
12
+ } from "./chunk-8y1jf6xr.js";
13
+
14
+ // src/popover/popover-composed.tsx
15
+ import { signal } from "@vertz/ui";
16
+ import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
17
+ import { createContext, ref, useContext } from "@vertz/ui";
18
+ var PopoverContext = createContext(undefined, "@vertz/ui-primitives::PopoverContext");
19
+ function usePopoverContext(componentName) {
20
+ const ctx = useContext(PopoverContext);
21
+ if (!ctx) {
22
+ throw new Error(`<Popover.${componentName}> must be used inside <Popover>. ` + "Ensure it is a direct or nested child of the Popover root component.");
23
+ }
24
+ return ctx;
25
+ }
26
+ function PopoverTrigger(__props) {
27
+ const __mfDepth = __pushMountFrame();
28
+ try {
29
+ const ctx = usePopoverContext("Trigger");
30
+ const __mfResult0 = (() => {
31
+ const __el0 = __element("span");
32
+ {
33
+ const __v = { display: "contents" };
34
+ if (__v != null && __v !== false)
35
+ __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
36
+ }
37
+ __el0.setAttribute("data-popover-trigger", "");
38
+ __el0.setAttribute("aria-haspopup", "dialog");
39
+ {
40
+ const __v = ctx.contentId;
41
+ if (__v != null && __v !== false)
42
+ __el0.setAttribute("aria-controls", __v === true ? "" : __v);
43
+ }
44
+ __el0.setAttribute("aria-expanded", "false");
45
+ __el0.setAttribute("data-state", "closed");
46
+ __on(__el0, "click", () => {
47
+ ctx.toggle();
48
+ const nowOpen = ctx.isOpen();
49
+ const el = document.querySelector(`[data-popover-trigger][aria-controls="${ctx.contentId}"]`);
50
+ if (el) {
51
+ el.setAttribute("aria-expanded", nowOpen ? "true" : "false");
52
+ el.setAttribute("data-state", nowOpen ? "open" : "closed");
53
+ }
54
+ });
55
+ __enterChildren(__el0);
56
+ __append(__el0, __child(() => __props.children));
57
+ __exitChildren();
58
+ return __el0;
59
+ })();
60
+ __flushMountFrame();
61
+ return __mfResult0;
62
+ } catch (__mfErr) {
63
+ __discardMountFrame(__mfDepth);
64
+ throw __mfErr;
65
+ }
66
+ }
67
+ function PopoverContent(__props) {
68
+ const __mfDepth = __pushMountFrame();
69
+ try {
70
+ const ctx = usePopoverContext("Content");
71
+ const instanceIndex = ctx._contentCount.value++;
72
+ if (instanceIndex > 0) {
73
+ console.warn("Duplicate <Popover.Content> detected – only the first is used");
74
+ }
75
+ const __mfResult0 = (() => {
76
+ const __el0 = __element("div");
77
+ ctx.contentRef.current = __el0;
78
+ __el0.setAttribute("role", "dialog");
79
+ {
80
+ const __v = ctx.contentId;
81
+ if (__v != null && __v !== false)
82
+ __el0.setAttribute("id", __v === true ? "" : __v);
83
+ }
84
+ __el0.setAttribute("data-popover-content", "");
85
+ __el0.setAttribute("aria-hidden", "true");
86
+ __el0.setAttribute("data-state", "closed");
87
+ {
88
+ const __v = { display: "none" };
89
+ if (__v != null && __v !== false)
90
+ __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
91
+ }
92
+ __attr(__el0, "class", () => cn(ctx.classes?.content, __props.className ?? __props.class));
93
+ __enterChildren(__el0);
94
+ __append(__el0, __child(() => __props.children));
95
+ __exitChildren();
96
+ return __el0;
97
+ })();
98
+ __flushMountFrame();
99
+ return __mfResult0;
100
+ } catch (__mfErr) {
101
+ __discardMountFrame(__mfDepth);
102
+ throw __mfErr;
103
+ }
104
+ }
105
+ function ComposedPopoverRoot(__props) {
106
+ const __mfDepth = __pushMountFrame();
107
+ try {
108
+ let getElements = function() {
109
+ const content = contentRef.current ?? null;
110
+ let trigger = content ? content.parentElement?.querySelector("[data-popover-trigger]") : null;
111
+ while (trigger && getComputedStyle(trigger).display === "contents") {
112
+ trigger = trigger.firstElementChild;
113
+ }
114
+ return { trigger, content };
115
+ }, syncContentAttrs = function(nowOpen) {
116
+ const content = contentRef.current;
117
+ if (!content)
118
+ return;
119
+ content.setAttribute("data-state", nowOpen ? "open" : "closed");
120
+ content.setAttribute("aria-hidden", nowOpen ? "false" : "true");
121
+ content.style.display = nowOpen ? "" : "none";
122
+ }, open = function() {
123
+ isOpen.value = true;
124
+ syncContentAttrs(true);
125
+ const { trigger, content } = getElements();
126
+ if (trigger && content) {
127
+ content.style.position = "fixed";
128
+ const floatingOpts = __props.positioning ?? {};
129
+ const result = createFloatingPosition(trigger, content, floatingOpts);
130
+ cleanup.floating = result.cleanup;
131
+ cleanup.dismiss = createDismiss({
132
+ onDismiss: close,
133
+ insideElements: [trigger, content],
134
+ escapeKey: true
135
+ });
136
+ }
137
+ __props.onOpenChange?.(true);
138
+ }, close = function() {
139
+ isOpen.value = false;
140
+ syncContentAttrs(false);
141
+ const content = contentRef.current;
142
+ if (content) {
143
+ content.style.position = "";
144
+ content.style.left = "";
145
+ content.style.top = "";
146
+ }
147
+ cleanup.floating?.();
148
+ cleanup.floating = null;
149
+ cleanup.dismiss?.();
150
+ cleanup.dismiss = null;
151
+ __props.onOpenChange?.(false);
152
+ }, toggle = function() {
153
+ if (isOpen.value)
154
+ close();
155
+ else
156
+ open();
157
+ };
158
+ const ids = linkedIds("popover");
159
+ const contentRef = ref();
160
+ const isOpen = signal(false, "isOpen");
161
+ const cleanup = {
162
+ floating: null,
163
+ dismiss: null
164
+ };
165
+ const ctx = {
166
+ isOpen: () => isOpen.value,
167
+ contentId: ids.contentId,
168
+ contentRef,
169
+ classes: __props.classes,
170
+ open,
171
+ close,
172
+ toggle,
173
+ _contentCount: { value: 0 }
174
+ };
175
+ const __mfResult0 = PopoverContext.Provider({ get value() {
176
+ return ctx;
177
+ }, children: () => (() => {
178
+ const __el0 = __element("span");
179
+ {
180
+ const __v = { display: "contents" };
181
+ if (__v != null && __v !== false)
182
+ __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
183
+ }
184
+ __el0.setAttribute("data-popover-root", "");
185
+ __enterChildren(__el0);
186
+ __append(__el0, __child(() => __props.children));
187
+ __exitChildren();
188
+ return __el0;
189
+ })() });
190
+ __flushMountFrame();
191
+ return __mfResult0;
192
+ } catch (__mfErr) {
193
+ __discardMountFrame(__mfDepth);
194
+ throw __mfErr;
195
+ }
196
+ }
197
+ var ComposedPopover = Object.assign(ComposedPopoverRoot, {
198
+ Trigger: PopoverTrigger,
199
+ Content: PopoverContent
200
+ });
201
+
202
+ export { ComposedPopover };
@@ -0,0 +1,107 @@
1
+ import {
2
+ cn
3
+ } from "./chunk-q7xbcj9q.js";
4
+
5
+ // src/skeleton/skeleton-composed.tsx
6
+ import { computed } from "@vertz/ui";
7
+ import { __attr, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __insert, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
8
+ function ComposedSkeletonRoot(props = {}) {
9
+ const __mfDepth = __pushMountFrame();
10
+ try {
11
+ const classes = computed(() => props.classes);
12
+ const className = computed(() => props.className);
13
+ const classProp = computed(() => props.class);
14
+ const width = computed(() => props.width);
15
+ const height = computed(() => props.height);
16
+ const __mfResult0 = (() => {
17
+ const __el0 = __element("div");
18
+ __attr(__el0, "class", () => cn(classes.value?.root, className.value ?? classProp.value));
19
+ __el0.setAttribute("aria-hidden", "true");
20
+ __attr(__el0, "style", () => ({
21
+ width: width.value || undefined,
22
+ height: height.value || undefined
23
+ }));
24
+ return __el0;
25
+ })();
26
+ __flushMountFrame();
27
+ return __mfResult0;
28
+ } catch (__mfErr) {
29
+ __discardMountFrame(__mfDepth);
30
+ throw __mfErr;
31
+ }
32
+ }
33
+ function SkeletonText(props = {}) {
34
+ const __mfDepth = __pushMountFrame();
35
+ try {
36
+ const lineCount = computed(() => props.lines ?? 3);
37
+ const lastWidth = computed(() => props.lastLineWidth ?? "75%");
38
+ const lineHeight = computed(() => props.height);
39
+ const lines = [];
40
+ for (let i = 0;i < lineCount.value; i++) {
41
+ lines.push((() => {
42
+ const __el0 = __element("div");
43
+ {
44
+ const __v = cn(props.classes?.line);
45
+ if (__v != null && __v !== false)
46
+ __el0.setAttribute("class", __v === true ? "" : __v);
47
+ }
48
+ __attr(__el0, "style", () => ({
49
+ width: i === lineCount.value - 1 ? lastWidth.value : undefined,
50
+ height: lineHeight.value || undefined
51
+ }));
52
+ return __el0;
53
+ })());
54
+ }
55
+ const __mfResult0 = (() => {
56
+ const __el1 = __element("div");
57
+ {
58
+ const __v = cn(props.classes?.root, props.className ?? props.class);
59
+ if (__v != null && __v !== false)
60
+ __el1.setAttribute("class", __v === true ? "" : __v);
61
+ }
62
+ __el1.setAttribute("aria-hidden", "true");
63
+ {
64
+ const __v = { gap: props.gap || undefined };
65
+ if (__v != null && __v !== false)
66
+ __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
67
+ }
68
+ __enterChildren(__el1);
69
+ __insert(__el1, lines);
70
+ __exitChildren();
71
+ return __el1;
72
+ })();
73
+ __flushMountFrame();
74
+ return __mfResult0;
75
+ } catch (__mfErr) {
76
+ __discardMountFrame(__mfDepth);
77
+ throw __mfErr;
78
+ }
79
+ }
80
+ function SkeletonCircle(props = {}) {
81
+ const __mfDepth = __pushMountFrame();
82
+ try {
83
+ const size = computed(() => props.size ?? "2.5rem");
84
+ const __mfResult0 = (() => {
85
+ const __el0 = __element("div");
86
+ {
87
+ const __v = cn(props.classes?.root, props.className ?? props.class);
88
+ if (__v != null && __v !== false)
89
+ __el0.setAttribute("class", __v === true ? "" : __v);
90
+ }
91
+ __el0.setAttribute("aria-hidden", "true");
92
+ __attr(__el0, "style", () => ({ width: size.value, height: size.value }));
93
+ return __el0;
94
+ })();
95
+ __flushMountFrame();
96
+ return __mfResult0;
97
+ } catch (__mfErr) {
98
+ __discardMountFrame(__mfDepth);
99
+ throw __mfErr;
100
+ }
101
+ }
102
+ var ComposedSkeleton = Object.assign(ComposedSkeletonRoot, {
103
+ Text: SkeletonText,
104
+ Circle: SkeletonCircle
105
+ });
106
+
107
+ export { ComposedSkeleton };
@@ -0,0 +1,189 @@
1
+ import {
2
+ cn
3
+ } from "./chunk-q7xbcj9q.js";
4
+
5
+ // src/table/table-composed.tsx
6
+ import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
7
+ import { createContext, useContext } from "@vertz/ui";
8
+ var TableContext = createContext(undefined, "@vertz/ui-primitives::TableContext");
9
+ function TableHeader(__props) {
10
+ const __mfDepth = __pushMountFrame();
11
+ try {
12
+ const ctx = useContext(TableContext);
13
+ const __mfResult0 = (() => {
14
+ const __el0 = __element("thead");
15
+ __attr(__el0, "class", () => cn(ctx?.classes?.header, __props.className ?? __props.class));
16
+ __enterChildren(__el0);
17
+ __append(__el0, __child(() => __props.children));
18
+ __exitChildren();
19
+ return __el0;
20
+ })();
21
+ __flushMountFrame();
22
+ return __mfResult0;
23
+ } catch (__mfErr) {
24
+ __discardMountFrame(__mfDepth);
25
+ throw __mfErr;
26
+ }
27
+ }
28
+ function TableBody(__props) {
29
+ const __mfDepth = __pushMountFrame();
30
+ try {
31
+ const ctx = useContext(TableContext);
32
+ const __mfResult0 = (() => {
33
+ const __el0 = __element("tbody");
34
+ __attr(__el0, "class", () => cn(ctx?.classes?.body, __props.className ?? __props.class));
35
+ __enterChildren(__el0);
36
+ __append(__el0, __child(() => __props.children));
37
+ __exitChildren();
38
+ return __el0;
39
+ })();
40
+ __flushMountFrame();
41
+ return __mfResult0;
42
+ } catch (__mfErr) {
43
+ __discardMountFrame(__mfDepth);
44
+ throw __mfErr;
45
+ }
46
+ }
47
+ function TableRow(__props) {
48
+ const __mfDepth = __pushMountFrame();
49
+ try {
50
+ const ctx = useContext(TableContext);
51
+ const __mfResult0 = (() => {
52
+ const __el0 = __element("tr");
53
+ __attr(__el0, "class", () => cn(ctx?.classes?.row, __props.className ?? __props.class));
54
+ __enterChildren(__el0);
55
+ __append(__el0, __child(() => __props.children));
56
+ __exitChildren();
57
+ return __el0;
58
+ })();
59
+ __flushMountFrame();
60
+ return __mfResult0;
61
+ } catch (__mfErr) {
62
+ __discardMountFrame(__mfDepth);
63
+ throw __mfErr;
64
+ }
65
+ }
66
+ function TableHead(__props) {
67
+ const __mfDepth = __pushMountFrame();
68
+ try {
69
+ const ctx = useContext(TableContext);
70
+ const __mfResult0 = (() => {
71
+ const __el0 = __element("th");
72
+ __el0.setAttribute("scope", "col");
73
+ __attr(__el0, "class", () => cn(ctx?.classes?.head, __props.className ?? __props.class));
74
+ __enterChildren(__el0);
75
+ __append(__el0, __child(() => __props.children));
76
+ __exitChildren();
77
+ return __el0;
78
+ })();
79
+ __flushMountFrame();
80
+ return __mfResult0;
81
+ } catch (__mfErr) {
82
+ __discardMountFrame(__mfDepth);
83
+ throw __mfErr;
84
+ }
85
+ }
86
+ function TableCell(__props) {
87
+ const __mfDepth = __pushMountFrame();
88
+ try {
89
+ const ctx = useContext(TableContext);
90
+ const __mfResult0 = (() => {
91
+ const __el0 = __element("td");
92
+ __attr(__el0, "class", () => cn(ctx?.classes?.cell, __props.className ?? __props.class));
93
+ __enterChildren(__el0);
94
+ __append(__el0, __child(() => __props.children));
95
+ __exitChildren();
96
+ return __el0;
97
+ })();
98
+ __flushMountFrame();
99
+ return __mfResult0;
100
+ } catch (__mfErr) {
101
+ __discardMountFrame(__mfDepth);
102
+ throw __mfErr;
103
+ }
104
+ }
105
+ function TableCaption(__props) {
106
+ const __mfDepth = __pushMountFrame();
107
+ try {
108
+ const ctx = useContext(TableContext);
109
+ const __mfResult0 = (() => {
110
+ const __el0 = __element("caption");
111
+ __attr(__el0, "class", () => cn(ctx?.classes?.caption, __props.className ?? __props.class));
112
+ __enterChildren(__el0);
113
+ __append(__el0, __child(() => __props.children));
114
+ __exitChildren();
115
+ return __el0;
116
+ })();
117
+ __flushMountFrame();
118
+ return __mfResult0;
119
+ } catch (__mfErr) {
120
+ __discardMountFrame(__mfDepth);
121
+ throw __mfErr;
122
+ }
123
+ }
124
+ function TableFooter(__props) {
125
+ const __mfDepth = __pushMountFrame();
126
+ try {
127
+ const ctx = useContext(TableContext);
128
+ const __mfResult0 = (() => {
129
+ const __el0 = __element("tfoot");
130
+ __attr(__el0, "class", () => cn(ctx?.classes?.footer, __props.className ?? __props.class));
131
+ __enterChildren(__el0);
132
+ __append(__el0, __child(() => __props.children));
133
+ __exitChildren();
134
+ return __el0;
135
+ })();
136
+ __flushMountFrame();
137
+ return __mfResult0;
138
+ } catch (__mfErr) {
139
+ __discardMountFrame(__mfDepth);
140
+ throw __mfErr;
141
+ }
142
+ }
143
+ function ComposedTableRoot(__props) {
144
+ const __mfDepth = __pushMountFrame();
145
+ try {
146
+ const __mfResult0 = TableContext.Provider({ get value() {
147
+ return { classes: __props.classes };
148
+ }, children: () => (() => {
149
+ const __el0 = __element("div");
150
+ {
151
+ const __v = { position: "relative", width: "100%", overflowX: "auto" };
152
+ if (__v != null && __v !== false)
153
+ __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
154
+ }
155
+ __enterChildren(__el0);
156
+ __append(__el0, (() => {
157
+ const __el1 = __element("table");
158
+ {
159
+ const __v = { borderCollapse: "collapse" };
160
+ if (__v != null && __v !== false)
161
+ __el1.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
162
+ }
163
+ __attr(__el1, "class", () => cn(__props.classes?.root, __props.className ?? __props.class));
164
+ __enterChildren(__el1);
165
+ __append(__el1, __child(() => __props.children));
166
+ __exitChildren();
167
+ return __el1;
168
+ })());
169
+ __exitChildren();
170
+ return __el0;
171
+ })() });
172
+ __flushMountFrame();
173
+ return __mfResult0;
174
+ } catch (__mfErr) {
175
+ __discardMountFrame(__mfDepth);
176
+ throw __mfErr;
177
+ }
178
+ }
179
+ var ComposedTable = Object.assign(ComposedTableRoot, {
180
+ Header: TableHeader,
181
+ Body: TableBody,
182
+ Row: TableRow,
183
+ Head: TableHead,
184
+ Cell: TableCell,
185
+ Caption: TableCaption,
186
+ Footer: TableFooter
187
+ });
188
+
189
+ export { ComposedTable };
@@ -82,7 +82,6 @@ function ToggleGroupRoot(options = {}) {
82
82
  })();
83
83
  items.push(item);
84
84
  setRovingTabindex(items, 0);
85
- root.appendChild(item);
86
85
  return item;
87
86
  };
88
87
  const {
@@ -59,7 +59,6 @@ function CarouselRoot(options = {}) {
59
59
  })();
60
60
  slides.push(slide);
61
61
  state.slideCount.value = slides.length;
62
- viewport.appendChild(slide);
63
62
  updateSlideVisibility();
64
63
  return slide;
65
64
  };
@@ -0,0 +1,179 @@
1
+ import {
2
+ cn
3
+ } from "./chunk-q7xbcj9q.js";
4
+ import {
5
+ setDataState,
6
+ setExpanded,
7
+ setHidden,
8
+ setHiddenAnimated
9
+ } from "./chunk-vevfhpc9.js";
10
+ import {
11
+ linkedIds
12
+ } from "./chunk-8y1jf6xr.js";
13
+
14
+ // src/collapsible/collapsible-composed.tsx
15
+ import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __on, __pushMountFrame, __styleStr } from "@vertz/ui/internals";
16
+ import { createContext, ref, useContext } from "@vertz/ui";
17
+ var CollapsibleContext = createContext(undefined, "@vertz/ui-primitives::CollapsibleContext");
18
+ function useCollapsibleContext(componentName) {
19
+ const ctx = useContext(CollapsibleContext);
20
+ if (!ctx) {
21
+ throw new Error(`<Collapsible.${componentName}> must be used inside <Collapsible>. ` + "Ensure it is a direct or nested child of the Collapsible root component.");
22
+ }
23
+ return ctx;
24
+ }
25
+ function CollapsibleTrigger(__props) {
26
+ const __mfDepth = __pushMountFrame();
27
+ try {
28
+ const ctx = useCollapsibleContext("Trigger");
29
+ const __mfResult0 = (() => {
30
+ const __el0 = __element("button");
31
+ ctx.triggerRef.current = __el0;
32
+ __el0.setAttribute("type", "button");
33
+ {
34
+ const __v = ctx.ids.triggerId;
35
+ if (__v != null && __v !== false)
36
+ __el0.setAttribute("id", __v === true ? "" : __v);
37
+ }
38
+ {
39
+ const __v = ctx.ids.contentId;
40
+ if (__v != null && __v !== false)
41
+ __el0.setAttribute("aria-controls", __v === true ? "" : __v);
42
+ }
43
+ {
44
+ const __v = ctx.defaultOpen ? "true" : "false";
45
+ if (__v != null && __v !== false)
46
+ __el0.setAttribute("aria-expanded", __v === true ? "" : __v);
47
+ }
48
+ {
49
+ const __v = ctx.defaultOpen ? "open" : "closed";
50
+ if (__v != null && __v !== false)
51
+ __el0.setAttribute("data-state", __v === true ? "" : __v);
52
+ }
53
+ {
54
+ const __v = ctx.disabled;
55
+ if (__v != null && __v !== false)
56
+ __el0.setAttribute("disabled", __v === true ? "" : __v);
57
+ }
58
+ {
59
+ const __v = ctx.disabled ? "true" : undefined;
60
+ if (__v != null && __v !== false)
61
+ __el0.setAttribute("aria-disabled", __v === true ? "" : __v);
62
+ }
63
+ __attr(__el0, "class", () => cn(ctx.classes?.trigger, __props.className ?? __props.class));
64
+ __on(__el0, "click", ctx.toggle);
65
+ __enterChildren(__el0);
66
+ __append(__el0, __child(() => __props.children));
67
+ __exitChildren();
68
+ return __el0;
69
+ })();
70
+ __flushMountFrame();
71
+ return __mfResult0;
72
+ } catch (__mfErr) {
73
+ __discardMountFrame(__mfDepth);
74
+ throw __mfErr;
75
+ }
76
+ }
77
+ function CollapsibleContent(__props) {
78
+ const __mfDepth = __pushMountFrame();
79
+ try {
80
+ const ctx = useCollapsibleContext("Content");
81
+ const __mfResult0 = (() => {
82
+ const __el0 = __element("div");
83
+ ctx.contentRef.current = __el0;
84
+ {
85
+ const __v = ctx.ids.contentId;
86
+ if (__v != null && __v !== false)
87
+ __el0.setAttribute("id", __v === true ? "" : __v);
88
+ }
89
+ __el0.setAttribute("data-part", "collapsible-content");
90
+ {
91
+ const __v = ctx.defaultOpen ? "false" : "true";
92
+ if (__v != null && __v !== false)
93
+ __el0.setAttribute("aria-hidden", __v === true ? "" : __v);
94
+ }
95
+ {
96
+ const __v = ctx.defaultOpen ? "open" : "closed";
97
+ if (__v != null && __v !== false)
98
+ __el0.setAttribute("data-state", __v === true ? "" : __v);
99
+ }
100
+ {
101
+ const __v = { display: ctx.defaultOpen ? "" : "none" };
102
+ if (__v != null && __v !== false)
103
+ __el0.setAttribute("style", typeof __v === "object" ? __styleStr(__v) : __v === true ? "" : String(__v));
104
+ }
105
+ __attr(__el0, "class", () => cn(ctx.classes?.content, __props.className ?? __props.class));
106
+ __enterChildren(__el0);
107
+ __append(__el0, __child(() => __props.children));
108
+ __exitChildren();
109
+ return __el0;
110
+ })();
111
+ __flushMountFrame();
112
+ return __mfResult0;
113
+ } catch (__mfErr) {
114
+ __discardMountFrame(__mfDepth);
115
+ throw __mfErr;
116
+ }
117
+ }
118
+ function ComposedCollapsibleRoot(__props) {
119
+ const __mfDepth = __pushMountFrame();
120
+ try {
121
+ let toggle = function() {
122
+ if (__props.disabled ?? false)
123
+ return;
124
+ const contentEl = contentRef.current;
125
+ const triggerEl = triggerRef.current;
126
+ if (!contentEl || !triggerEl)
127
+ return;
128
+ isOpen = !isOpen;
129
+ if (isOpen) {
130
+ setHidden(contentEl, false);
131
+ }
132
+ const height = contentEl.scrollHeight;
133
+ contentEl.style.setProperty("--collapsible-content-height", `${height}px`);
134
+ setExpanded(triggerEl, isOpen);
135
+ setDataState(triggerEl, isOpen ? "open" : "closed");
136
+ setDataState(contentEl, isOpen ? "open" : "closed");
137
+ if (!isOpen) {
138
+ setHiddenAnimated(contentEl, true);
139
+ }
140
+ __props.onOpenChange?.(isOpen);
141
+ };
142
+ const ids = linkedIds("collapsible");
143
+ const triggerRef = ref();
144
+ const contentRef = ref();
145
+ let isOpen = __props.defaultOpen ?? false;
146
+ const ctx = {
147
+ ids,
148
+ triggerRef,
149
+ contentRef,
150
+ classes: __props.classes,
151
+ disabled: __props.disabled ?? false,
152
+ defaultOpen: __props.defaultOpen ?? false,
153
+ toggle
154
+ };
155
+ const __mfResult0 = (() => {
156
+ const __el0 = __element("div");
157
+ __el0.setAttribute("data-v-id", "ComposedCollapsibleRoot");
158
+ __el0.setAttribute("data-part", "collapsible");
159
+ __attr(__el0, "class", () => cn(__props.classes?.root));
160
+ __enterChildren(__el0);
161
+ __append(__el0, CollapsibleContext.Provider({ get value() {
162
+ return ctx;
163
+ }, children: () => __child(() => __props.children) }));
164
+ __exitChildren();
165
+ return __el0;
166
+ })();
167
+ __flushMountFrame();
168
+ return __mfResult0;
169
+ } catch (__mfErr) {
170
+ __discardMountFrame(__mfDepth);
171
+ throw __mfErr;
172
+ }
173
+ }
174
+ var ComposedCollapsible = Object.assign(ComposedCollapsibleRoot, {
175
+ Trigger: CollapsibleTrigger,
176
+ Content: CollapsibleContent
177
+ });
178
+
179
+ export { ComposedCollapsible };
@@ -129,7 +129,6 @@ function RadioRoot(options = {}) {
129
129
  cleanups.push(() => item.removeEventListener("click", handleClick));
130
130
  items.push(item);
131
131
  itemValues.push(value);
132
- root.appendChild(item);
133
132
  setRovingTabindex(items, itemValues.indexOf(state.value.peek()));
134
133
  return item;
135
134
  }