@nuxt/ui 3.3.3 → 4.0.0-alpha.1

package/dist/runtime/components/prose/Tbody.vue

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/tbody";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tbody || {} }));
+</script>
+
+<template>
+  <tbody :class="ui({ class: props.class })">
+    <slot />
+  </tbody>
+</template>

package/dist/runtime/components/prose/Tbody.vue.d.ts

@@ -0,0 +1,13 @@
+export interface ProseTbodyProps {
+    class?: any;
+}
+export interface ProseTbodySlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTbodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTbodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTbodySlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/Td.vue

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/td";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.td || {} }));
+</script>
+
+<template>
+  <td :class="ui({ class: props.class })">
+    <slot />
+  </td>
+</template>

package/dist/runtime/components/prose/Td.vue.d.ts

@@ -0,0 +1,13 @@
+export interface ProseTdProps {
+    class?: any;
+}
+export interface ProseTdSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTdSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/Th.vue

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/th";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.th || {} }));
+</script>
+
+<template>
+  <th :class="ui({ class: props.class })">
+    <slot />
+  </th>
+</template>

package/dist/runtime/components/prose/Th.vue.d.ts

@@ -0,0 +1,13 @@
+export interface ProseThProps {
+    class?: any;
+}
+export interface ProseThSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseThProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseThProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseThSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/Thead.vue

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/thead";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.thead || {} }));
+</script>
+
+<template>
+  <thead :class="ui({ class: props.class })">
+    <slot />
+  </thead>
+</template>

package/dist/runtime/components/prose/Thead.vue.d.ts

@@ -0,0 +1,13 @@
+export interface ProseTheadProps {
+    class?: any;
+}
+export interface ProseTheadSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTheadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTheadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTheadSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/Tr.vue

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/tr";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tr || {} }));
+</script>
+
+<template>
+  <tr :class="ui({ class: props.class })">
+    <slot />
+  </tr>
+</template>

package/dist/runtime/components/prose/Tr.vue.d.ts

@@ -0,0 +1,13 @@
+export interface ProseTrProps {
+    class?: any;
+}
+export interface ProseTrSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTrSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/Ul.vue

@@ -0,0 +1,21 @@
+<script>
+import theme from "#build/ui/prose/ul";
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
+const props = defineProps({
+  class: { type: null, required: false }
+});
+defineSlots();
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.ul || {} }));
+</script>
+
+<template>
+  <ul :class="ui({ class: props.class })">
+    <slot />
+  </ul>
+</template>

package/dist/runtime/components/prose/Ul.vue.d.ts

@@ -0,0 +1,13 @@
+export interface ProseUlProps {
+    class?: any;
+}
+export interface ProseUlSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseUlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseUlSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Caution.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="error" :icon="appConfig.ui.icons.caution">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Caution.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_6: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Note.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="info" :icon="appConfig.ui.icons.info">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Note.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_6: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Tip.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="success" :icon="appConfig.ui.icons.tip">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Tip.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_6: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/callout/Warning.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { useAppConfig } from "#imports";
+import Callout from "../Callout.vue";
+const appConfig = useAppConfig();
+</script>
+
+<template>
+  <Callout color="warning" :icon="appConfig.ui.icons.warning">
+    <slot mdc-unwrap="p" />
+  </Callout>
+</template>

