@nuxt/ui 2.18.4 → 3.0.0-alpha.1

package/dist/runtime/composables/useShortcuts.js

@@ -1,26 +0,0 @@
-import { createSharedComposable, useActiveElement } from "@vueuse/core";
-import { ref, computed, onMounted } from "vue";
-export const _useShortcuts = () => {
-  const macOS = computed(() => import.meta.client && navigator && navigator.userAgent && navigator.userAgent.match(/Macintosh;/));
-  const metaSymbol = ref(" ");
-  const activeElement = useActiveElement();
-  const usingInput = computed(() => {
-    const tagName = activeElement.value?.tagName;
-    const contentEditable = activeElement.value?.contentEditable;
-    const usingInput2 = !!(tagName === "INPUT" || tagName === "TEXTAREA" || contentEditable === "true" || contentEditable === "plaintext-only");
-    if (usingInput2) {
-      return activeElement.value?.name || true;
-    }
-    return false;
-  });
-  onMounted(() => {
-    metaSymbol.value = macOS.value ? "\u2318" : "Ctrl";
-  });
-  return {
-    macOS,
-    metaSymbol,
-    activeElement,
-    usingInput
-  };
-};
-export const useShortcuts = createSharedComposable(_useShortcuts);

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

@@ -1,8 +0,0 @@
-import type { UseTimestampOptions } from '@vueuse/core';
-export declare function useTimer(cb: (...args: unknown[]) => any, interval: number, options?: UseTimestampOptions<true>): {
-    start: () => void;
-    stop: () => void;
-    pause: () => void;
-    resume: () => void;
-    remaining: import("vue").ComputedRef<number>;
-};

package/dist/runtime/composables/useTimer.js

@@ -1,51 +0,0 @@
-import { ref, computed } from "vue-demi";
-import { useTimestamp } from "@vueuse/core";
-export function useTimer(cb, interval, options) {
-  let timer = null;
-  const { pause: tPause, resume: tResume, timestamp } = useTimestamp({ ...options || {}, controls: true });
-  const startTime = ref(null);
-  const remaining = computed(() => {
-    if (!startTime.value) {
-      return 0;
-    }
-    return interval - (timestamp.value - startTime.value);
-  });
-  function set(...args) {
-    timer = setTimeout(() => {
-      timer = null;
-      startTime.value = null;
-      cb(...args);
-    }, remaining.value);
-  }
-  function clear() {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  }
-  function start() {
-    startTime.value = Date.now();
-    set();
-  }
-  function stop() {
-    clear();
-    tPause();
-  }
-  function pause() {
-    clear();
-    tPause();
-  }
-  function resume() {
-    set();
-    tResume();
-    startTime.value = (startTime.value || 0) + (Date.now() - timestamp.value);
-  }
-  start();
-  return {
-    start,
-    stop,
-    pause,
-    resume,
-    remaining
-  };
-}

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

@@ -1,10 +0,0 @@
-import type { Ref } from 'vue';
-import type { Strategy } from '../types/index.js';
-export declare const useUI: <T>(key: any, $ui?: Ref<(Partial<T> & {
-    strategy?: Strategy;
-}) | undefined>, $config?: Ref<T> | T, $wrapperClass?: Ref<string>, withAppConfig?: boolean) => {
-    ui: import("vue").ComputedRef<T>;
-    attrs: import("vue").ComputedRef<Pick<{
-        [x: string]: unknown;
-    }, string>>;
-};

package/dist/runtime/composables/useUI.js

@@ -1,24 +0,0 @@
-import { computed, toValue, useAttrs } from "vue";
-import { useAppConfig } from "#imports";
-import { mergeConfig, omit, get } from "../utils/index.js";
-export const useUI = (key, $ui, $config, $wrapperClass, withAppConfig = false) => {
-  const $attrs = useAttrs();
-  const appConfig = useAppConfig();
-  const ui = computed(() => {
-    const _ui = toValue($ui);
-    const _config = toValue($config);
-    const _wrapperClass = toValue($wrapperClass);
-    return mergeConfig(
-      _ui?.strategy || appConfig.ui?.strategy,
-      _wrapperClass ? { wrapper: _wrapperClass } : {},
-      _ui || {},
-      process.dev || withAppConfig ? get(appConfig.ui, key, {}) : {},
-      _config || {}
-    );
-  });
-  const attrs = computed(() => omit($attrs, ["class"]));
-  return {
-    ui,
-    attrs
-  };
-};

