@bitrix24/b24ui-nuxt 0.6.0 → 0.6.1

package/dist/runtime/components/DropdownMenu.vue

@@ -1,9 +1,5 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/dropdown-menu";
-import { tv } from "../utils/tv";
-const appConfigDropdownMenu = _appConfig;
-const dropdownMenu = tv({ extend: tv(theme), ...appConfigDropdownMenu.b24ui?.dropdownMenu || {} });
 </script>
 
 <script setup>
@@ -11,7 +7,9 @@ import { computed, toRef } from "vue";
 import { defu } from "defu";
 import { DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuArrow, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
+import { useAppConfig } from "#imports";
 import { omit } from "../utils";
+import { tv } from "../utils/tv";
 import B24DropdownMenuContent from "./DropdownMenuContent.vue";
 const props = defineProps({
   size: { type: null, required: false },
@@ -31,11 +29,12 @@ const props = defineProps({
 });
 const emits = defineEmits(["update:open"]);
 const slots = defineSlots();
+const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "defaultOpen", "open", "modal"), emits);
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8 }));
 const arrowProps = toRef(() => props.arrow);
 const proxySlots = omit(slots, ["default"]);
-const b24ui = computed(() => dropdownMenu({
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.dropdownMenu || {} })({
   size: props.size
 }));
 </script>

package/dist/runtime/components/DropdownMenu.vue.d.ts

@@ -1,409 +1,9 @@
-import type { VariantProps } from 'tailwind-variants';
 import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentProps, DropdownMenuContentEmits, DropdownMenuArrowProps } from 'reka-ui';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/dropdown-menu';
 import type { AvatarProps, KbdProps, LinkProps, IconComponent } from '../types';
