@vue-interface/dropdown-menu 3.0.0 → 3.0.1

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 Justin Kimbrell
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,36 @@
+# Dropdown Menu
+
+The `dropdown-menu` component displays a list of actionable or informational items, similar to traditional dropdown lists. It supports headers, dividers, links, and plain text items.
+
+## Installation
+
+```bash
+pnpm i @vue-interface/dropdown-menu
+```
+
+```bash
+yarn add @vue-interface/dropdown-menu
+```
+
+```bash
+npm i @vue-interface/dropdown-menu
+```
+
+```bash
+bun i @vue-interface/dropdown-menu
+```
+
+## Basic Usage
+
+```html
+<div class="dropdown-menu show relative z-1">
+    <h3 class="dropdown-header">Vue Router</h3>
+    <a href="#" class="dropdown-item active">Item #2</a>
+    <a href="#" class="dropdown-item">Item #3</a>
+    <hr class="dropdown-divider" />
+    <a href="#" class="dropdown-item">Item #4</a>
+</div>
+```
+
+For more comprehensive documentation and examples, please visit the [online documentation](https://vue-interface.github.io/packages/dropdown-menu/).
+

package/dist/dropdown-menu.js

@@ -0,0 +1,50 @@
+import { createElementBlock as o, openBlock as t, renderSlot as r, defineComponent as l, normalizeClass as i } from "vue";
+const d = (e, n) => {
+  const s = e.__vccOpts || e;
+  for (const [c, a] of n)
+    s[c] = a;
+  return s;
+}, _ = {}, f = { class: "dropdown-header" };
+function u(e, n) {
+  return t(), o("h3", f, [
+    r(e.$slots, "default")
+  ]);
+}
+const b = /* @__PURE__ */ d(_, [["render", u]]), m = {}, p = { class: "dropdown-item" };
+function h(e, n) {
+  return t(), o("div", p, [
+    r(e.$slots, "default")
+  ]);
+}
+const y = /* @__PURE__ */ d(m, [["render", h]]), w = {}, $ = { class: "dropdown-item-text" };
+function g(e, n) {
+  return t(), o("div", $, [
+    r(e.$slots, "default")
+  ]);
+}
+const k = /* @__PURE__ */ d(w, [["render", g]]), v = ["aria-labelledby"], x = /* @__PURE__ */ l({
+  __name: "DropdownMenu",
+  props: {
+    align: { default: "left" },
+    show: { type: Boolean }
+  },
+  setup(e) {
+    return (n, s) => (t(), o("div", {
+      class: i(["dropdown-menu", {
+        "dropdown-menu-left": e.align === "left",
+        "dropdown-menu-right": e.align === "right",
+        show: e.show
+      }]),
+      "aria-labelledby": n.$attrs.id
+    }, [
+      r(n.$slots, "default")
+    ], 10, v));
+  }
+});
+export {
+  b as DropdownHeader,
+  y as DropdownItem,
+  k as DropdownItemText,
+  x as DropdownMenu
+};
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sources":["../src/DropdownHeader.vue","../src/DropdownItem.vue","../src/DropdownItemText.vue","../src/DropdownMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n\n</script>\n\n<template>\n    <h3 class=\"dropdown-header\">\n        <slot />\n    </h3>\n</template>","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n    <div class=\"dropdown-item\">\n        <slot />\n    </div>\n</template>","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n    <div class=\"dropdown-item-text\">\n        <slot />\n    </div>\n</template>","<script setup lang=\"ts\">\nexport type DropdownMenuProps = {\n    align?: 'left' | 'right',\n    show?: boolean\n};\n\nwithDefaults(defineProps<DropdownMenuProps>(), {\n    align: 'left'\n});\n</script>\n\n<template>\n    <div\n        class=\"dropdown-menu\"\n        :aria-labelledby=\"($attrs.id as string|undefined)\"\n        :class=\"{\n            'dropdown-menu-left': align === 'left',\n            'dropdown-menu-right': align === 'right',\n            'show': show\n        }\">\n        <slot />\n    </div>\n</template>"],"names":["_hoisted_1","_openBlock","_createElementBlock","_renderSlot","_ctx","__props","$attrs"],"mappings":";;;;;;WAKQA,IAAA,EAAA,OAAM,kBAAiB;;AAA3B,SAAAC,EAAA,GAAAC,EAEK,MAFLF,GAEK;AAAA,IADDG,EAAQC,EAAA,QAAA,SAAA;AAAA;;yDCDPJ,IAAA,EAAA,OAAM,gBAAe;;AAA1B,SAAAC,EAAA,GAAAC,EAEM,OAFNF,GAEM;AAAA,IADFG,EAAQC,EAAA,QAAA,SAAA;AAAA;;yDCDPJ,IAAA,EAAA,OAAM,qBAAoB;;AAA/B,SAAAC,EAAA,GAAAC,EAEM,OAFNF,GAEM;AAAA,IADFG,EAAQC,EAAA,QAAA,SAAA;AAAA;;;;;;;;;2BCMZF,EASM,OAAA;AAAA,MARF,UAAM,iBAAe;AAAA,8BAEuBG,EAAA,UAAK;AAAA,+BAAgDA,EAAA,UAAK;AAAA,cAAkCA,EAAA;AAAA,MAAA;MADvI,mBAAkBC,EAAAA,OAAO;AAAA,IAAA;MAM1BH,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/dropdown-menu.umd.cjs

