@orchidui/core 0.0.1 → 0.3.0

package/dist/Form/Input/OcInput.js

@@ -0,0 +1,6 @@
+import { _ as t } from "../../OcInput-tcRxG3Y2.js";
+import { _ as n } from "../../OcInputOption-CncASfNt.js";
+export {
+  t as Input,
+  n as InputOption
+};

package/dist/Form/LinkInput/OcLinkInput.js

@@ -0,0 +1,4 @@
+import { _ as p } from "../../OcLinkInput-C2ixk-gk.js";
+export {
+  p as LinkInput
+};

package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js

@@ -0,0 +1,4 @@
+import { _ as o } from "../../OcMultipleUploadFile-B8Wl9Fuq.js";
+export {
+  o as MultipleUploadFile
+};

package/dist/Form/NumberInput/OcNumberInput.js

@@ -0,0 +1,4 @@
+import { _ as m } from "../../OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js";
+export {
+  m as NumberInput
+};

package/dist/Form/PhoneInput/OcPhoneInput.js

@@ -0,0 +1,4 @@
+import { _ as n } from "../../OcPhoneInput-AC6BgQhN.js";
+export {
+  n as PhoneInput
+};

package/dist/Form/Radio/OcRadio.js

@@ -0,0 +1,4 @@
+import { _ as r } from "../../OcRadio-CRYfNwV9.js";
+export {
+  r as Radio
+};

package/dist/Form/RadioGroup/OcRadioGroup.js

@@ -0,0 +1,4 @@
+import { _ as a } from "../../OcRadioGroup-DgfdWJos.js";
+export {
+  a as RadioGroup
+};

package/dist/Form/RangeInput/OcRangeInput.js

@@ -0,0 +1,4 @@
+import { _ as n } from "../../OcRangeInput-C-hoHFhr.js";
+export {
+  n as RangeInput
+};

package/dist/Form/SectionItem/OcSectionItem.js

@@ -0,0 +1,4 @@
+import { _ as t } from "../../OcSectionItem-BFgxO3se.js";
+export {
+  t as SectionItem
+};

package/dist/Form/Select/OcSelect.js

@@ -0,0 +1,7 @@
+import { a as r, _ as t } from "../../OcOption-DK2FBGq7.js";
+import { _ as e } from "../../OcGroupOptions-ChGJvTXl.js";
+export {
+  e as GroupOptions,
+  r as Option,
+  t as Select
+};

package/dist/Form/SelectOptions/OcSelectOptions.js

@@ -0,0 +1,4 @@
+import { _ as t } from "../../OcSelectOptions-BQlG_EUA.js";
+export {
+  t as SelectOptions
+};

package/dist/Form/SingleFileUpload/OcSingleFileUpload.js

@@ -0,0 +1,4 @@
+import { _ as o } from "../../OcSingleFileUpload-B8-e1H5t.js";
+export {
+  o as SingleFileUpload
+};

package/dist/Form/Slider/OcSlider.js

@@ -0,0 +1,4 @@
+import { S as o } from "../../OcSlider-Bsi-ckbP.js";
+export {
+  o as Slider
+};

package/dist/Form/TextArea/OcTextArea.js

@@ -0,0 +1,4 @@
+import { _ as a } from "../../OcTextArea-BpV1Bnj_.js";
+export {
+  a as TextArea
+};

package/dist/Form/TimePicker/OcTimePicker.js

@@ -0,0 +1,6 @@
+import { default as r } from "../../OcTimePopup-zQFKCZLk.js";
+import { _ as p } from "../../OcTimePicker-B61MCi0D.js";
+export {
+  p as TimePicker,
+  r as TimePopup
+};

package/dist/Form/Toggle/OcToggle.js

@@ -0,0 +1,4 @@
+import { T as g } from "../../OcToggle-C0wTjM_Y.js";
+export {
+  g as Toggle
+};

package/dist/Form/index.js

