pxd 0.0.44 → 0.0.46

package/dist/components/_internal/fragment-container.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/_internal/fragment-container.js

@@ -0,0 +1,25 @@
+import { defineComponent, h, version } from "vue";
+export default defineComponent({
+  name: "FragmentContainer",
+  functional: true,
+  render: (() => {
+    if (version.startsWith("2")) {
+      return function(_, context) {
+        const slots = context.slots().default;
+        if (!slots || !slots.length) {
+          return null;
+        }
+        let renderAs = slots[0];
+        if (slots.length > 1) {
+          renderAs = h("div", { class: "pxd-fragment-container", ref: context.data?.ref }, slots);
+        } else if (context.data?.ref && !renderAs.data?.ref) {
+          renderAs.data.ref = context.data?.ref;
+        }
+        return renderAs;
+      };
+    }
+    return function() {
+      return this.$slots.default?.();
+    };
+  })()
+});

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

@@ -21,11 +21,11 @@ interface TooltipInfo {
     left: number;
     top: number;
 }
-declare var __VLS_6: {
+declare var __VLS_7: {
     data: TooltipInfo;
 };
 type __VLS_Slots = {} & {
-    tooltip?: (props: typeof __VLS_6) => any;
+    tooltip?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "cell-click": (args_0: MouseEvent, args_1: string) => any;

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

@@ -21,11 +21,11 @@ interface TooltipInfo {
     left: number;
     top: number;
 }
-declare var __VLS_6: {
+declare var __VLS_7: {
     data: TooltipInfo;
 };
 type __VLS_Slots = {} & {
-    tooltip?: (props: typeof __VLS_6) => any;
+    tooltip?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "cell-click": (args_0: MouseEvent, args_1: string) => any;

package/dist/components/avatar/index.vue

@@ -84,7 +84,7 @@ defineExpose({
   }
 
   &::before {
-    background-image: linear-gradient(270deg, var(--color-gray-alpha-100), var(--color-gray-alpha-400), var(--color-gray-alpha-400), var(--color-gray-alpha-100));
+    background-image: linear-gradient(270deg, var(--color-gray-alpha-100), var(--color-gray-alpha-300), var(--color-gray-alpha-300), var(--color-gray-alpha-100));
     background-size: 400% 100%;
   }
 

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

@@ -4,9 +4,9 @@ interface Props {
     zIndex?: string | number;
     visibleThreshold?: number;
 }
-declare var __VLS_6: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     visibleThreshold: number;

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

@@ -4,9 +4,9 @@ interface Props {
     zIndex?: string | number;
     visibleThreshold?: number;
 }
-declare var __VLS_6: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     visibleThreshold: number;

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

@@ -34,9 +34,9 @@ declare const VARIANTS: {
     trial: string;
     turborepo: string;
 };
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     as: ComponentAs;

package/dist/components/badge/index.vue

@@ -43,7 +43,7 @@ const VARIANTS = {
 const config = useConfigProvider();
 const computedClass = computed(() => {
   const classes = [
-    "pxd-badge font-medium font-sans gap-1 inline-flex items-center justify-center rounded-full text-nowrap whitespace-nowrap !no-underline motion-safe:transition-all",
+    "pxd-badge font-medium gap-1 inline-flex items-center justify-center rounded-full font-sans text-nowrap whitespace-nowrap no-underline! motion-safe:transition-all",
     getFallbackValue(props.variant, VARIANTS, "gray"),
     getFallbackValue(props.size, SIZES, config.size),
     props.variant
@@ -68,7 +68,7 @@ const badgeAttrs = computed(() => {
 <template>
   <Component :is="as" :class="computedClass" v-bind="badgeAttrs">
     <slot />
-  </component>
+  </Component>
 </template>
 
 <style lang="postcss">

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

@@ -34,9 +34,9 @@ declare const VARIANTS: {
     trial: string;
     turborepo: string;
 };
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     as: ComponentAs;

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

@@ -1,9 +1,9 @@
 interface Props {
     address?: string;
 }
-declare var __VLS_38: {};
+declare var __VLS_40: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_40) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/browser/index.vue

@@ -4,6 +4,7 @@ import CheckIcon from "@gdsicon/vue/check";
 import CopyIcon from "@gdsicon/vue/copy";
 import LockClosedIcon from "@gdsicon/vue/lock-closed";
 import RefreshClockwiseIcon from "@gdsicon/vue/refresh-clockwise";
+import { computed } from "vue";
 import { useCopyClick } from "../../composables/use-copy-click";
 import PButton from "../button/index.vue";
 defineOptions({
@@ -13,6 +14,7 @@ defineProps({
   address: { type: String, required: false }
 });
 const { isCopied, copyText } = useCopyClick();
+const renderIcon = computed(() => isCopied.value ? CheckIcon : CopyIcon);
 </script>
 
 <template>
@@ -42,7 +44,7 @@ const { isCopied, copyText } = useCopyClick();
 
           <PButton variant="ghost" size="xs" shape="rounded" class="size-6" icon @click="copyText(address)">
             <Transition name="pxd-transition--fade-scale" mode="out-in">
-              <Component :is="isCopied ? CheckIcon : CopyIcon" class="text-sm text-foreground-secondary" />
+              <Component :is="renderIcon" class="text-sm text-foreground-secondary" />
             </Transition>
           </PButton>
         </div>

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

@@ -1,9 +1,9 @@
 interface Props {
     address?: string;
 }
-declare var __VLS_38: {};
+declare var __VLS_40: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_40) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,11 +1,11 @@
 import type { ButtonProps } from '../../types/components/button';
-declare var __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+declare var __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_15) => any;
+    prefix?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_18) => any;
 } & {
-    suffix?: (props: typeof __VLS_19) => any;
+    suffix?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;

package/dist/components/button/index.vue

@@ -106,5 +106,5 @@ function onButtonDblClick(event) {
     </span>
 
     <slot name="suffix" />
-  </component>
+  </Component>
 </template>

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

@@ -1,11 +1,11 @@
 import type { ButtonProps } from '../../types/components/button';
-declare var __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+declare var __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_15) => any;
+    prefix?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_18) => any;
 } & {
-    suffix?: (props: typeof __VLS_19) => any;
+    suffix?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;

package/dist/components/carousel-group/index.d.vue.ts

@@ -13,18 +13,17 @@ declare const __VLS_base: import("vue").DefineComponent<CarouselGroupProps, {},
 }, string, import("vue").PublicProps, Readonly<CarouselGroupProps> & Readonly<{
     onChange?: ((index: number) => any) | undefined;
 }>, {
-    height: number | string;
     index: number;
-    direction: import("../../types/shared").ComponentDirection;
+    height: number | string;
     loop: boolean;
     arrow: boolean;
     autoplay: boolean;
     interval: number;
     indicator: boolean;
+    direction: import("../../types/shared").ComponentDirection;
     indicatorType: "dot" | "line";
     indicatorPosition: import("../../types/shared").BasePosition;
     pauseOnHover: boolean;
-    toggleOnWheel: boolean;
 }, {}, {}, {}, 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/carousel-group/index.vue

@@ -20,7 +20,7 @@ const props = defineProps({
   indicatorType: { type: String, required: false, default: "line" },
   indicatorPosition: { type: String, required: false, default: "bottom" },
   pauseOnHover: { type: Boolean, required: false, default: true },
-  toggleOnWheel: { type: Boolean, required: false, default: true }
+  toggleOnWheel: { type: Boolean, required: false }
 });
 const emits = defineEmits(["change"]);
 const THROTTLE_INTERVALS = 550;
@@ -71,12 +71,24 @@ function onWheelToggle(ev) {
   if (!props.toggleOnWheel) {
     return;
   }
+  const length = carousels.value.length;
+  if (length <= 1) {
+    return;
+  }
   const delta = ev.deltaY > 0 ? 1 : -1;
-  onToggleClick(delta);
-  const index = virtualIndex.value;
-  if (!props.loop && (index !== 0 && index !== carousels.value.length - 1)) {
+  const indexBefore = virtualIndex.value;
+  const lastIndex = length - 1;
+  if (!props.loop) {
+    const isAtFirstAndGoPrev = indexBefore <= 0 && delta < 0;
+    const isAtLastAndGoNext = indexBefore >= lastIndex && delta > 0;
+    if (isAtFirstAndGoPrev || isAtLastAndGoNext) {
+      return;
+    }
+  }
+  if (ev.cancelable) {
     ev.preventDefault();
   }
+  onToggleClick(delta);
 }
 function resetContainerPosition(resetIndex) {
   const containerClassList = sliderRef.value.classList;
@@ -228,7 +240,7 @@ onBeforeUnmount(() => {
           :key="i"
           :data-index="i"
           class="pxd-carousel-group--indicator-item relative h-(--h) w-(--w) cursor-pointer appearance-none rounded-full bg-gray-alpha-200 self-focus-ring outline-none hover:bg-gray-alpha-400 motion-safe:transition-colors"
-          :class="{ '!bg-primary': i === correctIndex }"
+          :class="{ 'bg-primary!': i === correctIndex }"
         />
       </slot>
     </div>

package/dist/components/carousel-group/index.vue.d.ts

@@ -13,18 +13,17 @@ declare const __VLS_base: import("vue").DefineComponent<CarouselGroupProps, {},
 }, string, import("vue").PublicProps, Readonly<CarouselGroupProps> & Readonly<{
     onChange?: ((index: number) => any) | undefined;
 }>, {
-    height: number | string;
     index: number;
-    direction: import("../../types/shared").ComponentDirection;
+    height: number | string;
     loop: boolean;
     arrow: boolean;
     autoplay: boolean;
     interval: number;
     indicator: boolean;
+    direction: import("../../types/shared").ComponentDirection;
     indicatorType: "dot" | "line";
     indicatorPosition: import("../../types/shared").BasePosition;
     pauseOnHover: boolean;
-    toggleOnWheel: boolean;
 }, {}, {}, {}, 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/checkbox-group/index.d.vue.ts

@@ -1,19 +1,19 @@
 import type { CheckboxGroupProps } from '../../types/components/checkbox';
 declare function isCheckedAll(): boolean;
 declare function isCheckedPartial(): boolean;
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CheckboxGroupProps, {
     isCheckedAll: typeof isCheckedAll;
     isCheckedPartial: typeof isCheckedPartial;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: import("../../types/shared").ComponentValue[]) => any;
     change: (args_0: import("../../types/shared").ComponentValue[]) => any;
+    "update:modelValue": (args_0: import("../../types/shared").ComponentValue[]) => any;
 }, string, import("vue").PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: import("../../types/shared").ComponentValue[]) => any) | undefined;
     onChange?: ((args_0: import("../../types/shared").ComponentValue[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: import("../../types/shared").ComponentValue[]) => any) | undefined;
 }>, {
     options: import("../../types/shared").ComponentOption[];
     modelValue: import("../../types/shared").ComponentValue[];

package/dist/components/checkbox-group/index.vue.d.ts

@@ -1,19 +1,19 @@
 import type { CheckboxGroupProps } from '../../types/components/checkbox';
 declare function isCheckedAll(): boolean;
 declare function isCheckedPartial(): boolean;
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CheckboxGroupProps, {
     isCheckedAll: typeof isCheckedAll;
     isCheckedPartial: typeof isCheckedPartial;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: import("../../types/shared").ComponentValue[]) => any;
     change: (args_0: import("../../types/shared").ComponentValue[]) => any;
+    "update:modelValue": (args_0: import("../../types/shared").ComponentValue[]) => any;
 }, string, import("vue").PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: import("../../types/shared").ComponentValue[]) => any) | undefined;
     onChange?: ((args_0: import("../../types/shared").ComponentValue[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: import("../../types/shared").ComponentValue[]) => any) | undefined;
 }>, {
     options: import("../../types/shared").ComponentOption[];
     modelValue: import("../../types/shared").ComponentValue[];

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

@@ -1,9 +1,9 @@
 import type { ChoiceboxProps } from '../../types/components/choicebox';
-declare var __VLS_7: {}, __VLS_9: {};
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_7) => any;
+    label?: (props: typeof __VLS_8) => any;
 } & {
-    description?: (props: typeof __VLS_9) => any;
+    description?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ChoiceboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChoiceboxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/choicebox/index.vue

@@ -41,7 +41,7 @@ const computedAttrs = computed(() => {
         </slot>
       </span>
     </div>
-  </component>
+  </Component>
 </template>
 
 <style lang="postcss">

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

@@ -1,9 +1,9 @@
 import type { ChoiceboxProps } from '../../types/components/choicebox';
-declare var __VLS_7: {}, __VLS_9: {};
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_7) => any;
+    label?: (props: typeof __VLS_8) => any;
 } & {
-    description?: (props: typeof __VLS_9) => any;
+    description?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ChoiceboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChoiceboxProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/choicebox-group/index.d.vue.ts

@@ -1,9 +1,9 @@
 import type { ChoiceboxGroupProps } from '../../types/components/choicebox';
-declare var __VLS_1: {}, __VLS_8: {};
+declare var __VLS_1: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ChoiceboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: NonNullable<import("../../types/shared").ComponentValue | import("../../types/shared").ComponentValue[] | undefined>) => any;

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

@@ -65,6 +65,6 @@ provideChoiceboxGroupModelValue(modelValue);
           v-bind="option"
         />
       </slot>
-    </component>
+    </Component>
   </div>
 </template>

package/dist/components/choicebox-group/index.vue.d.ts

@@ -1,9 +1,9 @@
 import type { ChoiceboxGroupProps } from '../../types/components/choicebox';
-declare var __VLS_1: {}, __VLS_8: {};
+declare var __VLS_1: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ChoiceboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: NonNullable<import("../../types/shared").ComponentValue | import("../../types/shared").ComponentValue[] | undefined>) => any;

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

@@ -7,11 +7,11 @@ interface Props {
     closeOnPressEscape?: boolean;
     closeOnClickOverlay?: boolean;
 }
-declare var __VLS_27: {}, __VLS_29: {};
+declare var __VLS_30: {}, __VLS_32: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_27) => any;
+    default?: (props: typeof __VLS_30) => any;
 } & {
-    footer?: (props: typeof __VLS_29) => any;
+    footer?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (args_0: MouseEvent, args_1: ListOptionSelected) => any;

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

@@ -1,7 +1,8 @@
 <script setup>
-import { nextTick, shallowRef } from "vue";
+import { computed, nextTick, shallowRef } from "vue";
 import { useConfigProvider } from "../../composables/use-config-provider-context";
 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 { provideListFilterValue } from "../../contexts/list";
 import { getUniqueId } from "../../utils/uid";
@@ -28,6 +29,8 @@ const emits = defineEmits(["update:modelValue", "select", "show", "hide"]);
 const uniqueId = getUniqueId();
 const config = useConfigProvider();
 const modelValue = useModelValue(props, emits);
+const isDesktop = useMediaQuery(PRESET_MEDIA_QUERIES.SM_UP);
+const modalInitialFocus = computed(() => isDesktop.value ? `#${uniqueId}` : false);
 const listRef = shallowRef();
 const isEmptyResult = shallowRef(false);
 const {
@@ -70,6 +73,7 @@ provideListFilterValue(deferredFilterKeyword);
     class="pxd-command-menu max-sm:dvh-80"
     content-class="!p-0 overflow-hidden"
     wrapper-class="sm:top-1/8 sm:translate-y-0"
+    :initial-focus="modalInitialFocus"
     :close-on-press-escape="closeOnPressEscape"
     :close-on-click-overlay="closeOnClickOverlay"
     @show="showModal"
@@ -97,7 +101,7 @@ provideListFilterValue(deferredFilterKeyword);
         <PButton
           v-if="closeOnPressEscape"
           size="xs"
-          class="!px-0 text-xs shrink-0"
+          class="px-0! text-xs shrink-0"
           @click="closeModal"
         >
           Esc

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

@@ -7,11 +7,11 @@ interface Props {
     closeOnPressEscape?: boolean;
     closeOnClickOverlay?: boolean;
 }
-declare var __VLS_27: {}, __VLS_29: {};
+declare var __VLS_30: {}, __VLS_32: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_27) => any;
+    default?: (props: typeof __VLS_30) => any;
 } & {
-    footer?: (props: typeof __VLS_29) => any;
+    footer?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (args_0: MouseEvent, args_1: ListOptionSelected) => any;

package/dist/components/command-menu-item/index.d.vue.ts

@@ -1,6 +1,6 @@
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/command-menu-item/index.vue.d.ts

@@ -1,6 +1,6 @@
-declare var __VLS_6: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -3,9 +3,9 @@ import type { ComponentAs } from '../../types/shared';
 interface Props extends ConfigProviderProps {
     as?: ComponentAs;
 }
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: import("../../types/shared").ComponentSize;

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

@@ -15,5 +15,5 @@ provideConfigProvider(props);
 <template>
   <Component :is="as" class="pxd-config-provider">
     <slot />
-  </component>
+  </Component>
 </template>

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

@@ -3,9 +3,9 @@ import type { ComponentAs } from '../../types/shared';
 interface Props extends ConfigProviderProps {
     as?: ComponentAs;
 }
-declare var __VLS_7: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: import("../../types/shared").ComponentSize;

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

@@ -25,12 +25,12 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
         ms: any;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    reset: () => any;
     change: (active: boolean) => any;
+    reset: () => any;
     finish: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onReset?: (() => any) | undefined;
     onChange?: ((active: boolean) => any) | undefined;
+    onReset?: (() => any) | undefined;
     onFinish?: (() => any) | undefined;
 }>, {
     endTime: number;

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

@@ -25,12 +25,12 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
         ms: any;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    reset: () => any;
     change: (active: boolean) => any;
+    reset: () => any;
     finish: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onReset?: (() => any) | undefined;
     onChange?: ((active: boolean) => any) | undefined;
+    onReset?: (() => any) | undefined;
     onFinish?: (() => any) | undefined;
 }>, {
     endTime: number;

package/dist/components/dash-line/index.d.vue.ts

@@ -0,0 +1,13 @@
+import type { BasePosition } from '../../types/shared';
+interface Props {
+    position?: BasePosition | BasePosition[];
+    lineSize?: string | number;
+    dashSize?: string | number;
+    color?: string;
+    gap?: string | number;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    position: BasePosition | BasePosition[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;