@equal-experts/kuat-vue 0.15.0-beta.1 → 0.15.1

package/dist/components/ui/tag-group/constants.d.ts

@@ -0,0 +1,7 @@
+import { InjectionKey } from 'vue';
+
+export interface TagGroupContextValue {
+    /** Push a message to the group's aria-live region (e.g. "Design removed"). */
+    announce: (message: string) => void;
+}
+export declare const TAG_GROUP_INJECTION_KEY: InjectionKey<TagGroupContextValue>;

package/dist/components/ui/tag-group/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TagGroup } from './TagGroup.vue';
+export { TAG_GROUP_INJECTION_KEY } from './constants';
+export type { TagGroupContextValue } from './constants';

package/dist/constants-C7FSWs1k.js

@@ -0,0 +1,4 @@
+const o = Symbol("KuatTagGroup");
+export {
+  o as T
+};

package/dist/counter-badge.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { CounterBadge, counterBadgeVariants, COUNTER_BADGE_TYPES, } from './components/ui/counter-badge';
+export type { CounterBadgeVariants, CounterBadgeType } from './components/ui/counter-badge';

package/dist/counter-badge.js

@@ -0,0 +1,8 @@
+import { c as e } from "./utils-DLUjLwnh.js";
+import { a as s, C as t, c } from "./index-Mf68zkuJ.js";
+export {
+  s as COUNTER_BADGE_TYPES,
+  t as CounterBadge,
+  e as cn,
+  c as counterBadgeVariants
+};

package/dist/index-BMnFWBPu.js