@@ -0,0 +1,54 @@
+import { _ as e, B as t, b as p, a } from "../OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as m } from "../OcCardInput-BFE4Xu-S.js";
+import { _ as f } from "../OcCheckboxesGroup-CLbquUO2.js";
+import { _ as i } from "../OcCriteria-CpIohheZ.js";
+import { _ as u } from "../OcInput-tcRxG3Y2.js";
+import { _ as I } from "../OcInputOption-CncASfNt.js";
+import { _ as c } from "../OcPhoneInput-AC6BgQhN.js";
+import { _ as k } from "../OcRadio-CRYfNwV9.js";
+import { _ as T } from "../OcRadioGroup-DgfdWJos.js";
+import { _ as g } from "../OcRangeInput-C-hoHFhr.js";
+import { a as P, _ as h } from "../OcOption-DK2FBGq7.js";
+import { _ as G } from "../OcGroupOptions-ChGJvTXl.js";
+import { T as F } from "../OcToggle-C0wTjM_Y.js";
+import { _ as A } from "../OcLinkInput-C2ixk-gk.js";
+import { _ as L } from "../OcTextArea-BpV1Bnj_.js";
+import { _ as N } from "../DatePicker-D3w435Ml.js";
+import { default as q } from "../OcTimePopup-zQFKCZLk.js";
+import { _ as w } from "../OcTimePicker-B61MCi0D.js";
+import { S as z } from "../OcSlider-Bsi-ckbP.js";
+import { _ as H } from "../OcSectionItem-BFgxO3se.js";
+import { _ as K } from "../OcSelectOptions-BQlG_EUA.js";
+import { _ as V } from "../OcSingleFileUpload-B8-e1H5t.js";
+import { _ as X } from "../OcMultipleUploadFile-B8Wl9Fuq.js";
+import { _ as Z } from "../OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js";
+export {
+  e as BaseInput,
+  t as Button,
+  p as Calendar,
+  m as CardInput,
+  a as Checkbox,
+  f as CheckboxesGroup,
+  i as Criteria,
+  N as DatePicker,
+  G as GroupOptions,
+  u as Input,
+  I as InputOption,
+  A as LinkInput,
+  X as MultipleUploadFile,
+  Z as NumberInput,
+  P as Option,
+  c as PhoneInput,
+  k as Radio,
+  T as RadioGroup,
+  g as RangeInput,
+  H as SectionItem,
+  h as Select,
+  K as SelectOptions,
+  V as SingleFileUpload,
+  z as Slider,
+  L as TextArea,
+  w as TimePicker,
+  q as TimePopup,
+  F as Toggle
+};

package/dist/FormBuilder/OcFormBuilder.js

@@ -0,0 +1,4 @@
+import { _ as e } from "../OcFormBuilder-CRXWtt8I.js";
+export {
+  e as FormBuilder
+};

package/dist/MediaAndIcons/Avatar/OcAvatar.js

@@ -0,0 +1,4 @@
+import { _ as o } from "../../OcAvatar-NDXQiZvz.js";
+export {
+  o as Avatar
+};

package/dist/MediaAndIcons/Icon/OcIcon.js

@@ -0,0 +1,4 @@
+import { _ as a } from "../../OcIcon-CJgBICxh.js";
+export {
+  a as Icon
+};

package/dist/OcAccordion-DdkNsXvN.js