@@ -0,0 +1,2 @@
+(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.DropdownMenu={},o.Vue))})(this,(function(o,e){"use strict";const r=(n,t)=>{const d=n.__vccOpts||n;for(const[B,D]of t)d[B]=D;return d},c={},s={class:"dropdown-header"};function l(n,t){return e.openBlock(),e.createElementBlock("h3",s,[e.renderSlot(n.$slots,"default")])}const i=r(c,[["render",l]]),a={},f={class:"dropdown-item"};function _(n,t){return e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(n.$slots,"default")])}const p=r(a,[["render",_]]),m={},u={class:"dropdown-item-text"};function h(n,t){return e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(n.$slots,"default")])}const w=r(m,[["render",h]]),$=["aria-labelledby"],k=e.defineComponent({__name:"DropdownMenu",props:{align:{default:"left"},show:{type:Boolean}},setup(n){return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["dropdown-menu",{"dropdown-menu-left":n.align==="left","dropdown-menu-right":n.align==="right",show:n.show}]),"aria-labelledby":t.$attrs.id},[e.renderSlot(t.$slots,"default")],10,$))}});o.DropdownHeader=i,o.DropdownItem=p,o.DropdownItemText=w,o.DropdownMenu=k,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=dropdown-menu.umd.cjs.map

package/dist/dropdown-menu.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.umd.cjs","sources":["../src/DropdownHeader.vue","../src/DropdownItem.vue","../src/DropdownItemText.vue","../src/DropdownMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\n\n</script>\n\n<template>\n    <h3 class=\"dropdown-header\">\n        <slot />\n    </h3>\n</template>","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n    <div class=\"dropdown-item\">\n        <slot />\n    </div>\n</template>","<script setup lang=\"ts\">\n\n</script>\n\n<template>\n    <div class=\"dropdown-item-text\">\n        <slot />\n    </div>\n</template>","<script setup lang=\"ts\">\nexport type DropdownMenuProps = {\n    align?: 'left' | 'right',\n    show?: boolean\n};\n\nwithDefaults(defineProps<DropdownMenuProps>(), {\n    align: 'left'\n});\n</script>\n\n<template>\n    <div\n        class=\"dropdown-menu\"\n        :aria-labelledby=\"($attrs.id as string|undefined)\"\n        :class=\"{\n            'dropdown-menu-left': align === 'left',\n            'dropdown-menu-right': align === 'right',\n            'show': show\n        }\">\n        <slot />\n    </div>\n</template>"],"names":["_hoisted_1","_openBlock","_createElementBlock","_renderSlot","_ctx","__props","$attrs"],"mappings":"kVAKQA,EAAA,CAAA,MAAM,iBAAiB,kBAA3B,OAAAC,YAAA,EAAAC,qBAEK,KAFLF,EAEK,CADDG,aAAQC,EAAA,OAAA,SAAA,qCCDPJ,EAAA,CAAA,MAAM,eAAe,kBAA1B,OAAAC,YAAA,EAAAC,qBAEM,MAFNF,EAEM,CADFG,aAAQC,EAAA,OAAA,SAAA,qCCDPJ,EAAA,CAAA,MAAM,oBAAoB,kBAA/B,OAAAC,YAAA,EAAAC,qBAEM,MAFNF,EAEM,CADFG,aAAQC,EAAA,OAAA,SAAA,yLCMZF,EAAAA,mBASM,MAAA,CARF,wBAAM,gBAAe,sBAEuBG,EAAA,QAAK,6BAAgDA,EAAA,QAAK,aAAkCA,EAAA,IAAA,IADvI,kBAAkBC,EAAAA,OAAO,EAAA,GAM1BH,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { default as DropdownHeader } from './src/DropdownHeader.vue';
+import { default as DropdownItem } from './src/DropdownItem.vue';
+import { default as DropdownItemText } from './src/DropdownItemText.vue';
+import { default as DropdownMenu } from './src/DropdownMenu.vue';
+export { DropdownHeader, DropdownItem, DropdownItemText, DropdownMenu };

