@orchidui/dashboard 1.8.1-95 → 1.8.1-96

package/dist/ui/pin-input/index.js

@@ -0,0 +1,308 @@
+import { defineComponent as h, toRefs as T, computed as m, ref as L, watch as z, createBlock as y, openBlock as g, unref as o, mergeProps as k, withCtx as M, renderSlot as C, createVNode as K, onMounted as U, onUnmounted as H, withKeys as A, nextTick as J, normalizeProps as Q, guardReactiveProps as W } from "vue";
+import { c as F } from "../../utils-SFgRDk1R.js";
+import { u as X, a as R } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { u as Y } from "../../index-BwPb_idr.js";
+import { _ as Z } from "../../VisuallyHiddenInput-DvJnsVHt.js";
+import { c as ee } from "../../createContext-CZEfaSVa.js";
+import { u as te } from "../../useForwardExpose-DZT6mL_U.js";
+import { u as ae } from "../../useDirection-C3C_TLKm.js";
+import { P as D } from "../../Primitive-B3twiLO1.js";
+import { r as j } from "../../index-OpE2oGce.js";
+import { c as oe } from "../../createLucideIcon-eXqDwUWj.js";
+import { u as le } from "../../usePrimitiveElement-BjwUvHih.js";
+import { u as ne } from "../../useArrowNavigation-BRMPveaB.js";
+import { g as se } from "../../getActiveElement-B-HWdUIb.js";
+const [re, ue] = ee("PinInputRoot"), ie = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "PinInputRoot",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    placeholder: { default: "" },
+    mask: { type: Boolean },
+    otp: { type: Boolean },
+    type: { default: "text" },
+    dir: {},
+    disabled: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "complete"],
+  setup(r, { emit: l }) {
+    const t = r, n = l, { mask: u, otp: c, placeholder: b, type: $, disabled: P, dir: _ } = T(t), { forwardRef: S } = te(), V = ae(_), p = Y(t, "modelValue", n, {
+      defaultValue: t.defaultValue ?? [],
+      passive: t.modelValue === void 0
+    }), x = m(() => Array.isArray(p.value) ? [...p.value] : []), v = L(/* @__PURE__ */ new Set());
+    function N(i) {
+      v.value.add(i);
+    }
+    const E = m(() => t.type === "number"), w = m(() => x.value.filter((f) => !!f || E.value && f === 0).length === v.value.size);
+    return z(p, () => {
+      w.value && n("complete", p.value);
+    }, { deep: !0 }), ue({
+      modelValue: p,
+      currentModelValue: x,
+      mask: u,
+      otp: c,
+      placeholder: b,
+      type: $,
+      dir: V,
+      disabled: P,
+      isCompleted: w,
+      inputElements: v,
+      onInputElementChange: N,
+      isNumericMode: E
+    }), (i, f) => (g(), y(o(D), k(i.$attrs, {
+      ref: o(S),
+      dir: o(V),
+      "data-complete": w.value ? "" : void 0,
+      "data-disabled": o(P) ? "" : void 0
+    }), {
+      default: M(() => [
+        C(i.$slots, "default", { modelValue: o(p) }),
+        K(Z, {
+          id: i.id,
+          as: "input",
+          feature: "focusable",
+          tabindex: "-1",
+          value: x.value.join(""),
+          name: i.name ?? "",
+          disabled: o(P),
+          required: i.required,
+          onFocus: f[0] || (f[0] = (B) => {
+            var e, a;
+            return (a = (e = Array.from(v.value)) == null ? void 0 : e[0]) == null ? void 0 : a.focus();
+          })
+        }, null, 8, ["id", "value", "name", "disabled", "required"])
+      ]),
+      _: 3
+    }, 16, ["dir", "data-complete", "data-disabled"]));
+  }
+}), de = /* @__PURE__ */ h({
+  __name: "PinInputInput",
+  props: {
+    index: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { default: "input" }
+  },
+  setup(r) {
+    const l = r, t = re(), n = m(() => Array.from(t.inputElements.value)), u = m(() => t.currentModelValue.value[l.index]), c = m(() => l.disabled || t.disabled.value), b = m(() => t.otp.value), $ = m(() => t.mask.value), { primitiveElement: P, currentElement: _ } = le();
+    function S(e) {
+      var d;
+      const a = e.target;
+      if ((((d = e.data) == null ? void 0 : d.length) ?? 0) > 1) {
+        i(a.value);
+        return;
+      }
+      if (t.isNumericMode.value && !/^\d*$/.test(a.value)) {
+        a.value = a.value.replace(/\D/g, "");
+        return;
+      }
+      a.value = a.value.slice(-1), B(l.index, a.value);
+      const s = n.value[l.index + 1];
+      s && s.focus();
+    }
+    function V() {
+      const e = _.value;
+      J(() => {
+        e && !e.value && (e.placeholder = t.placeholder.value);
+      });
+    }
+    function p(e) {
+      ne(e, se(), void 0, {
+        itemsArray: n.value,
+        focus: !0,
+        loop: !1,
+        arrowKeyOptions: "horizontal",
+        dir: t.dir.value
+      });
+    }
+    function x(e) {
+      if (e.preventDefault(), e.target.value)
+        B(l.index, "");
+      else {
+        const d = n.value[l.index - 1];
+        d && (d.focus(), B(l.index - 1, ""));
+      }
+    }
+    function v(e) {
+      e.key === "Delete" && (e.preventDefault(), B(l.index, ""));
+    }
+    function N(e) {
+      const a = e.target;
+      a.setSelectionRange(1, 1), a.value || (a.placeholder = "");
+    }
+    function E(e) {
+      V();
+    }
+    function w(e) {
+      e.preventDefault();
+      const a = e.clipboardData;
+      if (!a)
+        return;
+      const s = a.getData("text");
+      i(s);
+    }
+    function i(e) {
+      var O;
+      const a = [...t.currentModelValue.value], s = e.length >= n.value.length ? 0 : l.index, d = Math.min(s + e.length, n.value.length);
+      for (let I = s; I < d; I++) {
+        const G = n.value[I], q = e[I - s];
+        t.isNumericMode.value && !/^\d*$/.test(q) || (a[I] = q, G.focus());
+      }
+      t.modelValue.value = a, (O = n.value[d]) == null || O.focus();
+    }
+    function f(e) {
+      let a = e.length - 1;
+      for (; a >= 0 && e[a] === ""; )
+        e.pop(), a--;
+      return e;
+    }
+    function B(e, a) {
+      const s = [...t.currentModelValue.value];
+      if (t.isNumericMode.value) {
+        const d = +a;
+        a === "" || isNaN(d) ? delete s[e] : s[e] = d;
+      } else
+        s[e] = a;
+      t.modelValue.value = f(s);
+    }
+    return z(u, () => {
+      u.value || V();
+    }), U(() => {
+      t.onInputElementChange(_.value);
+    }), H(() => {
+      var e;
+      (e = t.inputElements) == null || e.value.delete(_.value);
+    }), (e, a) => (g(), y(o(D), {
+      ref_key: "primitiveElement",
+      ref: P,
+      autocapitalize: "none",
+      as: e.as,
+      "as-child": e.asChild,
+      autocomplete: b.value ? "one-time-code" : "false",
+      type: $.value ? "password" : "text",
+      inputmode: o(t).isNumericMode.value ? "numeric" : "text",
+      pattern: o(t).isNumericMode.value ? "[0-9]*" : void 0,
+      placeholder: o(t).placeholder.value,
+      value: u.value,
+      disabled: c.value,
+      "data-disabled": c.value ? "" : void 0,
+      "data-complete": o(t).isCompleted.value ? "" : void 0,
+      "aria-label": `pin input ${e.index + 1} of ${n.value.length}`,
+      onInput: a[0] || (a[0] = (s) => S(s)),
+      onKeydown: [
+        A(p, ["left", "right", "up", "down", "home", "end"]),
+        A(x, ["backspace"]),
+        A(v, ["delete"])
+      ],
+      onFocus: N,
+      onBlur: E,
+      onPaste: w
+    }, {
+      default: M(() => [
+        C(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "autocomplete", "type", "inputmode", "pattern", "placeholder", "value", "disabled", "data-disabled", "data-complete", "aria-label"]));
+  }
+});
+/**
+ * @license lucide-vue-next v0.514.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ce = oe("dot", [
+  ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
+]), Ie = /* @__PURE__ */ h({
+  __name: "PinInput",
+  props: {
+    modelValue: { default: () => [] },
+    defaultValue: {},
+    placeholder: {},
+    mask: { type: Boolean },
+    otp: { type: Boolean },
+    type: {},
+    dir: {},
+    disabled: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue", "complete"],
+  setup(r, { emit: l }) {
+    const t = r, n = l, u = j(t, "class"), c = X(u, n);
+    return (b, $) => (g(), y(o(ie), k(o(c), {
+      class: o(F)("flex gap-2 items-center", t.class)
+    }), {
+      default: M(() => [
+        C(b.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Me = /* @__PURE__ */ h({
+  __name: "PinInputGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(r) {
+    const l = r, t = j(l, "class"), n = R(t);
+    return (u, c) => (g(), y(o(D), k(o(n), {
+      class: o(F)("flex items-center", l.class)
+    }), {
+      default: M(() => [
+        C(u.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ce = /* @__PURE__ */ h({
+  __name: "PinInputSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  setup(r) {
+    const t = R(r);
+    return (n, u) => (g(), y(o(D), Q(W(o(t))), {
+      default: M(() => [
+        C(n.$slots, "default", {}, () => [
+          K(o(ce))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), $e = /* @__PURE__ */ h({
+  __name: "PinInputSlot",
+  props: {
+    index: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(r) {
+    const l = r, t = j(l, "class"), n = R(t);
+    return (u, c) => (g(), y(o(de), k(o(n), {
+      class: o(F)("relative text-center focus:outline-none focus:ring-2 focus:ring-ring focus:relative focus:z-10 flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md", l.class)
+    }), null, 16, ["class"]));
+  }
+});
+export {
+  Ie as PinInput,
+  Me as PinInputGroup,
+  Ce as PinInputSeparator,
+  $e as PinInputSlot
+};

package/dist/ui/popover/index.js

@@ -0,0 +1,6 @@
+import { _ as e, a, b as p } from "../../PopoverTrigger.vue_vue_type_script_setup_true_lang-DtI_qIyx.js";
+export {
+  e as Popover,
+  a as PopoverContent,
+  p as PopoverTrigger
+};

package/dist/ui/progress/index.js

@@ -0,0 +1,137 @@
+import { defineComponent as m, watch as x, nextTick as C, computed as $, createBlock as p, openBlock as c, unref as a, withCtx as f, renderSlot as h, mergeProps as b, createVNode as w, normalizeStyle as N } from "vue";
+import { c as M } from "../../utils-SFgRDk1R.js";
+import { u as V } from "../../index-BwPb_idr.js";
+import { c as E } from "../../createContext-CZEfaSVa.js";
+import { u as P } from "../../useForwardExpose-DZT6mL_U.js";
+import { P as y } from "../../Primitive-B3twiLO1.js";
+import { i as _ } from "../../nullish-CjWwlQS3.js";
+import { r as R } from "../../index-OpE2oGce.js";
+const u = 100, [T, B] = E("ProgressRoot"), d = (e) => typeof e == "number";
+function L(e, o) {
+  return _(e) || d(e) && !Number.isNaN(e) && e <= o && e >= 0 ? e : (console.error(`Invalid prop \`value\` of value \`${e}\` supplied to \`ProgressRoot\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${u} if no \`max\` prop is set)
+  - \`null\`  or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`), null);
+}
+function S(e) {
+  return d(e) && !Number.isNaN(e) && e > 0 ? e : (console.error(
+    `Invalid prop \`max\` of value \`${e}\` supplied to \`ProgressRoot\`. Only numbers greater than 0 are valid max values. Defaulting to \`${u}\`.`
+  ), u);
+}
+const k = /* @__PURE__ */ m({
+  __name: "ProgressRoot",
+  props: {
+    modelValue: {},
+    max: { default: u },
+    getValueLabel: { type: Function, default: (e, o) => d(e) ? `${Math.round(e / o * u)}%` : void 0 },
+    getValueText: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue", "update:max"],
+  setup(e, { emit: o }) {
+    const t = e, n = o;
+    P();
+    const r = V(t, "modelValue", n, {
+      passive: t.modelValue === void 0
+    }), l = V(t, "max", n, {
+      passive: t.max === void 0
+    });
+    x(
+      () => r.value,
+      async (s) => {
+        const i = L(s, t.max);
+        i !== s && (await C(), r.value = i);
+      },
+      { immediate: !0 }
+    ), x(
+      () => t.max,
+      (s) => {
+        const i = S(t.max);
+        i !== s && (l.value = i);
+      },
+      { immediate: !0 }
+    );
+    const v = $(() => _(r.value) ? "indeterminate" : r.value === l.value ? "complete" : "loading");
+    return B({
+      modelValue: r,
+      max: l,
+      progressState: v
+    }), (s, i) => {
+      var g;
+      return c(), p(a(y), {
+        "as-child": s.asChild,
+        as: s.as,
+        "aria-valuemax": a(l),
+        "aria-valuemin": 0,
+        "aria-valuenow": d(a(r)) ? a(r) : void 0,
+        "aria-valuetext": (g = s.getValueText) == null ? void 0 : g.call(s, a(r), a(l)),
+        "aria-label": s.getValueLabel(a(r), a(l)),
+        role: "progressbar",
+        "data-state": v.value,
+        "data-value": a(r) ?? void 0,
+        "data-max": a(l)
+      }, {
+        default: f(() => [
+          h(s.$slots, "default", { modelValue: a(r) })
+        ]),
+        _: 3
+      }, 8, ["as-child", "as", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-label", "data-state", "data-value", "data-max"]);
+    };
+  }
+}), D = /* @__PURE__ */ m({
+  __name: "ProgressIndicator",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const o = e, t = T();
+    return P(), (n, r) => {
+      var l;
+      return c(), p(a(y), b(o, {
+        "data-state": a(t).progressState.value,
+        "data-value": ((l = a(t).modelValue) == null ? void 0 : l.value) ?? void 0,
+        "data-max": a(t).max.value
+      }), {
+        default: f(() => [
+          h(n.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-state", "data-value", "data-max"]);
+    };
+  }
+}), q = /* @__PURE__ */ m({
+  __name: "Progress",
+  props: {
+    modelValue: { default: 0 },
+    max: {},
+    getValueLabel: {},
+    getValueText: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(e) {
+    const o = e, t = R(o, "class");
+    return (n, r) => (c(), p(a(k), b(a(t), {
+      class: a(M)(
+        "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+        o.class
+      )
+    }), {
+      default: f(() => [
+        w(a(D), {
+          class: "h-full w-full flex-1 bg-primary transition-all",
+          style: N(`transform: translateX(-${100 - (o.modelValue ?? 0)}%);`)
+        }, null, 8, ["style"])
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+});
+export {
+  q as Progress
+};

package/dist/ui/radio-group/index.js

@@ -0,0 +1,5 @@
+import { _ as r, a as p } from "../../RadioGroupItem.vue_vue_type_script_setup_true_lang-BNfRYIhL.js";
+export {
+  r as RadioGroup,
+  p as RadioGroupItem
+};