@dronico/droni-kit 1.7.3 → 1.7.4

package/dist/droni-kit.es.js

@@ -1,9 +1,927 @@
-import { c as t, _ as u, D, a as s, d as e, b as o } from "./index-B5gLucco.js";
+import { defineComponent as x, computed as g, createElementBlock as t, openBlock as a, normalizeClass as h, renderSlot as S, createCommentVNode as m, createElementVNode as f, createTextVNode as z, toDisplayString as v, Fragment as C, renderList as B } from "vue";
+const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
+  dk:transition
+  dk:text-center
+  dk:rounded
+  dk:disabled:opacity-50
+  dk:disabled:cursor-not-allowed
+  dk:cursor-pointer
+  dk:hover:shadow-md
+  dk:overflow-hidden
+  dk:text-ellipsis
+  dk:whitespace-nowrap
+  dk:active:scale-95
+  dk:max-w-full`, Y = /* @__PURE__ */ x({
+  __name: "DuiButton",
+  props: {
+    variant: {
+      type: String,
+      default: "solid"
+    },
+    color: {
+      type: String,
+      default: "neutral"
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    type: {
+      type: String,
+      default: "button"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(k) {
+    const d = k, e = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-4 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
+    }, n = {
+      solid: {
+        base: "dk:border-b",
+        neutral: `
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:bg-zinc-200
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:bg-zinc-700
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-50`,
+        primary: `
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:bg-slate-200
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:bg-slate-700
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,
+        secondary: `
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:bg-pink-200
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:bg-pink-700
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,
+        success: `
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:bg-emerald-200
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:bg-emerald-700
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,
+        danger: `
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:bg-rose-200
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:bg-rose-700
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,
+        warning: `
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:bg-amber-200
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:bg-amber-700
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`
+      },
+      outline: {
+        base: "dk:border",
+        neutral: `
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-100`,
+        primary: `
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,
+        secondary: `
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,
+        success: `
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,
+        danger: `
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,
+        warning: `
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`
+      },
+      ghost: {
+        base: "dk:border-b dk:border-transparent",
+        neutral: `
+      dk:hover:border-zinc-500
+      dk:hover:dark:border-zinc-600
+      dk:text-zinc-600
+      dk:hover:bg-zinc-50
+      dk:dark:text-zinc-100
+      dk:dark:hover:bg-zinc-800`,
+        primary: `
+      dk:hover:border-slate-500
+      dk:hover:dark:border-slate-600
+      dk:text-slate-600
+      dk:hover:bg-slate-50
+      dk:dark:text-slate-100
+      dk:dark:hover:bg-slate-800`,
+        secondary: `
+      dk:hover:border-pink-500
+      dk:hover:dark:border-pink-600
+      dk:text-pink-600
+      dk:hover:bg-pink-50
+      dk:dark:text-pink-100
+      dk:dark:hover:bg-pink-800`,
+        success: `
+      dk:hover:border-emerald-500
+      dk:hover:dark:border-emerald-600
+      dk:text-emerald-600
+      dk:hover:bg-emerald-50
+      dk:dark:text-emerald-100
+      dk:dark:hover:bg-emerald-800`,
+        danger: `
+      dk:hover:border-rose-500
+      dk:hover:dark:border-rose-600
+      dk:text-rose-600
+      dk:hover:bg-rose-50
+      dk:dark:text-rose-100
+      dk:dark:hover:bg-rose-800`,
+        warning: `
+      dk:hover:border-amber-500
+      dk:hover:dark:border-amber-600
+      dk:text-amber-600
+      dk:hover:bg-amber-50
+      dk:dark:text-amber-100
+      dk:dark:hover:bg-amber-800`
+      }
+    }, i = g(() => {
+      var c;
+      const s = (((c = n[d.variant]) == null ? void 0 : c[d.color]) || "") + " " + n[d.variant].base, b = e[d.size] || "", u = d.block ? "dk:w-full" : "";
+      return [V, s, b, u].join(" ");
+    });
+    return (s, b) => (a(), t("button", {
+      type: d.type,
+      class: h(i.value),
+      title: d.title,
+      disabled: d.disabled || d.loading
+    }, [
+      d.loading ? (a(), t("span", $, "Cargando...")) : S(s.$slots, "default", { key: 0 })
+    ], 10, q));
+  }
+}), D = ["for"], L = {
+  key: 0,
+  class: "dk:text-rose-500"
+}, j = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "aria-label", "aria-disabled", "aria-required"], I = `
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]`, Z = /* @__PURE__ */ x({
+  __name: "DuiInput",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: void 0
+    },
+    pattern: {
+      type: String,
+      default: void 0
+    },
+    rounded: {
+      type: String,
+      default: "all"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: d }) {
+    const e = k, n = d;
+    function i(o) {
+      const l = o.target;
+      n("update:modelValue", l.value);
+    }
+    const s = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-4 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
+    }, b = {
+      all: "dk:rounded",
+      top: "dk:rounded-t",
+      bottom: "dk:rounded-b",
+      left: "dk:rounded-l",
+      right: "dk:rounded-r",
+      none: "dk:rounded-none"
+    }, u = {
+      sm: "dk:text-sm dk:pb-0.5",
+      md: "dk:text-base dk:pb-1",
+      lg: "dk:text-lg dk:pb-2"
+    }, c = g(() => {
+      const o = s[e.size] || "", l = e.block ? "dk:w-full" : "", r = b[e.rounded] || "";
+      return [I, o, l, r].join(" ");
+    }), y = g(() => {
+      const o = u[e.size] || "", l = e.block ? "dk:w-full" : "";
+      return [o, l].join(" ");
+    });
+    return (o, l) => (a(), t("div", null, [
+      e.label ? (a(), t("label", {
+        key: 0,
+        for: e.id,
+        class: h([y.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+      }, [
+        z(v(e.label) + " ", 1),
+        e.required ? (a(), t("span", L, "*")) : m("", !0)
+      ], 10, D)) : m("", !0),
+      f("input", {
+        type: e.type,
+        class: h(c.value),
+        value: k.modelValue,
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        required: e.required,
+        name: e.name,
+        id: e.id,
+        pattern: e.pattern,
+        "aria-label": e.placeholder,
+        "aria-disabled": e.disabled,
+        "aria-required": e.required,
+        onInput: i
+      }, null, 42, j)
+    ]));
+  }
+}), N = ["for"], E = {
+  key: 0,
+  class: "dk:text-rose-500"
+}, T = ["value", "disabled", "placeholder", "required", "name", "id", "aria-label", "aria-disabled", "aria-required"], A = `
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]`, ee = /* @__PURE__ */ x({
+  __name: "DuiTextarea",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: void 0
+    },
+    rounded: {
+      type: String,
+      default: "all"
+    },
+    autoheight: {
+      type: Boolean,
+      default: !0
+    },
+    resize: {
+      type: String,
+      default: "none"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: d }) {
+    const e = k, n = d;
+    function i(r) {
+      const p = r.target;
+      e.autoheight && l(p), n("update:modelValue", p.value);
+    }
+    const s = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-3 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
+    }, b = {
+      all: "dk:rounded",
+      top: "dk:rounded-t",
+      bottom: "dk:rounded-b",
+      left: "dk:rounded-l",
+      right: "dk:rounded-r",
+      none: "dk:rounded-none"
+    }, u = {
+      sm: "dk:text-sm dk:pb-0.5",
+      md: "dk:text-base dk:pb-1",
+      lg: "dk:text-lg dk:pb-2"
+    }, c = {
+      none: "dk:resize-none",
+      both: "dk:resize",
+      horizontal: "dk:resize-x",
+      vertical: "dk:resize-y"
+    }, y = g(() => {
+      const r = s[e.size] || "", p = e.block ? "dk:w-full" : "", _ = b[e.rounded] || "", w = c[e.resize] || "";
+      return [A, r, p, _, w].join(" ");
+    }), o = g(() => {
+      const r = u[e.size] || "", p = e.block ? "dk:w-full" : "";
+      return [r, p].join(" ");
+    }), l = (r) => {
+      r.style.height = "auto", r.style.height = `${r.scrollHeight + 5}px`;
+    };
+    return (r, p) => (a(), t("div", null, [
+      e.label ? (a(), t("label", {
+        key: 0,
+        for: e.id,
+        class: h([o.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+      }, [
+        z(v(e.label) + " ", 1),
+        e.required ? (a(), t("span", E, "*")) : m("", !0)
+      ], 10, N)) : m("", !0),
+      f("textarea", {
+        class: h(y.value),
+        value: k.modelValue,
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        required: e.required,
+        name: e.name,
+        id: e.id,
+        "aria-label": e.placeholder,
+        "aria-disabled": e.disabled,
+        "aria-required": e.required,
+        onInput: i
+      }, null, 42, T)
+    ]));
+  }
+}), O = ["title"], F = { key: 1 }, H = `
+  dk:transition
+  dk:text-center
+  dk:rounded
+  dk:disabled:opacity-50
+  dk:disabled:cursor-not-allowed
+  dk:cursor-pointer
+  dk:hover:shadow-md
+  dk:overflow-hidden
+  dk:text-ellipsis
+  dk:whitespace-nowrap
+  dk:active:scale-95
+  dk:max-w-full`, de = /* @__PURE__ */ x({
+  __name: "DuiAction",
+  props: {
+    variant: {
+      type: String,
+      default: "solid"
+    },
+    color: {
+      type: String,
+      default: "neutral"
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(k) {
+    const d = k, e = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-4 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
+    }, n = {
+      solid: {
+        base: "dk:border-b",
+        neutral: `
+      dk:border-zinc-500
+      dk:dark:border-zinc-600
+      dk:bg-zinc-200
+      dk:text-zinc-800
+      dk:hover:bg-zinc-300
+      dk:hover:text-zinc-900
+      dk:dark:bg-zinc-700
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-600
+      dk:dark:hover:text-zinc-50`,
+        primary: `
+      dk:border-slate-500
+      dk:dark:border-slate-600
+      dk:bg-slate-200
+      dk:text-slate-800
+      dk:hover:bg-slate-300
+      dk:hover:text-slate-900
+      dk:dark:bg-slate-700
+      dk:dark:text-slate-200
+      dk:dark:hover:bg-slate-600
+      dk:dark:hover:text-slate-100`,
+        secondary: `
+      dk:border-pink-500
+      dk:dark:border-pink-600
+      dk:bg-pink-200
+      dk:text-pink-800
+      dk:hover:bg-pink-300
+      dk:hover:text-pink-900
+      dk:dark:bg-pink-700
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-600
+      dk:dark:hover:text-pink-100`,
+        success: `
+      dk:border-emerald-500
+      dk:dark:border-emerald-600
+      dk:bg-emerald-200
+      dk:text-emerald-800
+      dk:hover:bg-emerald-300
+      dk:hover:text-emerald-900
+      dk:dark:bg-emerald-700
+      dk:dark:text-emerald-200
+      dk:dark:hover:bg-emerald-600
+      dk:dark:hover:text-emerald-100`,
+        danger: `
+      dk:border-rose-500
+      dk:dark:border-rose-600
+      dk:bg-rose-200
+      dk:text-rose-800
+      dk:hover:bg-rose-300
+      dk:hover:text-rose-900
+      dk:dark:bg-rose-700
+      dk:dark:text-rose-200
+      dk:dark:hover:bg-rose-600
+      dk:dark:hover:text-rose-100`,
+        warning: `
+      dk:border-amber-500
+      dk:dark:border-amber-600
+      dk:bg-amber-200
+      dk:text-amber-800
+      dk:hover:bg-amber-300
+      dk:hover:text-amber-900
+      dk:dark:bg-amber-700
+      dk:dark:text-amber-200
+      dk:dark:hover:bg-amber-600
+      dk:dark:hover:text-amber-100`
+      },
+      outline: {
+        base: "dk:border",
+        neutral: `
+      dk:border-zinc-600
+      dk:text-zinc-800
+      dk:hover:bg-zinc-100
+      dk:hover:text-zinc-900
+      dk:dark:border-zinc-300
+      dk:dark:text-zinc-200
+      dk:dark:hover:bg-zinc-800
+      dk:dark:hover:text-zinc-50`,
+        primary: `
+      dk:border-sky-600
+      dk:text-sky-800
+      dk:hover:bg-sky-100
+      dk:hover:text-sky-900
+      dk:dark:border-sky-300
+      dk:dark:text-sky-200
+      dk:dark:hover:bg-sky-800
+      dk:dark:hover:text-sky-50`,
+        secondary: `
+      dk:border-pink-600
+      dk:text-pink-800
+      dk:hover:bg-pink-100
+      dk:hover:text-pink-900
+      dk:dark:border-pink-300
+      dk:dark:text-pink-200
+      dk:dark:hover:bg-pink-800
+      dk:dark:hover:text-pink-50`,
+        success: `
+      dk:border-green-600
+      dk:text-green-800
+      dk:hover:bg-green-100
+      dk:hover:text-green-900
+      dk:dark:border-green-300
+      dk:dark:text-green-200
+      dk:dark:hover:bg-green-800
+      dk:dark:hover:text-green-50`,
+        danger: `
+      dk:border-red-600
+      dk:text-red-800
+      dk:hover:bg-red-100
+      dk:hover:text-red-900
+      dk:dark:border-red-300
+      dk:dark:text-red-200
+      dk:dark:hover:bg-red-800
+      dk:dark:hover:text-red-50`,
+        warning: `
+      dk:border-yellow-600
+      dk:text-yellow-800
+      dk:hover:bg-yellow-100
+      dk:hover:text-yellow-900
+      dk:dark:border-yellow-300
+      dk:dark:text-yellow-200
+      dk:dark:hover:bg-yellow-800
+      dk:dark:hover:text-yellow-50`
+      },
+      ghost: {
+        base: "dk:border-b dk:border-transparent",
+        neutral: `
+      dk:hover:border-zinc-500
+      dk:hover:dark:border-zinc-600
+      dk:text-zinc-600
+      dk:hover:bg-zinc-50
+      dk:dark:text-zinc-100
+      dk:dark:hover:bg-zinc-800`,
+        primary: `
+      dk:hover:border-slate-500
+      dk:hover:dark:border-slate-600
+      dk:text-slate-600
+      dk:hover:bg-slate-50
+      dk:dark:text-slate-100
+      dk:dark:hover:bg-slate-800`,
+        secondary: `
+      dk:hover:border-pink-500
+      dk:hover:dark:border-pink-600
+      dk:text-pink-600
+      dk:hover:bg-pink-50
+      dk:dark:text-pink-100
+      dk:dark:hover:bg-pink-800`,
+        success: `
+      dk:hover:border-emerald-500
+      dk:hover:dark:border-emerald-600
+      dk:text-emerald-600
+      dk:hover:bg-emerald-50
+      dk:dark:text-emerald-100
+      dk:dark:hover:bg-emerald-800`,
+        danger: `
+      dk:hover:border-rose-500
+      dk:hover:dark:border-rose-600
+      dk:text-rose-600
+      dk:hover:bg-rose-50
+      dk:dark:text-rose-100
+      dk:dark:hover:bg-rose-800`,
+        warning: `
+      dk:hover:border-amber-500
+      dk:hover:dark:border-amber-600
+      dk:text-amber-600
+      dk:hover:bg-amber-50
+      dk:dark:text-amber-100
+      dk:dark:hover:bg-amber-800`
+      }
+    }, i = g(() => {
+      var c;
+      const s = (((c = n[d.variant]) == null ? void 0 : c[d.color]) || "") + " " + n[d.variant].base, b = e[d.size] || "", u = d.block ? "dk:block" : "dk:inline-block";
+      return [H, s, b, u].join(" ");
+    });
+    return (s, b) => (a(), t("span", {
+      class: h(i.value),
+      title: d.title
+    }, [
+      d.loading ? (a(), t("span", F, "Cargando...")) : S(s.$slots, "default", { key: 0 })
+    ], 10, O));
+  }
+}), P = ["for"], R = {
+  key: 0,
+  class: "dk:text-rose-500"
+}, W = ["id", "name", "disabled", "required", "aria-label", "aria-disabled", "aria-required"], G = {
+  key: 0,
+  disabled: "",
+  selected: "",
+  hidden: ""
+}, J = ["value", "selected"], K = `
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]
+`, re = /* @__PURE__ */ x({
+  __name: "DuiSelect",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: void 0
+    },
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    rounded: {
+      type: String,
+      default: "all"
+    },
+    itemLabel: {
+      type: String,
+      default: "label"
+    },
+    itemValue: {
+      type: String,
+      default: "value"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(k, { emit: d }) {
+    const e = k, n = d;
+    function i(o) {
+      const l = o.target;
+      n("update:modelValue", l.value);
+    }
+    const s = {
+      sm: "dk:text-sm dk:px-3 dk:py-1.5",
+      md: "dk:text-base dk:px-4 dk:py-2",
+      lg: "dk:text-lg dk:px-5 dk:py-3"
+    }, b = {
+      all: "dk:rounded",
+      top: "dk:rounded-t",
+      bottom: "dk:rounded-b",
+      left: "dk:rounded-l",
+      right: "dk:rounded-r",
+      none: "dk:rounded-none"
+    }, u = {
+      sm: "dk:text-sm dk:pb-0.5",
+      md: "dk:text-base dk:pb-1",
+      lg: "dk:text-lg dk:pb-2"
+    }, c = g(() => {
+      const o = s[e.size] || "", l = e.block ? "dk:w-full" : "", r = b[e.rounded] || "";
+      return [K, o, l, r].join(" ");
+    }), y = g(() => {
+      const o = u[e.size] || "", l = e.block ? "dk:w-full" : "";
+      return [o, l].join(" ");
+    });
+    return (o, l) => (a(), t("div", null, [
+      e.label ? (a(), t("label", {
+        key: 0,
+        for: e.id,
+        class: h([y.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+      }, [
+        z(v(e.label) + " ", 1),
+        e.required ? (a(), t("span", R, "*")) : m("", !0)
+      ], 10, P)) : m("", !0),
+      f("select", {
+        id: e.id,
+        name: e.name,
+        disabled: e.disabled,
+        required: e.required,
+        class: h(c.value),
+        "aria-label": e.label || "select input",
+        "aria-disabled": e.disabled,
+        "aria-required": e.required,
+        onChange: i
+      }, [
+        e.placeholder ? (a(), t("option", G, v(e.placeholder), 1)) : m("", !0),
+        (a(!0), t(C, null, B(e.options, (r, p) => (a(), t("option", {
+          key: p,
+          value: r[e.itemValue] ?? "",
+          selected: r[e.itemValue] == e.modelValue
+        }, v(r[e.itemLabel] ?? ""), 9, J))), 128))
+      ], 42, W)
+    ]));
+  }
+}), M = { class: "editor-container" }, Q = /* @__PURE__ */ x({
+  __name: "DuiEditor",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    language: {
+      type: String,
+      default: "markdown"
+    },
+    minimap: {
+      type: Boolean,
+      default: !1
+    },
+    theme: {
+      type: String,
+      default: "vs-dark"
+    },
+    wordWrap: {
+      type: String,
+      default: "on"
+    },
+    tabSize: {
+      type: Number,
+      default: 2
+    },
+    autoIndent: {
+      type: String,
+      default: "brackets"
+    },
+    renderValidationDecorations: {
+      type: String,
+      default: "on"
+    },
+    formatOnPaste: {
+      type: Boolean,
+      default: !0
+    },
+    formatOnType: {
+      type: Boolean,
+      default: !0
+    },
+    autoClosingBrackets: {
+      type: String,
+      default: "languageDefined"
+    },
+    scrollBeyondLastLine: {
+      type: Boolean,
+      default: !0
+    },
+    lineNumbers: {
+      type: String,
+      default: "on"
+    }
+  },
+  setup(k) {
+    const d = k;
+    return (e, n) => (a(), t("div", M, v(d), 1));
+  }
+}), U = (k, d) => {
+  const e = k.__vccOpts || k;
+  for (const [n, i] of d)
+    e[n] = i;
+  return e;
+}, te = /* @__PURE__ */ U(Q, [["__scopeId", "data-v-9db0adca"]]);
 export {
-  t as DuiAction,
-  u as DuiButton,
-  D as DuiEditor,
-  s as DuiInput,
-  e as DuiSelect,
-  o as DuiTextarea
+  de as DuiAction,
+  Y as DuiButton,
+  te as DuiEditor,
+  Z as DuiInput,
+  re as DuiSelect,
+  ee as DuiTextarea
 };