@orchidui/core 0.0.1 → 0.2.0

package/dist/OcPopper-C11OgQAj.js

@@ -0,0 +1,97 @@
+import { ref as n, onMounted as m, watch as y, openBlock as i, createElementBlock as b, createElementVNode as c, renderSlot as d, createBlock as v, Teleport as k, normalizeClass as O, normalizeStyle as h } from "vue";
+import { createPopper as B } from "@popperjs/core";
+const S = { class: "flex w-[inherit]" }, P = {
+  __name: "OcPopper",
+  props: {
+    placement: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Options passed to the `popper` from `https://popper.js.org/docs/v2/modifiers/`
+     */
+    popperOptions: {
+      type: Object
+    },
+    popperStyle: {
+      type: Object
+    },
+    skidding: {
+      type: Number,
+      default: 0
+    },
+    distance: {
+      type: [String, Number],
+      default: 5
+    },
+    isFlipEnabled: {
+      type: Boolean,
+      default: !0
+    },
+    popperClass: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    isAttachToBody: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(o, { expose: u }) {
+    const a = n(), r = n(), t = n(), e = o, l = () => ({
+      placement: e.placement,
+      modifiers: [
+        {
+          name: "flip",
+          enabled: e.isFlipEnabled
+        },
+        {
+          name: "offset",
+          options: {
+            offset: [e.skidding, e.distance]
+          }
+        }
+      ],
+      ...e.popperOptions || []
+    }), f = (p) => {
+      var s;
+      return p && ((s = r.value) == null ? void 0 : s.contains(p));
+    };
+    return m(() => {
+      t.value = B(a.value, r.value, l()), setTimeout(() => t.value.update(), 50);
+    }), y(
+      () => [e.popperOptions, e.placement, e.distance, e.skidding],
+      () => {
+        t.value.setOptions(l()), t.value.update();
+      },
+      { deep: !0 }
+    ), u({
+      popperInstance: t,
+      checkElementIsInsidePopper: f
+    }), (p, s) => (i(), b("div", S, [
+      c("div", {
+        ref_key: "reference",
+        ref: a,
+        class: "w-[inherit] flex"
+      }, [
+        d(p.$slots, "default")
+      ], 512),
+      (i(), v(k, {
+        to: "body",
+        disabled: !o.isAttachToBody
+      }, [
+        c("div", {
+          ref_key: "popper",
+          ref: r,
+          class: O([o.popperClass, "z-[1005]"]),
+          style: h(o.popperStyle)
+        }, [
+          d(p.$slots, "popper")
+        ], 6)
+      ], 8, ["disabled"]))
+    ]));
+  }
+};
+export {
+  P as _
+};

package/dist/OcPrimaryActions-D5IprKsQ.js

@@ -0,0 +1,222 @@
+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/OcProgressBar-hiyC5XSc.js

@@ -0,0 +1,33 @@
+import { openBlock as t, createElementBlock as r, toDisplayString as a, createCommentVNode as o, createElementVNode as u, Fragment as i, renderList as m, normalizeClass as p } from "vue";
+const d = {
+  key: 0,
+  class: "mb-3 text-center"
+}, b = { class: "w-full flex align-center justify-center gap-2" }, f = {
+  __name: "OcProgressBar",
+  props: {
+    steps: {
+      type: Number,
+      required: !0
+    },
+    currentStep: {
+      type: Number,
+      default: 1
+    },
+    label: String
+  },
+  setup(e) {
+    const s = e, c = (l) => l <= s.currentStep;
+    return (l, g) => (t(), r("div", null, [
+      e.label ? (t(), r("p", d, a(e.label), 1)) : o("", !0),
+      u("div", b, [
+        (t(!0), r(i, null, m(e.steps, (n) => (t(), r("span", {
+          key: n,
+          class: p(["bg-oc-primary h-2 w-14 rounded-full", { "bg-oc-primary-50-tr": !c(n) }])
+        }, null, 2))), 128))
+      ])
+    ]));
+  }
+};
+export {
+  f as _
+};

package/dist/OcRadio-CRYfNwV9.js

@@ -0,0 +1,107 @@
+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

@@ -0,0 +1,76 @@
+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

@@ -0,0 +1,103 @@
+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

@@ -0,0 +1,37 @@
+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 _
+};