@equal-experts/kuat-vue 0.4.1 → 0.4.2

package/README.md

@@ -6,7 +6,7 @@ Custom Vue components and blocks for the Kuat Design System.
 
 ## Architecture
 
-This package provides **custom components** and **blocks** that are unique to Kuat. For standard UI components (Button, Dialog, etc.), install them directly via shadcn-vue CLI with kuat-core theming.
+This package provides **custom components** and **blocks** that are unique to Kuat. It also provides a localized **Button** component. For other UI components (e.g. Dialog), install them via shadcn-vue CLI with kuat-core theming.
 
 ```
 ┌─────────────────────────────────────────────────────┐
@@ -53,6 +53,7 @@ Components unique to Kuat, not available in shadcn-vue:
 
 | Component | Description |
 |-----------|-------------|
+| `Button` | Primary actions with variant (primary, secondary, outline, ghost, ghost-muted, destructive) and color |
 | `ButtonGroup` | Groups buttons together with proper styling |
 | `ButtonGroupText` | Text element within a button group |
 | `ButtonGroupSeparator` | Separator between button group items |
@@ -124,10 +125,9 @@ npx shadcn-vue@latest add button dialog dropdown-menu
 ```vue
 <script setup lang="ts">
 // Kuat custom components from this package
-import { ButtonGroup, ButtonGroupText } from '@equal-experts/kuat-vue';
+import { ButtonGroup, ButtonGroupText, Button } from '@equal-experts/kuat-vue';
 
-// shadcn-vue components from your local installation
-import { Button } from '@/components/ui/button';
+// Other shadcn-vue components from your local installation if needed
 </script>
 
 <template>
@@ -149,8 +149,7 @@ Groups buttons together with seamless borders:
 
 ```vue
 <script setup lang="ts">
-import { ButtonGroup, ButtonGroupText } from '@equal-experts/kuat-vue';
-import { Button } from '@/components/ui/button';
+import { ButtonGroup, ButtonGroupText, Button } from '@equal-experts/kuat-vue';
 </script>
 
 <template>
@@ -213,7 +212,7 @@ If you were importing standard components from this package, migrate to direct s
 
 ```vue
 <script setup lang="ts">
-import { Button, Dialog, Badge } from '@equal-experts/kuat-vue';
+import { Button, Dialog } from '@equal-experts/kuat-vue';
 </script>
 ```
 
@@ -224,10 +223,9 @@ import { Button, Dialog, Badge } from '@equal-experts/kuat-vue';
 // Standard components from your local shadcn-vue installation
 import { Button } from '@/components/ui/button';
 import { Dialog } from '@/components/ui/dialog';
-import { Badge } from '@/components/ui/badge';
 
-// Kuat-specific components from this package
-import { ButtonGroup } from '@equal-experts/kuat-vue';
+// Kuat-specific components from this package (including Badge)
+import { ButtonGroup, Badge } from '@equal-experts/kuat-vue';
 </script>
 ```
 
@@ -235,24 +233,9 @@ import { ButtonGroup } from '@equal-experts/kuat-vue';
 
 1. Ensure `@equal-experts/kuat-core` is installed
 2. Initialize shadcn-vue: `npx shadcn-vue@latest init`
-3. Install needed components: `npx shadcn-vue@latest add button dialog badge`
+3. Install needed components: `npx shadcn-vue@latest add button dialog`
 4. Update imports to use local components
-5. Keep imports for Kuat-specific components (ButtonGroup, etc.)
-
----
-
-## Deprecated Exports
-
-The following exports are deprecated and will be removed in the next major version. Install them directly via shadcn-vue CLI instead:
-
-| Component | Replacement |
-|-----------|-------------|
-| `Button` | `npx shadcn-vue@latest add button` |
-| `Accordion` | `npx shadcn-vue@latest add accordion` |
-| `AlertDialog` | `npx shadcn-vue@latest add alert-dialog` |
-| `Badge` | `npx shadcn-vue@latest add badge` |
-
-These components are still exported for backward compatibility but will be themed correctly only when using kuat-core.
+5. Keep imports for Kuat-specific components (Button, ButtonGroup, Badge, etc.)
 
 ---
 

