@orchidui/core 0.0.1 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# Orchid UI

package/dist/Calendar.js

@@ -0,0 +1,103 @@
+import { _ as m } from "./OcComplexCalendar-x-_kg9Yk.js";
+import { ref as s, openBlock as d, createBlock as c, unref as e, withCtx as l, createVNode as r } from "vue";
+import n from "dayjs";
+import { c as p, _ as f, D as b } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+/* empty css                                                                    */
+import { _ as D } from "./OcInput-tcRxG3Y2.js";
+import "libphonenumber-js";
+/* empty css                                                                  */
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const S = {
+  __name: "OcComplexDatePicker",
+  props: {
+    shortcuts: Array,
+    cancelButtonProps: Object,
+    submitButtonProps: Object,
+    /**
+     * Props to pass to the calendar component from https://vcalendar.io/
+     */
+    calendarProps: Object,
+    modelValue: {
+      type: Object,
+      default: () => ({
+        start: /* @__PURE__ */ new Date(),
+        end: /* @__PURE__ */ new Date()
+      })
+    },
+    formatDate: {
+      type: String,
+      default: "DD/MM/YYYY"
+    },
+    countCalendars: {
+      type: Number,
+      default: 2
+    },
+    withFooter: {
+      type: Boolean,
+      default: !0
+    },
+    label: String,
+    hint: String,
+    isRequired: Boolean,
+    errorMessage: String,
+    labelIcon: String,
+    tooltipText: String,
+    tooltipOptions: Object
+  },
+  emits: {
+    "update:modelValue": []
+  },
+  setup(t) {
+    n.extend(p);
+    const i = s(!1);
+    return (u, o) => (d(), c(e(f), {
+      label: t.label,
+      hint: t.hint,
+      "error-message": t.errorMessage,
+      "is-required": t.isRequired,
+      "tooltip-options": t.tooltipOptions,
+      "label-icon": t.labelIcon,
+      "tooltip-text": t.tooltipText
+    }, {
+      default: l(() => [
+        r(e(b), {
+          modelValue: i.value,
+          "onUpdate:modelValue": o[1] || (o[1] = (a) => i.value = a),
+          position: "bottom",
+          class: "w-full"
+        }, {
+          menu: l(() => [
+            r(e(m), {
+              "model-value": t.modelValue,
+              shortcuts: t.shortcuts,
+              "cancel-button-props": t.cancelButtonProps,
+              "submit-button-props": t.submitButtonProps,
+              "calendar-props": t.calendarProps,
+              "count-calendars": t.countCalendars,
+              "with-footer": t.withFooter,
+              "onUpdate:modelValue": o[0] || (o[0] = (a) => u.$emit("update:modelValue", a))
+            }, null, 8, ["model-value", "shortcuts", "cancel-button-props", "submit-button-props", "calendar-props", "count-calendars", "with-footer"])
+          ]),
+          default: l(() => [
+            r(e(D), {
+              "model-value": `${e(n)(t.modelValue.start).format(t.formatDate)} - ${e(n)(
+                t.modelValue.end
+              ).format(t.formatDate)}`,
+              icon: "calendar",
+              readonly: ""
+            }, null, 8, ["model-value"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["label", "hint", "error-message", "is-required", "tooltip-options", "label-icon", "tooltip-text"]));
+  }
+};
+export {
+  m as ComplexCalendar,
+  S as ComplexDatePicker
+};

package/dist/Cropper.js

@@ -0,0 +1,6 @@
+import { defineAsyncComponent as o } from "vue";
+const r = o(() => import("./OcModalCropper-D2OI2iun.js")), t = o(() => import("./OcCropper-31Y_S1Ne.js"));
+export {
+  t as Cropper,
+  r as ModalCropper
+};

package/dist/DataDisplay/CustomerCard/OcCustomerCard.js

@@ -0,0 +1,4 @@
+import { C } from "../../OcCustomerCard-DbDOBO03.js";
+export {
+  C as CustomerCard
+};

package/dist/DataDisplay/FloatContent/OcFloatContent.js

@@ -0,0 +1,4 @@
+import { _ as a } from "../../OcFloatContent-BIKQOxSw.js";
+export {
+  a as FloatContent
+};

package/dist/DataDisplay/HorizontalProgressbar/OcHorizontalProgressbar.js

@@ -0,0 +1,4 @@
+import { _ as a } from "../../OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js";
+export {
+  a as HorizontalProgressbar
+};

package/dist/DataDisplay/InfoCard/OcInfoCard.js

@@ -0,0 +1,4 @@
+import { _ as a } from "../../OcInfoCard-DpYUZOMZ.js";
+export {
+  a as InfoCard
+};

package/dist/DataDisplay/ListDetail/OcListDetail.js

@@ -0,0 +1,4 @@
+import { _ as e } from "../../OcListDetail-6XeME6ko.js";
+export {
+  e as ListDetail
+};

package/dist/DataDisplay/ListItem/OcListItem.js

@@ -0,0 +1,5 @@
+import { _ as a, a as r } from "../../OcListUrl.vue_vue_type_script_setup_true_lang-BEJafLuT.js";
+export {
+  a as ListItem,
+  r as ListUrl
+};

package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js

@@ -0,0 +1,4 @@
+import { _ as t } from "../../OcOnboardingListItem.vue_vue_type_script_setup_true_lang-Cr80xmnz.js";
+export {
+  t as OcOnboardingListItem
+};

package/dist/DataDisplay/Overview/OcOverview.js

@@ -0,0 +1,7 @@
+import { _ as v, a as o } from "../../OcOverviewItem-DNr5tWnt.js";
+import { _ as i } from "../../OcOverviewIcon-D702Ujka.js";
+export {
+  v as Overview,
+  i as OverviewIcon,
+  o as OverviewItem
+};

package/dist/DataDisplay/Pagination/OcPagination.js

@@ -0,0 +1,6 @@
+import { _ as i, b as n, a as o } from "../../OcPaginationNumber-IKPorX26.js";
+export {
+  i as Pagination,
+  n as PaginationNumber,
+  o as PrevNext
+};

package/dist/DataDisplay/ProgressBar/OcProgressBar.js

@@ -0,0 +1,4 @@
+import { _ as s } from "../../OcProgressBar-hiyC5XSc.js";
+export {
+  s as ProgressBar
+};

package/dist/DataDisplay/Table/OcTable.js

@@ -0,0 +1,11 @@
+import { g as l, a as n, f as b, _ as s, c as T, d, b as o, e as g } from "../../OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js";
+export {
+  l as ExpandingHeaderRow,
+  n as ExpandingTable,
+  b as ExpandingTableRow,
+  s as Table,
+  T as TableCell,
+  d as TableCellContent,
+  o as TableHeader,
+  g as TableLink
+};

package/dist/DataDisplay/TransferSummary/OcTransferSummary.js

@@ -0,0 +1,4 @@
+import { _ as m } from "../../OcTransferSummary-Bk2GXhrT.js";
+export {
+  m as TransferSummary
+};

package/dist/DatePicker-D3w435Ml.js

@@ -0,0 +1,263 @@
+import { ref as b, computed as S, openBlock as f, createBlock as V, unref as c, withCtx as p, renderSlot as R, createCommentVNode as k, createElementVNode as i, createElementBlock as F, Fragment as A, createVNode as x, toDisplayString as E, normalizeClass as M, withKeys as B, withModifiers as U } from "vue";
+import d from "dayjs";
+import { c as j, D as K, b as O, _ as P } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
+import { _ as $ } from "./OcIcon-CJgBICxh.js";
+/* empty css                                                                    */
+import { _ as T } from "./OcInput-tcRxG3Y2.js";
+import "libphonenumber-js";
+/* empty css                                                                  */
+import { _ as L } from "./OcComplexCalendar-x-_kg9Yk.js";
+/* empty css                                                                  */
+import "./Cropper.js";
+import "vue-draggable-next";
+import "@popperjs/core";
+const z = { class: "flex flex-col gap-y-2 w-full" }, G = { class: "flex w-full" }, H = {
+  key: 0,
+  class: "text-sm text-oc-error flex items-center"
+}, J = {
+  key: 1,
+  class: "flex flex-wrap cursor-pointer"
+}, Q = { class: "flex items-center gap-x-3" }, W = ["value"], X = { class: "flex items-center gap-x-3" }, Z = ["value"], fe = {
+  __name: "DatePicker",
+  props: {
+    modelValue: {
+      type: [String, Date, Number, Array]
+    },
+    type: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "range"].includes(e)
+    },
+    disabledDate: {
+      type: Function,
+      default: () => !1
+    },
+    minDate: {
+      type: [String, Date, Number],
+      default: null
+    },
+    maxDate: {
+      type: [String, Date, Number],
+      default: null
+    },
+    dateFormat: {
+      type: String,
+      default: "YYYY-MM-DD"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    hint: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "YYYY-MM-DD"
+    },
+    isSplitInput: {
+      type: Boolean,
+      default: !0
+    },
+    minLabel: {
+      type: String,
+      default: "From"
+    },
+    maxLabel: {
+      type: String,
+      default: "To"
+    },
+    isRequired: {
+      type: Boolean,
+      default: !1
+    },
+    isIndefinite: {
+      type: Boolean,
+      default: !1
+    },
+    disabledRange: {
+      type: Object,
+      default: () => ({
+        start: null,
+        end: null
+      })
+    },
+    countCalendars: {
+      type: Number,
+      default: 2
+    },
+    shortcuts: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue", "resetCalendar", "error"],
+  setup(e, { emit: Y }) {
+    d.extend(j);
+    const s = Y, t = e, m = b(!1), w = b(!1), y = b(!1), r = b([]), v = S(() => t.type === "range"), o = S(() => v.value ? t.modelValue && t.modelValue[0] ? [
+      d(t.modelValue[0], t.dateFormat),
+      d(t.modelValue[1], t.dateFormat)
+    ] : ["", ""] : t.modelValue ? d(t.modelValue, t.dateFormat) : ""), h = (a) => {
+      t.type === "range" ? s(
+        "update:modelValue",
+        a ? [
+          d(a.start).format(t.dateFormat),
+          d(a.end).format(t.dateFormat)
+        ] : []
+      ) : s("update:modelValue", d(a).format(t.dateFormat)), m.value = !1;
+    }, D = () => {
+      s("resetCalendar"), s("update:modelValue", v.value ? [] : null), m.value = !1;
+    }, q = (a) => {
+      const l = d(a);
+      return ((u) => u.get("month") === d().get("month"))(l);
+    }, N = (a) => {
+      w.value = a, s("update:modelValue", a ? "Indefinite" : null);
+    }, I = (a, l) => {
+      var u;
+      const n = d(a, t.dateFormat, !0);
+      r.value[l] = n.format(t.dateFormat), r.value[l ? 0 : 1] = ((u = t.modelValue) == null ? void 0 : u[l ? 0 : 1]) || d().format(t.dateFormat);
+    }, g = () => {
+      if (r.value.length) {
+        if (y.value = !1, r.value.some((a) => !d(a, t.dateFormat).isValid())) {
+          y.value = !0, r.value = [];
+          return;
+        }
+        t.maxDate && (r.value = r.value.map(
+          (a) => d(a, t.dateFormat).isSameOrBefore(d(t.maxDate)) ? a : d(t.maxDate).format(t.dateFormat)
+        )), s("update:modelValue", r.value), r.value = [];
+      }
+    };
+    return (a, l) => (f(), V(c(K), {
+      modelValue: m.value,
+      "onUpdate:modelValue": l[3] || (l[3] = (n) => m.value = n),
+      "is-disabled": e.disabled,
+      placement: "bottom-start",
+      distance: 10,
+      class: "w-full"
+    }, {
+      menu: p(({ isPopoverOpen: n }) => [
+        R(a.$slots, "menu", {
+          isPopoverOpen: n,
+          updateCalendar: h,
+          resetCalendar: D
+        }, () => {
+          var u, C;
+          return [
+            v.value ? (f(), V(L, {
+              key: 0,
+              "model-value": {
+                start: (u = e.modelValue) == null ? void 0 : u[0],
+                end: (C = e.modelValue) == null ? void 0 : C[1]
+              },
+              shortcuts: e.shortcuts,
+              "count-calendars": e.countCalendars,
+              "is-range": "",
+              "with-footer": !1,
+              "min-date": e.minDate,
+              "max-date": e.maxDate,
+              masks: { modelValue: e.dateFormat },
+              "onUpdate:modelValue": h
+            }, null, 8, ["model-value", "shortcuts", "count-calendars", "min-date", "max-date", "masks"])) : !e.disabled && n ? (f(), V(c(O), {
+              key: 1,
+              "model-value": o.value ? o.value.toDate() : /* @__PURE__ */ new Date(),
+              "disabled-date": w.value ? q : e.disabledDate,
+              "max-date": e.maxDate,
+              "min-date": e.minDate,
+              "is-indefinite": e.isIndefinite,
+              position: "inline",
+              type: e.type,
+              "onUpdate:modelValue": h,
+              "onUpdate:isIndefinite": N,
+              onResetCalendar: D
+            }, null, 8, ["model-value", "disabled-date", "max-date", "min-date", "is-indefinite", "type"])) : k("", !0)
+          ];
+        })
+      ]),
+      default: p(() => [
+        i("div", z, [
+          !e.isSplitInput || !v.value ? (f(), F(A, { key: 0 }, [
+            i("div", G, [
+              x(c(T), {
+                "model-value": v.value ? e.modelValue && e.modelValue[0] ? `${o.value[0].format(e.dateFormat)} - ${o.value[1].format(e.dateFormat)}` : "" : e.modelValue === "Indefinite" ? "Indefinite" : e.modelValue ? o.value.format(e.dateFormat) : "",
+                icon: "calendar",
+                label: e.label,
+                hint: e.hint,
+                "is-required": e.isRequired,
+                disabled: e.disabled,
+                placeholder: e.placeholder
+              }, null, 8, ["model-value", "label", "hint", "is-required", "disabled", "placeholder"])
+            ]),
+            e.errorMessage ? (f(), F("div", H, E(e.errorMessage), 1)) : k("", !0)
+          ], 64)) : (f(), F("div", J, [
+            x(c(P), {
+              "error-message": y.value ? `Invalid Date. Try this format (${e.dateFormat})` : e.errorMessage,
+              hint: e.hint,
+              "is-required": e.isRequired,
+              label: e.label
+            }, {
+              default: p(() => [
+                i("div", {
+                  class: M(["rounded justify-between border flex items-center gap-3 h-[36px] px-3", [
+                    e.errorMessage || y.value ? "border-oc-error shadow-oc-error" : "border-oc-gray-200 shadow-oc-gray-200",
+                    e.disabled ? "pointer-events-none bg-oc-bg-dark" : "bg-white",
+                    {
+                      "shadow-[0_0_0_2px]": m.value && !e.disabled
+                    }
+                  ]]),
+                  onClick: l[2] || (l[2] = (n) => m.value ? n.stopPropagation : null)
+                }, [
+                  i("div", Q, [
+                    x(c($), {
+                      name: "calendar",
+                      class: "text-oc-text-400"
+                    }),
+                    i("input", {
+                      placeholder: "Start date",
+                      value: o.value[0] ? o.value[0].format(e.dateFormat) : "",
+                      class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
+                      onInput: l[0] || (l[0] = (n) => I(n.target.value, 0)),
+                      onKeydown: B(g, ["enter"]),
+                      onBlur: g
+                    }, null, 40, W)
+                  ]),
+                  l[4] || (l[4] = i("span", { class: "text-oc-text-400" }, "To", -1)),
+                  i("div", X, [
+                    i("input", {
+                      placeholder: "End date",
+                      value: o.value[1] ? o.value[1].format(e.dateFormat) : "",
+                      class: "text-center bg-transparent outline-0 w-full placeholder:text-oc-text-300",
+                      onInput: l[1] || (l[1] = (n) => I(n.target.value, 1)),
+                      onKeydown: B(g, ["enter"]),
+                      onBlur: g
+                    }, null, 40, Z),
+                    x(c($), {
+                      class: M([o.value.every(Boolean) ? "opacity-100" : "opacity-0", "text-oc-text-400"]),
+                      width: "16",
+                      height: "16",
+                      name: "filled-x-circle",
+                      onClick: U(D, ["stop"])
+                    }, null, 8, ["class"])
+                  ])
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["error-message", "hint", "is-required", "label"])
+          ]))
+        ])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "is-disabled"]));
+  }
+};
+export {
+  fe as _
+};

package/dist/Disclosure/Accordion/OcAccordion.js

@@ -0,0 +1,4 @@
+import { _ as c } from "../../OcAccordion-DdkNsXvN.js";
+export {
+  c as Accordion
+};

package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js

@@ -0,0 +1,4 @@
+import { _ as n } from "../../OnboardingAccordion.vue_vue_type_script_setup_true_lang-B0Z7ETmj.js";
+export {
+  n as OnboardingAccordion
+};

package/dist/Disclosure/Steps/OcSteps.js

@@ -0,0 +1,5 @@
+import { a as p, _ as s } from "../../OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js";
+export {
+  p as Step,
+  s as Steps
+};

package/dist/Disclosure/SwitchTabs/OcSwitchTabs.js

@@ -0,0 +1,4 @@
+import { _ as r } from "../../OcSwitchTabs-CYp676bj.js";
+export {
+  r as SwitchTabs
+};

package/dist/Disclosure/Tabs/Tabs.js

@@ -0,0 +1,5 @@
+import { a as b, _ as e } from "../../OcPaymentTab-Cna1IAhO.js";
+export {
+  b as PaymentTab,
+  e as Tabs
+};

package/dist/Disclosure/Variants/OcVariants.js

@@ -0,0 +1,5 @@
+import { a as s, _ as t } from "../../OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js";
+export {
+  s as Variant,
+  t as Variants
+};