@@ -0,0 +1,101 @@
+import { ref as u, watch as b, onUpdated as y, openBlock as l, createElementBlock as x, normalizeClass as a, createElementVNode as n, renderSlot as s, createTextVNode as c, toDisplayString as m, createBlock as p, unref as f, createCommentVNode as h, nextTick as g } from "vue";
+import "dayjs";
+import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as E } 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 I = {
+  __name: "OcAccordion",
+  props: {
+    header: {
+      type: String,
+      default: ""
+    },
+    headerStyle: {
+      type: String,
+      default: ""
+    },
+    body: {
+      type: String,
+      default: ""
+    },
+    bodyStyle: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: "chevron-down"
+    },
+    showIcon: {
+      type: Boolean,
+      default: !0
+    },
+    isAnimated: {
+      type: Boolean,
+      default: !0
+    },
+    isExpandable: {
+      type: Boolean,
+      default: !1
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    "update:isExpandable": []
+  },
+  setup(e) {
+    const i = u(), o = e, r = async (t) => {
+      await g(), i.value && (i.value.style.maxHeight = t ? "max-content" : "0");
+    };
+    return b(() => o.isExpandable, r), y(() => {
+      r(o.isExpandable);
+    }), (t, d) => (l(), x("div", {
+      class: a(e.isDisabled && "opacity-60")
+    }, [
+      n("div", null, [
+        n("div", {
+          class: a(["border-oc-accent-1-50 py-3 text-sm border z-10 justify-between px-4 gap-x-3 flex hover:border-oc-gray-200 items-center w-full text-oc-text", [
+            e.isExpandable ? "rounded-t border-oc-gray-200" : "rounded border-transparent",
+            e.headerStyle
+          ]]),
+          onClick: d[0] || (d[0] = (v) => o.isDisabled ? null : t.$emit("update:isExpandable", !o.isExpandable))
+        }, [
+          s(t.$slots, "header", {}, () => [
+            c(m(e.header), 1)
+          ]),
+          e.showIcon ? (l(), p(f(E), {
+            key: 0,
+            name: e.icon,
+            class: a(["text-oc-text-400 w-4 h-4 shrink-0", [e.isExpandable && "-rotate-180", e.isAnimated && "transition-all duration-300"]])
+          }, null, 8, ["name", "class"])) : h("", !0)
+        ], 2),
+        n("div", {
+          ref_key: "upcomingAccordion",
+          ref: i,
+          class: a(["max-h-0", [e.isAnimated && "transition-all duration-300", !e.isExpandable && "overflow-hidden"]])
+        }, [
+          n("div", {
+            class: a(["text-oc-text text-sm p-4 rounded-b z-0 border-x border-b", [e.isExpandable ? "border-oc-gray-200" : " border-transparent", e.bodyStyle]])
+          }, [
+            s(t.$slots, "body", {}, () => [
+              c(m(e.body), 1)
+            ])
+          ], 2)
+        ], 2)
+      ])
+    ], 2));
+  }
+};
+export {
+  I as _
+};

package/dist/OcAccountSetup-BXDjf48o.js

