@equal-experts/kuat-vue 0.4.2 → 0.6.0

package/dist/switch.d.ts

@@ -0,0 +1 @@
+export * from './components/ui/switch';

package/dist/switch.js

@@ -0,0 +1,7 @@
+import { S as _, b as s, _ as A, a as E } from "./constants-Ils7NSfg.js";
+export {
+  _ as SWITCH_FIELD_APPEARANCES,
+  s as SWITCH_FIELD_LAYOUTS,
+  A as Switch,
+  E as SwitchField
+};

package/dist/textarea.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Textarea, TEXTAREA_RESIZE } from './components/ui/textarea';
+export type { TextareaResize } from './components/ui/textarea';

package/dist/textarea.js

@@ -0,0 +1,8 @@
+import { c as e } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { T as E, _ as T } from "./constants-CpIWAssv.js";
+export {
+  E as TEXTAREA_RESIZE,
+  T as Textarea,
+  e as cn
+};

package/dist/toast-LJYTMaV_.js

@@ -0,0 +1,113 @@
+import { defineComponent as f, useAttrs as b, computed as m, createBlock as p, openBlock as s, unref as r, mergeProps as v, createElementBlock as l, createCommentVNode as u, createElementVNode as _, resolveDynamicComponent as g, toDisplayString as d, h } from "vue";
+import { Toaster as I, toast as e } from "vue-sonner";
+import { c as N } from "./utils-DLUjLwnh.js";
+const E = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "KuatSonner",
+  props: {
+    class: {},
+    containerAriaLabel: { default: "Notifications" },
+    expand: { type: Boolean, default: !1 },
+    position: { default: "top-right" },
+    toastOptions: {},
+    visibleToasts: { default: 3 }
+  },
+  setup(t) {
+    const n = t, o = b(), i = m(() => {
+      const c = n.toastOptions ?? {};
+      return {
+        ...c,
+        classNames: {
+          toast: "kuat-sonner__toast",
+          title: "kuat-sonner__title",
+          description: "kuat-sonner__description",
+          content: "kuat-sonner__content",
+          icon: "kuat-sonner__icon",
+          actionButton: "kuat-sonner__action",
+          cancelButton: "kuat-sonner__cancel",
+          loader: "kuat-sonner__loader",
+          ...c.classNames
+        }
+      };
+    }), k = m(() => i.value);
+    return (c, C) => (s(), p(r(I), v({
+      class: r(N)("kuat-sonner__toaster", n.class),
+      "container-aria-label": n.containerAriaLabel,
+      expand: n.expand,
+      position: n.position,
+      "visible-toasts": n.visibleToasts,
+      "toast-options": k.value
+    }, r(o)), null, 16, ["class", "container-aria-label", "expand", "position", "visible-toasts", "toast-options"]));
+  }
+}), O = { class: "kuat-sonner__content" }, x = { class: "kuat-sonner__text" }, y = { class: "kuat-sonner__title" }, S = {
+  key: 0,
+  class: "kuat-sonner__description"
+}, T = ["aria-label"], P = /* @__PURE__ */ f({
+  __name: "KuatSonnerContent",
+  props: {
+    action: { default: void 0 },
+    description: { default: void 0 },
+    leftIcon: { default: null },
+    showLeftIcon: { type: Boolean, default: !0 },
+    title: {}
+  },
+  setup(t) {
+    return (n, o) => (s(), l("div", O, [
+      t.showLeftIcon && t.leftIcon ? (s(), p(g(t.leftIcon), {
+        key: 0,
+        class: "kuat-sonner__icon"
+      })) : u("", !0),
+      _("div", x, [
+        _("div", y, d(t.title), 1),
+        t.description ? (s(), l("div", S, d(t.description), 1)) : u("", !0)
+      ]),
+      t.action ? (s(), l("button", {
+        key: 1,
+        type: "button",
+        class: "kuat-sonner__action",
+        "aria-label": t.action.ariaLabel ?? t.action.label,
+        onClick: o[0] || (o[0] = //@ts-ignore
+        (...i) => t.action.onClick && t.action.onClick(...i))
+      }, d(t.action.label), 9, T)) : u("", !0)
+    ]));
+  }
+}), V = [
+  "top-left",
+  "top-center",
+  "top-right",
+  "bottom-left",
+  "bottom-center",
+  "bottom-right"
+], B = h("span", {
+  "aria-hidden": "true",
+  class: "kuat-sonner__loading-spinner"
+});
+function a(t) {
+  if (!t) return { important: !1 };
+  const { announcement: n = "polite", ...o } = t;
+  return {
+    ...o,
+    important: n === "assertive"
+  };
+}
+const D = Object.assign(
+  (t, n) => e(t, a(n)),
+  {
+    success: (t, n) => e.success(t, a(n)),
+    info: (t, n) => e.info(t, a(n)),
+    warning: (t, n) => e.warning(t, a(n)),
+    error: (t, n) => e.error(t, a(n)),
+    loading: (t, n) => e(t, {
+      duration: Number.POSITIVE_INFINITY,
+      icon: B,
+      ...a(n)
+    }),
+    dismiss: e.dismiss
+  }
+);
+export {
+  V as S,
+  E as _,
+  P as a,
+  D as t
+};

