nuance-ui 0.1.1

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

@@ -0,0 +1,37 @@
+import type { UiKitColor, UiKitGradient, UiKitSize } from '@nui/types';
+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 {
+    /** Controls `font-size` and `line-height`, `'md'` by default */
+    size?: UiKitSize | `h${TitleOrder}` | string;
+    /** Number of lines after which Text will be truncated */
+    lineClamp?: number;
+    /** Side on which Text must be truncated, if `true`, text is truncated from the start */
+    truncate?: TextTruncate;
+    /** Sets `line-height` to 1 for centering, `false` by default */
+    inline?: boolean;
+    /** Determines whether font properties should be inherited from the parent, `false` by default */
+    inherit?: boolean;
+    /** Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default */
+    gradient?: UiKitGradient;
+    variant?: 'text' | 'gradient';
+    fz?: UiKitSize | `h${TitleOrder}` | string;
+    lh?: UiKitSize | string;
+    fw?: CSSProperties['font-weight'];
+    c?: UiKitColor;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/text.vue

@@ -0,0 +1,122 @@
+<script setup>
+import { useStyleResolver } from "@nui/composals";
+import { getFontSize, getGradient, getLineHeight, getThemeColor } from "@nui/utils";
+import { computed } from "vue";
+import Box from "./box.vue";
+const {
+  is = "p",
+  truncate,
+  lineClamp,
+  inline,
+  inherit,
+  mod,
+  variant = "text",
+  gradient,
+  fz,
+  fw,
+  lh,
+  c,
+  size = "sm",
+  ...rest
+} = defineProps({
+  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 }
+});
+const _mod = computed(() => [
+  {
+    truncate,
+    "line-clamp": lineClamp,
+    inline,
+    inherit,
+    variant
+  },
+  mod
+]);
+const style = computed(() => useStyleResolver((theme) => ({
+  "--text-fz": getFontSize(fz || size),
+  "--text-fw": fw,
+  "--text-lh": getLineHeight(lh || size),
+  "--text-gradient": variant === "gradient" ? getGradient(gradient, theme) : void 0,
+  "--text-line-clamp": lineClamp?.toString(),
+  "--text-color": c ? getThemeColor(c, theme) : void 0
+})));
+</script>
+
+<template>
+	<Box :is v-bind='rest' :mod='_mod' :class='$style.root' :style>
+		<slot />
+	</Box>
+</template>
+
+<style module lang="postcss">
+.root {
+	--text-fz: var(--font-size-md);
+	--text-lh: var(--line-height-md);
+	--text-color: inherit;
+	--text-fw: normal;
+
+	margin: 0;
+	padding: 0;
+
+	font-size: var(--text-fz);
+	font-weight: var(--text-fw);
+	line-height: var(--text-lh);
+	color: var(--text-color);
+	text-decoration: none;
+	-webkit-tap-highlight-color: transparent;
+
+	&:where([data-truncate]) {
+		overflow: hidden;
+
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	&:where([data-truncate='start']) {
+		direction: rtl;
+
+		text-align: right;
+
+		@mixin where-rtl {
+			direction: ltr;
+
+			text-align: left;
+		}
+	}
+
+	&:where([data-variant='gradient']) {
+		background-image: var(--text-gradient);
+		-webkit-background-clip: text;
+		background-clip: text;
+		-webkit-text-fill-color: transparent;
+	}
+
+	&:where([data-line-clamp]) {
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: var(--text-line-clamp);
+
+		text-overflow: ellipsis;
+	}
+
+	&:where([data-inherit]) {
+		font-size: inherit;
+		font-weight: inherit;
+		line-height: inherit;
+	}
+
+	&:where([data-inline]) {
+		line-height: 1;
+	}
+}
+</style>

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

@@ -0,0 +1,37 @@
+import type { UiKitColor, UiKitGradient, UiKitSize } from '@nui/types';
+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 {
+    /** Controls `font-size` and `line-height`, `'md'` by default */
+    size?: UiKitSize | `h${TitleOrder}` | string;
+    /** Number of lines after which Text will be truncated */
+    lineClamp?: number;
+    /** Side on which Text must be truncated, if `true`, text is truncated from the start */
+    truncate?: TextTruncate;
+    /** Sets `line-height` to 1 for centering, `false` by default */
+    inline?: boolean;
+    /** Determines whether font properties should be inherited from the parent, `false` by default */
+    inherit?: boolean;
+    /** Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default */
+    gradient?: UiKitGradient;
+    variant?: 'text' | 'gradient';
+    fz?: UiKitSize | `h${TitleOrder}` | string;
+    lh?: UiKitSize | string;
+    fw?: CSSProperties['font-weight'];
+    c?: UiKitColor;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,33 @@
+import type { InputWrapperProps } from './input/index.js';
+export interface TextareaProps extends /* @vue-ignore */ Omit<InputWrapperProps, 'id'> {
+}
+type __VLS_Props = TextareaProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_10: {}, __VLS_13: {}, __VLS_22: {}, __VLS_25: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    error?: (props: typeof __VLS_10) => any;
+} & {
+    description?: (props: typeof __VLS_13) => any;
+} & {
+    leftSection?: (props: typeof __VLS_22) => any;
+} & {
+    rightSection?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/textarea.vue

@@ -0,0 +1,48 @@
+<script setup>
+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 modelValue = defineModel({ type: String });
+const inputRef = useTemplateRef("inputRef");
+const { input } = useTextareaAutosize({
+  input: modelValue.value,
+  styleProp: "minHeight",
+  element: inputRef.value?.ref
+});
+const id = useId();
+</script>
+
+<template>
+	<InputWrapper :id v-bind='props' :multiline :class='$attrs?.class'>
+		<template #label>
+			<slot name='label' />
+		</template>
+		<template #error>
+			<slot name='error' />
+		</template>
+		<template #description>
+			<slot name='description' />
+		</template>
+
+		<InputBase
+			is='textarea'
+			v-bind='{ ...$attrs, id, class: $style.input }'
+			ref='inputRef'
+			v-model='input'
+			:required='props?.required'
+		>
+			<template #leftSection>
+				<slot name='leftSection' />
+			</template>
+			<template #rightSection>
+				<slot name='rightSection' />
+			</template>
+		</InputBase>
+	</InputWrapper>
+</template>
+
+<style module>
+.input{scrollbar-width:none;-ms-overflow-style:none}.input::-webkit-scrollbar{display:none}
+</style>

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

@@ -0,0 +1,33 @@
+import type { InputWrapperProps } from './input/index.js';
+export interface TextareaProps extends /* @vue-ignore */ Omit<InputWrapperProps, 'id'> {
+}
+type __VLS_Props = TextareaProps;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_10: {}, __VLS_13: {}, __VLS_22: {}, __VLS_25: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    error?: (props: typeof __VLS_10) => any;
+} & {
+    description?: (props: typeof __VLS_13) => any;
+} & {
+    leftSection?: (props: typeof __VLS_22) => any;
+} & {
+    rightSection?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+import type { TextProps } from './text.vue.js';
+export interface TitleProps extends /* @vue-ignore */ Omit<TextProps, 'is'> {
+    order?: '1' | '2' | '3' | '4' | '5' | '6';
+    textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/title.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { computed } from "vue";
+import Text from "./text.vue";
+const {
+  order = "2",
+  textWrap,
+  size,
+  ...rest
+} = defineProps({
+  order: { type: String, required: false },
+  textWrap: { type: String, required: false }
+});
+const style = computed(() => ({ "--title-text-wrap": textWrap }));
+</script>
+
+<template>
+	<Text
+		:is='`h${order}`'
+		v-bind='rest'
+		:size='size || `h${order}`'
+		:class='$style.root'
+		:style
+	>
+		<slot />
+	</Text>
+</template>
+
+<style module lang="postcss">
+.root {
+	--title-text-wrap: pretty;
+
+	text-wrap: var(--title-text-wrap);
+}
+</style>

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

@@ -0,0 +1,18 @@
+import type { TextProps } from './text.vue.js';
+export interface TitleProps extends /* @vue-ignore */ Omit<TextProps, 'is'> {
+    order?: '1' | '2' | '3' | '4' | '5' | '6';
+    textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export type * from './transition.vue';

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

@@ -0,0 +1,25 @@
+export type TransitionName = 'fade' | 'fade-down' | 'fade-up' | 'fade-left' | 'fade-right' | 'skew-up' | 'skew-down' | 'rotate-right' | 'rotate-left' | 'slide-down' | 'slide-up' | 'slide-right' | 'slide-left' | 'scale-y' | 'scale-x' | 'scale' | 'pop' | 'pop-top-left' | 'pop-top-right' | 'pop-bottom-left' | 'pop-bottom-right';
+export interface TransitionProps {
+    name?: TransitionName;
+    /** Transition duration in ms, `250` default */
+    duration?: number;
+    /** Transition dilay in ms, `0` default */
+    delay?: number;
+}
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TransitionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    afterLeave: () => any;
+}, string, import("vue").PublicProps, Readonly<TransitionProps> & Readonly<{
+    onAfterLeave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/transition/transition.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { computed } from "vue";
+const {
+  name = "pop-bottom-left",
+  duration = 250,
+  delay
+} = defineProps({
+  name: { type: String, required: false },
+  duration: { type: Number, required: false },
+  delay: { type: Number, required: false }
+});
+const emit = defineEmits(["afterLeave"]);
+const style = computed(() => ({
+  "--transition-duration": `${duration}ms`,
+  "--transition-delay": delay ? `${delay}ms` : void 0
+}));
+</script>
+
+<template>
+	<Transition :class='$style.root' :style :name @after-leave='() => emit("afterLeave")'>
+		<slot />
+	</Transition>
+</template>
+
+<style module>
+.root{--transition-delay:0ms;--transition-duration:250ms}
+</style>
+
+<style>
+.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-duration) var(--transition-delay) ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-up-enter-active,.fade-up-leave-active{transform:translateY(0);transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(30px)}.fade-down-enter-active,.fade-down-leave-active{transform:translateY(0);transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.fade-down-enter-from,.fade-down-leave-to{opacity:0;transform:translateY(-30px)}.fade-left-enter-active,.fade-left-leave-active{transform:translateX(0);transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.fade-left-enter-from,.fade-left-leave-to{opacity:0;transform:translateX(30px)}.fade-right-enter-active,.fade-right-leave-active{transform:translateX(0);transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.fade-right-enter-from,.fade-right-leave-to{opacity:0;transform:translateX(-30px)}.scale-enter-active,.scale-leave-active{transform:scale(1);transform-origin:top;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(0)}.scale-y-enter-active,.scale-y-leave-active{transform:scaleY(1);transform-origin:top;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.scale-y-enter-from,.scale-y-leave-to{opacity:0;transform:scaleY(0)}.scale-x-enter-active,.scale-x-leave-active{transform:scaleX(1);transform-origin:top;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.scale-x-enter-from,.scale-x-leave-to{opacity:0;transform:scaleX(0)}.skew-up-enter-active,.skew-up-leave-active{transform:translateY(0) skew(0deg,0deg);transform-origin:top;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.skew-up-enter-from,.skew-up-leave-to{opacity:0;transform:translateY(-20px) skew(-10deg,-5deg)}.skew-down-enter-active,.skew-down-leave-active{transform:translateY(0) skew(0deg,0deg);transform-origin:bottom;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.skew-down-enter-from,.skew-down-leave-to{opacity:0;transform:translateY(20px) skew(-10deg,-5deg)}.rotate-left-enter-active,.rotate-left-leave-active{transform:translateY(0) rotate(0deg);transform-origin:bottom;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.rotate-left-enter-from,.rotate-left-leave-to{opacity:0;transform:translateY(20px) rotate(-5deg)}.rotate-right-enter-active,.rotate-right-leave-active{transform:translateY(0) rotate(0deg);transform-origin:bottom;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.rotate-right-enter-from,.rotate-right-leave-to{opacity:0;transform:translateY(20px) rotate(5deg)}.slide-down-enter-active,.slide-down-leave-active{transform:translateY(0);transform-origin:top;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-100%)}.slide-up-enter-active,.slide-up-leave-active{transform:translateY(0);transform-origin:top;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(100%)}.slide-left-enter-active,.slide-left-leave-active{transform:translateX(0);transform-origin:top;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.slide-left-enter-from,.slide-left-leave-to{opacity:0;transform:translateX(100%)}.slide-right-enter-active,.slide-right-leave-active{transform:translateX(0);transform-origin:top;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translateX(-100%)}.pop-enter-active,.pop-leave-active{transform:scale(1);transform-origin:center center;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.pop-enter-from,.pop-leave-to{opacity:0;transform:scale(.9) translateY(10px);transform-origin:center center}.pop-bottom-left-enter-active,.pop-bottom-left-leave-active{transform:scale(1);transform-origin:bottom left;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.pop-bottom-left-enter-from,.pop-bottom-left-leave-to{opacity:0;transform:scale(.9) translateY(10px);transform-origin:bottom left}.pop-bottom-right-enter-active,.pop-bottom-right-leave-active{transform:scale(1);transform-origin:bottom right;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.pop-bottom-right-enter-from,.pop-bottom-right-leave-to{opacity:0;transform:scale(.9) translateY(10px);transform-origin:bottom right}.pop-top-left-enter-active,.pop-top-left-leave-active{transform:scale(1);transform-origin:top left;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.pop-top-left-enter-from,.pop-top-left-leave-to{opacity:0;transform:scale(.9) translateY(-10px);transform-origin:top left}.pop-top-right-enter-active,.pop-top-right-leave-active{transform:scale(1);transform-origin:top right;transition:opacity var(--transition-duration) var(--transition-delay) ease,transform var(--transition-duration) ease}.pop-top-right-enter-from,.pop-top-right-leave-to{opacity:0;transform:scale(.9) translateY(-10px);transform-origin:top right}
+</style>

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

@@ -0,0 +1,25 @@
+export type TransitionName = 'fade' | 'fade-down' | 'fade-up' | 'fade-left' | 'fade-right' | 'skew-up' | 'skew-down' | 'rotate-right' | 'rotate-left' | 'slide-down' | 'slide-up' | 'slide-right' | 'slide-left' | 'scale-y' | 'scale-x' | 'scale' | 'pop' | 'pop-top-left' | 'pop-top-right' | 'pop-bottom-left' | 'pop-bottom-right';
+export interface TransitionProps {
+    name?: TransitionName;
+    /** Transition duration in ms, `250` default */
+    duration?: number;
+    /** Transition dilay in ms, `0` default */
+    delay?: number;
+}
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TransitionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    afterLeave: () => any;
+}, string, import("vue").PublicProps, Readonly<TransitionProps> & Readonly<{
+    onAfterLeave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export type * from './visually-hidden-input.vue';
+export type * from './visually-hidden.vue';

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

@@ -0,0 +1,22 @@
+import type { VisuallyHiddenProps } from './visually-hidden.vue.js';
+export interface VisuallyHiddenInputProps extends /* @vue-ignore */ VisuallyHiddenProps {
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+declare const __VLS_export: <T>(__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<(VisuallyHiddenInputProps & {
+        modelValue?: T;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: T | undefined) => void>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: T | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,13 @@
+<script setup>
+import VisuallyHidden from "./visually-hidden.vue";
+const props = defineProps({
+  name: { type: String, required: true },
+  required: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const value = defineModel({ type: null });
+</script>
+
+<template>
+	<VisuallyHidden v-bind='{ ...props, ...$attrs }' is='input' v-model='value' />
+</template>

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

@@ -0,0 +1,22 @@
+import type { VisuallyHiddenProps } from './visually-hidden.vue.js';
+export interface VisuallyHiddenInputProps extends /* @vue-ignore */ VisuallyHiddenProps {
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+declare const __VLS_export: <T>(__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<(VisuallyHiddenInputProps & {
+        modelValue?: T;
+    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<(evt: "update:modelValue", value: T | undefined) => void>>> & import("vue").PublicProps;
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: T | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,17 @@
+import type { BoxProps } from '../box.vue.js';
+export interface VisuallyHiddenProps extends /* @vue-ignore */ BoxProps {
+    feature?: 'focusable' | 'fully-hidden';
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,22 @@
+<script setup>
+import Box from "../box.vue";
+const { feature, ...rest } = defineProps({
+  feature: { type: String, required: false }
+});
+</script>
+
+<template>
+	<Box
+		:aria-hidden='feature === "focusable" ? "true" : void 0'
+		:data-hidden='feature === "fully-hidden" ? "true" : void 0'
+		:tabindex='feature === "fully-hidden" ? "-1" : void 0'
+		v-bind='rest'
+		class='root'
+	>
+		<slot />
+	</Box>
+</template>
+
+<style scoped>
+.root{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal;padding:0;position:absolute;white-space:nowrap;width:1px}
+</style>

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

@@ -0,0 +1,17 @@
+import type { BoxProps } from '../box.vue.js';
+export interface VisuallyHiddenProps extends /* @vue-ignore */ BoxProps {
+    feature?: 'focusable' | 'fully-hidden';
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,4 @@
+export * from './use-active-link.js';
+export * from './use-mod.js';
+export * from './use-style-resolver.js';
+export * from './use-theme.js';

package/dist/runtime/composals/index.js

@@ -0,0 +1,4 @@
+export * from "./use-active-link.js";
+export * from "./use-mod.js";
+export * from "./use-style-resolver.js";
+export * from "./use-theme.js";

package/dist/runtime/composals/use-active-link.d.ts

@@ -0,0 +1,5 @@
+import type { ComputedRef } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+export declare function useActiveLink(href: RouteLocationRaw | undefined, options?: {
+    exact?: boolean;
+}): ComputedRef<boolean>;

package/dist/runtime/composals/use-active-link.js

@@ -0,0 +1,20 @@
+import { computed } from "vue";
+import { useRoute, useRouter } from "vue-router";
+export function useActiveLink(href, options = {}) {
+  const route = useRoute();
+  const router = useRouter();
+  const { exact = false } = options;
+  return computed(() => {
+    if (!href)
+      return false;
+    const resolvedRoute = router.resolve(href);
+    const targetPath = resolvedRoute.path;
+    if (exact)
+      return route.path === targetPath;
+    if (route.path === targetPath)
+      return true;
+    if (targetPath === "/")
+      return false;
+    return route.path.startsWith(targetPath);
+  });
+}