pxd 0.1.2 → 0.1.3

package/dist/components/stack/index.vue

@@ -45,34 +45,6 @@ const props = defineProps({
 		required: false
 	}
 });
-const { attrs, classes: variantClasses } = useTailwindVariant({
-	base: "pxd-stack flex w-full max-w-full gap-(--xs) [--xs:1rem]",
-	variants: {
-		wrap: { true: "flex-wrap" },
-		align: {
-			start: "items-start",
-			end: "items-end",
-			center: "items-center",
-			between: "items-between",
-			around: "items-around",
-			evenly: "items-evenly",
-			stretch: "items-stretch"
-		},
-		justify: {
-			start: "justify-start",
-			end: "justify-end",
-			center: "justify-center",
-			between: "justify-between",
-			around: "justify-around",
-			evenly: "justify-evenly",
-			stretch: "justify-stretch"
-		}
-	}
-}, { selection: () => ({
-	wrap: props.wrap,
-	align: props.align,
-	justify: props.justify
-}) });
 const presetDir = {
 	"--xs:vertical": "flex-col",
 	"--xs:horizontal": "flex-row",
@@ -102,6 +74,34 @@ const formattedDirection = computed(() => {
 		acc[bp] = presetDir[`--${bp}:${value}`];
 	});
 });
