@equal-experts/kuat-vue 0.4.1 → 0.5.0

package/dist/toggle.js

@@ -0,0 +1,10 @@
+import { c as e } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { _ as p } from "./Toggle.vue_vue_type_script_setup_true_lang-CZM1GrLQ.js";
+import { T as t, a as G } from "./constants-CXAkjttx.js";
+export {
+  t as TOGGLE_SIZES,
+  G as TOGGLE_SKINS,
+  p as Toggle,
+  e as cn
+};

package/dist/{utils-qaFjX9_3.js → utils-DLUjLwnh.js}

@@ -2273,6 +2273,5 @@ function We(...e) {
   return Le(ne(e));
 }
 export {
-  ne as a,
   We as c
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equal-experts/kuat-vue",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -30,6 +30,42 @@
       "import": "./dist/button-group.js",
       "types": "./dist/button-group.d.ts"
     },
+    "./textarea": {
+      "import": "./dist/textarea.js",
+      "types": "./dist/textarea.d.ts"
+    },
+    "./input": {
+      "import": "./dist/input.js",
+      "types": "./dist/input.d.ts"
+    },
+    "./field": {
+      "import": "./dist/field.js",
+      "types": "./dist/field.d.ts"
+    },
+    "./select": {
+      "import": "./dist/select.js",
+      "types": "./dist/select.d.ts"
+    },
+    "./checkbox": {
+      "import": "./dist/checkbox.js",
+      "types": "./dist/checkbox.d.ts"
+    },
+    "./radio": {
+      "import": "./dist/radio.js",
+      "types": "./dist/radio.d.ts"
+    },
+    "./switch": {
+      "import": "./dist/switch.js",
+      "types": "./dist/switch.d.ts"
+    },
+    "./toggle": {
+      "import": "./dist/toggle.js",
+      "types": "./dist/toggle.d.ts"
+    },
+    "./toggle-group": {
+      "import": "./dist/toggle-group.js",
+      "types": "./dist/toggle-group.d.ts"
+    },
     "./styles": "./dist/style.css"
   },
   "files": [
@@ -54,25 +90,33 @@
   "scripts": {
     "build": "vite build",
     "dev": "vite build --watch",
-    "lint": "eslint . --max-warnings 0"
+    "lint": "eslint . --max-warnings 0",
+    "test": "vitest",
+    "test:run": "vitest run"
   },
   "dependencies": {
     "@vueuse/core": "^14.1.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
+    "embla-carousel-vue": "^8.0.0",
     "tailwind-merge": "^2.2.1"
   },
   "devDependencies": {
-    "@equal-experts/kuat-core": "^0.3.0",
+    "@equal-experts/kuat-core": "workspace:*",
     "@tailwindcss/vite": "^4.0.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/vue": "^8.0.0",
     "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/test-utils": "^2.4.0",
     "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.17",
+    "jsdom": "^24.0.0",
     "postcss": "^8.4.33",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.3.3",
     "vite": "^5.1.0",
     "vite-plugin-dts": "^3.6.4",
+    "vitest": "^2.0.0",
     "vue-tsc": "^1.8.27"
   },
   "peerDependencies": {

package/dist/AccordionTrigger.vue_vue_type_script_setup_true_lang-CG4FNPK2.js

@@ -1,107 +0,0 @@
-import { defineComponent as l, createBlock as d, openBlock as i, unref as e, normalizeProps as h, guardReactiveProps as y, withCtx as n, renderSlot as c, mergeProps as p, createElementVNode as B, normalizeClass as g, createVNode as _ } from "vue";
-import { useForwardPropsEmits as w, AccordionRoot as C, AccordionContent as A, useForwardProps as P, AccordionItem as b, AccordionHeader as v, AccordionTrigger as $ } from "reka-ui";
-import { c as m } from "./utils-qaFjX9_3.js";
-import { r as u } from "./index-A7umpmtg.js";
-import { ChevronDown as x } from "lucide-vue-next";
-const F = /* @__PURE__ */ l({
-  __name: "Accordion",
-  props: {
-    collapsible: { type: Boolean },
-    disabled: { type: Boolean },
-    dir: {},
-    orientation: {},
-    unmountOnHide: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    type: {},
-    modelValue: {},
-    defaultValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(s, { emit: o }) {
-    const r = w(s, o);
-    return (f, V) => (i(), d(e(C), h(y(e(r))), {
-      default: n(() => [
-        c(f.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), I = /* @__PURE__ */ l({
-  __name: "AccordionContent",
-  props: {
-    forceMount: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(s) {
-    const o = s, a = u(o, "class");
-    return (t, r) => (i(), d(e(A), p(e(a), { class: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }), {
-      default: n(() => [
-        B("div", {
-          class: g(e(m)("pb-4 pt-0", o.class))
-        }, [
-          c(t.$slots, "default")
-        ], 2)
-      ]),
-      _: 3
-    }, 16));
-  }
-}), N = /* @__PURE__ */ l({
-  __name: "AccordionItem",
-  props: {
-    disabled: { type: Boolean },
-    value: {},
-    unmountOnHide: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(s) {
-    const o = s, a = u(o, "class"), t = P(a);
-    return (r, f) => (i(), d(e(b), p(e(t), {
-      class: e(m)("border-b", o.class)
-    }), {
-      default: n(() => [
-        c(r.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-}), R = /* @__PURE__ */ l({
-  __name: "AccordionTrigger",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(s) {
-    const o = s, a = u(o, "class");
-    return (t, r) => (i(), d(e(v), { class: "flex" }, {
-      default: n(() => [
-        _(e($), p(e(a), {
-          class: e(m)(
-            "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-            o.class
-          )
-        }), {
-          default: n(() => [
-            c(t.$slots, "default"),
-            c(t.$slots, "icon", {}, () => [
-              _(e(x), { class: "h-4 w-4 shrink-0 transition-transform duration-200" })
-            ])
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  F as _,
-  N as a,
-  R as b,
-  I as c
-};

package/dist/AlertDialogTrigger.vue_vue_type_script_setup_true_lang-chev-oxU.js

@@ -1,185 +0,0 @@
-import { defineComponent as l, createBlock as p, openBlock as r, unref as e, normalizeProps as A, guardReactiveProps as D, withCtx as c, renderSlot as n, mergeProps as u, createVNode as g, createElementBlock as h, normalizeClass as x } from "vue";
-import { useForwardPropsEmits as $, AlertDialogRoot as B, AlertDialogAction as C, AlertDialogCancel as P, AlertDialogPortal as b, AlertDialogOverlay as w, AlertDialogContent as v, AlertDialogDescription as O, AlertDialogTitle as z, AlertDialogTrigger as k } from "reka-ui";
-import { c as d } from "./utils-qaFjX9_3.js";
-import { b as y } from "./index-D3egriua.js";
-import { r as m } from "./index-A7umpmtg.js";
-const H = /* @__PURE__ */ l({
-  __name: "AlertDialog",
-  props: {
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean }
-  },
-  emits: ["update:open"],
-  setup(s, { emit: t }) {
-    const i = $(s, t);
-    return (f, _) => (r(), p(e(B), A(D(e(i))), {
-      default: c(() => [
-        n(f.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-}), K = /* @__PURE__ */ l({
-  __name: "AlertDialogAction",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(s) {
-    const t = s, a = m(t, "class");
-    return (o, i) => (r(), p(e(C), u(e(a), {
-      class: e(d)(e(y)(), t.class)
-    }), {
-      default: c(() => [
-        n(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-}), M = /* @__PURE__ */ l({
-  __name: "AlertDialogCancel",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(s) {
-    const t = s, a = m(t, "class");
-    return (o, i) => (r(), p(e(P), u(e(a), {
-      class: e(d)(
-        e(y)({ variant: "outline" }),
-        "mt-2 sm:mt-0",
-        t.class
-      )
-    }), {
-      default: c(() => [
-        n(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-}), N = /* @__PURE__ */ l({
-  __name: "AlertDialogContent",
-  props: {
-    forceMount: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(s, { emit: t }) {
-    const a = s, o = t, i = m(a, "class"), f = $(i, o);
-    return (_, F) => (r(), p(e(b), null, {
-      default: c(() => [
-        g(e(w), { class: "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
-        g(e(v), u(e(f), {
-          class: e(d)(
-            "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-            a.class
-          )
-        }), {
-          default: c(() => [
-            n(_.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]),
-      _: 3
-    }));
-  }
-}), S = /* @__PURE__ */ l({
-  __name: "AlertDialogDescription",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(s) {
-    const t = s, a = m(t, "class");
-    return (o, i) => (r(), p(e(O), u(e(a), {
-      class: e(d)("text-sm text-muted-foreground", t.class)
-    }), {
-      default: c(() => [
-        n(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-}), q = /* @__PURE__ */ l({
-  __name: "AlertDialogFooter",
-  props: {
-    class: {}
-  },
-  setup(s) {
-    const t = s;
-    return (a, o) => (r(), h("div", {
-      class: x(
-        e(d)(
-          "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2",
-          t.class
-        )
-      )
-    }, [
-      n(a.$slots, "default")
-    ], 2));
-  }
-}), G = /* @__PURE__ */ l({
-  __name: "AlertDialogHeader",
-  props: {
-    class: {}
-  },
-  setup(s) {
-    const t = s;
-    return (a, o) => (r(), h("div", {
-      class: x(e(d)("flex flex-col gap-y-2 text-center sm:text-left", t.class))
-    }, [
-      n(a.$slots, "default")
-    ], 2));
-  }
-}), I = /* @__PURE__ */ l({
-  __name: "AlertDialogTitle",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(s) {
-    const t = s, a = m(t, "class");
-    return (o, i) => (r(), p(e(z), u(e(a), {
-      class: e(d)("text-lg font-semibold", t.class)
-    }), {
-      default: c(() => [
-        n(o.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-}), J = /* @__PURE__ */ l({
-  __name: "AlertDialogTrigger",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(s) {
-    const t = s;
-    return (a, o) => (r(), p(e(k), A(D(t)), {
-      default: c(() => [
-        n(a.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  H as _,
-  K as a,
-  M as b,
-  N as c,
-  S as d,
-  q as e,
-  G as f,
-  I as g,
-  J as h
-};

package/dist/Button.vue_vue_type_script_setup_true_lang-CtAz6Sf_.js

@@ -1,30 +0,0 @@
-import { defineComponent as i, createBlock as n, openBlock as o, unref as t, normalizeClass as r, withCtx as l, renderSlot as c } from "vue";
-import { Primitive as m } from "reka-ui";
-import { c as f } from "./utils-qaFjX9_3.js";
-import { b as u } from "./index-D3egriua.js";
-const z = /* @__PURE__ */ i({
-  __name: "Button",
-  props: {
-    variant: {},
-    size: {},
-    class: {},
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(a) {
-    const s = a;
-    return (e, d) => (o(), n(t(m), {
-      as: a.as,
-      "as-child": a.asChild,
-      class: r(t(f)(t(u)({ variant: a.variant, size: a.size }), s.class))
-    }, {
-      default: l(() => [
-        c(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["as", "as-child", "class"]));
-  }
-});
-export {
-  z as _
-};

package/dist/index-B9dF2hh8.js

@@ -1,103 +0,0 @@
-import { defineComponent as r, createElementBlock as h, openBlock as n, normalizeClass as c, unref as o, renderSlot as d, createBlock as l, mergeProps as u, withCtx as m } from "vue";
-import { c as s } from "./utils-qaFjX9_3.js";
-import { c as _ } from "./index-DACAHwoB.js";
-import { Separator as g, Primitive as v } from "reka-ui";
-import { r as p } from "./index-A7umpmtg.js";
-const b = ["data-orientation"], k = /* @__PURE__ */ r({
-  __name: "ButtonGroup",
-  props: {
-    class: {},
-    orientation: {}
-  },
-  setup(a) {
-    const t = a;
-    return (e, i) => (n(), h("div", {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": t.orientation,
-      class: c(o(s)(o(B)({ orientation: t.orientation }), t.class))
-    }, [
-      d(e.$slots, "default")
-    ], 10, b));
-  }
-}), x = /* @__PURE__ */ r({
-  __name: "Separator",
-  props: {
-    orientation: { default: "horizontal" },
-    decorative: { type: Boolean, default: !0 },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(a) {
-    const t = a, e = p(t, "class");
-    return (i, f) => (n(), l(o(g), u({ "data-slot": "separator" }, o(e), {
-      class: o(s)(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        t.class
-      )
-    }), null, 16, ["class"]));
-  }
-}), G = /* @__PURE__ */ r({
-  __name: "ButtonGroupSeparator",
-  props: {
-    orientation: { default: "vertical" },
-    decorative: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(a) {
-    const t = a, e = p(t, "class");
-    return (i, f) => (n(), l(o(x), u({ "data-slot": "button-group-separator" }, o(e), {
-      orientation: t.orientation,
-      class: o(s)(
-        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
-        t.class
-      )
-    }), null, 16, ["orientation", "class"]));
-  }
-}), P = /* @__PURE__ */ r({
-  __name: "ButtonGroupText",
-  props: {
-    class: {},
-    orientation: {},
-    asChild: { type: Boolean },
-    as: { default: "div" }
-  },
-  setup(a) {
-    const t = a;
-    return (e, i) => (n(), l(o(v), {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": t.orientation,
-      as: a.as,
-      "as-child": a.asChild,
-      class: c(o(s)("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", t.class))
-    }, {
-      default: m(() => [
-        d(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["data-orientation", "as", "as-child", "class"]));
-  }
-}), B = _(
-  "flex w-fit items-stretch [&>*:focus-visible]:z-10 [&>*:focus-visible]:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
-  {
-    variants: {
-      orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-export {
-  k as _,
-  G as a,
-  P as b,
-  B as c
-};

package/dist/index-CMJyKNIG.js

@@ -1,45 +0,0 @@
-import { defineComponent as n, createBlock as o, openBlock as s, unref as e, normalizeClass as i, withCtx as d, renderSlot as c } from "vue";
-import { Primitive as l } from "reka-ui";
-import { c as f } from "./utils-qaFjX9_3.js";
-import { c as u } from "./index-DACAHwoB.js";
-const y = /* @__PURE__ */ n({
-  __name: "Badge",
-  props: {
-    variant: {},
-    class: {},
-    asChild: { type: Boolean },
-    as: { default: "div" }
-  },
-  setup(r) {
-    const t = r;
-    return (a, p) => (s(), o(e(l), {
-      as: r.as,
-      "as-child": r.asChild,
-      class: i(e(f)(e(m)({ variant: r.variant }), t.class))
-    }, {
-      default: d(() => [
-        c(a.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["as", "as-child", "class"]));
-  }
-}), m = u(
-  "inline-flex gap-1 items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground",
-        secondary: "border-transparent bg-secondary text-secondary-foreground",
-        destructive: "border-transparent bg-destructive text-destructive-foreground",
-        outline: "text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-export {
-  y as _,
-  m as b
-};

package/dist/index-D3egriua.js

@@ -1,33 +0,0 @@
-import { c as e } from "./index-DACAHwoB.js";
-import "vue";
-import "reka-ui";
-const o = e(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-        "icon-sm": "size-9",
-        "icon-lg": "size-11"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-export {
-  o as b
-};

package/dist/index-DACAHwoB.js

@@ -1,34 +0,0 @@
-import { a as O } from "./utils-qaFjX9_3.js";
-const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
-  var u;
-  if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
-    const a = n == null ? void 0 : n[t], s = d == null ? void 0 : d[t];
-    if (a === null) return null;
-    const i = m(a) || m(s);
-    return r[t][i];
-  }), v = n && Object.entries(n).reduce((t, a) => {
-    let [s, i] = a;
-    return i === void 0 || (t[s] = i), t;
-  }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
-    let { class: s, className: i, ...f } = a;
-    return Object.entries(f).every((C) => {
-      let [c, o] = C;
-      return Array.isArray(o) ? o.includes({
-        ...d,
-        ...v
-      }[c]) : {
-        ...d,
-        ...v
-      }[c] === o;
-    }) ? [
-      ...t,
-      s,
-      i
-    ] : t;
-  }, []);
-  return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-};
-export {
-  j as c
-};