package/dist/AccordionTrigger-BRz5PzEd.js

@@ -0,0 +1,105 @@
+import { defineComponent as d, createBlock as i, openBlock as l, unref as o, normalizeProps as A, guardReactiveProps as y, withCtx as c, renderSlot as n, mergeProps as p, createElementVNode as B, normalizeClass as C, createVNode as g } from "vue";
+import { useForwardPropsEmits as v, AccordionRoot as $, AccordionContent as h, useForwardProps as P, AccordionItem as b, AccordionHeader as w, AccordionTrigger as I } from "reka-ui";
+import { c as m } from "./utils-DLUjLwnh.js";
+import { r as u } from "./index-A7umpmtg.js";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { ChevronDown as V } from "lucide-vue-next";
+const D = /* @__PURE__ */ d({
+  __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: e }) {
+    const a = v(s, e);
+    return (f, k) => (l(), i(o($), A(y(o(a))), {
+      default: c(() => [
+        n(f.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), T = /* @__PURE__ */ d({
+  __name: "AccordionContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(s) {
+    const e = s, r = u(e, "class");
+    return (t, a) => (l(), i(o(h), p(o(r), { class: "accordion-content" }), {
+      default: c(() => [
+        B("div", {
+          class: C(o(m)("accordion-content__body", e.class))
+        }, [
+          n(t.$slots, "default", {}, void 0, !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), M = /* @__PURE__ */ _(T, [["__scopeId", "data-v-323c4af0"]]), H = /* @__PURE__ */ d({
+  __name: "AccordionItem",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(s) {
+    const e = s, r = u(e, "class"), t = P(r);
+    return (a, f) => (l(), i(o(b), p(o(t), {
+      class: o(m)("accordion-item", e.class)
+    }), {
+      default: c(() => [
+        n(a.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), S = /* @__PURE__ */ _(H, [["__scopeId", "data-v-f0319512"]]), O = /* @__PURE__ */ d({
+  __name: "AccordionTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(s) {
+    const e = s, r = u(e, "class");
+    return (t, a) => (l(), i(o(w), { class: "accordion-trigger-wrapper" }, {
+      default: c(() => [
+        g(o(I), p(o(r), {
+          class: o(m)("accordion-trigger", e.class)
+        }), {
+          default: c(() => [
+            n(t.$slots, "default", {}, void 0, !0),
+            n(t.$slots, "icon", {}, () => [
+              g(o(V), { class: "accordion-trigger__icon" })
+            ], !0)
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), j = /* @__PURE__ */ _(O, [["__scopeId", "data-v-a03b22b5"]]);
+export {
+  S as A,
+  D as _,
+  j as a,
+  M as b
+};

package/dist/AlertDialogTrigger.vue_vue_type_script_setup_true_lang-CK1Um8CY.js

@@ -0,0 +1,173 @@
+import { defineComponent as l, createBlock as p, openBlock as r, unref as e, normalizeProps as D, guardReactiveProps as $, withCtx as n, renderSlot as c, mergeProps as u, createVNode as A, createElementBlock as v, normalizeClass as h } from "vue";
+import { useForwardPropsEmits as C, AlertDialogRoot as y, AlertDialogAction as B, AlertDialogCancel as P, AlertDialogPortal as I, AlertDialogOverlay as O, AlertDialogContent as w, AlertDialogDescription as T, AlertDialogTitle as b, AlertDialogTrigger as F } from "reka-ui";
+import { c as d } from "./utils-DLUjLwnh.js";
+import { r as g } from "./index-A7umpmtg.js";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const G = /* @__PURE__ */ l({
+  __name: "AlertDialog",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(s, { emit: t }) {
+    const i = C(s, t);
+    return (f, m) => (r(), p(e(y), D($(e(i))), {
+      default: n(() => [
+        c(f.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), k = /* @__PURE__ */ l({
+  __name: "AlertDialogAction",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(s) {
+    const t = s, a = g(t, "class");
+    return (o, i) => (r(), p(e(B), u(e(a), {
+      class: e(d)("alert-dialog-action", t.class)
+    }), {
+      default: n(() => [
+        c(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), J = /* @__PURE__ */ _(k, [["__scopeId", "data-v-a5af5f97"]]), x = /* @__PURE__ */ l({
+  __name: "AlertDialogCancel",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(s) {
+    const t = s, a = g(t, "class");
+    return (o, i) => (r(), p(e(P), u(e(a), {
+      class: e(d)("alert-dialog-cancel", t.class)
+    }), {
+      default: n(() => [
+        c(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), L = /* @__PURE__ */ _(x, [["__scopeId", "data-v-4ab33db4"]]), E = /* @__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 = g(a, "class"), f = C(i, o);
+    return (m, M) => (r(), p(e(I), null, {
+      default: n(() => [
+        A(e(O), { class: "alert-dialog-overlay" }),
+        A(e(w), u(e(f), {
+          class: e(d)("alert-dialog-content", a.class)
+        }), {
+          default: n(() => [
+            c(m.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), Q = /* @__PURE__ */ _(E, [["__scopeId", "data-v-630d3e5f"]]), z = /* @__PURE__ */ l({
+  __name: "AlertDialogDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(s) {
+    const t = s, a = g(t, "class");
+    return (o, i) => (r(), p(e(T), u(e(a), {
+      class: e(d)("alert-dialog-description", t.class)
+    }), {
+      default: n(() => [
+        c(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), U = /* @__PURE__ */ _(z, [["__scopeId", "data-v-5a0d8461"]]), H = /* @__PURE__ */ l({
+  __name: "AlertDialogFooter",
+  props: {
+    class: {}
+  },
+  setup(s) {
+    const t = s;
+    return (a, o) => (r(), v("div", {
+      class: h(e(d)("alert-dialog-footer", t.class))
+    }, [
+      c(a.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), W = /* @__PURE__ */ _(H, [["__scopeId", "data-v-59463818"]]), R = /* @__PURE__ */ l({
+  __name: "AlertDialogHeader",
+  props: {
+    class: {}
+  },
+  setup(s) {
+    const t = s;
+    return (a, o) => (r(), v("div", {
+      class: h(e(d)("alert-dialog-header", t.class))
+    }, [
+      c(a.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), X = /* @__PURE__ */ _(R, [["__scopeId", "data-v-689b6152"]]), K = /* @__PURE__ */ l({
+  __name: "AlertDialogTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(s) {
+    const t = s, a = g(t, "class");
+    return (o, i) => (r(), p(e(b), u(e(a), {
+      class: e(d)("alert-dialog-title", t.class)
+    }), {
+      default: n(() => [
+        c(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Y = /* @__PURE__ */ _(K, [["__scopeId", "data-v-f431895c"]]), Z = /* @__PURE__ */ l({
+  __name: "AlertDialogTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(s) {
+    const t = s;
+    return (a, o) => (r(), p(e(F), D($(t)), {
+      default: n(() => [
+        c(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  J as A,
+  G as _,
+  L as a,
+  Q as b,
+  U as c,
+  W as d,
+  X as e,
+  Y as f,
+  Z as g
+};

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/dist/accordion.js

@@ -1,5 +1,5 @@
-import { c as r } from "./utils-qaFjX9_3.js";
-import { _ as a, c as e, a as i, b as s } from "./AccordionTrigger.vue_vue_type_script_setup_true_lang-CG4FNPK2.js";
+import { c as r } from "./utils-DLUjLwnh.js";
+import { _ as a, b as e, A as i, a as s } from "./AccordionTrigger-BRz5PzEd.js";
 export {
   a as Accordion,
   e as AccordionContent,

package/dist/alert-dialog.js

@@ -1,5 +1,5 @@
-import { c as l } from "./utils-qaFjX9_3.js";
-import { _ as r, a as t, b as i, c as g, d as s, e as A, f as D, g as c, h as n } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-chev-oxU.js";
+import { c as l } from "./utils-DLUjLwnh.js";
+import { _ as r, A as t, a as i, b as g, c as s, d as A, e as D, f as c, g as n } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-CK1Um8CY.js";
 export {
   r as AlertDialog,
   t as AlertDialogAction,

package/dist/badge.js

@@ -1,5 +1,5 @@
-import { c as e } from "./utils-qaFjX9_3.js";
-import { _ as s, b as t } from "./index-CMJyKNIG.js";
+import { c as e } from "./utils-DLUjLwnh.js";
+import { B as s, b as t } from "./index-C3VyxnTa.js";
 export {
   s as Badge,
   t as badgeVariants,

package/dist/button-group.js

@@ -1,5 +1,5 @@
-import { c as r } from "./utils-qaFjX9_3.js";
-import { _ as u, a as p, b as n, c as s } from "./index-B9dF2hh8.js";
+import { c as r } from "./utils-DLUjLwnh.js";
+import { B as u, a as p, b as n, c as s } from "./index-iz_NZI-V.js";
 export {
   u as ButtonGroup,
   p as ButtonGroupSeparator,

package/dist/button.js

@@ -1,8 +1,7 @@
-import { c as r } from "./utils-qaFjX9_3.js";
-import { b as n } from "./index-D3egriua.js";
-import { _ as e } from "./Button.vue_vue_type_script_setup_true_lang-CtAz6Sf_.js";
+import { c as a } from "./utils-DLUjLwnh.js";
+import { _ as n, b as s } from "./index-CBmjn3iX.js";
 export {
-  e as Button,
-  n as buttonVariants,
-  r as cn
+  n as Button,
+  s as buttonVariants,
+  a as cn
 };

package/dist/components/ui/badge/Badge.vue.d.ts

@@ -1,9 +1,10 @@
 import { PrimitiveProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { BadgeVariants } from '.';
+import { BadgeVariant, BadgeRoundness } from './constants';
 
 interface Props extends PrimitiveProps {
-    variant?: BadgeVariants["variant"];
+    variant?: BadgeVariant;
+    roundness?: BadgeRoundness;
     class?: HTMLAttributes["class"];
 }
 declare function __VLS_template(): {
@@ -11,10 +12,16 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     as: string;
+    variant: string;
+    roundness: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     as: string;
+    variant: string;
+    roundness: string;
 }>>> & Readonly<{}>, {
     as: import('reka-ui').AsTag | import('vue').Component;
+    variant: BadgeVariant;
+    roundness: BadgeRoundness;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -0,0 +1,4 @@
+export declare const BADGE_VARIANTS: readonly ["default", "secondary", "destructive", "outline", "ghost"];
+export type BadgeVariant = (typeof BADGE_VARIANTS)[number];
+export declare const BADGE_ROUNDNESS: readonly ["default", "round"];
+export type BadgeRoundness = (typeof BADGE_ROUNDNESS)[number];

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

@@ -1,7 +1,14 @@
-import { VariantProps } from 'class-variance-authority';
+import { BadgeVariant, BadgeRoundness } from './constants';
 
 export { default as Badge } from './Badge.vue';
-export declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type BadgeVariants = VariantProps<typeof badgeVariants>;
+export { BADGE_VARIANTS, BADGE_ROUNDNESS } from './constants';
+export type { BadgeVariant, BadgeRoundness } from './constants';
+export type BadgeVariants = {
+    variant?: BadgeVariant;
+    roundness?: BadgeRoundness;
+};
+/** Returns class string for badge variant (backward compatibility). */
+export declare function badgeVariants(options?: {
+    variant?: BadgeVariant;
+    roundness?: BadgeRoundness;
+}): string;

package/dist/components/ui/breadcrumb/Breadcrumb.vue.d.ts

@@ -0,0 +1,34 @@
+import { HTMLAttributes } from 'vue';
+import { BreadcrumbItemEntry } from './types';
+
+interface Props {
+    items: BreadcrumbItemEntry[];
+    /** aria-label for the nav. Default "Breadcrumb". */
+    ariaLabel?: string;
+    class?: HTMLAttributes["class"];
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    ariaLabel: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    ariaLabel: string;
+}>>> & Readonly<{}>, {
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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];
+} & {};

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

@@ -0,0 +1,2 @@
+export { default as Breadcrumb } from './Breadcrumb.vue';
+export type { BreadcrumbItemEntry } from './types';

package/dist/components/ui/breadcrumb/types.d.ts

@@ -0,0 +1,8 @@
+export interface BreadcrumbItemEntry {
+    label: string;
+    href?: string;
+    children?: Array<{
+        label: string;
+        href: string;
+    }>;
+}

package/dist/components/ui/button/Button.vue.d.ts

@@ -1,10 +1,11 @@
 import { PrimitiveProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { ButtonVariants } from '.';
+import { ButtonVariant, ButtonSize, ButtonColor } from './constants';
 
 interface Props extends PrimitiveProps {
-    variant?: ButtonVariants["variant"];
-    size?: ButtonVariants["size"];
+    variant?: ButtonVariant | "default";
+    size?: ButtonSize | "sm" | "lg";
+    color?: ButtonColor;
     class?: HTMLAttributes["class"];
 }
 declare function __VLS_template(): {
@@ -12,10 +13,19 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     as: string;
+    variant: string;
+    size: string;
+    color: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     as: string;
+    variant: string;
+    size: string;
+    color: string;
 }>>> & Readonly<{}>, {
     as: import('reka-ui').AsTag | import('vue').Component;
+    size: ButtonSize | "sm" | "lg";
+    color: ButtonColor;
+    variant: ButtonVariant | "default";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -0,0 +1,12 @@
+export declare const BUTTON_VARIANTS: readonly ["primary", "secondary", "outline", "ghost", "ghost-muted", "destructive"];
+/** @deprecated Use "primary" instead. */
+export declare const BUTTON_VARIANT_DEFAULT_ALIAS = "default";
+export declare const BUTTON_SIZES: readonly ["mini", "small", "default", "large", "icon"];
+/** @deprecated Use "small" instead. */
+export declare const BUTTON_SIZE_SM_ALIAS = "sm";
+/** @deprecated Use "large" instead. */
+export declare const BUTTON_SIZE_LG_ALIAS = "lg";
+export declare const BUTTON_COLORS: readonly ["ee-blue", "tech-blue", "byte-white", "the-cloud", "dark-data", "transform-teal", "equal-ember"];
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
+export type ButtonColor = (typeof BUTTON_COLORS)[number];

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

@@ -1,8 +1,12 @@
-import { VariantProps } from 'class-variance-authority';
+import { ButtonVariant, ButtonSize, ButtonColor } from './constants';
 
 export { default as Button } from './Button.vue';
-export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type ButtonVariants = VariantProps<typeof buttonVariants>;
+export { BUTTON_VARIANTS, BUTTON_SIZES, BUTTON_COLORS } from './constants';
+export type { ButtonVariant, ButtonSize, ButtonColor } from './constants';
+export type ButtonVariants = {
+    variant?: ButtonVariant | "default";
+    size?: ButtonSize | "sm" | "lg";
+    color?: ButtonColor;
+};
+/** Returns class string for button variant/size/color (backward compatibility). */
+export declare function buttonVariants(options?: ButtonVariants): string;

package/dist/components/ui/button-group/ButtonGroup.vue.d.ts

@@ -1,16 +1,22 @@
 import { HTMLAttributes } from 'vue';
-import { ButtonGroupVariants } from '.';
+import { ButtonGroupOrientation } from './constants';
 
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     class?: HTMLAttributes["class"];
-    orientation?: ButtonGroupVariants["orientation"];
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    orientation?: ButtonGroupOrientation;
+}>, {
+    orientation: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     class?: HTMLAttributes["class"];
-    orientation?: ButtonGroupVariants["orientation"];
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    orientation?: ButtonGroupOrientation;
+}>, {
+    orientation: string;
+}>>> & Readonly<{}>, {
+    orientation: ButtonGroupOrientation;
+}, {}, {}, {}, 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;
@@ -22,6 +28,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         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/button-group/ButtonGroupText.vue.d.ts

@@ -1,10 +1,8 @@
 import { PrimitiveProps } from 'reka-ui';
 import { HTMLAttributes } from 'vue';
-import { ButtonGroupVariants } from '.';
 
 interface Props extends PrimitiveProps {
     class?: HTMLAttributes["class"];
-    orientation?: ButtonGroupVariants["orientation"];
 }
 declare function __VLS_template(): {
     default?(_: {}): any;

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

@@ -0,0 +1,2 @@
+export declare const BUTTON_GROUP_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type ButtonGroupOrientation = (typeof BUTTON_GROUP_ORIENTATIONS)[number];