@equal-experts/kuat-vue 0.2.0 → 0.2.6

package/README.md

@@ -39,6 +39,46 @@ pnpm add lucide-vue-next
 
 **Note:** `@equal-experts/kuat-core` is bundled with this package - you don't need to install it separately.
 
+### Recommended: Use Subpath Imports
+
+To avoid installing all peer dependencies when you only need specific components, use **subpath imports**. This allows you to import only the components you need and only install their required peer dependencies.
+
+**Example: Only using Button**
+
+```bash
+# Only install peer dependencies for Button
+pnpm add vue radix-vue reka-ui
+```
+
+```vue
+<script setup>
+// Import from subpath - only Button and its dependencies are required
+import { Button } from "@equal-experts/kuat-vue/button";
+</script>
+```
+
+**Component Peer Dependencies:**
+
+- **Button**: `vue`, `radix-vue`, `reka-ui`
+- **Accordion**: `vue`, `radix-vue`, `reka-ui`, `lucide-vue-next`
+- **AlertDialog**: `vue`, `radix-vue`, `reka-ui`
+- **Badge**: `vue`, `radix-vue`, `reka-ui`
+
+**Using Main Export (All Components):**
+
+If you import from the main package, you'll need all peer dependencies:
+
+```vue
+<script setup>
+// This requires ALL peer dependencies to be installed
+import { Button, Accordion, AlertDialog } from "@equal-experts/kuat-vue";
+</script>
+```
+
+**lucide-vue-next Version Support:**
+
+The package supports `lucide-vue-next` versions `^0.344.0 || >=0.400.0`, including the latest versions.
+
 ---
 
 ## Setup
@@ -145,11 +185,87 @@ If you want to use different fonts or load them differently, you can override th
 
 ---
 
+## AI Agent Documentation Setup
+
+The Kuat Design System includes AI-friendly documentation optimized for LLM consumption. This documentation helps AI assistants understand the design system, generate code that follows design patterns, and maintain brand consistency.
+
+### Setup Documentation
+
+To make the agent documentation available in your repository for LLM context (e.g., Cursor), run the setup script:
+
+```bash
+# Using pnpm exec (recommended)
+pnpm exec @equal-experts/kuat-vue setup-docs
+
+# Using npm exec
+npm exec @equal-experts/kuat-vue setup-docs
+
+# Or if you have the package installed locally
+cd node_modules/@equal-experts/kuat-vue && pnpm setup-docs
+```
+
+This will copy the agent documentation to `.cursor/rules/kuat-docs/` in your repository root.
+
+### What Gets Copied
+
+The setup script copies the following documentation:
+
+- **Design System** (`design/`) - Colors, typography, spacing, borders, layouts, logo usage
+- **Component Guidelines** (`components/`) - Component development patterns and best practices
+- **Content Guidelines** (`content/`) - Content writing guidelines for marketing, sales, and product interfaces
+
+### Using the Documentation
+
+Once copied, you can:
+
+1. **Reference in Cursor Rules**: Add references to `.cursor/rules/kuat-docs/` in your `.cursorrules` file
+2. **LLM Context**: The documentation is optimized for LLM consumption and provides context for:
+   - Understanding the design system
+   - Using components correctly
+   - Maintaining brand consistency
+   - Writing appropriate content
+
+### Updating Documentation
+
+After installing a new version of `@equal-experts/kuat-vue`, run the setup script again to update the documentation:
+
+```bash
+pnpm exec @equal-experts/kuat-vue setup-docs
+```
+
+The script will automatically clean and replace the existing documentation.
+
+### Documentation Location
+
+The documentation is copied to:
+```
+.cursor/rules/kuat-docs/
+```
+
+This location is chosen because:
+- It's within the `.cursor/` directory (typically gitignored)
+- It's in the `rules/` subdirectory where Cursor looks for context files
+- It's clearly namespaced as `kuat-docs/` to avoid conflicts
+
+---
+
 ## Basic Usage
 
 ### Import Components
 
+You can import components in two ways:
+
+**Option 1: Subpath Import (Recommended for single components)**
+
+```typescript
+// Import only Button - only requires Button's peer dependencies
+import { Button } from "@equal-experts/kuat-vue/button";
+```
+
+**Option 2: Main Package Import**
+
 ```typescript
+// Import from main package - requires all peer dependencies
 import { Button } from "@equal-experts/kuat-vue";
 ```
 
@@ -165,7 +281,11 @@ import { Button } from "@equal-experts/kuat-vue";
 </template>
 
 <script setup lang="ts">
