pxd 0.1.2 → 0.1.3

package/dist/components/avatar/index.vue

@@ -34,9 +34,9 @@ const emits = defineEmits([
 	"loadstart"
 ]);
 const loadingStatus = shallowRef("idle");
+const isHideAvatar = computed(() => !props.src || props.placeholder || loadingStatus.value === "error");
 const avatarGroupContext = useAvatarGroupContext();
 const computedSize = computed(() => getCssUnitValue(props.size || avatarGroupContext?.props.size));
-const isHideAvatar = computed(() => !props.src || props.placeholder || loadingStatus.value === "error");
 function onLoadError(event) {
 	loadingStatus.value = "error";
 	emits("error", event);

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

@@ -1,7 +1,7 @@
 import type { BacktopProps } from './types';
-declare var __VLS_14: {};
+declare var __VLS_13: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (args_0: PointerEvent) => any;
@@ -10,7 +10,7 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {}, {}, {}
 }>, {
     appendToBody: boolean;
     visibleThreshold: number;
-    scrollTarget: "top" | "bottom";
+    scrollTarget: "bottom" | "top";
     scrollBehavior: ScrollBehavior;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/backtop/index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import ArrowUpIcon from "@gdsicon/vue/arrow-up";
 import { computed, onBeforeUnmount, onMounted, shallowRef } from "vue";
-import { useMotionReduced } from "../../composables/_internal/use-motion-reduce.js";
+import { useMotionReduced } from "../../composables/use-motion-reduce.js";
 import { useTailwindVariant } from "../../composables/_internal/use-tailwind-variant.js";
 import { getScrollTarget, getScrollElement, resolveScrollBehavior } from "../../utils/dom.js";
 import { cachedOff, cachedOn, throttleByRaf } from "../../utils/event.js";
@@ -40,6 +40,22 @@ const props = defineProps({
 const emits = defineEmits(["click"]);
 let scrollContainer;
 let scrollContainerEl;
+const scrollTop = shallowRef(0);
+const maxScrollTop = shallowRef(0);
+const updateScrollTop = throttleByRaf(() => {
+	if (!scrollContainerEl) {
+		return;
+	}
+	scrollTop.value = scrollContainerEl.scrollTop;
+	maxScrollTop.value = Math.max(0, scrollContainerEl.scrollHeight - scrollContainerEl.clientHeight);
+});
+const wrapperRef = shallowRef();
+const isVisible = computed(() => {
+	if (props.scrollTarget === "top") {
+		return scrollTop.value >= props.visibleThreshold;
+	}
+	return maxScrollTop.value - scrollTop.value >= props.visibleThreshold;
+});
 const { attrs, classes } = useTailwindVariant({
 	base: "pxd-backtop",
 	variants: {
@@ -54,22 +70,6 @@ const { attrs, classes } = useTailwindVariant({
 	visible: isVisible.value
 }) });
 const motionReduce = useMotionReduced();
-const scrollTop = shallowRef(0);
-const maxScrollTop = shallowRef(0);
-const wrapperRef = shallowRef();
-const isVisible = computed(() => {
-	if (props.scrollTarget === "top") {
-		return scrollTop.value >= props.visibleThreshold;
-	}
-	return maxScrollTop.value - scrollTop.value >= props.visibleThreshold;
-});
-const updateScrollTop = throttleByRaf(() => {
-	if (!scrollContainerEl) {
-		return;
-	}
-	scrollTop.value = scrollContainerEl.scrollTop;
-	maxScrollTop.value = Math.max(0, scrollContainerEl.scrollHeight - scrollContainerEl.clientHeight);
-});
 function onActionClick(ev) {
 	emits("click", ev);
 	if (!scrollContainer || !scrollContainerEl) {

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

@@ -1,4 +1,4 @@
-import type { ComponentSize } from '../../types/shared'
+import type { ComponentSize } from '../../types/shared/props'
 
 export interface BacktopProps {
   size?: ComponentSize

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

@@ -1,9 +1,9 @@
 import type { BadgeProps } from './types';
-declare var __VLS_8: {}, __VLS_10: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_8) => any;
+    prefix?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (args_0: Event) => any;

package/dist/components/badge/index.vue

@@ -33,6 +33,49 @@ const props = defineProps({
 	}
 });
 const emits = defineEmits(["close"]);
+const iconSlotClasses = createTailwindVariant({
+	base: "inline-flex shrink-0 items-center justify-center",
+	variants: {
+		size: {
+			sm: "w-3 h-3 p-0.5 text-11",
+			md: "w-4 h-4 text-xs",
+			lg: "w-5 h-5 text-sm"
+		},
+		slot: {}
+	},
+	compoundVariants: [
+		{
+			size: "sm",
+			slot: "prefix",
+			class: "-ms-0.5"
+		},
+		{
+			size: "md",
+			slot: "prefix",
+			class: "-ms-01"
+		},
+		{
+			size: "lg",
+			slot: "prefix",
+			class: "-ms-1.5"
+		},
+		{
+			size: "sm",
+			slot: "suffix",
+			class: "-me-0.5"
+		},
+		{
+			size: "md",
+			slot: "suffix",
+			class: "-me-1.5"
+		},
+		{
+			size: "lg",
+			slot: "suffix",
+			class: "-me-1.5"
+		}
+	]
+});
 const configProvider = useConfigProvider();
 const computedSize = computed(() => props.size || configProvider.size);
 const { attrs, classes } = useTailwindVariant({
@@ -79,49 +122,6 @@ const { attrs, classes } = useTailwindVariant({
 	shape: props.shape,
 	size: computedSize.value
 }) });
-const iconSlotClasses = createTailwindVariant({
-	base: "inline-flex shrink-0 items-center justify-center",
-	variants: {
-		size: {
-			sm: "w-3 h-3 p-0.5 text-11",
-			md: "w-4 h-4 text-xs",
-			lg: "w-5 h-5 text-sm"
-		},
-		slot: {}
-	},
-	compoundVariants: [
-		{
-			size: "sm",
-			slot: "prefix",
-			class: "-ms-0.5"
-		},
-		{
-			size: "md",
-			slot: "prefix",
-			class: "-ms-01"
-		},
-		{
-			size: "lg",
-			slot: "prefix",
-			class: "-ms-1.5"
-		},
-		{
-			size: "sm",
-			slot: "suffix",
-			class: "-me-0.5"
-		},
-		{
-			size: "md",
-			slot: "suffix",
-			class: "-me-1.5"
-		},
-		{
-			size: "lg",
-			slot: "suffix",
-			class: "-me-1.5"
-		}
-	]
-});
 function onClose(ev) {
 	emits("close", ev);
 }

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

@@ -1,4 +1,4 @@
-import type { ComponentAs, ComponentShape, ComponentSize } from '../../types/shared'
+import type { ComponentAs, ComponentShape, ComponentSize } from '../../types/shared/props'
 
 export type BadgeVariant =
   | 'pill'

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

@@ -1,4 +1,4 @@
-import type { ComponentLabel, ResponsiveValue } from '../../types/shared'
+import type { ComponentLabel, ResponsiveValue } from '../../types/shared/props'
 
 export interface BookProps {
   color?: string

package/dist/components/border-beam/index.vue

@@ -60,5 +60,5 @@ const computedStyle = computed(() => {
 </template>
 
 <style>
-@property --pxd-border-beam-angle{syntax:"<angle>";initial-value:0deg;inherits:true}.pxd-border-beam{--pxd-border-beam-mask-conic:conic-gradient(from var(--pxd-border-beam-angle),transparent 0%,transparent 30%,hsla(0,0%,100%,.1) 36%,hsla(0,0%,100%,.35) 44%,#fff 52%,#fff 80%,hsla(0,0%,100%,.35) 86%,hsla(0,0%,100%,.1) 92%,transparent 95%,transparent 100%);animation:pxd-animation-border-beam-spin 1.96s linear infinite}.pxd-border-beam:after{background:conic-gradient(from var(--pxd-border-beam-angle),transparent 0,transparent 54%,hsla(0,0%,100%,.1) 57%,hsla(0,0%,100%,.3) 60%,hsla(0,0%,100%,.6) 63%,hsla(0,0%,100%,.75) 66%,hsla(0,0%,100%,.6) 69%,hsla(0,0%,100%,.3) 72%,hsla(0,0%,100%,.1) 75%,transparent 78%,transparent 100%),radial-gradient(ellipse 70px 40px at 33% -7.4%,var(--border-beam-stroke-color-1,var(--color-pink-700)),transparent),radial-gradient(ellipse 60px 35px at 12% -5%,var(--border-beam-stroke-color-2,var(--color-blue-600)),transparent),radial-gradient(ellipse 40px 70px at 2.1% 68.3%,var(--border-beam-stroke-color-3,var(--color-green-600)),transparent),radial-gradient(ellipse 20px 35px at 2.1% 68.3%,var(--border-beam-stroke-color-4,var(--color-teal-700)),transparent),radial-gradient(ellipse 180px 32px at 74.4% 100%,var(--border-beam-stroke-color-5,var(--color-purple-600)),transparent),radial-gradient(ellipse 85px 26px at 55% 100%,var(--border-beam-stroke-color-6,var(--color-blue-600)),transparent),radial-gradient(ellipse 74px 32px at 93.9% 0,var(--border-beam-stroke-color-7,var(--color-amber-600)),transparent),radial-gradient(ellipse 26px 42px at 100% 27.1%,var(--border-beam-stroke-color-8,var(--color-pink-700)),transparent),radial-gradient(ellipse 52px 48px at 100% 27.1%,var(--border-beam-stroke-color-9,var(--color-purple-700)),transparent);-webkit-mask:var(--pxd-border-beam-mask-conic),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:var(--pxd-border-beam-mask-conic),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-in,xor,xor;mask-composite:intersect,exclude}.pxd-border-beam:after,.pxd-border-beam:before{animation:pxd-animation-border-beam-hue 12s ease-in-out infinite;opacity:var(--border-beam-strength)}.pxd-border-beam:before{background:radial-gradient(ellipse 63px 36px at 33% -7.4%,var(--border-beam-glow-color-1,hsla(var(--color-pink-700-value),40%)),transparent),radial-gradient(ellipse 54px 32px at 12% -5%,var(--border-beam-glow-color-2,hsla(var(--color-blue-700-value),40%)),transparent),radial-gradient(ellipse 36px 63px at 2.1% 68.3%,var(--border-beam-glow-color-3,hsla(var(--color-green-700-value),40%)),transparent),radial-gradient(ellipse 18px 32px at 2.1% 68.3%,var(--border-beam-glow-color-4,hsla(var(--color-teal-700-value),40%)),transparent),radial-gradient(ellipse 162px 29px at 74.4% 100%,var(--border-beam-glow-color-5,hsla(var(--color-purple-700-value),40%)),transparent),radial-gradient(ellipse 77px 23px at 55% 100%,var(--border-beam-glow-color-6,hsla(var(--color-blue-700-value),40%)),transparent),radial-gradient(ellipse 67px 29px at 93.9% 0,var(--border-beam-glow-color-7,hsla(var(--color-amber-700-value),40%)),transparent),radial-gradient(ellipse 23px 38px at 100% 27.1%,var(--border-beam-glow-color-8,hsla(var(--color-pink-700-value),40%)),transparent),radial-gradient(ellipse 47px 43px at 100% 27.1%,var(--border-beam-glow-color-9,hsla(var(--color-purple-700-value),40%)),transparent);box-shadow:inset 0 0 9px 1px hsla(0,0%,100%,.27);-webkit-mask-composite:source-in,source-over,xor;mask-composite:intersect,add;-webkit-mask-image:var(--pxd-border-beam-mask-conic),linear-gradient(#fff,transparent 28px,transparent calc(100% - 28px),#fff),linear-gradient(to right,#fff,transparent 28px,transparent calc(100% - 28px),#fff);mask-image:var(--pxd-border-beam-mask-conic),linear-gradient(#fff,transparent 28px,transparent calc(100% - 28px),#fff),linear-gradient(to right,#fff,transparent 28px,transparent calc(100% - 28px),#fff)}.pxd-border-beam--bloom{background:conic-gradient(from var(--pxd-border-beam-angle),transparent 0,transparent 58%,hsla(0,0%,100%,.03) 62%,hsla(0,0%,100%,.08) 65%,hsla(0,0%,100%,.2) 67%,hsla(0,0%,100%,.45) 69%,hsla(0,0%,100%,.85) 70%,hsla(0,0%,100%,.85) 70.5%,hsla(0,0%,100%,.45) 71.5%,hsla(0,0%,100%,.2) 73%,hsla(0,0%,100%,.08) 75%,hsla(0,0%,100%,.03) 78%,transparent 82%);filter:blur(10px) brightness(1.3) saturate(1.2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--border-beam-strength)}.pxd-border-beam[data-variant=line] .pxd-border-beam--bloom,.pxd-border-beam[data-variant=line]:before{display:none}.pxd-border-beam[data-variant=line]:after{animation:none;background:conic-gradient(from var(--pxd-border-beam-angle),transparent 0,transparent 68%,var(--border-beam-stroke-color-1,var(--color-blue-600)) 74%,var(--border-beam-stroke-color-2,var(--color-purple-600)) 80%,var(--border-beam-stroke-color-3,var(--color-pink-700)) 86%,var(--border-beam-stroke-color-4,var(--color-amber-600)) 92%,transparent 97%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.pxd-border-beam[data-disabled=true]{animation-play-state:paused}.pxd-border-beam[data-disabled=true] .pxd-border-beam--bloom,.pxd-border-beam[data-disabled=true]:after,.pxd-border-beam[data-disabled=true]:before{animation:pxd-animation-border-beam-fade-out .5s ease forwards}@keyframes pxd-animation-border-beam-spin{to{--pxd-border-beam-angle:360deg}}@keyframes pxd-animation-border-beam-hue{0%{filter:hue-rotate(-30deg) brightness(1.3) saturate(1.2)}50%{filter:hue-rotate(30deg) brightness(1.3) saturate(1.2)}to{filter:hue-rotate(-30deg) brightness(1.3) saturate(1.2)}}@keyframes pxd-animation-border-beam-fade-out{to{opacity:0}}
+@property --pxd-border-beam-angle{syntax:"<angle>";initial-value:0deg;inherits:true}@property --pxd-border-beam-x{syntax:"<number>";initial-value:.5;inherits:true}@property --pxd-border-beam-edge{syntax:"<number>";initial-value:1;inherits:true}.pxd-border-beam{--pxd-border-beam-mask-conic:conic-gradient(from var(--pxd-border-beam-angle),transparent 0%,transparent 30%,hsla(0,0%,100%,.1) 36%,hsla(0,0%,100%,.35) 44%,#fff 52%,#fff 80%,hsla(0,0%,100%,.35) 86%,hsla(0,0%,100%,.1) 92%,transparent 95%,transparent 100%);animation:pxd-animation-border-beam-spin 1.96s linear infinite}.pxd-border-beam:after{background:conic-gradient(from var(--pxd-border-beam-angle),transparent 0,transparent 54%,hsla(0,0%,100%,.1) 57%,hsla(0,0%,100%,.3) 60%,hsla(0,0%,100%,.6) 63%,hsla(0,0%,100%,.75) 66%,hsla(0,0%,100%,.6) 69%,hsla(0,0%,100%,.3) 72%,hsla(0,0%,100%,.1) 75%,transparent 78%,transparent 100%),radial-gradient(ellipse 70px 40px at 33% -7.4%,var(--border-beam-stroke-color-1,var(--color-pink-700)),transparent),radial-gradient(ellipse 60px 35px at 12% -5%,var(--border-beam-stroke-color-2,var(--color-blue-600)),transparent),radial-gradient(ellipse 40px 70px at 2.1% 68.3%,var(--border-beam-stroke-color-3,var(--color-green-600)),transparent),radial-gradient(ellipse 20px 35px at 2.1% 68.3%,var(--border-beam-stroke-color-4,var(--color-teal-700)),transparent),radial-gradient(ellipse 180px 32px at 74.4% 100%,var(--border-beam-stroke-color-5,var(--color-purple-600)),transparent),radial-gradient(ellipse 85px 26px at 55% 100%,var(--border-beam-stroke-color-6,var(--color-blue-600)),transparent),radial-gradient(ellipse 74px 32px at 93.9% 0,var(--border-beam-stroke-color-7,var(--color-amber-600)),transparent),radial-gradient(ellipse 26px 42px at 100% 27.1%,var(--border-beam-stroke-color-8,var(--color-pink-700)),transparent),radial-gradient(ellipse 52px 48px at 100% 27.1%,var(--border-beam-stroke-color-9,var(--color-purple-700)),transparent);-webkit-mask:var(--pxd-border-beam-mask-conic),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:var(--pxd-border-beam-mask-conic),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-in,xor,xor;mask-composite:intersect,exclude}.pxd-border-beam:after,.pxd-border-beam:before{animation:pxd-animation-border-beam-hue 12s ease-in-out infinite;opacity:var(--border-beam-strength)}.pxd-border-beam:before{background:radial-gradient(ellipse 63px 36px at 33% -7.4%,var(--border-beam-glow-color-1,hsla(var(--color-pink-700-value),40%)),transparent),radial-gradient(ellipse 54px 32px at 12% -5%,var(--border-beam-glow-color-2,hsla(var(--color-blue-700-value),40%)),transparent),radial-gradient(ellipse 36px 63px at 2.1% 68.3%,var(--border-beam-glow-color-3,hsla(var(--color-green-700-value),40%)),transparent),radial-gradient(ellipse 18px 32px at 2.1% 68.3%,var(--border-beam-glow-color-4,hsla(var(--color-teal-700-value),40%)),transparent),radial-gradient(ellipse 162px 29px at 74.4% 100%,var(--border-beam-glow-color-5,hsla(var(--color-purple-700-value),40%)),transparent),radial-gradient(ellipse 77px 23px at 55% 100%,var(--border-beam-glow-color-6,hsla(var(--color-blue-700-value),40%)),transparent),radial-gradient(ellipse 67px 29px at 93.9% 0,var(--border-beam-glow-color-7,hsla(var(--color-amber-700-value),40%)),transparent),radial-gradient(ellipse 23px 38px at 100% 27.1%,var(--border-beam-glow-color-8,hsla(var(--color-pink-700-value),40%)),transparent),radial-gradient(ellipse 47px 43px at 100% 27.1%,var(--border-beam-glow-color-9,hsla(var(--color-purple-700-value),40%)),transparent);box-shadow:inset 0 0 9px 1px hsla(0,0%,100%,.27);-webkit-mask-composite:source-in,source-over,xor;mask-composite:intersect,add;-webkit-mask-image:var(--pxd-border-beam-mask-conic),linear-gradient(#fff,transparent 28px,transparent calc(100% - 28px),#fff),linear-gradient(to right,#fff,transparent 28px,transparent calc(100% - 28px),#fff);mask-image:var(--pxd-border-beam-mask-conic),linear-gradient(#fff,transparent 28px,transparent calc(100% - 28px),#fff),linear-gradient(to right,#fff,transparent 28px,transparent calc(100% - 28px),#fff)}.pxd-border-beam--bloom{background:conic-gradient(from var(--pxd-border-beam-angle),transparent 0,transparent 58%,hsla(0,0%,100%,.03) 62%,hsla(0,0%,100%,.08) 65%,hsla(0,0%,100%,.2) 67%,hsla(0,0%,100%,.45) 69%,hsla(0,0%,100%,.85) 70%,hsla(0,0%,100%,.85) 70.5%,hsla(0,0%,100%,.45) 71.5%,hsla(0,0%,100%,.2) 73%,hsla(0,0%,100%,.08) 75%,hsla(0,0%,100%,.03) 78%,transparent 82%);filter:blur(10px) brightness(1.3) saturate(1.2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--border-beam-strength)}.pxd-border-beam[data-variant=line] .pxd-border-beam--bloom,.pxd-border-beam[data-variant=line]:before{display:none}.pxd-border-beam[data-variant=line]:after{animation:none;background:conic-gradient(from var(--pxd-border-beam-angle),transparent 0,transparent 68%,var(--border-beam-stroke-color-1,var(--color-blue-600)) 74%,var(--border-beam-stroke-color-2,var(--color-purple-600)) 80%,var(--border-beam-stroke-color-3,var(--color-pink-700)) 86%,var(--border-beam-stroke-color-4,var(--color-amber-600)) 92%,transparent 97%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.pxd-border-beam[data-variant=bottom]{animation:pxd-animation-border-beam-travel 2.4s linear infinite,pxd-animation-border-beam-edge 2.4s linear infinite}.pxd-border-beam[data-variant=bottom]:before{display:none}.pxd-border-beam[data-variant=bottom]:after{animation:none;background:radial-gradient(ellipse 32px 23px at calc(var(--pxd-border-beam-x)*100%) calc(100% + 2px),hsla(0,0%,100%,.38),transparent),radial-gradient(ellipse 36px 27px at calc(var(--pxd-border-beam-x)*100%) 100%,var(--border-beam-stroke-color-1,var(--color-pink-700)),transparent),radial-gradient(ellipse 30px 24px at calc(var(--pxd-border-beam-x)*100% + 39px) 100%,var(--border-beam-stroke-color-2,var(--color-blue-600)),transparent),radial-gradient(ellipse 33px 21px at calc(var(--pxd-border-beam-x)*100% - 36px) 100%,var(--border-beam-stroke-color-3,var(--color-green-600)),transparent),radial-gradient(ellipse 29px 26px at calc(var(--pxd-border-beam-x)*100% - 54px) 100%,var(--border-beam-stroke-color-4,var(--color-teal-700)),transparent),radial-gradient(ellipse 27px 23px at calc(var(--pxd-border-beam-x)*100% + 51px) 100%,var(--border-beam-stroke-color-5,var(--color-purple-600)),transparent),radial-gradient(ellipse 36px 18px at calc(var(--pxd-border-beam-x)*100% + 21px) 100%,var(--border-beam-stroke-color-6,var(--color-blue-600)),transparent),radial-gradient(ellipse 30px 17px at calc(var(--pxd-border-beam-x)*100% - 21px) 100%,var(--border-beam-stroke-color-7,var(--color-amber-600)),transparent),radial-gradient(ellipse 25px 21px at calc(var(--pxd-border-beam-x)*100% + 66px) 100%,var(--border-beam-stroke-color-8,var(--color-pink-700)),transparent),radial-gradient(ellipse 23px 23px at calc(var(--pxd-border-beam-x)*100% - 66px) 100%,var(--border-beam-stroke-color-9,var(--color-purple-700)),transparent);-webkit-mask:radial-gradient(ellipse 78px 45px at calc(var(--pxd-border-beam-x)*100%) 100%,#fff 0,hsla(0,0%,100%,.5) 45%,transparent 100%),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:radial-gradient(ellipse 78px 45px at calc(var(--pxd-border-beam-x)*100%) 100%,#fff 0,hsla(0,0%,100%,.5) 45%,transparent 100%),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-in,xor,xor;mask-composite:intersect,exclude;opacity:calc(var(--border-beam-strength)*var(--pxd-border-beam-edge));padding:1px}.pxd-border-beam[data-variant=bottom] .pxd-border-beam--bloom{background:radial-gradient(ellipse 42px 30px at calc(var(--pxd-border-beam-x)*100%) 100%,hsla(0,0%,100%,.3),transparent),radial-gradient(ellipse 36px 27px at calc(var(--pxd-border-beam-x)*100%) 100%,var(--border-beam-glow-color-1,hsla(var(--color-pink-700-value),40%)),transparent),radial-gradient(ellipse 30px 24px at calc(var(--pxd-border-beam-x)*100% + 39px) 100%,var(--border-beam-glow-color-2,hsla(var(--color-blue-700-value),40%)),transparent),radial-gradient(ellipse 33px 21px at calc(var(--pxd-border-beam-x)*100% - 36px) 100%,var(--border-beam-glow-color-3,hsla(var(--color-green-700-value),40%)),transparent),radial-gradient(ellipse 29px 26px at calc(var(--pxd-border-beam-x)*100% - 54px) 100%,var(--border-beam-glow-color-4,hsla(var(--color-teal-700-value),40%)),transparent),radial-gradient(ellipse 27px 23px at calc(var(--pxd-border-beam-x)*100% + 51px) 100%,var(--border-beam-glow-color-5,hsla(var(--color-purple-700-value),40%)),transparent),radial-gradient(ellipse 36px 18px at calc(var(--pxd-border-beam-x)*100% + 21px) 100%,var(--border-beam-glow-color-6,hsla(var(--color-blue-700-value),40%)),transparent),radial-gradient(ellipse 30px 17px at calc(var(--pxd-border-beam-x)*100% - 21px) 100%,var(--border-beam-glow-color-7,hsla(var(--color-amber-700-value),40%)),transparent),radial-gradient(ellipse 25px 21px at calc(var(--pxd-border-beam-x)*100% + 66px) 100%,var(--border-beam-glow-color-8,hsla(var(--color-pink-700-value),40%)),transparent),radial-gradient(ellipse 23px 23px at calc(var(--pxd-border-beam-x)*100% - 66px) 100%,var(--border-beam-glow-color-9,hsla(var(--color-purple-700-value),40%)),transparent);-webkit-mask:radial-gradient(ellipse 84px 82px at calc(var(--pxd-border-beam-x)*100%) 100%,#fff 0,hsla(0,0%,100%,.5) 35%,transparent 100%);mask:radial-gradient(ellipse 84px 82px at calc(var(--pxd-border-beam-x)*100%) 100%,#fff 0,hsla(0,0%,100%,.5) 35%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add;opacity:calc(var(--border-beam-strength)*var(--pxd-border-beam-edge))}.pxd-border-beam[data-disabled=true]{animation-play-state:paused}.pxd-border-beam[data-disabled=true] .pxd-border-beam--bloom,.pxd-border-beam[data-disabled=true]:after,.pxd-border-beam[data-disabled=true]:before{animation:pxd-animation-border-beam-fade-out .5s ease forwards}@keyframes pxd-animation-border-beam-spin{to{--pxd-border-beam-angle:360deg}}@keyframes pxd-animation-border-beam-hue{0%{filter:hue-rotate(-30deg) brightness(1.3) saturate(1.2)}50%{filter:hue-rotate(30deg) brightness(1.3) saturate(1.2)}to{filter:hue-rotate(-30deg) brightness(1.3) saturate(1.2)}}@keyframes pxd-animation-border-beam-travel{0%{--pxd-border-beam-x:0.06}to{--pxd-border-beam-x:0.94}}@keyframes pxd-animation-border-beam-edge{0%{--pxd-border-beam-edge:0}12.5%{--pxd-border-beam-edge:0}32.5%{--pxd-border-beam-edge:1}67.5%{--pxd-border-beam-edge:1}87.5%{--pxd-border-beam-edge:0}to{--pxd-border-beam-edge:0}}@keyframes pxd-animation-border-beam-fade-out{to{opacity:0}}
 </style>

package/dist/components/border-beam/types.d.ts

@@ -1,4 +1,4 @@
-export type BorderBeamVariant = 'glow' | 'line'
+export type BorderBeamVariant = 'glow' | 'line' | 'bottom'
 
 export interface BorderBeamProps {
   variant?: BorderBeamVariant

package/dist/components/bubble/index.vue

@@ -35,6 +35,7 @@ const props = defineProps({
 		default: "default"
 	}
 });
+const ariaLabel = computed(() => props.role === "user" ? "User message" : "System message");
 const { attrs, classes } = useTailwindVariant({
 	base: "pxd-bubble group/bubble sibling:mbs-2 gap-2 flex max-w-full cursor-default",
 	variants: { role: {
@@ -68,7 +69,6 @@ const { classes: contentClasses } = useTailwindVariant({
 		variant: props.variant
 	})
 });
-const ariaLabel = computed(() => props.role === "user" ? "User message" : "System message");
 </script>
 
 <template>

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

@@ -1,12 +1,12 @@
 import type { BubbleGroupProps } from './types';
-declare var __VLS_9: {
+declare var __VLS_8: {
     item: any;
     index: number;
-}, __VLS_11: {};
+}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_9) => any;
+    item?: (props: typeof __VLS_8) => any;
 } & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BubbleGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BubbleGroupProps> & 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,16 +1,16 @@
 import type { ButtonProps } from './types';
-declare var __VLS_13: {}, __VLS_15: {}, __VLS_17: {};
+declare var __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_13) => any;
+    prefix?: (props: typeof __VLS_12) => any;
 } & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_14) => any;
 } & {
-    suffix?: (props: typeof __VLS_17) => any;
+    suffix?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
-    icon: boolean;
     as: import("../../types/shared/props.js").ComponentAs;
     shape: import("../../types/shared/props.js").ComponentShape;
+    icon: 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/button/index.vue

@@ -57,6 +57,19 @@ const isDisabled = computed(() => isTruthyProp(props.disabled) || isTruthyProp(p
 const computedVariant = computed(() => {
 	return props.variant || buttonGroupContext?.props.variant || "default";
 });
+const btnContentClasses = computed(() => {
+	const { icon, align } = props;
+	const internalAlign = icon ? "center" : align;
+	const alignClasses = {
+		left: "justify-start",
+		center: "justify-center",
+		right: "justify-end"
+	}[internalAlign || buttonGroupContext?.props.align || "center"];
+	return {
+		"px-1.5": !icon,
+		[alignClasses]: true
+	};
+});
 const { attrs, classes } = useTailwindVariant({
 	base: "pxd-button inline-flex shrink-0 cursor-pointer touch-manipulation items-center font-inherit select-none focus-visible:z-1 motion-safe:transition-appearance within-group:not-first:rounded-l-none within-group:not-first:border-l-0 within-group:not-last:rounded-r-none",
 	variants: {
@@ -110,19 +123,6 @@ const { attrs, classes } = useTailwindVariant({
 		disabled: isDisabled.value
 	};
 } });
-const btnContentClasses = computed(() => {
-	const { icon, align } = props;
-	const internalAlign = icon ? "center" : align;
-	const alignClasses = {
-		left: "justify-start",
-		center: "justify-center",
-		right: "justify-end"
-	}[internalAlign || buttonGroupContext?.props.align || "center"];
-	return {
-		"px-1.5": !icon,
-		[alignClasses]: true
-	};
-});
 </script>
 
 <template>

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

@@ -4,7 +4,7 @@ import type {
   ComponentShape,
   ComponentSizeWithXs,
   ComponentVariantWithDefault,
-} from '../../types/shared'
+} from '../../types/shared/props'
 
 export type ButtonVariant = ComponentVariantWithDefault | 'ghost' | 'simple' | 'link'
 

package/dist/components/button-group/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentSizeWithXs, ComponentAlign } from '../../types/shared'
+import type { ComponentSizeWithXs, ComponentAlign } from '../../types/shared/props'
 import type { ButtonVariant } from '../button/types'
 
 export interface ButtonGroupProps {

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

@@ -2,7 +2,7 @@ import type { CalendarPanelInfo, CalendarProps } from './types';
 declare var __VLS_1: {
     year: number;
     month: number;
-}, __VLS_72: {
+}, __VLS_74: {
     isSelected: boolean;
     key: string;
     timestamp: number;
@@ -16,7 +16,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_1) => any;
 } & {
-    item?: (props: typeof __VLS_72) => any;
+    item?: (props: typeof __VLS_74) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CalendarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (args_0: import("../../types/shared/props.js").ComponentDateTimeValue) => any;

package/dist/components/calendar/index.vue

@@ -56,7 +56,6 @@ const emits = defineEmits([
 	"change",
 	"update:modelValue"
 ]);
-const configProvider = useConfigProvider();
 const today = dayjs();
 const todayKey = today.format("YYYY-MM-DD");
 const uncontrolledValue = shallowRef(props.defaultValue);
@@ -67,10 +66,6 @@ const selectedValue = computed(() => {
 const selectedDateKey = computed(() => {
 	return isNil(selectedValue.value) ? null : dayjs(selectedValue.value).format("YYYY-MM-DD");
 });
-const weekDays = computed(() => {
-	const days = configProvider.locale.date.day;
-	return [...days.slice(1), days[0]];
-});
 const calendarDays = computed(() => {
 	const firstDayOfMonth = panelDate.value.startOf("month");
 	const startOffset = (firstDayOfMonth.day() + 6) % 7;
@@ -96,6 +91,11 @@ const panelInfo = computed(() => ({
 	year: panelDate.value.year(),
 	month: panelDate.value.month() + 1
 }));
+const configProvider = useConfigProvider();
+const weekDays = computed(() => {
+	const days = configProvider.locale.date.day;
+	return [...days.slice(1), days[0]];
+});
 function emitPanelChange() {
 	emits("panel-change", panelInfo.value);
 }

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

@@ -1,4 +1,4 @@
-import type { ComponentDateTimeValue } from '../../types/shared'
+import type { ComponentDateTimeValue } from '../../types/shared/props'
 
 export interface CalendarDateInfo {
   year: number

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

@@ -1,4 +1,4 @@
-import type { ComponentShape } from '../../types/shared'
+import type { ComponentShape } from '../../types/shared/props'
 
 export interface CardProps {
   shape?: ComponentShape

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

@@ -1,22 +1,22 @@
 import type { CarouselProps } from './types';
-declare var __VLS_1: {
+declare var __VLS_2: {
     item: import("./types").CarouselOption;
     index: number;
-}, __VLS_3: {
+}, __VLS_4: {
     current: number;
     total: number;
 };
 type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_1) => any;
+    item?: (props: typeof __VLS_2) => any;
 } & {
-    indicator?: (props: typeof __VLS_3) => any;
+    indicator?: (props: typeof __VLS_4) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<CarouselProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (index: number) => any;
 }, string, import("vue").PublicProps, Readonly<CarouselProps> & Readonly<{
     onChange?: ((index: number) => any) | undefined;
 }>, {
-    height: number | string;
+    height: string | number;
     options: import("./types").CarouselOption[];
     index: number;
     loop: boolean;
@@ -25,8 +25,8 @@ declare const __VLS_base: import("vue").DefineComponent<CarouselProps, {}, {}, {
     interval: number;
     indicator: boolean;
     direction: import("../../types/shared/props.js").ComponentDirection;
-    indicatorType: "dot" | "line";
-    indicatorPosition: import("../../types/shared/props.js").BasePosition | "center";
+    indicatorType: "line" | "dot";
+    indicatorPosition: "center" | import("../../types/shared/props.js").BasePosition;
     pauseOnHover: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/carousel/index.vue

@@ -80,7 +80,6 @@ let pendingDelta = null;
 let autoPlayTimerId = null;
 let isPointerEntering = false;
 let maxDrag = 0;
-const slots = useSlots();
 const sliderRef = shallowRef();
 const virtualIndex = shallowRef(props.index);
 const gestureMoveOffset = shallowRef(0);
@@ -120,6 +119,7 @@ const loopPlacement = computed(() => {
 	}
 	return "none";
 });
+const slots = useSlots();
 useSwipeGesture(sliderRef, {
 	axis: () => props.direction,
 	onPress: ({ size }) => {

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

@@ -3,7 +3,7 @@ import type {
   ComponentDirection,
   ComponentLabel,
   ComponentValue,
-} from '../../types/shared'
+} from '../../types/shared/props'
 
 export interface CarouselOption {
   /** Rendered as the slide content when no `item` slot is provided. */

package/dist/components/checkbox/index.vue

@@ -54,6 +54,7 @@ const props = defineProps({
 const emits = defineEmits(["change", "update:modelValue"]);
 const uniqueId = getUniqueId();
 const checkboxGroupContext = useCheckboxGroupContext();
+const isDisabled = computed(() => props.disabled || checkboxGroupContext?.props.disabled || false);
 const modelValue = useModelValue(checkboxGroupContext?.props ?? props, checkboxGroupContext?.emits ?? emits);
 const isSelected = computed(() => {
 	if (Array.isArray(modelValue.value)) {
@@ -64,7 +65,6 @@ const isSelected = computed(() => {
 	}
 	return modelValue.value === props.value;
 });
-const isDisabled = computed(() => props.disabled || checkboxGroupContext?.props.disabled || false);
 const { classes } = useTailwindVariant({
 	base: "pxd-checkbox--inner size-4 p-0.5 pointer-events-none inline-flex shrink-0 transform-gpu items-center justify-center overflow-hidden border text-primary-foreground peer-focus-ring motion-safe:transition-colors",
 	variants: {

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

@@ -1,4 +1,4 @@
-import type { ComponentLabel, ComponentValue, ComponentShape } from '../../types/shared'
+import type { ComponentLabel, ComponentValue, ComponentShape } from '../../types/shared/props'
 
 type CheckboxModelValue = ComponentValue | boolean
 

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

@@ -1,7 +1,7 @@
 import type { CheckboxGroupProps } 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<CheckboxGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (args_0: import("./types").CheckboxGroupModelValue[]) => any;

package/dist/components/checkbox-group/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentOption, ComponentValue } from '../../types/shared'
+import type { ComponentOption, ComponentValue } from '../../types/shared/props'
 
 type CheckboxGroupModelValue = ComponentValue | boolean
 

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

@@ -4,7 +4,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChipProps> & Readonly<{}>, {
-    variant: import("../../types/shared/props.js").ComponentVariant | "secondary";
+    variant: "secondary" | import("../../types/shared/props.js").ComponentVariant;
 }, {}, {}, {}, 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/chip/types.d.ts

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

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

@@ -1,7 +1,7 @@
 import type { ChoiceboxProps } 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<ChoiceboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (args_0: NonNullable<import("../../types/shared/props.js").ComponentValue | import("../../types/shared/props.js").ComponentValue[] | undefined>) => any;
@@ -10,7 +10,7 @@ declare const __VLS_base: import("vue").DefineComponent<ChoiceboxProps, {}, {},
     onChange?: ((args_0: NonNullable<import("../../types/shared/props.js").ComponentValue | import("../../types/shared/props.js").ComponentValue[] | undefined>) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: NonNullable<import("../../types/shared/props.js").ComponentValue | import("../../types/shared/props.js").ComponentValue[] | undefined>) => any) | undefined;
 }>, {
-    gap: import("../../types/shared/props.js").ResponsiveValue<number | string>;
+    gap: import("../../types/shared/props.js").ResponsiveValue<string | number>;
 }, {}, {}, {}, 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/choicebox/types.d.ts

@@ -3,7 +3,7 @@ import type {
   ComponentValue,
   ComponentOption,
   ResponsiveValue,
-} from '../../types/shared'
+} from '../../types/shared/props'
 
 export interface ChoiceboxProps {
   gap?: ResponsiveValue<number | string>

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

@@ -28,16 +28,22 @@ const props = defineProps({
 		required: false
 	}
 });
-const choiceboxGroupContext = useChoiceboxContext();
 const inputId = getUniqueId();
 const internalId = getUniqueId();
-const modelValue = useModelValue(choiceboxGroupContext?.props, choiceboxGroupContext?.emits);
+const choiceboxGroupContext = useChoiceboxContext();
 const isMultiple = computed(() => {
 	return !!choiceboxGroupContext?.props.multiple;
 });
 const isDisabled = computed(() => {
 	return props.disabled || !!choiceboxGroupContext?.props.disabled || false;
 });
+const inputName = computed(() => {
+	if (isMultiple.value) {
+		return internalId;
+	}
+	return choiceboxGroupContext?.name || internalId;
+});
+const modelValue = useModelValue(choiceboxGroupContext?.props, choiceboxGroupContext?.emits);
 const isSelected = computed(() => {
 	if (isMultiple.value) {
 		return toArray(modelValue.value).includes(props.value);
@@ -105,12 +111,6 @@ const { classes: innerClasses } = useTailwindVariant({
 		selected: isSelected.value
 	})
 });
-const inputName = computed(() => {
-	if (isMultiple.value) {
-		return internalId;
-	}
-	return choiceboxGroupContext?.name || internalId;
-});
 function onInputChange(event) {
 	if (isDisabled.value) {
 		return;