+const { attrs, classes: variantClasses } = useTailwindVariant({
+	base: "pxd-stack flex w-full max-w-full gap-(--xs) [--xs:1rem]",
+	variants: {
+		wrap: { true: "flex-wrap" },
+		align: {
+			start: "items-start",
+			end: "items-end",
+			center: "items-center",
+			between: "items-between",
+			around: "items-around",
+			evenly: "items-evenly",
+			stretch: "items-stretch"
+		},
+		justify: {
+			start: "justify-start",
+			end: "justify-end",
+			center: "justify-center",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly",
+			stretch: "justify-stretch"
+		}
+	}
+}, { selection: () => ({
+	wrap: props.wrap,
+	align: props.align,
+	justify: props.justify
+}) });
 const computedClasses = computed(() => {
 	const classes = [
 		variantClasses.value,
@@ -116,7 +116,6 @@ const computedClasses = computed(() => {
   <Component
     data-stack
     :is="props.as"
-    class="pxd-stack flex max-w-full"
     :class="computedClasses"
     v-bind="attrs"
     :style="formattedGap"

package/dist/components/stack/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentAs, ComponentDirection, ResponsiveValue } from '../../types/shared'
+import type { ComponentAs, ComponentDirection, ResponsiveValue } from '../../types/shared/props'
 
 type Align = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch'
 

package/dist/components/status-dot/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentLabel } from '../../types/shared'
+import type { ComponentLabel } from '../../types/shared/props'
 
 export interface StatusDotProps {
   label?: boolean | ComponentLabel

package/dist/components/steps/index.d.vue.ts

@@ -1,11 +1,11 @@
 import type { StepsOption, StepsProps, StepsStatus } from './types';
-declare var __VLS_9: {
+declare var __VLS_10: {
     index: number;
     item: StepsOption;
     status: StepsStatus;
 };
 type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_9) => any;
+    item?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<StepsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (args_0: number) => any;

package/dist/components/steps/index.vue

@@ -3,7 +3,7 @@ import { computed, shallowRef } from "vue";
 import { useModelValue } from "../../composables/_internal/use-model-value.js";
 import { useConfigProvider } from "../../contexts/config-provider.js";
 import { getFallbackValue } from "../../utils/helper.js";
-import PStepsItem from "./step-item.vue";
+import PStepsItem from "../_internal/step-item.vue";
 defineOptions({
 	name: "PSteps",
 	inheritAttrs: false,
@@ -46,11 +46,6 @@ const props = defineProps({
 	}
 });
 const emits = defineEmits(["change", "update:modelValue"]);
-const configProvider = useConfigProvider();
-const modelValue = useModelValue(props, emits);
-/** Uncontrolled fallback: a bound `modelValue` always wins. */
-const innerValue = shallowRef(props.defaultValue);
-const activeIndex = computed(() => props.modelValue ?? innerValue.value ?? 0);
 const SIZES = {
 	sm: {
 		indicatorSize: "1.25rem",
@@ -77,6 +72,10 @@ const SIZES = {
 		gap: "0.5rem"
 	}
 };
+/** Uncontrolled fallback: a bound `modelValue` always wins. */
+const innerValue = shallowRef(props.defaultValue);
+const activeIndex = computed(() => props.modelValue ?? innerValue.value ?? 0);
+const configProvider = useConfigProvider();
 const computedSize = computed(() => getFallbackValue(props.size, SIZES, configProvider.size));
 const computedStyle = computed(() => {
 	const size = computedSize.value;
@@ -89,6 +88,7 @@ const computedStyle = computed(() => {
 		"--steps-gap": size.gap
 	};
 });
+const modelValue = useModelValue(props, emits);
 function resolveStatus(option, index) {
 	if (option.status) {
 		return option.status;

package/dist/components/steps/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentDirection, ComponentLabel, ComponentSize } from '../../types/shared'
+import type { ComponentDirection, ComponentLabel, ComponentSize } from '../../types/shared/props'
 
 export type StepsStatus = 'process' | 'finish' | 'error' | 'wait'
 

package/dist/components/stick-to-bottom/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentClass } from '../../types/shared'
+import type { ComponentClass } from '../../types/shared/props'
 import type { CSSProperties } from 'vue'
 
 export interface StickToBottomProps {

package/dist/components/swipe-cell/index.d.vue.ts

@@ -1,12 +1,12 @@
 import type { SwipeCellCloseTrigger, SwipeCellProps, SwipeCellSide } from './types';
 declare function close(trigger?: SwipeCellCloseTrigger): Promise<boolean>;
-declare var __VLS_11: {
+declare var __VLS_9: {
     side: SwipeCellSide;
     active: boolean;
     distance: number;
     progress: number;
     overSwipe: boolean;
-}, __VLS_13: {}, __VLS_15: {
+}, __VLS_11: {}, __VLS_13: {
     side: SwipeCellSide;
     active: boolean;
     distance: number;
@@ -14,11 +14,11 @@ declare var __VLS_11: {
     overSwipe: boolean;
 };
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_11) => any;
+    prefix?: (props: typeof __VLS_9) => any;
 } & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_11) => any;
 } & {
-    suffix?: (props: typeof __VLS_15) => any;
+    suffix?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SwipeCellProps, {
     close: typeof close;
@@ -35,7 +35,7 @@ declare const __VLS_base: import("vue").DefineComponent<SwipeCellProps, {
     "onOver-swipe"?: ((state: import("./types").SwipeCellOverSwipeState) => any) | undefined;
 }>, {
     as: import("../../types/shared/props.js").ComponentAs;
-    modelValue: SwipeCellSide | false;
+    modelValue: false | SwipeCellSide;
     threshold: number;
     group: string;
     overSwipeThreshold: number;

package/dist/components/swipe-cell/index.vue

@@ -3,8 +3,8 @@ import { nextTick, onBeforeUnmount, onMounted, shallowReactive, shallowRef, watc
 import { useSwipeGesture } from "../../composables/_internal/use-swipe-gesture.js";
 import { useOutsideClick } from "../../composables/use-outside-click.js";
 import { useResizeObserver } from "../../composables/use-resize-observer.js";
+import { exclusiveOpen, registerSwipeCell } from "../../utils/_internal/swipe-cell-instances.js";
 import { getElement } from "../../utils/dom.js";
-import { exclusiveOpen, registerSwipeCell } from "./instances.js";
 defineOptions({
 	name: "PSwipeCell",
 	inheritAttrs: false,
@@ -93,15 +93,22 @@ const emits = defineEmits([
 	"over-swipe",
 	"update:modelValue"
 ]);
-const rootRef = shallowRef();
-const contentRef = shallowRef();
-const prefixRef = shallowRef();
-const suffixRef = shallowRef();
 let alive = true;
 let offset = 0;
 let openToken = 0;
 let trackOffset = 0;
 let gestureStartOffset = 0;
+const cellEntry = {
+	getGroup: () => props.group,
+	close: (trigger) => {
+		void setOpen(false, trigger);
+	}
+};
+const unregisterCell = registerSwipeCell(cellEntry);
+const rootRef = shallowRef();
+const contentRef = shallowRef();
+const prefixRef = shallowRef();
+const suffixRef = shallowRef();
 const dragging = shallowRef(false);
 const openedSide = shallowRef(props.modelValue);
 const prefixWidth = shallowRef(0);
@@ -120,13 +127,59 @@ const suffixSlotState = shallowReactive({
 	progress: 0,
 	overSwipe: false
 });
-const cellEntry = {
-	getGroup: () => props.group,
-	close: (trigger) => {
-		void setOpen(false, trigger);
+useSwipeGesture(rootRef, {
+	disabled: () => props.disabled,
+	beforeStart: () => {
+		const side = openedSide.value;
+		if (!side || !props.beforeClose) {
+			return true;
+		}
+		return Promise.resolve(props.beforeClose(side)).then((allowed) => allowed && alive && !props.disabled);
+	},
+	onPress: () => {
+		openToken += 1;
+		measureWidths();
+		gestureStartOffset = trackOffset;
+	},
+	onFollow: ({ displacement }) => {
+		if (!dragging.value) {
+			dragging.value = true;
+		}
+		trackOffset = gestureStartOffset + displacement;
+		applyOffset(clampOffset(trackOffset));
+		syncSlots();
+	},
+	onRelease: ({ displacement, axisLocked, event }) => {
+		if (event.type === "pointercancel") {
+			openToken += 1;
+			syncOpenOffset();
+			return;
+		}
+		if (!axisLocked) {
+			return;
+		}
+		trackOffset = gestureStartOffset + displacement;
+		void releaseSwipe();
+	},
+	onTap: ({ startEvent, vetoed }) => {
+		if (vetoed || !startEvent) {
+			return;
+		}
+		const target = startEvent.target;
+		if (target instanceof Node) {
+			closeByTarget(target);
+		}
 	}
-};
-const unregisterCell = registerSwipeCell(cellEntry);
+});
+useOutsideClick(getRootEl, {
+	eventName: "pointerdown",
+	listenerOptions: { capture: true },
+	enabled: () => Boolean(openedSide.value) && !props.disabled,
+	onTrigger: () => {
+		void close("outside");
+	}
+});
+useResizeObserver([prefixRef, suffixRef], measureWidths);
 function getRootEl() {
 	return getElement(rootRef);
 }
@@ -286,59 +339,6 @@ async function releaseSwipe() {
 	}
 	await setOpen(next);
 }
-useSwipeGesture(rootRef, {
-	disabled: () => props.disabled,
-	beforeStart: () => {
-		const side = openedSide.value;
-		if (!side || !props.beforeClose) {
-			return true;
-		}
-		return Promise.resolve(props.beforeClose(side)).then((allowed) => allowed && alive && !props.disabled);
-	},
-	onPress: () => {
-		openToken += 1;
-		measureWidths();
-		gestureStartOffset = trackOffset;
-	},
-	onFollow: ({ displacement }) => {
-		if (!dragging.value) {
-			dragging.value = true;
-		}
-		trackOffset = gestureStartOffset + displacement;
-		applyOffset(clampOffset(trackOffset));
-		syncSlots();
-	},
-	onRelease: ({ displacement, axisLocked, event }) => {
-		if (event.type === "pointercancel") {
-			openToken += 1;
-			syncOpenOffset();
-			return;
-		}
-		if (!axisLocked) {
-			return;
-		}
-		trackOffset = gestureStartOffset + displacement;
-		void releaseSwipe();
-	},
-	onTap: ({ startEvent, vetoed }) => {
-		if (vetoed || !startEvent) {
-			return;
-		}
-		const target = startEvent.target;
-		if (target instanceof Node) {
-			closeByTarget(target);
-		}
-	}
-});
-useOutsideClick(getRootEl, {
-	eventName: "pointerdown",
-	listenerOptions: { capture: true },
-	enabled: () => Boolean(openedSide.value) && !props.disabled,
-	onTrigger: () => {
-		void close("outside");
-	}
-});
-useResizeObserver([prefixRef, suffixRef], measureWidths);
 watch(() => props.modelValue, (value) => {
 	openToken += 1;
 	if (value === openedSide.value) {

package/dist/components/swipe-cell/types.d.ts

@@ -1,4 +1,5 @@
-import type { Awaitable, ComponentAs, ComponentClass } from '../../types/shared'
+import type { ComponentAs, ComponentClass } from '../../types/shared/props'
+import type { Awaitable } from '../../types/shared/utils'
 
 export type SwipeCellSide = 'prefix' | 'suffix'
 export type SwipeCellDirection = 'left' | 'right'

package/dist/components/switch/index.vue

@@ -45,8 +45,8 @@ const SIZES = {
 	lg: `${BASIC_HEIGHTS.lg} text-base`
 };
 const configProvider = useConfigProvider();
-const modelValue = useModelValue(props, emits);
 const computedSize = computed(() => getFallbackValue(props.size, SIZES, configProvider.size));
+const modelValue = useModelValue(props, emits);
 provideSwitchContext({
 	props,
 	emits,

package/dist/components/switch/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentOption, ComponentSize } from '../../types/shared'
+import type { ComponentOption, ComponentSize } from '../../types/shared/props'
 
 export interface SwitchProps {
   disabled?: boolean

package/dist/components/switch-item/index.vue

@@ -30,9 +30,9 @@ const emits = defineEmits([]);
 const uniqueId = getUniqueId();
 const switchGroupContext = useSwitchContext();
 const switchGroupName = switchGroupContext?.name ?? getUniqueId();
+const isDisabled = computed(() => props.disabled || switchGroupContext?.props.disabled || false);
 const modelValue = useModelValue(switchGroupContext?.props ?? props, switchGroupContext?.emits ?? emits);
 const isChecked = computed(() => modelValue.value === props.value);
-const isDisabled = computed(() => props.disabled || switchGroupContext?.props.disabled || false);
 const { classes } = useTailwindVariant({
 	base: "pxd-switch-item--label px-2.5 font-medium flex size-full items-center justify-center truncate rounded-sm text-foreground-secondary peer-focus-ring outline-none select-none peer-checked:bg-gray-100 peer-disabled:cursor-not-allowed peer-disabled:text-gray-800 empty:hidden hover:text-foreground motion-safe:transition-colors",
 	variants: { disabled: { false: "peer-checked:text-foreground" } }

package/dist/components/switch-item/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentLabel } from '../../types/shared'
+import type { ComponentLabel } from '../../types/shared/props'
 
 export interface SwitchItemProps {
   label?: ComponentLabel

package/dist/components/tabs/index.d.vue.ts

@@ -1,4 +1,4 @@
-import type { ComponentValue } from '../../types/shared';
+import type { ComponentValue } from '../../types/shared/props';
 import type { TabsProps, TabsOptions } from './types';
 declare const __VLS_export: import("vue").DefineComponent<TabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (args_0: NonNullable<ComponentValue>) => any;

package/dist/components/tabs/index.vue

@@ -41,18 +41,48 @@ const props = defineProps({
 const emits = defineEmits(["change", "update:modelValue"]);
 const BORDER_WIDTH = 2;
 const SCROLL_EPSILON = 2;
-const modelValue = useModelValue(props, emits, { withChange: false });
+const uid = getUniqueId("pxd-tabs");
+let resizeObserver = null;
 /** Uncontrolled fallback: a bound `modelValue` always wins. */
 const innerValue = shallowRef(props.defaultValue);
 const activeValue = computed(() => props.modelValue === undefined ? innerValue.value : props.modelValue);
-const slots = useSlots();
-const uid = getUniqueId("pxd-tabs");
 const scrollRef = shallowRef();
 const innerNavRef = shallowRef();
 const overflowing = shallowRef(false);
 const canScrollLeft = shallowRef(false);
 const canScrollRight = shallowRef(false);
-let resizeObserver = null;
+/**
+* Values whose panel was already activated. Kept as a plain array because
+* reactive collections are banned here, and pruned so dynamic option lists
+* cannot grow it without bound.
+*/
+const activatedValues = shallowRef([]);
+const modelValue = useModelValue(props, emits, { withChange: false });
+const slots = useSlots();
+/** Roving tabindex: arrow keys move focus and activate, matching the APG tabs pattern. */
+const navigation = useListNavigation({
+	count: () => props.options.length,
+	isDisabled: (index) => !!props.options[index]?.disabled,
+	scrollToIndex: (index) => focusTab(index)
+});
+const { onKeydown: onNavKeydown } = useListKeyboardController({
+	keymap: {
+		ArrowRight: "next",
+		ArrowLeft: "previous",
+		Home: "first",
+		End: "last"
+	},
+	onCommand: (command) => {
+		if (!navigation.dispatch(command)) {
+			return false;
+		}
+		const option = props.options[navigation.activeIndex.value];
+		if (option) {
+			select(option.value);
+		}
+		return true;
+	}
+});
 function tabId(index) {
 	return `${uid}-tab-${index}`;
 }
@@ -71,26 +101,6 @@ function select(value) {
 	modelValue.value = value;
 	emits("change", value);
 }
-/**
-* Values whose panel was already activated. Kept as a plain array because
-* reactive collections are banned here, and pruned so dynamic option lists
-* cannot grow it without bound.
-*/
-const activatedValues = shallowRef([]);
-watch(activeValue, (value) => {
-	if (value !== undefined && !activatedValues.value.includes(value)) {
-		activatedValues.value = [...activatedValues.value, value];
-	}
-}, {
-	immediate: true,
-	flush: "sync"
-});
-watch(() => props.options.map((option) => option.value), (values) => {
-	const kept = activatedValues.value.filter((value) => values.includes(value));
-	if (kept.length !== activatedValues.value.length) {
-		activatedValues.value = kept;
-	}
-});
 function isActivated(option) {
 	return isActiveOption(option) || activatedValues.value.includes(option.value);
 }
@@ -159,30 +169,6 @@ function focusTab(index) {
 	tab?.focus();
 	scrollActiveTabIntoView();
 }
-/** Roving tabindex: arrow keys move focus and activate, matching the APG tabs pattern. */
-const navigation = useListNavigation({
-	count: () => props.options.length,
-	isDisabled: (index) => !!props.options[index]?.disabled,
-	scrollToIndex: (index) => focusTab(index)
-});
-const { onKeydown: onNavKeydown } = useListKeyboardController({
-	keymap: {
-		ArrowRight: "next",
-		ArrowLeft: "previous",
-		Home: "first",
-		End: "last"
-	},
-	onCommand: (command) => {
-		if (!navigation.dispatch(command)) {
-			return false;
-		}
-		const option = props.options[navigation.activeIndex.value];
-		if (option) {
-			select(option.value);
-		}
-		return true;
-	}
-});
 function teardownScrollObservers() {
 	resizeObserver?.disconnect();
 	resizeObserver = null;
@@ -204,6 +190,20 @@ function setupScrollObservers() {
 	}
 	updateScrollState();
 }
+watch(activeValue, (value) => {
+	if (value !== undefined && !activatedValues.value.includes(value)) {
+		activatedValues.value = [...activatedValues.value, value];
+	}
+}, {
+	immediate: true,
+	flush: "sync"
+});
+watch(() => props.options.map((option) => option.value), (values) => {
+	const kept = activatedValues.value.filter((value) => values.includes(value));
+	if (kept.length !== activatedValues.value.length) {
+		activatedValues.value = kept;
+	}
+});
 watch(() => props.options.length, () => {
 	nextTick(setupScrollObservers);
 }, { flush: "post" });
@@ -217,9 +217,6 @@ watch(() => [activeValue.value, props.options.length], () => {
 	if (index >= 0) {
 		navigation.setActiveIndex(index);
 	}
-	if (import.meta.env?.DEV && activeValue.value !== undefined && index < 0) {
-		console.warn(`[pxd] PTabs: active value "${String(activeValue.value)}" matches no option.`);
-	}
 }, {
 	immediate: true,
 	flush: "post"

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

@@ -1,4 +1,4 @@
-import type { ComponentOption, ComponentValue } from '../../types/shared'
+import type { ComponentOption, ComponentValue } from '../../types/shared/props'
 
 export interface TabsOptions extends ComponentOption {
   label?: ComponentOption['label']

package/dist/components/teleport/index.vue

@@ -18,13 +18,13 @@ const props = defineProps({
 });
 const inVue3 = isVue3();
 const inServer = isServer();
+let isTeleported = false;
+let homeLocation;
 // A teleported subtree cannot be prerendered: the content never reaches the HTML, so
 // hydration would rebuild it elsewhere and leave the server copy orphaned. Render it
 // in place for the server pass and for the first client render, then move it.
 const mounted = shallowRef(false);
 const isDisabled = computed(() => props.disabled || !mounted.value);
-let isTeleported = false;
-let homeLocation;
 const containerRef = shallowRef();
 const targetEl = computed(() => {
 	const { disabled, to } = props;

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

@@ -1,11 +1,11 @@
 import type { TextProps } from './types';
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextProps> & Readonly<{}>, {
     as: import("../../types/shared/props.js").ComponentAs;
-    align: "left" | "center" | "right";
+    align: "center" | "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/text/index.vue

@@ -39,6 +39,17 @@ const props = defineProps({
 		required: false
 	}
 });
+const presetSize = {
+	"--text-xs": "text-xs",
+	"--text-sm": "sm:text-sm",
+	"--text-md": "md:text-md",
+	"--text-lg": "lg:text-lg",
+	"--text-xl": "xl:text-xl"
+};
+const computedStyle = computed(() => {
+	const { size } = props;
+	return getResponsiveValue(size, (typeof size === "object" ? size.xs : size) ?? "14px", (acc, bp, value) => acc[bp] = acc[`--text-${bp}`] = getCssUnitValue(value));
+});
 const { attrs, classes: variantClasses } = useTailwindVariant({
 	base: "pxd-text m-0 shrink-0",
 	variants: {
@@ -55,17 +66,6 @@ const { attrs, classes: variantClasses } = useTailwindVariant({
 	monospace: props.monospace,
 	secondary: props.secondary
 }) });
-const presetSize = {
-	"--text-xs": "text-xs",
-	"--text-sm": "sm:text-sm",
-	"--text-md": "md:text-md",
-	"--text-lg": "lg:text-lg",
-	"--text-xl": "xl:text-xl"
-};
-const computedStyle = computed(() => {
-	const { size } = props;
-	return getResponsiveValue(size, (typeof size === "object" ? size.xs : size) ?? "14px", (acc, bp, value) => acc[bp] = acc[`--text-${bp}`] = getCssUnitValue(value));
-});
 const computedClasses = computed(() => {
 	const classes = [variantClasses.value, ...Object.keys(computedStyle.value).map((bp) => presetSize[bp])].filter(Boolean);
 	return classes;

package/dist/components/text/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentAs, ResponsiveValue } from '../../types/shared'
+import type { ComponentAs, ResponsiveValue } from '../../types/shared/props'
 
 export interface TextProps {
   as?: ComponentAs

package/dist/components/textarea/index.vue

@@ -82,9 +82,9 @@ const emits = defineEmits([
 	"blur"
 ]);
 const uniqueId = getUniqueId();
+const isComposing = shallowRef(false);
 const modelValue = useModelValue(props, emits);
 const configProvider = useConfigProvider();
-const isComposing = shallowRef(false);
 const { isWordLimitShown, hasMaxLength, isWordLimitOutside, isWordLimitExceeded, wordLimitText, nativeMaxLength } = useWordLimit({
 	modelValue,
 	showWordLimit: () => props.showWordLimit,

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

@@ -1,4 +1,4 @@
-import type { ComponentLabel, ComponentSizeWithXs } from '../../types/shared'
+import type { ComponentLabel, ComponentSizeWithXs } from '../../types/shared/props'
 
 export interface TextareaProps {
   rows?: string | number

package/dist/components/theme-switcher/index.d.vue.ts

@@ -1,7 +1,8 @@
+import type { ColorPreference } from '../../composables/use-color-scheme';
 declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    toggle: (args_0: import("../../composables/use-color-scheme.js").ColorScheme) => any;
+    toggle: (args_0: ColorPreference) => any;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onToggle?: ((args_0: import("../../composables/use-color-scheme.js").ColorScheme) => any) | undefined;
+    onToggle?: ((args_0: ColorPreference) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;