@orchidui/core 0.5.0 → 0.6.0

package/dist/OcPrimaryActions-D5IprKsQ.js

@@ -1,222 +0,0 @@
-import { openBlock as o, createElementBlock as s, createElementVNode as l, renderSlot as N, toDisplayString as w, createBlock as a, unref as r, normalizeProps as E, mergeProps as V, createCommentVNode as u, withCtx as c, createVNode as h, normalizeClass as k, ref as q, computed as $, Fragment as f, renderList as O } from "vue";
-import "dayjs";
-import { T, D as F } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as b } from "./OcIcon-CJgBICxh.js";
-import { _ as M } from "./OcChip-B1hm2Qni.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 U } from "./OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js";
-import { _ as B } from "./OcDropdownItem-DAElmzEu.js";
-const G = { class: "flex text-oc-text justify-center flex-col gap-y-3 max-w-full" }, H = { class: "md:text-xl font-medium flex items-center gap-x-3" }, I = { class: "whitespace-nowrap text-ellipsis overflow-hidden md:text-base lg:text-xl" }, J = {
-  key: 0,
-  class: "text-oc-text-400 text-sm group flex items-center gap-x-4"
-}, K = { class: "overflow-hidden whitespace-nowrap text-ellipsis" }, xt = {
-  __name: "OcTitle",
-  props: {
-    title: { type: String, required: !0 },
-    description: { type: String, required: !0 },
-    copyValue: { type: String, default: "" },
-    chipProps: Object,
-    tooltipOptions: Object,
-    isCopy: Boolean
-  },
-  setup(e) {
-    return (v, g) => (o(), s("div", G, [
-      l("div", H, [
-        N(v.$slots, "title", {}, () => [
-          l("span", I, w(e.title), 1)
-        ]),
-        e.chipProps ? (o(), a(r(M), E(V({ key: 0 }, e.chipProps)), null, 16)) : u("", !0)
-      ]),
-      e.description || v.$slots.description ? (o(), s("div", J, [
-        N(v.$slots, "description", {}, () => [
-          l("span", K, w(e.description), 1)
-        ]),
-        e.isCopy ? (o(), a(r(U), {
-          key: 0,
-          value: e.copyValue,
-          "tooltip-options": e.tooltipOptions
-        }, {
-          default: c(({ isShow: C }) => [
-            h(r(b), {
-              width: "16",
-              height: "16",
-              class: k(["cursor-pointer transition-all duration-500 group-hover:opacity-100", C ? "opacity-100" : "opacity-0"]),
-              name: "copy"
-            }, null, 8, ["class"])
-          ]),
-          _: 1
-        }, 8, ["value", "tooltip-options"])) : u("", !0)
-      ])) : u("", !0)
-    ]));
-  }
-}, Q = ["href"], R = { class: "py-2 px-3 whitespace-nowrap text-sm font-medium text-oc-text-400" }, W = {
-  key: 0,
-  class: "border-l group-hover:border-oc-accent-1-100 border-transparent"
-}, X = { class: "py-2 px-3 whitespace-nowrap text-sm font-medium text-oc-text-400" }, Y = { class: "flex flex-col" }, Z = { class: "p-2 border-b border-gray-200" }, tt = {
-  key: 0,
-  class: "p-2"
-}, ft = {
-  __name: "OcPrimaryActions",
-  props: {
-    primaryActions: Object
-  },
-  emits: {
-    copy: [],
-    "click:primaryActionsDropdown": []
-  },
-  setup(e, { emit: v }) {
-    var S;
-    const g = e, C = v, p = q(!1), A = $(() => {
-      var i;
-      return (i = g.primaryActions) == null ? void 0 : i.dropdownOptions;
-    }), m = q(((S = A.value) == null ? void 0 : S.isDropdownOpened) ?? !1), D = () => {
-      p.value = !0, C("copy"), setTimeout(() => p.value = !1, 1500);
-    }, L = $(
-      () => {
-        var i;
-        return ((i = g.primaryActions) == null ? void 0 : i.copyTooltipContent) ?? "Copy link";
-      }
-    ), P = $(
-      () => {
-        var i;
-        return ((i = g.primaryActions) == null ? void 0 : i.copiedTooltipContent) ?? "Link copied!";
-      }
-    );
-    return (i, d) => {
-      var j;
-      return o(), s("div", {
-        class: k(["p-1 gap-x-1 rounded-sm border text-oc-text-400 flex hover:bg-oc-bg group hover:border-oc-accent-1-100", m.value ? "bg-oc-bg border-oc-accent-1-100" : "border-transparent"])
-      }, [
-        (j = e.primaryActions) != null && j.mainLinkAction ? (o(), a(r(T), {
-          key: 0,
-          position: "top",
-          "arrow-hidden": "",
-          distance: 7
-        }, {
-          popper: c(() => {
-            var t, n;
-            return [
-              l("div", R, w((n = (t = e.primaryActions) == null ? void 0 : t.mainLinkAction) == null ? void 0 : n.tooltipContent), 1)
-            ];
-          }),
-          default: c(() => {
-            var t, n;
-            return [
-              l("a", {
-                href: (n = (t = e.primaryActions) == null ? void 0 : t.mainLinkAction) == null ? void 0 : n.url,
-                target: "_blank"
-              }, [
-                h(r(b), {
-                  class: "p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr",
-                  name: "external-link"
-                })
-              ], 8, Q)
-            ];
-          }),
-          _: 1
-        })) : u("", !0),
-        (o(!0), s(f, null, O(e.primaryActions.actions, (t, n) => {
-          var x;
-          return o(), s(f, { key: n }, [
-            (x = e.primaryActions) != null && x.mainLinkAction || n > 0 ? (o(), s("div", W)) : u("", !0),
-            h(r(T), {
-              position: "top",
-              "arrow-hidden": "",
-              distance: 7
-            }, {
-              popper: c(() => [
-                l("div", X, w(t != null && t.isCopyButton ? p.value ? P.value : L.value : t.tooltipContent), 1)
-              ]),
-              default: c(() => [
-                t != null && t.isCopyButton ? (o(), a(r(b), {
-                  key: 0,
-                  class: k(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", p.value ? "!text-oc-success" : ""]),
-                  name: p.value ? "check" : "copy",
-                  onClick: D
-                }, null, 8, ["name", "class"])) : (o(), a(r(b), {
-                  key: 1,
-                  class: k(["p-2 cursor-pointer rounded-sm hover:border-oc-accent-1-50-tr active:text-oc-text-400 hover:text-oc-text hover:bg-oc-accent-1-50-tr", t.class ?? ""]),
-                  name: t.icon,
-                  onClick: t.onClick
-                }, null, 8, ["name", "class", "onClick"]))
-              ]),
-              _: 2
-            }, 1024)
-          ], 64);
-        }), 128)),
-        A.value ? (o(), s("div", {
-          key: 1,
-          class: k(["border-l group-hover:border-oc-accent-1-100", m.value ? "border-oc-gray-200" : "border-transparent"])
-        }, null, 2)) : u("", !0),
-        A.value ? (o(), a(r(F), {
-          key: 2,
-          modelValue: m.value,
-          "onUpdate:modelValue": d[2] || (d[2] = (t) => m.value = t),
-          distance: 6
-        }, {
-          menu: c(() => {
-            var t, n, x;
-            return [
-              l("div", Y, [
-                l("div", Z, [
-                  (o(!0), s(f, null, O((t = e.primaryActions.dropdownOptions) == null ? void 0 : t.top, (y, _) => (o(), s(f, { key: _ }, [
-                    y != null && y.isCopyButton ? (o(), a(r(B), {
-                      key: 0,
-                      icon: p.value ? "check" : "copy",
-                      text: p.value ? P.value : L.value,
-                      "icon-classes": p.value ? "!text-oc-success" : "",
-                      onClick: D
-                    }, null, 8, ["icon", "text", "icon-classes"])) : (o(), a(r(B), V({
-                      key: 1,
-                      ref_for: !0
-                    }, y, {
-                      onClick: d[0] || (d[0] = (z) => m.value = !1)
-                    }), null, 16))
-                  ], 64))), 128))
-                ]),
-                (n = e.primaryActions.dropdownOptions) != null && n.bottom ? (o(), s("div", tt, [
-                  (o(!0), s(f, null, O((x = e.primaryActions.dropdownOptions) == null ? void 0 : x.bottom, (y, _) => (o(), a(r(B), V({
-                    key: _,
-                    ref_for: !0
-                  }, y, {
-                    onClick: d[1] || (d[1] = (z) => m.value = !1)
-                  }), null, 16))), 128))
-                ])) : u("", !0)
-              ])
-            ];
-          }),
-          default: c(() => [
-            h(r(T), {
-              position: "top",
-              "arrow-hidden": "",
-              distance: 7
-            }, {
-              popper: c(() => d[3] || (d[3] = [
-                l("div", { class: "py-2 px-3 whitespace-nowrap text-sm font-medium text-oc-text-400" }, " More actions ", -1)
-              ])),
-              default: c(() => [
-                h(r(b), {
-                  class: "p-2 cursor-pointer rounded-sm hover:bg-oc-accent-1-50-tr",
-                  name: "dots-vertical"
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : u("", !0)
-      ], 2);
-    };
-  }
-};
-export {
-  ft as _,
-  xt as a
-};

package/dist/OcRadio-CRYfNwV9.js

@@ -1,107 +0,0 @@
-import { openBlock as t, createBlock as l, unref as o, normalizeClass as a, withCtx as n, createElementVNode as u, createElementBlock as d, createCommentVNode as i, renderSlot as c, toDisplayString as m, normalizeProps as h, mergeProps as x, createVNode as B } from "vue";
-import "dayjs";
-import { _ as V, T as y } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as b } 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 f = ["id", "value", "checked", "name", "disabled"], k = ["for"], S = {
-  key: 0,
-  class: "px-3 py-2 whitespace-nowrap"
-}, z = {
-  __name: "OcRadio",
-  props: {
-    modelValue: [String, Boolean],
-    isDisabled: Boolean,
-    checked: Boolean,
-    label: String,
-    id: [String, Number],
-    groupName: String,
-    errorMessage: String,
-    hint: String,
-    tooltipText: String,
-    labelIcon: String,
-    tooltipOptions: Object,
-    isButtonVariant: Boolean,
-    isButtonVariantWithRadio: Boolean,
-    icon: String
-  },
-  emits: {
-    "update:modelValue": []
-  },
-  setup(e) {
-    return (r, s) => (t(), l(o(V), {
-      class: a(["radio-button inline-block relative cursor-pointer", e.isDisabled ? "disabled" : ""]),
-      label: "",
-      "error-message": e.errorMessage,
-      hint: e.hint
-    }, {
-      default: n(() => [
-        u("input", {
-          id: e.groupName + e.id,
-          value: e.modelValue,
-          checked: e.checked,
-          name: e.groupName,
-          disabled: e.isDisabled,
-          class: "radio-button__input absolute opacity-0 w-0 h-0",
-          type: "radio",
-          onInput: s[0] || (s[0] = (g) => r.$emit("update:modelValue", g.target.value))
-        }, null, 40, f),
-        u("label", {
-          for: e.groupName + e.id,
-          class: a(["radio-button__label flex gap-x-3 relative items-center cursor-pointer transition-all duration-300 text-oc-text-500", {
-            "!text-oc-text-300": e.isDisabled,
-            "bg-gray-200": e.isDisabled && e.isButtonVariant,
-            "!border-oc-error": e.errorMessage && e.isButtonVariant,
-            "radio-button__label--button border-gray-200 border py-3 px-5 rounded": e.isButtonVariant,
-            "!px-6 !py-5 !gap-x-4": e.isButtonVariantWithRadio
-          }])
-        }, [
-          !e.isButtonVariant || e.isButtonVariantWithRadio ? (t(), d("span", {
-            key: 0,
-            class: a(["radio-button__custom w-5 h-5 rounded-full border transition-all duration-300", [
-              e.isDisabled || !e.modelValue ? "border-oc-primary-200 bg-oc-primary-50" : "",
-              e.errorMessage ? "!border-oc-error" : "border-oc-primary-200"
-            ]])
-          }, null, 2)) : i("", !0),
-          e.icon ? (t(), l(o(b), {
-            key: 1,
-            class: a(["w-5 h-5 text-oc-text-500", { "!text-oc-text-300": e.isDisabled }]),
-            name: e.icon
-          }, null, 8, ["class", "name"])) : i("", !0),
-          c(r.$slots, "default", {}, () => [
-            e.label ? (t(), d("span", {
-              key: 0,
-              class: a({ "text-sm": !e.isButtonVariantWithRadio })
-            }, m(e.label), 3)) : i("", !0)
-          ]),
-          e.labelIcon ? (t(), l(o(y), h(x({ key: 2 }, e.tooltipOptions)), {
-            popper: n(() => [
-              c(r.$slots, "tooltipText", {}, () => [
-                e.tooltipText ? (t(), d("div", S, m(e.tooltipText), 1)) : i("", !0)
-              ])
-            ]),
-            default: n(() => [
-              B(o(b), {
-                width: "16",
-                height: "16",
-                name: e.labelIcon,
-                class: "text-oc-text-400"
-              }, null, 8, ["name"])
-            ]),
-            _: 3
-          }, 16)) : i("", !0)
-        ], 10, k)
-      ]),
-      _: 3
-    }, 8, ["class", "error-message", "hint"]));
-  }
-};
-export {
-  z as _
-};

package/dist/OcRadioGroup-DgfdWJos.js

@@ -1,76 +0,0 @@
-import { computed as d, openBlock as a, createBlock as i, unref as l, withCtx as g, createElementVNode as p, normalizeClass as r, createElementBlock as b, Fragment as f, renderList as h } from "vue";
-import "dayjs";
-import { _ as v } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-/* empty css                                                                    */
-import "libphonenumber-js";
-import { _ as B } from "./OcRadio-CRYfNwV9.js";
-/* empty css                                                                  */
-import "v-calendar";
-/* empty css                                                                  */
-import "./Cropper.js";
-import "vue-draggable-next";
-import "@popperjs/core";
-const O = {
-  __name: "OcRadioGroup",
-  props: {
-    alignment: {
-      type: String,
-      default: "vertical"
-    },
-    radio: Array,
-    label: String,
-    wrapperClass: String,
-    groupName: String,
-    errorMessage: String,
-    hint: String,
-    modelValue: String,
-    isButtonVariant: Boolean,
-    isButtonVariantWithRadio: Boolean,
-    isBlock: Boolean
-  },
-  emits: {
-    "update:modelValue": []
-  },
-  setup(e, { emit: n }) {
-    const s = n, u = d(() => ({
-      horizontal: "gap-x-5 flex-wrap",
-      vertical: "flex-col gap-y-3"
-    })), c = (o) => {
-      s("update:modelValue", o);
-    };
-    return (o, x) => (a(), i(l(v), {
-      label: e.label,
-      "error-message": e.errorMessage,
-      hint: e.hint
-    }, {
-      default: g(() => [
-        p("div", {
-          class: r(["flex", [u.value[e.alignment], e.wrapperClass]])
-        }, [
-          (a(!0), b(f, null, h(e.radio, (t, m) => (a(), i(l(B), {
-            id: t.value,
-            key: m,
-            class: r({ "!w-fit": !e.isBlock }),
-            "model-value": t.value,
-            label: t.label,
-            icon: t.icon,
-            "is-error": !!e.errorMessage,
-            checked: t.value === e.modelValue,
-            "is-disabled": !!t.isDisabled,
-            "group-name": e.groupName,
-            "tooltip-text": t.tooltipText,
-            "label-icon": t.labelIcon,
-            "tooltip-options": t.tooltipOptions,
-            "is-button-variant": e.isButtonVariant,
-            "is-button-variant-with-radio": e.isButtonVariantWithRadio,
-            "onUpdate:modelValue": c
-          }, null, 8, ["id", "class", "model-value", "label", "icon", "is-error", "checked", "is-disabled", "group-name", "tooltip-text", "label-icon", "tooltip-options", "is-button-variant", "is-button-variant-with-radio"]))), 128))
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["label", "error-message", "hint"]));
-  }
-};
-export {
-  O as _
-};

package/dist/OcRangeInput-C-hoHFhr.js

@@ -1,103 +0,0 @@
-import { ref as d, onMounted as V, openBlock as c, createElementBlock as g, createVNode as m, unref as o, withCtx as x, createElementVNode as S, createCommentVNode as h } from "vue";
-import "dayjs";
-import { _ as I } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-/* empty css                                                                    */
-import { _ as N } from "./OcInput-tcRxG3Y2.js";
-import "libphonenumber-js";
-/* empty css                                                                  */
-import "v-calendar";
-import { S as M } from "./OcSlider-Bsi-ckbP.js";
-import "./Cropper.js";
-import "vue-draggable-next";
-import "@popperjs/core";
-const k = { class: "flex flex-col gap-y-2 oc-range-input" }, L = { class: "flex gap-x-3" }, B = {
-  key: 0,
-  class: "flex pt-4"
-}, q = {
-  __name: "OcRangeInput",
-  props: {
-    maxLimit: {
-      type: [String, Number],
-      default: 1e4
-    },
-    minLimit: {
-      type: [String, Number],
-      default: 0
-    },
-    minGap: {
-      type: [String, Number],
-      default: 0
-    },
-    modelValue: {
-      type: [Array, String]
-    },
-    label: {
-      type: String,
-      default: "Amount"
-    },
-    hint: {
-      type: String,
-      default: ""
-    },
-    errorMessage: {
-      type: String,
-      default: ""
-    },
-    onlyInput: Boolean
-  },
-  emits: {
-    "update:modelValue": []
-  },
-  setup(t, { emit: b }) {
-    var f, v;
-    const u = t, s = b, e = d(((f = u.modelValue) == null ? void 0 : f[0]) ?? ""), l = d(((v = u.modelValue) == null ? void 0 : v[1]) ?? ""), r = d(), p = (a, i) => {
-      isNaN(a) || (i === 1 ? l.value = Number(a) : e.value = Number(a), u.onlyInput ? (e.value > l.value && (l.value = e.value), l.value < e.value && (e.value = l.value), s("update:modelValue", [e.value, l.value])) : r.value.updateSlider([e.value, l.value]));
-    }, y = (a) => {
-      isNaN(a[0]) || isNaN(a[1]) || (e.value = Number(a[0]), l.value = Number(a[1]), s("update:modelValue", [Number(e.value), Number(l.value)]));
-    };
-    return V(() => {
-      u.onlyInput || r.value.updateSlider();
-    }), (a, i) => (c(), g("div", k, [
-      m(o(I), {
-        label: t.label,
-        hint: t.hint,
-        "error-message": t.errorMessage
-      }, {
-        default: x(() => [
-          S("div", L, [
-            m(o(N), {
-              "model-value": e.value,
-              label: "From",
-              "is-inline-label": "",
-              placeholder: "",
-              "onUpdate:modelValue": i[0] || (i[0] = (n) => p(n, 0))
-            }, null, 8, ["model-value"]),
-            m(o(N), {
-              "model-value": l.value,
-              label: "To",
-              "is-inline-label": "",
-              placeholder: "",
-              "onUpdate:modelValue": i[1] || (i[1] = (n) => p(n, 1))
-            }, null, 8, ["model-value"])
-          ]),
-          t.onlyInput ? h("", !0) : (c(), g("div", B, [
-            m(o(M), {
-              ref_key: "slider",
-              ref: r,
-              type: "range",
-              "max-limit": t.maxLimit,
-              "min-limit": t.minLimit,
-              "min-gap": t.minGap,
-              "model-value": [Number(e.value), Number(l.value)],
-              "onUpdate:modelValue": y
-            }, null, 8, ["max-limit", "min-limit", "min-gap", "model-value"])
-          ]))
-        ]),
-        _: 1
-      }, 8, ["label", "hint", "error-message"])
-    ]));
-  }
-};
-export {
-  q as _
-};

package/dist/OcSandboxBanner.vue_vue_type_script_setup_true_lang-BD0k_8xa.js

@@ -1,37 +0,0 @@
-import { defineComponent as o, openBlock as t, createElementBlock as r, createElementVNode as i, toDisplayString as c, createBlock as n, unref as p, mergeProps as s, createCommentVNode as m } from "vue";
-import "dayjs";
-import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as a } from "./OcChip-B1hm2Qni.js";
-/* empty css                                                                    */
-import "libphonenumber-js";
-/* empty css                                                                  */
-import "v-calendar";
-/* empty css                                                                  */
-import "./Cropper.js";
-import "vue-draggable-next";
-import "@popperjs/core";
-const l = { class: "w-screen relative h-[40px] bg-oc-accent-3 flex items-center justify-center text-white" }, f = { class: "text-sm" }, w = /* @__PURE__ */ o({
-  __name: "OcSandboxBanner",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    chipProps: {
-      type: Object,
-      default: () => null
-    }
-  },
-  setup(e) {
-    return (u, _) => (t(), r("div", l, [
-      i("span", f, c(e.title), 1),
-      e.chipProps ? (t(), n(p(a), s({
-        key: 0,
-        class: "absolute left-[40px]"
-      }, e.chipProps), null, 16)) : m("", !0)
-    ]));
-  }
-});
-export {
-  w as _
-};

package/dist/OcSectionItem-BFgxO3se.js

@@ -1,84 +0,0 @@
-import { openBlock as t, createElementBlock as s, createElementVNode as r, createTextVNode as f, toDisplayString as o, createVNode as x, unref as a, withCtx as d, createBlock as c, createCommentVNode as l, normalizeClass as V, renderSlot as y, mergeProps as S } from "vue";
-import "dayjs";
-import { T as h } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
-import { _ as k } from "./OcIcon-CJgBICxh.js";
-/* empty css                                                                    */
-import "libphonenumber-js";
-import { T as v } from "./OcToggle-C0wTjM_Y.js";
-import "v-calendar";
-/* empty css                                                                  */
-import "./Cropper.js";
-import "vue-draggable-next";
-import "@popperjs/core";
-const T = { class: "flex" }, B = { class: "flex flex-col gap-y-1 flex-1" }, C = { class: "font-medium gap-x-3 flex items-center" }, M = { class: "px-2 py-1 text-sm text-oc-text-400" }, N = {
-  key: 1,
-  class: "text-sm text-oc-error flex items-center"
-}, A = {
-  __name: "OcSectionItem",
-  props: {
-    title: String,
-    description: {
-      type: String,
-      default: ""
-    },
-    descriptionClass: {
-      type: String,
-      default: ""
-    },
-    icon: String,
-    modelValue: {
-      type: Boolean,
-      default: !1
-    },
-    isToggle: Boolean,
-    toggleProps: Object,
-    popperMessage: String,
-    errorMessage: String,
-    defaultValue: Boolean
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: u }) {
-    const i = e, p = u;
-    return i.defaultValue === !0 && (i.modelValue === null || i.modelValue === void 0) && p("update:modelValue", !0), (n, m) => (t(), s("div", T, [
-      r("div", B, [
-        r("div", C, [
-          f(o(e.title) + " ", 1),
-          x(a(h), {
-            position: "top",
-            distance: 4
-          }, {
-            popper: d(() => [
-              r("div", M, o(e.popperMessage), 1)
-            ]),
-            default: d(() => [
-              e.icon ? (t(), c(a(k), {
-                key: 0,
-                width: "16",
-                height: "16",
-                class: "text-oc-text-400 cursor-pointer",
-                name: e.icon
-              }, null, 8, ["name"])) : l("", !0)
-            ]),
-            _: 1
-          })
-        ]),
-        e.description ? (t(), s("span", {
-          key: 0,
-          class: V(["text-oc-text-400 text-sm", e.descriptionClass])
-        }, o(e.description), 3)) : l("", !0),
-        e.errorMessage ? (t(), s("div", N, o(e.errorMessage), 1)) : l("", !0)
-      ]),
-      y(n.$slots, "actions", {}, () => [
-        e.isToggle ? (t(), c(a(v), S({
-          key: 0,
-          "model-value": e.modelValue
-        }, e.toggleProps, {
-          "onUpdate:modelValue": m[0] || (m[0] = (g) => n.$emit("update:modelValue", g))
-        }), null, 16, ["model-value"])) : l("", !0)
-      ])
-    ]));
-  }
-};
-export {
-  A as _
-};