@atelier-ui/vue 0.0.34 → 0.0.36

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/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as v, ref as C, provide as H, computed as p, openBlock as s, createElementBlock as o, normalizeClass as y, renderSlot as b, useId as O, inject as q, onMounted as E, watch as R, onBeforeUnmount as j, createElementVNode as c, toDisplayString as L, createCommentVNode as w, useSlots as ue, Fragment as B, renderList as z, createBlock as W, resolveDynamicComponent as ce, normalizeStyle as P, unref as M, withModifiers as V, onUnmounted as J, createTextVNode as G, createVNode as me, nextTick as Y, useTemplateRef as Z, toRef as fe } from "vue";
2
- const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1
+ import { defineComponent as v, ref as B, provide as E, computed as p, openBlock as l, createElementBlock as o, normalizeClass as y, renderSlot as h, useId as O, inject as q, onMounted as H, watch as z, onBeforeUnmount as j, createBlock as N, resolveDynamicComponent as J, withCtx as ce, createElementVNode as c, toDisplayString as C, createCommentVNode as w, useSlots as me, Fragment as T, renderList as R, normalizeStyle as P, unref as M, withModifiers as V, onUnmounted as Y, createTextVNode as G, createVNode as fe, nextTick as Z, useTemplateRef as Q, toRef as pe } from "vue";
2
+ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
3
3
  name: "LlmAccordionGroup",
4
4
  __name: "llm-accordion-group",
5
5
  props: {
@@ -7,108 +7,112 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
7
7
  variant: { default: "default" }
8
8
  },
