@orchidui/dashboard 1.8.1-95 → 1.8.1-96

package/dist/ui/stepper/index.js

@@ -0,0 +1,442 @@
+import { defineComponent as p, toRefs as H, ref as A, computed as b, watch as L, nextTick as U, createBlock as c, openBlock as f, unref as e, withCtx as v, renderSlot as _, createElementVNode as q, toDisplayString as T, mergeProps as g, normalizeProps as R, guardReactiveProps as F, createTextVNode as J, onMounted as Q, onUnmounted as Y, withKeys as Z, withModifiers as ee } from "vue";
+import { c as S } from "../../utils-SFgRDk1R.js";
+import { u as te, a as w } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { u as ae } from "../../index-BwPb_idr.js";
+import { c as X } from "../../createContext-CZEfaSVa.js";
+import { u as se } from "../../useDirection-C3C_TLKm.js";
+import { u as x } from "../../useForwardExpose-DZT6mL_U.js";
+import { P as $ } from "../../Primitive-B3twiLO1.js";
+import { r as C } from "../../index-OpE2oGce.js";
+import { u as G } from "../../useId-reAg216X.js";
+import { _ as oe } from "../../Separator-DRam5i7g.js";
+import { u as re } from "../../useKbd-BJNupnml.js";
+import { u as le } from "../../useArrowNavigation-BRMPveaB.js";
+import { g as ne } from "../../getActiveElement-B-HWdUIb.js";
+const ie = {
+  "aria-live": "polite",
+  "aria-atomic": "true",
+  role: "status",
+  style: {
+    transform: "translateX(-100%)",
+    position: "absolute",
+    pointerEvents: "none",
+    opacity: 0,
+    margin: 0
+  }
+}, [j, ue] = X("StepperRoot"), de = /* @__PURE__ */ p({
+  __name: "StepperRoot",
+  props: {
+    defaultValue: { default: 1 },
+    orientation: { default: "horizontal" },
+    dir: {},
+    modelValue: {},
+    linear: { type: Boolean, default: !0 },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l, { expose: a, emit: t }) {
+    const s = l, n = t, { dir: d, orientation: u, linear: h } = H(s), y = se(d), o = A(/* @__PURE__ */ new Set()), r = ae(s, "modelValue", n, {
+      defaultValue: s.defaultValue,
+      passive: s.modelValue === void 0
+    }), i = b(() => Array.from(o.value)), D = b(() => r.value === 1), E = b(() => r.value === i.value.length), O = b(() => o.value.size);
+    function V(m) {
+      m > O.value || m < 1 || o.value.size && i.value[m] && i.value[m].getAttribute("disabled") || h.value && m > (r.value ?? 1) + 1 || (r.value = m);
+    }
+    function k() {
+      V((r.value ?? 1) + 1);
+    }
+    function K() {
+      V((r.value ?? 1) - 1);
+    }
+    function M() {
+      return (r.value ?? 1) < O.value;
+    }
+    function N() {
+      return (r.value ?? 1) > 1;
+    }
+    const B = A(null), P = A(null), z = b(() => B.value ? B.value.getAttribute("disabled") === "" : !0), W = b(() => P.value ? P.value.getAttribute("disabled") === "" : !0);
+    return L(r, async () => {
+      await U(() => {
+        B.value = i.value.length && r.value < i.value.length ? i.value[r.value] : null, P.value = i.value.length && r.value > 1 ? i.value[r.value - 2] : null;
+      });
+    }), L(i, async () => {
+      await U(() => {
+        B.value = i.value.length && r.value < i.value.length ? i.value[r.value] : null, P.value = i.value.length && r.value > 1 ? i.value[r.value - 2] : null;
+      });
+    }), ue({
+      modelValue: r,
+      changeModelValue: (m) => {
+        r.value = m;
+      },
+      orientation: u,
+      dir: y,
+      linear: h,
+      totalStepperItems: o
+    }), a({
+      goToStep: V,
+      nextStep: k,
+      prevStep: K,
+      modelValue: r,
+      totalSteps: O,
+      isNextDisabled: z,
+      isPrevDisabled: W,
+      isFirstStep: D,
+      isLastStep: E,
+      hasNext: M,
+      hasPrev: N
+    }), x(), (m, be) => (f(), c(e($), {
+      role: "group",
+      "aria-label": "progress",
+      as: m.as,
+      "as-child": m.asChild,
+      "data-linear": e(h) ? "" : void 0,
+      "data-orientation": m.orientation
+    }, {
+      default: v(() => [
+        _(m.$slots, "default", {
+          modelValue: e(r),
+          totalSteps: o.value.size,
+          isNextDisabled: z.value,
+          isPrevDisabled: W.value,
+          isFirstStep: D.value,
+          isLastStep: E.value,
+          goToStep: V,
+          nextStep: k,
+          prevStep: K,
+          hasNext: M,
+          hasPrev: N
+        }),
+        q("div", ie, " Step " + T(e(r)) + " of " + T(o.value.size), 1)
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "data-linear", "data-orientation"]));
+  }
+}), [I, pe] = X("StepperItem"), ce = /* @__PURE__ */ p({
+  __name: "StepperItem",
+  props: {
+    step: {},
+    disabled: { type: Boolean, default: !1 },
+    completed: { type: Boolean, default: !1 },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(l) {
+    const a = l, { disabled: t, step: s, completed: n } = H(a), { forwardRef: d } = x(), u = j(), h = G(void 0, "reka-stepper-item-title"), y = G(void 0, "reka-stepper-item-description"), o = b(() => n.value ? "completed" : u.modelValue.value === s.value ? "active" : u.modelValue.value > s.value ? "completed" : "inactive"), r = b(() => t.value ? !1 : u.linear.value ? s.value <= u.modelValue.value || s.value === u.modelValue.value + 1 : !0);
+    return pe({
+      titleId: h,
+      descriptionId: y,
+      state: o,
+      disabled: t,
+      step: s,
+      isFocusable: r
+    }), (i, D) => (f(), c(e($), {
+      ref: e(d),
+      as: i.as,
+      "as-child": i.asChild,
+      "aria-current": o.value === "active" ? "true" : void 0,
+      "data-state": o.value,
+      disabled: e(t) || !r.value ? "" : void 0,
+      "data-disabled": e(t) || !r.value ? "" : void 0,
+      "data-orientation": e(u).orientation.value
+    }, {
+      default: v(() => [
+        _(i.$slots, "default", { state: o.value })
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "aria-current", "data-state", "disabled", "data-disabled", "data-orientation"]));
+  }
+}), fe = /* @__PURE__ */ p({
+  __name: "StepperDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "p" }
+  },
+  setup(l) {
+    const a = l;
+    x();
+    const t = I();
+    return (s, n) => (f(), c(e($), g(a, {
+      id: e(t).descriptionId
+    }), {
+      default: v(() => [
+        _(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), me = /* @__PURE__ */ p({
+  __name: "StepperIndicator",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(l) {
+    const a = l, t = I();
+    return x(), (s, n) => (f(), c(e($), R(F(a)), {
+      default: v(() => [
+        _(s.$slots, "default", {
+          step: e(t).step.value
+        }, () => [
+          J(" Step " + T(e(t).step.value), 1)
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ve = /* @__PURE__ */ p({
+  __name: "StepperSeparator",
+  props: {
+    orientation: {},
+    decorative: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(l) {
+    const a = l, t = j(), s = I();
+    return x(), (n, d) => (f(), c(e(oe), g(a, {
+      decorative: "",
+      orientation: e(t).orientation.value,
+      "data-state": e(s).state.value
+    }), {
+      default: v(() => [
+        _(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["orientation", "data-state"]));
+  }
+}), _e = /* @__PURE__ */ p({
+  __name: "StepperTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "h4" }
+  },
+  setup(l) {
+    const a = l, t = I();
+    return x(), (s, n) => (f(), c(e($), g(a, {
+      id: e(t).titleId
+    }), {
+      default: v(() => [
+        _(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["id"]));
+  }
+}), ge = /* @__PURE__ */ p({
+  __name: "StepperTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(l) {
+    const a = j(), t = I(), s = re(), n = b(() => Array.from(a.totalStepperItems.value));
+    function d(o) {
+      if (!t.disabled.value) {
+        if (a.linear.value) {
+          if ((t.step.value <= a.modelValue.value || t.step.value === a.modelValue.value + 1) && o.ctrlKey === !1) {
+            a.changeModelValue(t.step.value);
+            return;
+          }
+        } else if (o.ctrlKey === !1) {
+          a.changeModelValue(t.step.value);
+          return;
+        }
+        o.preventDefault();
+      }
+    }
+    function u(o) {
+      o.preventDefault(), !t.disabled.value && ((o.key === s.ENTER || o.key === s.SPACE) && !o.ctrlKey && !o.shiftKey && a.changeModelValue(t.step.value), [s.ARROW_LEFT, s.ARROW_RIGHT, s.ARROW_UP, s.ARROW_DOWN].includes(o.key) && le(o, ne(), void 0, {
+        itemsArray: n.value,
+        focus: !0,
+        loop: !1,
+        arrowKeyOptions: a.orientation.value,
+        dir: a.dir.value
+      }));
+    }
+    const { forwardRef: h, currentElement: y } = x();
+    return Q(() => {
+      a.totalStepperItems.value.add(y.value);
+    }), Y(() => {
+      a.totalStepperItems.value.delete(y.value);
+    }), (o, r) => (f(), c(e($), {
+      ref: e(h),
+      type: o.as === "button" ? "button" : void 0,
+      as: o.as,
+      "as-child": o.asChild,
+      "data-state": e(t).state.value,
+      disabled: e(t).disabled.value || !e(t).isFocusable.value ? "" : void 0,
+      "data-disabled": e(t).disabled.value || !e(t).isFocusable.value ? "" : void 0,
+      "data-orientation": e(a).orientation.value,
+      tabindex: e(t).isFocusable.value ? 0 : -1,
+      "aria-describedby": e(t).descriptionId,
+      "aria-labelledby": e(t).titleId,
+      onMousedown: ee(d, ["left"]),
+      onKeydown: Z(u, ["enter", "space", "left", "right", "up", "down"])
+    }, {
+      default: v(() => [
+        _(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["type", "as", "as-child", "data-state", "disabled", "data-disabled", "data-orientation", "tabindex", "aria-describedby", "aria-labelledby"]));
+  }
+}), Oe = /* @__PURE__ */ p({
+  __name: "Stepper",
+  props: {
+    defaultValue: {},
+    orientation: {},
+    dir: {},
+    modelValue: {},
+    linear: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: a }) {
+    const t = l, s = a, n = C(t, "class"), d = te(n, s);
+    return (u, h) => (f(), c(e(de), g({
+      class: e(S)(
+        "flex gap-2",
+        t.class
+      )
+    }, e(d)), {
+      default: v((y) => [
+        _(u.$slots, "default", R(F(y)))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ae = /* @__PURE__ */ p({
+  __name: "StepperDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(l) {
+    const a = l, t = C(a, "class"), s = w(t);
+    return (n, d) => (f(), c(e(fe), g(e(s), {
+      class: e(S)("text-xs text-muted-foreground", a.class)
+    }), {
+      default: v((u) => [
+        _(n.$slots, "default", R(F(u)))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Te = /* @__PURE__ */ p({
+  __name: "StepperIndicator",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(l) {
+    const a = l, t = C(a, "class"), s = w(t);
+    return (n, d) => (f(), c(e(me), g(e(s), {
+      class: e(S)(
+        "inline-flex items-center justify-center rounded-full text-muted-foreground/50 w-10 h-10",
+        // Disabled
+        "group-data-[disabled]:text-muted-foreground group-data-[disabled]:opacity-50",
+        // Active
+        "group-data-[state=active]:bg-primary group-data-[state=active]:text-primary-foreground",
+        // Completed
+        "group-data-[state=completed]:bg-accent group-data-[state=completed]:text-accent-foreground",
+        a.class
+      )
+    }), {
+      default: v(() => [
+        _(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), je = /* @__PURE__ */ p({
+  __name: "StepperItem",
+  props: {
+    step: {},
+    disabled: { type: Boolean },
+    completed: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(l) {
+    const a = l, t = C(a, "class"), s = w(t);
+    return (n, d) => (f(), c(e(ce), g(e(s), {
+      class: e(S)("flex items-center gap-2 group data-[disabled]:pointer-events-none", a.class)
+    }), {
+      default: v((u) => [
+        _(n.$slots, "default", R(F(u)))
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ee = /* @__PURE__ */ p({
+  __name: "StepperSeparator",
+  props: {
+    orientation: {},
+    decorative: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(l) {
+    const a = l, t = C(a, "class"), s = w(t);
+    return (n, d) => (f(), c(e(ve), g(e(s), {
+      class: e(S)(
+        "bg-muted",
+        // Disabled
+        "group-data-[disabled]:bg-muted group-data-[disabled]:opacity-50",
+        // Completed
+        "group-data-[state=completed]:bg-accent-foreground",
+        a.class
+      )
+    }), null, 16, ["class"]));
+  }
+}), ke = /* @__PURE__ */ p({
+  __name: "StepperTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(l) {
+    const a = l, t = C(a, "class"), s = w(t);
+    return (n, d) => (f(), c(e(_e), g(e(s), {
+      class: e(S)("text-md font-semibold whitespace-nowrap", a.class)
+    }), {
+      default: v(() => [
+        _(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ke = /* @__PURE__ */ p({
+  __name: "StepperTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(l) {
+    const a = l, t = C(a, "class"), s = w(t);
+    return (n, d) => (f(), c(e(ge), g(e(s), {
+      class: e(S)("p-2 flex flex-col items-center text-center gap-2 rounded-md", a.class)
+    }), {
+      default: v(() => [
+        _(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  Oe as Stepper,
+  Ae as StepperDescription,
+  Te as StepperIndicator,
+  je as StepperItem,
+  Ee as StepperSeparator,
+  ke as StepperTitle,
+  Ke as StepperTrigger
+};

package/dist/ui/switch/index.js

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

package/dist/ui/table/index.js

@@ -0,0 +1,153 @@
+import { defineComponent as r, createElementBlock as p, openBlock as l, createElementVNode as _, normalizeClass as d, unref as a, renderSlot as c, createBlock as m, withCtx as u, createVNode as i, mergeProps as f } from "vue";
+import { c as n } from "../../utils-SFgRDk1R.js";
+import { r as b } from "../../index-OpE2oGce.js";
+const h = { class: "relative w-full overflow-auto" }, v = /* @__PURE__ */ r({
+  __name: "Table",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (t, o) => (l(), p("div", h, [
+      _("table", {
+        class: d(a(n)("w-full caption-bottom text-sm", s.class))
+      }, [
+        c(t.$slots, "default")
+      ], 2)
+    ]));
+  }
+}), k = /* @__PURE__ */ r({
+  __name: "TableBody",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (t, o) => (l(), p("tbody", {
+      class: d(a(n)("[&_tr:last-child]:border-0", s.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), B = /* @__PURE__ */ r({
+  __name: "TableCaption",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (t, o) => (l(), p("caption", {
+      class: d(a(n)("mt-4 text-sm text-muted-foreground", s.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), T = /* @__PURE__ */ r({
+  __name: "TableCell",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (t, o) => (l(), p("td", {
+      class: d(
+        a(n)(
+          "p-4 align-middle [&:has([role=checkbox])]:pr-0",
+          s.class
+        )
+      )
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), $ = /* @__PURE__ */ r({
+  __name: "TableRow",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (t, o) => (l(), p("tr", {
+      class: d(a(n)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", s.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), x = { class: "flex items-center justify-center py-10" }, E = /* @__PURE__ */ r({
+  __name: "TableEmpty",
+  props: {
+    class: {},
+    colspan: { default: 1 }
+  },
+  setup(e) {
+    const s = e, t = b(s, "class");
+    return (o, g) => (l(), m($, null, {
+      default: u(() => [
+        i(T, f({
+          class: a(n)(
+            "p-4 whitespace-nowrap align-middle text-sm text-foreground",
+            s.class
+          )
+        }, a(t)), {
+          default: u(() => [
+            _("div", x, [
+              c(o.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), H = /* @__PURE__ */ r({
+  __name: "TableFooter",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (t, o) => (l(), p("tfoot", {
+      class: d(a(n)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", s.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), F = /* @__PURE__ */ r({
+  __name: "TableHead",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (t, o) => (l(), p("th", {
+      class: d(a(n)("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", s.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), N = /* @__PURE__ */ r({
+  __name: "TableHeader",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const s = e;
+    return (t, o) => (l(), p("thead", {
+      class: d(a(n)("[&_tr]:border-b", s.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  v as Table,
+  k as TableBody,
+  B as TableCaption,
+  T as TableCell,
+  E as TableEmpty,
+  H as TableFooter,
+  F as TableHead,
+  N as TableHeader,
+  $ as TableRow
+};