@nuxt/ui 2.18.4 → 3.0.0-alpha.0

package/dist/runtime/components/Container.vue

@@ -0,0 +1,20 @@
+<script>
+import { tv } from "tailwind-variants";
+import _appConfig from "#build/app.config";
+import theme from "#build/ui/container";
+const appConfig = _appConfig;
+const container = tv({ extend: tv(theme), ...appConfig.ui?.container || {} });
+</script>
+
+<script setup lang="ts">
+import { Primitive } from 'radix-vue'
+
+const props = defineProps<ContainerProps>()
+defineSlots<ContainerSlots>()
+</script>
+
+<template>
+  <Primitive :as="as" :class="container({ class: props.class })">
+    <slot />
+  </Primitive>
+</template>

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

@@ -0,0 +1,27 @@
+export interface ContainerProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    class?: any;
+}
+export interface ContainerSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ContainerProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ContainerProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ContainerSlots> & ContainerSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<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/runtime/components/ContextMenu.vue

@@ -0,0 +1,51 @@
+<script>
+import { tv } from "tailwind-variants";
+import _appConfig from "#build/app.config";
+import theme from "#build/ui/context-menu";
+const appConfig = _appConfig;
+const contextMenu = tv({ extend: tv(theme), ...appConfig.ui?.contextMenu || {} });
+</script>
+
+<script setup lang="ts" generic="T extends ContextMenuItem">
+import { computed, toRef } from 'vue'
+import { ContextMenuRoot, ContextMenuTrigger, useForwardPropsEmits } from 'radix-vue'
+import { reactivePick } from '@vueuse/core'
+import UContextMenuContent from './ContextMenuContent.vue'
+import { omit } from '../utils'
+
+const props = withDefaults(defineProps<ContextMenuProps<T>>(), {
+  portal: true,
+  modal: true
+})
+const emits = defineEmits<ContextMenuEmits>()
+const slots = defineSlots<ContextMenuSlots<T>>()
+
+const rootProps = useForwardPropsEmits(reactivePick(props, 'modal'), emits)
+const contentProps = toRef(() => props.content as ContextMenuContentProps)
+const proxySlots = omit(slots, ['default']) as Record<string, ContextMenuSlots<T>[string]>
+
+const ui = computed(() => contextMenu({
+  size: props.size
+}))
+</script>
+
+<template>
+  <ContextMenuRoot v-bind="rootProps">
+    <ContextMenuTrigger v-if="!!slots.default" as-child :disabled="disabled">
+      <slot />
+    </ContextMenuTrigger>
+
+    <UContextMenuContent
+      :class="ui.content({ class: [props.class, props.ui?.content] })"
+      :ui="ui"
+      :ui-override="props.ui"
+      v-bind="contentProps"
+      :items="items"
+      :portal="portal"
+    >
+      <template v-for="(_, name) in proxySlots" #[name]="slotData: any">
+        <slot :name="name" v-bind="slotData" />
+      </template>
+    </UContextMenuContent>
+  </ContextMenuRoot>
+</template>