@alebtz/redm-vue-ui 1.0.0

package/dist/redm-vue-ui.js

@@ -0,0 +1,731 @@
+import { openBlock as u, createElementBlock as m, normalizeClass as V, renderSlot as g, computed as N, createCommentVNode as b, ref as I, watch as T, createElementVNode as v, normalizeStyle as Q, toDisplayString as S, createBlock as R, Teleport as Z, createVNode as k, Transition as D, withCtx as P, withModifiers as z, useCssVars as X } from "vue";
+const f = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [r, o] of n)
+    t[r] = o;
+  return t;
+}, j = ["type", "disabled"], L = {
+  __name: "RdrButton",
+  props: {
+    type: {
+      type: String,
+      default: "button"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    active: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (n, t) => (u(), m("button", {
+      class: V(["rdr-button", { "rdr-button--active": e.active }]),
+      type: e.type,
+      disabled: e.disabled
+    }, [
+      g(n.$slots, "default", {}, void 0, !0)
+    ], 10, j));
+  }
+}, M = /* @__PURE__ */ f(L, [["__scopeId", "data-v-2a1a92e1"]]), U = ["type", "value", "placeholder", "disabled"], K = {
+  __name: "RdrInput",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (n, t) => (u(), m("input", {
+      type: e.type,
+      value: e.modelValue,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      class: "rdr-input",
+      onInput: t[0] || (t[0] = (r) => n.$emit("update:modelValue", r.target.value))
+    }, null, 40, U));
+  }
+}, Y = /* @__PURE__ */ f(K, [["__scopeId", "data-v-ef3beb0e"]]), q = ["value", "placeholder", "disabled", "rows"], W = {
+  __name: "RdrTextarea",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    rows: {
+      type: Number,
+      default: 5
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (n, t) => (u(), m("textarea", {
+      value: e.modelValue,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      rows: e.rows,
+      class: "rdr-textarea",
+      onInput: t[0] || (t[0] = (r) => n.$emit("update:modelValue", r.target.value))
+    }, null, 40, q));
+  }
+}, J = /* @__PURE__ */ f(W, [["__scopeId", "data-v-5c53637b"]]), _ = {
+  __name: "RdrCard",
+  props: {
+    padding: {
+      type: String,
+      default: "md",
+      validator: (e) => ["none", "sm", "md", "lg", "xl"].includes(e)
+    },
+    scrollable: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const n = e, t = N(() => ({
+      [`rdr-card--padding-${n.padding}`]: !0,
+      "rdr-card--scrollable": n.scrollable
+    }));
+    return (r, o) => (u(), m("div", {
+      class: V(["rdr-card", t.value])
+    }, [
+      g(r.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}, $ = /* @__PURE__ */ f(_, [["__scopeId", "data-v-a247d92b"]]), ee = { class: "rdr-header" }, te = { key: 0 }, ae = { key: 1 }, ne = { key: 2 }, le = { key: 3 }, re = {
+  __name: "RdrHeader",
+  props: {
+    level: {
+      type: Number,
+      default: 1,
+      validator: (e) => [1, 2, 3].includes(e)
+    },
+    divider: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    return (n, t) => (u(), m("div", ee, [
+      e.level === 1 ? (u(), m("h1", te, [
+        g(n.$slots, "default", {}, void 0, !0)
+      ])) : e.level === 2 ? (u(), m("h2", ae, [
+        g(n.$slots, "default", {}, void 0, !0)
+      ])) : e.level === 3 ? (u(), m("h3", ne, [
+        g(n.$slots, "default", {}, void 0, !0)
+      ])) : b("", !0),
+      e.divider ? (u(), m("hr", le)) : b("", !0)
+    ]));
+  }
+}, se = /* @__PURE__ */ f(re, [["__scopeId", "data-v-48874094"]]), oe = {
+  __name: "RdrDivider",
+  props: {
+    thick: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (n, t) => (u(), m("hr", {
+      class: V(["rdr-divider", { "rdr-divider--thick": e.thick }])
+    }, null, 2));
+  }
+}, de = /* @__PURE__ */ f(oe, [["__scopeId", "data-v-9640b7ae"]]), G = "data:image/png;base64,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", O = "data:image/png;base64,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", ue = { class: "rdr-slider-input" }, ie = ["disabled"], ce = { class: "rdr-slider-input__container" }, Ae = ["min", "max", "step", "value"], me = ["disabled"], fe = {
+  __name: "RdrSlider",
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: 0
+    },
+    max: {
+      type: Number,
+      default: 100
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    showArrows: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, r = n, o = I(!1), a = I(!1), c = I(!1), d = N(() => ({
+      left: `${(t.modelValue - t.min) / (t.max - t.min) * 100}%`
+    }));
+    T(() => t.modelValue, () => {
+      o.value && (c.value = !0, setTimeout(() => {
+        c.value = !1;
+      }, 200));
+    });
+    function C(p) {
+      o.value = !0, r("update:modelValue", parseFloat(p.target.value));
+    }
+    function l() {
+      a.value = !0, o.value = !0;
+      const p = () => {
+        a.value = !1, o.value = !1, document.removeEventListener("mouseup", p);
+      };
+      document.addEventListener("mouseup", p);
+    }
+    function s() {
+      a.value || (o.value = !1);
+    }
+    function A() {
+      const p = Math.min(t.modelValue + t.step, t.max);
+      r("update:modelValue", p);
+    }
+    function w() {
+      const p = Math.max(t.modelValue - t.step, t.min);
+      r("update:modelValue", p);
+    }
+    return (p, y) => (u(), m("div", ue, [
+      e.showArrows ? (u(), m("button", {
+        key: 0,
+        class: "rdr-slider-input__arrow",
+        onClick: w,
+        disabled: e.modelValue <= e.min
+      }, [...y[1] || (y[1] = [
+        v("img", {
+          src: G,
+          alt: "Decrease"
+        }, null, -1)
+      ])], 8, ie)) : b("", !0),
+      v("div", ce, [
+        v("div", {
+          class: V(["rdr-slider-input__tooltip", { visible: o.value, updating: c.value }]),
+          style: Q(d.value)
+        }, S(e.modelValue), 7),
+        v("input", {
+          type: "range",
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          value: e.modelValue,
+          onInput: C,
+          onMouseenter: y[0] || (y[0] = (x) => o.value = !0),
+          onMouseleave: s,
+          onMousedown: l,
+          class: "rdr-slider-input__input"
+        }, null, 40, Ae)
+      ]),
+      e.showArrows ? (u(), m("button", {
+        key: 1,
+        class: "rdr-slider-input__arrow",
+        onClick: A,
+        disabled: e.modelValue >= e.max
+      }, [...y[2] || (y[2] = [
+        v("img", {
+          src: O,
+          alt: "Increase"
+        }, null, -1)
+      ])], 8, me)) : b("", !0)
+    ]));
+  }
+}, pe = /* @__PURE__ */ f(fe, [["__scopeId", "data-v-38f0022b"]]), ve = { class: "rdr-number-input" }, ge = ["disabled"], ye = ["value", "placeholder"], Be = ["disabled"], he = {
+  __name: "RdrNumberInput",
+  props: {
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    min: {
+      type: Number,
+      default: -1 / 0
+    },
+    max: {
+      type: Number,
+      default: 1 / 0
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, r = n, o = N(() => t.modelValue);
+    let a = null, c = null, d = 500;
+    function C(h) {
+      const B = parseFloat(h.target.value);
+      isNaN(B) || s(B);
+    }
+    function l() {
+      t.modelValue < t.min ? r("update:modelValue", t.min) : t.modelValue > t.max && r("update:modelValue", t.max);
+    }
+    function s(h) {
+      const B = Math.max(t.min, Math.min(t.max, h)), F = Math.round(B / t.step) * t.step;
+      r("update:modelValue", F);
+    }
+    function A() {
+      const h = Math.min(t.modelValue + t.step, t.max);
+      r("update:modelValue", h);
+    }
+    function w() {
+      const h = Math.max(t.modelValue - t.step, t.min);
+      r("update:modelValue", h);
+    }
+    function p() {
+      A(), d = 500, c = setTimeout(() => {
+        a = setInterval(() => {
+          A(), d > 50 && (d -= 50, clearInterval(a), a = setInterval(() => {
+            A();
+          }, d));
+        }, d);
+      }, 300);
+    }
+    function y() {
+      w(), d = 500, c = setTimeout(() => {
+        a = setInterval(() => {
+          w(), d > 50 && (d -= 50, clearInterval(a), a = setInterval(() => {
+            w();
+          }, d));
+        }, d);
+      }, 300);
+    }
+    function x() {
+      c && (clearTimeout(c), c = null), a && (clearInterval(a), a = null), d = 500;
+    }
+    return (h, B) => (u(), m("div", ve, [
+      v("button", {
+        class: "rdr-number-input__button",
+        onMousedown: y,
+        onMouseup: x,
+        onMouseleave: x,
+        onTouchstart: y,
+        onTouchend: x,
+        disabled: e.modelValue <= e.min
+      }, [...B[0] || (B[0] = [
+        v("img", {
+          src: G,
+          alt: "Decrease"
+        }, null, -1)
+      ])], 40, ge),
+      v("input", {
+        type: "text",
+        value: o.value,
+        onInput: C,
+        onBlur: l,
+        class: "rdr-number-input__field",
+        placeholder: e.placeholder
+      }, null, 40, ye),
+      v("button", {
+        class: "rdr-number-input__button",
+        onMousedown: p,
+        onMouseup: x,
+        onMouseleave: x,
+        onTouchstart: p,
+        onTouchend: x,
+        disabled: e.modelValue >= e.max
+      }, [...B[1] || (B[1] = [
+        v("img", {
+          src: O,
+          alt: "Increase"
+        }, null, -1)
+      ])], 40, Be)
+    ]));
+  }
+}, be = /* @__PURE__ */ f(he, [["__scopeId", "data-v-6aec9abe"]]), we = {
+  __name: "RdrPanel",
+  props: {
+    padding: {
+      type: String,
+      default: "xl",
+      validator: (e) => ["none", "sm", "md", "lg", "xl"].includes(e)
+    },
+    scrollable: {
+      type: Boolean,
+      default: !1
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "red"].includes(e)
+    }
+  },
+  setup(e) {
+    const n = e, t = N(() => ({
+      [`rdr-panel--padding-${n.padding}`]: !0,
+      "rdr-panel--scrollable": n.scrollable,
+      [`rdr-panel--${n.variant}`]: !0
+    }));
+    return (r, o) => (u(), m("div", {
+      class: V(["rdr-panel", t.value])
+    }, [
+      g(r.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}, xe = /* @__PURE__ */ f(we, [["__scopeId", "data-v-0056c393"]]), E = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFSUlEQVR4nOWbW4hVVRzGf2MZKCgOpEmlyURqYSHVQHTRSoryoTISRYUCHxQNs5tQJNqNSiKs7EV8iC6mKGWa40tqmfVSkUo1WSOIXWwyLYsuJs7Xw9qbc2bP2eestfZa55zBD/6c2bP3+q/v+/Za++y9/vu0SKIGWjLbNRv0JwxoNIFGw8aAe4FvgPcic2kIWmpMgRXAg2XbXcCVwJ8xSQVAO3Au8G7NIyXlxSxVxj5JQ6u0a2S0StpRxvXyWm3ydiyR1J1jQLOa0Crp5wzPg5JGuRqwqYrwZjZhew7P76uZUOkiOMpynl0KrLGfllGxHbgxZ9/5wCfk6argynhJxy1HgSRNb+BZHy6p05Lnc5Vy5CUe72CAJF3VIPEHHXnenM1TrYNpDok/rrP46zzES9Kn2Vy1OrrDIfn6OghH0iQP4ZL0qxxHQBpzHTrZGFhsNmZ4CJekbyW1Vcpp2/HDDp3tkjQkgNhs3OMhXJJWVsvrQuAZh053FRSbjfs9hEvS0lq5XYmsdOg8lAlPegiXpIU2+X0IrXYgsdkjf3ms8hD+n8w3mFUfvsReciC0ySP/CPV+qLFFt6RxLn0VOTtPORDb4JB3hPo+1NigW9LZrjqKGICkhxwIvm6Rb4z8xO+Qh3gFMABJDzgQXVMlzxhJh921V81ZFwOQtNiB8CsV2vuKX1uUeygDkLTAgXi5Cb7iV4XgHdIAJM13ELBUUruHcMnclAXhHNoAl+nQk4Qrng7JN4YBSHrMQ5gNXgjNNZYBSFoeWPyKGDxjGhDShEdjcTwz0iJliuXJ5zLP9vuBKcCPQdhUQD1qg8uBhR7t3sGsPEcTD/Urjg5xPH4/MAM4GYFLL9TDgAXAs45txgHrgYHh6fRGreJoUcylWPHkc+AGIhZjY46A+RSvHF2Bqeq4TiFrxBoBdwOvBsz3JXA1EUZCDAOmAW9bHtuThM3XcRQTQk+B27EXD2aKjAN+sDh2AvARMNiDVz4C3lXd6Xh3t7OsbZtMGdsGeyQNDsW7GcQ31IQQ4l2KqKn4M3Jytcm+NB/EhKLiXVaBJGm3pLNq5Jwks7Zvg30W+aIZMMVDfN6ZL2LCniIm+Io/T9IhR/GufbiUwd+qpwE+4m3PfBET1tXDgHPk9mbGVhW/UOW9r5jFCXmsGrmKP+AgvtL6v2/YvqRxQma53Pr1vVjiY6zfLXLo39oE2863OnS+LIL4NGzLcEclzbMxwabTFQ7iH4ko3taEU0l8IGmspJZMOBkwucnEpzHPwoBTkp6QKb0N8zFgpKSuKh39JOkPSf9Kuq2O4tO4y8KAUwm3YTIvU/cxIO9xeCSwG7gwZ/9nwM7kcwKwOegjqh02AtcD/9Q4bjRwHPi90s68l6X3UhKvTHwBbACOYVZ+utx4B8WHwMQMhwGZmAkMp8S/NzJD4gKVfidwn8yFpKcsOiTNlHlvcHQDhn2lSOf2tgrT4e/kc7fMqzd92mdHwEKgEzNsACaX7VucxGhgHXCo6OkLjKnAy8nfncA2YBDwGnAAeB4Y0adVmRsDk0Clm47u5MwvkjRA0tQmOvPZEZDGkoR7RxKSNFvSnOSzV/tKi6JvALOBN5PtLZgixWWYtbtjYU9cFFwDrAW+xvCdBczBXAN+Ad5PD8wakIqfV/a/1ZHJxkIrxoSjyfZFwIuYVegjwC7gZPk1IBV/cbIT+q94gN+AWzHXgu+AWzAmpLgESiPgceAmYDqmGjuI2t+v/QntwFigA1Nt+go4DCUDJmLmSrNd2UNiFHAtZv4fSf8ZuzjabBiKuXPdC/wFp58BfXDa/3r8fz+LAhvK2I1CAAAAAElFTkSuQmCC", Ne = {
+  __name: "RdrModal",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: String,
+      default: "50%"
+    },
+    height: {
+      type: String,
+      default: "50%"
+    },
+    closable: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnOverlay: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, r = n, o = N(() => ({
+      width: t.width,
+      height: t.height
+    }));
+    function a() {
+      t.closeOnOverlay && r("update:modelValue", !1);
+    }
+    return (c, d) => (u(), R(Z, { to: "body" }, [
+      k(D, { name: "zoom-in" }, {
+        default: P(() => [
+          e.modelValue ? (u(), m("div", {
+            key: 0,
+            class: "rdr-modal-container",
+            onClick: z(a, ["self"])
+          }, [
+            v("div", {
+              class: "rdr-modal",
+              style: Q(o.value)
+            }, [
+              e.closable ? (u(), m("button", {
+                key: 0,
+                class: "rdr-modal__close",
+                onClick: a
+              }, [...d[0] || (d[0] = [
+                v("img", {
+                  src: E,
+                  alt: "Close"
+                }, null, -1)
+              ])])) : b("", !0),
+              g(c.$slots, "default", {}, void 0, !0)
+            ], 4)
+          ])) : b("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}, Ve = /* @__PURE__ */ f(Ne, [["__scopeId", "data-v-957a7ba2"]]), Ce = { class: "rdr-slider" }, Ie = {
+  __name: "RdrSlider",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      default: "right",
+      validator: (e) => ["left", "right"].includes(e)
+    },
+    width: {
+      type: String,
+      default: "500px"
+    },
+    closable: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    X((r) => ({
+      v24119722: e.width
+    }));
+    const n = e, t = N(() => ({
+      [`rdr-slider__panel--${n.position}`]: !0
+    }));
+    return (r, o) => (u(), m("div", Ce, [
+      k(D, { name: "slide-in" }, {
+        default: P(() => [
+          e.modelValue ? (u(), m("div", {
+            key: 0,
+            class: V(["rdr-slider__panel", t.value])
+          }, [
+            e.closable ? (u(), m("button", {
+              key: 0,
+              class: "rdr-slider__close",
+              onClick: o[0] || (o[0] = (a) => r.$emit("update:modelValue", !1))
+            }, [...o[1] || (o[1] = [
+              v("img", {
+                src: E,
+                alt: "Close"
+              }, null, -1)
+            ])])) : b("", !0),
+            g(r.$slots, "default", {}, void 0, !0)
+          ], 2)) : b("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}, De = /* @__PURE__ */ f(Ie, [["__scopeId", "data-v-d5967e05"]]), Pe = {
+  __name: "FadeIn",
+  props: {
+    duration: {
+      type: Number,
+      default: 300
+    }
+  },
+  setup(e) {
+    return X((n) => ({
+      ccf5c60c: e.duration + "ms"
+    })), (n, t) => (u(), R(D, { name: "fade-in" }, {
+      default: P(() => [
+        g(n.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }));
+  }
+}, Re = /* @__PURE__ */ f(Pe, [["__scopeId", "data-v-859810d4"]]), Xe = {
+  __name: "ZoomIn",
+  props: {
+    duration: {
+      type: Number,
+      default: 300
+    }
+  },
+  setup(e) {
+    return X((n) => ({
+      v778dca00: e.duration + "ms"
+    })), (n, t) => (u(), R(D, { name: "zoom-in" }, {
+      default: P(() => [
+        g(n.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }));
+  }
+}, Qe = /* @__PURE__ */ f(Xe, [["__scopeId", "data-v-77252994"]]), ke = {
+  __name: "SlideIn",
+  props: {
+    duration: {
+      type: Number,
+      default: 300
+    },
+    direction: {
+      type: String,
+      default: "bottom",
+      validator: (e) => ["top", "bottom", "left", "right"].includes(e)
+    },
+    distance: {
+      type: Number,
+      default: 200
+    }
+  },
+  setup(e) {
+    return X((n) => ({
+      v46383cb8: e.duration + "ms",
+      v41085e44: e.direction === "bottom" ? `translateY(${e.distance}px)` : e.direction === "top" ? `translateY(-${e.distance}px)` : e.direction === "right" ? `translateX(${e.distance}px)` : `translateX(-${e.distance}px)`
+    })), (n, t) => (u(), R(D, { name: "slide-in" }, {
+      default: P(() => [
+        g(n.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }));
+  }
+}, Ge = /* @__PURE__ */ f(ke, [["__scopeId", "data-v-76e3a6cb"]]), H = {
+  colors: {
+    primary: "#B62A2A",
+    primaryDark: "#B21214",
+    text: "#fafafa",
+    textMuted: "rgba(250, 250, 250, 0.7)",
+    background: "rgba(33, 33, 33, 0.3)",
+    overlay: "rgba(0, 0, 0, 0.5)"
+  },
+  fonts: {
+    decorative: "Chinese Rocks, sans-serif",
+    title: "RDR Lino Regular, serif",
+    body: "Hapna Slab Serif, serif"
+  },
+  fontSizes: {
+    xs: "16px",
+    sm: "18px",
+    md: "20px",
+    lg: "24px",
+    xl: "32px"
+  },
+  spacing: {
+    xs: "5px",
+    sm: "10px",
+    md: "15px",
+    lg: "25px",
+    xl: "50px"
+  },
+  transitions: {
+    fast: "0.15s ease-out",
+    normal: "0.3s ease-out"
+  }
+}, i = I({ ...H });
+function Ee() {
+  const e = N(() => i.value);
+  function n(a) {
+    i.value = {
+      ...i.value,
+      ...a,
+      colors: { ...i.value.colors, ...a.colors || {} },
+      fonts: { ...i.value.fonts, ...a.fonts || {} },
+      fontSizes: { ...i.value.fontSizes, ...a.fontSizes || {} },
+      spacing: { ...i.value.spacing, ...a.spacing || {} },
+      transitions: { ...i.value.transitions, ...a.transitions || {} }
+    }, o();
+  }
+  function t() {
+    i.value = { ...H }, o();
+  }
+  function r(a) {
+    return a.split(".").reduce((c, d) => c == null ? void 0 : c[d], i.value);
+  }
+  function o() {
+    const a = document.documentElement;
+    a.style.setProperty("--rdr-color-primary", i.value.colors.primary), a.style.setProperty("--rdr-color-primary-dark", i.value.colors.primaryDark), a.style.setProperty("--rdr-color-text", i.value.colors.text), a.style.setProperty("--rdr-color-text-muted", i.value.colors.textMuted), a.style.setProperty("--rdr-color-background", i.value.colors.background), a.style.setProperty("--rdr-color-overlay", i.value.colors.overlay), a.style.setProperty("--rdr-font-decorative", i.value.fonts.decorative), a.style.setProperty("--rdr-font-title", i.value.fonts.title), a.style.setProperty("--rdr-font-body", i.value.fonts.body), Object.entries(i.value.fontSizes).forEach(([c, d]) => {
+      a.style.setProperty(`--rdr-font-size-${c}`, d);
+    }), Object.entries(i.value.spacing).forEach(([c, d]) => {
+      a.style.setProperty(`--rdr-spacing-${c}`, d);
+    }), a.style.setProperty("--rdr-transition-fast", i.value.transitions.fast), a.style.setProperty("--rdr-transition-normal", i.value.transitions.normal);
+  }
+  return {
+    theme: e,
+    updateTheme: n,
+    resetTheme: t,
+    getThemeValue: r
+  };
+}
+function He() {
+  const e = I(!1);
+  async function n(l, s = 300) {
+    return e.value = !0, await l(), new Promise((A) => {
+      setTimeout(() => {
+        e.value = !1, A();
+      }, s);
+    });
+  }
+  function t(l, s = 300) {
+    return new Promise((A) => {
+      l.style.opacity = "0", l.style.transition = `opacity ${s}ms ease-out`, requestAnimationFrame(() => {
+        l.style.opacity = "1", setTimeout(A, s);
+      });
+    });
+  }
+  function r(l, s = 300) {
+    return new Promise((A) => {
+      l.style.opacity = "1", l.style.transition = `opacity ${s}ms ease-out`, requestAnimationFrame(() => {
+        l.style.opacity = "0", setTimeout(A, s);
+      });
+    });
+  }
+  function o(l, s = 300) {
+    return new Promise((A) => {
+      l.style.opacity = "0", l.style.transform = "scale(0.8)", l.style.transition = `all ${s}ms ease-out`, requestAnimationFrame(() => {
+        l.style.opacity = "1", l.style.transform = "scale(1)", setTimeout(A, s);
+      });
+    });
+  }
+  function a(l, s = 300) {
+    return new Promise((A) => {
+      l.style.opacity = "1", l.style.transform = "scale(1)", l.style.transition = `all ${s}ms ease-out`, requestAnimationFrame(() => {
+        l.style.opacity = "0", l.style.transform = "scale(0.8)", setTimeout(A, s);
+      });
+    });
+  }
+  function c(l, s = 300) {
+    return new Promise((A) => {
+      l.style.transform = "translateY(200px)", l.style.transition = `transform ${s}ms ease-out`, requestAnimationFrame(() => {
+        l.style.transform = "translateY(0)", setTimeout(A, s);
+      });
+    });
+  }
+  function d(l, s = 300) {
+    return new Promise((A) => {
+      l.style.transform = "translateY(0)", l.style.transition = `transform ${s}ms ease-out`, requestAnimationFrame(() => {
+        l.style.transform = "translateY(200px)", setTimeout(A, s);
+      });
+    });
+  }
+  function C(l, s, A = 300) {
+    return new Promise((w) => {
+      l.classList.add(s), setTimeout(() => {
+        l.classList.remove(s), w();
+      }, A);
+    });
+  }
+  return {
+    isAnimating: e,
+    animate: n,
+    fadeIn: t,
+    fadeOut: r,
+    zoomIn: o,
+    zoomOut: a,
+    slideInFromBottom: c,
+    slideOutToBottom: d,
+    addAnimationClass: C
+  };
+}
+const Fe = {
+  install(e) {
+    e.component("RdrButton", M), e.component("RdrInput", Y), e.component("RdrTextarea", J), e.component("RdrCard", $), e.component("RdrHeader", se), e.component("RdrDivider", de), e.component("RdrSliderInput", pe), e.component("RdrNumberInput", be), e.component("RdrPanel", xe), e.component("RdrModal", Ve), e.component("RdrSlider", De), e.component("FadeIn", Re), e.component("ZoomIn", Qe), e.component("SlideIn", Ge);
+  }
+};
+export {
+  Re as FadeIn,
+  M as RdrButton,
+  $ as RdrCard,
+  de as RdrDivider,
+  se as RdrHeader,
+  Y as RdrInput,
+  Ve as RdrModal,
+  be as RdrNumberInput,
+  xe as RdrPanel,
+  De as RdrSlider,
+  pe as RdrSliderInput,
+  J as RdrTextarea,
+  Ge as SlideIn,
+  Qe as ZoomIn,
+  Fe as default,
+  He as useRdrAnimations,
+  Ee as useRdrTheme
+};