pxd 0.0.44 → 0.0.45

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

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.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,14 +13,14 @@ 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;

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

@@ -228,7 +228,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,14 +13,14 @@ 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;

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.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.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.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;

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

@@ -0,0 +1,78 @@
+<script setup>
+import { computed } from "vue";
+import { getCssUnitValue } from "../../utils/format";
+defineOptions({
+  name: "PDashLine"
+});
+const props = defineProps({
+  position: { type: [String, Array], required: false, default: () => ["top"] },
+  lineSize: { type: [String, Number], required: false },
+  dashSize: { type: [String, Number], required: false },
+  color: { type: String, required: false },
+  gap: { type: [String, Number], required: false }
+});
+const computedStyle = computed(() => ({
+  "--dash-line-color": props.color,
+  "--dash-line-dash": getCssUnitValue(props.dashSize),
+  "--dash-line-size": getCssUnitValue(props.lineSize),
+  "--dash-line-gap": getCssUnitValue(props.gap)
+}));
+</script>
+
+<template>
+  <div class="pxd-dash-line relative max-w-full min-w-full" :data-position="position" :style="computedStyle" />
+</template>
+
+<style lang="postcss">
+.pxd-dash-line {
+  --g: var(--dash-line-gap, 8px);
+  --d: var(--dash-line-dash, 8px);
+  --s: var(--dash-line-size, 1px);
+  --c: var(--dash-line-color, var(--color-gray-600));
+
+  &[data-position*="top"]::before,
+  &[data-position*="bottom"]::after,
+  &[data-position*="left"]::before,
+  &[data-position*="right"]::after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    background-image: repeating-linear-gradient(to var(--p),
+        var(--c) 0 var(--d),
+        transparent var(--d) calc(var(--d) + var(--g)));
+  }
+
+  &[data-position*="top"]::before {
+    top: 0;
+  }
+
+  &[data-position*="bottom"]::after {
+    bottom: 0;
+  }
+
+  &[data-position*="left"]::before {
+    left: 0;
+  }
+
+  &[data-position*="right"]::after {
+    right: 0;
+  }
+
+  &[data-position*="top"]::before,
+  &[data-position*="bottom"]::after {
+    --p: right;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: var(--s);
+  }
+
+  &[data-position*="left"]::before,
+  &[data-position*="right"]::after {
+    --p: bottom;
+    top: 0;
+    bottom: 0;
+    width: var(--s);
+  }
+}
+</style>

package/dist/components/dash-line/index.vue.d.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;

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

@@ -3,11 +3,11 @@ interface Props {
     content?: string;
     tooltip?: string;
 }
-declare var __VLS_1: {}, __VLS_12: {};
+declare var __VLS_1: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_1) => any;
 } & {
-    content?: (props: typeof __VLS_12) => any;
+    content?: (props: typeof __VLS_14) => 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/description/index.vue.d.ts

@@ -3,11 +3,11 @@ interface Props {
     content?: string;
     tooltip?: string;
 }
-declare var __VLS_1: {}, __VLS_12: {};
+declare var __VLS_1: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_1) => any;
 } & {
-    content?: (props: typeof __VLS_12) => any;
+    content?: (props: typeof __VLS_14) => 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>;