@orchidui/core 0.0.1 → 0.2.0

package/dist/OcSnackbar-CKxY1-ej.js

@@ -0,0 +1,196 @@
+import { ref as h, computed as x, watch as z, nextTick as V, openBlock as t, createBlock as r, Transition as C, withCtx as j, withDirectives as F, createElementVNode as l, normalizeClass as d, unref as a, normalizeStyle as N, createElementBlock as o, Fragment as H, createVNode as b, createCommentVNode as s, renderSlot as O, toDisplayString as u, mergeProps as v, vShow as T } from "vue";
+import "dayjs";
+import { B as w } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as m } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const W = {
+  key: 0,
+  class: "flex flex-col gap-y-4 w-full"
+}, $ = { class: "flex flex-col gap-y-3" }, D = { class: "font-medium text-oc-text" }, E = { class: "text-oc-text-400" }, I = { class: "flex gap-x-3" }, L = {
+  key: 0,
+  class: "text-oc-text"
+}, M = ["innerHTML"], ee = {
+  __name: "OcSnackbar",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !0
+    },
+    color: {
+      type: String,
+      default: "default"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: "filled-check"
+    },
+    showIcon: {
+      type: Boolean,
+      default: !0
+    },
+    dismissible: {
+      type: Boolean,
+      default: !1
+    },
+    isFloating: {
+      type: Boolean,
+      default: !1
+    },
+    isRawHtml: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      default: "top-center"
+    },
+    transitionName: {
+      type: String,
+      default: "slide-from-top"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    secondaryButton: {
+      type: Object,
+      default: () => null
+    },
+    primaryButton: {
+      type: Object,
+      default: () => null
+    },
+    size: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "big", "small"].includes(e)
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const c = e, k = Object.freeze({
+      default: "border-oc-success-200 bg-oc-success-50 text-oc-success-500",
+      primary: "border-oc-primary-200 bg-oc-primary-50 text-oc-primary-500",
+      error: "border-oc-error-200 bg-oc-error-50 text-oc-error-500",
+      warning: "border-oc-warning-200 bg-oc-warning-50 text-oc-warning-500",
+      gray: "border-oc-gray-300 bg-oc-gray-100 text-oc-gray-700"
+    }), B = {
+      "top-center": "top-4",
+      "top-left": "top-4 left-4",
+      "top-right": "top-4 right-4",
+      "bottom-center": "bottom-4",
+      "bottom-left": "bottom-4 left-4",
+      "bottom-right": "bottom-4 right-4"
+    }, S = {
+      default: "bg-oc-success-100",
+      primary: "bg-oc-primary-100",
+      error: "bg-oc-error-100",
+      warning: "bg-oc-warning-100",
+      gray: "bg-oc-gray-200"
+    }, f = h(), y = h(), i = x(() => c.size === "small"), n = x(() => c.size === "big");
+    return z(
+      () => c.modelValue,
+      async () => {
+        await V(), y.value = (document.body.clientWidth - f.value.clientWidth) / 2;
+      }
+    ), (g, p) => (t(), r(C, { name: e.transitionName }, {
+      default: j(() => [
+        F(l("div", {
+          ref_key: "snackBar",
+          ref: f,
+          class: d([[
+            a(k)[e.color],
+            e.isFloating && B[e.position],
+            {
+              "!fixed z-[1004]": e.isFloating,
+              "gap-x-2 py-3 px-4 items-center": i.value,
+              "gap-x-5 pt-5 pb-6 px-5 items-start": n.value,
+              "gap-x-4 py-4 px-5 items-center": !n.value && !i.value,
+              "!pr-10": e.dismissible
+            }
+          ], "border rounded-lg flex shadow-sm snackbar relative"]),
+          style: N(e.isFloating && e.position.includes("center") ? { left: y.value + "px" } : "")
+        }, [
+          e.showIcon ? (t(), o(H, { key: 0 }, [
+            n.value ? (t(), o("div", {
+              key: 0,
+              class: d([S[e.color], "w-[48px] flex shrink-0 items-center justify-center h-[48px] rounded-full"])
+            }, [
+              b(a(m), {
+                name: e.icon,
+                class: "shrink-0",
+                width: "24"
+              }, null, 8, ["name"])
+            ], 2)) : (t(), r(a(m), {
+              key: 1,
+              name: e.icon,
+              class: "shrink-0",
+              width: i.value ? "16" : "24",
+              height: i.value ? "16" : "24"
+            }, null, 8, ["name", "width", "height"]))
+          ], 64)) : s("", !0),
+          O(g.$slots, "default", {}, () => [
+            n.value ? (t(), o("div", W, [
+              l("div", $, [
+                l("span", D, u(e.title), 1),
+                l("span", E, u(e.description), 1)
+              ]),
+              l("div", I, [
+                e.secondaryButton ? (t(), r(a(w), v({
+                  key: 0,
+                  variant: "secondary",
+                  size: "small"
+                }, e.secondaryButton), null, 16)) : s("", !0),
+                e.primaryButton ? (t(), r(a(w), v({
+                  key: 1,
+                  size: "small"
+                }, e.primaryButton), null, 16)) : s("", !0)
+              ])
+            ])) : (t(), o("div", {
+              key: 1,
+              class: d(["w-full flex items-center justify-between", i.value ? "text-sm" : ""])
+            }, [
+              e.isRawHtml ? (t(), o("span", {
+                key: 1,
+                class: "text-oc-text",
+                innerHTML: e.content
+              }, null, 8, M)) : (t(), o("span", L, u(e.content), 1))
+            ], 2))
+          ]),
+          e.dismissible ? (t(), o("div", {
+            key: 1,
+            class: "cursor-pointer absolute top-4 right-4 text-oc-gray-800 opacity-25 hover:opacity-50",
+            onClick: p[0] || (p[0] = (R) => g.$emit("update:modelValue", !1))
+          }, [
+            b(a(m), {
+              name: "x-circle-filled",
+              width: "20",
+              height: "20"
+            })
+          ])) : s("", !0)
+        ], 6), [
+          [T, e.modelValue]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+};
+export {
+  ee as _
+};

package/dist/OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js

@@ -0,0 +1,87 @@
+import { defineComponent as s, openBlock as t, createElementBlock as r, normalizeClass as a, createElementVNode as i, createBlock as m, unref as d, toDisplayString as n, renderSlot as p, Fragment as f, renderList as y } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as x } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const C = { key: 1 }, g = /* @__PURE__ */ s({
+  __name: "OcStep",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    isCurrent: {
+      type: Boolean,
+      default: !1
+    },
+    isCompleted: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (o, c) => (t(), r("div", {
+      class: a(["flex flex-col gap-y-3 text-sm cursor-pointer", e.isCurrent || e.isCompleted ? "text-oc-text-500" : "text-oc-text-300"])
+    }, [
+      i("div", {
+        class: a(["rounded-full flex items-center justify-center w-7 h-7 font-medium", [
+          e.isCompleted ? "text-white bg-oc-primary" : "border border-oc-gray-300",
+          e.isCurrent ? "border-oc-gray-800" : ""
+        ]])
+      }, [
+        e.isCompleted ? (t(), m(d(x), {
+          key: 0,
+          name: "check-2",
+          width: "12",
+          height: "12"
+        })) : (t(), r("span", C, n(e.value), 1))
+      ], 2),
+      i("span", {
+        class: a(e.isCurrent ? "font-medium" : "")
+      }, n(e.title), 3)
+    ], 2));
+  }
+}), h = { class: "flex gap-x-7" }, A = /* @__PURE__ */ s({
+  __name: "OcSteps",
+  props: {
+    steps: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e) {
+    return (o, c) => (t(), r("div", h, [
+      p(o.$slots, "default", {}, () => [
+        (t(!0), r(f, null, y(e.steps, (u, l) => (t(), m(g, {
+          key: l,
+          title: u.title,
+          value: l + 1,
+          "is-current": l === e.modelValue,
+          "is-completed": l < e.modelValue,
+          class: "flex flex-col gap-y-3 items-center text-sm",
+          onClick: (v) => o.$emit("update:model-value", l)
+        }, null, 8, ["title", "value", "is-current", "is-completed", "onClick"]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  A as _,
+  g as a
+};

package/dist/OcSubSidebar.vue_vue_type_script_setup_true_lang-CNxgU07N.js

@@ -0,0 +1,60 @@
+import { defineComponent as c, openBlock as o, createElementBlock as r, createVNode as m, unref as p, createTextVNode as s, toDisplayString as l, createCommentVNode as d, createElementVNode as u, Fragment as f, renderList as x, normalizeClass as y } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as g } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const h = { class: "py-7 flex flex-col gap-y-3 px-4" }, k = { class: "flex flex-col gap-y-2" }, v = ["onClick"], F = /* @__PURE__ */ c({
+  __name: "OcSubSidebar",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    menu: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["titleClick", "update:modelValue"],
+  setup(e) {
+    return (i, n) => (o(), r("div", h, [
+      e.title ? (o(), r("div", {
+        key: 0,
+        class: "py-4 gap-x-3 whitespace-nowrap cursor-pointer flex font-medium items-center",
+        onClick: n[0] || (n[0] = (t) => i.$emit("titleClick"))
+      }, [
+        m(p(g), {
+          name: "chevron-down",
+          class: "rotate-90 shrink-0",
+          width: "20",
+          height: "20"
+        }),
+        s(" " + l(e.title), 1)
+      ])) : d("", !0),
+      u("div", k, [
+        (o(!0), r(f, null, x(e.menu, (t, a) => (o(), r("div", {
+          key: a,
+          class: y([
+            "py-3 whitespace-nowrap rounded cursor-pointer font-medium hover:bg-oc-accent-2-50-tr px-5",
+            e.modelValue === t.value ? "bg-oc-accent-2-50-tr text-oc-accent-1" : "text-oc-text-400"
+          ]),
+          onClick: (C) => i.$emit("update:modelValue", t.value)
+        }, l(t.label), 11, v))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  F as _
+};

package/dist/OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js

@@ -0,0 +1,114 @@
+import { defineComponent as v, openBlock as e, createElementBlock as s, createVNode as m, unref as i, withCtx as l, createElementVNode as t, Fragment as a, renderList as p, toDisplayString as h, createBlock as c, mergeProps as f, renderSlot as y, createCommentVNode as w } from "vue";
+import "dayjs";
+import { D as V } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as k } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import { _ as g } from "./OcDropdownItem-DAElmzEu.js";
+import "@popperjs/core";
+const B = { class: "fixed bottom-[30px] right-[32px]" }, q = { class: "relative" }, M = {
+  key: 0,
+  class: "flex items-center justify-end"
+}, P = { class: "w-[40px] flex text-white items-center bg-oc-text active:bg-oc-gray-800 justify-center aspect-square rounded-full cursor-pointer" }, S = { class: "min-w-[180px]" }, $ = { class: "p-3" }, j = { class: "uppercase text-oc-text-400 text-xs font-medium" }, I = /* @__PURE__ */ v({
+  __name: "OcSupportMenu",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: "Have a question?"
+    },
+    info: {
+      type: String,
+      default: "We're ready to guide you through anything you need!"
+    },
+    confirmButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+    topMenu: {
+      type: Array,
+      default: () => []
+    },
+    bottomMenu: {
+      type: Array,
+      default: () => []
+    },
+    questionBtnProps: {
+      type: Object,
+      default: () => ({})
+    },
+    isPointed: Boolean
+  },
+  emits: ["update:modelValue"],
+  setup(n) {
+    const _ = {
+      arrowHidden: !0
+    };
+    return (d, o) => (e(), s("div", B, [
+      m(i(V), {
+        "model-value": n.modelValue,
+        "popper-options": _,
+        placement: "top-end",
+        distance: 8,
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => d.$emit("update:modelValue", r))
+      }, {
+        menu: l(() => [
+          t("div", S, [
+            (e(!0), s(a, null, p(n.topMenu, (r, u) => (e(), s(a, { key: u }, [
+              t("div", $, [
+                t("span", j, h(r.title), 1)
+              ]),
+              (e(!0), s(a, null, p(r.items, (x, b) => (e(), c(i(g), f({
+                key: b,
+                class: "text-sm",
+                ref_for: !0
+              }, x), {
+                badge: l(() => [
+                  y(d.$slots, "badge")
+                ]),
+                _: 2
+              }, 1040))), 128))
+            ], 64))), 128)),
+            o[2] || (o[2] = t("div", { class: "w-full border-t border-gray-200" }, null, -1)),
+            (e(!0), s(a, null, p(n.bottomMenu, (r, u) => (e(), c(i(g), f({
+              key: u,
+              class: "text-sm",
+              ref_for: !0
+            }, r), {
+              badge: l(() => [
+                y(d.$slots, "badge")
+              ]),
+              _: 2
+            }, 1040))), 128))
+          ])
+        ]),
+        default: l(() => [
+          t("div", q, [
+            n.isPointed ? (e(), s("div", M, o[1] || (o[1] = [
+              t("div", { class: "w-[6px] aspect-square rounded-full bg-oc-error" }, null, -1)
+            ]))) : w("", !0),
+            t("div", P, [
+              m(i(k), {
+                name: "question",
+                width: "33",
+                height: "33"
+              })
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["model-value"])
+    ]));
+  }
+});
+export {
+  I as _
+};

package/dist/OcSwitchTabs-CYp676bj.js

@@ -0,0 +1,31 @@
+import { openBlock as r, createElementBlock as n, Fragment as i, renderList as o, normalizeClass as a, createElementVNode as l, toDisplayString as c } from "vue";
+const u = { class: "flex items-center gap-2 p-2 rounded-full shadow-inner border border-oc-gray-200" }, d = ["onClick"], y = {
+  __name: "OcSwitchTabs",
+  props: {
+    options: {
+      type: Array,
+      required: !0
+    },
+    activeOption: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["select"],
+  setup(t) {
+    return (s, m) => (r(), n("div", u, [
+      (r(!0), n(i, null, o(t.options, (e) => (r(), n("div", {
+        key: e.value,
+        class: a(["rounded-full cursor-pointer py-3 px-4 transition duration-300 border-2 border-transparent", { "bg-oc-gray-800": e.value === t.activeOption }]),
+        onClick: (p) => s.$emit("select", e.value)
+      }, [
+        l("span", {
+          class: a(["text-oc-text-300 font-medium text-sm", { "text-white": e.value === t.activeOption }])
+        }, c(e.label), 3)
+      ], 10, d))), 128))
+    ]));
+  }
+};
+export {
+  y as _
+};

package/dist/OcTabToSelect-BHAz1Niv.js

@@ -0,0 +1,183 @@
+import { openBlock as a, createElementBlock as n, renderSlot as c, createVNode as f, unref as d, createTextVNode as w, createElementVNode as m, createBlock as C, mergeProps as _, createCommentVNode as B, ref as x, computed as P, watch as H, onMounted as R, Fragment as v, renderList as y, normalizeClass as $, toDisplayString as g, withCtx as k, normalizeStyle as D } from "vue";
+import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import "dayjs";
+import { B as V, D as N } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as O } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+import { _ as j } from "./OcDropdownItem-DAElmzEu.js";
+const z = {}, L = { class: "bg-oc-bg px-3 md:px-[40px] border-b border-oc-gray-200 h-[68px] w-full flex items-center" };
+function M(e, o) {
+  return a(), n("div", L, [
+    c(e.$slots, "default")
+  ]);
+}
+const fe = /* @__PURE__ */ b(z, [["render", M]]), T = {}, U = { class: "px-3 md:px-[40px] border-b border-oc-gray-200 h-[68px] w-full flex items-center relative bg-oc-accent-1-600" };
+function A(e, o) {
+  return a(), n("div", U, [
+    c(e.$slots, "default")
+  ]);
+}
+const pe = /* @__PURE__ */ b(T, [["render", A]]), F = {}, W = { class: "flex items-center gap-x-3 mr-auto" };
+function q(e, o) {
+  return a(), n("div", W, [
+    c(e.$slots, "default")
+  ]);
+}
+const xe = /* @__PURE__ */ b(F, [["render", q]]), G = { class: "flex items-center" }, I = {
+  key: 1,
+  class: "text-oc-text-300 text-sm md:text-base"
+}, ve = {
+  __name: "OcHeaderCenter",
+  props: {
+    isSaved: Boolean
+  },
+  emits: ["back"],
+  setup(e) {
+    return (o, t) => (a(), n("div", G, [
+      c(o.$slots, "default", {}, () => [
+        c(o.$slots, "before"),
+        e.isSaved ? (a(), n("span", {
+          key: 0,
+          class: "text-oc-text-100 flex items-center cursor-pointer",
+          onClick: t[0] || (t[0] = (r) => o.$emit("back"))
+        }, [
+          f(d(O), {
+            name: "chevron-down",
+            class: "rotate-90"
+          }),
+          t[1] || (t[1] = w(" Back "))
+        ])) : (a(), n("span", I, " Unsaved changes ")),
+        c(o.$slots, "after")
+      ])
+    ]));
+  }
+}, J = { class: "flex items-center gap-x-7 ml-auto" }, K = { class: "flex gap-x-3" }, $e = {
+  __name: "OcHeaderRight",
+  props: {
+    primaryProps: {
+      type: Object
+    },
+    secondaryProps: {
+      type: Object
+    },
+    isSecondaryButtonVisible: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["save", "cancel", "addition-click", "dropdown-action"],
+  setup(e, { emit: o }) {
+    return (t, r) => (a(), n("div", J, [
+      c(t.$slots, "default", {}, () => [
+        c(t.$slots, "before"),
+        m("div", K, [
+          e.isSecondaryButtonVisible ? (a(), C(d(V), _({
+            key: 0,
+            class: "min-w-[100px]",
+            variant: "secondary",
+            label: "Cancel"
+          }, e.secondaryProps, {
+            onClick: r[0] || (r[0] = (i) => t.$emit("cancel"))
+          }), null, 16)) : B("", !0),
+          c(t.$slots, "primary-button", {}, () => [
+            f(d(V), _({
+              class: "min-w-[100px]",
+              label: "Save"
+            }, e.primaryProps, {
+              onClick: r[1] || (r[1] = (i) => t.$emit("save"))
+            }), null, 16)
+          ])
+        ]),
+        c(t.$slots, "after")
+      ])
+    ]));
+  }
+}, Q = { class: "gap-x-7 hidden md:flex relative" }, X = ["onClick"], Y = { class: "p-3 font-medium text-oc-accent-1-500 flex items-center gap-2" }, Z = { class: "p-4 min-w-[220px] flex flex-col gap-y-3 border-b border-gray-200" }, be = {
+  __name: "OcTabToSelect",
+  props: {
+    menus: Array,
+    modelValue: String
+  },
+  emits: {
+    changePath: [],
+    "update:modelValue": []
+  },
+  setup(e) {
+    const o = e, t = x(!1), r = P(() => o.menus.find((l) => l.value === o.modelValue)), i = x(), h = x([]), p = (l) => {
+      if (!i.value) return;
+      const u = (l == null ? void 0 : l.target) || h.value[o.menus.indexOf(r.value)];
+      i.value.style.width = `${u.offsetWidth}px`, i.value.style.left = `${u.offsetLeft}px`;
+    };
+    return H(
+      () => o.modelValue,
+      () => p()
+    ), R(() => p()), (l, u) => (a(), n(v, null, [
+      m("div", Q, [
+        (a(!0), n(v, null, y(e.menus, (s) => (a(), n("div", {
+          key: s.value,
+          ref_for: !0,
+          ref_key: "menuRefs",
+          ref: h,
+          class: $(["h-[36px] z-10 px-7 transition-all flex items-center justify-center rounded-full text-oc-text-500 hover:text-oc-accent-1 cursor-pointer", [s.value === e.modelValue ? "font-medium !text-white" : ""]]),
+          onClick: (S) => {
+            p(S), l.$emit("changePath", s.path), l.$emit("update:modelValue", s.value);
+          }
+        }, g(s.label), 11, X))), 128)),
+        m("div", {
+          ref_key: "currentRef",
+          ref: i,
+          class: $([r.value.sidebarClass, "absolute transition-all duration-300 h-[36px] rounded-full min-w-[100px] bg-[var(--oc-sidebar-menu-active-icon-active)]"])
+        }, null, 2)
+      ]),
+      f(d(N), {
+        modelValue: t.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (s) => t.value = s),
+        class: "flex md:hidden"
+      }, {
+        menu: k(() => [
+          m("div", Z, [
+            (a(!0), n(v, null, y(e.menus, (s) => (a(), C(d(j), {
+              key: s.value,
+              class: $(["px-5 py-3", [
+                s.value === e.modelValue ? "!text-oc-accent-1 font-medium bg-oc-accent-1-50-tr" : "!text-oc-text-400"
+              ]]),
+              text: s.label,
+              style: D({
+                borderColor: r.value.color
+              }),
+              onClick: () => {
+                l.$emit("changePath", s.path), l.$emit("update:modelValue", s.value);
+              }
+            }, null, 8, ["text", "style", "class", "onClick"]))), 128))
+          ])
+        ]),
+        default: k(() => [
+          m("div", Y, [
+            w(g(r.value.label) + " ", 1),
+            f(d(O), {
+              name: "chevron-down",
+              width: "20",
+              height: "20"
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ], 64));
+  }
+};
+export {
+  fe as O,
+  ve as _,
+  pe as a,
+  xe as b,
+  $e as c,
+  be as d
+};