pxd 0.0.60 → 0.0.61

package/dist/components/active-graph/index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed, onBeforeUnmount, shallowRef } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useDelayChange } from "../../composables/use-delay-change";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { getAllDatesBetween } from "../../utils/date";
 import { getCssUnitValue } from "../../utils/format";
 import { getColorByThreshold } from "../../utils/get";

package/dist/components/badge/index.vue

@@ -1,7 +1,7 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { useConfigProvider } from "../../contexts/config-provider";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PBadge",
   inheritAttrs: false

package/dist/components/button/index.vue

@@ -1,9 +1,9 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { useConfigProvider } from "../../contexts/config-provider";
 import { isTruthyProp } from "../../utils/format";
 import PSpinner from "../spinner/index.vue";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PButton",
   inheritAttrs: false

package/dist/components/checkbox/index.vue

@@ -1,11 +1,11 @@
 <script setup>
 import CheckIcon from "@gdsicon/vue/check";
 import MinusIcon from "@gdsicon/vue/minus";
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { useModelValue } from "../../composables/use-model-value";
 import { useCheckboxGroupContext } from "../../contexts/checkbox";
 import { getUniqueId } from "../../utils/uid";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PCheckbox",
   inheritAttrs: false,

package/dist/components/chip/index.vue

@@ -1,7 +1,7 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { getCssUnitValue, isTruthyProp } from "../../utils/format";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PChip",
   inheritAttrs: false

package/dist/components/choicebox/index.vue

@@ -1,9 +1,9 @@
 <script setup>
 import { computed, markRaw } from "vue";
+import { provideChoiceboxContext } from "../../contexts/choicebox";
 import PCheckboxGroup from "../checkbox-group/index.vue";
 import PChoiceboxItem from "../choicebox-item/index.vue";
 import PRadioGroup from "../radio-group/index.vue";
