@orchidui/core 0.0.1 → 0.2.0

package/dist/OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js

@@ -0,0 +1,26 @@
+import { defineComponent as n, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as i } from "vue";
+const p = /* @__PURE__ */ n({
+  __name: "OcTag",
+  props: {
+    variant: {
+      type: String,
+      default: "warning"
+    },
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    const e = {
+      warning: "bg-oc-warning-600 text-white",
+      "accent-2": "bg-oc-accent-2-500 text-white"
+    };
+    return (o, s) => (a(), r("div", {
+      class: c(["rounded-sm py-1 px-3 text-xs", e[t.variant]])
+    }, i(t.label), 3));
+  }
+});
+export {
+  p as _
+};

package/dist/OcTextArea-BpV1Bnj_.js

@@ -0,0 +1,78 @@
+import { ref as s, openBlock as d, createBlock as u, unref as m, withCtx as c, createElementVNode as p, normalizeClass as b } from "vue";
+import "dayjs";
+import { _ as g } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.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 = ["disabled", "value", "rows", "placeholder"], f = "18px", T = {
+  __name: "OcTextArea",
+  props: {
+    placeholder: String,
+    label: String,
+    errorMessage: String,
+    hint: String,
+    modelValue: String,
+    rows: Number,
+    autoResize: Boolean,
+    isDisabled: Boolean,
+    isRequired: {
+      type: Boolean,
+      default: !1
+    },
+    labelIcon: {
+      type: String,
+      default: ""
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    tooltipOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: r }) {
+    const i = r, o = s(!1), a = (l) => {
+      const t = l.target;
+      t && (t.style.height = f, t.style.height = t.scrollHeight + "px", i("update:modelValue", t.value));
+    };
+    return (l, t) => (d(), u(m(g), {
+      label: e.label,
+      "error-message": e.errorMessage,
+      hint: e.hint,
+      "is-required": e.isRequired,
+      "label-icon": e.labelIcon,
+      "tooltip-text": e.tooltipText,
+      "tooltip-options": e.tooltipOptions
+    }, {
+      default: c(() => [
+        p("textarea", {
+          class: b(["outline-none p-3 min-h-[120px] rounded border resize-none disabled:bg-oc-bg-dark", [
+            o.value ? "shadow-[0_0_0_2px]" : "",
+            e.errorMessage ? "border-oc-error shadow-oc-error" : "border-oc-gray-200 shadow-oc-gray-200"
+          ]]),
+          disabled: e.isDisabled,
+          value: e.modelValue,
+          rows: e.rows,
+          placeholder: e.placeholder,
+          onInput: a,
+          onFocus: t[0] || (t[0] = (n) => o.value = !0),
+          onBlur: t[1] || (t[1] = (n) => o.value = !1)
+        }, null, 42, h)
+      ]),
+      _: 1
+    }, 8, ["label", "error-message", "hint", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
+  }
+};
+export {
+  T as _
+};

package/dist/OcTheme-CWgrJh5Q.js

@@ -0,0 +1,25 @@
+import { watch as r, openBlock as c, createElementBlock as s, renderSlot as l } from "vue";
+const a = { class: "orchid-ui bg-oc-bg-light text-oc-text-500" }, n = {
+  __name: "OcTheme",
+  props: {
+    colorMode: {
+      type: String,
+      default: "light"
+    }
+  },
+  setup(t) {
+    const e = t;
+    return r(
+      () => e.colorMode,
+      () => {
+        e.colorMode === "dark" ? document.querySelector("body").setAttribute("class", "dark") : document.querySelector("body").setAttribute("class", "light");
+      },
+      { immediate: !0 }
+    ), (o, d) => (c(), s("main", a, [
+      l(o.$slots, "default")
+    ]));
+  }
+};
+export {
+  n as _
+};

package/dist/OcTimePicker-B61MCi0D.js

@@ -0,0 +1,110 @@
+import { defineAsyncComponent as v, ref as n, watch as y, openBlock as u, createBlock as s, unref as a, withCtx as p, createCommentVNode as S, createVNode as D } from "vue";
+import c from "dayjs";
+import { D as h } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+/* empty css                                                                    */
+import { _ as T } from "./OcInput-tcRxG3Y2.js";
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const N = {
+  __name: "OcTimePicker",
+  props: {
+    modelValue: [String, Date],
+    label: String,
+    hint: String,
+    icon: {
+      type: String,
+      default: "time"
+    },
+    preFill: String,
+    placeholder: String,
+    errorMessage: String,
+    isRequired: {
+      type: Boolean,
+      default: !1
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    labelIcon: {
+      type: String,
+      default: ""
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    tooltipOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: f }) {
+    const b = f, V = v(
+      () => import("./OcTimePopup-zQFKCZLk.js")
+    ), m = n(), r = n(!1), d = e, i = n(d.modelValue), g = () => {
+      b("update:modelValue", i.value), setTimeout(() => {
+        var t;
+        return (t = m.value) == null ? void 0 : t.updateActiveTime();
+      }, 300);
+    };
+    return y(
+      () => d.modelValue,
+      (t) => {
+        i.value = t != "" ? t : c().toDate();
+      },
+      { immediate: !0 }
+    ), (t, l) => (u(), s(a(h), {
+      modelValue: r.value,
+      "onUpdate:modelValue": [
+        l[2] || (l[2] = (o) => r.value = o),
+        g
+      ],
+      "menu-classes": "min-w-fit",
+      distance: 10,
+      "is-disabled": e.isDisabled
+    }, {
+      menu: p(() => [
+        r.value ? (u(), s(a(V), {
+          key: 0,
+          ref_key: "popup",
+          ref: m,
+          modelValue: i.value,
+          "onUpdate:modelValue": [
+            l[0] || (l[0] = (o) => i.value = o),
+            l[1] || (l[1] = (o) => t.$emit("update:modelValue", o))
+          ]
+        }, null, 8, ["modelValue"])) : S("", !0)
+      ]),
+      default: p(() => [
+        D(a(T), {
+          icon: e.icon,
+          "error-message": e.errorMessage,
+          label: e.label,
+          hint: e.hint,
+          "pre-fill": e.preFill,
+          placeholder: e.placeholder,
+          "model-value": a(c)(i.value).format("hh:mm A"),
+          "is-required": e.isRequired,
+          "label-icon": e.labelIcon,
+          "tooltip-text": e.tooltipText,
+          "tooltip-options": e.tooltipOptions,
+          "is-readonly": !0,
+          disabled: e.isDisabled
+        }, null, 8, ["icon", "error-message", "label", "hint", "pre-fill", "placeholder", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options", "disabled"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "is-disabled"]));
+  }
+};
+export {
+  N as _
+};

package/dist/OcTimePopup-zQFKCZLk.js

@@ -0,0 +1,131 @@
+import { ref as r, onMounted as q, openBlock as f, createElementBlock as p, createElementVNode as o, Fragment as b, renderList as x, normalizeClass as k, toDisplayString as y } from "vue";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const $ = { class: "overflow-hidden flex items-center relative rounded shadow-normal w-fit px-3" }, N = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, F = ["onClick"], O = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, z = ["onClick"], Y = { class: "before:block after:block before:w-full before:h-[67px] after:w-full after:h-[67px]" }, j = ["onClick"], G = {
+  __name: "OcTimePopup",
+  props: {
+    modelValue: {
+      type: [String, Date],
+      default: () => /* @__PURE__ */ new Date()
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(A, { expose: H, emit: B }) {
+    const u = A, D = B, n = r(
+      u.modelValue.getHours() <= 12 ? u.modelValue.getHours() : u.modelValue.getHours() - 12
+    ), c = r(u.modelValue.getMinutes()), i = r(u.modelValue.getHours() >= 12 ? "PM" : "AM"), v = r(null), h = r(null), g = r(null), a = () => {
+      const t = (m, _) => {
+        m && _ && m.scrollTo({
+          top: _.offsetTop - m.clientHeight / 2 + _.clientHeight / 2,
+          behavior: "smooth"
+        });
+      }, s = v.value.querySelector(`.w-7:nth-child(${n.value})`), e = h.value.querySelector(
+        `.w-7:nth-child(${c.value + 1})`
+      ), l = g.value.querySelector(
+        `.w-7:nth-child(${i.value === "AM" ? 1 : 2})`
+      );
+      t(v.value, s), t(h.value, e), t(g.value, l), D(
+        "update:modelValue",
+        new Date(
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          (/* @__PURE__ */ new Date()).getMonth(),
+          (/* @__PURE__ */ new Date()).getDate(),
+          i.value === "AM" ? n.value === 12 ? 0 : n.value : n.value === 12 ? 12 : n.value + 12,
+          c.value,
+          0,
+          0
+        )
+      );
+    };
+    q(a);
+    const V = (t) => {
+      n.value = t, a();
+    }, E = (t) => {
+      c.value = t, a();
+    }, L = (t) => {
+      i.value = t, a();
+    }, d = r(null), w = r(null), M = r(null), C = r(null), P = () => {
+      const t = d.value;
+      w.value.forEach((e, l) => {
+        Math.abs(e.getBoundingClientRect().top - t.getBoundingClientRect().top) < 12 && (n.value = l + 1, a());
+      });
+    }, S = () => {
+      const t = d.value;
+      M.value.forEach((e, l) => {
+        Math.abs(e.getBoundingClientRect().top - t.getBoundingClientRect().top) < 12 && (c.value = l, a());
+      });
+    }, T = () => {
+      const t = d.value;
+      C.value.forEach((e, l) => {
+        Math.abs(e.getBoundingClientRect().top - t.getBoundingClientRect().top) < 12 && (i.value = l === 0 ? "AM" : "PM", a());
+      });
+    };
+    return H({
+      updateActiveTime: a
+    }), (t, s) => (f(), p("div", $, [
+      o("div", {
+        ref_key: "triggerBox",
+        ref: d,
+        class: "bg-oc-accent-1-50-tr border-y absolute h-7 left-0 right-0"
+      }, null, 512),
+      o("div", {
+        ref_key: "hourList",
+        ref: v,
+        class: "w-7 inline-block max-h-[157px] overflow-y-auto hidden-scrollbar",
+        onScrollend: P,
+        onTouchend: P
+      }, [
+        o("ul", N, [
+          (f(), p(b, null, x(12, (e) => o("li", {
+            key: e,
+            ref_for: !0,
+            ref_key: "targetHour",
+            ref: w,
+            class: k(["w-7 cursor-pointer aspect-square leading-[24px] text-center", n.value === e ? "opacity-100" : "opacity-50"]),
+            onClick: (l) => V(e)
+          }, y(e.toString().padStart(2, "0")), 11, F)), 64))
+        ])
+      ], 544),
+      s[0] || (s[0] = o("span", null, ":", -1)),
+      o("div", {
+        ref_key: "minutesList",
+        ref: h,
+        class: "w-7 inline-block max-h-[157px] overflow-y-auto hidden-scrollbar",
+        onScrollend: S,
+        onTouchend: S
+      }, [
+        o("ul", O, [
+          (f(), p(b, null, x(60, (e) => o("li", {
+            key: e,
+            ref_for: !0,
+            ref_key: "targetMinute",
+            ref: M,
+            class: k(["w-7 cursor-pointer aspect-square leading-[24px] text-center", c.value === e - 1 ? "opacity-100" : "opacity-50"]),
+            onClick: (l) => E(e - 1)
+          }, y((e - 1).toString().padStart(2, "0")), 11, z)), 64))
+        ])
+      ], 544),
+      o("div", {
+        ref_key: "periodList",
+        ref: g,
+        class: "w-7 inline-block max-h-[157px] overflow-y-auto hidden-scrollbar",
+        onScrollend: T,
+        onTouchend: T
+      }, [
+        o("ul", Y, [
+          (f(), p(b, null, x(2, (e) => o("li", {
+            key: e,
+            ref_for: !0,
+            ref_key: "targetPeriod",
+            ref: C,
+            class: k(["w-7 aspect-square cursor-pointer leading-[24px] text-center", i.value === (e === 1 ? "AM" : "PM") ? "opacity-100" : "opacity-50"]),
+            onClick: (l) => L(e === 1 ? "AM" : "PM")
+          }, y(e === 1 ? "AM" : "PM"), 11, j)), 64))
+        ])
+      ], 544)
+    ]));
+  }
+}, Q = /* @__PURE__ */ R(G, [["__scopeId", "data-v-434f8eef"]]);
+export {
+  Q as default
+};

package/dist/OcToggle-C0wTjM_Y.js

@@ -0,0 +1,54 @@
+import { computed as s, openBlock as n, createElementBlock as i, createElementVNode as l, normalizeClass as t, toDisplayString as b, createCommentVNode as f } from "vue";
+/* empty css                                                                  */
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const g = { class: "inline-flex items-center gap-3 h-fit" }, p = ["value", "checked"], h = `absolute top-0 left-0 bg-oc-primary-100 rounded-full cursor-pointer transition-all duration-300
+ before:transition-all before:duration-300 before:absolute before:rounded-full before:bg-oc-bg-light`, x = {
+  __name: "OcToggle",
+  props: {
+    modelValue: Boolean,
+    disabled: Boolean,
+    size: {
+      type: String,
+      default: "default"
+    },
+    label: String
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: c }) {
+    const r = e, d = c, o = () => d("update:modelValue", !r.modelValue), a = s(() => ({
+      default: "w-[42px] h-7",
+      small: "w-[26px] h-[15px]"
+    })), u = s(() => ({
+      default: "before:w-6 before:h-6 before:top-1 before:left-1",
+      small: " before:w-4 before:h-4 before:top-[1.5px] before:left-[1.5px]"
+    }));
+    return (v, k) => (n(), i("div", g, [
+      l("label", {
+        class: t(["toggle-switch relative inline-block", [a.value[e.size], e.size, e.disabled ? "pointer-events-none opacity-60" : ""]])
+      }, [
+        l("input", {
+          class: t(["toggle-input hidden", {
+            "is-checked": e.modelValue
+          }]),
+          value: e.modelValue,
+          checked: e.modelValue,
+          type: "checkbox",
+          onChange: o
+        }, null, 42, p),
+        l("span", {
+          class: t(["toggle-label", [h, a.value[e.size], u.value[e.size]]])
+        }, null, 2)
+      ], 2),
+      e.label ? (n(), i("div", {
+        key: 0,
+        class: "text-sm cursor-pointer",
+        onClick: o
+      }, b(e.label), 1)) : f("", !0)
+    ]));
+  }
+}, y = /* @__PURE__ */ m(x, [["__scopeId", "data-v-0c0b0d12"]]);
+export {
+  y as T
+};

package/dist/OcTransferSummary-Bk2GXhrT.js

@@ -0,0 +1,67 @@
+import { computed as a, openBlock as c, createElementBlock as m, createVNode as o, unref as n, createCommentVNode as u, createElementVNode as d } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as s } from "./OcListDetail-6XeME6ko.js";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+import "v-calendar";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const y = { class: "bg-oc-bg-dark flex flex-col gap-3 p-4 rounded" }, b = { key: 0 }, N = {
+  __name: "OcTransferSummary",
+  props: {
+    transfer: {
+      type: Object,
+      required: !0
+    },
+    hasFxData: Boolean
+  },
+  setup(t) {
+    const r = t, l = a(() => {
+      var e;
+      return (e = r.transfer.source_currency) == null ? void 0 : e.toUpperCase();
+    }), p = a(() => {
+      var e;
+      return (e = r.transfer.payment_currency) == null ? void 0 : e.toUpperCase();
+    }), i = a(() => {
+      var e;
+      return (e = r.transfer.fee_currency) == null ? void 0 : e.toUpperCase();
+    }), f = a(() => {
+      var e;
+      return (e = r.transfer.transfer_method) == null ? void 0 : e.toUpperCase();
+    });
+    return (e, _) => (c(), m("div", y, [
+      t.hasFxData ? (c(), m("div", b, [
+        o(n(s), {
+          class: "justify-between font-medium [&>span]:text-base",
+          label: "FX Rate",
+          content: `${l.value} 1 = ${p.value} ${t.transfer.exchange_rate}`,
+          variant: "big",
+          "show-copy-tooltip": !1
+        }, null, 8, ["content"])
+      ])) : u("", !0),
+      o(n(s), {
+        class: "justify-between font-medium [&>span]:text-base",
+        label: "Fee",
+        content: `${i.value} ${t.transfer.fee}`,
+        variant: "big",
+        "show-copy-tooltip": !1
+      }, null, 8, ["content"]),
+      d("div", null, [
+        o(n(s), {
+          class: "justify-between font-medium [&>span]:text-base",
+          label: "Transfer type",
+          content: `${f.value}`,
+          variant: "big",
+          "show-copy-tooltip": !1
+        }, null, 8, ["content"])
+      ])
+    ]));
+  }
+};
+export {
+  N as _
+};

package/dist/OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js

@@ -0,0 +1,99 @@
+import { defineComponent as m, openBlock as t, createElementBlock as r, Fragment as y, renderList as s, createBlock as u, unref as d, mergeProps as a, createSlots as x, withCtx as v, renderSlot as f, normalizeClass as n, createElementVNode as h, createCommentVNode as c, toDisplayString as V } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as $ } 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 k = { class: "flex gap-3 items-start md:flex-row flex-col" }, q = /* @__PURE__ */ m({
+  __name: "OcVariants",
+  props: {
+    variants: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (l, g) => (t(), r("div", k, [
+      (t(!0), r(y, null, s(e.variants, (i) => (t(), u(d(C), a({
+        key: i.value,
+        "is-active": i.value === e.modelValue,
+        ref_for: !0
+      }, i, {
+        onClick: (b) => l.$emit("update:modelValue", i.isDisabled ? e.modelValue : i.value)
+      }), x({ _: 2 }, [
+        s(l.$slots, (b, o) => ({
+          name: o,
+          fn: v((p) => [
+            f(l.$slots, o, a({ ref_for: !0 }, p))
+          ])
+        }))
+      ]), 1040, ["is-active", "onClick"]))), 128))
+    ]));
+  }
+}), S = { class: "flex items-center gap-x-3" }, C = /* @__PURE__ */ m({
+  __name: "OcVariant",
+  props: {
+    icon: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    isActive: {
+      type: Boolean,
+      default: !1
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    iconOptions: {
+      type: Object,
+      default: null
+    },
+    value: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  setup(e) {
+    return (l, g) => (t(), r("div", {
+      class: n([
+        "md:w-fit w-full py-3 px-4 border flex flex-col gap-y-2 rounded",
+        e.isDisabled ? "bg-oc-gray-50 border-oc-gray-200" : e.isActive ? "border-oc-primary bg-oc-bg-light cursor-pointer" : "border-oc-gray-200 bg-oc-bg-light cursor-pointer"
+      ])
+    }, [
+      h("div", S, [
+        e.icon ? (t(), u(d($), a({
+          key: 0,
+          width: "18",
+          height: "18",
+          name: e.icon,
+          class: e.isDisabled ? "text-oc-text-200" : e.isActive ? "" : "text-oc-text-400"
+        }, e.iconOptions), null, 16, ["name", "class"])) : c("", !0),
+        e.label ? (t(), r("span", {
+          key: 1,
+          class: n(e.isDisabled ? "text-oc-text-300" : e.isActive ? "font-medium" : "")
+        }, V(e.label), 3)) : c("", !0)
+      ]),
+      f(l.$slots, `${e.value}-description`)
+    ], 2));
+  }
+});
+export {
+  q as _,
+  C as a
+};

package/dist/OcVerificationOption.vue_vue_type_script_setup_true_lang-ChqvNoDe.js

@@ -0,0 +1,59 @@
+import { defineComponent as s, openBlock as t, createElementBlock as a, normalizeClass as m, createElementVNode as o, renderSlot as r, toDisplayString as p, createBlock as n, unref as c, normalizeProps as d, mergeProps as f, createCommentVNode as l } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as u } from "./OcIcon-CJgBICxh.js";
+import { _ as h } 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 y = { class: "flex items-center" }, g = { class: "flex flex-1 items-center gap-x-3" }, x = { class: "font-medium text-lg" }, P = /* @__PURE__ */ s({
+  __name: "OcVerificationOption",
+  props: {
+    title: {
+      type: String,
+      default: "Enter form manually"
+    },
+    chipOptions: {
+      type: Object,
+      default: null
+    },
+    icon: {
+      type: String,
+      default: "check-2"
+    },
+    isActive: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (i, k) => (t(), a("div", {
+      class: m(["rounded hover:bg-oc-gray-50 p-5 flex flex-col gap-y-3", e.isActive ? "border-2 border-oc-primary" : "border border-oc-gray-200"])
+    }, [
+      o("div", y, [
+        o("div", g, [
+          r(i.$slots, "title", {}, () => [
+            o("span", x, p(e.title), 1)
+          ]),
+          e.chipOptions ? (t(), n(c(h), d(f({ key: 0 }, e.chipOptions)), null, 16)) : l("", !0)
+        ]),
+        e.isActive ? (t(), n(c(u), {
+          key: 0,
+          class: "shrink-0 text-oc-primary",
+          name: e.icon,
+          width: "18",
+          height: "18"
+        }, null, 8, ["name"])) : l("", !0)
+      ]),
+      r(i.$slots, "content")
+    ], 2));
+  }
+});
+export {
+  P as _
+};