package/dist/runtime/components/prose/callout/Warning.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_6: {
+    mdcUnwrap: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/composables/color-mode/useColorMode.d.ts

@@ -0,0 +1,3 @@
+export declare const useColorMode: () => {
+    forced: boolean;
+};

package/dist/runtime/composables/color-mode/useColorMode.js

@@ -0,0 +1,5 @@
+export const useColorMode = () => {
+  return {
+    forced: true
+  };
+};

package/dist/runtime/composables/useComponentIcons.d.ts

@@ -1,11 +1,11 @@
 import type { MaybeRefOrGetter } from 'vue';
-import type { AvatarProps } from '../types';
+import type { AvatarProps, IconProps } from '../types';
 export interface UseComponentIconsProps {
     /**
      * Display an icon based on the `leading` and `trailing` props.
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     /** Display an avatar on the left side. */
     avatar?: AvatarProps;
     /** When `true`, the icon will be displayed on the left side. */
@@ -14,14 +14,14 @@ export interface UseComponentIconsProps {
      * Display an icon on the left side.
      * @IconifyIcon
      */
-    leadingIcon?: string;
+    leadingIcon?: IconProps['name'];
     /** When `true`, the icon will be displayed on the right side. */
     trailing?: boolean;
     /**
      * Display an icon on the right side.
      * @IconifyIcon
      */
-    trailingIcon?: string;
+    trailingIcon?: IconProps['name'];
     /** When `true`, the loading icon will be displayed. */
     loading?: boolean;
     /**
@@ -29,7 +29,7 @@ export interface UseComponentIconsProps {
      * @defaultValue appConfig.ui.icons.loading
      * @IconifyIcon
      */
-    loadingIcon?: string;
+    loadingIcon?: IconProps['name'];
 }
 export declare function useComponentIcons(componentProps: MaybeRefOrGetter<UseComponentIconsProps>): {
     isLeading: import("vue").ComputedRef<boolean>;

package/dist/runtime/composables/useContentSearch.d.ts

@@ -0,0 +1,5 @@
+declare function _useContentSearch(): {
+    open: import("vue").Ref<boolean, boolean>;
+};
+export declare const useContentSearch: typeof _useContentSearch;
+export {};

package/dist/runtime/composables/useContentSearch.js

@@ -0,0 +1,9 @@
+import { ref } from "vue";
+import { createSharedComposable } from "@vueuse/core";
+function _useContentSearch() {
+  const open = ref(false);
+  return {
+    open
+  };
+}
+export const useContentSearch = /* @__PURE__ */ createSharedComposable(_useContentSearch);

package/dist/runtime/composables/{useButtonGroup.d.ts → useFieldGroup.d.ts}

@@ -1,14 +1,14 @@
 import type { InjectionKey, ComputedRef } from 'vue';
-import type { ButtonGroupProps } from '../components/ButtonGroup.vue';
+import type { FieldGroupProps } from '../components/FieldGroup.vue';
 import type { GetObjectField } from '../types/utils';
-export declare const buttonGroupInjectionKey: InjectionKey<ComputedRef<{
-    size: ButtonGroupProps['size'];
-    orientation: ButtonGroupProps['orientation'];
+export declare const fieldGroupInjectionKey: InjectionKey<ComputedRef<{
+    size: FieldGroupProps['size'];
+    orientation: FieldGroupProps['orientation'];
 }>>;
 type Props<T> = {
     size?: GetObjectField<T, 'size'>;
 };
-export declare function useButtonGroup<T>(props: Props<T>): {
+export declare function useFieldGroup<T>(props: Props<T>): {
     orientation: ComputedRef<"horizontal" | "vertical" | undefined>;
     size: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
 };

package/dist/runtime/composables/useFieldGroup.js

@@ -0,0 +1,9 @@
+import { inject, computed } from "vue";
+export const fieldGroupInjectionKey = Symbol("nuxt-ui.field-group");
+export function useFieldGroup(props) {
+  const fieldGroup = inject(fieldGroupInjectionKey, void 0);
+  return {
+    orientation: computed(() => fieldGroup?.value.orientation),
+    size: computed(() => props?.size ?? fieldGroup?.value.size)
+  };
+}

package/dist/runtime/composables/useResizable.d.ts

@@ -0,0 +1,76 @@
+import type { Ref } from 'vue';
+export type UseResizableProps = {
+    /**
+     * The id of the panel.
+     * @defaultValue useId()
+     */
+    id?: string;
+    /**
+     * The side to render the panel on.
+     * @defaultValue 'left'
+     */
+    side?: 'left' | 'right';
+    /**
+     * The minimum size of the panel.
+     * @defaultValue 0
+     */
+    minSize?: number;
+    /**
+     * The maximum size of the panel.
+     * @defaultValue 100
+     */
+    maxSize?: number;
+    /**
+     * The default size of the panel.
+     * @defaultValue 0
+     */
+    defaultSize?: number;
+    /**
+     * Whether to allow the user to resize the panel.
+     * @defaultValue true
+     */
+    resizable?: boolean;
+    /**
+     * Whether to allow the user to collapse the panel.
+     * @defaultValue true
+     */
+    collapsible?: boolean;
+    /**
+     * The size of the panel when collapsed.
+     * @defaultValue 0
+     */
+    collapsedSize?: number;
+    /**
+     * The storage to use for the size.
+     * @defaultValue 'cookie'
+     */
+    storage?: 'cookie' | 'local';
+    /**
+     * Unique id used to auto-save size.
+     * @defaultValue 'dashboard'
+     */
+    storageKey?: string;
+    /**
+     * Whether to persist the size in the storage.
+     * @defaultValue true
+     */
+    persistent?: boolean;
+    /**
+     * The unit to use for size values.
+     * @defaultValue '%'
+     */
+    unit?: '%' | 'rem' | 'px';
+};
+export type UseResizableReturn = {
+    el: Ref<HTMLElement | null>;
+    size: Ref<number>;
+    isDragging: Ref<boolean>;
+    isCollapsed: Ref<boolean>;
+    onMouseDown: (e: MouseEvent) => void;
+    onTouchStart: (e: TouchEvent) => void;
+    onDoubleClick: (e: MouseEvent) => void;
+    collapse: (value?: boolean) => void;
+};
+export declare const useResizable: (key: string, options?: Ref<UseResizableProps> | UseResizableProps, { collapsed }?: {
+    collapsed?: Ref<boolean>;
+}) => UseResizableReturn;