nuance-ui 0.1.5 → 0.1.7

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

@@ -1,6 +1,6 @@
-import type { ComboboxData, ComboboxItem, ComboboxItemExt, ComboboxTargetProps } from '../combobox/index.js';
+import type { ComboboxData, ComboboxItem, ComboboxItemExt } from '../combobox/index.js';
 import type { InputProps } from '../input/index.js';
-export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends /* @vue-ignore */ Omit<InputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'>, Pick<ComboboxTargetProps, 'autoComplete'> {
+export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<InputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'> {
     data: ComboboxData<Value, Ext>;
     /** Determines whether the select should be searchable @default `false` */
     searchable?: boolean;
@@ -14,6 +14,9 @@ export interface SelectProps<Value extends string = string, Ext extends Combobox
     allowDeselect?: boolean;
     /** If set, the clear button is displayed in the right section when the component has value @default `false` */
     limit?: number;
+    /** Props passed down to the underlying `ScrollArea` component in the dropdown */
+    /** Input autocomplete attribute */
+    autoComplete?: string;
 }
 declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<(SelectProps<Value, Ext> & {

package/dist/runtime/components/select/select.vue

@@ -27,7 +27,19 @@ const {
   nothingFoundMessage: { type: String, required: false },
   allowDeselect: { type: Boolean, required: false },
   limit: { type: Number, required: false },
-  autoComplete: { type: String, required: false }
+  autoComplete: { type: String, required: false },
+  withAria: { type: Boolean, required: false },
+  error: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  radius: { type: String, required: false },
+  size: { type: String, required: false },
+  variant: { type: String, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
 });
 const emit = defineEmits(["clear", "select", "open", "close", "submit"]);
 const opened = defineModel("open", { type: Boolean, ...{ default: false } });

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

@@ -1,6 +1,6 @@
-import type { ComboboxData, ComboboxItem, ComboboxItemExt, ComboboxTargetProps } from '../combobox/index.js';
+import type { ComboboxData, ComboboxItem, ComboboxItemExt } from '../combobox/index.js';
 import type { InputProps } from '../input/index.js';
-export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends /* @vue-ignore */ Omit<InputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'>, Pick<ComboboxTargetProps, 'autoComplete'> {
+export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<InputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'> {
     data: ComboboxData<Value, Ext>;
     /** Determines whether the select should be searchable @default `false` */
     searchable?: boolean;
@@ -14,6 +14,9 @@ export interface SelectProps<Value extends string = string, Ext extends Combobox
     allowDeselect?: boolean;
     /** If set, the clear button is displayed in the right section when the component has value @default `false` */
     limit?: number;
+    /** Props passed down to the underlying `ScrollArea` component in the dropdown */
+    /** Input autocomplete attribute */
+    autoComplete?: string;
 }
 declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<(SelectProps<Value, Ext> & {

package/dist/runtime/components/tabs/tabs-list.d.vue.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue';
 import type { BoxProps } from '../box.vue.js';
-export interface TabsListProps extends /* @vue-ignore */ BoxProps {
+export interface TabsListProps extends BoxProps {
     grow?: boolean;
     justify?: CSSProperties['justify-content'];
 }

package/dist/runtime/components/tabs/tabs-list.vue

@@ -5,7 +5,9 @@ import { useTabsState } from "./lib";
 import css from "./tabs.module.css";
 const { is = "header", mod, grow, justify } = defineProps({
   grow: { type: Boolean, required: false },
-  justify: { type: null, required: false }
+  justify: { type: null, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const ctx = useTabsState();
 const style = computed(() => ({ "--tabs-justify": justify }));

package/dist/runtime/components/tabs/tabs-list.vue.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue';
 import type { BoxProps } from '../box.vue.js';
-export interface TabsListProps extends /* @vue-ignore */ BoxProps {
+export interface TabsListProps extends BoxProps {
     grow?: boolean;
     justify?: CSSProperties['justify-content'];
 }

package/dist/runtime/components/tabs/tabs-panel.d.vue.ts

@@ -1,5 +1,5 @@
 import type { BoxProps } from '../box.vue.js';
-export interface TabsPanelProps extends /* @vue-ignore */ BoxProps {
+export interface TabsPanelProps extends BoxProps {
     value: string;
 }
 declare var __VLS_6: {};

package/dist/runtime/components/tabs/tabs-panel.vue

@@ -3,7 +3,9 @@ import Box from "../box.vue";
 import { useTabsState } from "./lib";
 import css from "./tabs.module.css";
 const { is = "section", mod, value } = defineProps({
-  value: { type: String, required: true }
+  value: { type: String, required: true },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const ctx = useTabsState();
 </script>

package/dist/runtime/components/tabs/tabs-panel.vue.d.ts

@@ -1,5 +1,5 @@
 import type { BoxProps } from '../box.vue.js';
-export interface TabsPanelProps extends /* @vue-ignore */ BoxProps {
+export interface TabsPanelProps extends BoxProps {
     value: string;
 }
 declare var __VLS_6: {};

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

@@ -1,6 +1,6 @@
 import type { NuanceColor, NuanceRadius } from '@nui/types';
 import type { BoxProps } from '../box.vue.js';
-export interface TabsRootProps extends /* @vue-ignore */ BoxProps {
+export interface TabsRootProps extends BoxProps {
     defaultTab?: string;
     /** Tabs orientation, `'horizontal'` by default */
     orientation?: 'vertical' | 'horizontal';

package/dist/runtime/components/tabs/tabs-root.vue

@@ -28,7 +28,9 @@ const {
   radius: { type: [String, Number], required: false },
   inverted: { type: Boolean, required: false },
   keepMounted: { type: Boolean, required: false },
-  id: { type: String, required: false }
+  id: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const VALUE_ERROR = "component was rendered with invalid value or without value";
 const uid = id ?? useId();

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

@@ -1,6 +1,6 @@
 import type { NuanceColor, NuanceRadius } from '@nui/types';
 import type { BoxProps } from '../box.vue.js';
-export interface TabsRootProps extends /* @vue-ignore */ BoxProps {
+export interface TabsRootProps extends BoxProps {
     defaultTab?: string;
     /** Tabs orientation, `'horizontal'` by default */
     orientation?: 'vertical' | 'horizontal';

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

@@ -3,7 +3,7 @@ import type { CSSProperties } from 'vue';
 import type { BoxProps } from './box.vue.js';
 type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
 type TextTruncate = 'end' | 'start' | boolean;
-export interface TextProps extends /* @vue-ignore */ BoxProps {
+export interface TextProps extends BoxProps {
     /** Controls `font-size` and `line-height`, `'md'` by default */
     size?: NuanceSize | `h${TitleOrder}` | string;
     /** Number of lines after which Text will be truncated */

package/dist/runtime/components/text.vue

@@ -29,7 +29,9 @@ const {
   fz: { type: null, required: false },
   lh: { type: String, required: false },
   fw: { type: null, required: false },
-  c: { type: null, required: false }
+  c: { type: null, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const _mod = computed(() => [
   {

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

@@ -3,7 +3,7 @@ import type { CSSProperties } from 'vue';
 import type { BoxProps } from './box.vue.js';
 type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
 type TextTruncate = 'end' | 'start' | boolean;
-export interface TextProps extends /* @vue-ignore */ BoxProps {
+export interface TextProps extends BoxProps {
     /** Controls `font-size` and `line-height`, `'md'` by default */
     size?: NuanceSize | `h${TitleOrder}` | string;
     /** Number of lines after which Text will be truncated */

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

@@ -1,5 +1,5 @@
 import type { InputWrapperProps } from './input/index.js';
-export interface TextareaProps extends /* @vue-ignore */ Omit<InputWrapperProps, 'id'> {
+export interface TextareaProps extends InputWrapperProps {
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {

package/dist/runtime/components/textarea.vue

@@ -3,7 +3,20 @@ import { useTextareaAutosize } from "@vueuse/core";
 import { useId, useTemplateRef } from "vue";
 import InputBase from "./input/ui/input-base.vue";
 import InputWrapper from "./input/ui/input-wrapper.vue";
-const props = defineProps({});
+const { id: uid, ...props } = defineProps({
+  error: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  id: { type: [String, null], required: false },
+  radius: { type: String, required: false },
+  size: { type: String, required: false },
+  variant: { type: String, required: false },
+  multiline: { type: Boolean, required: false },
+  resize: { type: null, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false }
+});
 const modelValue = defineModel({ type: String });
 const inputRef = useTemplateRef("inputRef");
 const { input } = useTextareaAutosize({
@@ -11,7 +24,7 @@ const { input } = useTextareaAutosize({
   styleProp: "minHeight",
   element: inputRef.value?.ref
 });
-const id = useId();
+const id = uid ?? useId();
 </script>
 
 <template>

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

@@ -1,5 +1,5 @@
 import type { InputWrapperProps } from './input/index.js';
-export interface TextareaProps extends /* @vue-ignore */ Omit<InputWrapperProps, 'id'> {
+export interface TextareaProps extends InputWrapperProps {
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {

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

@@ -1,5 +1,5 @@
 import type { TextProps } from './text.vue.js';
-export interface TitleProps extends /* @vue-ignore */ Omit<TextProps, 'is'> {
+export interface TitleProps extends Omit<TextProps, 'is'> {
     order?: '1' | '2' | '3' | '4' | '5' | '6';
     textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }

package/dist/runtime/components/title.vue

@@ -8,7 +8,19 @@ const {
   ...rest
 } = defineProps({
   order: { type: String, required: false },
-  textWrap: { type: String, required: false }
+  textWrap: { type: String, required: false },
+  size: { type: null, required: false },
+  lineClamp: { type: Number, required: false },
+  truncate: { type: [String, Boolean], required: false },
+  inline: { type: Boolean, required: false },
+  inherit: { type: Boolean, required: false },
+  gradient: { type: Object, required: false },
+  variant: { type: String, required: false },
+  fz: { type: null, required: false },
+  lh: { type: String, required: false },
+  fw: { type: null, required: false },
+  c: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const style = computed(() => ({ "--title-text-wrap": textWrap }));
 </script>

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

@@ -1,5 +1,5 @@
 import type { TextProps } from './text.vue.js';
-export interface TitleProps extends /* @vue-ignore */ Omit<TextProps, 'is'> {
+export interface TitleProps extends Omit<TextProps, 'is'> {
     order?: '1' | '2' | '3' | '4' | '5' | '6';
     textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }

package/dist/runtime/components/visually-hidden/visually-hidden-input.d.vue.ts

@@ -1,5 +1,5 @@
 import type { VisuallyHiddenProps } from './visually-hidden.vue.js';
-export interface VisuallyHiddenInputProps extends /* @vue-ignore */ VisuallyHiddenProps {
+export interface VisuallyHiddenInputProps extends VisuallyHiddenProps {
     name: string;
     required?: boolean;
     disabled?: boolean;

package/dist/runtime/components/visually-hidden/visually-hidden-input.vue

@@ -3,7 +3,10 @@ import VisuallyHidden from "./visually-hidden.vue";
 const props = defineProps({
   name: { type: String, required: true },
   required: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  feature: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const value = defineModel({ type: null });
 </script>

package/dist/runtime/components/visually-hidden/visually-hidden-input.vue.d.ts

@@ -1,5 +1,5 @@
 import type { VisuallyHiddenProps } from './visually-hidden.vue.js';
-export interface VisuallyHiddenInputProps extends /* @vue-ignore */ VisuallyHiddenProps {
+export interface VisuallyHiddenInputProps extends VisuallyHiddenProps {
     name: string;
     required?: boolean;
     disabled?: boolean;

package/dist/runtime/components/visually-hidden/visually-hidden.d.vue.ts

@@ -1,5 +1,5 @@
 import type { BoxProps } from '../box.vue.js';
-export interface VisuallyHiddenProps extends /* @vue-ignore */ BoxProps {
+export interface VisuallyHiddenProps extends BoxProps {
     feature?: 'focusable' | 'fully-hidden';
 }
 declare var __VLS_6: {};

package/dist/runtime/components/visually-hidden/visually-hidden.vue

@@ -1,7 +1,9 @@
 <script setup>
 import Box from "../box.vue";
 const { feature, ...rest } = defineProps({
-  feature: { type: String, required: false }
+  feature: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 </script>
 

package/dist/runtime/components/visually-hidden/visually-hidden.vue.d.ts

@@ -1,5 +1,5 @@
 import type { BoxProps } from '../box.vue.js';
-export interface VisuallyHiddenProps extends /* @vue-ignore */ BoxProps {
+export interface VisuallyHiddenProps extends BoxProps {
     feature?: 'focusable' | 'fully-hidden';
 }
 declare var __VLS_6: {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.1.5",
+	"version": "0.1.7",
 	"description": "A UI Library for Modern Web Apps, powered by Vue.",
 	"repository": {
 		"type": "git",
@@ -48,7 +48,7 @@
 	},
 	"peerDependencies": {
 		"nuxt": "^4.0.0",
-		"vue": "^3.3.0",
+		"vue": "^3.5.0",
 		"@nuxtjs/color-mode": "^4.0.0"
 	},
 	"peerDependenciesMeta": {