-import type { ArrayOrNested, DynamicSlots, MergeTypes, NestedItem, PartialString, EmitsToProps } from '../types/utils';
-declare const dropdownMenu: import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    active: {
-        false: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-        true: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-    };
-    loading: {
-        true: {
-            itemLeadingIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        sm: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        md: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        lg: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-    };
-}, {
-    content: string;
-    arrow: string;
-    group: string;
-    label: string;
-    separator: string;
-    item: string;
-    itemLeadingIcon: string;
-    itemLeadingAvatar: string;
-    itemLeadingAvatarSize: string;
-    itemTrailing: string;
-    itemTrailingIcon: string;
-    itemTrailingKbds: string;
-    itemTrailingKbdsSize: string;
-    itemLabel: string;
-    itemLabelExternalIcon: string;
-}, undefined, {
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    active: {
-        false: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-        true: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-    };
-    loading: {
-        true: {
-            itemLeadingIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        sm: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        md: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        lg: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-    };
-}, {
-    content: string;
-    arrow: string;
-    group: string;
-    label: string;
-    separator: string;
-    item: string;
-    itemLeadingIcon: string;
-    itemLeadingAvatar: string;
-    itemLeadingAvatarSize: string;
-    itemTrailing: string;
-    itemTrailingIcon: string;
-    itemTrailingKbds: string;
-    itemTrailingKbdsSize: string;
-    itemLabel: string;
-    itemLabelExternalIcon: string;
-}, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    active: {
-        false: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-        true: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-    };
-    loading: {
-        true: {
-            itemLeadingIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        sm: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        md: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        lg: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-    };
-}, {
-    content: string;
-    arrow: string;
-    group: string;
-    label: string;
-    separator: string;
-    item: string;
-    itemLeadingIcon: string;
-    itemLeadingAvatar: string;
-    itemLeadingAvatarSize: string;
-    itemTrailing: string;
-    itemTrailingIcon: string;
-    itemTrailingKbds: string;
-    itemTrailingKbdsSize: string;
-    itemLabel: string;
-    itemLabelExternalIcon: string;
-}, undefined, {
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    active: {
-        false: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-        true: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-    };
-    loading: {
-        true: {
-            itemLeadingIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        sm: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        md: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        lg: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-    };
-}, {
-    content: string;
-    arrow: string;
-    group: string;
-    label: string;
-    separator: string;
-    item: string;
-    itemLeadingIcon: string;
-    itemLeadingAvatar: string;
-    itemLeadingAvatarSize: string;
-    itemTrailing: string;
-    itemTrailingIcon: string;
-    itemTrailingKbds: string;
-    itemTrailingKbdsSize: string;
-    itemLabel: string;
-    itemLabelExternalIcon: string;
-}, import("tailwind-variants").TVReturnType<{
-    color: {
-        default: string;
-        danger: string;
-        success: string;
-        warning: string;
-        primary: string;
-        secondary: string;
-        collab: string;
-        ai: string;
-    };
-    active: {
-        false: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-        true: {
-            item: string;
-            itemLeadingIcon: string;
-        };
-    };
-    loading: {
-        true: {
-            itemLeadingIcon: string;
-        };
-    };
-    size: {
-        xs: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        sm: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        md: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-        lg: {
-            label: string;
-            item: string;
-            itemLeadingIcon: string;
-            itemLeadingAvatarSize: string;
-            itemTrailingIcon: string;
-            itemTrailingKbds: string;
-            itemTrailingKbdsSize: string;
-        };
-    };
-}, {
-    content: string;
-    arrow: string;
-    group: string;
-    label: string;
-    separator: string;
-    item: string;
-    itemLeadingIcon: string;
-    itemLeadingAvatar: string;
-    itemLeadingAvatarSize: string;
-    itemTrailing: string;
-    itemTrailingIcon: string;
-    itemTrailingKbds: string;
-    itemTrailingKbdsSize: string;
-    itemLabel: string;
-    itemLabelExternalIcon: string;
-}, undefined, unknown, unknown, undefined>>>;
-type DropdownMenuVariants = VariantProps<typeof dropdownMenu>;
+import type { ArrayOrNested, DynamicSlots, MergeTypes, NestedItem, EmitsToProps, ComponentConfig } from '../types/utils';
+type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
 export interface DropdownMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'custom'> {
     label?: string;
     /**
@@ -411,7 +11,7 @@ export interface DropdownMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'cust
      * @IconComponent
      */
     icon?: IconComponent;
-    color?: DropdownMenuVariants['color'];
+    color?: DropdownMenu['variants']['color'];
     avatar?: AvatarProps;
     content?: Omit<DropdownMenuContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<DropdownMenuContentEmits>>;
     kbds?: KbdProps['value'][] | KbdProps[];
@@ -435,7 +35,7 @@ export interface DropdownMenuProps<T extends ArrayOrNested<DropdownMenuItem> = A
     /**
      * @defaultValue 'md'
      */
-    size?: DropdownMenuVariants['size'];
+    size?: DropdownMenu['variants']['size'];
     items?: T;
     /**
      * The icon displayed when an item is checked.
@@ -475,7 +75,7 @@ export interface DropdownMenuProps<T extends ArrayOrNested<DropdownMenuItem> = A
      */
     disabled?: boolean;
     class?: any;
-    b24ui?: PartialString<typeof dropdownMenu.slots>;
+    b24ui?: DropdownMenu['slots'];
 }
 export interface DropdownMenuEmits extends DropdownMenuRootEmits {
 }
@@ -508,7 +108,7 @@ declare const _default: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_props:
         'item-leading': SlotProps<NestedItem<T>>;
         'item-label': SlotProps<NestedItem<T>>;
         'item-trailing': SlotProps<NestedItem<T>>;
-    } & DynamicSlots<MergeTypes<NestedItem<T>>, "label" | "trailing" | "leading", {
+    } & DynamicSlots<MergeTypes<NestedItem<T>>, "leading" | "trailing" | "label", {
         active?: boolean;
         index: number;
     }>> & {
@@ -519,7 +119,7 @@ declare const _default: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_props:
         'item-leading': SlotProps<NestedItem<T>>;
         'item-label': SlotProps<NestedItem<T>>;
         'item-trailing': SlotProps<NestedItem<T>>;
-    } & DynamicSlots<MergeTypes<NestedItem<T>>, "label" | "trailing" | "leading", {
+    } & DynamicSlots<MergeTypes<NestedItem<T>>, "leading" | "trailing" | "label", {
         active?: boolean;
         index: number;
     }>;

package/dist/runtime/components/DropdownMenuContent.vue

@@ -1,7 +1,5 @@
 <script>
-import theme from "#build/b24ui/dropdown-menu";
-import { tv } from "../utils/tv";
-const _dropdownMenu = tv(theme)();
+
 </script>
 
 <script setup>