@@ -0,0 +1,96 @@
+import { defineComponent as h, inject as C, computed as r, createElementBlock as u, openBlock as d, normalizeClass as g, renderSlot as f, createBlock as _, createCommentVNode as p, unref as v } from "vue";
+import { Check as T, X as B } from "lucide-vue-next";
+import { c as y } from "./utils-DLUjLwnh.js";
+import { T as O } from "./constants-C7FSWs1k.js";
+import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const E = ["data-color", "data-mode", "aria-pressed", "disabled"], G = ["data-color", "data-mode"], V = /* @__PURE__ */ h({
+  __name: "Tag",
+  props: {
+    class: {},
+    color: { default: "base" },
+    mode: { default: "display" },
+    selected: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:selected", "dismiss"],
+  setup(a, { emit: l }) {
+    const e = a, t = l, o = C(O, null), i = r(() => e.mode !== "display"), b = r(
+      () => e.mode === "dismiss" || e.mode === "toggle" && e.selected
+    ), m = r(
+      () => y(
+        "tag",
+        `tag--${e.color}`,
+        i.value && "tag--interactive",
+        b.value && "tag--selected",
+        e.class
+      )
+    );
+    function k(s) {
+      var c;
+      if (e.mode === "toggle")
+        t("update:selected", !e.selected);
+      else if (e.mode === "dismiss") {
+        const n = (c = s.currentTarget.textContent) == null ? void 0 : c.trim();
+        n && (o == null || o.announce(`${n} removed`)), t("dismiss");
+      }
+    }
+    return (s, c) => i.value ? (d(), u("button", {
+      key: 0,
+      type: "button",
+      "data-slot": "tag",
+      "data-color": e.color,
+      "data-mode": e.mode,
+      "aria-pressed": e.mode === "toggle" ? e.selected : void 0,
+      disabled: e.disabled,
+      class: g(m.value),
+      onClick: k
+    }, [
+      f(s.$slots, "default", {}, void 0, !0),
+      e.mode === "toggle" && e.selected ? (d(), _(v(T), {
+        key: 0,
+        "aria-hidden": "true",
+        class: "tag__icon",
+        "data-slot": "tag-icon"
+      })) : p("", !0),
+      e.mode === "dismiss" ? (d(), _(v(B), {
+        key: 1,
+        "aria-hidden": "true",
+        class: "tag__icon",
+        "data-slot": "tag-icon"
+      })) : p("", !0)
+    ], 10, E)) : (d(), u("span", {
+      key: 1,
+      "data-slot": "tag",
+      "data-color": e.color,
+      "data-mode": e.mode,
+      class: g(m.value)
+    }, [
+      f(s.$slots, "default", {}, void 0, !0)
+    ], 10, G));
+  }
+}), R = /* @__PURE__ */ $(V, [["__scopeId", "data-v-610adeff"]]), j = [
+  "base",
+  "index-indigo",
+  "transform-teal",
+  "packet-plum",
+  "server-slate",
+  "logic-lime",
+  "signal-yellow",
+  "cursor-coral",
+  "patch-peach"
+], w = ["display", "toggle", "dismiss"];
+function z(a) {
+  const l = (a == null ? void 0 : a.color) ?? "base", e = (a == null ? void 0 : a.mode) ?? "display", t = e === "dismiss" || e === "toggle" && !!(a != null && a.selected);
+  return y(
+    "tag",
+    `tag--${l}`,
+    e !== "display" && "tag--interactive",
+    t && "tag--selected"
+  );
+}
+export {
+  R as T,
+  j as a,
+  w as b,
+  z as t
+};

package/dist/index-DMDbjdfX.js

@@ -0,0 +1,59 @@
+import { defineComponent as n, computed as u, createElementBlock as d, openBlock as s, normalizeClass as o, unref as l, createBlock as i, createCommentVNode as m, renderSlot as _, resolveDynamicComponent as f } from "vue";
+import { CheckCircle2 as g, BadgeInfo as p, XCircle as b, AlertCircle as S } from "lucide-vue-next";
+import { c as r } from "./utils-DLUjLwnh.js";
+import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const z = ["data-type", "data-size"], B = /* @__PURE__ */ n({
+  __name: "StatusBadge",
+  props: {
+    class: {},
+    type: { default: "success" },
+    size: { default: "base" }
+  },
+  setup(e) {
+    const a = e, t = u(() => {
+      switch (a.type) {
+        case "warning":
+          return S;
+        case "error":
+          return b;
+        case "info":
+          return p;
+        case "neutral":
+          return null;
+        default:
+          return g;
+      }
+    });
+    return (c, C) => (s(), d("span", {
+      "data-slot": "status-badge",
+      "data-type": a.type,
+      "data-size": a.size,
+      class: o(
+        l(r)(
+          "status-badge",
+          `status-badge--${a.type}`,
+          `status-badge--size-${a.size}`,
+          a.class
+        )
+      )
+    }, [
+      t.value ? (s(), i(f(t.value), {
+        key: 0,
+        "aria-hidden": "true",
+        class: "status-badge__icon",
+        "data-slot": "status-badge-icon"
+      })) : m("", !0),
+      _(c.$slots, "default", {}, void 0, !0)
+    ], 10, z));
+  }
+}), E = /* @__PURE__ */ y(B, [["__scopeId", "data-v-7e65acae"]]), T = ["success", "warning", "error", "info", "neutral"], $ = ["base", "large"];
+function w(e) {
+  const a = (e == null ? void 0 : e.type) ?? "success", t = (e == null ? void 0 : e.size) ?? "base";
+  return r("status-badge", `status-badge--${a}`, `status-badge--size-${t}`);
+}
+export {
+  E as S,
+  T as a,
+  $ as b,
+  w as s
+};

package/dist/{index-C3VyxnTa.js → index-DgHHiJiZ.js}

@@ -13,7 +13,7 @@ const m = /* @__PURE__ */ t({
   },
   setup(a) {
     const e = a;
-    return (s, g) => (l(), n(d(o), {
+    return (s, b) => (l(), n(d(o), {
       as: a.as,
       "as-child": a.asChild,
       class: c(d(r)("badge", `badge--${e.variant}`, `badge--roundness-${e.roundness}`, e.class))
@@ -24,7 +24,7 @@ const m = /* @__PURE__ */ t({
       _: 3
     }, 8, ["as", "as-child", "class"]));
   }
-}), B = /* @__PURE__ */ i(m, [["__scopeId", "data-v-3daa11ff"]]);
+}), B = /* @__PURE__ */ i(m, [["__scopeId", "data-v-5e44abdb"]]);
 function C(a) {
   const e = (a == null ? void 0 : a.variant) ?? "default", s = (a == null ? void 0 : a.roundness) ?? "default";
   return r("badge", `badge--${e}`, `badge--roundness-${s}`);

package/dist/index-Mf68zkuJ.js

@@ -0,0 +1,31 @@
+import { defineComponent as r, computed as n, createElementBlock as o, openBlock as s, normalizeClass as p, unref as u, toDisplayString as d } from "vue";
+import { c as a } from "./utils-DLUjLwnh.js";
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const _ = ["data-type"], l = /* @__PURE__ */ r({
+  __name: "CounterBadge",
+  props: {
+    class: {},
+    count: {},
+    max: { default: 99 },
+    type: { default: "primary" }
+  },
+  setup(e) {
+    const t = e, c = n(
+      () => t.count > t.max ? `${t.max}+` : String(t.count)
+    );
+    return (i, y) => (s(), o("span", {
+      "data-slot": "counter-badge",
+      "data-type": t.type,
+      class: p(u(a)("counter-badge", `counter-badge--${t.type}`, t.class))
+    }, d(c.value), 11, _));
+  }
+}), B = /* @__PURE__ */ m(l, [["__scopeId", "data-v-c703dc4c"]]), C = ["primary", "attention"];
+function b(e) {
+  const t = (e == null ? void 0 : e.type) ?? "primary";
+  return a("counter-badge", `counter-badge--${t}`);
+}
+export {
+  B as C,
+  C as a,
+  b as c
+};

package/dist/index.d.ts

@@ -22,6 +22,14 @@ export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from '.
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
 export { Badge, badgeVariants, BADGE_VARIANTS, BADGE_ROUNDNESS } from './components/ui/badge';
 export type { BadgeVariants, BadgeVariant, BadgeRoundness } from './components/ui/badge';
+export { StatusBadge, statusBadgeVariants, STATUS_BADGE_TYPES, STATUS_BADGE_SIZES, } from './components/ui/status-badge';
+export type { StatusBadgeVariants, StatusBadgeType, StatusBadgeSize, } from './components/ui/status-badge';
+export { Tag, tagVariants, TAG_COLORS, TAG_MODES } from './components/ui/tag';
+export type { TagVariants, TagColor, TagMode } from './components/ui/tag';
+export { TagGroup, TAG_GROUP_INJECTION_KEY } from './components/ui/tag-group';
+export type { TagGroupContextValue } from './components/ui/tag-group';
+export { CounterBadge, counterBadgeVariants, COUNTER_BADGE_TYPES, } from './components/ui/counter-badge';
+export type { CounterBadgeVariants, CounterBadgeType } from './components/ui/counter-badge';
 export { Breadcrumb } from './components/ui/breadcrumb';
 export type { BreadcrumbItemEntry } from './components/ui/breadcrumb';
 export { Button, buttonVariants, BUTTON_VARIANTS, BUTTON_SIZES, BUTTON_COLORS, } from './components/ui/button';