@stachelock/ui 0.6.5 → 0.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/{CalendarHeader.vue_vue_type_script_setup_true_lang-hGa2MLyo.js → CalendarHeader.vue_vue_type_script_setup_true_lang-CA_C4dmn.js} +1 -1
  2. package/dist/{ComboboxInput.vue_vue_type_script_setup_true_lang-BigvbBAU.js → ComboboxInput.vue_vue_type_script_setup_true_lang-D52gzkAa.js} +142 -120
  3. package/dist/{InlineTabs.vue_vue_type_script_setup_true_lang-B5w4yzcZ.js → InlineTabs.vue_vue_type_script_setup_true_lang-slNq2sot.js} +1 -1
  4. package/dist/SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js +320 -0
  5. package/dist/{TabGroup.vue_vue_type_script_setup_true_lang-BsbiEA4E.js → TabGroup.vue_vue_type_script_setup_true_lang-pEKm-uUq.js} +1 -1
  6. package/dist/{TabGroupUnderline.vue_vue_type_script_setup_true_lang-CPcp1-Za.js → TabGroupUnderline.vue_vue_type_script_setup_true_lang--IKyRPkX.js} +1 -1
  7. package/dist/{TabsInPills.vue_vue_type_script_setup_true_lang-U5CdRL7s.js → TabsInPills.vue_vue_type_script_setup_true_lang-EG0nj4F6.js} +1 -1
  8. package/dist/calendars/CalendarDashboard.js +1 -1
  9. package/dist/calendars/CalendarHeader.js +1 -1
  10. package/dist/index.js +1533 -1300
  11. package/dist/inputs/ComboboxInput.js +1 -1
  12. package/dist/inputs/SelectInput.js +1 -1
  13. package/dist/src/components/inputs/ComboboxInput.d.ts +2 -0
  14. package/dist/src/components/inputs/DatepickerInput.d.ts +3 -3
  15. package/dist/src/components/inputs/SelectInput.d.ts +2 -0
  16. package/dist/src/components/profiles/BentoProfileLayoutSkeleton.d.ts +11 -0
  17. package/dist/src/components/profiles/ProfileSocialCard.d.ts +11 -0
  18. package/dist/src/components/profiles/index.d.ts +2 -0
  19. package/dist/style.css +1 -1
  20. package/dist/tabs/InlineTabs.js +1 -1
  21. package/dist/tabs/TabGroup.js +1 -1
  22. package/dist/tabs/TabGroupUnderline.js +1 -1
  23. package/dist/tabs/TabsInPills.js +1 -1
  24. package/dist/tabs/index.js +4 -4
  25. package/package.json +1 -1
  26. package/dist/SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js +0 -301
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as P, ref as v, computed as x, watch as D, onMounted as q, onUnmounted as J, createElementBlock as d, openBlock as c, createElementVNode as s, toDisplayString as u, createVNode as y, unref as C, createCommentVNode as S, renderSlot as M, Fragment as _, withCtx as $, createTextVNode as Q, Transition as X, withDirectives as Z, renderList as ee, normalizeClass as te, vShow as se } from "vue";
2
2
  import { ChevronLeftIcon as le, ChevronRightIcon as ae, EllipsisHorizontalIcon as re } from "@heroicons/vue/20/solid";
3
3
  import ne from "./components/Button.js";
4
- import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js";
4
+ import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js";
5
5
  import { t as h, p as A, b as ie, g as de, a as O } from "./calendar-DLry-Vik.js";