package/dist/runtime/types/accordion.d.ts

@@ -1,9 +0,0 @@
-import type { Button } from './button'
-
-export interface AccordionItem extends Button {
-  slot?: string
-  disabled?: boolean
-  content?: string
-  defaultOpen?: boolean
-  closeOthers?: boolean
-}

package/dist/runtime/types/alert.d.ts

@@ -1,12 +0,0 @@
-import { alert } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import type { Button } from './button'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type AlertColor = keyof typeof alert.color | ExtractDeepKey<AppConfig, ['ui', 'alert', 'color']> | typeof colors[number]
-export type AlertVariant = keyof typeof alert.variant | ExtractDeepKey<AppConfig, ['ui', 'alert', 'variant']> | NestedKeyOf<typeof alert.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'alert', 'color']>>
-
-export interface AlertAction extends Button {
-  click?: (...args: any[]) => void
-}

package/dist/runtime/types/avatar.d.ts

@@ -1,17 +0,0 @@
-import { avatar } from '../ui.config'
-import type { ExtractDeepKey } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type AvatarSize = keyof typeof avatar.size | ExtractDeepKey<AppConfig, ['ui', 'avatar', 'size']>
-export type AvatarChipColor = 'gray' | typeof colors[number]
-export type AvatarChipPosition = keyof typeof avatar.chip.position
-
-export interface Avatar {
-  src?: string | boolean
-  alt?: string
-  text?: string
-  size?: AvatarSize
-  chipColor?: AvatarChipColor
-  chipPosition?: AvatarChipPosition
-}

package/dist/runtime/types/badge.d.ts

@@ -1,15 +0,0 @@
-import { badge } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type BadgeSize = keyof typeof badge.size | ExtractDeepKey<AppConfig, ['ui', 'badge', 'size']>
-export type BadgeColor = keyof typeof badge.color | ExtractDeepKey<AppConfig, ['ui', 'badge', 'color']> | typeof colors[number]
-export type BadgeVariant = keyof typeof badge.variant | ExtractDeepKey<AppConfig, ['ui', 'badge', 'variant']> | NestedKeyOf<typeof badge.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'badge', 'color']>>
-
-export interface Badge {
-  label?: string
-  size?: BadgeSize
-  color?: BadgeColor
-  variant?: BadgeVariant
-}

package/dist/runtime/types/breadcrumb.d.ts

@@ -1,10 +0,0 @@
-import type { Link } from './link'
-
-export interface BreadcrumbLink extends Link {
-  label: string
-  labelClass?: string
-  icon?: string
-  iconClass?: string
-  // FIXME: This is a workaround for `link.to` not being resolved although it extends `NuxtLinkProps`
-  [key: string]: any
-}

package/dist/runtime/types/button.d.ts

@@ -1,31 +0,0 @@
-import type { Link } from './link'
-import { button } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type ButtonSize = keyof typeof button.size | ExtractDeepKey<AppConfig, ['ui', 'button', 'size']>
-export type ButtonColor = keyof typeof button.color | ExtractDeepKey<AppConfig, ['ui', 'button', 'color']> | typeof colors[number]
-export type ButtonVariant = keyof typeof button.variant | ExtractDeepKey<AppConfig, ['ui', 'button', 'variant']> | NestedKeyOf<typeof button.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'button', 'color']>>
-
-export interface Button extends Link {
-  type?: string
-  block?: boolean
-  label?: string
-  loading?: boolean
-  disabled?: boolean
-  padded?: boolean
-  size?: ButtonSize
-  color?: ButtonColor
-  variant?: ButtonVariant
-  icon?: string
-  loadingIcon?: string
-  leadingIcon?: string
-  trailingIcon?: string
-  trailing?: boolean
-  leading?: boolean
-  to?: string | object
-  target?: string
-  square?: boolean
-  truncate?: boolean
-}

