@orchidui/core 0.0.1 → 0.3.0

package/dist/OcBanner-Cg2WJV6e.js

@@ -0,0 +1,108 @@
+import { openBlock as a, createBlock as i, Transition as f, withCtx as p, withDirectives as g, createElementVNode as t, normalizeClass as s, unref as r, createCommentVNode as l, renderSlot as c, toDisplayString as d, createTextVNode as y, vShow as b } from "vue";
+import "dayjs";
+import { B as x } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as w } 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 v = { class: "flex items-center gap-3" }, B = { class: "text-oc-text-500" }, S = { class: "p-4 text-sm" }, k = {
+  __name: "OcBanner",
+  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
+    },
+    transitionName: {
+      type: String,
+      default: "slide-from-top"
+    },
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const m = Object.freeze({
+      default: "bg-oc-success-50 text-oc-success-500",
+      primary: "bg-oc-primary-50 text-oc-primary-500",
+      error: "bg-oc-error-50 text-oc-error-500",
+      warning: "bg-oc-warning-50 text-oc-warning-500",
+      gray: "bg-oc-gray-100 text-oc-gray-700"
+    }), u = Object.freeze({
+      default: "border-oc-success-200",
+      primary: "border-oc-primary-200",
+      error: "border-oc-error-200",
+      warning: "border-oc-warning-200",
+      gray: "border-oc-gray-300"
+    });
+    return (o, n) => (a(), i(f, { name: e.transitionName }, {
+      default: p(() => [
+        g(t("div", {
+          class: s([r(u)[e.color], "border rounded-lg banner relative overflow-hidden"])
+        }, [
+          t("div", {
+            class: s(["flex flex-1 items-center justify-between gap-3 min-h-[34px] px-4 text-sm", r(m)[e.color]])
+          }, [
+            t("div", v, [
+              e.showIcon ? (a(), i(r(w), {
+                key: 0,
+                name: e.icon,
+                class: "shrink-0",
+                width: "16",
+                height: "16"
+              }, null, 8, ["name"])) : l("", !0),
+              c(o.$slots, "title", {}, () => [
+                t("div", B, d(e.title), 1)
+              ], !0)
+            ]),
+            e.dismissible ? (a(), i(r(x), {
+              key: 0,
+              variant: "secondary",
+              "is-transparent": "",
+              label: "Close",
+              onClick: n[0] || (n[0] = (C) => o.$emit("update:modelValue", !1))
+            })) : l("", !0)
+          ], 2),
+          t("div", S, [
+            c(o.$slots, "default", {}, () => [
+              y(d(e.content), 1)
+            ], !0)
+          ])
+        ], 2), [
+          [b, e.modelValue]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+}, G = /* @__PURE__ */ h(k, [["__scopeId", "data-v-d8517c87"]]);
+export {
+  G as O
+};

package/dist/OcBox.vue_vue_type_script_setup_true_lang-aB397QRg.js

@@ -0,0 +1,43 @@
+import { defineComponent as o, openBlock as r, createElementBlock as n, normalizeClass as c, createVNode as a, unref as s, createElementVNode as i, toDisplayString as e } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as m } from "./OcOverviewIcon-D702Ujka.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: "flex flex-col text-center gap-y-3" }, d = { class: "text-lg font-medium" }, g = { class: "text-sm text-oc-text-400" }, C = /* @__PURE__ */ o({
+  __name: "OcBox",
+  props: {
+    icon: String,
+    width: String,
+    height: String,
+    variant: String,
+    title: String,
+    description: String,
+    isActive: Boolean
+  },
+  setup(t) {
+    return (h, p) => (r(), n("div", {
+      class: c(["rounded py-7 px-5 border bg-oc-bg-light flex flex-col gap-y-5 items-center shadow-sm", t.isActive ? "border-oc-primary" : "border-oc-gray-200"])
+    }, [
+      a(s(m), {
+        icon: t.icon,
+        width: t.width,
+        height: t.height,
+        variant: t.variant
+      }, null, 8, ["icon", "width", "height", "variant"]),
+      i("div", l, [
+        i("span", d, e(t.title), 1),
+        i("span", g, e(t.description), 1)
+      ])
+    ], 2));
+  }
+});
+export {
+  C as _
+};

package/dist/OcCardInput-BFE4Xu-S.js

@@ -0,0 +1,75 @@
+import { openBlock as a, createBlock as n, unref as i, withCtx as r, createElementVNode as d, createVNode as m } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as s } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import { _ as p } 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 c = { class: "w-[30px] h-[20px] flex items-center justify-center" }, T = {
+  __name: "OcCardInput",
+  props: {
+    placeholder: String,
+    hint: String,
+    label: String,
+    errorMessage: String,
+    cardType: String,
+    isInlineLabel: Boolean,
+    isDisabled: Boolean,
+    modelValue: String,
+    isRequired: {
+      type: Boolean,
+      default: !1
+    },
+    labelIcon: {
+      type: String,
+      default: ""
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    },
+    tooltipOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e) {
+    return (l, t) => (a(), n(i(p), {
+      placeholder: e.placeholder,
+      label: e.label,
+      "error-message": e.errorMessage,
+      "is-inline-label": e.isInlineLabel,
+      disabled: e.isDisabled,
+      hint: e.hint,
+      "model-value": e.modelValue,
+      "is-required": e.isRequired,
+      "label-icon": e.labelIcon,
+      "tooltip-text": e.tooltipText,
+      "tooltip-options": e.tooltipOptions,
+      "onUpdate:modelValue": t[0] || (t[0] = (o) => l.$emit("update:modelValue", o))
+    }, {
+      icon: r(() => [
+        d("div", c, [
+          m(i(s), {
+            name: `payment-methods/${e.cardType}`,
+            width: "20",
+            height: "12"
+          }, null, 8, ["name"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
+  }
+};
+export {
+  T as _
+};

package/dist/OcCheckboxesGroup-CLbquUO2.js

@@ -0,0 +1,94 @@
+import { computed as r, openBlock as s, createBlock as u, unref as m, withCtx as p, createElementVNode as y, normalizeClass as v, createCommentVNode as C, createElementBlock as A, Fragment as h, renderList as k } from "vue";
+import "dayjs";
+import { _ as x, a 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 j = {
+  __name: "OcCheckboxesGroup",
+  props: {
+    alignment: {
+      type: String,
+      default: "vertical"
+    },
+    checkboxes: Array,
+    modelValue: {
+      type: [Array, String]
+    },
+    label: String,
+    errorMessage: String,
+    hint: String,
+    isDisabled: Boolean,
+    isSelectAll: Boolean,
+    isButtonVariant: Boolean,
+    isBlock: Boolean
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: V }) {
+    const t = e, n = V, b = r(() => ({
+      horizontal: "gap-x-5 flex-wrap",
+      vertical: "flex-col gap-y-3"
+    })), o = (a) => {
+      var l;
+      return (l = t.modelValue) == null ? void 0 : l.includes(a);
+    }, f = (a) => {
+      n(
+        "update:modelValue",
+        o(a) ? t.modelValue.filter((l) => l !== a) : [...t.modelValue, a]
+      );
+    }, d = r(
+      () => {
+        var a;
+        return (a = t.checkboxes) == null ? void 0 : a.every((l) => o(l == null ? void 0 : l.value));
+      }
+    ), c = r(() => {
+      var a;
+      return (a = t.checkboxes) == null ? void 0 : a.map((l) => l == null ? void 0 : l.value);
+    }), B = () => {
+      d.value ? n("update:modelValue", []) : n("update:modelValue", c.value);
+    };
+    return (a, l) => (s(), u(m(x), {
+      label: e.label,
+      "error-message": e.errorMessage,
+      hint: e.hint
+    }, {
+      default: p(() => [
+        y("div", {
+          class: v(["flex", b.value[e.alignment]])
+        }, [
+          e.isSelectAll ? (s(), u(m(g), {
+            key: 0,
+            label: "Select all",
+            "is-disabled": e.isDisabled,
+            value: c.value,
+            "model-value": d.value,
+            "is-button-variant": e.isButtonVariant,
+            "onUpdate:modelValue": B
+          }, null, 8, ["is-disabled", "value", "model-value", "is-button-variant"])) : C("", !0),
+          (s(!0), A(h, null, k(e.checkboxes, (i, S) => (s(), u(m(g), {
+            key: S,
+            label: i.label,
+            value: i.value,
+            "is-error": !!e.errorMessage,
+            "is-disabled": e.isDisabled,
+            class: v({ "!w-fit": !e.isBlock }),
+            "model-value": o(i.value),
+            "is-button-variant": e.isButtonVariant,
+            "onUpdate:modelValue": (w) => f(i.value)
+          }, null, 8, ["label", "value", "is-error", "is-disabled", "class", "model-value", "is-button-variant", "onUpdate:modelValue"]))), 128))
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["label", "error-message", "hint"]));
+  }
+};
+export {
+  j as _
+};

package/dist/OcChip-B1hm2Qni.js

@@ -0,0 +1,144 @@
+import { computed as m, openBlock as c, createElementBlock as p, normalizeClass as o, renderSlot as k, createElementVNode as r, createBlock as n, unref as a, withCtx as g, toDisplayString as u, createVNode as h, mergeProps as f, createCommentVNode as b, withModifiers as y } from "vue";
+import "dayjs";
+import { T as w } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as i } 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 v = { class: "flex gap-3 items-center" }, S = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, q = {
+  __name: "OcChip",
+  props: {
+    variant: {
+      type: String,
+      default: ""
+    },
+    label: String,
+    icon: String,
+    iconSize: String,
+    iconTooltip: String,
+    closable: Boolean,
+    shouldTruncateChip: Boolean,
+    iconProps: Object
+  },
+  emits: {
+    remove: []
+  },
+  setup(t) {
+    const s = t, x = m(() => {
+      let e = "";
+      switch (s.variant) {
+        case "accent-1":
+          e = "bg-oc-accent-1-50 text-oc-accent-1 ";
+          break;
+        case "accent-2":
+          e = "bg-oc-accent-2-50 text-oc-accent-2 ";
+          break;
+        case "accent-3":
+          e = "bg-oc-accent-3-50 text-oc-accent-3 ";
+          break;
+        case "success":
+          e = "bg-oc-success-50 text-oc-success ";
+          break;
+        case "warning":
+          e = "bg-oc-warning-50 text-oc-warning ";
+          break;
+        case "error":
+          e = "bg-oc-error-50 text-oc-error ";
+          break;
+        case "gray":
+          e = "bg-oc-gray-100 text-oc-gray-700 ";
+          break;
+        case "light-red":
+          e = "bg-oc-accent-3-50 text-oc-accent-3";
+          break;
+        default:
+          e = "bg-oc-primary-50 text-oc-primary ";
+          break;
+      }
+      return e;
+    }), d = m(() => {
+      let e = "";
+      switch (s.variant) {
+        case "accent-1":
+          e = "text-oc-accent-1-300";
+          break;
+        case "accent-2":
+          e = "text-oc-accent-2-300";
+          break;
+        case "accent-3":
+          e = "text-oc-accent-3-300";
+          break;
+        case "success":
+          e = "text-oc-success-300 ";
+          break;
+        case "warning":
+          e = "text-oc-warning-300 ";
+          break;
+        case "error":
+          e = "text-oc-error-300 ";
+          break;
+        case "gray":
+          e = "text-oc-gray-400 ";
+          break;
+        case "light-red":
+          e = "text-oc-error ";
+          break;
+        default:
+          e = "text-oc-primary-300 ";
+          break;
+      }
+      return e;
+    });
+    return (e, l) => (c(), p("span", {
+      class: o(["rounded-full flex items-center gap-x-3 py-1 px-3 text-sm leading-[20px]", x.value])
+    }, [
+      k(e.$slots, "default", {}, () => [
+        r("div", v, [
+          t.iconTooltip && t.icon ? (c(), n(a(w), {
+            key: 0,
+            position: "top",
+            distance: 10
+          }, {
+            popper: g(() => [
+              r("div", S, u(t.iconTooltip), 1)
+            ]),
+            default: g(() => [
+              h(a(i), f({
+                width: "18",
+                height: "18",
+                name: t.icon
+              }, t.iconProps), null, 16, ["name"])
+            ]),
+            _: 1
+          })) : t.icon ? (c(), n(a(i), {
+            key: 1,
+            width: t.iconSize ?? 18,
+            height: t.iconSize ?? 18,
+            name: t.icon
+          }, null, 8, ["width", "height", "name"])) : b("", !0),
+          r("div", {
+            class: o({
+              "truncate max-w-[180px]": t.shouldTruncateChip
+            })
+          }, u(t.label), 3)
+        ])
+      ]),
+      t.closable ? (c(), n(a(i), {
+        key: 0,
+        width: "18",
+        height: "18",
+        class: o([d.value, "cursor-pointer"]),
+        name: "filled-x-circle",
+        onClick: l[0] || (l[0] = y((C) => e.$emit("remove"), ["stop"]))
+      }, null, 8, ["class"])) : b("", !0)
+    ], 2));
+  }
+};
+export {
+  q as _
+};

package/dist/OcComplexCalendar-x-_kg9Yk.js

@@ -0,0 +1,108 @@
+import { ref as x, openBlock as o, createElementBlock as n, createElementVNode as p, Fragment as b, renderList as V, normalizeClass as v, unref as a, toDisplayString as k, createCommentVNode as u, createVNode as m, mergeProps as d } from "vue";
+import { DatePicker as B } from "v-calendar";
+import { B as f } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import r from "dayjs";
+/* empty css                                                                    */
+import "libphonenumber-js";
+/* empty css                                                                  */
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const C = { class: "flex flex-col p-6 gap-y-7 w-fit shadow-normal rounded" }, h = { class: "flex gap-x-7" }, M = {
+  key: 0,
+  class: "flex flex-col py-2 gap-y-4"
+}, w = ["onClick"], P = {
+  key: 0,
+  class: "flex justify-end gap-x-3"
+}, U = {
+  __name: "OcComplexCalendar",
+  props: {
+    shortcuts: Array,
+    cancelButtonProps: Object,
+    submitButtonProps: Object,
+    modelValue: {
+      type: Object,
+      default: () => ({
+        start: /* @__PURE__ */ new Date(),
+        end: /* @__PURE__ */ new Date()
+      })
+    },
+    countCalendars: {
+      type: Number,
+      default: 2
+    },
+    withFooter: {
+      type: Boolean,
+      default: !0
+    },
+    isRange: {
+      type: Boolean,
+      default: !0
+    },
+    minDate: {
+      type: [String, Date, Number]
+    },
+    maxDate: {
+      type: [String, Date, Number]
+    }
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(e, { emit: y }) {
+    const D = y, i = x(), g = (l) => {
+      D("update:modelValue", l), i.value.calendarRef.focusDate(r(l.start).toDate());
+    };
+    return (l, s) => {
+      var c;
+      return o(), n("div", C, [
+        p("div", h, [
+          (c = e.shortcuts) != null && c.length ? (o(), n("div", M, [
+            (o(!0), n(b, null, V(e.shortcuts, (t) => (o(), n("div", {
+              key: t,
+              class: v([
+                "rounded text-center px-4 font-medium py-2 cursor-pointer",
+                a(r)(t.value.start).format("YY-MM-DD") === a(r)(e.modelValue.start).format("YY-MM-DD") && a(r)(t.value.end).format("YY-MM-DD") === a(r)(e.modelValue.end).format("YY-MM-DD") && e.modelValue.end && e.modelValue.start ? "bg-oc-primary-50" : "hover:bg-oc-accent-1-50"
+              ]),
+              onClick: (Y) => g(t.value)
+            }, k(t.label), 11, w))), 128))
+          ])) : u("", !0),
+          m(a(B), d({
+            ref_key: "datePicker",
+            ref: i,
+            "model-value": e.modelValue,
+            "model-modifiers": {
+              range: e.isRange
+            },
+            class: {
+              "oc-complex-calendar__calendar--single": !e.isRange || e.countCalendars == 1
+            },
+            locale: "en",
+            color: "primary",
+            borderless: "",
+            columns: e.countCalendars
+          }, l.$attrs, {
+            "min-date": e.minDate,
+            "max-date": e.maxDate,
+            "onUpdate:modelValue": s[0] || (s[0] = (t) => l.$emit("update:modelValue", t))
+          }), null, 16, ["model-value", "model-modifiers", "class", "columns", "min-date", "max-date"])
+        ]),
+        e.withFooter ? (o(), n("div", P, [
+          m(a(f), d({
+            class: "min-w-[72px]",
+            label: "Clear",
+            variant: "secondary"
+          }, e.cancelButtonProps), null, 16),
+          m(a(f), d({
+            class: "min-w-[72px]",
+            label: "Done"
+          }, e.submitButtonProps), null, 16)
+        ])) : u("", !0)
+      ]);
+    };
+  }
+};
+export {
+  U as _
+};