@equal-experts/kuat-vue 0.15.0-beta.0 → 0.15.0-beta.2

package/dist/components/ui/status-badge/index.d.ts

@@ -0,0 +1,14 @@
+import { StatusBadgeType, StatusBadgeSize } from './constants';
+
+export { default as StatusBadge } from './StatusBadge.vue';
+export { STATUS_BADGE_TYPES, STATUS_BADGE_SIZES } from './constants';
+export type { StatusBadgeType, StatusBadgeSize } from './constants';
+export type StatusBadgeVariants = {
+    type?: StatusBadgeType;
+    size?: StatusBadgeSize;
+};
+/** Returns class string for status badge variant (backward compatibility). */
+export declare function statusBadgeVariants(options?: {
+    type?: StatusBadgeType;
+    size?: StatusBadgeSize;
+}): string;

package/dist/components/ui/tag/Tag.vue.d.ts

@@ -0,0 +1,68 @@
+import { HTMLAttributes } from 'vue';
+import { TagColor, TagMode } from './constants';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    class?: HTMLAttributes["class"];
+    color?: TagColor;
+    /** One interaction model per group: display (non-interactive), toggle (multi-select filter), or dismiss (removable). Do not mix toggle and dismiss tags within the same group. */
+    mode?: TagMode;
+    /** Toggle mode only: whether the tag is selected. */
+    selected?: boolean;
+    disabled?: boolean;
+}>, {
+    color: string;
+    mode: string;
+    selected: boolean;
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selected": (selected: boolean) => void;
+    dismiss: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    class?: HTMLAttributes["class"];
+    color?: TagColor;
+    /** One interaction model per group: display (non-interactive), toggle (multi-select filter), or dismiss (removable). Do not mix toggle and dismiss tags within the same group. */
+    mode?: TagMode;
+    /** Toggle mode only: whether the tag is selected. */
+    selected?: boolean;
+    disabled?: boolean;
+}>, {
+    color: string;
+    mode: string;
+    selected: boolean;
+    disabled: boolean;
+}>>> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+    "onUpdate:selected"?: ((selected: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    color: TagColor;
+    mode: TagMode;
+    selected: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,4 @@
+export declare const TAG_COLORS: readonly ["base", "index-indigo", "transform-teal", "packet-plum", "server-slate", "logic-lime", "signal-yellow", "cursor-coral", "patch-peach"];
+export type TagColor = (typeof TAG_COLORS)[number];
+export declare const TAG_MODES: readonly ["display", "toggle", "dismiss"];
+export type TagMode = (typeof TAG_MODES)[number];

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

@@ -0,0 +1,16 @@
+import { TagColor, TagMode } from './constants';
+
+export { default as Tag } from './Tag.vue';
+export { TAG_COLORS, TAG_MODES } from './constants';
+export type { TagColor, TagMode } from './constants';
+export type TagVariants = {
+    color?: TagColor;
+    mode?: TagMode;
+    selected?: boolean;
+};
+/** Returns class string for tag variant (backward compatibility). */
+export declare function tagVariants(options?: {
+    color?: TagColor;
+    mode?: TagMode;
+    selected?: boolean;
+}): string;

package/dist/components/ui/tag-group/TagGroup.vue.d.ts

@@ -0,0 +1,30 @@
+import { HTMLAttributes } from 'vue';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: HTMLAttributes["class"];
+    /** Accessible name for the group, e.g. "Technology filters". */
+    label: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    class?: HTMLAttributes["class"];
+    /** Accessible name for the group, e.g. "Technology filters". */
+    label: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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-1wvs-DeO.js

@@ -0,0 +1,65 @@
+import { defineComponent as p, computed as d, createElementBlock as e, openBlock as o, normalizeClass as u, unref as m, createBlock as f, createCommentVNode as a, createElementVNode as c, resolveDynamicComponent as C, toDisplayString as l } from "vue";
+import { XCircle as y, AlertTriangle as h, CheckCircle2 as k, Info as v } from "lucide-vue-next";
+import { c as g } from "./utils-DLUjLwnh.js";
+import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const B = ["data-type"], L = {
+  class: "callout__content",
+  "data-slot": "callout-content"
+}, T = { class: "callout__text-content" }, A = {
+  class: "callout__title",
+  "data-slot": "callout-title"
+}, E = {
+  key: 0,
+  class: "callout__description",
+  "data-slot": "callout-description"
+}, I = ["href", "target"], N = /* @__PURE__ */ p({
+  __name: "Callout",
+  props: {
+    class: {},
+    type: { default: "info" },
+    title: {},
+    description: {},
+    icon: { type: Boolean, default: !0 },
+    action: {}
+  },
+  setup(s) {
+    const i = {
+      info: v,
+      positive: k,
+      warning: h,
+      issue: y
+    }, t = s, r = d(() => i[t.type]);
+    return (O, n) => (o(), e("div", {
+      role: "status",
+      "data-slot": "callout",
+      "data-type": t.type,
+      class: u(m(g)("callout", `callout--${t.type}`, t.class))
+    }, [
+      t.icon ? (o(), f(C(r.value), {
+        key: 0,
+        "aria-hidden": "true",
+        class: "callout__icon",
+        "data-slot": "callout-icon"
+      })) : a("", !0),
+      c("div", L, [
+        c("div", T, [
+          c("p", A, l(t.title), 1),
+          t.description != null ? (o(), e("p", E, l(t.description), 1)) : a("", !0),
+          t.action ? (o(), e("a", {
+            key: 1,
+            class: "callout__action",
+            "data-slot": "callout-action",
+            href: t.action.href,
+            target: t.action.target,
+            onClick: n[0] || (n[0] = //@ts-ignore
+            (..._) => t.action.onClick && t.action.onClick(..._))
+          }, l(t.action.label), 9, I)) : a("", !0)
+        ])
+      ])
+    ], 10, B));
+  }
+}), V = /* @__PURE__ */ x(N, [["__scopeId", "data-v-da82a3ff"]]), b = ["info", "positive", "warning", "issue"];
+export {
+  V as C,
+  b as a
+};

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

@@ -3,6 +3,8 @@ export { cn } from './lib/utils';
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './components/ui/button-group';
 export type { ButtonGroupVariants } from './components/ui/button-group';
 export { ContentCard } from './components/ui/content-card';
+export { Callout, CALLOUT_TYPES } from './components/ui/callout';
+export type { CalloutType, CalloutAction } from './components/ui/callout';
 export { KuatHeader, kuatHeaderVariants, EELogo } from './components/ui/kuat-header';
 export type { KuatHeaderVariants, KuatHeaderVariant, KuatHeaderLockupVariant, KuatHeaderApp, KuatHeaderAppSwitcherConfig, KuatHeaderAccountConfig, KuatHeaderAccountItem, KuatHeaderNavItem, KuatHeaderLockupConfig, KuatHeaderMobileAccount, KuatHeaderMobileAccountItem, } from './components/ui/kuat-header';
 export { shouldShowAppSwitcher, resolveAppSwitcherLabels, resolveHeaderLockup, } from './components/ui/kuat-header';
@@ -20,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';