package/dist/runtime/types/chip.d.ts

@@ -1,15 +0,0 @@
-import { chip } from '../ui.config'
-import colors from '#ui-colors'
-
-export type ChipSize = keyof typeof chip.size
-export type ChipColor = 'gray' | typeof colors[number]
-export type ChipPosition = keyof typeof chip.position
-
-export interface Chip {
-  size?: ChipSize
-  color?: ChipColor
-  position?: ChipPosition
-  text?: string
-  inset?: boolean
-  show?: boolean
-}

package/dist/runtime/types/clipboard.d.ts

@@ -1,3 +0,0 @@
-export interface ClipboardPlugin {
-  copy: (text: string, success?: { title?: string, description?: string }, failure?: { title?: string, description?: string }) => void
-}

package/dist/runtime/types/command-palette.d.ts

@@ -1,29 +0,0 @@
-import Fuse from 'fuse.js'
-import type { Avatar } from './avatar'
-
-export interface Command {
-  id: string | number
-  prefix?: string
-  suffix?: string
-  icon?: string
-  iconClass?: string
-  avatar?: Avatar
-  chip?: string
-  disabled?: boolean
-  shortcuts?: string[]
-  group?: string
-  score?: number
-  matches?: Fuse.FuseResultMatch[]
-  [key: string]: any
-}
-
-export interface Group {
-  key: string
-  active?: string
-  inactive?: string
-  commands?: Command[]
-  search?: (...args: any[]) => any[] | Promise<any[]>
-  filter?: (...args: any[]) => Command[]
-  static?: Boolean
-  [key: string]: any
-}

package/dist/runtime/types/divider.d.ts

@@ -1,3 +0,0 @@
-import { divider } from '#ui/ui.config'
-
-export type DividerSize = keyof typeof divider.border.size.horizontal | keyof typeof divider.border.size.vertical

package/dist/runtime/types/dropdown.d.ts

@@ -1,15 +0,0 @@
-import type { NuxtLinkProps } from '#app'
-import type { Avatar } from './avatar'
-
-export interface DropdownItem extends NuxtLinkProps {
-  label: string
-  labelClass?: string
-  slot?: string
-  icon?: string
-  iconClass?: string
-  avatar?: Avatar
-  shortcuts?: string[]
-  disabled?: boolean
-  class?: string
-  click?: (...args: any[]) => void
-}

package/dist/runtime/types/form-group.d.ts

@@ -1,5 +0,0 @@
-import { formGroup } from '../ui.config'
-import type { ExtractDeepKey } from '.'
-import type { AppConfig } from 'nuxt/schema'
-
-export type FormGroupSize = keyof typeof formGroup.size | ExtractDeepKey<AppConfig, ['ui', 'formGroup', 'size']>

package/dist/runtime/types/horizontal-navigation.d.ts

@@ -1,13 +0,0 @@
-import type { Link } from './link'
-import type { Avatar } from './avatar'
-import type { Badge } from './badge'
-
-export interface HorizontalNavigationLink extends Link {
-  label: string
-  labelClass?: string
-  icon?: string
-  iconClass?: string
-  avatar?: Avatar
-  click?: (...args: any[]) => void
-  badge?: string | number | Badge
-}

package/dist/runtime/types/input.d.ts

@@ -1,8 +0,0 @@
-import { input } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type InputSize = keyof typeof input.size | ExtractDeepKey<AppConfig, ['ui', 'input', 'size']>
-export type InputColor = keyof typeof input.color | ExtractDeepKey<AppConfig, ['ui', 'input', 'color']> | typeof colors[number]
-export type InputVariant = keyof typeof input.variant | ExtractDeepKey<AppConfig, ['ui', 'input', 'variant']> | NestedKeyOf<typeof input.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'input', 'color']>>

package/dist/runtime/types/kbd.d.ts

@@ -1,5 +0,0 @@
-import { kbd } from '../ui.config'
-import type { ExtractDeepKey } from '.'
-import type { AppConfig } from 'nuxt/schema'
-
-export type KbdSize = keyof typeof kbd.size | ExtractDeepKey<AppConfig, ['ui', 'kbd', 'size']>