package/dist/src/DropdownHeader.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLHeadingElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLHeadingElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/DropdownItem.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/DropdownItemText.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/DropdownMenu.vue.d.ts

@@ -0,0 +1,23 @@
+export type DropdownMenuProps = {
+    align?: 'left' | 'right';
+    show?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DropdownMenuProps> & Readonly<{}>, {
+    align: "left" | "right";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/dropdown-menu",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "A Vue dropdown menu component.",
   "type": "module",
   "main": "./dist/dropdown-menu.umd.cjs",
@@ -18,7 +18,7 @@
   "browserslist": "last 2 versions, > 0.5%, ie >= 11",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vue-interface/dropdown-menu"
+    "url": "git+https://github.com/vue-interface/vue-interface.github.io"
   },
   "keywords": [
     "Button",
@@ -28,11 +28,18 @@
     "Bootstrap"
   ],
   "author": "Justin Kimbrell",
-  "license": "ISC",
+  "license": "MIT",
   "bugs": {
-    "url": "https://github.com/vue-interface/dropdown-menu"
+    "url": "https://github.com/vue-interface/vue-interface.github.io"
   },
   "homepage": "https://github.com/vue-interface/vue-interface",
+  "readme": "README.md",
+  "files": [
+    "dist",
+    "index.css",
+    "README.md",
+    "LICENSE"
+  ],
   "peerDependencies": {
     "vue": "^3.3.4"
   },

package/CHANGELOG.md

@@ -1,7 +0,0 @@
-# @vue-interface/dropdown-menu
-
-## 3.0.0
-
-### Major Changes
-
-- 7119322: Add support for TailwindCSS v4

package/demo.css

@@ -1,10 +0,0 @@
-@import "tailwindcss";
-@import "./index.css";
-
-@variant dark {
-    body {
-        @apply text-white;
-    }
-}
-
-@custom-variant dark (&:where(.dark, .dark *));

package/docs/dropdown-menu.md

@@ -1,65 +0,0 @@
----
-title: Dropdown Menu
----
-
-<script setup>
-import '../demo.css'
-import { ref, onMounted } from 'vue'
-
-const item = ref('Nothing')
-
-onMounted(() => {
-  document.querySelectorAll('.dropdown-item').forEach(link => {
-    link.addEventListener('click', e => {
-      e.preventDefault()
-      const text = link.textContent.trim()
-      if (['Item #2', 'Item #3', 'Item #4'].includes(text)) {
-        item.value = text
-      }
-    })
-  })
-})
-</script>
-
-# Dropdown Menu
-
-The `dropdown-menu` component displays a list of actionable or informational items, similar to traditional dropdown lists. It supports headers, dividers, links, and plain text items.
-
-## Basic Usage
-
-<span>{{ item }} was clicked!</span>
-
-::: raw
-<div>
-    <!-- #region basicUsage -->
-    <div class="dropdown-menu show relative">
-        <h3 class="dropdown-header">Vue Router</h3>
-        <h3 class="dropdown-header">Links</h3>
-        <a href="#" class="dropdown-item active">Item #2</a>
-        <a href="#" class="dropdown-item">Item #3</a>
-        <div class="dropdown-item-text">Plain Text</div>
-        <hr class="dropdown-divider" />
-        <a href="#" class="dropdown-item">Item #4</a>
-        <h3 class="dropdown-header">Heading Element</h3>
-        <div class="dropdown-item"><i>italic text</i></div>
-        <div class="dropdown-item"><b>bold text</b></div>
-        <div class="dropdown-item"><em>strong text</em></div>
-        <div class="dropdown-item"><sub>subscripted text</sub></div><br>
-        <div class="dropdown-item"><sup>superscripted text</sup></div>
-        <div class="dropdown-item"><small>small text</small></div>
-        <div class="dropdown-item"><del>deleted text</del></div>
-        <div class="dropdown-item"><ins>inserted text</ins></div>
-        <div class="dropdown-item"><blockquote>quoted text</blockquote></div>
-        <div class="dropdown-item"><q>short quoted text</q></div>
-        <div class="dropdown-item"><cite>cited text</cite></div>
-        <div class="dropdown-item"><address>address</address></div>
-        <div class="dropdown-item"><abbr title="inserted text">inserted text</abbr></div>
-        <div class="dropdown-item"><code>code snippet</code></div>
-        <div class="dropdown-item"><mark>marked text</mark></div>
-        <div class="dropdown-item-plain">Unstyled text</div>
-    </div>
-    <!-- #endregion basicUsage -->
-</div>
-:::
-
-<<< @/packages/dropdown-menu/docs/dropdown-menu.md#basicUsage{html}

package/index.html

@@ -1,63 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-        <title>Dropdown-menu</title>
-    </head>
-    <body class="dark:bg-neutral-900 dark:text-white">
-        <div id="app" class="relative">
-            <br><h1 class="text-4xl mb-6">dropdown-menu</h1>
-
-            <h3 class="text-2xl mb-3">Basic Usage</h3>
-
-            <span>{{ item }} was clicked!</span>
-
-            <div class="dropdown-menu show">
-                <h3 class="dropdown-header">Vue Router</h3>
-                <h3 class="dropdown-header">Links</h3>
-                <a href="#" class="dropdown-item active">Item #2</a>
-                <a href="#" class="dropdown-item">Item #3</a>
-                <div class="dropdown-item-text">Plain Text</div>
-                <hr class="dropdown-divider" />
-                <a href="#" class="dropdown-item">Item #4</a>
-                <h3 class="dropdown-header">Heading Element</h3>
-                <div class="dropdown-item"><i>italic text</i></div>
-                <div class="dropdown-item"><b>bold text</b></div>
-                <div class="dropdown-item"><em>strong text</em></div>
-                <div class="dropdown-item"><sub>subscripted text</sub></div><br>
-                <div class="dropdown-item"><sup>superscripted text</sup></div>
-                <div class="dropdown-item"><small>small text</small></div>
-                <div class="dropdown-item"><del>deleted text</del></div>
-                <div class="dropdown-item"><ins>inserted text</ins></div>
-                <div class="dropdown-item"><blockquote>quoted text</blockquote></div>
-                <div class="dropdown-item"><q>short quoted text</q></div>
-                <div class="dropdown-item"><cite>cited text</cite></div>
-                <div class="dropdown-item"><address>address</address></div>
-                <div class="dropdown-item"><abbr title="inserted text">inserted text</abbr></div>
-                <div class="dropdown-item"><code>code snippet</code></div>
-                <div class="dropdown-item"><mark>marked text</mark></div>
-                <div class="dropdown-item-plain">Unstyled text</div>
-            </div>
-        </div>
-
-        <script type="module">
-            import './demo.css';
-
-            //JS testing dropdown menu links
-            document.addEventListener("DOMContentLoaded", () => {
-                        const span = document.querySelector("span");
-                        document.querySelectorAll(".dropdown-item").forEach(item => {
-                            item.addEventListener("click", e => {
-                            e.preventDefault(); // stop page from jumping to top
-                            const text = item.textContent.trim();
-                            if (["Item #2", "Item #3", "Item #4"].includes(text)) {
-                            span.textContent = `${text} was clicked!`;
-                        }
-                    });
-                });
-            });
-
-        </script>
-    </body>
-</html>

package/index.ts

@@ -1,11 +0,0 @@
-import DropdownHeader from './src/DropdownHeader.vue';
-import DropdownItem from './src/DropdownItem.vue';
-import DropdownItemText from './src/DropdownItemText.vue';
-import DropdownMenu from './src/DropdownMenu.vue';
-
-export {
-    DropdownHeader,
-    DropdownItem,
-    DropdownItemText,
-    DropdownMenu
-};

package/src/DropdownDivider.vue

@@ -1,7 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-    <hr class="dropdown-divider">
-</template>

package/src/DropdownHeader.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-    <h3 class="dropdown-header">
-        <slot />
-    </h3>
-</template>

package/src/DropdownItem.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-    <div class="dropdown-item">
-        <slot />
-    </div>
-</template>

package/src/DropdownItemText.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-    <div class="dropdown-item-text">
-        <slot />
-    </div>
-</template>

package/src/DropdownMenu.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-export type DropdownMenuProps = {
-    align?: 'left' | 'right',
-    show?: boolean
-};
-
-withDefaults(defineProps<DropdownMenuProps>(), {
-    align: 'left'
-});
-</script>
-
-<template>
-    <div
-        class="dropdown-menu"
-        :aria-labelledby="($attrs.id as string|undefined)"
-        :class="{
-            'dropdown-menu-left': align === 'left',
-            'dropdown-menu-right': align === 'right',
-            'show': show
-        }">
-        <slot />
-    </div>
-</template>