-import { Button } from "@equal-experts/kuat-vue";
+// Recommended: Subpath import
+import { Button } from "@equal-experts/kuat-vue/button";
+
+// Or: Main package import
+// import { Button } from "@equal-experts/kuat-vue";
 </script>
 ```
 
@@ -447,11 +567,44 @@ Then use without importing:
 
 ## Additional Resources
 
-- **Design System Documentation**: See [../../docs/agent/design/design-system.md](../../docs/agent/design/design-system.md)
-- **Component Guidelines**: See [../../docs/agent/technical/component-guidelines.md](../../docs/agent/technical/component-guidelines.md)
 - **shadcn-vue Documentation**: [https://www.shadcn-vue.com](https://www.shadcn-vue.com)
 - **Tailwind CSS v4**: [https://tailwindcss.com](https://tailwindcss.com)
 - **Vue 3 Documentation**: [https://vuejs.org](https://vuejs.org)
+- **Radix Vue Documentation**: [https://www.radix-vue.com](https://www.radix-vue.com)
+
+---
+
+## AI Agent Documentation
+
+This package includes AI-friendly documentation in the `docs/` directory, optimized for LLM consumption.
+
+### Included Documentation
+
+- **[Design System](./docs/design/)** - Colors, typography, spacing, borders, and design tokens
+- **[Component Guidelines](./docs/components/guidelines.md)** - Component development patterns and best practices
+- **[Content Guidelines](./docs/content/)** - Content writing guidelines for marketing and product UX
+
+### Accessing Documentation
+
+The documentation is available in your `node_modules` after installation:
+
+```
+node_modules/@equal-experts/kuat-vue/docs/
+├── design/              # Design system guidelines
+├── components/          # Component patterns
+└── content/             # Content writing guidelines
+```
+
+### For AI Agents
+
+You can reference this documentation in your `.cursorrules` or similar configuration:
+
+```
+# Kuat Design System Documentation
+- Design tokens: node_modules/@equal-experts/kuat-vue/docs/design/
+- Component patterns: node_modules/@equal-experts/kuat-vue/docs/components/
+- Brand colors available: EE Blue, Tech Blue, Transform Teal, Equal Ember
+```
 
 ---
 

package/dist/AccordionTrigger.vue_vue_type_script_setup_true_lang-vy6KzwI7.js

@@ -0,0 +1,107 @@
+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 "./styles-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-DNFUKWlR.js

@@ -0,0 +1,185 @@
+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 "./styles-qaFjX9_3.js";
+import { b as y } from "./index-DCxse3sU.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-Xhp6qpI9.js

@@ -0,0 +1,30 @@
+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 "./styles-qaFjX9_3.js";
+import { b as u } from "./index-DCxse3sU.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/accordion.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './lib/utils';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/ui/accordion';

package/dist/accordion.js

@@ -0,0 +1,9 @@
+import { c as r } from "./styles-qaFjX9_3.js";
+import { _ as a, c as e, a as i, b as s } from "./AccordionTrigger.vue_vue_type_script_setup_true_lang-vy6KzwI7.js";
+export {
+  a as Accordion,
+  e as AccordionContent,
+  i as AccordionItem,
+  s as AccordionTrigger,
+  r as cn
+};

package/dist/alert-dialog.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './lib/utils';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';

package/dist/alert-dialog.js

@@ -0,0 +1,14 @@
+import { c as l } from "./styles-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-DNFUKWlR.js";
+export {
+  r as AlertDialog,
+  t as AlertDialogAction,
+  i as AlertDialogCancel,
+  g as AlertDialogContent,
+  s as AlertDialogDescription,
+  A as AlertDialogFooter,
+  D as AlertDialogHeader,
+  c as AlertDialogTitle,
+  n as AlertDialogTrigger,
+  l as cn
+};

package/dist/badge.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Badge, badgeVariants } from './components/ui/badge';
+export type { BadgeVariants } from './components/ui/badge';

package/dist/badge.js

@@ -0,0 +1,7 @@
+import { c as e } from "./styles-qaFjX9_3.js";
+import { _ as s, b as t } from "./index-BS0sZM3b.js";
+export {
+  s as Badge,
+  t as badgeVariants,
+  e as cn
+};

package/dist/button-group.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, } from './components/ui/button-group';
+export type { ButtonGroupVariants } from './components/ui/button-group';

package/dist/button-group.js

@@ -0,0 +1,9 @@
+import { c as r } from "./styles-qaFjX9_3.js";
+import { _ as u, a as p, b as n, c as s } from "./index-Cctx-joO.js";
+export {
+  u as ButtonGroup,
+  p as ButtonGroupSeparator,
+  n as ButtonGroupText,
+  s as buttonGroupVariants,
+  r as cn
+};

package/dist/button.d.ts

@@ -0,0 +1,3 @@
+export { cn } from './lib/utils';
+export { Button, buttonVariants } from './components/ui/button';
+export type { ButtonVariants } from './components/ui/button';

package/dist/button.js

@@ -0,0 +1,8 @@
+import { c as r } from "./styles-qaFjX9_3.js";
+import { b as n } from "./index-DCxse3sU.js";
+import { _ as e } from "./Button.vue_vue_type_script_setup_true_lang-Xhp6qpI9.js";
+export {
+  e as Button,
+  n as buttonVariants,
+  r as cn
+};

package/dist/components/ui/accordion/Accordion.vue.d.ts

@@ -0,0 +1,26 @@
+import { AccordionRootProps } from 'reka-ui';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AccordionRootProps<string | string[]>>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AccordionRootProps<string | string[]>>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/accordion/AccordionContent.vue.d.ts

@@ -0,0 +1,27 @@
+import { AccordionContentProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AccordionContentProps & {
+    class?: HTMLAttributes["class"];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AccordionContentProps & {
+    class?: HTMLAttributes["class"];
+}>>> & 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/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,27 @@
+import { AccordionItemProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AccordionItemProps & {
+    class?: HTMLAttributes["class"];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AccordionItemProps & {
+    class?: HTMLAttributes["class"];
+}>>> & 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;
+    };
+};