package/dist/runtime/types/link.d.ts

@@ -1,12 +0,0 @@
-import type { NuxtLinkProps } from '#app'
-
-export interface Link extends NuxtLinkProps {
-  as?: string
-  type?: string
-  disabled?: boolean
-  active?: boolean
-  exact?: boolean
-  exactQuery?: boolean
-  exactHash?: boolean
-  inactiveClass?: string
-}

package/dist/runtime/types/meter.d.ts

@@ -1,5 +0,0 @@
-import { meter } from '../ui.config'
-import colors from '#ui-colors'
-
-export type MeterSize = keyof typeof meter.meter.size
-export type MeterColor = keyof typeof meter.color | typeof colors[number]

package/dist/runtime/types/modal.d.ts

@@ -1,18 +0,0 @@
-import type { Component } from 'vue'
-
-export interface Modal {
-  appear?: boolean
-  overlay?: boolean
-  transition?: boolean
-  preventClose?: boolean
-  fullscreen?: boolean
-  class?: string | Object | string[]
-  ui?: any
-  onClose?: () => void
-  onClosePrevented?: () => void
-}
-
-export interface ModalState {
-  component: Component | string
-  props: Modal
-}

package/dist/runtime/types/notification.d.ts

@@ -1,24 +0,0 @@
-import type { Avatar } from './avatar'
-import type { Button } from './button'
-import colors from '#ui-colors'
-
-export type NotificationColor = 'gray' | typeof colors[number]
-
-export interface NotificationAction extends Button {
-  click?: (...args: any[]) => void
-}
-
-export interface Notification {
-  id: string
-  title: string
-  description?: string
-  icon?: string
-  avatar?: Avatar
-  closeButton?: Button
-  timeout: number
-  actions?: NotificationAction[]
-  click?: (...args: any[]) => void
-  callback?: (...args: any[]) => void
-  color?: NotificationColor
-  ui?: any
-}

package/dist/runtime/types/popper.d.ts

@@ -1,17 +0,0 @@
-import type { Placement, PositioningStrategy } from '@popperjs/core'
-
-export interface PopperOptions {
-  // Workaround for weak types: https://mariusschulz.com/blog/weak-type-detection-in-typescript#workarounds-for-weak-types
-  [key: string]: unknown
-  locked?: boolean
-  overflowPadding?: number
-  offsetDistance?: number
-  offsetSkid?: number
-  placement?: Placement
-  strategy?: PositioningStrategy
-  gpuAcceleration?: boolean
-  adaptive?: boolean
-  scroll?: boolean
-  resize?: boolean
-  arrow?: boolean
-}

package/dist/runtime/types/progress.d.ts

@@ -1,6 +0,0 @@
-import { progress } from '../ui.config'
-import colors from '#ui-colors'
-
-export type ProgressSize = keyof typeof progress.progress.size
-export type ProgressAnimation = keyof typeof progress.animation
-export type ProgressColor = typeof colors[number]

package/dist/runtime/types/range.d.ts

@@ -1,7 +0,0 @@
-import { range } from '../ui.config'
-import type { ExtractDeepKey } from '.'
-import type { AppConfig } from 'nuxt/schema'
-import colors from '#ui-colors'
-
-export type RangeSize = keyof typeof range.size | ExtractDeepKey<AppConfig, ['ui', 'range', 'size']>
-export type RangeColor = typeof colors[number]

package/dist/runtime/types/select.d.ts

@@ -1,8 +0,0 @@
-import { select } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type SelectSize = keyof typeof select.size | ExtractDeepKey<AppConfig, ['ui', 'select', 'size']>
-export type SelectColor = keyof typeof select.color | ExtractDeepKey<AppConfig, ['ui', 'select', 'color']> | typeof colors[number]
-export type SelectVariant = keyof typeof select.variant | ExtractDeepKey<AppConfig, ['ui', 'select', 'variant']> | NestedKeyOf<typeof select.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'select', 'color']>>