package/src/DropdownMenuItems.vue

@@ -1,43 +0,0 @@
-<script lang="ts">
-import { Fragment, h } from 'vue';
-
-function appendClass(vnode: any, str: any) {
-    vnode.props.class = `${vnode.props.class || ''} ${str}`.trim();
-}
-
-function changeMenuItems(items: any) {
-    for(const vnode of items) {
-        if(vnode.type === Fragment) {
-            changeMenuItems(vnode.children);
-        }
-
-        vnode.props = Object.assign({ class: undefined }, vnode.props);
-        vnode.attrs = Object.assign({}, vnode.attrs);
-
-        if(!vnode.attrs.on) {
-            vnode.attrs.on = {};
-        }
-
-        const isDropdownItem = vnode.props.class && vnode.props.class.match(/dropdown-item/);
-        const isDropdownDivider = vnode.props.class && vnode.props.class.match(/dropdown-divider/);
-
-        if(typeof vnode.type === 'string' && vnode.type.match(/^h\d$/)) {
-            appendClass(vnode, 'dropdown-header');
-        }
-        else if(vnode.type === 'hr' && !isDropdownDivider) {
-            vnode.type = 'div';
-
-            appendClass(vnode, 'dropdown-divider');
-        }
-        else if(!isDropdownItem && !isDropdownDivider) {
-            appendClass(vnode, 'dropdown-item');
-        }
-    }
-
-    return items;
-}
-
-const DropdownMenuItems = (_: any, context: any) => h('div', {}, changeMenuItems(context.slots.default()));
-
-export default DropdownMenuItems;
-</script>