-import { provideChoiceboxContext } from "../../contexts/choicebox";
 defineOptions({
   name: "PChoicebox",
   inheritAttrs: false,

package/dist/components/collapse-group/index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed, ref } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { provideCollapseGroupContext } from "../../contexts/collapse";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { getFallbackValue } from "../../utils/get";
 defineOptions({
   name: "PCollapseGroup",

package/dist/components/command-menu/index.vue

@@ -1,9 +1,9 @@
 <script setup>
 import { nextTick, shallowRef } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useDeferredValue } from "../../composables/use-deferred-value";
 import { PRESET_MEDIA_QUERIES, useMediaQuery } from "../../composables/use-media-query";
 import { useModelValue } from "../../composables/use-model-value";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { provideListFilterValue } from "../../contexts/list";
 import { getUniqueId } from "../../utils/uid";
 import PButton from "../button/index.vue";

package/dist/components/config-provider/index.d.vue.ts

@@ -1,5 +1,5 @@
-import type { ConfigProviderProps } from './types';
 import type { ComponentAs } from '../../types/shared';
+import type { ConfigProviderProps } from './types';
 interface Props extends ConfigProviderProps {
     as?: ComponentAs;
 }

package/dist/components/ellipsis-text/index.vue

@@ -1,9 +1,9 @@
 <script setup>
+import { twMerge } from "tailwind-merge";
 import { shallowRef, computed, nextTick, watch } from "vue";
 import { useResizeObserver } from "../../composables/use-browser-observer";
-import { isServer } from "../../utils/is";
 import { getStyle } from "../../utils/dom";
-import { twMerge } from "tailwind-merge";
+import { isServer } from "../../utils/is";
 defineOptions({
   name: "PEllipsisText",
   inheritAttrs: false

package/dist/components/error/index.vue

@@ -1,10 +1,10 @@
 <script setup>
 import ExternalIcon from "@gdsicon/vue/external";
 import StopIcon from "@gdsicon/vue/stop";
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { useConfigProvider } from "../../contexts/config-provider";
 import { isExternalLink } from "../../utils/format";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PError",
   inheritAttrs: false

package/dist/components/hold-button/index.vue

@@ -1,11 +1,10 @@
 <script setup>
-import { computed, onBeforeUnmount, shallowRef, useAttrs } from "vue";
+import { computed, onBeforeUnmount, shallowRef } from "vue";
 import { getStyle } from "../../utils/dom";
 import { off, once } from "../../utils/event";
 import PButton from "../button/index.vue";
 defineOptions({
-  name: "PHoldButton",
-  inheritAttrs: false
+  name: "PHoldButton"
 });
 const props = defineProps({
   vibrate: { type: Boolean, required: false, default: true },
@@ -23,7 +22,6 @@ const props = defineProps({
   fullWidth: { type: Boolean, required: false }
 });
 const emits = defineEmits(["confirm", "canceled", "finished", "pointerup", "pointerdown"]);
-const attrs = useAttrs();
 const status = shallowRef("idle");
 const computedAttrs = computed(() => {
   const { scalable, durations, maskColor, cancelable, ...rest } = props;
@@ -35,8 +33,7 @@ const computedAttrs = computed(() => {
         effective: status.value !== "canceled"
       }
     ],
-    ...rest,
-    ...attrs
+    ...rest
   };
 });
 const computedStyle = computed(() => {

package/dist/components/input/index.vue

@@ -2,13 +2,13 @@
 import CrossIcon from "@gdsicon/vue/cross";
 import EyeIcon from "@gdsicon/vue/eye";
 import EyeOffIcon from "@gdsicon/vue/eye-off";
+import { tv } from "tailwind-variants";
 import { computed, shallowRef } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useModelValue } from "../../composables/use-model-value";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { NOOP } from "../../utils/event";
 import { isTruthyProp } from "../../utils/format";
 import { getUniqueId } from "../../utils/uid";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PInput",
   inheritAttrs: false,

package/dist/components/kbd/index.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { useConfigProvider } from "../../contexts/config-provider";
 import { computed } from "vue";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { getFallbackValue } from "../../utils/get";
 defineOptions({
   name: "PKbd",

package/dist/components/link-button/index.vue

@@ -1,11 +1,10 @@
 <script setup>
 import ExternalIcon from "@gdsicon/vue/external";
-import { computed, useAttrs } from "vue";
+import { computed } from "vue";
 import { isExternalLink } from "../../utils/format";
 import PButton from "../button/index.vue";
 defineOptions({
-  name: "PLinkButton",
-  inheritAttrs: false
+  name: "PLinkButton"
 });
 const props = defineProps({
   href: { type: String, required: true },
@@ -16,11 +15,9 @@ const props = defineProps({
   externalIcon: { type: Boolean, required: false }
 });
 const emits = defineEmits(["click"]);
-const attrs = useAttrs();
 const computedAttrs = computed(() => {
   const { externalIcon, text, href, ...restProps } = props;
   const baseAttrs = {
-    ...attrs,
     ...restProps,
     class: "pxd-link-button",
     rel: "noopener noreferrer",

package/dist/components/list-item/index.d.vue.ts

@@ -8,7 +8,7 @@ declare const __VLS_base: import("vue").DefineComponent<ListItemProps, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<ListItemProps> & Readonly<{
     onClick?: ((args_0: import("../list/types").ListOptionSelected, args_1: MouseEvent) => any) | undefined;
 }>, {
-    type: "error" | "default" | "warning" | "separator";
+    type: "default" | "error" | "warning" | "separator";
     as: import("../../types/shared").ComponentAs;
     disabled: boolean;
     keywords: string[];

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

@@ -1,9 +1,9 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed, shallowRef } from "vue";
 import { useListContext, useListFilterValue } from "../../contexts/list";
 import { unrefElement } from "../../utils/ref";
 import { getUniqueId } from "../../utils/uid";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PListItem",
   inheritAttrs: false

package/dist/components/loading-bar/index.vue

@@ -1,11 +1,11 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed, onBeforeUnmount, onMounted, shallowRef } from "vue";
 import { UPDATE_LOADING_BAR_EVENT_NAME } from "../../composables/use-loading-bar";
 import { cachedOff, cachedOn } from "../../utils/event";
 import { clampValue, isTruthyProp } from "../../utils/format";
 import { isServer } from "../../utils/is";
 import PTeleport from "../teleport/index.vue";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PLoadingBar",
   inheritAttrs: false

package/dist/components/note/index.vue

@@ -3,10 +3,10 @@ import CheckCircleIcon from "@gdsicon/vue/check-circle";
 import InformationIcon from "@gdsicon/vue/information";
 import StopIcon from "@gdsicon/vue/stop";
 import WarningIcon from "@gdsicon/vue/warning";
+import { tv } from "tailwind-variants";
 import { computed, h } from "vue";
 import { useConfigProvider } from "../../contexts/config-provider";
 import { isTruthyProp } from "../../utils/format";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PNote",
   inheritAttrs: false

package/dist/components/pin-input/index.d.vue.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<PinInputProps, {
     "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
 }>, {
     length: number;
-    placeholder: string;
     type: "numeric" | "alphabetic" | "alphanumeric" | "numeric-password" | "alphabetic-password" | "alphanumeric-password";
+    placeholder: string;
     modelValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/pin-input/index.vue

@@ -1,9 +1,9 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed, shallowRef, watch } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useModelValue } from "../../composables/use-model-value";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { isTruthyProp } from "../../utils/format";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PPinInput",
   inheritAttrs: false,

package/dist/components/placeholder/index.vue

@@ -1,7 +1,7 @@
 <script setup>
+import { invert } from "es-toolkit";
 import { computed } from "vue";
 import { getCssUnitValue } from "../../utils/format";
-import { invert } from "es-toolkit";
 defineOptions({
   name: "PPlaceholder",
   inheritAttrs: false
@@ -37,16 +37,18 @@ const computedStyle = computed(() => {
   }
 
   --placeholder-deg: -45deg;
-  background: linear-gradient(
-      var(--placeholder-deg),
-      var(--placeholder-color) 12.5%,
-      #0000 12.5%,
-      #0000 50%,
-      var(--placeholder-color) 50%,
-      var(--placeholder-color) 62.5%,
-      #0000 62.5%,
-      #0000 100%
-    )
-    0 0 / var(--placeholder-gap, 12px) var(--placeholder-gap, 12px) padding-box;
+  background-image: linear-gradient(
+    var(--placeholder-deg),
+    var(--placeholder-color) 12.5%,
+    #0000 12.5%,
+    #0000 50%,
+    var(--placeholder-color) 50%,
+    var(--placeholder-color) 62.5%,
+    #0000 62.5%,
+    #0000 100%
+  );
+  background-clip: padding-box;
+  background-position: 0 0;
+  background-size: var(--placeholder-gap, 12px) var(--placeholder-gap, 12px);
 }
 </style>

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

@@ -25,9 +25,9 @@ declare const __VLS_base: import("vue").DefineComponent<PopoverProps, {
     "onOutside-click"?: ((args_0: MouseEvent) => any) | undefined;
     "onTrigger-click"?: ((args_0: PointerEvent) => any) | undefined;
 }>, {
+    position: import("../../types/shared").ComponentPosition;
     offset: number;
     trigger: PopoverTrigger | PopoverTrigger[];
-    position: import("../../types/shared").ComponentPosition;
     showDelay: number;
     hideDelay: number;
     arrowColor: string;

package/dist/components/popover/index.vue

@@ -4,10 +4,10 @@ import { computed, onBeforeUnmount, shallowRef, watch } from "vue";
 import { useDelayDestroy } from "../../composables/use-delay-destroy";
 import { useLockScroll } from "../../composables/use-lock-scroll";
 import { useOutsideClick } from "../../composables/use-outside-click";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { debounce } from "../../utils/debounce";
 import { cachedOff, cachedOn, sleep } from "../../utils/event";
 import { getCssUnitValue, toArray } from "../../utils/format";
-import { useConfigProvider } from "../../contexts/config-provider";
 import PTeleport from "../teleport/index.vue";
 defineOptions({
   name: "PPopover",

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

@@ -1,6 +1,5 @@
-import type { CSSProperties } from 'vue'
-
 import type { ComponentClass, ComponentPosition } from '../../types/shared'
+import type { CSSProperties } from 'vue'
 
 export type PopoverTrigger = 'click' | 'hover' | 'focus' | 'contextmenu' | 'manual'
 

package/dist/components/progress/index.vue

@@ -1,10 +1,10 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useModelValue } from "../../composables/use-model-value";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { isTruthyProp } from "../../utils/format";
 import { getColorByThreshold } from "../../utils/get";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PProgress",
   inheritAttrs: false,

package/dist/components/project-banner/index.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { computed } from "vue";
 import { tv } from "tailwind-variants";
+import { computed } from "vue";
 defineOptions({
   name: "PProjectBanner",
   inheritAttrs: false

package/dist/components/radio/index.vue

@@ -1,9 +1,9 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { useModelValue } from "../../composables/use-model-value";
 import { useRadioGroupContext } from "../../contexts/radio";
 import { getUniqueId } from "../../utils/uid";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PRadio",
   inheritAttrs: false,

package/dist/components/radio-group/index.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { provideRadioGroupContext } from "../../contexts/radio";
+import { getUniqueId } from "../../utils/uid";
 import PRadio from "../radio/index.vue";
 import PStack from "../stack/index.vue";
-import { getUniqueId } from "../../utils/uid";
 defineOptions({
   name: "PRadioGroup",
   inheritAttrs: false,

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

@@ -1,6 +1,5 @@
-import type { CSSProperties } from 'vue'
-
 import type { ComponentClass, ComponentDirection, Nullable } from '../../types/shared'
+import type { CSSProperties } from 'vue'
 
 export interface ScrollableProps {
   fader?: boolean

package/dist/components/skeleton/index.vue

@@ -1,7 +1,7 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { getCssUnitValue, increaseWithUnit } from "../../utils/format";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PSkeleton",
   inheritAttrs: false

package/dist/components/slider/index.vue

@@ -1,10 +1,10 @@
 <script setup>
 import { computed, onBeforeUnmount, shallowRef } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useModelValue } from "../../composables/use-model-value";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { cachedOff, cachedOn, once } from "../../utils/event";
-import { getFallbackValue } from "../../utils/get";
 import { NOOP } from "../../utils/event";
+import { getFallbackValue } from "../../utils/get";
 import { throttleByRaf } from "../../utils/throttle";
 defineOptions({
   name: "PSlider",

package/dist/components/snippet/index.vue

@@ -1,11 +1,11 @@
 <script setup>
 import CheckIcon from "@gdsicon/vue/check";
 import CopyIcon from "@gdsicon/vue/copy";
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useCopyClick } from "../../composables/use-copy-click";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { getCssUnitValue, isTruthyProp, toArray } from "../../utils/format";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PSnippet",
   inheritAttrs: false

package/dist/components/stack/index.vue

@@ -1,7 +1,7 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { getResponsiveValue } from "../../utils/responsive";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PStack",
   inheritAttrs: false

package/dist/components/switch/index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useModelValue } from "../../composables/use-model-value";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { provideSwitchContext } from "../../contexts/switch";
 import { getFallbackValue } from "../../utils/get";
 import { getUniqueId } from "../../utils/uid";

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

@@ -1,9 +1,9 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
-import { useSwitchContext } from "../../contexts/switch";
 import { useModelValue } from "../../composables/use-model-value";
+import { useSwitchContext } from "../../contexts/switch";
 import { getUniqueId } from "../../utils/uid";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PSwitchItem",
   inheritAttrs: false,

package/dist/components/text/index.vue

@@ -1,8 +1,8 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
 import { getCssUnitValue } from "../../utils/format";
 import { getResponsiveValue } from "../../utils/responsive";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PText",
   inheritAttrs: false

package/dist/components/textarea/index.vue

@@ -1,10 +1,10 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useModelValue } from "../../composables/use-model-value";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { isTruthyProp } from "../../utils/format";
 import { getUniqueId } from "../../utils/uid";
-import { tv } from "tailwind-variants";
 defineOptions({
   name: "PTextarea",
   inheritAttrs: false,

package/dist/components/time-picker/index.vue

@@ -1,8 +1,8 @@
 <script setup>
 import CalendarIcon from "@gdsicon/vue/calendar";
 import { computed, shallowRef, watch } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { usePopoverResponsive } from "../../composables/use-popover-responsive";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { dayjs } from "../../utils/date";
 import { clampValue } from "../../utils/format";
 import PButton from "../button/index.vue";

package/dist/components/toggle/index.vue

@@ -1,8 +1,8 @@
 <script setup>
 import LoaderCircleIcon from "@gdsicon/vue/loader-circle";
 import { computed } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useModelValue } from "../../composables/use-model-value";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { getFallbackValue } from "../../utils/get";
 import { getUniqueId } from "../../utils/uid";
 defineOptions({

package/dist/components/toggle-button/index.vue

@@ -1,10 +1,10 @@
 <script setup>
+import { tv } from "tailwind-variants";
 import { computed } from "vue";
-import { useConfigProvider } from "../../contexts/config-provider";
 import { useModelValue } from "../../composables/use-model-value";
-import { tv } from "tailwind-variants";
-import { toArray } from "../../utils/format";
+import { useConfigProvider } from "../../contexts/config-provider";
 import { useToggleButtonGroupContext } from "../../contexts/toggle-button";
+import { toArray } from "../../utils/format";
 defineOptions({
   name: "PToggleButton",
   inheritAttrs: false,

package/dist/components/toggle-button-group/index.vue

@@ -1,10 +1,10 @@
 <script setup>
+import { tv } from "tailwind-variants";
+import { computed } from "vue";
 import { useConfigProvider } from "../../contexts/config-provider";
+import { provideToggleButtonGroupContext } from "../../contexts/toggle-button";
 import PStack from "../stack/index.vue";
 import PToggleButton from "../toggle-button/index.vue";
-import { computed } from "vue";
-import { tv } from "tailwind-variants";
-import { provideToggleButtonGroupContext } from "../../contexts/toggle-button";
 defineOptions({
   name: "PToggleButtonGroup",
   inheritAttrs: false,

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

@@ -1,6 +1,5 @@
-import type { CSSProperties } from 'vue'
-
 import type { ComponentClass, ComponentPosition, ComponentVariant } from '../../types/shared'
+import type { CSSProperties } from 'vue'
 
 export interface TooltipProps {
   offset?: number

package/dist/components/virtual-list/index.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { useVirtualList } from "../../composables/use-virtual-list";
-import { shallowRef } from "vue";
 import LoaderCircleIcon from "@gdsicon/vue/loader-circle";
+import { shallowRef } from "vue";
+import { useVirtualList } from "../../composables/use-virtual-list";
 defineOptions({
   name: "PVirtualList",
   inheritAttrs: false

package/dist/composables/use-browser-observer.d.ts

@@ -1,5 +1,5 @@
-import type { MaybeRefOrGetter, Ref } from 'vue';
 import type { Nullable } from '../types/shared/utils';
+import type { MaybeRefOrGetter, Ref } from 'vue';
 export declare const useIntersectionObserver: (target: TargetRef, callback: IntersectionObserverCallback, options?: IntersectionObserverInit) => ObserverResults<IntersectionObserver>;
 export declare const useMutationObserver: (target: TargetRef, callback: MutationCallback, options?: MutationObserverInit) => ObserverResults<MutationObserver>;
 export declare const useResizeObserver: (target: TargetRef, callback: ResizeObserverCallback, options?: ResizeObserverOptions) => ObserverResults<ResizeObserver>;

package/dist/composables/use-delay-destroy.d.ts

@@ -1,5 +1,5 @@
-import type { MaybeRefOrGetter, Ref } from 'vue';
 import type { Nullable } from '../types/shared';
+import type { MaybeRefOrGetter, Ref } from 'vue';
 interface Options {
     delay?: number;
     renderChange?: (v: boolean) => void;

package/dist/composables/use-focus-trap.d.ts

@@ -1,6 +1,6 @@
+import type { MaybeElementRef } from '../types/shared/utils';
 import type { Options as FocusTrapOptions } from 'focus-trap';
 import { type MaybeRefOrGetter } from 'vue';
-import type { MaybeElementRef } from '../types/shared/utils';
 export interface UseFocusTrapOptions extends FocusTrapOptions {
     autoFocusElement?: string | boolean;
 }

package/dist/composables/use-message.d.ts

@@ -1,6 +1,6 @@
-import type { VNode } from 'vue';
 import type { ButtonProps } from '../components/button/types';
 import type { ComponentClass } from '../types/shared/props';
+import type { VNode } from 'vue';
 type MessageContent = string | VNode;
 type PromiseMessageHandler = MessageContent | ((data: unknown) => MessageContent);
 interface Action {

package/dist/composables/use-repeat-action.d.ts

@@ -1,5 +1,5 @@
-import type { MaybeRefOrGetter } from 'vue';
 import type { Callback } from '../types/shared/utils';
+import type { MaybeRefOrGetter } from 'vue';
 interface Options {
     action: Callback;
     disabled?: MaybeRefOrGetter<boolean>;

package/dist/composables/use-virtual-list.d.ts

@@ -1,7 +1,7 @@
+import type { MaybeElementRef } from '../types/shared';
 import type { VirtualItem } from '@tanstack/virtual-core';
 import type { ComponentPublicInstance } from 'vue';
 import { Virtualizer } from '@tanstack/virtual-core';
-import type { MaybeElementRef } from '../types/shared';
 export interface VirtualListItem extends VirtualItem {
     key: string | number;
 }

package/dist/contexts/carousel.d.ts

@@ -1,5 +1,5 @@
-import type { Ref } from 'vue';
 import type { CarouselProps } from '../components/carousel/types';
+import type { Ref } from 'vue';
 export interface CarouselState {
     uid: string;
     translateItem: (index: number, activeIndex: number) => void;

package/dist/contexts/checkbox.d.ts

@@ -1,5 +1,5 @@
-import type { EmitFn } from 'vue';
 import type { CheckboxGroupProps, CheckboxGroupEmits } from '../components/checkbox-group/types';
+import type { EmitFn } from 'vue';
 export interface CheckboxGroupContext {
     props: CheckboxGroupProps;
     emits: EmitFn<CheckboxGroupEmits>;

package/dist/contexts/choicebox.d.ts

@@ -1,5 +1,5 @@
-import type { EmitFn } from 'vue';
 import type { ChoiceboxEmits, ChoiceboxProps } from '../components/choicebox/types';
+import type { EmitFn } from 'vue';
 interface ChoiceboxContext {
     props: ChoiceboxProps;
     emits: EmitFn<ChoiceboxEmits>;

package/dist/contexts/collapse.d.ts

@@ -1,5 +1,5 @@
-import type { Ref } from 'vue';
 import type { CollapseGroupProps } from '../components/collapse-group/types';
+import type { Ref } from 'vue';
 export interface CollapseGroupContext {
     expandedIds: Ref<Set<string>>;
     props: CollapseGroupProps;

package/dist/contexts/list.d.ts

@@ -1,5 +1,5 @@
-import type { Ref } from 'vue';
 import type { ListOption } from '../components/list/types';
+import type { Ref } from 'vue';
 export interface ListContext {
     activeValue: Ref<string>;
     onOptionClick: ListOption['onClick'];

package/dist/contexts/radio.d.ts

@@ -1,5 +1,5 @@
-import type { EmitFn } from 'vue';
 import type { RadioGroupEmits, RadioGroupProps } from '../components/radio-group/types';
+import type { EmitFn } from 'vue';
 export interface RadioGroupContext {
     name: string;
     props: RadioGroupProps;

package/dist/contexts/resizable.d.ts

@@ -1,5 +1,5 @@
-import type { Ref } from 'vue';
 import type { ComponentDirection } from '../types/shared/props';
+import type { Ref } from 'vue';
 interface PanelConfig {
     id: string;
     order: number;

package/dist/contexts/switch.d.ts

@@ -1,5 +1,5 @@
-import type { EmitFn } from 'vue';
 import type { SwitchEmits, SwitchProps } from '../components/switch/types';
+import type { EmitFn } from 'vue';
 export interface SwitchContext {
     name: string;
     props: SwitchProps;

package/dist/contexts/toggle-button.d.ts

@@ -1,5 +1,5 @@
-import type { EmitFn } from 'vue';
 import type { ToggleButtonGroupProps, ToggleButtonGroupEmits } from '../components/toggle-button-group/types';
+import type { EmitFn } from 'vue';
 export interface ToggleButtonGroupContext {
     props: ToggleButtonGroupProps;
     emits: EmitFn<ToggleButtonGroupEmits>;

package/dist/utils/ref.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentPublicInstance, MaybeRefOrGetter } from 'vue';
 import type { MaybeElement } from '../types/shared/utils';
+import type { ComponentPublicInstance, MaybeRefOrGetter } from 'vue';
 export type UnRefElementReturn<T extends MaybeElement = MaybeElement> = T extends ComponentPublicInstance ? Exclude<MaybeElement, ComponentPublicInstance> : T | undefined;
 export declare function toValue<T>(source: MaybeRefOrGetter<T>): T;
 export declare function unrefElement<T extends MaybeElement>(elRef: MaybeRefOrGetter<T>): UnRefElementReturn<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxd",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "description": "A Vue 2.7 & 3.2 universal component library. Built-in light/dark theme. PC & mobile ready. Animation-free mode supported.",
   "keywords": [
     "component library",