nuance-ui 0.2.1 → 0.2.5

package/dist/runtime/components/roving-focus/roving-focus-item.vue

@@ -15,18 +15,18 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-	<Renderless
-		v-bind='attrs'
-		ref='item'
-		:tabindex='-1'
-		@keydown.up.prevent='isVertical && focus?.("prev", $event.currentTarget)'
-		@keydown.down.prevent='isVertical && focus?.("next", $event.currentTarget)'
-		@keydown.left.prevent='isHorizontal && focus?.("prev", $event.currentTarget)'
-		@keydown.right.prevent='isHorizontal && focus?.("next", $event.currentTarget)'
-		@keydown.home.prevent='focus?.("first")'
-		@keydown.end.prevent='focus?.("last")'
-		@click.prevent='focusElement?.($event.currentTarget)'
-	>
-		<slot />
-	</Renderless>
+	<Renderless
+		v-bind='attrs'
+		ref='item'
+		:tabindex='-1'
+		@keydown.up.prevent='isVertical && focus?.("prev", $event.currentTarget)'
+		@keydown.down.prevent='isVertical && focus?.("next", $event.currentTarget)'
+		@keydown.left.prevent='isHorizontal && focus?.("prev", $event.currentTarget)'
+		@keydown.right.prevent='isHorizontal && focus?.("next", $event.currentTarget)'
+		@keydown.home.prevent='focus?.("first")'
+		@keydown.end.prevent='focus?.("last")'
+		@click.prevent='focusElement?.($event.currentTarget)'
+	>
+		<slot />
+	</Renderless>
 </template>

package/dist/runtime/components/roving-focus/roving-focus.vue

@@ -17,7 +17,7 @@ onMounted(() => nextTick(() => init()));
 </script>
 
 <template>
-	<Renderless ref='list'>
-		<slot />
-	</Renderless>
+	<Renderless ref='list'>
+		<slot />
+	</Renderless>
 </template>

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

@@ -66,10 +66,10 @@ watch(search, () => nextTick(() => store.resetSelectedOption()));
 </script>
 
 <template>
-	<ComboboxRoot
-		v-model:open='opened'
-		width='target'
-		:store
+	<ComboboxRoot
+		v-model:open='opened'
+		width='target'
+		:store
 		@submit='(val, option) => {
   $emit("submit", val, option);
   const optionsLockup = allowDeselect ? options[val]?.value === value?.value ? null : options[val] : options[val];
@@ -77,65 +77,65 @@ watch(search, () => nextTick(() => store.resetSelectedOption()));
   value = nextValue;
   search = nextValue?.label ?? "";
   store.closeDropdown();
-}'
-	>
-		<ComboboxTarget :target-type='searchable ? "input" : "button"' :auto-complete>
-			<component
-				:is='searchable ? TextInput : ButtonInput'
-				:id='store.listId'
-				v-bind='{ ...rest, ...$attrs }'
-				v-model='search'
-				:disabled
-				:right-section-p-e
-				:readonly='readonly || !searchable'
-				:class='$style.input'
+}'
+	>
+		<ComboboxTarget :target-type='searchable ? "input" : "button"' :auto-complete>
+			<component
+				:is='searchable ? TextInput : ButtonInput'
+				:id='store.listId'
+				v-bind='{ ...rest, ...$attrs }'
+				v-model='search'
+				:disabled
+				:right-section-p-e
+				:readonly='readonly || !searchable'
+				:class='$style.input'
 				@blur='() => {
   searchable && store.closeDropdown();
   search = value?.label ?? "";
-}'
-				@click.prevent.stop='() => searchable ? store.openDropdown() : store.toggleDropdown()'
-			>
-				{{ value?.label ?? value?.value ?? null }}
-
-				<template v-if='$slots?.label' #label>
-					<slot name='label' />
-				</template>
-				<template v-if='$slots?.description' #description>
-					<slot name='description' />
-				</template>
-				<template v-if='$slots?.error' #error>
-					<slot name='error' />
-				</template>
-
-				<template v-if='$slots.leftSection || value?.icon' #leftSection>
-					<slot name='leftSection'>
-						<Icon v-if='value?.icon' :name='value?.icon' />
-					</slot>
-				</template>
-				<template #rightSection>
-					<slot name='rightSection'>
-						<Icon name='gravity-ui:chevrons-expand-vertical' />
-					</slot>
-				</template>
-			</component>
-		</ComboboxTarget>
-		<ComboboxOptionsDropdown
-			v-model='value'
-			:data='parsed'
-			:limit
-			:with-check-icon
-			:icon-position
-			:nothing-found-message
-			:aria-label='store.listId'
-			:label-id='store.listId'
-		/>
-	</ComboboxRoot>
+}'
+				@click.prevent.stop='() => searchable ? store.openDropdown() : store.toggleDropdown()'
+			>
+				{{ value?.label ?? value?.value ?? null }}
+
+				<template v-if='$slots?.label' #label>
+					<slot name='label' />
+				</template>
+				<template v-if='$slots?.description' #description>
+					<slot name='description' />
+				</template>
+				<template v-if='$slots?.error' #error>
+					<slot name='error' />
+				</template>
+
+				<template v-if='$slots.leftSection || value?.icon' #leftSection>
+					<slot name='leftSection'>
+						<Icon v-if='value?.icon' :name='value?.icon' />
+					</slot>
+				</template>
+				<template #rightSection>
+					<slot name='rightSection'>
+						<Icon name='gravity-ui:chevrons-expand-vertical' />
+					</slot>
+				</template>
+			</component>
+		</ComboboxTarget>
+		<ComboboxOptionsDropdown
+			v-model='value'
+			:data='parsed'
+			:limit
+			:with-check-icon
+			:icon-position
+			:nothing-found-message
+			:aria-label='store.listId'
+			:label-id='store.listId'
+		/>
+	</ComboboxRoot>
 </template>
 
 <style module lang="postcss">