9
9
  setup(e) {
10
- const t = e, a = C(/* @__PURE__ */ new Set()), n = /* @__PURE__ */ new Map();
11
- function l(i) {
10
+ const t = e, a = B(/* @__PURE__ */ new Set()), s = /* @__PURE__ */ new Map();
11
+ function n(i) {
12
12
  const m = new Set(a.value);
13
13
  m.has(i) ? m.delete(i) : (t.multi || m.clear(), m.add(i)), a.value = m;
14
14
  }
15
- function d(i, m) {
16
- n.set(i, m);
15
+ function r(i, m) {
16
+ s.set(i, m);
17
17
  }
18
- function u(i) {
19
- n.delete(i);
18
+ function d(i) {
19
+ s.delete(i);
20
20
  }
21
- H(Q, {
21
+ E(X, {
22
22
  get multi() {
23
23
  return t.multi;
24
24
  },
25
25
  openItems: a,
26
- toggleItem: l,
27
- registerItem: d,
28
- unregisterItem: u
26
+ toggleItem: n,
27
+ registerItem: r,
28
+ unregisterItem: d
29
29
  });
30
- const r = p(() => ["llm-accordion-group", `variant-${t.variant}`]);
31
- return (i, m) => (s(), o("div", {
32
- class: y(r.value)
30
+ const u = p(() => ["llm-accordion-group", `variant-${t.variant}`]);
31
+ return (i, m) => (l(), o("div", {
32
+ class: y(u.value)
33
33
  }, [
34
- b(i.$slots, "default")
34
+ h(i.$slots, "default")
35
35
  ], 2));
36
36
  }
37
- }), pe = { class: "accordion-heading" }, ve = ["aria-expanded", "disabled"], wt = /* @__PURE__ */ v({
37
+ }), ve = ["aria-expanded", "disabled"], Lt = /* @__PURE__ */ v({
38
38
  name: "LlmAccordionItem",
39
39
  __name: "llm-accordion-item",
40
40
  props: {
41
41
  expanded: { type: Boolean, default: void 0 },
42
- disabled: { type: Boolean, default: !1 }
42
+ disabled: { type: Boolean, default: !1 },
43
+ headingLevel: { default: 3 }
43
44
  },
44
45
  emits: ["update:expanded"],
45
46
  setup(e, { emit: t }) {
46
- const a = e, n = t, l = O(), d = `llm-accordion-trigger-${l}`, u = `llm-accordion-panel-${l}`, r = q(Q, null), i = C(null), m = p(() => r ? r.openItems.value.has(l) : a.expanded ?? !1);
47
+ const a = e, s = p(() => `h${a.headingLevel}`), n = t, r = O(), d = `llm-accordion-trigger-${r}`, u = `llm-accordion-panel-${r}`, i = q(X, null), m = B(null), g = p(() => i ? i.openItems.value.has(r) : a.expanded ?? !1);
47
48
  function $() {
48
- a.disabled || (r ? r.toggleItem(l) : n("update:expanded", !m.value));
49
+ a.disabled || (i ? i.toggleItem(r) : n("update:expanded", !g.value));
49
50
  }
50
- function k(g) {
51
- if (!r) return;
52
- const f = Array.from(
51
+ function b(f) {
52
+ if (!i) return;
53
+ const _ = Array.from(
53
54
  document.querySelectorAll(".llm-accordion-item:not(.is-disabled) .accordion-trigger")
54
- ), I = f.indexOf(g.currentTarget);
55
- g.key === "ArrowDown" ? (g.preventDefault(), f[(I + 1) % f.length]?.focus()) : g.key === "ArrowUp" ? (g.preventDefault(), f[(I - 1 + f.length) % f.length]?.focus()) : g.key === "Home" ? (g.preventDefault(), f[0]?.focus()) : g.key === "End" && (g.preventDefault(), f[f.length - 1]?.focus());
55
+ ), x = _.indexOf(f.currentTarget);
56
+ f.key === "ArrowDown" ? (f.preventDefault(), _[(x + 1) % _.length]?.focus()) : f.key === "ArrowUp" ? (f.preventDefault(), _[(x - 1 + _.length) % _.length]?.focus()) : f.key === "Home" ? (f.preventDefault(), _[0]?.focus()) : f.key === "End" && (f.preventDefault(), _[_.length - 1]?.focus());
56
57
  }
57
- E(() => {
58
- r && i.value && r.registerItem(l, i.value), !r && a.expanded;
59
- }), R(
58
+ H(() => {
59
+ i && m.value && i.registerItem(r, m.value), !i && a.expanded;
60
+ }), z(
60
61
  () => a.expanded,
61
- (g) => {
62
- if (!r || g === void 0) return;
63
- const f = r.openItems.value.has(l);
64
- (g && !f || !g && f) && r.toggleItem(l);
62
+ (f) => {
63
+ if (!i || f === void 0) return;
64
+ const _ = i.openItems.value.has(r);
65
+ (f && !_ || !f && _) && i.toggleItem(r);
65
66
  },
66
67
  { immediate: !0 }
67
68
  ), j(() => {
68
- r && r.unregisterItem(l);
69
+ i && i.unregisterItem(r);
69
70
  });
70
- const h = p(() => [
71
+ const k = p(() => [
71
72
  "llm-accordion-item",
72
- m.value && "is-expanded",
73
+ g.value && "is-expanded",
73
74
  a.disabled && "is-disabled"
74
- ]), _ = p(() => ["chevron", m.value && "is-expanded"]);
75
- return (g, f) => (s(), o("div", {
76
- class: y(h.value)
75
+ ]), L = p(() => ["chevron", g.value && "is-expanded"]);
76
+ return (f, _) => (l(), o("div", {
77
+ class: y(k.value)
77
78
  }, [
78
- c("h3", pe, [
79
- c("button", {
80
- id: d,
81
- ref_key: "triggerRef",
82
- ref: i,
83
- class: "accordion-trigger",
84
- type: "button",
85
- "aria-expanded": m.value,
86
- "aria-controls": u,
87
- disabled: e.disabled,
88
- onClick: $,
89
- onKeydown: k
90
- }, [
91
- b(g.$slots, "header"),
92
- (s(), o("svg", {
93
- class: y(_.value),
94
- width: "16",
95
- height: "16",
96
- viewBox: "0 0 16 16",
97
- fill: "none",
98
- "aria-hidden": "true"
99
- }, [...f[0] || (f[0] = [
100
- c("path", {
101
- d: "M4 6L8 10L12 6",
102
- stroke: "currentColor",
103
- "stroke-width": "1.5",
104
- "stroke-linecap": "round",
105
- "stroke-linejoin": "round"
106
- }, null, -1)
107
- ])], 2))
108
- ], 40, ve)
109
- ]),
79
+ (l(), N(J(s.value), { class: "accordion-heading" }, {
80
+ default: ce(() => [
81
+ c("button", {
82
+ id: d,
83
+ ref_key: "triggerRef",
84
+ ref: m,
85
+ class: "accordion-trigger",
86
+ type: "button",
87
+ "aria-expanded": g.value,
88
+ "aria-controls": u,
89
+ disabled: e.disabled,
90
+ onClick: $,
91
+ onKeydown: b
92
+ }, [
93
+ h(f.$slots, "header"),
94
+ (l(), o("svg", {
95
+ class: y(L.value),
96
+ width: "16",
97
+ height: "16",
98
+ viewBox: "0 0 16 16",
99
+ fill: "none",
100
+ "aria-hidden": "true"
101
+ }, [..._[0] || (_[0] = [
102
+ c("path", {
103
+ d: "M4 6L8 10L12 6",
104
+ stroke: "currentColor",
105
+ "stroke-width": "1.5",
106
+ "stroke-linecap": "round",
107
+ "stroke-linejoin": "round"
108
+ }, null, -1)
109
+ ])], 2))
110
+ ], 40, ve)
111
+ ]),
112
+ _: 3
113
+ })),
110
114
  c("div", {
111
- class: y(["accordion-panel-wrapper", m.value && "is-expanded"])
115
+ class: y(["accordion-panel-wrapper", g.value && "is-expanded"])
112
116
  }, [
113
117
  c("div", {
114
118
  id: u,
@@ -116,23 +120,23 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
116
120
  "aria-labelledby": d,
117
121
  class: "accordion-panel"
118
122
  }, [
119
- b(g.$slots, "default")
123
+ h(f.$slots, "default")
120
124
  ])
121
125
  ], 2)
122
126
  ], 2));
123
127
  }
124
- }), he = { class: "accordion-header-content" }, Lt = /* @__PURE__ */ v({
128
+ }), be = { class: "accordion-header-content" }, xt = /* @__PURE__ */ v({
125
129
  name: "LlmAccordionHeader",
126
130
  __name: "llm-accordion-header",
127
131
  setup(e) {
128
- return (t, a) => (s(), o("span", he, [
129
- b(t.$slots, "default")
132
+ return (t, a) => (l(), o("span", be, [
133
+ h(t.$slots, "default")
130
134
  ]));
131
135
  }
132
- }), be = ["aria-live"], ge = { class: "content" }, ye = {
136
+ }), he = ["aria-live"], ge = { class: "content" }, ye = {
133
137
  class: "variant-icon",
134
138
  "aria-hidden": "true"
135
- }, xt = /* @__PURE__ */ v({
139
+ }, Ct = /* @__PURE__ */ v({
136
140
  name: "LlmAlert",
137
141
  __name: "llm-alert",
138
142
  props: {
@@ -146,24 +150,24 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
146
150
  success: "✓",
147
151
  warning: "⚠",
148
152
  danger: "✕"
149
- }, n = e, l = t, d = p(() => ["llm-alert", `variant-${n.variant}`]), u = p(
150
- () => n.variant === "danger" || n.variant === "warning" ? "assertive" : "polite"
151
- ), r = p(() => a[n.variant]);
152
- return (i, m) => (s(), o("div", {
153
- class: y(d.value),
153
+ }, s = e, n = t, r = p(() => ["llm-alert", `variant-${s.variant}`]), d = p(
154
+ () => s.variant === "danger" || s.variant === "warning" ? "assertive" : "polite"
155
+ ), u = p(() => a[s.variant]);
156
+ return (i, m) => (l(), o("div", {
157
+ class: y(r.value),
154
158
  role: "alert",
155
- "aria-live": u.value
159
+ "aria-live": d.value
156
160
  }, [
157
161
  c("span", ge, [
158
- c("span", ye, L(r.value), 1),
159
- b(i.$slots, "default")
162
+ c("span", ye, C(u.value), 1),
163
+ h(i.$slots, "default")
160
164
  ]),
161
- e.dismissible ? (s(), o("button", {
165
+ e.dismissible ? (l(), o("button", {
162
166
  key: 0,
163
167
  class: "dismiss",
164
168
  type: "button",
165
169
  "aria-label": "Dismiss",
166
- onClick: m[0] || (m[0] = ($) => l("dismissed"))
170
+ onClick: m[0] || (m[0] = (g) => n("dismissed"))
167
171
  }, [...m[1] || (m[1] = [
168
172
  c("svg", {
169
173
  xmlns: "http://www.w3.org/2000/svg",
@@ -191,7 +195,7 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
191
195
  })
192
196
  ], -1)
193
197
  ])])) : w("", !0)
194
- ], 10, be));
198
+ ], 10, he));
195
199
  }
196
200
  }), $e = ["aria-label"], ke = ["src", "alt"], _e = {
197
201
  key: 1,
@@ -203,7 +207,7 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
203
207
  viewBox: "0 0 24 24",
204
208
  fill: "currentColor",
205
209
  "aria-hidden": "true"
206
- }, Ct = /* @__PURE__ */ v({
210
+ }, Bt = /* @__PURE__ */ v({
207
211
  name: "LlmAvatar",
208
212
  __name: "llm-avatar",
209
213
  props: {
@@ -215,39 +219,39 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
215
219
  status: { default: "" }
216
220
  },
217
221
  setup(e) {
218
- const t = e, a = C(!1);
219
- R(() => t.src, () => {
222
+ const t = e, a = B(!1);
223
+ z(() => t.src, () => {
220
224
  a.value = !1;
221
225
  });
222
- function n(r) {
223
- return r.split(" ").filter(Boolean).slice(0, 2).map((i) => i[0].toUpperCase()).join("");
226
+ function s(u) {
227
+ return u.split(" ").filter(Boolean).slice(0, 2).map((i) => i[0].toUpperCase()).join("");
224
228
  }
225
- const l = p(() => t.name ? n(t.name) : ""), d = p(() => t.alt || t.name || "Avatar"), u = p(() => [
229
+ const n = p(() => t.name ? s(t.name) : ""), r = p(() => t.alt || t.name || "Avatar"), d = p(() => [
226
230
  "llm-avatar",
227
231
  `size-${t.size}`,
228
232
  `shape-${t.shape}`
229
233
  ]);
230
- return (r, i) => (s(), o("div", {
231
- class: y(u.value),
232
- "aria-label": d.value,
234
+ return (u, i) => (l(), o("div", {
235
+ class: y(d.value),
236
+ "aria-label": r.value,
233
237
  role: "img"
234
238
  }, [
235
- e.src && !a.value ? (s(), o("img", {
239
+ e.src && !a.value ? (l(), o("img", {
236
240
  key: 0,
237
241
  src: e.src,
238
242
  alt: e.alt || e.name,
239
243
  onError: i[0] || (i[0] = (m) => a.value = !0)
240
- }, null, 40, ke)) : l.value ? (s(), o("span", _e, L(l.value), 1)) : (s(), o("svg", we, [...i[1] || (i[1] = [
244
+ }, null, 40, ke)) : n.value ? (l(), o("span", _e, C(n.value), 1)) : (l(), o("svg", we, [...i[1] || (i[1] = [
241
245
  c("path", { d: "M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.314 0-10 1.343-10 4v2h20v-2c0-2.657-6.686-4-10-4z" }, null, -1)
242
246
  ])])),
243
- e.status ? (s(), o("span", {
247
+ e.status ? (l(), o("span", {
244
248
  key: 3,
245
249
  class: y(`status-dot status-${e.status}`),
246
250
  "aria-hidden": "true"
247
251
  }, null, 2)) : w("", !0)
248
252
  ], 10, $e));
249
253
  }
250
- }), Le = ["aria-label"], Bt = /* @__PURE__ */ v({
254
+ }), Le = ["aria-label"], Tt = /* @__PURE__ */ v({
251
255
  name: "LlmAvatarGroup",
252
256
  __name: "llm-avatar-group",
253
257
  props: {
@@ -255,16 +259,16 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
255
259
  size: { default: "md" }
256
260
  },
257
261
  setup(e) {
258
- const t = e, a = ue(), n = p(() => a.default?.() ?? []), l = p(() => n.value.slice(0, t.max)), d = p(() => Math.max(0, n.value.length - t.max));
259
- return (u, r) => (s(), o("div", {
262
+ const t = e, a = me(), s = p(() => a.default?.() ?? []), n = p(() => s.value.slice(0, t.max)), r = p(() => Math.max(0, s.value.length - t.max));
263
+ return (d, u) => (l(), o("div", {
260
264
  class: y(["llm-avatar-group", `size-${e.size}`])
261
265
  }, [
262
- (s(!0), o(B, null, z(l.value, (i, m) => (s(), W(ce(i), { key: m }))), 128)),
263
- d.value > 0 ? (s(), o("div", {
266
+ (l(!0), o(T, null, R(n.value, (i, m) => (l(), N(J(i), { key: m }))), 128)),
267
+ r.value > 0 ? (l(), o("div", {
264
268
  key: 0,
265
269
  class: y(`overflow-badge size-${e.size}`),
266
- "aria-label": `+${d.value} more`
267
- }, " +" + L(d.value), 11, Le)) : w("", !0)
270
+ "aria-label": `+${r.value} more`
271
+ }, " +" + C(r.value), 11, Le)) : w("", !0)
268
272
  ], 2));
269
273
  }
270
274
  }), xe = {
@@ -285,20 +289,20 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
285
289
  warning: "⚠",
286
290
  danger: "✕",
287
291
  info: "ℹ"
288
- }, a = e, n = p(() => [
292
+ }, a = e, s = p(() => [
289
293
  "llm-badge",
290
294
  `variant-${a.variant}`,
291
295
  `size-${a.size}`
292
- ]), l = p(() => t[a.variant]);
293
- return (d, u) => (s(), o("span", {
294
- class: y(n.value),
296
+ ]), n = p(() => t[a.variant]);
297
+ return (r, d) => (l(), o("span", {
298
+ class: y(s.value),
295
299
  role: "status"
296
300
  }, [
297
- l.value ? (s(), o("span", xe, L(l.value), 1)) : w("", !0),
298
- b(d.$slots, "default")
301
+ n.value ? (l(), o("span", xe, C(n.value), 1)) : w("", !0),
302
+ h(r.$slots, "default")
299
303
  ], 2));
300
304
  }
301
- }), Ce = ["role", "aria-label", "aria-hidden"], Tt = /* @__PURE__ */ v({
305
+ }), Ce = ["role", "aria-label", "aria-hidden"], St = /* @__PURE__ */ v({
302
306
  name: "LlmIcon",
303
307
  __name: "llm-icon",
304
308
  props: {
@@ -329,15 +333,15 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
329
333
  close: "×",
330
334
  more: "…",
331
335
  "default-toast": "💬"
332
- }, n = p(() => ["llm-icon", `size-${t.size}`]), l = p(() => a[t.name]);
333
- return (d, u) => (s(), o("span", {
334
- class: y(n.value),
336
+ }, s = p(() => ["llm-icon", `size-${t.size}`]), n = p(() => a[t.name]);
337
+ return (r, d) => (l(), o("span", {
338
+ class: y(s.value),
335
339
  role: e.label ? "img" : void 0,
336
340
  "aria-label": e.label || void 0,
337
341
  "aria-hidden": e.label ? void 0 : "true"
338
- }, L(l.value), 11, Ce));
342
+ }, C(n.value), 11, Ce));
339
343
  }
340
- }), Be = { class: "breadcrumbs-list" }, St = /* @__PURE__ */ v({
344
+ }), Be = { class: "breadcrumbs-list" }, Dt = /* @__PURE__ */ v({
341
345
  name: "LlmBreadcrumbs",
342
346
  __name: "llm-breadcrumbs",
343
347
  props: {
@@ -345,17 +349,17 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
345
349
  },
346
350
  setup(e) {
347
351
  const t = e;
348
- return (a, n) => (s(), o("nav", {
352
+ return (a, s) => (l(), o("nav", {
349
353
  class: "llm-breadcrumbs",
350
354
  "aria-label": "Breadcrumb",
351
355
  style: P({ "--llm-separator": `'${t.separator}'` })
352
356
  }, [
353
357
  c("ol", Be, [
354
- b(a.$slots, "default")
358
+ h(a.$slots, "default")
355
359
  ])
356
360
  ], 4));
357
361
  }
358
- }), Ie = ["href"], Te = ["aria-current"], Dt = /* @__PURE__ */ v({
362
+ }), Te = ["href"], Ie = ["aria-current"], Mt = /* @__PURE__ */ v({
359
363
  name: "LlmBreadcrumbItem",
360
364
  __name: "llm-breadcrumb-item",
361
365
  props: {
@@ -367,29 +371,29 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
367
371
  "llm-breadcrumb-item",
368
372
  t.current && "is-current"
369
373
  ].filter(Boolean));
370
- return (n, l) => (s(), o("li", {
374
+ return (s, n) => (l(), o("li", {
371
375
  class: y(a.value)
372
376
  }, [
373
- e.href && !e.current ? (s(), o("a", {
377
+ e.href && !e.current ? (l(), o("a", {
374
378
  key: 0,
375
379
  href: e.href,
376
380
  class: "breadcrumb-link"
377
381
  }, [
378
- b(n.$slots, "default")
379
- ], 8, Ie)) : (s(), o("span", {
382
+ h(s.$slots, "default")
383
+ ], 8, Te)) : (l(), o("span", {
380
384
  key: 1,
381
385
  class: "breadcrumb-current",
382
386
  "aria-current": e.current ? "page" : void 0
383
387
  }, [
384
- b(n.$slots, "default")
385
- ], 8, Te))
388
+ h(s.$slots, "default")
389
+ ], 8, Ie))
386
390
  ], 2));
387
391
  }
388
392
  }), Se = ["type", "disabled", "aria-disabled"], De = {
389
393
  key: 0,
390
394
  class: "spinner",
391
395
  "aria-hidden": "true"
392
- }, Mt = /* @__PURE__ */ v({
396
+ }, At = /* @__PURE__ */ v({
393
397
  name: "LlmButton",
394
398
  __name: "llm-button",
395
399
  props: {
@@ -400,29 +404,33 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
400
404
  type: { default: "button" }
401
405
  },
402
406
  setup(e) {
403
- const t = e, a = p(() => t.disabled || t.loading), n = p(() => [
407
+ const t = e, a = p(() => t.disabled || t.loading), s = p(() => [
404
408
  "llm-button",
405
409
  `variant-${t.variant}`,
406
410
  `size-${t.size}`,
407
411
  a.value && "is-disabled",
408
412
  t.loading && "is-loading"
409
- ].filter(Boolean));
410
- return (l, d) => (s(), o("button", {
411
- class: y(n.value),
413
+ ].filter(Boolean)), n = B(null);
414
+ return H(() => {
415
+ }), (r, d) => (l(), o("button", {
416
+ ref_key: "buttonRef",
417
+ ref: n,
418
+ class: y(s.value),
412
419
  type: e.type,
413
420
  disabled: a.value,
414
421
  "aria-disabled": a.value || void 0
415
422
  }, [
416
- e.loading ? (s(), o("span", De)) : w("", !0),
417
- b(l.$slots, "default")
423
+ e.loading ? (l(), o("span", De)) : w("", !0),
424
+ h(r.$slots, "default")
418
425
  ], 10, Se));
419
426
  }
420
- }), At = /* @__PURE__ */ v({
427
+ }), Me = ["role"], Rt = /* @__PURE__ */ v({
421
428
  name: "LlmCard",
422
429
  __name: "llm-card",
423
430
  props: {
424
431
  variant: { default: "elevated" },
425
- padding: { default: "md" }
432
+ padding: { default: "md" },
433
+ role: { default: void 0 }
426
434
  },
427
435
  setup(e) {
428
436
  const t = e, a = p(() => [
@@ -430,41 +438,42 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
430
438
  `variant-${t.variant}`,
431
439
  `padding-${t.padding}`
432
440
  ]);
433
- return (n, l) => (s(), o("div", {
434
- class: y(a.value)
441
+ return (s, n) => (l(), o("div", {
442
+ class: y(a.value),
443
+ role: e.role
435
444
  }, [
436
- b(n.$slots, "default")
437
- ], 2));
445
+ h(s.$slots, "default")
446
+ ], 10, Me));
438
447
  }
439
- }), Me = { class: "llm-card-header" }, zt = /* @__PURE__ */ v({
448
+ }), Ae = { class: "llm-card-header" }, zt = /* @__PURE__ */ v({
440
449
  name: "LlmCardHeader",
441
450
  __name: "llm-card-header",
442
451
  setup(e) {
443
- return (t, a) => (s(), o("div", Me, [
444
- b(t.$slots, "default")
452
+ return (t, a) => (l(), o("div", Ae, [
453
+ h(t.$slots, "default")
445
454
  ]));
446
455
  }
447
- }), Ae = { class: "llm-card-content" }, Rt = /* @__PURE__ */ v({
456
+ }), Re = { class: "llm-card-content" }, qt = /* @__PURE__ */ v({
448
457
  name: "LlmCardContent",
449
458
  __name: "llm-card-content",
450
459
  setup(e) {
451
- return (t, a) => (s(), o("div", Ae, [
452
- b(t.$slots, "default")
460
+ return (t, a) => (l(), o("div", Re, [
461
+ h(t.$slots, "default")
453
462
  ]));
454
463
  }
455
- }), ze = { class: "llm-card-footer" }, qt = /* @__PURE__ */ v({
464
+ }), ze = { class: "llm-card-footer" }, Ht = /* @__PURE__ */ v({
456
465
  name: "LlmCardFooter",
457
466
  __name: "llm-card-footer",
458
467
  setup(e) {
459
- return (t, a) => (s(), o("div", ze, [
460
- b(t.$slots, "default")
468
+ return (t, a) => (l(), o("div", ze, [
469
+ h(t.$slots, "default")
461
470
  ]));
462
471
  }
463
- }), Re = ["for"], qe = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], He = {
472
+ }), qe = ["for"], He = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], Ee = {
464
473
  key: 0,
465
474
  class: "errors",
466
475
  "aria-live": "polite"
467
- }, Ee = /* @__PURE__ */ v({
476
+ }, Oe = /* @__PURE__ */ v({
468
477
  name: "LlmCheckbox",
469
478
  __name: "llm-checkbox",
470
479
  props: {
@@ -480,30 +489,30 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
480
489
  },
481
490
  emits: ["update:checked"],
482
491
  setup(e, { emit: t }) {
483
- const a = e, n = t, l = C(null), d = p(() => a.id || `checkbox-${Math.random().toString(36).slice(2)}`);
484
- R(
492
+ const a = e, s = t, n = B(null), r = p(() => a.id || `checkbox-${Math.random().toString(36).slice(2)}`);
493
+ z(
485
494
  () => a.indeterminate,
486
- (r) => {
487
- l.value && (l.value.indeterminate = r);
495
+ (u) => {
496
+ n.value && (n.value.indeterminate = u);
488
497
  }
489
- ), E(() => {
490
- l.value && (l.value.indeterminate = a.indeterminate);
498
+ ), H(() => {
499
+ n.value && (n.value.indeterminate = a.indeterminate);
491
500
  });
492
- function u(r) {
493
- const i = r.target;
494
- n("update:checked", i.checked);
501
+ function d(u) {
502
+ const i = u.target;
503
+ s("update:checked", i.checked);
495
504
  }
496
- return (r, i) => (s(), o("div", {
505
+ return (u, i) => (l(), o("div", {
497
506
  class: y(["llm-checkbox", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
498
507
  }, [
499
508
  c("label", {
500
- for: d.value,
509
+ for: r.value,
501
510
  class: "checkbox-label"
502
511
  }, [
503
512
  c("input", {
504
- id: d.value,
513
+ id: r.value,
505
514
  ref_key: "inputRef",
506
- ref: l,
515
+ ref: n,
507
516
  type: "checkbox",
508
517
  checked: e.checked,
509
518
  disabled: e.disabled,
@@ -511,19 +520,19 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
511
520
  required: e.required,
512
521
  name: e.name,
513
522
  "aria-invalid": e.invalid || void 0,
514
- onChange: u
515
- }, null, 40, qe),
516
- b(r.$slots, "default")
517
- ], 8, Re),
518
- e.errors.length ? (s(), o("ul", He, [
519
- (s(!0), o(B, null, z(e.errors, (m, $) => (s(), o("li", {
520
- key: $,
523
+ onChange: d
524
+ }, null, 40, He),
525
+ h(u.$slots, "default")
526
+ ], 8, qe),
527
+ e.errors.length ? (l(), o("ul", Ee, [
528
+ (l(!0), o(T, null, R(e.errors, (m, g) => (l(), o("li", {
529
+ key: g,
521
530
  class: "error"
522
- }, L(m), 1))), 128))
531
+ }, C(m), 1))), 128))
523
532
  ])) : w("", !0)
524
533
  ], 2));
525
534
  }
526
- }), Oe = ["aria-label", "aria-labelledby"], X = /* @__PURE__ */ Symbol("LlmDialog"), Ht = /* @__PURE__ */ v({
535
+ }), Ke = ["aria-label", "aria-labelledby"], ee = /* @__PURE__ */ Symbol("LlmDialog"), Et = /* @__PURE__ */ v({
527
536
  name: "LlmDialog",
528
537
  __name: "llm-dialog",
529
538
  props: {
@@ -534,72 +543,72 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
534
543
  },
535
544
  emits: ["update:open"],
536
545
  setup(e, { emit: t }) {
537
- const a = e, n = t, l = C(null), d = O();
538
- function u() {
539
- n("update:open", !1);
540
- }
541
- H(X, {
542
- headerId: d,
543
- close: u
544
- }), E(() => {
545
- a.open && l.value && l.value.showModal();
546
- }), R(
546
+ const a = e, s = t, n = B(null), r = O();
547
+ function d() {
548
+ s("update:open", !1);
549
+ }
550
+ E(ee, {
551
+ headerId: r,
552
+ close: d
553
+ }), H(() => {
554
+ a.open && n.value && n.value.showModal();
555
+ }), z(
547
556
  () => a.open,
548
- (k) => {
549
- const h = l.value;
550
- h && (k ? h.open || h.showModal() : h.open && h.close());
557
+ ($) => {
558
+ const b = n.value;
559
+ b && ($ ? b.open || b.showModal() : b.open && b.close());
551
560
  },
552
561
  { flush: "post" }
553
562
  );
554
- function r() {
555
- n("update:open", !1);
563
+ function u() {
564
+ s("update:open", !1);
556
565
  }
557
- function i(k) {
558
- k.preventDefault(), n("update:open", !1);
566
+ function i($) {
567
+ $.preventDefault(), s("update:open", !1);
559
568
  }
560
- function m(k) {
561
- a.closeOnBackdrop && k.target === l.value && n("update:open", !1);
569
+ function m($) {
570
+ a.closeOnBackdrop && $.target === n.value && s("update:open", !1);
562
571
  }
563
- const $ = p(() => ["panel", `size-${a.size}`]);
564
- return (k, h) => (s(), o("dialog", {
572
+ const g = p(() => ["panel", `size-${a.size}`]);
573
+ return ($, b) => (l(), o("dialog", {
565
574
  ref_key: "dialogRef",
566
- ref: l,
575
+ ref: n,
567
576
  class: "llm-dialog",
568
577
  "aria-label": e.ariaLabel || void 0,
569
- "aria-labelledby": e.ariaLabel ? void 0 : M(d),
578
+ "aria-labelledby": e.ariaLabel ? void 0 : M(r),
570
579
  "aria-modal": "true",
571
- onClose: r,
580
+ onClose: u,
572
581
  onCancel: i,
573
582
  onClick: m
574
583
  }, [
575
584
  c("div", {
576
- class: y($.value),
577
- onClick: h[0] || (h[0] = V(() => {
585
+ class: y(g.value),
586
+ onClick: b[0] || (b[0] = V(() => {
578
587
  }, ["stop"]))
579
588
  }, [
580
- b(k.$slots, "default")
589
+ h($.$slots, "default")
581
590
  ], 2)
582
- ], 40, Oe));
591
+ ], 40, Ke));
583
592
  }
584
- }), Ke = ["id"], je = { class: "header-content" }, Et = /* @__PURE__ */ v({
593
+ }), je = ["id"], Ge = { class: "header-content" }, Ot = /* @__PURE__ */ v({
585
594
  name: "LlmDialogHeader",
586
595
  __name: "llm-dialog-header",
587
596
  setup(e) {
588
- const t = q(X, { headerId: "", close: () => {
597
+ const t = q(ee, { headerId: "", close: () => {
589
598
  } });
590
- return (a, n) => (s(), o("div", {
599
+ return (a, s) => (l(), o("div", {
591
600
  id: M(t).headerId,
592
601
  class: "llm-dialog-header"
593
602
  }, [
594
- c("span", je, [
595
- b(a.$slots, "default")
603
+ c("span", Ge, [
604
+ h(a.$slots, "default")
596
605
  ]),
597
606
  c("button", {
598
607
  class: "close-btn",
599
608
  type: "button",
600
609
  "aria-label": "Close dialog",
601
- onClick: n[0] || (n[0] = (l) => M(t).close())
602
- }, [...n[1] || (n[1] = [
610
+ onClick: s[0] || (s[0] = (n) => M(t).close())
611
+ }, [...s[1] || (s[1] = [
603
612
  c("svg", {
604
613
  xmlns: "http://www.w3.org/2000/svg",
605
614
  width: "14",
@@ -626,25 +635,25 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
626
635
  })
627
636
  ], -1)
628
637
  ])])
629
- ], 8, Ke));
638
+ ], 8, je));
630
639
  }
631
- }), Ge = { class: "llm-dialog-content" }, Ot = /* @__PURE__ */ v({
640
+ }), Pe = { class: "llm-dialog-content" }, Kt = /* @__PURE__ */ v({
632
641
  name: "LlmDialogContent",
633
642
  __name: "llm-dialog-content",
634
643
  setup(e) {
635
- return (t, a) => (s(), o("div", Ge, [
636
- b(t.$slots, "default")
644
+ return (t, a) => (l(), o("div", Pe, [
645
+ h(t.$slots, "default")
637
646
  ]));
638
647
  }
639
- }), Pe = { class: "llm-dialog-footer" }, Kt = /* @__PURE__ */ v({
648
+ }), Fe = { class: "llm-dialog-footer" }, jt = /* @__PURE__ */ v({
640
649
  name: "LlmDialogFooter",
641
650
  __name: "llm-dialog-footer",
642
651
  setup(e) {
643
- return (t, a) => (s(), o("div", Pe, [
644
- b(t.$slots, "default")
652
+ return (t, a) => (l(), o("div", Fe, [
653
+ h(t.$slots, "default")
645
654
  ]));
646
655
  }
647
- }), Fe = ["aria-labelledby"], ee = /* @__PURE__ */ Symbol("LlmDrawer"), jt = /* @__PURE__ */ v({
656
+ }), Ne = ["aria-labelledby"], ae = /* @__PURE__ */ Symbol("LlmDrawer"), Gt = /* @__PURE__ */ v({
648
657
  name: "LlmDrawer",
649
658
  __name: "llm-drawer",
650
659
  props: {
@@ -655,76 +664,76 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
655
664
  },
656
665
  emits: ["update:open"],
657
666
  setup(e, { emit: t }) {
658
- const a = e, n = t, l = C(null), d = O();
659
- function u() {
660
- n("update:open", !1);
661
- }
662
- H(ee, {
663
- headerId: d,
664
- close: u
665
- }), E(() => {
666
- a.open && l.value && l.value.showModal();
667
- }), R(
667
+ const a = e, s = t, n = B(null), r = O();
668
+ function d() {
669
+ s("update:open", !1);
670
+ }
671
+ E(ae, {
672
+ headerId: r,
673
+ close: d
674
+ }), H(() => {
675
+ a.open && n.value && n.value.showModal();
676
+ }), z(
668
677
  () => a.open,
669
- (k) => {
670
- const h = l.value;
671
- h && (k ? h.open || h.showModal() : h.open && h.close());
678
+ ($) => {
679
+ const b = n.value;
680
+ b && ($ ? b.open || b.showModal() : b.open && b.close());
672
681
  },
673
682
  { flush: "post" }
674
683
  );
675
- function r() {
676
- n("update:open", !1);
684
+ function u() {
685
+ s("update:open", !1);
677
686
  }
678
- function i(k) {
679
- k.preventDefault(), n("update:open", !1);
687
+ function i($) {
688
+ $.preventDefault(), s("update:open", !1);
680
689
  }
681
- function m(k) {
682
- a.closeOnBackdrop && k.target === l.value && n("update:open", !1);
690
+ function m($) {
691
+ a.closeOnBackdrop && $.target === n.value && s("update:open", !1);
683
692
  }
684
- const $ = p(() => [
693
+ const g = p(() => [
685
694
  "llm-drawer-host",
686
695
  `position-${a.position}`,
687
696
  `size-${a.size}`,
688
697
  a.open && "is-open"
689
698
  ]);
690
- return (k, h) => (s(), o("dialog", {
699
+ return ($, b) => (l(), o("dialog", {
691
700
  ref_key: "dialogRef",
692
- ref: l,
693
- class: y($.value),
694
- "aria-labelledby": M(d),
701
+ ref: n,
702
+ class: y(g.value),
703
+ "aria-labelledby": M(r),
695
704
  "aria-modal": "true",
696
- onClose: r,
705
+ onClose: u,
697
706
  onCancel: i,
698
707
  onClick: m
699
708
  }, [
700
709
  c("div", {
701
710
  class: "panel",
702
- onClick: h[0] || (h[0] = V(() => {
711
+ onClick: b[0] || (b[0] = V(() => {
703
712
  }, ["stop"]))
704
713
  }, [
705
- b(k.$slots, "default")
714
+ h($.$slots, "default")
706
715
  ])
707
- ], 42, Fe));
716
+ ], 42, Ne));
708
717
  }
709
- }), Ve = ["id"], Ne = { class: "header-content" }, Gt = /* @__PURE__ */ v({
718
+ }), Ve = ["id"], Ue = { class: "header-content" }, Pt = /* @__PURE__ */ v({
710
719
  name: "LlmDrawerHeader",
711
720
  __name: "llm-drawer-header",
712
721
  setup(e) {
713
- const t = q(ee, { headerId: "", close: () => {
722
+ const t = q(ae, { headerId: "", close: () => {
714
723
  } });
715
- return (a, n) => (s(), o("div", {
724
+ return (a, s) => (l(), o("div", {
716
725
  id: M(t).headerId,
717
726
  class: "llm-drawer-header"
718
727
  }, [
719
- c("span", Ne, [
720
- b(a.$slots, "default")
728
+ c("span", Ue, [
729
+ h(a.$slots, "default")
721
730
  ]),
722
731
  c("button", {
723
732
  class: "close-btn",
724
733
  type: "button",
725
734
  "aria-label": "Close drawer",
726
- onClick: n[0] || (n[0] = (l) => M(t).close())
727
- }, [...n[1] || (n[1] = [
735
+ onClick: s[0] || (s[0] = (n) => M(t).close())
736
+ }, [...s[1] || (s[1] = [
728
737
  c("svg", {
729
738
  xmlns: "http://www.w3.org/2000/svg",
730
739
  width: "14",
@@ -753,23 +762,23 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
753
762
  ])])
754
763
  ], 8, Ve));
755
764
  }
756
- }), Ue = { class: "llm-drawer-content" }, Pt = /* @__PURE__ */ v({
765
+ }), We = { class: "llm-drawer-content" }, Ft = /* @__PURE__ */ v({
757
766
  name: "LlmDrawerContent",
758
767
  __name: "llm-drawer-content",
759
768
  setup(e) {
760
- return (t, a) => (s(), o("div", Ue, [
761
- b(t.$slots, "default")
769
+ return (t, a) => (l(), o("div", We, [
770
+ h(t.$slots, "default")
762
771
  ]));
763
772
  }
764
- }), We = { class: "llm-drawer-footer" }, Ft = /* @__PURE__ */ v({
773
+ }), Je = { class: "llm-drawer-footer" }, Nt = /* @__PURE__ */ v({
765
774
  name: "LlmDrawerFooter",
766
775
  __name: "llm-drawer-footer",
767
776
  setup(e) {
768
- return (t, a) => (s(), o("div", We, [
769
- b(t.$slots, "default")
777
+ return (t, a) => (l(), o("div", Je, [
778
+ h(t.$slots, "default")
770
779
  ]));
771
780
  }
772
- }), Je = ["for"], Ye = { class: "input-field" }, Ze = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Qe = {
781
+ }), Ye = ["for"], Ze = { class: "input-field" }, Qe = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Xe = {
773
782
  key: 1,
774
783
  class: "errors",
775
784
  "aria-live": "polite"
@@ -791,21 +800,21 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
791
800
  },
792
801
  emits: ["update:value"],
793
802
  setup(e, { emit: t }) {
794
- const a = e, n = t, l = p(() => a.id || (a.label ? `input-${Math.random().toString(36).slice(2)}` : void 0));
795
- function d(u) {
796
- n("update:value", u.target.value);
803
+ const a = e, s = t, n = p(() => a.id || (a.label ? `input-${Math.random().toString(36).slice(2)}` : void 0));
804
+ function r(d) {
805
+ s("update:value", d.target.value);
797
806
  }
798
- return (u, r) => (s(), o("div", {
807
+ return (d, u) => (l(), o("div", {
799
808
  class: y(["llm-input", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
800
809
  }, [
801
- e.label ? (s(), o("label", {
810
+ e.label ? (l(), o("label", {
802
811
  key: 0,
803
- for: l.value,
812
+ for: n.value,
804
813
  class: "input-label"
805
- }, L(e.label), 9, Je)) : w("", !0),
806
- c("div", Ye, [
814
+ }, C(e.label), 9, Ye)) : w("", !0),
815
+ c("div", Ze, [
807
816
  c("input", {
808
- id: l.value,
817
+ id: n.value,
809
818
  type: e.type,
810
819
  value: e.value,
811
820
  placeholder: e.placeholder,
@@ -814,60 +823,60 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
814
823
  required: e.required,
815
824
  name: e.name,
816
825
  "aria-invalid": e.invalid || void 0,
817
- onInput: d
818
- }, null, 40, Ze)
826
+ onInput: r
827
+ }, null, 40, Qe)
819
828
  ]),
820
- e.errors.length ? (s(), o("ul", Qe, [
821
- (s(!0), o(B, null, z(e.errors, (i, m) => (s(), o("li", {
829
+ e.errors.length ? (l(), o("ul", Xe, [
830
+ (l(!0), o(T, null, R(e.errors, (i, m) => (l(), o("li", {
822
831
  key: m,
823
832
  class: "error"
824
- }, L(i), 1))), 128))
833
+ }, C(i), 1))), 128))
825
834
  ])) : w("", !0)
826
835
  ], 2));
827
836
  }
828
- }), Xe = { class: "llm-menu-trigger-wrapper" }, ae = /* @__PURE__ */ Symbol("LlmMenuTrigger"), Nt = /* @__PURE__ */ v({
837
+ }), ea = { class: "llm-menu-trigger-wrapper" }, te = /* @__PURE__ */ Symbol("LlmMenuTrigger"), Ut = /* @__PURE__ */ v({
829
838
  name: "LlmMenuTrigger",
830
839
  __name: "llm-menu-trigger",
831
840
  setup(e) {
832
- const t = C(!1), a = C(null), n = C(null);
833
- function l() {
841
+ const t = B(!1), a = B(null), s = B(null);
842
+ function n() {
834
843
  t.value = !t.value;
835
844
  }
836
- function d() {
845
+ function r() {
837
846
  t.value = !1;
838
847
  }
839
- H(ae, { close: d });
840
- function u(i) {
848
+ E(te, { close: r });
849
+ function d(i) {
841
850
  if (!t.value) return;
842
- const m = i.target, $ = a.value?.contains(m), k = n.value?.contains(m);
843
- !$ && !k && d();
851
+ const m = i.target, g = a.value?.contains(m), $ = s.value?.contains(m);
852
+ !g && !$ && r();
844
853
  }
845
- function r(i) {
846
- i.key === "Escape" && t.value && d();
854
+ function u(i) {
855
+ i.key === "Escape" && t.value && r();
847
856
  }
848
- return E(() => {
849
- document.addEventListener("mousedown", u), document.addEventListener("keydown", r);
857
+ return H(() => {
858
+ document.addEventListener("mousedown", d), document.addEventListener("keydown", u);
850
859
  }), j(() => {
851
- document.removeEventListener("mousedown", u), document.removeEventListener("keydown", r);
852
- }), (i, m) => (s(), o("div", Xe, [
860
+ document.removeEventListener("mousedown", d), document.removeEventListener("keydown", u);
861
+ }), (i, m) => (l(), o("div", ea, [
853
862
  c("span", {
854
863
  ref_key: "triggerRef",
855
864
  ref: a,
856
- onClick: l
865
+ onClick: n
857
866
  }, [
858
- b(i.$slots, "trigger")
867
+ h(i.$slots, "trigger")
859
868
  ], 512),
860
- t.value ? (s(), o("div", {
869
+ t.value ? (l(), o("div", {
861
870
  key: 0,
862
871
  ref_key: "menuRef",
863
- ref: n,
872
+ ref: s,
864
873
  class: "llm-menu-panel"
865
874
  }, [
866
- b(i.$slots, "menu")
875
+ h(i.$slots, "menu")
867
876
  ], 512)) : w("", !0)
868
877
  ]));
869
878
  }
870
- }), Ut = /* @__PURE__ */ v({
879
+ }), Wt = /* @__PURE__ */ v({
871
880
  name: "LlmMenu",
872
881
  __name: "llm-menu",
873
882
  props: {
@@ -875,14 +884,14 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
875
884
  },
876
885
  setup(e) {
877
886
  const t = e, a = p(() => ["llm-menu", `variant-${t.variant}`]);
878
- return (n, l) => (s(), o("div", {
887
+ return (s, n) => (l(), o("div", {
879
888
  class: y(a.value),
880
889
  role: "menu"
881
890
  }, [
882
- b(n.$slots, "default")
891
+ h(s.$slots, "default")
883
892
  ], 2));
884
893
  }
885
- }), ea = ["disabled"], Wt = /* @__PURE__ */ v({
894
+ }), aa = ["disabled"], Jt = /* @__PURE__ */ v({
886
895
  name: "LlmMenuItem",
887
896
  __name: "llm-menu-item",
888
897
  props: {
@@ -890,38 +899,38 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
890
899
  },
891
900
  emits: ["triggered"],
892
901
  setup(e, { emit: t }) {
893
- const a = e, n = t, l = q(ae, null);
894
- function d() {
895
- a.disabled || (n("triggered"), l?.close());
902
+ const a = e, s = t, n = q(te, null);
903
+ function r() {
904
+ a.disabled || (s("triggered"), n?.close());
896
905
  }
897
- const u = p(() => ["llm-menu-item", a.disabled && "is-disabled"]);
898
- return (r, i) => (s(), o("button", {
899
- class: y(u.value),
906
+ const d = p(() => ["llm-menu-item", a.disabled && "is-disabled"]);
907
+ return (u, i) => (l(), o("button", {
908
+ class: y(d.value),
900
909
  role: "menuitem",
901
910
  type: "button",
902
911
  disabled: e.disabled,
903
- onClick: d
912
+ onClick: r
904
913
  }, [
905
- b(r.$slots, "default")
906
- ], 10, ea));
914
+ h(u.$slots, "default")
915
+ ], 10, aa));
907
916
  }
908
- }), aa = {
917
+ }), ta = {
909
918
  class: "llm-menu-separator",
910
919
  role: "separator"
911
- }, Jt = /* @__PURE__ */ v({
920
+ }, Yt = /* @__PURE__ */ v({
912
921
  name: "LlmMenuSeparator",
913
922
  __name: "llm-menu-separator",
914
923
  setup(e) {
915
- return (t, a) => (s(), o("hr", aa));
924
+ return (t, a) => (l(), o("hr", ta));
916
925
  }
917
- }), ta = {
926
+ }), la = {
918
927
  class: "llm-pagination",
919
928
  "aria-label": "Pagination"
920
- }, la = ["disabled"], sa = ["disabled"], na = {
929
+ }, sa = ["disabled"], na = ["disabled"], oa = {
921
930
  key: 0,
922
931
  class: "ellipsis",
923
932
  "aria-hidden": "true"
924
- }, oa = ["aria-label", "aria-current", "onClick"], ia = ["disabled"], ra = ["disabled"], Yt = /* @__PURE__ */ v({
933
+ }, ia = ["aria-label", "aria-current", "onClick"], ra = ["disabled"], da = ["disabled"], Zt = /* @__PURE__ */ v({
925
934
  name: "LlmPagination",
926
935
  __name: "llm-pagination",
927
936
  props: {
@@ -932,62 +941,62 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
932
941
  },
933
942
  emits: ["pageChange"],
934
943
  setup(e, { emit: t }) {
935
- const a = e, n = t;
936
- function l(r, i, m) {
944
+ const a = e, s = t;
945
+ function n(u, i, m) {
937
946
  if (i <= 1) return [{ type: "page", page: 1 }];
938
- const $ = [];
939
- $.push({ type: "page", page: 1 });
940
- const k = Math.max(2, r - m), h = Math.min(i - 1, r + m);
941
- k > 2 && $.push({ type: "ellipsis", key: "ellipsis-start" });
942
- for (let _ = k; _ <= h; _++) $.push({ type: "page", page: _ });
943
- return h < i - 1 && $.push({ type: "ellipsis", key: "ellipsis-end" }), i > 1 && $.push({ type: "page", page: i }), $;
944
- }
945
- const d = p(() => l(a.page, a.pageCount, a.siblingCount));
946
- function u(r) {
947
- const i = Math.min(Math.max(r, 1), a.pageCount);
948
- i !== a.page && n("pageChange", i);
949
- }
950
- return (r, i) => (s(), o("nav", ta, [
951
- e.showFirstLast ? (s(), o("button", {
947
+ const g = [];
948
+ g.push({ type: "page", page: 1 });
949
+ const $ = Math.max(2, u - m), b = Math.min(i - 1, u + m);
950
+ $ > 2 && g.push({ type: "ellipsis", key: "ellipsis-start" });
951
+ for (let k = $; k <= b; k++) g.push({ type: "page", page: k });
952
+ return b < i - 1 && g.push({ type: "ellipsis", key: "ellipsis-end" }), i > 1 && g.push({ type: "page", page: i }), g;
953
+ }
954
+ const r = p(() => n(a.page, a.pageCount, a.siblingCount));
955
+ function d(u) {
956
+ const i = Math.min(Math.max(u, 1), a.pageCount);
957
+ i !== a.page && s("pageChange", i);
958
+ }
959
+ return (u, i) => (l(), o("nav", la, [
960
+ e.showFirstLast ? (l(), o("button", {
952
961
  key: 0,
953
962
  class: "page-btn nav-btn",
954
963
  disabled: e.page <= 1,
955
964
  "aria-label": "First page",
956
- onClick: i[0] || (i[0] = (m) => u(1))
957
- }, " « ", 8, la)) : w("", !0),
965
+ onClick: i[0] || (i[0] = (m) => d(1))
966
+ }, " « ", 8, sa)) : w("", !0),
958
967
  c("button", {
959
968
  class: "page-btn nav-btn",
960
969
  disabled: e.page <= 1,
961
970
  "aria-label": "Previous page",
962
- onClick: i[1] || (i[1] = (m) => u(e.page - 1))
963
- }, " ‹ ", 8, sa),
964
- (s(!0), o(B, null, z(d.value, (m) => (s(), o(B, {
971
+ onClick: i[1] || (i[1] = (m) => d(e.page - 1))
972
+ }, " ‹ ", 8, na),
973
+ (l(!0), o(T, null, R(r.value, (m) => (l(), o(T, {
965
974
  key: m.type === "page" ? m.page : m.key
966
975
  }, [
967
- m.type === "ellipsis" ? (s(), o("span", na, "…")) : (s(), o("button", {
976
+ m.type === "ellipsis" ? (l(), o("span", oa, "…")) : (l(), o("button", {
968
977
  key: 1,
969
978
  class: y(["page-btn", { active: m.page === e.page }]),
970
979
  "aria-label": `Page ${m.page}`,
971
980
  "aria-current": m.page === e.page ? "page" : void 0,
972
- onClick: ($) => u(m.page)
973
- }, L(m.page), 11, oa))
981
+ onClick: (g) => d(m.page)
982
+ }, C(m.page), 11, ia))
974
983
  ], 64))), 128)),
975
984
  c("button", {
976
985
  class: "page-btn nav-btn",
977
986
  disabled: e.page >= e.pageCount,
978
987
  "aria-label": "Next page",
979
- onClick: i[2] || (i[2] = (m) => u(e.page + 1))
980
- }, " › ", 8, ia),
981
- e.showFirstLast ? (s(), o("button", {
988
+ onClick: i[2] || (i[2] = (m) => d(e.page + 1))
989
+ }, " › ", 8, ra),
990
+ e.showFirstLast ? (l(), o("button", {
982
991
  key: 1,
983
992
  class: "page-btn nav-btn",
984
993
  disabled: e.page >= e.pageCount,
985
994
  "aria-label": "Last page",
986
- onClick: i[3] || (i[3] = (m) => u(e.pageCount))
987
- }, " » ", 8, ra)) : w("", !0)
995
+ onClick: i[3] || (i[3] = (m) => d(e.pageCount))
996
+ }, " » ", 8, da)) : w("", !0)
988
997
  ]));
989
998
  }
990
- }), da = ["aria-valuenow", "aria-valuemax"], ua = { class: "track" }, Zt = /* @__PURE__ */ v({
999
+ }), ua = ["aria-label", "aria-valuenow", "aria-valuemax"], ca = { class: "track" }, Qt = /* @__PURE__ */ v({
991
1000
  name: "LlmProgress",
992
1001
  __name: "llm-progress",
993
1002
  props: {
@@ -995,33 +1004,35 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
995
1004
  max: { default: 100 },
996
1005
  variant: { default: "default" },
997
1006
  size: { default: "md" },
998
- indeterminate: { type: Boolean, default: !1 }
1007
+ indeterminate: { type: Boolean, default: !1 },
1008
+ label: { default: void 0 }
999
1009
  },
1000
1010
  setup(e) {
1001
- const t = e, a = p(() => Math.min(Math.max(t.value, 0), t.max)), n = p(
1011
+ const t = e, a = p(() => Math.min(Math.max(t.value, 0), t.max)), s = p(
1002
1012
  () => t.indeterminate ? "100%" : `${a.value / t.max * 100}%`
1003
- ), l = p(() => [
1013
+ ), n = p(() => [
1004
1014
  "llm-progress",
1005
1015
  `variant-${t.variant}`,
1006
1016
  `size-${t.size}`,
1007
1017
  t.indeterminate && "is-indeterminate"
1008
1018
  ].filter(Boolean));
1009
- return (d, u) => (s(), o("div", {
1010
- class: y(l.value),
1019
+ return (r, d) => (l(), o("div", {
1020
+ class: y(n.value),
1011
1021
  role: "progressbar",
1022
+ "aria-label": e.label,
1012
1023
  "aria-valuemin": 0,
1013
1024
  "aria-valuenow": e.indeterminate ? void 0 : a.value,
1014
1025
  "aria-valuemax": e.indeterminate ? void 0 : e.max
1015
1026
  }, [
1016
- c("div", ua, [
1027
+ c("div", ca, [
1017
1028
  c("div", {
1018
1029
  class: "fill",
1019
- style: P({ width: n.value })
1030
+ style: P({ width: s.value })
1020
1031
  }, null, 4)
1021
1032
  ])
1022
- ], 10, da));
1033
+ ], 10, ua));
1023
1034
  }
1024
- }), ca = { class: "llm-combobox-wrapper" }, ma = ["aria-expanded", "aria-activedescendant", "aria-invalid", "disabled", "readonly", "required", "name", "placeholder", "value"], fa = ["id", "aria-selected", "aria-disabled", "onMousedown", "onMouseenter"], pa = {
1035
+ }), ma = { class: "llm-combobox-wrapper" }, fa = ["aria-expanded", "aria-activedescendant", "aria-invalid", "disabled", "readonly", "required", "name", "placeholder", "value"], pa = ["id", "aria-selected", "aria-disabled", "onMousedown", "onMouseenter"], va = {
1025
1036
  key: 0,
1026
1037
  class: "llm-combobox-check",
1027
1038
  width: "14",
@@ -1029,7 +1040,7 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1029
1040
  viewBox: "0 0 14 14",
1030
1041
  fill: "none",
1031
1042
  "aria-hidden": "true"
1032
- }, va = {
1043
+ }, ba = {
1033
1044
  key: 1,
1034
1045
  class: "llm-combobox-no-results",
1035
1046
  role: "option",
@@ -1039,7 +1050,7 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1039
1050
  class: "llm-combobox-errors",
1040
1051
  role: "alert",
1041
1052
  "aria-live": "polite"
1042
- }, Qt = /* @__PURE__ */ v({
1053
+ }, Xt = /* @__PURE__ */ v({
1043
1054
  name: "LlmCombobox",
1044
1055
  __name: "llm-combobox",
1045
1056
  props: {
@@ -1055,82 +1066,82 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1055
1066
  },
1056
1067
  emits: ["update:value"],
1057
1068
  setup(e, { emit: t }) {
1058
- const a = e, n = t, l = C(null), d = C(null), u = C(""), r = C(!1), i = C(-1);
1069
+ const a = e, s = t, n = B(null), r = B(null), d = B(""), u = B(!1), i = B(-1);
1059
1070
  let m = Math.random().toString(36).slice(2);
1060
- const $ = `llm-combobox-input-${m}`, k = `llm-combobox-panel-${m}`, h = p(
1071
+ const g = `llm-combobox-input-${m}`, $ = `llm-combobox-panel-${m}`, b = p(
1061
1072
  () => a.options.find((S) => S.value === a.value)?.label ?? ""
1062
- ), _ = p(() => {
1063
- const S = u.value.toLowerCase();
1073
+ ), k = p(() => {
1074
+ const S = d.value.toLowerCase();
1064
1075
  return S ? a.options.filter((A) => A.label.toLowerCase().includes(S)) : a.options;
1065
- }), g = p(
1066
- () => i.value >= 0 ? `${k}-option-${i.value}` : void 0
1076
+ }), L = p(
1077
+ () => i.value >= 0 ? `${$}-option-${i.value}` : void 0
1067
1078
  ), f = p(() => [
1068
1079
  "llm-combobox",
1069
- r.value && "is-open",
1080
+ u.value && "is-open",
1070
1081
  a.disabled && "is-disabled",
1071
1082
  a.invalid && "is-invalid"
1072
1083
  ]);
1073
- R(
1084
+ z(
1074
1085
  () => a.value,
1075
1086
  () => {
1076
- r.value || (u.value = h.value);
1087
+ u.value || (d.value = b.value);
1077
1088
  },
1078
1089
  { immediate: !0 }
1079
1090
  );
1080
- function I() {
1081
- a.disabled || a.readonly || r.value || (r.value = !0, i.value = -1, document.addEventListener("click", D));
1091
+ function _() {
1092
+ a.disabled || a.readonly || u.value || (u.value = !0, i.value = -1, document.addEventListener("click", D));
1082
1093
  }
1083
1094
  function x() {
1084
- r.value && (r.value = !1, i.value = -1, document.removeEventListener("click", D));
1095
+ u.value && (u.value = !1, i.value = -1, document.removeEventListener("click", D));
1085
1096
  }
1086
1097
  function D(S) {
1087
- d.value?.contains(S.target) || (u.value = h.value, x());
1098
+ r.value?.contains(S.target) || (d.value = b.value, x());
1088
1099
  }
1089
- J(() => {
1100
+ Y(() => {
1090
1101
  document.removeEventListener("click", D);
1091
1102
  });
1092
1103
  function F(S) {
1093
- S.disabled || a.disabled || a.readonly || (n("update:value", S.value), u.value = S.label, x(), l.value?.focus());
1104
+ S.disabled || a.disabled || a.readonly || (s("update:value", S.value), d.value = S.label, x(), n.value?.focus());
1094
1105
  }
1095
- function ne(S) {
1106
+ function oe(S) {
1096
1107
  const A = S.target.value;
1097
- u.value = A, i.value = -1, A === "" && n("update:value", ""), r.value || I();
1098
- }
1099
- function oe() {
1100
- I();
1108
+ d.value = A, i.value = -1, A === "" && s("update:value", ""), u.value || _();
1101
1109
  }
1102
1110
  function ie() {
1103
- u.value = h.value;
1111
+ _();
1104
1112
  }
1105
- function re(S) {
1106
- const A = _.value;
1113
+ function re() {
1114
+ d.value = b.value;
1115
+ }
1116
+ function de(S) {
1117
+ const A = k.value;
1107
1118
  switch (S.key) {
1108
1119
  case "ArrowDown": {
1109
- if (S.preventDefault(), !r.value) {
1110
- I();
1120
+ if (S.preventDefault(), !u.value) {
1121
+ _();
1111
1122
  return;
1112
1123
  }
1113
- const T = i.value + 1;
1114
- i.value = T >= A.length ? 0 : T;
1124
+ const I = i.value + 1;
1125
+ i.value = I >= A.length ? 0 : I;
1115
1126
  break;
1116
1127
  }
1117
1128
  case "ArrowUp": {
1118
- if (S.preventDefault(), !r.value) {
1119
- I();
1129
+ if (S.preventDefault(), !u.value) {
1130
+ _();
1120
1131
  return;
1121
1132
  }
1122
- const T = i.value - 1;
1123
- i.value = T < 0 ? A.length - 1 : T;
1133
+ const I = i.value - 1;
1134
+ i.value = I < 0 ? A.length - 1 : I;
1124
1135
  break;
1125
1136
  }
1126
1137
  case "Enter": {
1127
1138
  S.preventDefault();
1128
- const T = i.value;
1129
- r.value && T >= 0 && T < A.length && F(A[T]);
1139
+ const I = i.value;
1140
+ u.value && I >= 0 && I < A.length && F(A[I]);
1130
1141
  break;
1131
1142
  }
1132
1143
  case "Escape": {
1133
- S.preventDefault(), u.value = h.value, x();
1144
+ S.preventDefault(), d.value = b.value, x();
1134
1145
  break;
1135
1146
  }
1136
1147
  case "Tab": {
@@ -1139,36 +1150,36 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1139
1150
  }
1140
1151
  }
1141
1152
  }
1142
- return (S, A) => (s(), o("div", {
1153
+ return (S, A) => (l(), o("div", {
1143
1154
  ref_key: "containerRef",
1144
- ref: d,
1155
+ ref: r,
1145
1156
  class: y(f.value)
1146
1157
  }, [
1147
- c("div", ca, [
1158
+ c("div", ma, [
1148
1159
  c("input", {
1149
1160
  ref_key: "inputRef",
1150
- ref: l,
1161
+ ref: n,
1151
1162
  class: "llm-combobox-input",
1152
1163
  type: "text",
1153
1164
  autocomplete: "off",
1154
1165
  role: "combobox",
1155
- id: $,
1156
- "aria-expanded": r.value,
1157
- "aria-controls": k,
1166
+ id: g,
1167
+ "aria-expanded": u.value,
1168
+ "aria-controls": $,
1158
1169
  "aria-autocomplete": "list",
1159
- "aria-activedescendant": g.value,
1170
+ "aria-activedescendant": L.value,
1160
1171
  "aria-invalid": e.invalid || void 0,
1161
1172
  disabled: e.disabled,
1162
1173
  readonly: e.readonly,
1163
1174
  required: e.required,
1164
1175
  name: e.name || void 0,
1165
1176
  placeholder: e.placeholder,
1166
- value: u.value,
1167
- onInput: ne,
1168
- onFocus: oe,
1169
- onBlur: ie,
1170
- onKeydown: re
1171
- }, null, 40, ma),
1177
+ value: d.value,
1178
+ onInput: oe,
1179
+ onFocus: ie,
1180
+ onBlur: re,
1181
+ onKeydown: de
1182
+ }, null, 40, fa),
1172
1183
  A[0] || (A[0] = c("span", {
1173
1184
  class: "llm-combobox-icon",
1174
1185
  "aria-hidden": "true"
@@ -1189,30 +1200,30 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1189
1200
  ])
1190
1201
  ], -1))
1191
1202
  ]),
1192
- r.value ? (s(), o("ul", {
1203
+ u.value ? (l(), o("ul", {
1193
1204
  key: 0,
1194
- id: k,
1205
+ id: $,
1195
1206
  class: "llm-combobox-panel",
1196
1207
  role: "listbox",
1197
- "aria-labelledby": $
1208
+ "aria-labelledby": g
1198
1209
  }, [
1199
- _.value.length > 0 ? (s(!0), o(B, { key: 0 }, z(_.value, (T, K) => (s(), o("li", {
1200
- key: T.value,
1201
- id: `${k}-option-${K}`,
1210
+ k.value.length > 0 ? (l(!0), o(T, { key: 0 }, R(k.value, (I, K) => (l(), o("li", {
1211
+ key: I.value,
1212
+ id: `${$}-option-${K}`,
1202
1213
  role: "option",
1203
1214
  class: y([
1204
1215
  "llm-combobox-option",
1205
1216
  i.value === K && "is-active",
1206
- T.value === e.value && "is-selected",
1207
- T.disabled && "is-disabled"
1217
+ I.value === e.value && "is-selected",
1218
+ I.disabled && "is-disabled"
1208
1219
  ]),
1209
- "aria-selected": T.value === e.value,
1210
- "aria-disabled": T.disabled || void 0,
1211
- onMousedown: (de) => F(T),
1212
- onMouseenter: (de) => i.value = K
1220
+ "aria-selected": I.value === e.value,
1221
+ "aria-disabled": I.disabled || void 0,
1222
+ onMousedown: (ue) => F(I),
1223
+ onMouseenter: (ue) => i.value = K
1213
1224
  }, [
1214
- c("span", null, L(T.label), 1),
1215
- T.value === e.value ? (s(), o("svg", pa, [...A[1] || (A[1] = [
1225
+ c("span", null, C(I.label), 1),
1226
+ I.value === e.value ? (l(), o("svg", va, [...A[1] || (A[1] = [
1216
1227
  c("path", {
1217
1228
  d: "M2 7l4 4 6-7",
1218
1229
  stroke: "currentColor",
@@ -1221,21 +1232,21 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1221
1232
  "stroke-linejoin": "round"
1222
1233
  }, null, -1)
1223
1234
  ])])) : w("", !0)
1224
- ], 42, fa))), 128)) : (s(), o("li", va, " No results found. "))
1235
+ ], 42, pa))), 128)) : (l(), o("li", ba, " No results found. "))
1225
1236
  ])) : w("", !0),
1226
- e.invalid && e.errors.length > 0 ? (s(), o("div", ha, [
1227
- (s(!0), o(B, null, z(e.errors, (T, K) => (s(), o("p", {
1237
+ e.invalid && e.errors.length > 0 ? (l(), o("div", ha, [
1238
+ (l(!0), o(T, null, R(e.errors, (I, K) => (l(), o("p", {
1228
1239
  key: K,
1229
1240
  class: "llm-combobox-error-message"
1230
- }, L(T), 1))), 128))
1241
+ }, C(I), 1))), 128))
1231
1242
  ])) : w("", !0)
1232
1243
  ], 2));
1233
1244
  }
1234
- }), ba = ["aria-invalid", "aria-required"], ga = {
1245
+ }), ga = ["aria-invalid", "aria-required"], ya = {
1235
1246
  key: 0,
1236
1247
  class: "errors",
1237
1248
  role: "alert"
1238
- }, te = /* @__PURE__ */ Symbol("LlmRadioGroup"), Xt = /* @__PURE__ */ v({
1249
+ }, le = /* @__PURE__ */ Symbol("LlmRadioGroup"), el = /* @__PURE__ */ v({
1239
1250
  name: "LlmRadioGroup",
1240
1251
  __name: "llm-radio-group",
1241
1252
  props: {
@@ -1249,8 +1260,8 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1249
1260
  },
1250
1261
  emits: ["update:value"],
1251
1262
  setup(e, { emit: t }) {
1252
- const a = e, n = t;
1253
- H(te, {
1263
+ const a = e, s = t;
1264
+ E(le, {
1254
1265
  get value() {
1255
1266
  return a.value ?? "";
1256
1267
  },
@@ -1266,34 +1277,34 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1266
1277
  get invalid() {
1267
1278
  return a.invalid ?? !1;
1268
1279
  },
1269
- onSelect(d) {
1270
- !a.disabled && !a.readonly && n("update:value", d);
1280
+ onSelect(r) {
1281
+ !a.disabled && !a.readonly && s("update:value", r);
1271
1282
  }
1272
1283
  });
1273
- const l = p(() => [
1284
+ const n = p(() => [
1274
1285
  "llm-radio-group",
1275
1286
  a.invalid && "is-invalid",
1276
1287
  a.disabled && "is-disabled"
1277
1288
  ]);
1278
- return (d, u) => (s(), o("div", {
1279
- class: y(l.value),
1289
+ return (r, d) => (l(), o("div", {
1290
+ class: y(n.value),
1280
1291
  role: "radiogroup",
1281
1292
  "aria-invalid": e.invalid || void 0,
1282
1293
  "aria-required": e.required || void 0
1283
1294
  }, [
1284
- b(d.$slots, "default"),
1285
- e.errors.length > 0 ? (s(), o("div", ga, [
1286
- (s(!0), o(B, null, z(e.errors, (r, i) => (s(), o("p", {
1295
+ h(r.$slots, "default"),
1296
+ e.errors.length > 0 ? (l(), o("div", ya, [
1297
+ (l(!0), o(T, null, R(e.errors, (u, i) => (l(), o("p", {
1287
1298
  key: i,
1288
1299
  class: "error-message"
1289
- }, L(r), 1))), 128))
1300
+ }, C(u), 1))), 128))
1290
1301
  ])) : w("", !0)
1291
- ], 10, ba));
1302
+ ], 10, ga));
1292
1303
  }
1293
- }), ya = ["name", "value", "checked", "disabled"], $a = {
1304
+ }), $a = ["name", "value", "checked", "disabled"], ka = {
1294
1305
  key: 0,
1295
1306
  class: "radio-text"
1296
- }, el = /* @__PURE__ */ v({
1307
+ }, al = /* @__PURE__ */ v({
1297
1308
  name: "LlmRadio",
1298
1309
  __name: "llm-radio",
1299
1310
  props: {
@@ -1301,7 +1312,7 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1301
1312
  disabled: { type: Boolean, default: !1 }
1302
1313
  },
1303
1314
  setup(e) {
1304
- const t = e, a = q(te, {
1315
+ const t = e, a = q(le, {
1305
1316
  value: "",
1306
1317
  name: "",
1307
1318
  disabled: !1,
@@ -1309,42 +1320,42 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1309
1320
  invalid: !1,
1310
1321
  onSelect: () => {
1311
1322
  }
1312
- }), n = p(() => t.disabled || a.disabled), l = p(() => a.value === t.radioValue), d = p(() => [
1323
+ }), s = p(() => t.disabled || a.disabled), n = p(() => a.value === t.radioValue), r = p(() => [
1313
1324
  "llm-radio",
1314
- n.value && "is-disabled",
1315
- l.value && "is-checked",
1325
+ s.value && "is-disabled",
1326
+ n.value && "is-checked",
1316
1327
  a.invalid && "is-invalid"
1317
1328
  ].filter(Boolean));
1318
- function u() {
1319
- !n.value && !a.readonly && a.onSelect(t.radioValue);
1329
+ function d() {
1330
+ !s.value && !a.readonly && a.onSelect(t.radioValue);
1320
1331
  }
1321
- return (r, i) => (s(), o("label", {
1322
- class: y(d.value)
1332
+ return (u, i) => (l(), o("label", {
1333
+ class: y(r.value)
1323
1334
  }, [
1324
1335
  c("input", {
1325
1336
  type: "radio",
1326
1337
  name: M(a).name || void 0,
1327
1338
  value: e.radioValue,
1328
- checked: l.value,
1329
- disabled: n.value,
1339
+ checked: n.value,
1340
+ disabled: s.value,
1330
1341
  class: "radio-input",
1331
- onChange: u
1332
- }, null, 40, ya),
1342
+ onChange: d
1343
+ }, null, 40, $a),
1333
1344
  i[0] || (i[0] = c("span", {
1334
1345
  class: "radio-indicator",
1335
1346
  "aria-hidden": "true"
1336
1347
  }, null, -1)),
1337
- r.$slots.default ? (s(), o("span", $a, [
1338
- b(r.$slots, "default")
1348
+ u.$slots.default ? (l(), o("span", ka, [
1349
+ h(u.$slots, "default")
1339
1350
  ])) : w("", !0)
1340
1351
  ], 2));
1341
1352
  }
1342
- }), ka = ["for"], _a = { class: "select-wrapper" }, wa = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], La = {
1353
+ }), _a = ["for"], wa = { class: "select-wrapper" }, La = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], xa = {
1343
1354
  key: 0,
1344
1355
  value: "",
1345
1356
  disabled: "",
1346
1357
  hidden: ""
1347
- }, xa = ["id"], al = /* @__PURE__ */ v({
1358
+ }, Ca = ["id"], tl = /* @__PURE__ */ v({
1348
1359
  name: "LlmSelect",
1349
1360
  __name: "llm-select",
1350
1361
  props: {
@@ -1360,56 +1371,56 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1360
1371
  },
1361
1372
  emits: ["update:value"],
1362
1373
  setup(e, { emit: t }) {
1363
- const a = e, n = t, l = O(), d = O(), u = p(() => [
1374
+ const a = e, s = t, n = O(), r = O(), d = p(() => [
1364
1375
  "llm-select",
1365
1376
  a.invalid && "is-invalid",
1366
1377
  a.disabled && "is-disabled"
1367
1378
  ]);
1368
- function r(i) {
1369
- a.readonly || a.disabled || n("update:value", i.target.value);
1379
+ function u(i) {
1380
+ a.readonly || a.disabled || s("update:value", i.target.value);
1370
1381
  }
1371
- return (i, m) => (s(), o("div", {
1372
- class: y(u.value)
1382
+ return (i, m) => (l(), o("div", {
1383
+ class: y(d.value)
1373
1384
  }, [
1374
- e.label ? (s(), o("label", {
1385
+ e.label ? (l(), o("label", {
1375
1386
  key: 0,
1376
- for: M(l),
1387
+ for: M(n),
1377
1388
  class: "select-label"
1378
- }, L(e.label), 9, ka)) : w("", !0),
1379
- c("div", _a, [
1389
+ }, C(e.label), 9, _a)) : w("", !0),
1390
+ c("div", wa, [
1380
1391
  c("select", {
1381
- id: M(l),
1392
+ id: M(n),
1382
1393
  name: e.name,
1383
1394
  value: e.value,
1384
1395
  disabled: e.disabled,
1385
1396
  required: e.required,
1386
1397
  "aria-invalid": e.invalid || void 0,
1387
- "aria-describedby": e.errors.length > 0 ? M(d) : void 0,
1398
+ "aria-describedby": e.errors.length > 0 ? M(r) : void 0,
1388
1399
  class: "select-native",
1389
- onChange: r
1400
+ onChange: u
1390
1401
  }, [
1391
- e.placeholder ? (s(), o("option", La, L(e.placeholder), 1)) : w("", !0),
1392
- b(i.$slots, "default")
1393
- ], 40, wa),
1402
+ e.placeholder ? (l(), o("option", xa, C(e.placeholder), 1)) : w("", !0),
1403
+ h(i.$slots, "default")
1404
+ ], 40, La),
1394
1405
  m[0] || (m[0] = c("span", {
1395
1406
  class: "select-arrow",
1396
1407
  "aria-hidden": "true"
1397
1408
  }, "▾", -1))
1398
1409
  ]),
1399
- e.errors.length > 0 ? (s(), o("div", {
1410
+ e.errors.length > 0 ? (l(), o("div", {
1400
1411
  key: 1,
1401
- id: M(d),
1412
+ id: M(r),
1402
1413
  class: "errors",
1403
1414
  role: "alert"
1404
1415
  }, [
1405
- (s(!0), o(B, null, z(e.errors, ($, k) => (s(), o("p", {
1406
- key: k,
1416
+ (l(!0), o(T, null, R(e.errors, (g, $) => (l(), o("p", {
1417
+ key: $,
1407
1418
  class: "error-message"
1408
- }, L($), 1))), 128))
1409
- ], 8, xa)) : w("", !0)
1419
+ }, C(g), 1))), 128))
1420
+ ], 8, Ca)) : w("", !0)
1410
1421
  ], 2));
1411
1422
  }
1412
- }), Ca = ["value", "disabled"], tl = /* @__PURE__ */ v({
1423
+ }), Ba = ["value", "disabled"], ll = /* @__PURE__ */ v({
1413
1424
  name: "LlmOption",
1414
1425
  __name: "llm-option",
1415
1426
  props: {
@@ -1417,14 +1428,14 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1417
1428
  disabled: { type: Boolean, default: !1 }
1418
1429
  },
1419
1430
  setup(e) {
1420
- return (t, a) => (s(), o("option", {
1431
+ return (t, a) => (l(), o("option", {
1421
1432
  value: e.optionValue,
1422
1433
  disabled: e.disabled
1423
1434
  }, [
1424
- b(t.$slots, "default")
1425
- ], 8, Ca));
1435
+ h(t.$slots, "default")
1436
+ ], 8, Ba));
1426
1437
  }
1427
- }), ll = /* @__PURE__ */ v({
1438
+ }), sl = /* @__PURE__ */ v({
1428
1439
  name: "LlmSkeleton",
1429
1440
  __name: "llm-skeleton",
1430
1441
  props: {
@@ -1435,57 +1446,57 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1435
1446
  },
1436
1447
  setup(e) {
1437
1448
  const t = e;
1438
- function a(d, u, r) {
1439
- if (r) return r;
1440
- switch (d) {
1449
+ function a(r, d, u) {
1450
+ if (u) return u;
1451
+ switch (r) {
1441
1452
  case "text":
1442
1453
  return "1em";
1443
1454
  case "circular":
1444
- return u;
1455
+ return d;
1445
1456
  case "rectangular":
1446
1457
  return "100px";
1447
1458
  default:
1448
1459
  return "1em";
1449
1460
  }
1450
1461
  }
1451
- const n = p(() => [
1462
+ const s = p(() => [
1452
1463
  "llm-skeleton",
1453
1464
  `variant-${t.variant}`,
1454
1465
  t.animated && "is-animated"
1455
- ].filter(Boolean)), l = p(() => ({
1466
+ ].filter(Boolean)), n = p(() => ({
1456
1467
  width: t.width,
1457
1468
  height: a(t.variant, t.width, t.height)
1458
1469
  }));
1459
- return (d, u) => (s(), o("div", {
1460
- class: y(n.value),
1461
- style: P(l.value),
1470
+ return (r, d) => (l(), o("div", {
1471
+ class: y(s.value),
1472
+ style: P(n.value),
1462
1473
  "aria-hidden": "true"
1463
1474
  }, null, 6));
1464
1475
  }
1465
- }), Ba = {
1476
+ }), Ta = {
1466
1477
  class: "stepper-header",
1467
1478
  role: "tablist"
1468
- }, Ia = ["id", "aria-label", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "disabled", "onClick"], Ta = {
1479
+ }, Ia = ["id", "aria-label", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "disabled", "onClick"], Sa = {
1469
1480
  key: 0,
1470
1481
  width: "14",
1471
1482
  height: "14",
1472
1483
  viewBox: "0 0 14 14",
1473
1484
  fill: "none",
1474
1485
  "aria-hidden": "true"
1475
- }, Sa = {
1486
+ }, Da = {
1476
1487
  key: 1,
1477
1488
  width: "14",
1478
1489
  height: "14",
1479
1490
  viewBox: "0 0 14 14",
1480
1491
  fill: "none",
1481
1492
  "aria-hidden": "true"
1482
- }, Da = { class: "step-text" }, Ma = { class: "step-label" }, Aa = {
1493
+ }, Ma = { class: "step-text" }, Aa = { class: "step-label" }, Ra = {
1483
1494
  key: 0,
1484
1495
  class: "step-description"
1485
1496
  }, za = {
1486
1497
  key: 1,
1487
1498
  class: "step-optional"
1488
- }, Ra = { class: "stepper-content" }, le = /* @__PURE__ */ Symbol("LlmStepper"), sl = /* @__PURE__ */ v({
1499
+ }, qa = { class: "stepper-content" }, se = /* @__PURE__ */ Symbol("LlmStepper"), nl = /* @__PURE__ */ v({
1489
1500
  name: "LlmStepper",
1490
1501
  __name: "llm-stepper",
1491
1502
  props: {
@@ -1495,59 +1506,59 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1495
1506
  },
1496
1507
  emits: ["update:activeStep"],
1497
1508
  setup(e, { emit: t }) {
1498
- const a = e, n = t, l = C(a.activeStep), d = C([]), u = p(() => a.linear);
1499
- R(
1509
+ const a = e, s = t, n = B(a.activeStep), r = B([]), d = p(() => a.linear);
1510
+ z(
1500
1511
  () => a.activeStep,
1501
1512
  (f) => {
1502
- l.value = f;
1513
+ n.value = f;
1503
1514
  }
1504
1515
  );
1505
- function r(f) {
1506
- d.value.push(f);
1516
+ function u(f) {
1517
+ r.value.push(f);
1507
1518
  }
1508
1519
  function i(f) {
1509
- d.value = d.value.filter((I) => I.id !== f);
1520
+ r.value = r.value.filter((_) => _.id !== f);
1510
1521
  }
1511
- function m(f, I) {
1512
- const x = d.value.findIndex((D) => D.id === f);
1513
- x !== -1 && (d.value[x] = { ...d.value[x], ...I });
1522
+ function m(f, _) {
1523
+ const x = r.value.findIndex((D) => D.id === f);
1524
+ x !== -1 && (r.value[x] = { ...r.value[x], ..._ });
1514
1525
  }
1515
- function $(f) {
1516
- f < 0 || f >= d.value.length || d.value[f].disabled || a.linear && f > l.value && !d.value.slice(0, f).every((x) => x.completed || x.optional) || (l.value = f, n("update:activeStep", f));
1526
+ function g(f) {
1527
+ f < 0 || f >= r.value.length || r.value[f].disabled || a.linear && f > n.value && !r.value.slice(0, f).every((x) => x.completed || x.optional) || (n.value = f, s("update:activeStep", f));
1517
1528
  }
1518
- function k() {
1519
- $(l.value + 1);
1529
+ function $() {
1530
+ g(n.value + 1);
1520
1531
  }
1521
- function h() {
1522
- const f = l.value - 1;
1523
- f >= 0 && !d.value[f]?.disabled && (l.value = f, n("update:activeStep", f));
1532
+ function b() {
1533
+ const f = n.value - 1;
1534
+ f >= 0 && !r.value[f]?.disabled && (n.value = f, s("update:activeStep", f));
1524
1535
  }
1525
- H(le, {
1526
- activeStep: l,
1527
- steps: d,
1528
- linear: u,
1529
- registerStep: r,
1536
+ E(se, {
1537
+ activeStep: n,
1538
+ steps: r,
1539
+ linear: d,
1540
+ registerStep: u,
1530
1541
  unregisterStep: i,
1531
1542
  updateStep: m,
1532
- goTo: $,
1533
- next: k,
1534
- prev: h
1543
+ goTo: g,
1544
+ next: $,
1545
+ prev: b
1535
1546
  });
1536
- const _ = p(() => ["llm-stepper", `orientation-${a.orientation}`]);
1537
- function g(f) {
1538
- return l.value > f || d.value[f]?.completed;
1547
+ const k = p(() => ["llm-stepper", `orientation-${a.orientation}`]);
1548
+ function L(f) {
1549
+ return n.value > f || r.value[f]?.completed;
1539
1550
  }
1540
- return (f, I) => (s(), o("div", {
1541
- class: y(_.value)
1551
+ return (f, _) => (l(), o("div", {
1552
+ class: y(k.value)
1542
1553
  }, [
1543
- c("div", Ba, [
1544
- (s(!0), o(B, null, z(d.value, (x, D) => (s(), o(B, {
1554
+ c("div", Ta, [
1555
+ (l(!0), o(T, null, R(r.value, (x, D) => (l(), o(T, {
1545
1556
  key: x.id
1546
1557
  }, [
1547
1558
  c("div", {
1548
1559
  class: y(["step-item", {
1549
- "is-active": l.value === D,
1550
- "is-completed": x.completed && l.value !== D,
1560
+ "is-active": n.value === D,
1561
+ "is-completed": x.completed && n.value !== D,
1551
1562
  "is-error": x.error,
1552
1563
  "is-disabled": x.disabled
1553
1564
  }])
@@ -1558,14 +1569,14 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1558
1569
  class: "step-circle",
1559
1570
  id: `llm-step-${D}`,
1560
1571
  "aria-label": x.label,
1561
- "aria-selected": l.value === D,
1572
+ "aria-selected": n.value === D,
1562
1573
  "aria-controls": `llm-step-panel-${D}`,
1563
1574
  "aria-disabled": x.disabled || void 0,
1564
- tabindex: l.value === D ? 0 : -1,
1575
+ tabindex: n.value === D ? 0 : -1,
1565
1576
  disabled: x.disabled || void 0,
1566
- onClick: (F) => $(D)
1577
+ onClick: (F) => g(D)
1567
1578
  }, [
1568
- x.completed && !x.error ? (s(), o("svg", Ta, [...I[0] || (I[0] = [
1579
+ x.completed && !x.error ? (l(), o("svg", Sa, [..._[0] || (_[0] = [
1569
1580
  c("path", {
1570
1581
  d: "M2 7L5.5 10.5L12 3.5",
1571
1582
  stroke: "currentColor",
@@ -1573,35 +1584,35 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1573
1584
  "stroke-linecap": "round",
1574
1585
  "stroke-linejoin": "round"
1575
1586
  }, null, -1)
1576
- ])])) : x.error ? (s(), o("svg", Sa, [...I[1] || (I[1] = [
1587
+ ])])) : x.error ? (l(), o("svg", Da, [..._[1] || (_[1] = [
1577
1588
  c("path", {
1578
1589
  d: "M3 3L11 11M11 3L3 11",
1579
1590
  stroke: "currentColor",
1580
1591
  "stroke-width": "2",
1581
1592
  "stroke-linecap": "round"
1582
1593
  }, null, -1)
1583
- ])])) : (s(), o(B, { key: 2 }, [
1584
- G(L(D + 1), 1)
1594
+ ])])) : (l(), o(T, { key: 2 }, [
1595
+ G(C(D + 1), 1)
1585
1596
  ], 64))
1586
1597
  ], 8, Ia),
1587
- c("div", Da, [
1588
- c("span", Ma, L(x.label), 1),
1589
- x.description ? (s(), o("span", Aa, L(x.description), 1)) : w("", !0),
1590
- x.optional && !x.completed ? (s(), o("span", za, "Optional")) : w("", !0)
1598
+ c("div", Ma, [
1599
+ c("span", Aa, C(x.label), 1),
1600
+ x.description ? (l(), o("span", Ra, C(x.description), 1)) : w("", !0),
1601
+ x.optional && !x.completed ? (l(), o("span", za, "Optional")) : w("", !0)
1591
1602
  ])
1592
1603
  ], 2),
1593
- D < d.value.length - 1 ? (s(), o("div", {
1604
+ D < r.value.length - 1 ? (l(), o("div", {
1594
1605
  key: 0,
1595
- class: y(["step-connector", { "is-active": g(D) }])
1606
+ class: y(["step-connector", { "is-active": L(D) }])
1596
1607
  }, null, 2)) : w("", !0)
1597
1608
  ], 64))), 128))
1598
1609
  ]),
1599
- c("div", Ra, [
1600
- b(f.$slots, "default")
1610
+ c("div", qa, [
1611
+ h(f.$slots, "default")
1601
1612
  ])
1602
1613
  ], 2));
1603
1614
  }
1604
- }), qa = ["id", "aria-labelledby", "hidden"], nl = /* @__PURE__ */ v({
1615
+ }), Ha = ["id", "aria-labelledby", "hidden"], ol = /* @__PURE__ */ v({
1605
1616
  name: "LlmStep",
1606
1617
  __name: "llm-step",
1607
1618
  props: {
@@ -1613,10 +1624,10 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1613
1624
  disabled: { type: Boolean, default: !1 }
1614
1625
  },
1615
1626
  setup(e) {
1616
- const t = e, a = q(le), n = O();
1617
- E(() => {
1627
+ const t = e, a = q(se), s = O();
1628
+ H(() => {
1618
1629
  a.registerStep({
1619
- id: n,
1630
+ id: s,
1620
1631
  label: t.label,
1621
1632
  description: t.description,
1622
1633
  completed: t.completed,
@@ -1625,8 +1636,8 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1625
1636
  disabled: t.disabled
1626
1637
  });
1627
1638
  }), j(() => {
1628
- a.unregisterStep(n);
1629
- }), R(
1639
+ a.unregisterStep(s);
1640
+ }), z(
1630
1641
  () => ({
1631
1642
  label: t.label,
1632
1643
  description: t.description,
@@ -1635,29 +1646,30 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1635
1646
  optional: t.optional,
1636
1647
  disabled: t.disabled
1637
1648
  }),
1638
- (u) => {
1639
- a.updateStep(n, u);
1649
+ (d) => {
1650
+ a.updateStep(s, d);
1640
1651
  }
1641
1652
  );
1642
- const l = p(() => a.steps.value.findIndex((u) => u.id === n)), d = p(() => l.value === a.activeStep.value);
1643
- return (u, r) => l.value >= 0 ? (s(), o("div", {
1653
+ const n = p(() => a.steps.value.findIndex((d) => d.id === s)), r = p(() => n.value === a.activeStep.value);
1654
+ return (d, u) => n.value >= 0 ? (l(), o("div", {
1644
1655
  key: 0,
1645
- id: `llm-step-panel-${l.value}`,
1656
+ id: `llm-step-panel-${n.value}`,
1646
1657
  role: "tabpanel",
1647
- "aria-labelledby": `llm-step-${l.value}`,
1648
- hidden: !d.value,
1658
+ "aria-labelledby": `llm-step-${n.value}`,
1659
+ hidden: !r.value,
1649
1660
  tabindex: "0"
1650
1661
  }, [
1651
- b(u.$slots, "default")
1652
- ], 8, qa)) : w("", !0);
1662
+ h(d.$slots, "default")
1663
+ ], 8, Ha)) : w("", !0);
1653
1664
  }
1654
- }), Ha = { class: "llm-table-wrapper" }, ol = /* @__PURE__ */ v({
1665
+ }), Ea = ["aria-label"], il = /* @__PURE__ */ v({
1655
1666
  name: "LlmTable",
1656
1667
  __name: "llm-table",
1657
1668
  props: {
1658
1669
  variant: { default: "default" },
1659
1670
  size: { default: "md" },
1660
- stickyHeader: { type: Boolean, default: !1 }
1671
+ stickyHeader: { type: Boolean, default: !1 },
1672
+ ariaLabel: { default: void 0 }
1661
1673
  },
1662
1674
  setup(e) {
1663
1675
  const t = e, a = p(() => [
@@ -1666,25 +1678,30 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1666
1678
  `size-${t.size}`,
1667
1679
  t.stickyHeader && "is-sticky-header"
1668
1680
  ]);
1669
- return (n, l) => (s(), o("div", {
1681
+ return (s, n) => (l(), o("div", {
1670
1682
  class: y(a.value)
1671
1683
  }, [
1672
- c("div", Ha, [
1684
+ c("div", {
1685
+ class: "llm-table-wrapper",
1686
+ tabindex: "0",
1687
+ role: "region",
1688
+ "aria-label": e.ariaLabel ?? "Table"
1689
+ }, [
1673
1690
  c("table", null, [
1674
- b(n.$slots, "default")
1691
+ h(s.$slots, "default")
1675
1692
  ])
1676
- ])
1693
+ ], 8, Ea)
1677
1694
  ], 2));
1678
1695
  }
1679
- }), il = /* @__PURE__ */ v({
1696
+ }), rl = /* @__PURE__ */ v({
1680
1697
  name: "LlmThead",
1681
1698
  __name: "llm-thead",
1682
1699
  setup(e) {
1683
- return (t, a) => (s(), o("thead", null, [
1684
- b(t.$slots, "default")
1700
+ return (t, a) => (l(), o("thead", null, [
1701
+ h(t.$slots, "default")
1685
1702
  ]));
1686
1703
  }
1687
- }), Ea = { key: 1 }, Oa = ["colspan"], rl = /* @__PURE__ */ v({
1704
+ }), Oa = { key: 1 }, Ka = ["colspan"], dl = /* @__PURE__ */ v({
1688
1705
  name: "LlmTbody",
1689
1706
  __name: "llm-tbody",
1690
1707
  props: {
@@ -1692,21 +1709,21 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1692
1709
  colSpan: { default: 1 }
1693
1710
  },
1694
1711
  setup(e) {
1695
- return (t, a) => (s(), o("tbody", null, [
1696
- e.empty ? (s(), o("tr", Ea, [
1712
+ return (t, a) => (l(), o("tbody", null, [
1713
+ e.empty ? (l(), o("tr", Oa, [
1697
1714
  c("td", {
1698
1715
  colspan: e.colSpan,
1699
1716
  class: "llm-tbody-empty-cell"
1700
1717
  }, [
1701
- b(t.$slots, "empty")
1702
- ], 8, Oa)
1703
- ])) : b(t.$slots, "default", { key: 0 })
1718
+ h(t.$slots, "empty")
1719
+ ], 8, Ka)
1720
+ ])) : h(t.$slots, "default", { key: 0 })
1704
1721
  ]));
1705
1722
  }
1706
- }), Ka = ["aria-selected"], ja = {
1723
+ }), ja = ["aria-selected"], Ga = {
1707
1724
  key: 0,
1708
1725
  class: "llm-tr-select-cell"
1709
- }, dl = /* @__PURE__ */ v({
1726
+ }, ul = /* @__PURE__ */ v({
1710
1727
  name: "LlmTr",
1711
1728
  __name: "llm-tr",
1712
1729
  props: {
@@ -1716,20 +1733,20 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1716
1733
  emits: ["update:selected"],
1717
1734
  setup(e, { emit: t }) {
1718
1735
  const a = t;
1719
- return (n, l) => (s(), o("tr", {
1736
+ return (s, n) => (l(), o("tr", {
1720
1737
  "aria-selected": e.selectable ? e.selected : void 0,
1721
1738
  class: y({ "is-selected": e.selected })
1722
1739
  }, [
1723
- e.selectable ? (s(), o("td", ja, [
1724
- me(Ee, {
1740
+ e.selectable ? (l(), o("td", Ga, [
1741
+ fe(Oe, {
1725
1742
  checked: e.selected,
1726
- "onUpdate:checked": l[0] || (l[0] = (d) => a("update:selected", d))
1743
+ "onUpdate:checked": n[0] || (n[0] = (r) => a("update:selected", r))
1727
1744
  }, null, 8, ["checked"])
1728
1745
  ])) : w("", !0),
1729
- b(n.$slots, "default")
1730
- ], 10, Ka));
1746
+ h(s.$slots, "default")
1747
+ ], 10, ja));
1731
1748
  }
1732
- }), Ga = ["aria-sort"], ul = /* @__PURE__ */ v({
1749
+ }), Pa = ["aria-sort"], cl = /* @__PURE__ */ v({
1733
1750
  name: "LlmTh",
1734
1751
  __name: "llm-th",
1735
1752
  props: {
@@ -1740,33 +1757,33 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1740
1757
  },
1741
1758
  emits: ["sort"],
1742
1759
  setup(e, { emit: t }) {
1743
- const a = e, n = t, l = p(
1760
+ const a = e, s = t, n = p(
1744
1761
  () => [
1745
1762
  `align-${a.align}`,
1746
1763
  a.sortDirection && "is-sorted",
1747
1764
  a.sortDirection === "asc" && "sort-asc",
1748
1765
  a.sortDirection === "desc" && "sort-desc"
1749
1766
  ].filter(Boolean)
1750
- ), d = p(() => {
1767
+ ), r = p(() => {
1751
1768
  if (a.sortable)
1752
1769
  return a.sortDirection === "asc" ? "ascending" : a.sortDirection === "desc" ? "descending" : "none";
1753
1770
  });
1754
- function u() {
1755
- const r = a.sortDirection === null ? "asc" : a.sortDirection === "asc" ? "desc" : null;
1756
- n("sort", r);
1771
+ function d() {
1772
+ const u = a.sortDirection === null ? "asc" : a.sortDirection === "asc" ? "desc" : null;
1773
+ s("sort", u);
1757
1774
  }
1758
- return (r, i) => (s(), o("th", {
1759
- class: y(l.value),
1760
- "aria-sort": d.value,
1775
+ return (u, i) => (l(), o("th", {
1776
+ class: y(n.value),
1777
+ "aria-sort": r.value,
1761
1778
  style: P(e.width ? { width: e.width } : void 0)
1762
1779
  }, [
1763
- e.sortable ? (s(), o("button", {
1780
+ e.sortable ? (l(), o("button", {
1764
1781
  key: 0,
1765
1782
  type: "button",
1766
1783
  class: "llm-th-sort-btn",
1767
- onClick: u
1784
+ onClick: d
1768
1785
  }, [
1769
- b(r.$slots, "default"),
1786
+ h(u.$slots, "default"),
1770
1787
  i[0] || (i[0] = c("svg", {
1771
1788
  class: "llm-th-sort-icon",
1772
1789
  "aria-hidden": "true",
@@ -1786,10 +1803,10 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1786
1803
  fill: "currentColor"
1787
1804
  })
1788
1805
  ], -1))
1789
- ])) : b(r.$slots, "default", { key: 1 })
1790
- ], 14, Ga));
1806
+ ])) : h(u.$slots, "default", { key: 1 })
1807
+ ], 14, Pa));
1791
1808
  }
1792
- }), cl = /* @__PURE__ */ v({
1809
+ }), ml = /* @__PURE__ */ v({
1793
1810
  name: "LlmTd",
1794
1811
  __name: "llm-td",
1795
1812
  props: {
@@ -1797,13 +1814,13 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1797
1814
  },
1798
1815
  setup(e) {
1799
1816
  const t = e, a = p(() => [`align-${t.align}`]);
1800
- return (n, l) => (s(), o("td", {
1817
+ return (s, n) => (l(), o("td", {
1801
1818
  class: y(a.value)
1802
1819
  }, [
1803
- b(n.$slots, "default")
1820
+ h(s.$slots, "default")
1804
1821
  ], 2));
1805
1822
  }
1806
- }), Pa = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], Fa = { class: "tab-panels" }, se = /* @__PURE__ */ Symbol("LlmTabGroup"), ml = /* @__PURE__ */ v({
1823
+ }), Fa = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], Na = { class: "tab-panels" }, ne = /* @__PURE__ */ Symbol("LlmTabGroup"), fl = /* @__PURE__ */ v({
1807
1824
  name: "LlmTabGroup",
1808
1825
  __name: "llm-tab-group",
1809
1826
  props: {
@@ -1812,75 +1829,75 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1812
1829
  },
1813
1830
  emits: ["update:selectedIndex"],
1814
1831
  setup(e, { emit: t }) {
1815
- const a = e, n = t, l = C(a.selectedIndex), d = C([]);
1816
- R(
1832
+ const a = e, s = t, n = B(a.selectedIndex), r = B([]);
1833
+ z(
1817
1834
  () => a.selectedIndex,
1818
- (h) => {
1819
- l.value = h;
1835
+ (b) => {
1836
+ n.value = b;
1820
1837
  }
1821
1838
  );
1822
- function u(h) {
1823
- d.value.push(h);
1839
+ function d(b) {
1840
+ r.value.push(b);
1824
1841
  }
1825
- function r(h) {
1826
- d.value = d.value.filter((_) => _.id !== h);
1842
+ function u(b) {
1843
+ r.value = r.value.filter((k) => k.id !== b);
1827
1844
  }
1828
- function i(h) {
1829
- l.value = h, n("update:selectedIndex", h);
1845
+ function i(b) {
1846
+ n.value = b, s("update:selectedIndex", b);
1830
1847
  }
1831
- H(se, {
1832
- selectedIndex: l,
1833
- tabs: d,
1834
- registerTab: u,
1835
- unregisterTab: r,
1848
+ E(ne, {
1849
+ selectedIndex: n,
1850
+ tabs: r,
1851
+ registerTab: d,
1852
+ unregisterTab: u,
1836
1853
  selectTab: i
1837
1854
  });
1838
- function m(h) {
1839
- const _ = d.value.map((f, I) => ({ i: I, disabled: f.disabled })).filter((f) => !f.disabled).map((f) => f.i), g = _.indexOf(l.value);
1840
- if (h.key === "ArrowRight") {
1841
- h.preventDefault();
1842
- const f = _[(g + 1) % _.length];
1855
+ function m(b) {
1856
+ const k = r.value.map((f, _) => ({ i: _, disabled: f.disabled })).filter((f) => !f.disabled).map((f) => f.i), L = k.indexOf(n.value);
1857
+ if (b.key === "ArrowRight") {
1858
+ b.preventDefault();
1859
+ const f = k[(L + 1) % k.length];
1843
1860
  f !== void 0 && i(f);
1844
- } else if (h.key === "ArrowLeft") {
1845
- h.preventDefault();
1846
- const f = _[(g - 1 + _.length) % _.length];
1861
+ } else if (b.key === "ArrowLeft") {
1862
+ b.preventDefault();
1863
+ const f = k[(L - 1 + k.length) % k.length];
1847
1864
  f !== void 0 && i(f);
1848
- } else if (h.key === "Home")
1849
- h.preventDefault(), _[0] !== void 0 && i(_[0]);
1850
- else if (h.key === "End") {
1851
- h.preventDefault();
1852
- const f = _[_.length - 1];
1865
+ } else if (b.key === "Home")
1866
+ b.preventDefault(), k[0] !== void 0 && i(k[0]);
1867
+ else if (b.key === "End") {
1868
+ b.preventDefault();
1869
+ const f = k[k.length - 1];
1853
1870
  f !== void 0 && i(f);
1854
1871
  }
1855
1872
  }
1856
- const $ = `llm-tab-group-${Math.random().toString(36).slice(2, 9)}`, k = p(() => ["llm-tab-group", `variant-${a.variant}`]);
1857
- return (h, _) => (s(), o("div", {
1858
- class: y(k.value)
1873
+ const g = `llm-tab-group-${Math.random().toString(36).slice(2, 9)}`, $ = p(() => ["llm-tab-group", `variant-${a.variant}`]);
1874
+ return (b, k) => (l(), o("div", {
1875
+ class: y($.value)
1859
1876
  }, [
1860
1877
  c("div", {
1861
1878
  class: "tablist",
1862
1879
  role: "tablist",
1863
1880
  onKeydown: m
1864
1881
  }, [
1865
- (s(!0), o(B, null, z(d.value, (g, f) => (s(), o("button", {
1866
- key: g.id,
1882
+ (l(!0), o(T, null, R(r.value, (L, f) => (l(), o("button", {
1883
+ key: L.id,
1867
1884
  role: "tab",
1868
- id: `${$}-tab-${f}`,
1869
- "aria-selected": f === l.value,
1870
- "aria-controls": `${$}-panel-${f}`,
1871
- tabindex: f === l.value ? 0 : -1,
1872
- disabled: g.disabled,
1873
- class: y(["tab-button", f === l.value && "is-active", g.disabled && "is-disabled"]),
1885
+ id: `${g}-tab-${f}`,
1886
+ "aria-selected": f === n.value,
1887
+ "aria-controls": `${g}-panel-${f}`,
1888
+ tabindex: f === n.value ? 0 : -1,
1889
+ disabled: L.disabled,
1890
+ class: y(["tab-button", f === n.value && "is-active", L.disabled && "is-disabled"]),
1874
1891
  type: "button",
1875
- onClick: (I) => !g.disabled && i(f)
1876
- }, L(g.label), 11, Pa))), 128))
1892
+ onClick: (_) => !L.disabled && i(f)
1893
+ }, C(L.label), 11, Fa))), 128))
1877
1894
  ], 32),
1878
- c("div", Fa, [
1879
- b(h.$slots, "default", { groupId: $ })
1895
+ c("div", Na, [
1896
+ h(b.$slots, "default", { groupId: g })
1880
1897
  ])
1881
1898
  ], 2));
1882
1899
  }
1883
- }), Va = ["hidden"], fl = /* @__PURE__ */ v({
1900
+ }), Va = ["hidden"], pl = /* @__PURE__ */ v({
1884
1901
  name: "LlmTab",
1885
1902
  __name: "llm-tab",
1886
1903
  props: {
@@ -1888,30 +1905,30 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1888
1905
  disabled: { type: Boolean, default: !1 }
1889
1906
  },
1890
1907
  setup(e) {
1891
- const t = e, a = q(se), n = O();
1892
- E(() => {
1893
- a.registerTab({ id: n, label: t.label, disabled: t.disabled });
1908
+ const t = e, a = q(ne), s = O();
1909
+ H(() => {
1910
+ a.registerTab({ id: s, label: t.label, disabled: t.disabled });
1894
1911
  }), j(() => {
1895
- a.unregisterTab(n);
1912
+ a.unregisterTab(s);
1896
1913
  });
1897
- const l = p(() => a.tabs.value.findIndex((u) => u.id === n)), d = p(() => l.value === a.selectedIndex.value);
1914
+ const n = p(() => a.tabs.value.findIndex((d) => d.id === s)), r = p(() => n.value === a.selectedIndex.value);
1898
1915
  return p(() => {
1899
- }), (u, r) => l.value >= 0 ? (s(), o("div", {
1916
+ }), (d, u) => n.value >= 0 ? (l(), o("div", {
1900
1917
  key: 0,
1901
1918
  role: "tabpanel",
1902
- hidden: !d.value,
1919
+ hidden: !r.value,
1903
1920
  class: "tab-panel",
1904
1921
  "aria-labelledby": void 0,
1905
1922
  tabindex: "0"
1906
1923
  }, [
1907
- b(u.$slots, "default")
1924
+ h(d.$slots, "default")
1908
1925
  ], 8, Va)) : w("", !0);
1909
1926
  }
1910
- }), Na = ["for"], Ua = { class: "textarea-field" }, Wa = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Ja = {
1927
+ }), Ua = ["for"], Wa = { class: "textarea-field" }, Ja = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Ya = {
1911
1928
  key: 1,
1912
1929
  class: "errors",
1913
1930
  "aria-live": "polite"
1914
- }, pl = /* @__PURE__ */ v({
1931
+ }, vl = /* @__PURE__ */ v({
1915
1932
  name: "LlmTextarea",
1916
1933
  __name: "llm-textarea",
1917
1934
  props: {
@@ -1930,29 +1947,29 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1930
1947
  },
1931
1948
  emits: ["update:value"],
1932
1949
  setup(e, { emit: t }) {
1933
- const a = e, n = t, l = C(null), d = p(() => a.id || (a.label ? `textarea-${Math.random().toString(36).slice(2)}` : void 0));
1934
- function u() {
1935
- a.autoResize && l.value && (l.value.style.height = "auto", l.value.style.height = `${l.value.scrollHeight}px`);
1950
+ const a = e, s = t, n = B(null), r = p(() => a.id || (a.label ? `textarea-${Math.random().toString(36).slice(2)}` : void 0));
1951
+ function d() {
1952
+ a.autoResize && n.value && (n.value.style.height = "auto", n.value.style.height = `${n.value.scrollHeight}px`);
1936
1953
  }
1937
- R(() => a.value, async () => {
1938
- await Y(), u();
1939
- }), E(() => u());
1940
- function r(i) {
1941
- n("update:value", i.target.value), u();
1954
+ z(() => a.value, async () => {
1955
+ await Z(), d();
1956
+ }), H(() => d());
1957
+ function u(i) {
1958
+ s("update:value", i.target.value), d();
1942
1959
  }
1943
- return (i, m) => (s(), o("div", {
1960
+ return (i, m) => (l(), o("div", {
1944
1961
  class: y(["llm-textarea", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
1945
1962
  }, [
1946
- e.label ? (s(), o("label", {
1963
+ e.label ? (l(), o("label", {
1947
1964
  key: 0,
1948
- for: d.value,
1965
+ for: r.value,
1949
1966
  class: "textarea-label"
1950
- }, L(e.label), 9, Na)) : w("", !0),
1951
- c("div", Ua, [
1967
+ }, C(e.label), 9, Ua)) : w("", !0),
1968
+ c("div", Wa, [
1952
1969
  c("textarea", {
1953
- id: d.value,
1970
+ id: r.value,
1954
1971
  ref_key: "textareaRef",
1955
- ref: l,
1972
+ ref: n,
1956
1973
  value: e.value,
1957
1974
  rows: e.rows,
1958
1975
  placeholder: e.placeholder,
@@ -1961,20 +1978,20 @@ const Q = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
1961
1978
  required: e.required,
1962
1979
  name: e.name,
1963
1980
  "aria-invalid": e.invalid || void 0,
1964
- onInput: r
1965
- }, null, 40, Wa)
1981
+ onInput: u
1982
+ }, null, 40, Ja)
1966
1983
  ]),
1967
- e.errors.length ? (s(), o("ul", Ja, [
1968
- (s(!0), o(B, null, z(e.errors, ($, k) => (s(), o("li", {
1969
- key: k,
1984
+ e.errors.length ? (l(), o("ul", Ya, [
1985
+ (l(!0), o(T, null, R(e.errors, (g, $) => (l(), o("li", {
1986
+ key: $,
1970
1987
  class: "error"
1971
- }, L($), 1))), 128))
1988
+ }, C(g), 1))), 128))
1972
1989
  ])) : w("", !0)
1973
1990
  ], 2));
1974
1991
  }
1975
- }), N = /* @__PURE__ */ Symbol("LlmToast");
1976
- function vl() {
1977
- const e = q(N);
1992
+ }), U = /* @__PURE__ */ Symbol("LlmToast");
1993
+ function bl() {
1994
+ const e = q(U);
1978
1995
  if (!e)
1979
1996
  throw new Error(
1980
1997
  "useLlmToast() must be called inside a component that is a descendant of LlmToastProvider."
@@ -1985,36 +2002,36 @@ const hl = /* @__PURE__ */ v({
1985
2002
  name: "LlmToastProvider",
1986
2003
  __name: "llm-toast-provider",
1987
2004
  setup(e) {
1988
- const t = C([]), a = /* @__PURE__ */ new Map();
1989
- function n(u, r = {}) {
1990
- const i = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, m = r.duration ?? 5e3, $ = {
2005
+ const t = B([]), a = /* @__PURE__ */ new Map();
2006
+ function s(d, u = {}) {
2007
+ const i = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, m = u.duration ?? 5e3, g = {
1991
2008
  id: i,
1992
- message: u,
1993
- variant: r.variant ?? "default",
2009
+ message: d,
2010
+ variant: u.variant ?? "default",
1994
2011
  duration: m,
1995
- dismissible: r.dismissible ?? !0
2012
+ dismissible: u.dismissible ?? !0
1996
2013
  };
1997
- if (t.value = [...t.value, $], m > 0) {
1998
- const k = setTimeout(() => {
1999
- l(i);
2014
+ if (t.value = [...t.value, g], m > 0) {
2015
+ const $ = setTimeout(() => {
2016
+ n(i);
2000
2017
  }, m);
2001
- a.set(i, k);
2018
+ a.set(i, $);
2002
2019
  }
2003
2020
  return i;
2004
2021
  }
2005
- function l(u) {
2006
- t.value = t.value.filter((i) => i.id !== u);
2007
- const r = a.get(u);
2008
- r !== void 0 && (clearTimeout(r), a.delete(u));
2022
+ function n(d) {
2023
+ t.value = t.value.filter((i) => i.id !== d);
2024
+ const u = a.get(d);
2025
+ u !== void 0 && (clearTimeout(u), a.delete(d));
2009
2026
  }
2010
- function d() {
2011
- for (const u of a.values())
2012
- clearTimeout(u);
2027
+ function r() {
2028
+ for (const d of a.values())
2029
+ clearTimeout(d);
2013
2030
  a.clear(), t.value = [];
2014
2031
  }
2015
- return H(N, { toasts: t, show: n, dismiss: l, clear: d }), (u, r) => b(u.$slots, "default");
2032
+ return E(U, { toasts: t, show: s, dismiss: n, clear: r }), (d, u) => h(d.$slots, "default");
2016
2033
  }
2017
- }), Ya = { class: "message" }, Za = /* @__PURE__ */ v({
2034
+ }), Za = { class: "message" }, Qa = /* @__PURE__ */ v({
2018
2035
  name: "LlmToastItem",
2019
2036
  __name: "llm-toast-item",
2020
2037
  props: {
@@ -2022,19 +2039,19 @@ const hl = /* @__PURE__ */ v({
2022
2039
  },
2023
2040
  emits: ["dismiss"],
2024
2041
  setup(e, { emit: t }) {
2025
- const a = e, n = t, l = p(() => ["llm-toast", `variant-${a.data.variant}`]);
2026
- return (d, u) => (s(), o("div", {
2027
- class: y(l.value),
2042
+ const a = e, s = t, n = p(() => ["llm-toast", `variant-${a.data.variant}`]);
2043
+ return (r, d) => (l(), o("div", {
2044
+ class: y(n.value),
2028
2045
  role: "status"
2029
2046
  }, [
2030
- c("span", Ya, L(e.data.message), 1),
2031
- e.data.dismissible ? (s(), o("button", {
2047
+ c("span", Za, C(e.data.message), 1),
2048
+ e.data.dismissible ? (l(), o("button", {
2032
2049
  key: 0,
2033
2050
  class: "dismiss",
2034
2051
  type: "button",
2035
2052
  "aria-label": "Dismiss",
2036
- onClick: u[0] || (u[0] = (r) => n("dismiss", e.data.id))
2037
- }, [...u[1] || (u[1] = [
2053
+ onClick: d[0] || (d[0] = (u) => s("dismiss", e.data.id))
2054
+ }, [...d[1] || (d[1] = [
2038
2055
  c("svg", {
2039
2056
  xmlns: "http://www.w3.org/2000/svg",
2040
2057
  width: "14",
@@ -2063,35 +2080,35 @@ const hl = /* @__PURE__ */ v({
2063
2080
  ])])) : w("", !0)
2064
2081
  ], 2));
2065
2082
  }
2066
- }), bl = /* @__PURE__ */ v({
2083
+ }), gl = /* @__PURE__ */ v({
2067
2084
  name: "LlmToastContainer",
2068
2085
  __name: "llm-toast-container",
2069
2086
  props: {
2070
2087
  position: { default: "bottom-right" }
2071
2088
  },
2072
2089
  setup(e) {
2073
- const t = e, a = q(N), n = p(() => a.toasts.value);
2074
- function l(u) {
2075
- a.dismiss(u);
2090
+ const t = e, a = q(U), s = p(() => a.toasts.value);
2091
+ function n(d) {
2092
+ a.dismiss(d);
2076
2093
  }
2077
- const d = p(() => ["llm-toast-container", `position-${t.position}`]);
2078
- return (u, r) => (s(), o("div", {
2079
- class: y(d.value),
2094
+ const r = p(() => ["llm-toast-container", `position-${t.position}`]);
2095
+ return (d, u) => (l(), o("div", {
2096
+ class: y(r.value),
2080
2097
  "aria-live": "polite",
2081
2098
  role: "status"
2082
2099
  }, [
2083
- (s(!0), o(B, null, z(n.value, (i) => (s(), W(Za, {
2100
+ (l(!0), o(T, null, R(s.value, (i) => (l(), N(Qa, {
2084
2101
  key: i.id,
2085
2102
  data: i,
2086
- onDismiss: r[0] || (r[0] = (m) => l(m))
2103
+ onDismiss: u[0] || (u[0] = (m) => n(m))
2087
2104
  }, null, 8, ["data"]))), 128))
2088
2105
  ], 2));
2089
2106
  }
2090
- }), Qa = ["for"], Xa = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], et = {
2107
+ }), Xa = ["for"], et = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], at = {
2091
2108
  key: 0,
2092
2109
  class: "errors",
2093
2110
  "aria-live": "polite"
2094
- }, gl = /* @__PURE__ */ v({
2111
+ }, yl = /* @__PURE__ */ v({
2095
2112
  name: "LlmToggle",
2096
2113
  __name: "llm-toggle",
2097
2114
  props: {
@@ -2106,19 +2123,19 @@ const hl = /* @__PURE__ */ v({
2106
2123
  },
2107
2124
  emits: ["update:checked"],
2108
2125
  setup(e, { emit: t }) {
2109
- const a = e, n = t, l = p(() => a.id || `toggle-${Math.random().toString(36).slice(2)}`);
2110
- function d(u) {
2111
- a.readonly || n("update:checked", u.target.checked);
2126
+ const a = e, s = t, n = p(() => a.id || `toggle-${Math.random().toString(36).slice(2)}`);
2127
+ function r(d) {
2128
+ a.readonly || s("update:checked", d.target.checked);
2112
2129
  }
2113
- return (u, r) => (s(), o("div", {
2130
+ return (d, u) => (l(), o("div", {
2114
2131
  class: y(["llm-toggle", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
2115
2132
  }, [
2116
2133
  c("label", {
2117
- for: l.value,
2134
+ for: n.value,
2118
2135
  class: "toggle-label"
2119
2136
  }, [
2120
2137
  c("input", {
2121
- id: l.value,
2138
+ id: n.value,
2122
2139
  type: "checkbox",
2123
2140
  role: "switch",
2124
2141
  checked: e.checked,
@@ -2127,22 +2144,22 @@ const hl = /* @__PURE__ */ v({
2127
2144
  name: e.name,
2128
2145
  "aria-invalid": e.invalid || void 0,
2129
2146
  "aria-checked": e.checked,
2130
- onChange: d
2131
- }, null, 40, Xa),
2132
- r[0] || (r[0] = c("span", { class: "track" }, [
2147
+ onChange: r
2148
+ }, null, 40, et),
2149
+ u[0] || (u[0] = c("span", { class: "track" }, [
2133
2150
  c("span", { class: "thumb" })
2134
2151
  ], -1)),
2135
- b(u.$slots, "default")
2136
- ], 8, Qa),
2137
- e.errors.length ? (s(), o("ul", et, [
2138
- (s(!0), o(B, null, z(e.errors, (i, m) => (s(), o("li", {
2152
+ h(d.$slots, "default")
2153
+ ], 8, Xa),
2154
+ e.errors.length ? (l(), o("ul", at, [
2155
+ (l(!0), o(T, null, R(e.errors, (i, m) => (l(), o("li", {
2139
2156
  key: m,
2140
2157
  class: "error"
2141
- }, L(i), 1))), 128))
2158
+ }, C(i), 1))), 128))
2142
2159
  ])) : w("", !0)
2143
2160
  ], 2));
2144
2161
  }
2145
- }), yl = /* @__PURE__ */ v({
2162
+ }), $l = /* @__PURE__ */ v({
2146
2163
  name: "LlmTooltip",
2147
2164
  __name: "llm-tooltip",
2148
2165
  props: {
@@ -2153,41 +2170,41 @@ const hl = /* @__PURE__ */ v({
2153
2170
  llmTooltipHideDelay: { default: 0 }
2154
2171
  },
2155
2172
  setup(e) {
2156
- const t = e, a = C(!1);
2157
- let n = null, l = null;
2158
- function d() {
2159
- n && (clearTimeout(n), n = null), l && (clearTimeout(l), l = null);
2173
+ const t = e, a = B(!1);
2174
+ let s = null, n = null;
2175
+ function r() {
2176
+ s && (clearTimeout(s), s = null), n && (clearTimeout(n), n = null);
2160
2177
  }
2161
- function u() {
2162
- t.llmTooltipDisabled || !t.llmTooltip || (d(), n = setTimeout(() => {
2178
+ function d() {
2179
+ t.llmTooltipDisabled || !t.llmTooltip || (r(), s = setTimeout(() => {
2163
2180
  a.value = !0;
2164
2181
  }, t.llmTooltipShowDelay));
2165
2182
  }
2166
- function r() {
2167
- d(), l = setTimeout(() => {
2183
+ function u() {
2184
+ r(), n = setTimeout(() => {
2168
2185
  a.value = !1;
2169
2186
  }, t.llmTooltipHideDelay);
2170
2187
  }
2171
2188
  function i(m) {
2172
- m.key === "Escape" && (d(), a.value = !1);
2189
+ m.key === "Escape" && (r(), a.value = !1);
2173
2190
  }
2174
- return J(() => d()), (m, $) => (s(), o("span", {
2191
+ return Y(() => r()), (m, g) => (l(), o("span", {
2175
2192
  class: "llm-tooltip-wrapper",
2176
- onMouseenter: u,
2177
- onMouseleave: r,
2178
- onFocus: u,
2179
- onBlur: r,
2193
+ onMouseenter: d,
2194
+ onMouseleave: u,
2195
+ onFocus: d,
2196
+ onBlur: u,
2180
2197
  onKeydown: i
2181
2198
  }, [
2182
- b(m.$slots, "default"),
2183
- a.value && !e.llmTooltipDisabled && e.llmTooltip ? (s(), o("div", {
2199
+ h(m.$slots, "default"),
2200
+ a.value && !e.llmTooltipDisabled && e.llmTooltip ? (l(), o("div", {
2184
2201
  key: 0,
2185
2202
  role: "tooltip",
2186
2203
  class: y(`llm-tooltip position-${e.llmTooltipPosition}`)
2187
- }, L(e.llmTooltip), 3)) : w("", !0)
2204
+ }, C(e.llmTooltip), 3)) : w("", !0)
2188
2205
  ], 32));
2189
2206
  }
2190
- }), at = { class: "llm-code-block" }, tt = { class: "code-block-header" }, lt = { class: "code-block-label" }, st = ["aria-label"], nt = { class: "code-block-body" }, ot = { class: "code-block-pre" }, it = { class: "code-line-number" }, rt = { class: "code-line-text" }, $l = /* @__PURE__ */ v({
2207
+ }), tt = { class: "llm-code-block" }, lt = { class: "code-block-header" }, st = { class: "code-block-label" }, nt = ["aria-label"], ot = { class: "code-block-body" }, it = { class: "code-block-pre" }, rt = { class: "code-line-number" }, dt = { class: "code-line-text" }, kl = /* @__PURE__ */ v({
2191
2208
  name: "LlmCodeBlock",
2192
2209
  __name: "llm-code-block",
2193
2210
  props: {
@@ -2198,27 +2215,27 @@ const hl = /* @__PURE__ */ v({
2198
2215
  showLineNumbers: { type: Boolean, default: !1 }
2199
2216
  },
2200
2217
  setup(e) {
2201
- const t = e, a = C(!1), n = p(() => t.filename || t.language), l = p(() => t.code.split(`
2218
+ const t = e, a = B(!1), s = p(() => t.filename || t.language), n = p(() => t.code.split(`
2202
2219
  `));
2203
- function d() {
2220
+ function r() {
2204
2221
  navigator.clipboard.writeText(t.code).then(() => {
2205
2222
  a.value = !0, setTimeout(() => {
2206
2223
  a.value = !1;
2207
2224
  }, 1800);
2208
2225
  });
2209
2226
  }
2210
- return (u, r) => (s(), o("div", at, [
2211
- c("div", tt, [
2212
- c("span", lt, L(n.value), 1),
2213
- e.copyable ? (s(), o("button", {
2227
+ return (d, u) => (l(), o("div", tt, [
2228
+ c("div", lt, [
2229
+ c("span", st, C(s.value), 1),
2230
+ e.copyable ? (l(), o("button", {
2214
2231
  key: 0,
2215
2232
  class: "code-block-copy",
2216
2233
  type: "button",
2217
2234
  "aria-label": a.value ? "Copied" : "Copy code",
2218
- onClick: d
2235
+ onClick: r
2219
2236
  }, [
2220
- a.value ? (s(), o(B, { key: 0 }, [
2221
- r[0] || (r[0] = c("svg", {
2237
+ a.value ? (l(), o(T, { key: 0 }, [
2238
+ u[0] || (u[0] = c("svg", {
2222
2239
  xmlns: "http://www.w3.org/2000/svg",
2223
2240
  width: "14",
2224
2241
  height: "14",
@@ -2232,9 +2249,9 @@ const hl = /* @__PURE__ */ v({
2232
2249
  }, [
2233
2250
  c("polyline", { points: "20 6 9 17 4 12" })
2234
2251
  ], -1)),
2235
- r[1] || (r[1] = G(" Copied ", -1))
2236
- ], 64)) : (s(), o(B, { key: 1 }, [
2237
- r[2] || (r[2] = c("svg", {
2252
+ u[1] || (u[1] = G(" Copied ", -1))
2253
+ ], 64)) : (l(), o(T, { key: 1 }, [
2254
+ u[2] || (u[2] = c("svg", {
2238
2255
  xmlns: "http://www.w3.org/2000/svg",
2239
2256
  width: "14",
2240
2257
  height: "14",
@@ -2256,28 +2273,28 @@ const hl = /* @__PURE__ */ v({
2256
2273
  }),
2257
2274
  c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
2258
2275
  ], -1)),
2259
- r[3] || (r[3] = G(" Copy ", -1))
2276
+ u[3] || (u[3] = G(" Copy ", -1))
2260
2277
  ], 64))
2261
- ], 8, st)) : w("", !0)
2278
+ ], 8, nt)) : w("", !0)
2262
2279
  ]),
2263
- c("div", nt, [
2264
- c("pre", ot, [
2280
+ c("div", ot, [
2281
+ c("pre", it, [
2265
2282
  c("code", null, [
2266
- e.showLineNumbers ? (s(!0), o(B, { key: 0 }, z(l.value, (i, m) => (s(), o("span", {
2283
+ e.showLineNumbers ? (l(!0), o(T, { key: 0 }, R(n.value, (i, m) => (l(), o("span", {
2267
2284
  key: m,
2268
2285
  class: "code-line"
2269
2286
  }, [
2270
- c("span", it, L(m + 1), 1),
2271
- c("span", rt, L(i), 1)
2272
- ]))), 128)) : (s(), o(B, { key: 1 }, [
2273
- G(L(e.code), 1)
2287
+ c("span", rt, C(m + 1), 1),
2288
+ c("span", dt, C(i), 1)
2289
+ ]))), 128)) : (l(), o(T, { key: 1 }, [
2290
+ G(C(e.code), 1)
2274
2291
  ], 64))
2275
2292
  ])
2276
2293
  ])
2277
2294
  ])
2278
2295
  ]));
2279
2296
  }
2280
- }), dt = ["aria-labelledby"], ut = ["aria-labelledby"], ct = ["aria-label", "aria-expanded"], mt = ["aria-labelledby"], U = /* @__PURE__ */ Symbol("LlmChat"), kl = /* @__PURE__ */ v({
2297
+ }), ut = ["aria-labelledby"], ct = ["aria-labelledby"], mt = ["aria-label", "aria-expanded"], ft = ["aria-labelledby"], W = /* @__PURE__ */ Symbol("LlmChat"), _l = /* @__PURE__ */ v({
2281
2298
  name: "LlmChat",
2282
2299
  __name: "llm-chat",
2283
2300
  props: {
@@ -2287,81 +2304,81 @@ const hl = /* @__PURE__ */ v({
2287
2304
  },
2288
2305
  emits: ["update:open"],
2289
2306
  setup(e, { emit: t }) {
2290
- const a = e, n = t, l = C(null), d = Z("hostRef"), u = O(), r = fe(a, "status");
2307
+ const a = e, s = t, n = B(null), r = Q("hostRef"), d = O(), u = pe(a, "status");
2291
2308
  function i() {
2292
- n("update:open", !1);
2309
+ s("update:open", !1);
2293
2310
  }
2294
2311
  function m() {
2295
- n("update:open", !a.open);
2312
+ s("update:open", !a.open);
2296
2313
  }
2297
- H(U, {
2298
- headerId: u,
2299
- status: r,
2314
+ E(W, {
2315
+ headerId: d,
2316
+ status: u,
2300
2317
  close: i,
2301
2318
  toggle: m
2302
- }), R(
2319
+ }), z(
2303
2320
  () => a.open,
2304
- (g) => {
2321
+ (L) => {
2305
2322
  if (a.variant !== "drawer") return;
2306
- const f = l.value;
2307
- f && (g ? f.open || f.showModal() : f.open && f.close());
2323
+ const f = n.value;
2324
+ f && (L ? f.open || f.showModal() : f.open && f.close());
2308
2325
  },
2309
2326
  { flush: "post" }
2310
- ), R(
2327
+ ), z(
2311
2328
  () => a.open,
2312
- async (g) => {
2313
- g && a.variant !== "inline" && (await Y(), requestAnimationFrame(() => {
2314
- d.value?.querySelector("textarea")?.focus();
2329
+ async (L) => {
2330
+ L && a.variant !== "inline" && (await Z(), requestAnimationFrame(() => {
2331
+ r.value?.querySelector("textarea")?.focus();
2315
2332
  }));
2316
2333
  },
2317
2334
  { flush: "post", immediate: !0 }
2318
2335
  );
2319
- function $() {
2320
- n("update:open", !1);
2336
+ function g() {
2337
+ s("update:open", !1);
2321
2338
  }
2322
- function k(g) {
2323
- g.preventDefault(), n("update:open", !1);
2339
+ function $(L) {
2340
+ L.preventDefault(), s("update:open", !1);
2324
2341
  }
2325
- function h(g) {
2326
- g.target === l.value && n("update:open", !1);
2342
+ function b(L) {
2343
+ L.target === n.value && s("update:open", !1);
2327
2344
  }
2328
- const _ = p(() => [
2345
+ const k = p(() => [
2329
2346
  "llm-chat",
2330
2347
  `variant-${a.variant}`,
2331
2348
  `status-${a.status}`,
2332
2349
  a.open && "is-open"
2333
2350
  ]);
2334
- return (g, f) => (s(), o("div", {
2351
+ return (L, f) => (l(), o("div", {
2335
2352
  ref_key: "hostRef",
2336
- ref: d,
2337
- class: y(_.value)
2353
+ ref: r,
2354
+ class: y(k.value)
2338
2355
  }, [
2339
- e.variant === "drawer" ? (s(), o("dialog", {
2356
+ e.variant === "drawer" ? (l(), o("dialog", {
2340
2357
  key: 0,
2341
2358
  ref_key: "dialogRef",
2342
- ref: l,
2343
- "aria-labelledby": M(u),
2359
+ ref: n,
2360
+ "aria-labelledby": M(d),
2344
2361
  "aria-modal": "true",
2345
- onClose: $,
2346
- onCancel: k,
2347
- onClick: h
2362
+ onClose: g,
2363
+ onCancel: $,
2364
+ onClick: b
2348
2365
  }, [
2349
2366
  c("div", {
2350
2367
  class: "surface drawer-surface",
2351
2368
  onClick: f[0] || (f[0] = V(() => {
2352
2369
  }, ["stop"]))
2353
2370
  }, [
2354
- b(g.$slots, "default")
2371
+ h(L.$slots, "default")
2355
2372
  ])
2356
- ], 40, dt)) : e.variant === "popup" ? (s(), o(B, { key: 1 }, [
2357
- e.open ? (s(), o("div", {
2373
+ ], 40, ut)) : e.variant === "popup" ? (l(), o(T, { key: 1 }, [
2374
+ e.open ? (l(), o("div", {
2358
2375
  key: 0,
2359
2376
  class: "surface popup-surface",
2360
2377
  role: "dialog",
2361
- "aria-labelledby": M(u)
2378
+ "aria-labelledby": M(d)
2362
2379
  }, [
2363
- b(g.$slots, "default")
2364
- ], 8, ut)) : w("", !0),
2380
+ h(L.$slots, "default")
2381
+ ], 8, ct)) : w("", !0),
2365
2382
  c("button", {
2366
2383
  type: "button",
2367
2384
  class: "fab-bubble",
@@ -2370,41 +2387,41 @@ const hl = /* @__PURE__ */ v({
2370
2387
  onClick: m
2371
2388
  }, [...f[1] || (f[1] = [
2372
2389
  c("span", { "aria-hidden": "true" }, "AI", -1)
2373
- ])], 8, ct)
2374
- ], 64)) : (s(), o("section", {
2390
+ ])], 8, mt)
2391
+ ], 64)) : (l(), o("section", {
2375
2392
  key: 2,
2376
2393
  class: "surface inline-surface",
2377
- "aria-labelledby": M(u)
2394
+ "aria-labelledby": M(d)
2378
2395
  }, [
2379
- b(g.$slots, "default")
2380
- ], 8, mt))
2396
+ h(L.$slots, "default")
2397
+ ], 8, ft))
2381
2398
  ], 2));
2382
2399
  }
2383
- }), ft = ["id"], pt = { class: "title-block" }, _l = /* @__PURE__ */ v({
2400
+ }), pt = ["id"], vt = { class: "title-block" }, wl = /* @__PURE__ */ v({
2384
2401
  name: "LlmChatHeader",
2385
2402
  __name: "llm-chat-header",
2386
2403
  setup(e) {
2387
- const t = q(U, {
2404
+ const t = q(W, {
2388
2405
  headerId: "",
2389
- status: C("idle"),
2406
+ status: B("idle"),
2390
2407
  close: () => {
2391
2408
  },
2392
2409
  toggle: () => {
2393
2410
  }
2394
2411
  });
2395
- return (a, n) => (s(), o("div", {
2412
+ return (a, s) => (l(), o("div", {
2396
2413
  id: M(t).headerId,
2397
2414
  class: "llm-chat-header"
2398
2415
  }, [
2399
- c("div", pt, [
2400
- b(a.$slots, "default")
2416
+ c("div", vt, [
2417
+ h(a.$slots, "default")
2401
2418
  ]),
2402
2419
  c("button", {
2403
2420
  type: "button",
2404
2421
  class: "close-btn",
2405
2422
  "aria-label": "Close chat",
2406
- onClick: n[0] || (n[0] = (l) => M(t).close())
2407
- }, [...n[1] || (n[1] = [
2423
+ onClick: s[0] || (s[0] = (n) => M(t).close())
2424
+ }, [...s[1] || (s[1] = [
2408
2425
  c("svg", {
2409
2426
  xmlns: "http://www.w3.org/2000/svg",
2410
2427
  width: "14",
@@ -2431,32 +2448,32 @@ const hl = /* @__PURE__ */ v({
2431
2448
  })
2432
2449
  ], -1)
2433
2450
  ])])
2434
- ], 8, ft));
2451
+ ], 8, pt));
2435
2452
  }
2436
- }), wl = /* @__PURE__ */ v({
2453
+ }), Ll = /* @__PURE__ */ v({
2437
2454
  name: "LlmChatMessages",
2438
2455
  __name: "llm-chat-messages",
2439
2456
  setup(e) {
2440
- const t = Z("root");
2457
+ const t = Q("root");
2441
2458
  let a = null;
2442
- return E(() => {
2443
- const n = t.value;
2444
- if (!n) return;
2445
- const l = () => {
2446
- n.scrollTop = n.scrollHeight;
2459
+ return H(() => {
2460
+ const s = t.value;
2461
+ if (!s) return;
2462
+ const n = () => {
2463
+ s.scrollTop = s.scrollHeight;
2447
2464
  };
2448
- l(), a = new MutationObserver(l), a.observe(n, { childList: !0, subtree: !0, characterData: !0 });
2465
+ n(), a = new MutationObserver(n), a.observe(s, { childList: !0, subtree: !0, characterData: !0 });
2449
2466
  }), j(() => {
2450
2467
  a?.disconnect(), a = null;
2451
- }), (n, l) => (s(), o("div", {
2468
+ }), (s, n) => (l(), o("div", {
2452
2469
  ref_key: "root",
2453
2470
  ref: t,
2454
2471
  class: "llm-chat-messages"
2455
2472
  }, [
2456
- b(n.$slots, "default")
2473
+ h(s.$slots, "default")
2457
2474
  ], 512));
2458
2475
  }
2459
- }), Ll = /* @__PURE__ */ v({
2476
+ }), xl = /* @__PURE__ */ v({
2460
2477
  name: "LlmChatMessage",
2461
2478
  __name: "llm-chat-message",
2462
2479
  props: {
@@ -2469,14 +2486,14 @@ const hl = /* @__PURE__ */ v({
2469
2486
  `role-${t.role}`,
2470
2487
  t.failed && "is-failed"
2471
2488
  ]);
2472
- return (n, l) => (s(), o("div", {
2489
+ return (s, n) => (l(), o("div", {
2473
2490
  role: "listitem",
2474
2491
  class: y(a.value)
2475
2492
  }, [
2476
- b(n.$slots, "default")
2493
+ h(s.$slots, "default")
2477
2494
  ], 2));
2478
2495
  }
2479
- }), xl = /* @__PURE__ */ v({
2496
+ }), Cl = /* @__PURE__ */ v({
2480
2497
  name: "LlmChatTyping",
2481
2498
  __name: "llm-chat-typing",
2482
2499
  props: {
@@ -2487,21 +2504,21 @@ const hl = /* @__PURE__ */ v({
2487
2504
  "llm-chat-typing",
2488
2505
  t.inline && "is-inline"
2489
2506
  ]);
2490
- return (n, l) => (s(), o("div", {
2507
+ return (s, n) => (l(), o("div", {
2491
2508
  class: y(a.value),
2492
2509
  role: "status",
2493
2510
  "aria-live": "polite"
2494
- }, [...l[0] || (l[0] = [
2511
+ }, [...n[0] || (n[0] = [
2495
2512
  c("span", { class: "dot" }, null, -1),
2496
2513
  c("span", { class: "dot" }, null, -1),
2497
2514
  c("span", { class: "dot" }, null, -1),
2498
2515
  c("span", { class: "sr-only" }, "Assistant is typing", -1)
2499
2516
  ])], 2));
2500
2517
  }
2501
- }), vt = { class: "llm-chat-suggestion" }, ht = { class: "chip-label" }, bt = {
2518
+ }), bt = { class: "llm-chat-suggestion" }, ht = { class: "chip-label" }, gt = {
2502
2519
  key: 0,
2503
2520
  class: "chip-hint"
2504
- }, Cl = /* @__PURE__ */ v({
2521
+ }, Bl = /* @__PURE__ */ v({
2505
2522
  name: "LlmChatSuggestion",
2506
2523
  __name: "llm-chat-suggestion",
2507
2524
  props: {
@@ -2510,19 +2527,19 @@ const hl = /* @__PURE__ */ v({
2510
2527
  },
2511
2528
  emits: ["selected"],
2512
2529
  setup(e, { emit: t }) {
2513
- const a = e, n = t;
2514
- return (l, d) => (s(), o("div", vt, [
2530
+ const a = e, s = t;
2531
+ return (n, r) => (l(), o("div", bt, [
2515
2532
  c("button", {
2516
2533
  type: "button",
2517
2534
  class: "chip",
2518
- onClick: d[0] || (d[0] = (u) => n("selected", a.label))
2535
+ onClick: r[0] || (r[0] = (d) => s("selected", a.label))
2519
2536
  }, [
2520
- c("span", ht, L(a.label), 1),
2521
- a.hint ? (s(), o("span", bt, L(a.hint), 1)) : w("", !0)
2537
+ c("span", ht, C(a.label), 1),
2538
+ a.hint ? (l(), o("span", gt, C(a.hint), 1)) : w("", !0)
2522
2539
  ])
2523
2540
  ]));
2524
2541
  }
2525
- }), gt = { class: "llm-chat-input" }, yt = ["value", "placeholder", "disabled", "aria-label"], $t = ["disabled"], Bl = /* @__PURE__ */ v({
2542
+ }), yt = { class: "llm-chat-input" }, $t = ["value", "placeholder", "disabled", "aria-label"], kt = ["disabled"], Tl = /* @__PURE__ */ v({
2526
2543
  name: "LlmChatInput",
2527
2544
  __name: "llm-chat-input",
2528
2545
  props: {
@@ -2532,21 +2549,21 @@ const hl = /* @__PURE__ */ v({
2532
2549
  },
2533
2550
  emits: ["update:value", "send", "stop"],
2534
2551
  setup(e, { emit: t }) {
2535
- const a = e, n = t, l = q(U, {
2552
+ const a = e, s = t, n = q(W, {
2536
2553
  headerId: "",
2537
- status: C("idle"),
2554
+ status: B("idle"),
2538
2555
  close: () => {
2539
2556
  },
2540
2557
  toggle: () => {
2541
2558
  }
2542
- }), d = C(""), u = p(() => a.value !== void 0), r = p({
2543
- get: () => u.value ? a.value ?? "" : d.value,
2544
- set: (_) => {
2545
- u.value || (d.value = _), n("update:value", _);
2559
+ }), r = B(""), d = p(() => a.value !== void 0), u = p({
2560
+ get: () => d.value ? a.value ?? "" : r.value,
2561
+ set: (k) => {
2562
+ d.value || (r.value = k), s("update:value", k);
2546
2563
  }
2547
- }), i = p(() => l.status.value === "streaming"), m = p(() => {
2564
+ }), i = p(() => n.status.value === "streaming"), m = p(() => {
2548
2565
  if (a.placeholder) return a.placeholder;
2549
- switch (l.status.value) {
2566
+ switch (n.status.value) {
2550
2567
  case "streaming":
2551
2568
  return "Waiting for response…";
2552
2569
  case "error":
@@ -2555,105 +2572,105 @@ const hl = /* @__PURE__ */ v({
2555
2572
  return "Message your AI assistant…";
2556
2573
  }
2557
2574
  });
2558
- function $() {
2559
- const _ = r.value.trim();
2560
- !_ || i.value || (n("send", _), r.value = "");
2575
+ function g() {
2576
+ const k = u.value.trim();
2577
+ !k || i.value || (s("send", k), u.value = "");
2561
2578
  }
2562
- function k(_) {
2563
- _.key === "Enter" && !_.shiftKey && (_.preventDefault(), $());
2579
+ function $(k) {
2580
+ k.key === "Enter" && !k.shiftKey && (k.preventDefault(), g());
2564
2581
  }
2565
- function h(_) {
2566
- const g = _.target;
2567
- r.value = g.value;
2582
+ function b(k) {
2583
+ const L = k.target;
2584
+ u.value = L.value;
2568
2585
  }
2569
- return (_, g) => (s(), o("div", gt, [
2586
+ return (k, L) => (l(), o("div", yt, [
2570
2587
  c("textarea", {
2571
2588
  class: "field",
2572
2589
  rows: "1",
2573
- value: r.value,
2590
+ value: u.value,
2574
2591
  placeholder: m.value,
2575
2592
  disabled: i.value,
2576
2593
  "aria-label": a.ariaLabel,
2577
- onInput: h,
2578
- onKeydown: k
2579
- }, null, 40, yt),
2580
- i.value ? (s(), o("button", {
2594
+ onInput: b,
2595
+ onKeydown: $
2596
+ }, null, 40, $t),
2597
+ i.value ? (l(), o("button", {
2581
2598
  key: 0,
2582
2599
  type: "button",
2583
2600
  class: "action-btn variant-danger size-md",
2584
- onClick: g[0] || (g[0] = (f) => n("stop"))
2585
- }, " Stop ")) : (s(), o("button", {
2601
+ onClick: L[0] || (L[0] = (f) => s("stop"))
2602
+ }, " Stop ")) : (l(), o("button", {
2586
2603
  key: 1,
2587
2604
  type: "button",
2588
2605
  class: "action-btn variant-primary size-md",
2589
- disabled: !r.value.trim(),
2590
- onClick: $
2591
- }, " Send ", 8, $t))
2606
+ disabled: !u.value.trim(),
2607
+ onClick: g
2608
+ }, " Send ", 8, kt))
2592
2609
  ]));
2593
2610
  }
2594
2611
  });
2595
2612
  export {
2596
- _t as LlmAccordionGroup,
2597
- Lt as LlmAccordionHeader,
2598
- wt as LlmAccordionItem,
2599
- xt as LlmAlert,
2600
- Ct as LlmAvatar,
2601
- Bt as LlmAvatarGroup,
2613
+ wt as LlmAccordionGroup,
2614
+ xt as LlmAccordionHeader,
2615
+ Lt as LlmAccordionItem,
2616
+ Ct as LlmAlert,
2617
+ Bt as LlmAvatar,
2618
+ Tt as LlmAvatarGroup,
2602
2619
  It as LlmBadge,
2603
- Dt as LlmBreadcrumbItem,
2604
- St as LlmBreadcrumbs,
2605
- Mt as LlmButton,
2606
- At as LlmCard,
2607
- Rt as LlmCardContent,
2608
- qt as LlmCardFooter,
2620
+ Mt as LlmBreadcrumbItem,
2621
+ Dt as LlmBreadcrumbs,
2622
+ At as LlmButton,
2623
+ Rt as LlmCard,
2624
+ qt as LlmCardContent,
2625
+ Ht as LlmCardFooter,
2609
2626
  zt as LlmCardHeader,
2610
- kl as LlmChat,
2611
- _l as LlmChatHeader,
2612
- Bl as LlmChatInput,
2613
- U as LlmChatKey,
2614
- Ll as LlmChatMessage,
2615
- wl as LlmChatMessages,
2616
- Cl as LlmChatSuggestion,
2617
- xl as LlmChatTyping,
2618
- Ee as LlmCheckbox,
2619
- $l as LlmCodeBlock,
2620
- Qt as LlmCombobox,
2621
- Ht as LlmDialog,
2622
- Ot as LlmDialogContent,
2623
- Kt as LlmDialogFooter,
2624
- Et as LlmDialogHeader,
2625
- jt as LlmDrawer,
2626
- Pt as LlmDrawerContent,
2627
- Ft as LlmDrawerFooter,
2628
- Gt as LlmDrawerHeader,
2629
- Tt as LlmIcon,
2627
+ _l as LlmChat,
2628
+ wl as LlmChatHeader,
2629
+ Tl as LlmChatInput,
2630
+ W as LlmChatKey,
2631
+ xl as LlmChatMessage,
2632
+ Ll as LlmChatMessages,
2633
+ Bl as LlmChatSuggestion,
2634
+ Cl as LlmChatTyping,
2635
+ Oe as LlmCheckbox,
2636
+ kl as LlmCodeBlock,
2637
+ Xt as LlmCombobox,
2638
+ Et as LlmDialog,
2639
+ Kt as LlmDialogContent,
2640
+ jt as LlmDialogFooter,
2641
+ Ot as LlmDialogHeader,
2642
+ Gt as LlmDrawer,
2643
+ Ft as LlmDrawerContent,
2644
+ Nt as LlmDrawerFooter,
2645
+ Pt as LlmDrawerHeader,
2646
+ St as LlmIcon,
2630
2647
  Vt as LlmInput,
2631
- Ut as LlmMenu,
2632
- Wt as LlmMenuItem,
2633
- Jt as LlmMenuSeparator,
2634
- Nt as LlmMenuTrigger,
2635
- tl as LlmOption,
2636
- Yt as LlmPagination,
2637
- Zt as LlmProgress,
2638
- el as LlmRadio,
2639
- Xt as LlmRadioGroup,
2640
- al as LlmSelect,
2641
- ll as LlmSkeleton,
2642
- nl as LlmStep,
2643
- sl as LlmStepper,
2644
- fl as LlmTab,
2645
- ml as LlmTabGroup,
2646
- ol as LlmTable,
2647
- rl as LlmTbody,
2648
- cl as LlmTd,
2649
- pl as LlmTextarea,
2650
- ul as LlmTh,
2651
- il as LlmThead,
2652
- bl as LlmToastContainer,
2653
- Za as LlmToastItem,
2648
+ Wt as LlmMenu,
2649
+ Jt as LlmMenuItem,
2650
+ Yt as LlmMenuSeparator,
2651
+ Ut as LlmMenuTrigger,
2652
+ ll as LlmOption,
2653
+ Zt as LlmPagination,
2654
+ Qt as LlmProgress,
2655
+ al as LlmRadio,
2656
+ el as LlmRadioGroup,
2657
+ tl as LlmSelect,
2658
+ sl as LlmSkeleton,
2659
+ ol as LlmStep,
2660
+ nl as LlmStepper,
2661
+ pl as LlmTab,
2662
+ fl as LlmTabGroup,
2663
+ il as LlmTable,
2664
+ dl as LlmTbody,
2665
+ ml as LlmTd,
2666
+ vl as LlmTextarea,
2667
+ cl as LlmTh,
2668
+ rl as LlmThead,
2669
+ gl as LlmToastContainer,
2670
+ Qa as LlmToastItem,
2654
2671
  hl as LlmToastProvider,
2655
- gl as LlmToggle,
2656
- yl as LlmTooltip,
2657
- dl as LlmTr,
2658
- vl as useLlmToast
2672
+ yl as LlmToggle,
2673
+ $l as LlmTooltip,
2674
+ ul as LlmTr,
2675
+ bl as useLlmToast
2659
2676
  };