nuance-ui 0.2.6 → 0.2.7

package/dist/runtime/components/combobox/combobox-root.vue.d.ts

@@ -25,16 +25,16 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (args_0: number) => any;
     clear: () => any;
-    close: (args_0: import("./types/index.js").ComboboxDropdownEventSource) => any;
-    submit: (args_0: string, args_1: import("./types/index.js").ComboboxItem) => any;
-    open: (args_0: import("./types/index.js").ComboboxDropdownEventSource) => any;
+    close: (args_0: import("./types.js").ComboboxDropdownEventSource) => any;
+    submit: (args_0: string, args_1: import("./types.js").ComboboxItem<string, object>) => any;
+    open: (args_0: import("./types.js").ComboboxDropdownEventSource) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((args_0: number) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onClose?: ((args_0: import("./types/index.js").ComboboxDropdownEventSource) => any) | undefined;
-    onSubmit?: ((args_0: string, args_1: import("./types/index.js").ComboboxItem) => any) | undefined;
-    onOpen?: ((args_0: import("./types/index.js").ComboboxDropdownEventSource) => any) | undefined;
+    onClose?: ((args_0: import("./types.js").ComboboxDropdownEventSource) => any) | undefined;
+    onSubmit?: ((args_0: string, args_1: import("./types.js").ComboboxItem<string, object>) => any) | undefined;
+    onOpen?: ((args_0: import("./types.js").ComboboxDropdownEventSource) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/combobox/lib/context.d.ts

@@ -1,7 +1,7 @@
 import type { NuanceSize } from '@nui/types';
 import type { CSSProperties, ModelRef } from 'vue';
-import type { ComboboxItem } from '../types/index.js';
-import type { ComboboxStore } from './use-combobox/use-combobox.js';
+import type { ComboboxItem } from '../types.js';
+import type { ComboboxStore } from './use-combobox/index.js';
 interface ComboboxState {
     opened: ModelRef<boolean>;
     onOptionSubmit?: (value: string, option: ComboboxItem) => void;

package/dist/runtime/components/combobox/lib/context.js

@@ -1,4 +1,4 @@
-import { createStrictInjection } from "@nui/helpers";
+import { createStrictInjection } from "@nui/composables";
 const injectionKey = Symbol("combobox-store");
 export const [useProvide, useState] = createStrictInjection((state) => state, {
   injectionKey,

package/dist/runtime/components/combobox/lib/use-combobox/index.d.ts

@@ -1 +1,70 @@
-export { type ComboboxStore, useCombobox } from './use-combobox.js';
+import type { ModelRef, ShallowRef } from 'vue';
+import type { ComboboxDropdownEventSource } from '../../types.js';
+import type { ComboboxAttrs } from '../const.js';
+export interface ComboboxStore {
+    /** Id passed to dropdown */
+    listId: string;
+    /** Opens dropdown */
+    openDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
+    /** Closes dropdown */
+    closeDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
+    /** Toggles dropdown opened state */
+    toggleDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
+    /** Returns currently selected option index or `-1` if none of the options is selected */
+    getSelectedOptionIx: () => number;
+    /** Selects `Combobox.Option` by index */
+    selectOption: (index: number) => void;
+    /**
+     * Selects first `Combobox.Option` with `active` prop.
+     *  If there are no such options, the function does nothing.
+     */
+    selectActiveOption: () => string | null;
+    /**
+     * Selects first `Combobox.Option` that is not disabled.
+     *  If there are no such options, the function does nothing.
+     */
+    selectFirstOption: () => string | null;
+    /**
+     * Selects next `Combobox.Option` that is not disabled.
+     *  If the current option is the last one, the function selects first option, if `loop` is true.
+     */
+    selectNextOption: () => string | null;
+    /**
+     * Selects previous `Combobox.Option` that is not disabled.
+     *  If the current option is the first one, the function selects last option, if `loop` is true.
+     */
+    selectPrevOption: () => string | null;
+    /** Resets selected option index to -1, removes `data-combobox-selected` from selected option */
+    resetSelectedOption: () => void;
+    /**
+     * Triggers `onClick` event of selected option.
+     *  If there is no selected option, the function does nothing.
+     */
+    clickSelectedOption: () => void;
+    /**
+     * Updates selected option index to currently selected or active option.
+     *  The function is required to be used with searchable components to update selected option index
+     *  when options list changes based on search query.
+     */
+    updateSelectedOptionIx: (target?: 'active' | 'selected', options?: {
+        scrollIntoView?: boolean;
+    }) => void;
+    /** Ref of `Combobox.Search` input */
+    searchRef: ShallowRef<HTMLInputElement | null>;
+    /** Moves focus to `Combobox.Search` input */
+    focusSearch: () => void;
+    /** Ref of the target element */
+    targetRef: ShallowRef<HTMLElement | null>;
+    /** Moves focus to the target element */
+    focusTarget: () => void;
+}
+export declare function useCombobox({ onSelect, onClear, onCloseDropdown, onOpenDropdown, opened, ..._options }: {
+    attrs?: ComboboxAttrs;
+    scrollBehavior?: ScrollBehavior;
+    loop?: boolean;
+    onSelect?: (ix: number) => void;
+    onClear?: () => void;
+    onOpenDropdown?: (eventSource: ComboboxDropdownEventSource) => void;
+    onCloseDropdown?: (eventSource: ComboboxDropdownEventSource) => void;
+    opened: ModelRef<boolean>;
+}): ComboboxStore;

package/dist/runtime/components/combobox/lib/use-combobox/index.js

@@ -1 +1,104 @@
-export { useCombobox } from "./use-combobox.js";
+import { unrefElement } from "@vueuse/core";
+import { nextTick, shallowRef, useId } from "vue";
+import { COMBOBOX_ATTRS } from "../const.js";
+import {
+  clearSelected,
+  selectActiveOption,
+  selectFirstOption,
+  selectNextOption,
+  selectOption,
+  selectPrevOption,
+  updateSelectedOptionIx
+} from "./handlers.js";
+export function useCombobox({
+  onSelect,
+  onClear,
+  onCloseDropdown,
+  onOpenDropdown,
+  opened,
+  ..._options
+}) {
+  const listId = useId();
+  const targetRef = shallowRef(null);
+  const searchRef = shallowRef(null);
+  const openDropdown = (eventSource = "unknown") => {
+    if (!opened.value) {
+      opened.value = true;
+      onOpenDropdown?.(eventSource);
+    }
+  };
+  const closeDropdown = (eventSource = "unknown") => {
+    if (opened.value) {
+      opened.value = false;
+      onCloseDropdown?.(eventSource);
+    }
+  };
+  const toggleDropdown = (eventSource = "unknown") => {
+    if (opened.value)
+      closeDropdown(eventSource);
+    else
+      openDropdown(eventSource);
+  };
+  const options = {
+    attrs: _options?.attrs ?? COMBOBOX_ATTRS,
+    scrollBehavior: _options?.scrollBehavior ?? "instant",
+    loop: _options?.loop ?? true,
+    listId,
+    selectFn: (ix) => ix ? `${ix}` : null
+  };
+  let selectedOptionIx = -1;
+  const getSelectedIx = () => selectedOptionIx;
+  const clear = () => {
+    clearSelected(options);
+    onClear?.();
+  };
+  const select = (ix) => {
+    const res = selectOption(ix, { ...options, clearFn: clear });
+    if (res) {
+      selectedOptionIx = res.ix;
+      onSelect?.(res.ix);
+      return res.value;
+    }
+    return null;
+  };
+  options.selectFn = select;
+  const selectActive = () => selectActiveOption(options);
+  const selectNext = () => selectNextOption(getSelectedIx(), options);
+  const selectPrev = () => selectPrevOption(getSelectedIx(), options);
+  const selectFirst = () => selectFirstOption(options);
+  const updateSelectedIx = (target) => updateSelectedOptionIx(target, options);
+  const resetSelectedOption = () => {
+    selectedOptionIx = -1;
+    clear();
+  };
+  const clickSelectedOption = () => {
+    const items = document.querySelectorAll(`#${options.listId} [${options.attrs.option}]`);
+    const item = items?.[selectedOptionIx];
+    item?.click();
+  };
+  const focusSearch = () => {
+    nextTick(() => unrefElement(searchRef)?.focus());
+  };
+  const focusTarget = () => {
+    nextTick(() => unrefElement(targetRef)?.focus());
+  };
+  return {
+    listId,
+    openDropdown,
+    closeDropdown,
+    toggleDropdown,
+    selectOption: select,
+    selectActiveOption: selectActive,
+    selectNextOption: selectNext,
+    selectPrevOption: selectPrev,
+    selectFirstOption: selectFirst,
+    resetSelectedOption,
+    clickSelectedOption,
+    getSelectedOptionIx: getSelectedIx,
+    targetRef,
+    focusTarget,
+    searchRef,
+    focusSearch,
+    updateSelectedOptionIx: updateSelectedIx
+  };
+}

package/dist/runtime/components/combobox/lib/use-combobox-data/get-parsed-combobox-data.d.ts

@@ -1,2 +1,2 @@
-import type { ComboboxData, ComboboxItemExt, ComboboxOption } from '../../types/index.js';
+import type { ComboboxData, ComboboxItemExt, ComboboxOption } from '../../types.js';
 export declare function getParsedComboboxData<Value extends string = string, Ext extends ComboboxItemExt = object>(data: ComboboxData<Value, Ext> | undefined): ComboboxOption<Value, Ext>[];

package/dist/runtime/components/combobox/lib/use-combobox-data/index.d.ts

@@ -1 +1,7 @@
-export { useComboboxData } from './use-combobox-data.js';
+import type { ComboboxData, ComboboxItem, ComboboxItemExt, ComboboxOption } from '../../types.js';
+export declare function getOptionsLockup<Value extends string = string, Ext extends ComboboxItemExt = object>(options: ComboboxOption<Value, Ext>[]): Record<string, ComboboxItem<Value, Ext>>;
+export declare function getLabelsLockup<Value extends string = string, Ext extends ComboboxItemExt = object>(options: ComboboxOption<Value, Ext>[]): Record<string, ComboboxOption<Value, Ext>>;
+export declare function useComboboxData<Value extends string = string, Ext extends ComboboxItemExt = object>(data: ComboboxData<Value, Ext>): {
+    parsed: import("vue").ComputedRef<ComboboxOption<Value, Ext>[]>;
+    options: import("vue").ComputedRef<Record<string, ComboboxItem<Value, Ext>>>;
+};

package/dist/runtime/components/combobox/lib/use-combobox-data/index.js

@@ -1 +1,24 @@
-export { useComboboxData } from "./use-combobox-data.js";
+import { computed } from "vue";
+import { isOptionsGroup } from "../utils/index.js";
+import { getParsedComboboxData } from "./get-parsed-combobox-data.js";
+export function getOptionsLockup(options) {
+  return options.reduce((acc, item) => {
+    if (isOptionsGroup(item))
+      return { ...acc, ...getOptionsLockup(item.items) };
+    acc[item.value] = item;
+    return acc;
+  }, {});
+}
+export function getLabelsLockup(options) {
+  return options.reduce((acc, item) => {
+    if (isOptionsGroup(item))
+      return { ...acc, ...getLabelsLockup(item.items) };
+    acc[item.label] = item;
+    return acc;
+  }, {});
+}
+export function useComboboxData(data) {
+  const parsed = computed(() => getParsedComboboxData(data));
+  const options = computed(() => getOptionsLockup(parsed.value));
+  return { parsed, options };
+}

package/dist/runtime/components/combobox/lib/utils/default-option-filter.d.ts

@@ -1,4 +1,4 @@
-import type { ComboboxItemExt, ComboboxOption } from '../../types/index.js';
+import type { ComboboxItemExt, ComboboxOption } from '../../types.js';
 export interface FilterOptionsInput<Value extends string = string, Ext extends ComboboxItemExt = object> {
     options: ComboboxOption<Value, Ext>[];
     search: string;

package/dist/runtime/components/combobox/lib/utils/is-empty-combobox-data.d.ts

@@ -1,2 +1,2 @@
-import type { ComboboxOption } from '../../types/index.js';
+import type { ComboboxOption } from '../../types.js';
 export declare function isEmptyComboboxData(data: ComboboxOption[]): boolean;

package/dist/runtime/components/combobox/lib/utils/is-guards.d.ts

@@ -1,2 +1,2 @@
-import type { ComboboxItemExt, ComboboxItemGroup, ComboboxOption } from '../../types/index.js';
+import type { ComboboxItemExt, ComboboxItemGroup, ComboboxOption } from '../../types.js';
 export declare function isOptionsGroup<Value extends string = string, Ext extends ComboboxItemExt = object>(item: ComboboxOption<Value, Ext>): item is ComboboxItemGroup<Value, Ext>;

package/dist/runtime/components/combobox/types.d.ts

@@ -0,0 +1,34 @@
+interface BaseComboboxFields {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+}
+export type ComboboxItemExt = Omit<object, keyof BaseComboboxFields>;
+export type ComboboxItem<Value extends string = string, Ext extends ComboboxItemExt = object> = BaseComboboxFields & {
+    value: Value;
+} & Ext;
+export interface ComboboxItemGroup<_Value extends string = string, Ext extends ComboboxItemExt = object> {
+    group: string;
+    icon?: string;
+    items: ComboboxItem<any, Ext>[];
+}
+export type ComboboxOption<Value extends string = string, Ext extends ComboboxItemExt = object> = ComboboxItem<Value, Ext> | ComboboxItemGroup<Value, Ext>;
+export type ComboboxData<Value extends string = string, Ext extends ComboboxItemExt = object> = ComboboxOption<Value, Ext>[];
+export type ComboboxDropdownEventSource = 'keyboard' | 'mouse' | 'unknown';
+export interface ComboboxRootEmits {
+    clear: [];
+    select: [number];
+    /** Called when dropdown opens with event source: keyboard, mouse or unknown */
+    open: [ComboboxDropdownEventSource];
+    /** Called when dropdown closes with event source: keyboard, mouse or unknown */
+    close: [ComboboxDropdownEventSource];
+    /** Called when item is selected with the `Enter` key or by clicking it */
+    submit: [string, ComboboxItem];
+}
+export interface ComboboxItemProps {
+    withCheckIcon?: boolean;
+    checkIcon?: string;
+    iconPosition?: 'left' | 'right';
+}
+export {};

package/dist/runtime/components/date-time-picker.d.vue.ts

@@ -10,8 +10,11 @@ import type { TimePickerProps } from './time-picker/time-picker.vue.js';
 export interface DatePickerProps extends ButtonInputProps, Pick<TimePickerProps, 'withSeconds'> {
     /** Tempo format for date value @default `DD.MM.YYYY HH:mm` */
     format?: Format;
+    /** Props forwarded to the inner `Calendar` */
     calendarProps?: Partial<Omit<CalendarProps, 'numberOfMonths' | 'mode'>>;
+    /** Props forwarded to the inner `TimePicker` */
     timePickerProps?: Omit<Partial<TimePickerProps>, 'withSeconds' | 'name'>;
+    /** Shows a button to clear the value @default `false` */
     clearable?: boolean;
 }
 type __VLS_Props = DatePickerProps;

package/dist/runtime/components/date-time-picker.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { format } from "@formkit/tempo";
-import { useDatesConfig } from "@nui/composals";
+import { useDatesConfig } from "@nui/composables";
 import { computed } from "vue";
 import ActionIcon from "./action-icon/action-icon.vue";
 import Calendar from "./calendar/calendar.vue";

package/dist/runtime/components/date-time-picker.vue.d.ts

@@ -10,8 +10,11 @@ import type { TimePickerProps } from './time-picker/time-picker.vue.js';
 export interface DatePickerProps extends ButtonInputProps, Pick<TimePickerProps, 'withSeconds'> {
     /** Tempo format for date value @default `DD.MM.YYYY HH:mm` */
     format?: Format;
+    /** Props forwarded to the inner `Calendar` */
     calendarProps?: Partial<Omit<CalendarProps, 'numberOfMonths' | 'mode'>>;
+    /** Props forwarded to the inner `TimePicker` */
     timePickerProps?: Omit<Partial<TimePickerProps>, 'withSeconds' | 'name'>;
+    /** Shows a button to clear the value @default `false` */
     clearable?: boolean;
 }
 type __VLS_Props = DatePickerProps;

package/dist/runtime/components/dialog/index.d.ts

@@ -1,5 +1,5 @@
 export { useDialogState } from './lib.js';
-export type * from './model';
+export type * from './types';
 export type * from './ui/dialog-header.vue';
 export type * from './ui/dialog-root.vue';
 export type * from './ui/dialog-title.vue';

package/dist/runtime/components/dialog/lib.js

@@ -1,4 +1,4 @@
-import { createStrictInjection } from "@nui/helpers";
+import { createStrictInjection } from "@nui/composables";
 const injectionKey = Symbol("DrawerState");
 const [useProvide, useState] = createStrictInjection((close) => close, {
   injectionKey,

package/dist/runtime/components/dialog/ui/dialog-root.d.vue.ts

@@ -1,8 +1,8 @@
 import type { NuanceRadius, NuanceShadow, NuanceSize, NuanceSpacing } from '@nui/types';
 import type { CSSProperties, RendererElement } from 'vue';
 import type { BoxProps } from '../../box.vue.js';
-import type { TransitionName } from '../../transition/index.js';
-import type { DialogModel } from '../model.js';
+import type { TransitionName } from '../../transition.vue.js';
+import type { DialogModel } from '../types.js';
 export interface DialogRootProps extends BoxProps {
     /** If set, the dialog is closed when user clicks on the overlay @default `true` */
     closeOnClickOutside?: boolean;
@@ -24,6 +24,7 @@ export interface DialogRootProps extends BoxProps {
     padding?: NuanceSpacing;
     /** Passes a class to root element */
     rootClass?: string;
+    /** Animation on hide/show */
     transition?: TransitionName;
     /** Portal target to render element @default 'body' */
     portalTarget?: string | RendererElement | null;

package/dist/runtime/components/dialog/ui/dialog-root.vue

@@ -3,7 +3,7 @@ import { getRadius, getShadow, getSize, getSpacing, rem } from "@nui/utils";
 import { onClickOutside, unrefElement } from "@vueuse/core";
 import { computed, shallowRef, watch } from "vue";
 import Box from "../../box.vue";
-import NTransition from "../../transition/transition.vue";
+import NTransition from "../../transition.vue";
 import { useProvideDialogState } from "../lib";
 import css from "./dialog.module.css";
 defineOptions({ inheritAttrs: false });
@@ -74,24 +74,24 @@ const style = computed(() => ({
 </script>
 
 <template>
-	<ClientOnly>
-		<Teleport :disabled='!withinPortal' :to='portalTarget'>
-			<Box
-				is='dialog'
-				ref='dialogRef'
-				:class='[css.root, rootClass]'
-				:mod='[{ "without-overlay": withoutOverlay }, mod]'
-				:style
-				@click='overlayClick'
-				@close='$emit("close")'
-				@cancel.prevent='opened = false'
-			>
-				<NTransition :name='transition'>
-					<Box is='section' v-if='opened' :class='css.content' v-bind='$attrs'>
-						<slot />
-					</Box>
-				</NTransition>
-			</Box>
-		</Teleport>
-	</ClientOnly>
+	<ClientOnly>
+		<Teleport :disabled='!withinPortal' :to='portalTarget'>
+			<Box
+				is='dialog'
+				ref='dialogRef'
+				:class='[css.root, rootClass]'
+				:mod='[{ "without-overlay": withoutOverlay }, mod]'
+				:style
+				@click='overlayClick'
+				@close='$emit("close")'
+				@cancel.prevent='opened = false'
+			>
+				<NTransition :name='transition'>
+					<Box is='section' v-if='opened' :class='css.content' v-bind='$attrs'>
+						<slot />
+					</Box>
+				</NTransition>
+			</Box>
+		</Teleport>
+	</ClientOnly>
 </template>

package/dist/runtime/components/dialog/ui/dialog-root.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NuanceRadius, NuanceShadow, NuanceSize, NuanceSpacing } from '@nui/types';
 import type { CSSProperties, RendererElement } from 'vue';
 import type { BoxProps } from '../../box.vue.js';
-import type { TransitionName } from '../../transition/index.js';
-import type { DialogModel } from '../model.js';
+import type { TransitionName } from '../../transition.vue.js';
+import type { DialogModel } from '../types.js';
 export interface DialogRootProps extends BoxProps {
     /** If set, the dialog is closed when user clicks on the overlay @default `true` */
     closeOnClickOutside?: boolean;
@@ -24,6 +24,7 @@ export interface DialogRootProps extends BoxProps {
     padding?: NuanceSpacing;
     /** Passes a class to root element */
     rootClass?: string;
+    /** Animation on hide/show */
     transition?: TransitionName;
     /** Portal target to render element @default 'body' */
     portalTarget?: string | RendererElement | null;

package/dist/runtime/components/files/file-upload-button.vue

@@ -60,16 +60,16 @@ defineExpose({ files, reset });
 </script>
 
 <template>
-	<Button v-bind='props' @click='open'>
-		<template #leftSection>
-			<slot name='leftSection'>
-				<Icon :name='icon' />
-			</slot>
-		</template>
-		<template v-if='!!$slots.rightSection' #rightSection>
-			<slot name='rightSection' />
-		</template>
-
-		<slot>Загрузить файл</slot>
-	</Button>
+	<Button v-bind='props' @click='open'>
+		<template #leftSection>
+			<slot name='leftSection'>
+				<Icon :name='icon' />
+			</slot>
+		</template>
+		<template v-if='!!$slots.rightSection' #rightSection>
+			<slot name='rightSection' />
+		</template>
+
+		<slot>Загрузить файл</slot>
+	</Button>
 </template>

package/dist/runtime/components/files/file-upload-icon.vue

@@ -55,5 +55,5 @@ defineExpose({ files, reset });
 </script>
 
 <template>
-	<ActionIcon :icon v-bind='props' @click='open' />
+	<ActionIcon :icon v-bind='props' @click='open' />
 </template>

package/dist/runtime/components/index.d.ts

@@ -1,17 +1,17 @@
 export * from './action-icon/index.js';
 export * from './app-shell/index.js';
 export * from './avatar/index.js';
-export * from './background-image.vue.js';
-export * from './badge.vue.js';
-export * from './box.vue.js';
-export type { BreadcrumbsItem, BreadcrumbsProps } from './breadcrumbs.vue.js';
+export type * from './background-image.vue';
+export type * from './badge.vue';
+export type * from './box.vue';
+export type * from './breadcrumbs.vue';
 export * from './button/index.js';
 export * from './calendar/index.js';
 export * from './card/index.js';
 export * from './checkbox/index.js';
 export * from './chip/index.js';
 export * from './combobox/index.js';
-export * from './container.vue.js';
+export type * from './container.vue';
 export type * from './date-time-picker.vue';
 export * from './dialog/index.js';
 export * from './drawer/index.js';
@@ -21,17 +21,18 @@ export * from './link/index.js';
 export * from './loader/index.js';
 export * from './modal/index.js';
 export * from './nav-link/index.js';
-export * from './paper.vue.js';
+export type * from './paper.vue';
 export * from './popover/index.js';
 export * from './progress/index.js';
 export * from './roving-focus/index.js';
-export * from './select/index.js';
+export type * from './select.vue';
+export * from './switch/index.js';
 export * from './table/index.js';
 export * from './tabs/index.js';
-export * from './text.vue.js';
-export * from './textarea.vue.js';
+export type * from './text.vue';
+export type * from './textarea.vue';
 export * from './time-picker/index.js';
-export * from './title.vue.js';
-export * from './transition/index.js';
+export type * from './title.vue';
+export type * from './transition.vue';
 export * from './tree/index.js';
 export * from './visually-hidden/index.js';

package/dist/runtime/components/index.js

@@ -1,16 +1,12 @@
 export * from "./action-icon/index.js";
 export * from "./app-shell/index.js";
 export * from "./avatar/index.js";
-export * from "./background-image.vue";
-export * from "./badge.vue";
-export * from "./box.vue";
 export * from "./button/index.js";
 export * from "./calendar/index.js";
 export * from "./card/index.js";
 export * from "./checkbox/index.js";
 export * from "./chip/index.js";
 export * from "./combobox/index.js";
-export * from "./container.vue";
 export * from "./dialog/index.js";
 export * from "./drawer/index.js";
 export * from "./files/index.js";
@@ -19,17 +15,12 @@ export * from "./link/index.js";
 export * from "./loader/index.js";
 export * from "./modal/index.js";
 export * from "./nav-link/index.js";
-export * from "./paper.vue";
 export * from "./popover/index.js";
 export * from "./progress/index.js";
 export * from "./roving-focus/index.js";
-export * from "./select/index.js";
+export * from "./switch/index.js";
 export * from "./table/index.js";
 export * from "./tabs/index.js";
-export * from "./text.vue";
-export * from "./textarea.vue";
 export * from "./time-picker/index.js";
-export * from "./title.vue";
-export * from "./transition/index.js";
 export * from "./tree/index.js";
 export * from "./visually-hidden/index.js";

package/dist/runtime/components/input/date-picker.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { format } from "@formkit/tempo";
-import { useDatesConfig } from "@nui/composals";
+import { useDatesConfig } from "@nui/composables";
 import { computed } from "vue";
 import ActionIcon from "../action-icon/action-icon.vue";
 import Badge from "../badge.vue";

package/dist/runtime/components/input/lib/input-wrapper.context.d.ts

@@ -1,7 +1,8 @@
 import type { NuanceSize } from '@nui/types';
 import type { CSSProperties } from 'vue';
-import type { InputVariant } from '../types/index.js';
+import type { InputVariant } from '../types.js';
 export interface WrapperContext {
+    /** Id used to bind input and label, auto-generated if not provided */
     id?: string | null;
     required?: boolean;
     radius?: NuanceSize | string;

package/dist/runtime/components/input/number-input.d.vue.ts

@@ -1,5 +1,5 @@
 import type { InputWrapperProps } from './index.js';
-import type { InputBaseProps } from './types/index.js';
+import type { InputBaseProps } from './types.js';
 export interface NumberInputProps extends InputBaseProps, Omit<InputWrapperProps, 'multiline' | 'resize' | 'id'> {
     /** Minimum possible value */
     min?: number;

package/dist/runtime/components/input/number-input.vue.d.ts

@@ -1,5 +1,5 @@
 import type { InputWrapperProps } from './index.js';
-import type { InputBaseProps } from './types/index.js';
+import type { InputBaseProps } from './types.js';
 export interface NumberInputProps extends InputBaseProps, Omit<InputWrapperProps, 'multiline' | 'resize' | 'id'> {
     /** Minimum possible value */
     min?: number;

package/dist/runtime/components/input/text-input.d.vue.ts

@@ -1,11 +1,12 @@
 import type { Classes } from '@nui/types';
-import type { InputBaseProps } from './types/index.js';
+import type { InputBaseProps } from './types.js';
 import type { InputWrapperProps } from './ui/input-wrapper.vue.js';
 export interface TextInputProps extends InputWrapperProps, InputBaseProps {
     /** If set, the input can have multiple lines, for example when `component="textarea"` @default `false` */
     multiline?: boolean;
     /** If set, `aria-` and other accessibility attributes are added to the input @default `true` */
     withAria?: boolean;
+    /** Styles API */
     classes?: Classes<'wrapper' | 'input'>;
 }
 type __VLS_Props = TextInputProps;