@equal-experts/kuat-vue 0.4.1 → 0.5.0

package/dist/FieldSet.vue_vue_type_script_setup_true_lang-D9i4ciy0.js

@@ -0,0 +1,119 @@
+import { defineComponent as i, useAttrs as u, computed as d, createElementBlock as o, createCommentVNode as h, openBlock as n, mergeProps as p, unref as f, renderSlot as _, toDisplayString as A, Fragment as $, renderList as F } from "vue";
+import { c as m } from "./utils-DLUjLwnh.js";
+import "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
+const L = ["responsive", "vertical", "horizontal"], N = ["legend", "label"], y = { key: 1 }, E = {
+  key: 2,
+  class: "field-error__list"
+}, D = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "FieldError",
+  props: {
+    class: {},
+    errors: {},
+    issues: {}
+  },
+  setup(r) {
+    const t = r, a = u(), l = d(() => {
+      const { class: e, ...g } = a;
+      return g;
+    }), s = d(() => {
+      const e = Array.isArray(t.errors) ? t.errors : t.errors ? [t.errors] : [], g = t.issues ?? [];
+      return [...e, ...g].map((c) => {
+        var v;
+        return (v = c == null ? void 0 : c.message) == null ? void 0 : v.trim();
+      }).filter((c) => !!c);
+    });
+    return (e, g) => e.$slots.default || s.value.length ? (n(), o("div", p({
+      key: 0,
+      "data-slot": "field-error",
+      class: f(m)("field-error", t.class)
+    }, l.value), [
+      e.$slots.default ? _(e.$slots, "default", { key: 0 }) : s.value.length === 1 ? (n(), o("span", y, A(s.value[0]), 1)) : s.value.length > 1 ? (n(), o("ul", E, [
+        (n(!0), o($, null, F(s.value, (c) => (n(), o("li", { key: c }, A(c), 1))), 128))
+      ])) : h("", !0)
+    ], 16)) : h("", !0);
+  }
+}), B = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "FieldGroup",
+  props: {
+    class: {}
+  },
+  setup(r) {
+    const t = r, a = u(), l = d(() => {
+      const { class: s, ...e } = a;
+      return e;
+    });
+    return (s, e) => (n(), o("div", p({
+      "data-slot": "field-group",
+      class: f(m)("field-group", t.class)
+    }, l.value), [
+      _(s.$slots, "default")
+    ], 16));
+  }
+}), T = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "FieldLegend",
+  props: {
+    class: {},
+    variant: { default: "legend" }
+  },
+  setup(r) {
+    const t = r, a = u(), l = d(() => {
+      const { class: s, ...e } = a;
+      return e;
+    });
+    return (s, e) => (n(), o("legend", p({
+      "data-slot": "field-legend",
+      class: f(m)("field-legend", `field-legend--${r.variant}`, t.class)
+    }, l.value), [
+      _(s.$slots, "default")
+    ], 16));
+  }
+}), b = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "FieldSeparator",
+  props: {
+    class: {}
+  },
+  setup(r) {
+    const t = r, a = u(), l = d(() => {
+      const { class: s, ...e } = a;
+      return e;
+    });
+    return (s, e) => (n(), o("div", p({
+      "data-slot": "field-separator",
+      role: "separator",
+      class: f(m)("field-separator", t.class)
+    }, l.value), [
+      _(s.$slots, "default")
+    ], 16));
+  }
+}), C = /* @__PURE__ */ i({
+  inheritAttrs: !1,
+  __name: "FieldSet",
+  props: {
+    class: {}
+  },
+  setup(r) {
+    const t = r, a = u(), l = d(() => {
+      const { class: s, ...e } = a;
+      return e;
+    });
+    return (s, e) => (n(), o("fieldset", p({
+      "data-slot": "field-set",
+      class: f(m)("field-set", t.class)
+    }, l.value), [
+      _(s.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  N as F,
+  D as _,
+  B as a,
+  T as b,
+  b as c,
+  C as d,
+  L as e
+};

package/dist/FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js

@@ -0,0 +1,108 @@
+import { defineComponent as c, useAttrs as o, computed as n, createBlock as v, openBlock as i, resolveDynamicComponent as A, mergeProps as d, unref as u, withCtx as $, renderSlot as p, createElementBlock as _ } from "vue";
+import { c as f } from "./utils-DLUjLwnh.js";
+const F = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "Field",
+  props: {
+    class: {},
+    orientation: { default: "responsive" },
+    as: { default: "div" }
+  },
+  setup(e) {
+    const l = e, a = o(), r = n(() => {
+      const { class: t, "data-slot": m, ...h } = a;
+      return h;
+    }), s = n(() => {
+      const t = a["data-slot"];
+      return typeof t == "string" ? t : "field";
+    });
+    return (t, m) => (i(), v(A(e.as), d({
+      class: u(f)("field", `field--orientation-${e.orientation}`, l.class),
+      "data-slot": s.value
+    }, r.value), {
+      default: $(() => [
+        p(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "data-slot"]));
+  }
+}), C = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "FieldContent",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const l = e, a = o(), r = n(() => {
+      const { class: s, ...t } = a;
+      return t;
+    });
+    return (s, t) => (i(), _("div", d({
+      "data-slot": "field-content",
+      class: u(f)("field-content", l.class)
+    }, r.value), [
+      p(s.$slots, "default")
+    ], 16));
+  }
+}), k = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "FieldDescription",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const l = e, a = o(), r = n(() => {
+      const { class: s, ...t } = a;
+      return t;
+    });
+    return (s, t) => (i(), _("p", d({
+      "data-slot": "field-description",
+      class: u(f)("field-description", l.class)
+    }, r.value), [
+      p(s.$slots, "default")
+    ], 16));
+  }
+}), B = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "FieldLabel",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const l = e, a = o(), r = n(() => {
+      const { class: s, ...t } = a;
+      return t;
+    });
+    return (s, t) => (i(), _("label", d({
+      "data-slot": "field-label",
+      class: u(f)("field-label", l.class)
+    }, r.value), [
+      p(s.$slots, "default")
+    ], 16));
+  }
+}), x = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "FieldTitle",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const l = e, a = o(), r = n(() => {
+      const { class: s, ...t } = a;
+      return t;
+    });
+    return (s, t) => (i(), _("div", d({
+      "data-slot": "field-title",
+      class: u(f)("field-title", l.class)
+    }, r.value), [
+      p(s.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  F as _,
+  C as a,
+  k as b,
+  B as c,
+  x as d
+};

package/dist/KuatSelect.vue_vue_type_script_setup_true_lang-DP66U_wg.js

@@ -0,0 +1,493 @@
+import { defineComponent as f, createBlock as i, openBlock as l, unref as s, mergeProps as _, withCtx as n, renderSlot as u, createVNode as c, computed as z, createElementBlock as g, createCommentVNode as v, createElementVNode as I, createTextVNode as y, toDisplayString as h, useAttrs as T, normalizeClass as H, Fragment as k, renderList as P } from "vue";
+import { c as m } from "./utils-DLUjLwnh.js";
+import { useForwardPropsEmits as x, SelectRoot as L, SelectScrollDownButton as O, SelectScrollUpButton as N, SelectPortal as U, SelectContent as D, SelectViewport as F, SelectGroup as A, SelectItem as G, SelectItemText as q, SelectItemIndicator as j, SelectLabel as K, SelectSeparator as M, SelectTrigger as R, SelectIcon as W, SelectValue as Z } from "reka-ui";
+import { ChevronDown as E, ChevronUp as J, Check as Q } from "lucide-vue-next";
+import { r as S } from "./index-A7umpmtg.js";
+const $e = ["regular", "large", "small", "mini"], Be = ["single", "double"];
+function X(a) {
+  return "items" in a;
+}
+const Y = /* @__PURE__ */ f({
+  __name: "Select",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    defaultValue: {},
+    modelValue: {},
+    by: { type: [String, Function] },
+    dir: {},
+    multiple: { type: Boolean },
+    autocomplete: {},
+    disabled: { type: Boolean },
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(a, { emit: t }) {
+    const o = x(a, t);
+    return (d, B) => (l(), i(s(L), _({ "data-slot": "select" }, s(o)), {
+      default: n(() => [
+        u(d.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ee = /* @__PURE__ */ f({
+  __name: "SelectScrollDownButton",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = S(t, "class");
+    return (r, o) => (l(), i(s(O), _({ "data-slot": "select-scroll-down-button" }, s(e), {
+      class: s(m)("select-scroll-button", t.class)
+    }), {
+      default: n(() => [
+        c(s(E), {
+          class: "size-4",
+          "aria-hidden": "true"
+        })
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), te = /* @__PURE__ */ f({
+  __name: "SelectScrollUpButton",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = S(t, "class");
+    return (r, o) => (l(), i(s(N), _({ "data-slot": "select-scroll-up-button" }, s(e), {
+      class: s(m)("select-scroll-button", t.class)
+    }), {
+      default: n(() => [
+        c(s(J), {
+          class: "size-4",
+          "aria-hidden": "true"
+        })
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), se = /* @__PURE__ */ f({
+  __name: "SelectContent",
+  props: {
+    forceMount: { type: Boolean },
+    position: { default: "item-aligned" },
+    bodyLock: { type: Boolean },
+    side: {},
+    sideOffset: {},
+    sideFlip: { type: Boolean },
+    align: {},
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    disableOutsidePointerEvents: { type: Boolean },
+    class: {},
+    size: { default: "regular" },
+    maxHeight: { default: 320 }
+  },
+  setup(a) {
+    const t = a, e = S(t, "class", "size", "maxHeight"), r = z(() => ({
+      "--kuat-select-content-max-height": typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight
+    }));
+    return (o, d) => (l(), i(s(U), null, {
+      default: n(() => [
+        c(s(D), _({ "data-slot": "select-content" }, s(e), {
+          style: r.value,
+          class: s(m)(
+            "select-content",
+            `select-content--position-${t.position}`,
+            `select-content--size-${t.size}`,
+            t.class
+          )
+        }), {
+          default: n(() => [
+            c(te),
+            c(s(F), {
+              "data-slot": "select-viewport",
+              class: "select-viewport"
+            }, {
+              default: n(() => [
+                u(o.$slots, "default")
+              ]),
+              _: 3
+            }),
+            c(ee)
+          ]),
+          _: 3
+        }, 16, ["style", "class"])
+      ]),
+      _: 3
+    }));
+  }
+}), le = /* @__PURE__ */ f({
+  __name: "SelectGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(a) {
+    const t = a;
+    return (e, r) => (l(), i(s(A), _({ "data-slot": "select-group" }, t), {
+      default: n(() => [
+        u(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ae = {
+  key: 0,
+  class: "select-item__prepend"
+}, oe = { class: "select-item__text" }, ne = {
+  key: 0,
+  class: "select-item__description"
+}, re = {
+  key: 1,
+  class: "select-item__decoration"
+}, w = /* @__PURE__ */ f({
+  __name: "SelectItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    prepend: {},
+    description: {},
+    decoration: {}
+  },
+  emits: ["select"],
+  setup(a, { emit: t }) {
+    const e = a, o = x(e, t);
+    return (d, B) => (l(), i(s(G), _({ "data-slot": "select-item" }, s(o), {
+      class: s(m)("select-item", (e.description || d.$slots.description) && "select-item--double", e.class)
+    }), {
+      default: n(() => [
+        e.prepend || d.$slots.prepend ? (l(), g("span", ae, [
+          u(d.$slots, "prepend", {}, () => [
+            y(h(e.prepend), 1)
+          ])
+        ])) : v("", !0),
+        I("span", oe, [
+          c(s(q), { class: "select-item__label" }, {
+            default: n(() => [
+              u(d.$slots, "default")
+            ]),
+            _: 3
+          }),
+          e.description || d.$slots.description ? (l(), g("span", ne, [
+            u(d.$slots, "description", {}, () => [
+              y(h(e.description), 1)
+            ])
+          ])) : v("", !0)
+        ]),
+        e.decoration || d.$slots.decoration ? (l(), g("span", re, [
+          u(d.$slots, "decoration", {}, () => [
+            y(h(e.decoration), 1)
+          ])
+        ])) : v("", !0),
+        c(s(j), { class: "select-item__indicator" }, {
+          default: n(() => [
+            c(s(Q), {
+              class: "size-4",
+              "aria-hidden": "true"
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ie = /* @__PURE__ */ f({
+  __name: "SelectLabel",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = S(t, "class");
+    return (r, o) => (l(), i(s(K), _({ "data-slot": "select-label" }, s(e), {
+      class: s(m)("select-label", t.class)
+    }), {
+      default: n(() => [
+        u(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ce = /* @__PURE__ */ f({
+  __name: "SelectSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = S(t, "class");
+    return (r, o) => (l(), i(s(M), _({ "data-slot": "select-separator" }, s(e), {
+      class: s(m)("select-separator", t.class)
+    }), null, 16, ["class"]));
+  }
+}), de = {
+  key: 0,
+  class: "select-trigger__prepend"
+}, pe = { class: "select-trigger__value-wrap" }, ue = {
+  key: 0,
+  class: "select-trigger__label"
+}, _e = {
+  key: 1,
+  class: "select-trigger__decoration"
+}, me = /* @__PURE__ */ f({
+  __name: "SelectTrigger",
+  props: {
+    disabled: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    size: { default: "regular" },
+    lines: { default: "single" },
+    label: { default: void 0 },
+    prepend: { default: void 0 },
+    decoration: { default: void 0 },
+    invalid: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const t = a, e = S(
+      t,
+      "class",
+      "size",
+      "lines",
+      "label",
+      "prepend",
+      "decoration",
+      "invalid"
+    ), r = z(() => {
+      const o = e["aria-invalid"];
+      return t.invalid || o === !0 || o === "true";
+    });
+    return (o, d) => (l(), i(s(R), _({ "data-slot": "select-trigger" }, s(e), {
+      class: s(m)(
+        "select-trigger",
+        `select-trigger--size-${t.size}`,
+        `select-trigger--lines-${t.lines}`,
+        t.class
+      ),
+      "aria-invalid": r.value ? !0 : void 0
+    }), {
+      default: n(() => [
+        t.prepend || o.$slots.prepend ? (l(), g("span", de, [
+          u(o.$slots, "prepend", {}, () => [
+            y(h(t.prepend), 1)
+          ])
+        ])) : v("", !0),
+        I("span", pe, [
+          t.label || o.$slots.label ? (l(), g("span", ue, [
+            u(o.$slots, "label", {}, () => [
+              y(h(t.label), 1)
+            ])
+          ])) : v("", !0),
+          u(o.$slots, "default")
+        ]),
+        t.decoration || o.$slots.decoration ? (l(), g("span", _e, [
+          u(o.$slots, "decoration", {}, () => [
+            y(h(t.decoration), 1)
+          ])
+        ])) : v("", !0),
+        c(s(W), null, {
+          default: n(() => [
+            c(s(E), {
+              class: "select-trigger__icon size-4",
+              "aria-hidden": "true"
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 16, ["class", "aria-invalid"]));
+  }
+}), fe = /* @__PURE__ */ f({
+  __name: "SelectValue",
+  props: {
+    placeholder: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = S(t, "class");
+    return (r, o) => (l(), i(s(Z), _({ "data-slot": "select-value" }, s(e), {
+      class: s(m)("select-trigger__value", t.class)
+    }), null, 16, ["class"]));
+  }
+}), ge = {
+  key: 2,
+  class: "select-empty"
+}, Ce = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "KuatSelect",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    defaultValue: {},
+    modelValue: {},
+    by: {},
+    dir: {},
+    multiple: { type: Boolean },
+    autocomplete: {},
+    disabled: { type: Boolean },
+    name: {},
+    required: { type: Boolean },
+    class: {},
+    triggerClass: {},
+    contentClass: {},
+    items: { default: () => [] },
+    placeholder: { default: "Select an item" },
+    size: { default: "regular" },
+    lines: { default: "single" },
+    label: { default: void 0 },
+    prepend: { default: void 0 },
+    decoration: { default: void 0 },
+    invalid: { type: Boolean, default: !1 },
+    position: { default: "item-aligned" },
+    maxHeight: { default: 320 },
+    emptyText: { default: "No options available" }
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(a, { emit: t }) {
+    const e = a, r = t, o = S(
+      e,
+      "class",
+      "triggerClass",
+      "contentClass",
+      "items",
+      "placeholder",
+      "size",
+      "lines",
+      "label",
+      "prepend",
+      "decoration",
+      "invalid",
+      "position",
+      "maxHeight",
+      "emptyText"
+    ), d = T(), B = z(() => {
+      const { class: C, ...$ } = d;
+      return $;
+    });
+    return (C, $) => (l(), i(Y, _(s(o), {
+      class: s(m)(e.class),
+      "onUpdate:modelValue": $[0] || ($[0] = (p) => r("update:modelValue", p)),
+      "onUpdate:open": $[1] || ($[1] = (p) => r("update:open", p))
+    }), {
+      default: n(() => [
+        c(me, _(B.value, {
+          class: s(m)(e.triggerClass),
+          size: e.size,
+          lines: e.lines,
+          label: e.label,
+          prepend: e.prepend,
+          decoration: e.decoration,
+          invalid: e.invalid
+        }), {
+          default: n(() => [
+            c(fe, {
+              placeholder: e.placeholder
+            }, null, 8, ["placeholder"])
+          ]),
+          _: 1
+        }, 16, ["class", "size", "lines", "label", "prepend", "decoration", "invalid"]),
+        c(se, {
+          class: H(s(m)(e.contentClass)),
+          size: e.size,
+          position: e.position,
+          "max-height": e.maxHeight
+        }, {
+          default: n(() => [
+            C.$slots.default ? u(C.$slots, "default", { key: 0 }) : e.items.length > 0 ? (l(!0), g(k, { key: 1 }, P(e.items, (p, V) => (l(), g(k, {
+              key: `item-${V}`
+            }, [
+              s(X)(p) ? (l(), i(le, { key: 0 }, {
+                default: n(() => [
+                  c(ie, null, {
+                    default: n(() => [
+                      y(h(p.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  (l(!0), g(k, null, P(p.items, (b) => (l(), i(w, {
+                    key: b.value,
+                    value: b.value,
+                    disabled: b.disabled,
+                    prepend: b.prepend,
+                    description: b.description,
+                    decoration: b.decoration
+                  }, {
+                    default: n(() => [
+                      y(h(b.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value", "disabled", "prepend", "description", "decoration"]))), 128)),
+                  V < e.items.length - 1 ? (l(), i(ce, { key: 0 })) : v("", !0)
+                ]),
+                _: 2
+              }, 1024)) : (l(), i(w, {
+                key: 1,
+                value: p.value,
+                disabled: p.disabled,
+                prepend: p.prepend,
+                description: p.description,
+                decoration: p.decoration
+              }, {
+                default: n(() => [
+                  y(h(p.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value", "disabled", "prepend", "description", "decoration"]))
+            ], 64))), 128)) : (l(), g("p", ge, h(e.emptyText), 1))
+          ]),
+          _: 3
+        }, 8, ["class", "size", "position", "max-height"])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  Be as S,
+  Ce as _,
+  Y as a,
+  se as b,
+  le as c,
+  w as d,
+  ie as e,
+  ee as f,
+  te as g,
+  ce as h,
+  me as i,
+  fe as j,
+  $e as k
+};