@@ -0,0 +1,324 @@
+import { ref as z, reactive as A, computed as D, onMounted as L, openBlock as t, createElementBlock as i, normalizeClass as l, createElementVNode as s, renderSlot as x, Fragment as b, renderList as S, toDisplayString as O, createCommentVNode as o, createBlock as h, unref as p, withCtx as w, createVNode as g, normalizeProps as B, guardReactiveProps as M, normalizeStyle as $ } from "vue";
+import "dayjs";
+import { D as U } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as y } 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 N } from "./OcChip-B1hm2Qni.js";
+import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const F = { class: "grid py-7 w-full max-h-[inherit] overflow-y-auto overflow-x-hidden gap-3 px-8" }, R = {
+  key: 0,
+  class: "text-sm uppercase text-[var(--oc-sidebar-menu-title)] my-3"
+}, T = ["onClick"], q = {
+  key: 0,
+  class: "p-3 gap-4 bg-oc-bg shadow-sm rounded w-[200px]"
+}, G = {
+  key: 0,
+  class: "relative flex flex-col"
+}, Ee = {
+  __name: "OcSidebar",
+  props: {
+    class: {
+      type: String
+    },
+    isExpanded: {
+      type: Boolean,
+      default: !0
+    },
+    sidebarMenu: {
+      type: Array
+    }
+  },
+  emits: ["changeExpanded", "click:sidebar-icon", "changeExpandedMenus"],
+  setup(e, { emit: E }) {
+    const d = E, c = e, f = z([]), u = A({
+      loading: !0,
+      expanded: []
+    }), C = (n) => {
+      u.expanded.includes(n) ? u.expanded = u.expanded.filter((r) => r !== n) : u.expanded.push(n), d("changeExpandedMenus", u.expanded);
+    }, j = D(() => (c.isExpanded ? "w-[300px] " : "w-[102px] ") + c.class);
+    return L(() => {
+      c.sidebarMenu.forEach((n) => {
+        n.items.forEach((r) => {
+          r.children && r.children.forEach((v) => {
+            v.active && C(r.name);
+          });
+        });
+      }), u.loading = !1;
+    }), (n, r) => (t(), i("div", {
+      class: l(["cursor-pointer max-h-[inherit] transition-all duration-300 ease-in-out relative bg-[var(--oc-sidebar-background)]", j.value])
+    }, [
+      s("div", F, [
+        x(n.$slots, "before", { isExpanded: e.isExpanded }),
+        (t(!0), i(b, null, S(e.sidebarMenu, (v, P) => (t(), i(b, { key: P }, [
+          e.isExpanded && v.label ? (t(), i("h2", R, O(v.label), 1)) : o("", !0),
+          (!v.label || !e.isExpanded) && P !== 0 ? (t(), i("div", {
+            key: 1,
+            class: l(["my-3", e.isExpanded ? "px-0" : "px-3"])
+          }, r[0] || (r[0] = [
+            s("div", { class: "w-full border-b border-[var(--oc-sidebar-menu-title)] opacity-50" }, null, -1)
+          ]), 2)) : o("", !0),
+          (t(!0), i(b, null, S(v.items, (a, k) => (t(), i("div", {
+            key: k,
+            class: "flex flex-col"
+          }, [
+            s("div", {
+              class: l(["flex items-center rounded transition-all duration-500 hover:bg-[var(--oc-sidebar-menu-hover)]", {
+                "px-5 py-3": e.isExpanded,
+                "font-medium bg-[var(--oc-sidebar-menu-active)] text-[var(--oc-sidebar-menu-active-text)]": a.active
+              }]),
+              onClick: (m) => C(a.name)
+            }, [
+              e.isExpanded ? (t(), h(p(y), {
+                key: 0,
+                width: "22",
+                height: "22",
+                class: l(["z-[1] relative", {
+                  "text-[var(--oc-sidebar-menu-active-icon)]": !a.active,
+                  "text-[var(--oc-sidebar-menu-active-icon-active)]": a.active
+                }]),
+                name: a.icon
+              }, null, 8, ["class", "name"])) : (t(), h(p(U), {
+                key: 1,
+                modelValue: f.value[a.name + "-" + k],
+                "onUpdate:modelValue": (m) => f.value[a.name + "-" + k] = m,
+                placement: "right-start"
+              }, {
+                menu: w(() => [
+                  f.value[a.name + "-" + k] ? (t(), i("div", q, [
+                    a.children ? o("", !0) : (t(), i("div", {
+                      key: 0,
+                      class: l(["flex items-center rounded hover:bg-[var(--oc-sidebar-menu-hover)]", {
+                        "font-medium bg-[var(--oc-sidebar-menu-active)] text-[var(--oc-sidebar-menu-active-text)]": a.active
+                      }])
+                    }, [
+                      e.isExpanded ? o("", !0) : x(n.$slots, "label", {
+                        key: 0,
+                        menu: a
+                      })
+                    ], 2)),
+                    a.children ? (t(), h(p(V), {
+                      key: 1,
+                      menu: a,
+                      "is-expanded": ""
+                    }, {
+                      label: w(({ submenu: m }) => [
+                        x(n.$slots, "submenu_label", {
+                          menu: a,
+                          submenu: m
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["menu"])) : o("", !0)
+                  ])) : o("", !0)
+                ]),
+                default: w(() => [
+                  s("button", {
+                    type: "button",
+                    class: l({
+                      "p-4": !e.isExpanded
+                    })
+                  }, [
+                    g(p(y), {
+                      width: "22",
+                      height: "22",
+                      class: l({
+                        "text-[var(--oc-sidebar-menu-active-icon)]": !a.active,
+                        "text-[var(--oc-sidebar-menu-active-icon-active)]": a.active
+                      }),
+                      name: a.icon,
+                      onClick: (m) => n.$emit("click:sidebar-icon", a)
+                    }, null, 8, ["class", "name", "onClick"])
+                  ], 2)
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue"])),
+              e.isExpanded ? x(n.$slots, "label", {
+                key: 2,
+                menu: a
+              }) : o("", !0)
+            ], 10, T),
+            e.isExpanded ? (t(), i("div", G, [
+              r[1] || (r[1] = s("div", { class: "absolute border-l left-[27px] bottom-[17px] h-full" }, null, -1)),
+              a.children ? (t(), h(p(V), {
+                key: 0,
+                menu: a,
+                class: l(u.expanded.includes(a.name) && "mt-3"),
+                "is-expanded-sidebar": e.isExpanded,
+                "is-expanded": u.expanded.includes(a.name)
+              }, {
+                label: w(({ submenu: m }) => [
+                  x(n.$slots, "submenu_label", {
+                    menu: a,
+                    submenu: m,
+                    isExpanded: e.isExpanded
+                  })
+                ]),
+                _: 2
+              }, 1032, ["menu", "class", "is-expanded-sidebar", "is-expanded"])) : o("", !0)
+            ])) : o("", !0)
+          ]))), 128))
+        ], 64))), 128)),
+        x(n.$slots, "after", { isExpanded: e.isExpanded })
+      ])
+    ], 2));
+  }
+}, V = {
+  __name: "OcSidebarSubmenu",
+  props: {
+    isExpanded: {
+      type: Boolean,
+      default: !0
+    },
+    isExpandedSidebar: {
+      type: Boolean,
+      default: !1
+    },
+    menu: {
+      type: Object
+    }
+  },
+  setup(e) {
+    return (E, d) => (t(), i("div", {
+      class: l(["grid gap-3 transition-all duration-500 overflow-hidden", e.isExpanded ? "max-h-screen" : "max-h-0"])
+    }, [
+      (t(!0), i(b, null, S(e.menu.children, (c, f) => (t(), i("div", {
+        key: f,
+        class: l(["text-oc-text-400 flex items-center rounded hover:bg-[var(--oc-sidebar-menu-hover)]", {
+          "font-medium bg-[var(--oc-sidebar-menu-active)] text-[var(--oc-sidebar-menu-active-text)]": c.active
+        }])
+      }, [
+        e.isExpandedSidebar ? (t(), h(p(y), {
+          key: 0,
+          width: "22",
+          height: "22",
+          class: l(["flex z-[1] ml-[17.5px]", {
+            "text-[var(--oc-sidebar-menu-active-icon)]": !c.active,
+            "text-[var(--oc-sidebar-menu-active-icon-active)]": c.active
+          }]),
+          name: "sidebar-submenu-icon"
+        }, null, 8, ["class"])) : o("", !0),
+        x(E.$slots, "label", {
+          menu: e.menu,
+          submenu: c
+        })
+      ], 2))), 128))
+    ], 2));
+  }
+}, H = {
+  key: 0,
+  class: "p-3 bg-white rounded-[6px] w-full flex flex-col gap-y-5"
+}, J = { class: "p-2 flex gap-3" }, K = { class: "p-3 rounded-full border border-oc-warning-500" }, Q = { class: "mx-[-8px] mb-[-8px] rounded-b-[6px] border-t border-gray-200 bg-oc-gray-50" }, X = { class: "py-4 px-5 text-oc-text-400 font-medium" }, Y = {
+  key: 0,
+  class: "flex items-center"
+}, Z = {
+  key: 1,
+  class: "flex items-center mt-3"
+}, I = { class: "flex flex-col gap-y-3" }, _ = { class: "flex items-center text-[var(--oc-sidebar-menu-active-text)] justify-between" }, ee = { class: "font-bold" }, te = { class: "h-[12px] w-full rounded-full bg-oc-gray-100 shadow" }, ae = {
+  key: 1,
+  class: "bg-white rounded-full p-1"
+}, se = {
+  key: 0,
+  class: "p-3 rounded-full"
+}, ie = {
+  key: 1,
+  class: "pie-wrapper progress style-2"
+}, ne = { class: "label" }, de = {
+  __name: "OcAccountSetup",
+  props: {
+    isExpanded: Boolean,
+    progress: {
+      type: Number,
+      default: 0
+    },
+    isPending: Boolean,
+    paymentStatus: Object,
+    payoutStatus: Object
+  },
+  setup(e) {
+    return (E, d) => (t(), i("div", {
+      class: l(["p-1 flex items-center justify-center mb-5", [
+        e.isExpanded ? "rounded" : "w-fit rounded-full",
+        e.isPending ? "bg-oc-warning-500" : "account-setup-bg"
+      ]])
+    }, [
+      e.isExpanded ? (t(), i("div", H, [
+        e.isPending ? (t(), i(b, { key: 0 }, [
+          s("div", J, [
+            s("div", K, [
+              g(y, {
+                name: "alert",
+                width: "20",
+                height: "20",
+                class: "text-oc-warning-500"
+              })
+            ]),
+            d[0] || (d[0] = s("div", { class: "text-oc-text-500 text-sm" }, "We’re currently reviewing your account.", -1))
+          ]),
+          s("div", Q, [
+            s("div", X, [
+              e.paymentStatus ? (t(), i("div", Y, [
+                d[1] || (d[1] = s("span", { class: "flex-1" }, "Payment", -1)),
+                g(N, B(M(e.paymentStatus)), null, 16)
+              ])) : o("", !0),
+              e.paymentStatus ? (t(), i("div", Z, [
+                d[2] || (d[2] = s("span", { class: "flex-1" }, "Payout", -1)),
+                g(N, B(M(e.payoutStatus)), null, 16)
+              ])) : o("", !0)
+            ])
+          ])
+        ], 64)) : (t(), i(b, { key: 1 }, [
+          s("div", I, [
+            s("div", _, [
+              d[3] || (d[3] = s("span", { class: "font-medium" }, "Account setup", -1)),
+              s("span", ee, O(e.progress) + "%", 1)
+            ]),
+            s("div", te, [
+              s("div", {
+                class: "h-[12px] rounded-full bg-[var(--oc-sidebar-menu-active-icon-active)]",
+                style: $({ width: `${e.progress}%` })
+              }, null, 4)
+            ])
+          ]),
+          d[4] || (d[4] = s("div", { class: "text-sm font-bold text-[var(--oc-sidebar-menu-active-text)] text-center" }, " COMPLETE NOW -> ", -1))
+        ], 64))
+      ])) : (t(), i("div", ae, [
+        e.isPending ? (t(), i("div", se, [
+          g(y, {
+            name: "alert",
+            width: "20",
+            height: "20",
+            class: "text-oc-warning-500"
+          })
+        ])) : (t(), i("div", ie, [
+          s("span", ne, O(e.progress), 1),
+          s("div", {
+            class: "pie",
+            style: $({
+              clip: e.progress > 50 ? "rect(auto, auto, auto, auto)" : ""
+            })
+          }, [
+            s("div", {
+              class: "left-side half-circle transition-all duration-500",
+              style: $({ transform: `rotate(calc(${e.progress}*3.6deg))` })
+            }, null, 4),
+            s("div", {
+              class: l(["right-side half-circle transition-all duration-500", e.progress <= 50 ? "hidden" : "rotate-180"])
+            }, null, 2)
+          ], 4)
+        ]))
+      ]))
+    ], 2));
+  }
+}, ke = /* @__PURE__ */ W(de, [["__scopeId", "data-v-98a72f05"]]);
+export {
+  ke as O,
+  Ee as _,
+  V as a
+};