@vue-interface/dropdown-menu 2.0.0-beta.17 → 2.0.0-beta.19

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

@@ -2,26 +2,19 @@ export type DropdownMenuProps = {
     align: 'left' | 'right';
     show?: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    align: {
-        type: import("vue").PropType<"left" | "right">;
-        required: true;
-    };
-    show: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    align: {
-        type: import("vue").PropType<"left" | "right">;
-        required: true;
-    };
-    show: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<DropdownMenuProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DropdownMenuProps>>>, {}, {}>, {
     default?(_: {}): 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_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/dropdown-menu",
-  "version": "2.0.0-beta.17",
+  "version": "2.0.0-beta.19",
   "description": "A Vue dropdown menu component.",
   "files": [
     "dist",
@@ -58,13 +58,14 @@
     "commitlint": "^17.7.1",
     "dotenv": "^16.3.1",
     "eslint": "^8.47.0",
+    "eslint-plugin-tailwindcss": "^3.13.0",
     "husky": "^8.0.3",
     "pascalcase": "^2.0.0",
     "postcss": "^8.4.6",
     "semantic-release": "^21.0.7",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.2.2",
-    "vite": "^4.4.0",
+    "vite": "^4.4.9",
     "vue": "^3.3.4",
     "vue-tsc": "^1.8.8"
   }

package/tailwindcss/index.cjs

@@ -3,15 +3,12 @@ const colors = require('tailwindcss/colors');
 
 module.exports = plugin(function({ addComponents, theme }) {
     addComponents(theme('dropdownMenu.css'));
-    addComponents({
-        '.btn-dropdown, .BtnDropdown': theme('dropdownMenu.css')
-    });
 }, {
     theme: {
         dropdownMenu: theme => ({
             css: {
                 // The dropdown menu
-                '.dropdown-menu, .DropdownMenu': {
+                '.dropdown-menu': {
                     position: 'absolute',
                     top: '100%',
                     left: 0,
@@ -28,7 +25,7 @@ module.exports = plugin(function({ addComponents, theme }) {
                     backgroundClip: 'padding-box',
                     border: `1px solid ${colors.neutral[400]}`,
                     borderRadius: '.25rem',
-                    boxShadow: `0 .25rem 1rem rgba(0, 0, 0, .5)`,
+                    boxShadow: '0 .25rem 1rem rgba(0, 0, 0, .5)',
 
                     '@apply dark:bg-neutral-800': {},
                     '@apply dark:border-neutral-700': {},
@@ -88,7 +85,7 @@ module.exports = plugin(function({ addComponents, theme }) {
                     },
         
                     // Dropdown section headers
-                    '.dropdown-header': {
+                    '.dropdown-header, & > h1, & > h2, & > h3, & > h4, & > h5, & > h6': {
                         display: 'block',
                         padding: '.5rem',
                         marginBottom: 0, // for use with heading elements
@@ -101,7 +98,7 @@ module.exports = plugin(function({ addComponents, theme }) {
                     },
 
                     // Dividers (basically an `<hr>`) within the dropdown
-                    '.dropdown-divider': {
+                    '.dropdown-divider, & > hr': {
                         height: 0,
                         margin: 'calc(.125rem / 2) 0',
                         overflow: 'hidden',