package/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "bundler",
-    "customConditions": ["source"],
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "jsx": "preserve",
-    "jsxImportSource": "vue"
-  },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    "**/*.vue",
-  ],
-  "exclude": ["node_modules", "dist"]
-}

package/vite.config.js

@@ -1,52 +0,0 @@
-import tailwindcss from '@tailwindcss/vite';
-import vue from '@vitejs/plugin-vue';
-import { pascalCase } from 'change-case';
-import path from 'path';
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-import pkg from './package.json';
-
-const fileName = pkg.name.split('/')[1];
-
-const external = [
-    ...(pkg.dependencies ? Object.keys(pkg.dependencies) : []),
-    ...(pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [])
-];
-
-export default ({ command }) => defineConfig({
-    build: {
-        sourcemap: command === 'build',
-        lib: {
-            entry: path.resolve(__dirname, 'index.ts'),
-            name: pascalCase(fileName),
-            fileName,
-        },
-        rollupOptions: {
-            external,
-            output: {
-                globals: external.reduce((carry, dep) => {
-                    return Object.assign(carry, {
-                        [dep]: pascalCase(dep)
-                    });
-                }, {}),
-            }
-        },
-        watch: !process.env.NODE_ENV && {
-            include: [
-                './tailwindcss/**/*.js'
-            ]
-        }
-    },
-    resolve: {
-        conditions: process.env.NODE_ENV === 'development' 
-            ? ['source', 'import', 'module', 'browser', 'default']
-            : ['import', 'module', 'browser', 'default'],
-    },
-    plugins: [
-        vue(),
-        dts({
-            entryRoot: path.resolve(__dirname, './'),
-        }),
-        tailwindcss()
-    ]
-});