-.input {
-	:where([readonly]) {
-		cursor: pointer;
-	}
-}
+.input {
+	:where([readonly]) {
+		cursor: pointer;
+	}
+}
 </style>

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

@@ -1,30 +1,30 @@
-import type { Cell, Header, RowData } from '@tanstack/vue-table'
-
-
-declare module '@tanstack/table-core' {
-	interface ColumnMeta<TData extends RowData, TValue> {
-		class?: {
-			th?: string | ((cell: Header<TData, TValue>) => string)
-			td?: string | ((cell: Cell<TData, TValue>) => string)
-		}
-		style?: {
-			th?: string | Record<string, string> | ((cell: Header<TData, TValue>) => string | Record<string, string>)
-			td?: string | Record<string, string> | ((cell: Cell<TData, TValue>) => string | Record<string, string>)
-		}
-		colspan?: {
-			td?: string | ((cell: Cell<TData, TValue>) => string)
-		}
-		rowspan?: {
-			td?: string | ((cell: Cell<TData, TValue>) => string)
-		}
-	}
-
-	interface TableMeta<TData> {
-		class?: {
-			tr?: string | ((row: Row<TData>) => string)
-		}
-		style?: {
-			tr?: string | Record<string, string> | ((row: Row<TData>) => string | Record<string, string>)
-		}
-	}
-}
+import type { Cell, Header, RowData } from '@tanstack/vue-table'
+
+
+declare module '@tanstack/table-core' {
+	interface ColumnMeta<TData extends RowData, TValue> {
+		class?: {
+			th?: string | ((cell: Header<TData, TValue>) => string)
+			td?: string | ((cell: Cell<TData, TValue>) => string)
+		}
+		style?: {
+			th?: string | Record<string, string> | ((cell: Header<TData, TValue>) => string | Record<string, string>)
+			td?: string | Record<string, string> | ((cell: Cell<TData, TValue>) => string | Record<string, string>)
+		}
+		colspan?: {
+			td?: string | ((cell: Cell<TData, TValue>) => string)
+		}
+		rowspan?: {
+			td?: string | ((cell: Cell<TData, TValue>) => string)
+		}
+	}
+
+	interface TableMeta<TData> {
+		class?: {
+			tr?: string | ((row: Row<TData>) => string)
+		}
+		style?: {
+			tr?: string | Record<string, string> | ((row: Row<TData>) => string | Record<string, string>)
+		}
+	}
+}

package/dist/runtime/components/table/ui/table-sort-icon.vue

@@ -14,5 +14,5 @@ const name = computed(() => column.getIsSorted() ? column.getIsSorted() === "asc
 </script>
 
 <template>
-	<Icon :name />
+	<Icon :name />
 </template>

package/dist/runtime/components/table/ui/table-sortable-header.vue

@@ -30,15 +30,15 @@ const {
 </script>
 
 <template>
-	<Button :size :variant :color v-bind='rest'>
-		<template #leftSection>
-			<TableSortIcon :column :icons />
-		</template>
-		<slot>
-			<FlexRender :render='column.columnDef.header' />
-		</slot>
-		<template v-if='!!$slots.rightSection' #rightSection>
-			<slot name='rightSection' />
-		</template>
-	</Button>
+	<Button :size :variant :color v-bind='rest'>
+		<template #leftSection>
+			<TableSortIcon :column :icons />
+		</template>
+		<slot>
+			<FlexRender :render='column.columnDef.header' />
+		</slot>
+		<template v-if='!!$slots.rightSection' #rightSection>
+			<slot name='rightSection' />
+		</template>
+	</Button>
 </template>