package/dist/runtime/types/slideover.d.ts

@@ -1,16 +0,0 @@
-import type { Component } from 'vue'
-
-export interface Slideover {
-  ui?: any
-  side?: 'right' | 'left'
-  transition?: boolean
-  appear?: boolean
-  overlay?: boolean
-  preventClose?: boolean
-  modelValue?: boolean
-}
-
-export interface SlideoverState {
-  component: Component | string
-  props: Slideover
-}

package/dist/runtime/types/tabs.d.ts

@@ -1,8 +0,0 @@
-export interface TabItem {
-  label: string
-  icon?: string
-  slot?: string
-  disabled?: boolean
-  content?: string
-  [key: string]: any
-}

package/dist/runtime/types/textarea.d.ts

@@ -1,8 +0,0 @@
-import { textarea } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type TextareaSize = keyof typeof textarea.size | ExtractDeepKey<AppConfig, ['ui', 'textarea', 'size']>
-export type TextareaColor = keyof typeof textarea.color | ExtractDeepKey<AppConfig, ['ui', 'textarea', 'color']> | typeof colors[number]
-export type TextareaVariant = keyof typeof textarea.variant | ExtractDeepKey<AppConfig, ['ui', 'textarea', 'variant']> | NestedKeyOf<typeof textarea.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'textarea', 'color']>>

package/dist/runtime/types/toggle.d.ts

@@ -1,7 +0,0 @@
-import { toggle } from '../ui.config'
-import type { ExtractDeepKey } from '.'
-import type { AppConfig } from 'nuxt/schema'
-import colors from '#ui-colors'
-
-export type ToggleSize = keyof typeof toggle.size | ExtractDeepKey<AppConfig, ['ui', 'toggle', 'size']>
-export type ToggleColor = typeof colors[number]

package/dist/runtime/types/tooltip.d.ts

@@ -1,7 +0,0 @@
-export interface Tooltip {
-  text?: string
-  prevent?: boolean
-  shortcuts?: string[]
-  openDelay?: number
-  closeDelay?: number
-}

package/dist/runtime/types/vertical-navigation.d.ts

@@ -1,13 +0,0 @@
-import type { Link } from './link'
-import type { Avatar } from './avatar'
-import type { Badge } from './badge'
-
-export interface VerticalNavigationLink extends Link {
-  label: string
-  labelClass?: string
-  icon?: string
-  iconClass?: string
-  avatar?: Avatar
-  click?: (...args: any[]) => void
-  badge?: string | number | Badge
-}

package/dist/runtime/ui.config/data/table.d.ts

@@ -1,81 +0,0 @@
-declare const _default: {
-    wrapper: string;
-    base: string;
-    divide: string;
-    thead: string;
-    tbody: string;
-    caption: string;
-    tr: {
-        base: string;
-        selected: string;
-        active: string;
-    };
-    th: {
-        base: string;
-        padding: string;
-        color: string;
-        font: string;
-        size: string;
-    };
-    td: {
-        base: string;
-        padding: string;
-        color: string;
-        font: string;
-        size: string;
-    };
-    checkbox: {
-        padding: string;
-    };
-    loadingState: {
-        wrapper: string;
-        label: string;
-        icon: string;
-    };
-    emptyState: {
-        wrapper: string;
-        label: string;
-        icon: string;
-    };
-    expand: {
-        icon: string;
-    };
-    progress: {
-        wrapper: string;
-    };
-    default: {
-        sortAscIcon: string;
-        sortDescIcon: string;
-        sortButton: {
-            icon: string;
-            trailing: boolean;
-            square: boolean;
-            color: "gray";
-            variant: "ghost";
-            class: string;
-        };
-        expandButton: {
-            icon: string;
-            color: "gray";
-            variant: "ghost";
-            size: "xs";
-            class: string;
-        };
-        checkbox: {
-            color: "primary";
-        };
-        progress: {
-            color: "primary";
-            animation: "carousel";
-        };
-        loadingState: {
-            icon: string;
-            label: string;
-        };
-        emptyState: {
-            icon: string;
-            label: string;
-        };
-    };
-};
-export default _default;