6
6
  const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-pl-6 sl-py-4 lg:sl-flex-none sl-bg-white dark:sl-bg-slate-900" }, ue = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-slate-200" }, ye = ["datetime"], me = { class: "sl-flex sl-items-center" }, ge = { class: "sl-relative sl-flex sl-items-center sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm md:sl-items-stretch" }, ve = { class: "sl-sr-only" }, he = { class: "sl-sr-only" }, fe = { class: "sl-hidden md:sl-ml-4 md:sl-flex md:sl-items-center" }, be = { class: "sl-w-36" }, ke = { class: "sl-absolute sl-right-0 sl-z-10 sl-mt-3 sl-w-36 sl-origin-top-right sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700 sl-overflow-hidden sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg sl-ring-1 sl-ring-black dark:sl-ring-slate-600 sl-ring-opacity-5 focus:sl-outline-none" }, we = {
7
7
  key: 0,
@@ -1,20 +1,20 @@
1
- import { defineComponent as ee, ref as x, watch as L, computed as k, createElementBlock as d, openBlock as n, createVNode as i, unref as u, withCtx as c, createElementVNode as m, normalizeClass as f, createBlock as F, createCommentVNode as p, withModifiers as O, toDisplayString as V, Fragment as le, renderList as se } from "vue";
2
- import { Combobox as te, ComboboxInput as ae, ComboboxButton as re, TransitionRoot as oe, ComboboxOptions as ue, ComboboxOption as U } from "@headlessui/vue";
3
- import { ChevronUpDownIcon as ne, CheckIcon as j } from "@heroicons/vue/20/solid";
4
- import { useField as ie } from "vee-validate";
5
- import de from "./forms/FormFieldWrapper.js";
6
- import { _ as ce } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
7
- import { g as me } from "./id-DafBB_QF.js";
8
- const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-medium" }, pe = {
1
+ import { defineComponent as se, ref as k, watch as F, computed as x, createElementBlock as c, openBlock as n, createVNode as i, unref as o, withCtx as v, createElementVNode as d, normalizeClass as y, createCommentVNode as f, withModifiers as I, createBlock as O, toDisplayString as M, Fragment as te, renderList as ae } from "vue";
2
+ import { Combobox as re, ComboboxInput as oe, ComboboxButton as ue, TransitionRoot as ne, ComboboxOptions as ie, ComboboxOption as U } from "@headlessui/vue";
3
+ import { XMarkIcon as de, ChevronUpDownIcon as ce, CheckIcon as j } from "@heroicons/vue/20/solid";
4
+ import { useField as me } from "vee-validate";
5
+ import ve from "./forms/FormFieldWrapper.js";
6
+ import { _ as fe } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
7
+ import { g as pe } from "./id-DafBB_QF.js";
8
+ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2 sl-gap-1" }, ge = { class: "sl-block sl-truncate sl-font-medium" }, he = {
9
9
  key: 0,
10
10
  class: "sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3 sl-text-stachelock-600 dark:sl-text-stachelock-400"
11
- }, be = {
11
+ }, xe = {
12
12
  key: 1,
13
13
  class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
14
- }, ye = { class: "sl-flex sl-items-center sl-gap-2" }, ge = {
14
+ }, ke = { class: "sl-flex sl-items-center sl-gap-2" }, we = {
15
15
  key: 2,
16
16
  class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
17
- }, he = { class: "sl-block sl-truncate" }, xe = { key: 0 }, ke = 50, Se = /* @__PURE__ */ ee({
17
+ }, Ce = { class: "sl-block sl-truncate" }, Ae = { key: 0 }, Ve = 50, Oe = /* @__PURE__ */ se({
18
18
  __name: "ComboboxInput",
19
19
  props: {
20
20
  name: {},
@@ -33,21 +33,22 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
33
33
  multiple: { type: Boolean, default: !1 },
34
34
  showAll: { type: Boolean, default: !1 },
35
35
  modelValue: { type: [String, Number, Boolean, null, Object, Array] },
36
- boxShadow: { type: Boolean, default: !1 }
36
+ boxShadow: { type: Boolean, default: !1 },
37
+ clearable: { type: Boolean, default: !1 }
37
38
  },
38
39
  emits: ["update:modelValue", "update:query", "blur", "focus"],
39
40
  setup(a, { emit: z }) {
40
- const s = a, v = z, K = me(s.name), r = x(""), { value: w, errorMessage: N, handleChange: b, meta: C, setTouched: I } = ie(
41
+ const s = a, m = z, K = pe(s.name), r = k(""), { value: w, errorMessage: N, handleChange: p, meta: C, setTouched: A } = me(
41
42
  () => s.name,
42
43
  s.rules,
43
44
  {
44
45
  validateOnMount: s.validateOnMount,
45
46
  initialValue: s.modelValue
46
47
  }
47
- ), t = x(
48
+ ), t = k(
48
49
  s.multiple ? Array.isArray(s.modelValue) ? s.modelValue : [] : s.modelValue ?? null
49
50
  );
50
- L(
51
+ F(
51
52
  () => s.modelValue,
52
53
  (e) => {
53
54
  if (s.multiple) {
@@ -57,13 +58,13 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
57
58
  e !== t.value && (t.value = e, w.value = e);
58
59
  },
59
60
  { immediate: !0 }
60
- ), L(
61
+ ), F(
61
62
  t,
62
63
  (e) => {
63
- v("update:modelValue", e);
64
+ m("update:modelValue", e);
64
65
  }
65
66
  );
66
- const $ = k(() => [
67
+ const D = x(() => [
67
68
  "sl-w-full",
68
69
  "sl-border-none",
69
70
  "sl-py-2",
@@ -78,16 +79,18 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
78
79
  "focus:sl-outline-none",
79
80
  "focus:sl-ring-0",
80
81
  "sl-bg-transparent"
81
- ].join(" ")), D = k(() => {
82
+ ].join(" ")), $ = x(() => {
82
83
  const e = [
83
84
  "sl-relative",
84
85
  "sl-w-full",
85
86
  "sl-cursor-default",
86
- "sl-rounded-lg",
87
+ "sl-rounded-md",
87
88
  "sl-bg-white",
88
89
  "dark:sl-bg-slate-900",
89
90
  "sl-text-left",
90
91
  "sl-border",
92
+ "sl-outline-none",
93
+ "focus-within:sl-outline-none",
91
94
  "focus-within:sl-ring-2",
92
95
  "focus-within:sl-ring-stachelock-500",
93
96
  "focus-within:sl-border-stachelock-500",
@@ -119,200 +122,219 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
119
122
  }), B = (e) => {
120
123
  const l = e[s.itemKey];
121
124
  return l == null ? "" : typeof l == "string" || typeof l == "number" ? l : String(l);
122
- }, A = (e) => {
125
+ }, V = (e) => {
123
126
  if (!e) return "";
124
127
  const l = e[s.itemText];
125
128
  return l != null ? String(l) : String(e);
126
- }, y = x([]), M = x([]), S = x(1), Q = () => {
127
- const e = S.value * ke;
128
- M.value = y.value.slice(0, e), S.value += 1;
129
+ }, b = k([]), S = k([]), T = k(1), P = () => {
130
+ const e = T.value * Ve;
131
+ S.value = b.value.slice(0, e), T.value += 1;
129
132
  }, H = () => {
130
- S.value = 1, M.value = [], Q();
131
- }, q = () => {
133
+ T.value = 1, S.value = [], P();
134
+ }, Q = () => {
132
135
  if (r.value && r.value !== "")
133
136
  if (s.customQuery)
134
- y.value = s.customQuery(r.value, s.items);
137
+ b.value = s.customQuery(r.value, s.items);
135
138
  else {
136
139
  const e = r.value.toLowerCase();
137
- y.value = s.items.filter((l) => A(l).toLowerCase().includes(e));
140
+ b.value = s.items.filter((l) => V(l).toLowerCase().includes(e));
138
141
  }
139
142
  else
140
- y.value = s.items;
143
+ b.value = s.items;
141
144
  H();
142
- }, E = k(() => s.items.filter((e) => !e.disabled)), R = (e) => {
145
+ }, q = x(() => s.items.filter((e) => !e.disabled)), R = (e) => {
143
146
  const l = e.target;
144
- r.value = l.value, v("update:query", r.value), q();
147
+ r.value = l.value, m("update:query", r.value), Q();
145
148
  }, W = (e) => {
146
149
  if (s.multiple) {
147
150
  const l = Array.isArray(e) ? e : [];
148
- t.value = l, w.value = l, I(!0), b(l);
151
+ t.value = l, w.value = l, A(!0), p(l);
149
152
  } else
150
- t.value = e, w.value = e, I(!0), b(e);
151
- }, T = k(() => {
153
+ t.value = e, w.value = e, A(!0), p(e);
154
+ }, L = x(() => {
152
155
  if (!s.multiple || !Array.isArray(t.value)) return !1;
153
- const e = E.value;
156
+ const e = q.value;
154
157
  if (e.length === 0) return !1;
155
- const l = Array.isArray(t.value) ? t.value : [], o = new Set(l.map((h) => B(h)));
156
- return e.every((h) => o.has(B(h)));
157
- }), G = () => {
158
- s.multiple && (T.value ? t.value = [] : t.value = [...E.value], I(!0), b(t.value), v("update:modelValue", t.value));
159
- }, J = (e) => s.multiple ? !Array.isArray(e) || e.length === 0 ? "" : e.length === 1 ? A(e[0]) : `${e.length} selected` : A(e), g = k(() => s.multiple || r.value === "" ? null : { [s.itemKey]: null, [s.itemText]: r.value }), X = () => {
160
- s.multiple || g.value && (s.customQuery ? (v("update:modelValue", r.value), b(r.value)) : (t.value = g.value, b(t.value)));
158
+ const l = Array.isArray(t.value) ? t.value : [], u = new Set(l.map((h) => B(h)));
159
+ return e.every((h) => u.has(B(h)));
160
+ }), X = () => {
161
+ s.multiple && (L.value ? t.value = [] : t.value = [...q.value], A(!0), p(t.value), m("update:modelValue", t.value));
162
+ }, G = (e) => s.multiple ? !Array.isArray(e) || e.length === 0 ? "" : e.length === 1 ? V(e[0]) : `${e.length} selected` : V(e), g = x(() => s.multiple || r.value === "" ? null : { [s.itemKey]: null, [s.itemText]: r.value }), J = () => {
163
+ s.multiple || g.value && (s.customQuery ? (m("update:modelValue", r.value), p(r.value)) : (t.value = g.value, p(t.value)));
161
164
  }, Y = (e) => {
162
165
  const l = e.target;
163
- l.scrollTop + l.clientHeight >= l.scrollHeight && Q();
166
+ l.scrollTop + l.clientHeight >= l.scrollHeight && P();
164
167
  }, Z = (e) => {
165
- v("focus", e);
166
- }, _ = (e) => {
167
- !s.multiple && g.value && (t.value = g.value, b(t.value), v("update:modelValue", t.value)), v("blur", e);
168
+ m("focus", e);
169
+ }, _ = x(() => s.clearable ? s.multiple && Array.isArray(t.value) ? t.value.length > 0 : t.value !== null && t.value !== void 0 : !1), ee = (e) => {
170
+ e.stopPropagation(), e.preventDefault(), s.multiple ? t.value = [] : t.value = null, r.value = "", A(!0), p(t.value), m("update:modelValue", t.value);
171
+ }, le = (e) => {
172
+ !s.multiple && g.value && (t.value = g.value, p(t.value), m("update:modelValue", t.value)), m("blur", e);
168
173
  };
169
- return L(() => s.items, () => {
170
- q();
171
- }, { immediate: !0, deep: !0 }), (e, l) => (n(), d("div", ve, [
172
- i(de, {
173
- id: u(K),
174
+ return F(() => s.items, () => {
175
+ Q();
176
+ }, { immediate: !0, deep: !0 }), (e, l) => (n(), c("div", ye, [
177
+ i(ve, {
178
+ id: o(K),
174
179
  name: a.name,
175
180
  label: a.label,
176
181
  disabled: a.disabled,
177
182
  optional: !a.rules,
178
183
  "tertiary-label": a.tertiaryLabel,
179
184
  "box-shadow": a.boxShadow,
180
- "error-message": u(N),
185
+ "error-message": o(N),
181
186
  "success-message": a.successMessage,
182
- "is-valid": u(C).valid,
183
- "is-touched": u(C).touched
187
+ "is-valid": o(C).valid,
188
+ "is-touched": o(C).touched,
189
+ "show-valid-check": !1
184
190
  }, {
185
- "success-message": c(() => [
186
- a.successMessage ? (n(), d("span", xe, V(a.successMessage), 1)) : p("", !0)
191
+ "success-message": v(() => [
192
+ a.successMessage ? (n(), c("span", Ae, M(a.successMessage), 1)) : f("", !0)
187
193
  ]),
188
- default: c(() => [
189
- i(u(te), {
194
+ default: v(() => [
195
+ i(o(re), {
190
196
  modelValue: t.value,
191
197
  "onUpdate:modelValue": [
192
- l[3] || (l[3] = (o) => t.value = o),
198
+ l[4] || (l[4] = (u) => t.value = u),
193
199
  W
194
200
  ],
195
201
  disabled: a.disabled,
196
202
  multiple: a.multiple
197
203
  }, {
198
- default: c(() => [
199
- m("div", {
200
- class: f(D.value)
204
+ default: v(() => [
205
+ d("div", {
206
+ class: y($.value)
201
207
  }, [
202
- i(u(ae), {
203
- id: u(K),
204
- class: f($.value),
205
- "display-value": J,
208
+ i(o(oe), {
209
+ id: o(K),
210
+ class: y(D.value),
211
+ "display-value": G,
206
212
  placeholder: a.placeholder || "Type to search...",
207
213
  modelValue: r.value,
208
- "onUpdate:modelValue": l[0] || (l[0] = (o) => r.value = o),
214
+ "onUpdate:modelValue": l[0] || (l[0] = (u) => r.value = u),
209
215
  onInput: R,
210
- onBlur: _,
216
+ onBlur: le,
211
217
  onFocus: Z
212
218
  }, null, 8, ["id", "class", "placeholder", "modelValue"]),
213
- i(u(re), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
214
- default: c(() => [
215
- i(u(ne), {
216
- class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
219
+ d("div", be, [
220
+ _.value ? (n(), c("button", {
221
+ key: 0,
222
+ type: "button",
223
+ class: "sl-p-0.5 sl-rounded-full sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-600 dark:hover:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 focus:sl-outline-none",
224
+ onClick: ee,
225
+ onMousedown: l[1] || (l[1] = I(() => {
226
+ }, ["prevent"]))
227
+ }, [
228
+ i(o(de), {
229
+ class: "sl-h-4 sl-w-4",
217
230
  "aria-hidden": "true"
218
- })
219
- ]),
220
- _: 1
221
- }),
222
- i(u(oe), {
231
+ }),
232
+ l[5] || (l[5] = d("span", { class: "sl-sr-only" }, "Clear selection", -1))
233
+ ], 32)) : f("", !0),
234
+ i(o(ue), { class: "sl-flex sl-items-center" }, {
235
+ default: v(() => [
236
+ i(o(ce), {
237
+ class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
238
+ "aria-hidden": "true"
239
+ })
240
+ ]),
241
+ _: 1
242
+ })
243
+ ]),
244
+ i(o(ne), {
223
245
  leave: "sl-transition sl-ease-in sl-duration-100",
224
246
  "leave-from": "sl-opacity-100",
225
247
  "leave-to": "sl-opacity-0",
226
- onAfterLeave: l[2] || (l[2] = (o) => r.value = "")
248
+ onAfterLeave: l[3] || (l[3] = (u) => r.value = "")
227
249
  }, {
228
- default: c(() => [
229
- y.value.length > 0 || r.value !== "" || a.multiple && a.showAll ? (n(), F(u(ue), {
250
+ default: v(() => [
251
+ b.value.length > 0 || r.value !== "" || a.multiple && a.showAll ? (n(), O(o(ie), {
230
252
  key: 0,
231
253
  class: "sl-absolute sl-z-[9999] sl-mt-1 sl-max-h-60 sl-w-full sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm",
232
254
  onScroll: Y
233
255
  }, {
234
- default: c(() => [
235
- a.multiple && a.showAll ? (n(), d("li", {
256
+ default: v(() => [
257
+ a.multiple && a.showAll ? (n(), c("li", {
236
258
  key: 0,
237
259
  role: "button",
238
260
  tabindex: "0",
239
- onMousedown: l[1] || (l[1] = O(() => {
261
+ onMousedown: l[2] || (l[2] = I(() => {
240
262
  }, ["prevent"])),
241
- onClick: O(G, ["prevent", "stop"]),
242
- class: f([
263
+ onClick: I(X, ["prevent", "stop"]),
264
+ class: y([
243
265
  "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4 sl-text-gray-900 dark:sl-text-slate-200",
244
266
  "hover:sl-bg-stachelock-600 hover:sl-text-white"
245
267
  ]),
246
268
  "data-testid": "select-all-option"
247
269
  }, [
248
- m("span", fe, V(T.value ? "Unselect All" : "Select All"), 1),
249
- T.value ? (n(), d("span", pe, [
250
- i(u(j), {
270
+ d("span", ge, M(L.value ? "Unselect All" : "Select All"), 1),
271
+ L.value ? (n(), c("span", he, [
272
+ i(o(j), {
251
273
  class: "sl-h-5 sl-w-5",
252
274
  "aria-hidden": "true"
253
275
  })
254
- ])) : p("", !0)
255
- ], 32)) : p("", !0),
256
- a.loading ? (n(), d("div", be, [
257
- m("div", ye, [
258
- i(ce, { size: "sm" }),
259
- l[4] || (l[4] = m("span", null, "Loading...", -1))
276
+ ])) : f("", !0)
277
+ ], 32)) : f("", !0),
278
+ a.loading ? (n(), c("div", xe, [
279
+ d("div", ke, [
280
+ i(fe, { size: "sm" }),
281
+ l[6] || (l[6] = d("span", null, "Loading...", -1))
260
282
  ])
261
- ])) : r.value !== "" && y.value.length === 0 ? (n(), d("div", ge, " Nothing found. ")) : p("", !0),
262
- (n(!0), d(le, null, se(M.value, (o) => (n(), F(u(U), {
263
- key: B(o),
264
- value: o,
283
+ ])) : r.value !== "" && b.value.length === 0 ? (n(), c("div", we, " Nothing found. ")) : f("", !0),
284
+ (n(!0), c(te, null, ae(S.value, (u) => (n(), O(o(U), {
285
+ key: B(u),
286
+ value: u,
265
287
  as: "template",
266
- disabled: o.disabled
288
+ disabled: u.disabled
267
289
  }, {
268
- default: c(({ active: h, selected: P }) => [
269
- m("li", {
270
- class: f([
290
+ default: v(({ active: h, selected: E }) => [
291
+ d("li", {
292
+ class: y([
271
293
  "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
272
294
  h ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
273
- o.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
295
+ u.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
274
296
  ])
275
297
  }, [
276
- m("span", {
277
- class: f([
298
+ d("span", {
299
+ class: y([
278
300
  "sl-block sl-truncate",
279
- P ? "sl-font-medium" : "sl-font-normal"
301
+ E ? "sl-font-medium" : "sl-font-normal"
280
302
  ])
281
- }, V(A(o)), 3),
282
- P ? (n(), d("span", {
303
+ }, M(V(u)), 3),
304
+ E ? (n(), c("span", {
283
305
  key: 0,
284
- class: f(["sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3", h ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
306
+ class: y(["sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3", h ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
285
307
  }, [
286
- i(u(j), {
308
+ i(o(j), {
287
309
  class: "sl-h-5 sl-w-5",
288
310
  "aria-hidden": "true"
289
311
  })
290
- ], 2)) : p("", !0)
312
+ ], 2)) : f("", !0)
291
313
  ], 2)
292
314
  ]),
293
315
  _: 2
294
316
  }, 1032, ["value", "disabled"]))), 128)),
295
- !a.multiple && g.value ? (n(), F(u(U), {
317
+ !a.multiple && g.value ? (n(), O(o(U), {
296
318
  key: 3,
297
319
  value: g.value,
298
320
  as: "template"
299
321
  }, {
300
- default: c(({ active: o }) => [
301
- m("li", {
302
- onClick: O(X, ["prevent", "stop"]),
303
- class: f([
322
+ default: v(({ active: u }) => [
323
+ d("li", {
324
+ onClick: I(J, ["prevent", "stop"]),
325
+ class: y([
304
326
  "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
305
- o ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
327
+ u ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
306
328
  ])
307
329
  }, [
308
- m("span", he, ' Enter "' + V(r.value) + '" manually ', 1)
330
+ d("span", Ce, ' Enter "' + M(r.value) + '" manually ', 1)
309
331
  ], 2)
310
332
  ]),
311
333
  _: 1
312
- }, 8, ["value"])) : p("", !0)
334
+ }, 8, ["value"])) : f("", !0)
313
335
  ]),
314
336
  _: 1
315
- })) : p("", !0)
337
+ })) : f("", !0)
316
338
  ]),
317
339
  _: 1
318
340
  })
@@ -327,5 +349,5 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
327
349
  }
328
350
  });
329
351
  export {
330
- Se as _
352
+ Oe as _
331
353
  };
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as w, createElementBlock as s, openBlock as t, createCommentVNode as n, createElementVNode as r, createVNode as I, unref as l, toDisplayString as d, Fragment as c, renderList as u, normalizeClass as h, withModifiers as V, createTextVNode as N, renderSlot as b } from "vue";
2
- import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js";
2
+ import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js";
3
3
  import { u as $ } from "./useSimpleTabs-CSgkChEU.js";
4
4
  const B = { class: "sl-w-full" }, M = {
5
5
  key: 0,