package/dist/toggle-group.d.ts

@@ -0,0 +1,5 @@
+export { cn } from './lib/utils';
+export { ToggleGroup, ToggleGroupItem, TOGGLE_GROUP_ORIENTATIONS, } from './components/ui/toggle-group';
+export { TOGGLE_SIZES, TOGGLE_SKINS } from './components/ui/toggle';
+export type { ToggleGroupOrientation } from './components/ui/toggle-group';
+export type { ToggleSize, ToggleSkin } from './components/ui/toggle';

package/dist/toggle-group.js

@@ -0,0 +1,71 @@
+import { c as p } from "./utils-DLUjLwnh.js";
+/* empty css                */
+import { defineComponent as n, createBlock as i, openBlock as u, unref as e, mergeProps as g, withCtx as c, renderSlot as d } from "vue";
+import { useForwardPropsEmits as m, ToggleGroupRoot as f, useForwardProps as _, ToggleGroupItem as G } from "reka-ui";
+import { T as w, a as v } from "./constants-CXAkjttx.js";
+import { r as T } from "./index-A7umpmtg.js";
+const z = /* @__PURE__ */ n({
+  __name: "ToggleGroup",
+  props: {
+    rovingFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    orientation: { default: "horizontal" },
+    dir: {},
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    type: {},
+    modelValue: {},
+    defaultValue: {},
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: o }) {
+    const t = s, r = m(t, o);
+    return (l, B) => (u(), i(e(f), g({ "data-slot": "toggle-group" }, e(r), {
+      class: e(p)("toggle-group", `toggle-group--${t.orientation}`, t.class)
+    }), {
+      default: c(() => [
+        d(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), E = /* @__PURE__ */ n({
+  __name: "ToggleGroupItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    size: { default: "regular" },
+    skin: { default: "outlined" }
+  },
+  setup(s) {
+    const o = s, t = T(o, "class", "size", "skin"), a = _(t);
+    return (r, l) => (u(), i(e(G), g({ "data-slot": "toggle-group-item" }, e(a), {
+      class: e(p)(
+        "toggle-group-item",
+        `toggle-group-item--size-${o.size}`,
+        `toggle-group-item--skin-${o.skin}`,
+        o.class
+      )
+    }), {
+      default: c(() => [
+        d(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), P = ["horizontal", "vertical"];
+export {
+  P as TOGGLE_GROUP_ORIENTATIONS,
+  w as TOGGLE_SIZES,
+  v as TOGGLE_SKINS,
+  z as ToggleGroup,
+  E as ToggleGroupItem,
+  p as cn
+};

package/dist/toggle.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Toggle, TOGGLE_SIZES, TOGGLE_SKINS } from './components/ui/toggle';
+export type { ToggleSize, ToggleSkin } from './components/ui/toggle';

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equal-experts/kuat-vue",
-  "version": "0.4.2",
+  "version": "0.6.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -30,6 +30,46 @@
       "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"
+    },
+    "./sonner": {
+      "import": "./dist/sonner.js",
+      "types": "./dist/sonner.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": [
@@ -51,14 +91,23 @@
     "url": "https://github.com/your-org/kuat-mono.git",
     "directory": "packages/kuat-vue"
   },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "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"
+    "tailwind-merge": "^2.2.1",
+    "vue-sonner": "^2.0.9"
   },
   "devDependencies": {
+    "@equal-experts/kuat-core": "workspace:*",
     "@tailwindcss/vite": "^4.0.0",
     "@testing-library/jest-dom": "^6.6.0",
     "@testing-library/vue": "^8.0.0",
@@ -73,20 +122,12 @@
     "vite": "^5.1.0",
     "vite-plugin-dts": "^3.6.4",
     "vitest": "^2.0.0",
-    "vue-tsc": "^1.8.27",
-    "@equal-experts/kuat-core": "0.4.2"
+    "vue-tsc": "^1.8.27"
   },
   "peerDependencies": {
     "lucide-vue-next": "^0.344.0 || >=0.400.0",
     "radix-vue": "^1.9.0",
     "reka-ui": "^2.6.1",
     "vue": "^3.4.0"
-  },
-  "scripts": {
-    "build": "vite build",
-    "dev": "vite build --watch",
-    "lint": "eslint . --max-warnings 0",
-    "test": "vitest",
-    "test:run": "vitest run"
   }
-}
+}