@thkzt/eunoia 0.0.1-beta

package/dist/components/form/RadioGroup/primitives/RadioGroup.vue.js

@@ -0,0 +1,114 @@
+import { defineComponent as x, mergeModels as V, useModel as S, ref as B, computed as c, createElementBlock as a, openBlock as o, mergeProps as $, unref as s, createCommentVNode as A, normalizeStyle as F, normalizeClass as v, Fragment as M, renderList as z, withDirectives as C, createTextVNode as N, createElementVNode as h, vModelRadio as D, toDisplayString as E } from "vue";
+import { tv as u } from "tailwind-variants";
+import { useForwardedAttrs as I } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const R = ["name", "value", "disabled"], j = /* @__PURE__ */ x({
+  inheritAttrs: !1,
+  __name: "RadioGroup",
+  props: /* @__PURE__ */ V({
+    options: {},
+    name: {},
+    dense: { type: Boolean },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const { classAttr: f, forwardedAttrs: b } = I(), m = i, l = S(i, "modelValue"), n = B(!1), p = c(
+      () => m.options.findIndex((e) => e.value === l.value)
+    ), y = c(() => {
+      const e = m.options.length, t = p.value;
+      return {
+        width: `calc((100% - 0.5rem) / ${e})`,
+        left: `calc(0.25rem + ${t} * (100% - 0.5rem) / ${e})`
+      };
+    }), g = u({
+      base: [
+        "relative inline-flex w-full rounded-lg p-1",
+        "bg-neutral-100",
+        "dark:bg-neutral-900"
+      ],
+      variants: {
+        dense: {
+          false: "",
+          true: ""
+        },
+        disabled: {
+          true: "pointer-events-none opacity-50"
+        }
+      }
+    }), k = u({
+      base: [
+        "absolute top-1 bottom-1 rounded-md border border-transparent shadow transition-[left] duration-200 ease-out",
+        "bg-white",
+        "dark:bg-neutral-700"
+      ],
+      variants: {
+        dense: {
+          false: "",
+          true: ""
+        },
+        focused: {
+          true: "border-primary-500 dark:ring-primary-500"
+        }
+      }
+    }), w = u({
+      base: [
+        "relative z-10 flex-1 cursor-pointer text-center font-sans font-medium transition-colors duration-200 select-none",
+        "text-neutral-500",
+        "dark:text-neutral-200"
+      ],
+      variants: {
+        dense: {
+          false: "px-4 py-2 text-sm",
+          true: "px-3 py-1.5 text-xs"
+        },
+        selected: {
+          true: "text-neutral-900"
+        },
+        disabled: {
+          true: "cursor-not-allowed"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (e, t) => (o(), a("div", $(s(b), {
+      class: s(g)({ dense: e.dense, disabled: e.disabled, class: s(f) }),
+      role: "radiogroup"
+    }), [
+      p.value >= 0 ? (o(), a("div", {
+        key: 0,
+        class: v(s(k)({ dense: e.dense, focused: n.value })),
+        style: F(y.value)
+      }, null, 6)) : A("", !0),
+      (o(!0), a(M, null, z(e.options, (r) => (o(), a("label", {
+        key: r.value,
+        class: v(
+          s(w)({ dense: e.dense, selected: l.value === r.value, disabled: e.disabled })
+        )
+      }, [
+        C(h("input", {
+          "onUpdate:modelValue": t[0] || (t[0] = (d) => l.value = d),
+          type: "radio",
+          name: e.name,
+          value: r.value,
+          disabled: e.disabled,
+          class: "sr-only",
+          onFocus: t[1] || (t[1] = (d) => n.value = !0),
+          onBlur: t[2] || (t[2] = (d) => n.value = !1)
+        }, null, 40, R), [
+          [D, l.value]
+        ]),
+        N(" " + E(r.label), 1)
+      ], 2))), 128))
+    ], 16));
+  }
+});
+export {
+  j as default
+};

package/dist/components/form/RadioGroup/primitives/RadioGroup.vue2.js

@@ -0,0 +1,4 @@
+import f from "./RadioGroup.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Select/Select.vue.d.ts

@@ -0,0 +1,39 @@
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    options: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    multiple?: boolean;
+    dense?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    locale?: LocaleMessages;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string | number | Array<string | number>;
+};
+declare var __VLS_4: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_4) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | (string | number)[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | undefined) => any) | undefined;
+}>, {
+    locale: LocaleMessages;
+    ariaLabel: string;
+    ariaLabelledby: string;
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/Select/Select.vue.js

@@ -0,0 +1,164 @@
+import { defineComponent as K, mergeModels as N, useModel as U, toRef as _, ref as y, computed as h, watch as L, onBeforeUnmount as z, createElementBlock as g, openBlock as r, createBlock as k, createCommentVNode as S, createVNode as F, unref as i, withCtx as B, renderSlot as H, mergeProps as P, toDisplayString as j, Fragment as q, renderList as G } from "vue";
+import { useLocale as J } from "../../../composables/useLocale.js";
+import { useSanitizedId as w } from "../../../composables/useSanitizedId.js";
+import { useSlotContent as Q } from "../../../composables/useSlotContent.js";
+import "../../../composables/useTheme.js";
+import W from "../Input/primitives/Label.vue.js";
+import X from "./primitives/SelectTrigger.vue.js";
+import Y from "./primitives/SelectDropdown.vue.js";
+import Z from "./primitives/SelectOption.vue.js";
+const x = {
+  key: 0,
+  role: "option",
+  "aria-selected": !1,
+  class: "px-3 py-2.5 text-sm text-neutral-400"
+}, de = /* @__PURE__ */ K({
+  inheritAttrs: !1,
+  __name: "Select",
+  props: /* @__PURE__ */ N({
+    options: {},
+    multiple: { type: Boolean },
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    placeholder: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    ariaLabelledby: { default: void 0 },
+    locale: { default: void 0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(D) {
+    const n = D, o = U(D, "modelValue"), { hasSlotContent: I } = Q(), V = I("default"), $ = J(
+      "select",
+      _(() => n.locale)
+    ), A = w("select-label"), C = w("select-trigger"), u = w("select-listbox"), a = y(!1), l = y(-1), v = y(null), f = h(() => n.multiple ? Array.isArray(o.value) ? o.value : [] : o.value != null && !Array.isArray(o.value) ? [o.value] : []), E = h(() => f.value.map((e) => {
+      const t = n.options.find((s) => s.value === e);
+      return (t == null ? void 0 : t.label) ?? String(e);
+    })), M = h(() => {
+      if (!(!a.value || l.value < 0))
+        return `${u}-option-${l.value}`;
+    });
+    function d() {
+      n.disabled || (a.value = !0, l.value = -1);
+    }
+    function c() {
+      a.value = !1, l.value = -1;
+    }
+    function O() {
+      a.value ? c() : d();
+    }
+    function p(e) {
+      if (n.multiple) {
+        const t = Array.isArray(o.value) ? [...o.value] : [], s = t.indexOf(e.value);
+        s >= 0 ? t.splice(s, 1) : t.push(e.value), o.value = t;
+      } else
+        o.value = e.value, c();
+    }
+    function R(e) {
+      !n.multiple || !Array.isArray(o.value) || (o.value = o.value.filter((t) => t !== e));
+    }
+    function T(e) {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), a.value ? l.value = Math.min(
+            l.value + 1,
+            n.options.length - 1
+          ) : (d(), l.value = 0);
+          break;
+        case "ArrowUp":
+          e.preventDefault(), a.value ? l.value = Math.max(l.value - 1, 0) : (d(), l.value = n.options.length - 1);
+          break;
+        case "Enter":
+          e.preventDefault(), a.value && l.value >= 0 ? p(n.options[l.value]) : a.value || d();
+          break;
+        case " ":
+          e.preventDefault(), a.value && l.value >= 0 ? p(n.options[l.value]) : a.value || d();
+          break;
+        case "Escape":
+          e.preventDefault(), c();
+          break;
+        case "Tab":
+          c();
+          break;
+        case "Home":
+          a.value && (e.preventDefault(), l.value = 0);
+          break;
+        case "End":
+          a.value && (e.preventDefault(), l.value = n.options.length - 1);
+          break;
+      }
+    }
+    function m(e) {
+      v.value && !v.value.contains(e.target) && c();
+    }
+    return L(a, (e) => {
+      e ? document.addEventListener("mousedown", m) : document.removeEventListener("mousedown", m);
+    }), L(l, (e) => {
+      if (e >= 0 && a.value) {
+        const t = document.getElementById(`${u}-option-${e}`);
+        t == null || t.scrollIntoView({ block: "nearest" });
+      }
+    }), z(() => {
+      document.removeEventListener("mousedown", m);
+    }), (e, t) => (r(), g("div", {
+      ref_key: "containerRef",
+      ref: v,
+      class: "relative flex flex-col gap-1"
+    }, [
+      i(V) ? (r(), k(W, {
+        key: 0,
+        id: i(A),
+        dense: e.dense
+      }, {
+        default: B(() => [
+          H(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "dense"])) : S("", !0),
+      F(X, P(e.$attrs, {
+        id: i(C),
+        "selected-labels": E.value,
+        "selected-values": f.value,
+        multiple: e.multiple,
+        dense: e.dense,
+        invalid: e.invalid,
+        disabled: e.disabled,
+        placeholder: e.placeholder ?? i($)("placeholder"),
+        "is-open": a.value,
+        "listbox-id": i(u),
+        "active-descendant-id": M.value,
+        "aria-label": e.ariaLabel,
+        "aria-labelledby": e.ariaLabelledby ?? i(A),
+        onToggle: O,
+        onKeydown: T,
+        onRemoveChip: R
+      }), null, 16, ["id", "selected-labels", "selected-values", "multiple", "dense", "invalid", "disabled", "placeholder", "is-open", "listbox-id", "active-descendant-id", "aria-label", "aria-labelledby"]),
+      a.value ? (r(), k(Y, {
+        key: 1,
+        id: i(u),
+        multiple: e.multiple,
+        dense: e.dense
+      }, {
+        default: B(() => [
+          e.options.length === 0 ? (r(), g("li", x, j(i($)("no-results")), 1)) : (r(!0), g(q, { key: 1 }, G(e.options, (s, b) => (r(), k(Z, {
+            id: `${i(u)}-option-${b}`,
+            key: s.value,
+            option: s,
+            "is-selected": f.value.includes(s.value),
+            "is-active": l.value === b,
+            dense: e.dense,
+            onSelect: p,
+            onMouseenter: (ee) => l.value = b
+          }, null, 8, ["id", "option", "is-selected", "is-active", "dense", "onMouseenter"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["id", "multiple", "dense"])) : S("", !0)
+    ], 512));
+  }
+});
+export {
+  de as default
+};

package/dist/components/form/Select/Select.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Select.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Select/primitives/SelectDropdown.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id?: string;
+    multiple?: boolean;
+    dense?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/Select/primitives/SelectDropdown.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent as s, createElementBlock as a, openBlock as d, mergeProps as n, unref as r, renderSlot as i } from "vue";
+import { tv as p } from "tailwind-variants";
+import { useForwardedAttrs as u } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const m = ["id", "aria-multiselectable"], y = /* @__PURE__ */ s({
+  inheritAttrs: !1,
+  __name: "SelectDropdown",
+  props: {
+    id: {},
+    multiple: { type: Boolean },
+    dense: { type: Boolean }
+  },
+  setup(f) {
+    const { classAttr: t, forwardedAttrs: o } = u(), l = p({
+      base: [
+        "absolute top-full right-0 left-0 z-50 mt-1 scrollbar-subtle max-h-60 overflow-auto rounded-md border shadow-lg",
+        "border-neutral-300 bg-white",
+        "dark:border-neutral-700 dark:bg-neutral-900"
+      ],
+      variants: {
+        dense: {
+          false: "py-1",
+          true: "py-0.5"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (e, c) => (d(), a("ul", n({ id: e.id }, r(o), {
+      class: r(l)({ dense: e.dense, class: r(t) }),
+      role: "listbox",
+      "aria-multiselectable": e.multiple || void 0
+    }), [
+      i(e.$slots, "default")
+    ], 16, m));
+  }
+});
+export {
+  y as default
+};

package/dist/components/form/Select/primitives/SelectDropdown.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SelectDropdown.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Select/primitives/SelectOption.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    id?: string;
+    option: {
+        label: string;
+        value: string | number;
+    };
+    isSelected?: boolean;
+    isActive?: boolean;
+    dense?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (option: {
+        label: string;
+        value: string | number;
+    }) => any;
+    mouseenter: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((option: {
+        label: string;
+        value: string | number;
+    }) => any) | undefined;
+    onMouseenter?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/Select/primitives/SelectOption.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent as d, createElementBlock as m, openBlock as r, mergeProps as c, unref as s, withModifiers as f, createElementVNode as u, createBlock as v, createCommentVNode as k, toDisplayString as y } from "vue";
+import { tv as S } from "tailwind-variants";
+import { useForwardedAttrs as A } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import B from "../../../core/Icon/Icon.vue.js";
+import "highlight.js/lib/core";
+const b = ["id", "aria-selected"], g = { class: "flex-1" }, x = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "SelectOption",
+  props: {
+    id: {},
+    option: {},
+    isSelected: { type: Boolean },
+    isActive: { type: Boolean },
+    dense: { type: Boolean }
+  },
+  emits: ["select", "mouseenter"],
+  setup(w, { emit: n }) {
+    const { classAttr: i, forwardedAttrs: l } = A(), a = S({
+      base: "flex cursor-pointer items-center gap-2 transition-colors",
+      variants: {
+        dense: {
+          false: "px-3 py-2.5 text-sm",
+          true: "px-2.5 py-2 text-xs"
+        },
+        selected: {
+          true: "font-semibold"
+        },
+        active: {
+          true: ["bg-neutral-100", "dark:bg-neutral-800"]
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    }), o = n;
+    return (e, t) => (r(), m("li", c({ id: e.id }, s(l), {
+      class: s(a)({
+        dense: e.dense,
+        selected: e.isSelected,
+        active: e.isActive,
+        class: s(i)
+      }),
+      role: "option",
+      "aria-selected": e.isSelected,
+      onClick: t[0] || (t[0] = (p) => o("select", e.option)),
+      onMouseenter: t[1] || (t[1] = (p) => o("mouseenter")),
+      onMousedown: t[2] || (t[2] = f(() => {
+      }, ["prevent"]))
+    }), [
+      u("span", g, y(e.option.label), 1),
+      e.isSelected ? (r(), v(s(B), {
+        key: 0,
+        name: "check",
+        size: "sm",
+        class: "shrink-0"
+      })) : k("", !0)
+    ], 16, b));
+  }
+});
+export {
+  x as default
+};

package/dist/components/form/Select/primitives/SelectOption.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SelectOption.vue.js";
+export {
+  f as default
+};

package/dist/components/form/Select/primitives/SelectTrigger.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    id?: string;
+    selectedLabels: string[];
+    selectedValues: Array<string | number>;
+    multiple?: boolean;
+    dense?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    isOpen?: boolean;
+    listboxId?: string;
+    activeDescendantId?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: () => any;
+    keydown: (event: KeyboardEvent) => any;
+    "remove-chip": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onRemove-chip"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/form/Select/primitives/SelectTrigger.vue.js

@@ -0,0 +1,109 @@
+import { defineComponent as u, createElementBlock as s, openBlock as r, mergeProps as f, unref as i, createVNode as c, Fragment as v, renderList as y, createBlock as k, withModifiers as g, withCtx as h, createTextVNode as w, toDisplayString as d, normalizeClass as L } from "vue";
+import { tv as B } from "tailwind-variants";
+import { useForwardedAttrs as V } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import C from "../../../core/Chip/Chip.vue.js";
+import A from "../../../core/Icon/Icon.vue.js";
+import "highlight.js/lib/core";
+const I = ["id", "aria-expanded", "aria-owns", "aria-activedescendant", "aria-labelledby", "aria-label", "aria-disabled", "tabindex"], O = {
+  key: 0,
+  class: "flex flex-1 flex-wrap gap-1"
+}, $ = {
+  key: 1,
+  class: "flex-1 truncate"
+}, D = {
+  key: 2,
+  class: "flex-1 truncate text-neutral-400"
+}, P = /* @__PURE__ */ u({
+  inheritAttrs: !1,
+  __name: "SelectTrigger",
+  props: {
+    id: {},
+    selectedLabels: {},
+    selectedValues: {},
+    multiple: { type: Boolean },
+    dense: { type: Boolean },
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    placeholder: {},
+    isOpen: { type: Boolean },
+    listboxId: {},
+    activeDescendantId: {},
+    ariaLabel: {},
+    ariaLabelledby: {}
+  },
+  emits: ["toggle", "keydown", "remove-chip"],
+  setup(S, { emit: t }) {
+    const { classAttr: p, forwardedAttrs: b } = V(), m = B({
+      base: [
+        "inline-flex w-full cursor-pointer items-center rounded-md border font-sans transition-colors outline-none hover:bg-neutral-50/25",
+        "border-neutral-300 focus-visible:border-primary-500",
+        "dark:border-neutral-700 dark:hover:bg-black/15 dark:focus-visible:border-primary-500"
+      ],
+      variants: {
+        dense: {
+          false: "min-h-[38px] px-3 py-1.5 text-sm",
+          true: "min-h-[32px] px-2.5 py-1.5 text-xs"
+        },
+        invalid: {
+          true: "border-red-500 bg-red-50 text-red-900 focus-visible:border-red-400 dark:focus-visible:border-red-500"
+        },
+        disabled: {
+          true: "pointer-events-none cursor-not-allowed opacity-50"
+        },
+        open: {
+          true: "border-primary-500 dark:border-primary-500"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    }), o = t;
+    return (e, a) => (r(), s("div", f({ id: e.id }, i(b), {
+      class: i(m)({
+        dense: e.dense,
+        invalid: e.invalid,
+        disabled: e.disabled,
+        open: e.isOpen,
+        class: i(p)
+      }),
+      role: "combobox",
+      "aria-expanded": e.isOpen,
+      "aria-haspopup": "listbox",
+      "aria-owns": e.listboxId,
+      "aria-activedescendant": e.activeDescendantId,
+      "aria-labelledby": e.ariaLabelledby,
+      "aria-label": e.ariaLabel,
+      "aria-disabled": e.disabled || void 0,
+      tabindex: e.disabled ? -1 : 0,
+      onClick: a[1] || (a[1] = (l) => !e.disabled && o("toggle")),
+      onKeydown: a[2] || (a[2] = (l) => !e.disabled && o("keydown", l))
+    }), [
+      e.multiple && e.selectedValues.length > 0 ? (r(), s("div", O, [
+        (r(!0), s(v, null, y(e.selectedLabels, (l, n) => (r(), k(i(C), {
+          key: e.selectedValues[n],
+          variant: "secondary",
+          dense: e.dense,
+          removable: "",
+          onClick: a[0] || (a[0] = g(() => {
+          }, ["stop"])),
+          onRemove: (x) => o("remove-chip", e.selectedValues[n])
+        }, {
+          default: h(() => [
+            w(d(l), 1)
+          ]),
+          _: 2
+        }, 1032, ["dense", "onRemove"]))), 128))
+      ])) : !e.multiple && e.selectedLabels.length > 0 ? (r(), s("span", $, d(e.selectedLabels[0]), 1)) : (r(), s("span", D, d(e.placeholder), 1)),
+      c(i(A), {
+        name: "caret-down",
+        size: "sm",
+        class: L(["ml-2 shrink-0 transition-transform", e.isOpen && "rotate-180"])
+      }, null, 8, ["class"])
+    ], 16, I));
+  }
+});
+export {
+  P as default
+};

package/dist/components/form/Select/primitives/SelectTrigger.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SelectTrigger.vue.js";
+export {
+  f as default
+};