pxd 0.0.49 → 0.0.51

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

@@ -13,8 +13,10 @@ interface Props {
     type?: 'numeric' | 'alphabetic' | 'alphanumeric' | 'numeric-password' | 'alphabetic-password' | 'alphanumeric-password';
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: string) => any;
     "update:modelValue": (args_0: string) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((args_0: string) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
 }>, {
     length: number;

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

@@ -14,13 +14,16 @@ interface Props {
     enterable?: boolean;
     showArrow?: boolean;
     arrowColor?: string;
+    toggleClick?: boolean;
     autoPosition?: boolean;
     wrapperClass?: ComponentClass;
     contentClass?: ComponentClass;
     contentStyle?: CSSProperties | string;
-    transitionType?: 'fade' | 'fade-scale';
+    unsetPosition?: boolean;
+    transitionType?: 'fade' | 'fade-scale' | 'fade-slide';
     closeOnInvisible?: boolean;
     closeOnPressEscape?: boolean;
+    lockScrollOnVisible?: boolean;
 }
 declare function handlePopoverShow(): Promise<void>;
 declare function handlePopoverHide(immediate?: boolean): Promise<void>;
@@ -54,8 +57,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     showDelay: number;
     hideDelay: number;
     arrowColor: string;
+    toggleClick: boolean;
     autoPosition: boolean;
-    transitionType: "fade" | "fade-scale";
+    unsetPosition: boolean;
+    transitionType: "fade" | "fade-scale" | "fade-slide";
     closeOnInvisible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/popover/index.vue

@@ -3,9 +3,10 @@ import { arrow, computePosition, flip, offset, shift } from "@floating-ui/dom";
 import { computed, shallowRef, watch } from "vue";
 import { useIntersectionObserver } from "../../composables/use-browser-observer";
 import { useDelayDestroy } from "../../composables/use-delay-destroy";
+import { useLockScroll } from "../../composables/use-lock-scroll";
 import { useOutsideClick } from "../../composables/use-outside-click";
 import { debounce } from "../../utils/debounce";
-import { cachedOff, cachedOn } from "../../utils/event";
+import { cachedOff, cachedOn, sleep } from "../../utils/event";
 import { getCssUnitValue, toArray } from "../../utils/format";
 import PTeleport from "../teleport/index.vue";
 defineOptions({
@@ -25,13 +26,16 @@ const props = defineProps({
   enterable: { type: Boolean, required: false },
   showArrow: { type: Boolean, required: false },
   arrowColor: { type: String, required: false, default: "hsl(var(--primary))" },
+  toggleClick: { type: Boolean, required: false, default: true },
   autoPosition: { type: Boolean, required: false, default: true },
   wrapperClass: { type: [String, Array, Object], required: false },
   contentClass: { type: [String, Array, Object], required: false },
   contentStyle: { type: [Object, String], required: false },
+  unsetPosition: { type: Boolean, required: false, default: false },
   transitionType: { type: String, required: false, default: "fade-scale" },
   closeOnInvisible: { type: Boolean, required: false, default: true },
-  closeOnPressEscape: { type: Boolean, required: false }
+  closeOnPressEscape: { type: Boolean, required: false },
+  lockScrollOnVisible: { type: Boolean, required: false }
 });
 const emits = defineEmits(["show", "hide", "escape", "outside-click", "trigger-click", "visible-change"]);
 let showPopoverTimer;
@@ -47,6 +51,10 @@ const wrapperStyle = computed(() => ({
   "--popover-bg": props.arrowColor,
   "--popover-max-width": getCssUnitValue(props.maxWidth)
 }));
+const {
+  lockScroll,
+  unlockScroll
+} = useLockScroll();
 const {
   render: isRender,
   visible: isVisible,
@@ -60,8 +68,14 @@ const {
     }
     emits("visible-change", v);
     if (v) {
+      if (props.lockScrollOnVisible) {
+        lockScroll();
+      }
       emits("show");
     } else {
+      if (props.lockScrollOnVisible) {
+        unlockScroll();
+      }
       emits("hide");
     }
   }
@@ -102,6 +116,13 @@ async function handlePopoverShow() {
     }, props.showDelay);
   });
   await showPopover();
+  if (props.closeOnPressEscape) {
+    cachedOn(document, "keydown", onPopoverKeystroke);
+  }
+  if (props.unsetPosition) {
+    Object.assign(wrapperRef.value.style, { left: "0", top: "0" });
+    return;
+  }
   const { x, y, placement, middlewareData } = await computePosition(
     triggerRef.value,
     wrapperRef.value,
@@ -127,9 +148,6 @@ async function handlePopoverShow() {
       top: y2 != null ? `${Math.max(y2, 5)}px` : ""
     });
   }
-  if (props.closeOnPressEscape) {
-    cachedOn(document, "keydown", onPopoverKeystroke);
-  }
 }
 async function handlePopoverHide(immediate = false) {
   if (hidePopoverTimer) {
@@ -168,41 +186,42 @@ async function onTriggerClick(ev) {
   if (!triggerMethods.value.includes("click")) {
     return;
   }
-  if (isVisible.value) {
+  if (isVisible.value && props.toggleClick) {
     handlePopoverHide();
     return;
   }
   handlePopoverShow();
 }
 function onTriggerPointerEnter() {
-  if (props.disabled) {
+  if (props.disabled || !triggerMethods.value.includes("hover")) {
     return;
   }
   handlePopoverShow();
 }
 function onTriggerPointerLeave() {
-  if (props.disabled) {
+  if (props.disabled || !triggerMethods.value.includes("hover")) {
     return;
   }
   handlePopoverHide();
 }
 function onTriggerFocusin() {
-  if (props.disabled) {
+  if (props.disabled || !triggerMethods.value.includes("focus")) {
     return;
   }
   handlePopoverShow();
 }
-function onTriggerFocusout() {
-  if (props.disabled) {
+async function onTriggerFocusout() {
+  if (props.disabled || !triggerMethods.value.includes("focus")) {
+    return;
+  }
+  await sleep(0);
+  if (wrapperRef.value.contains(document.activeElement)) {
     return;
   }
   handlePopoverHide();
 }
 async function onTriggerContextmenu() {
-  if (props.disabled) {
-    return;
-  }
-  if (!triggerMethods.value.includes("contextmenu")) {
+  if (props.disabled || !triggerMethods.value.includes("contextmenu")) {
     return;
   }
   if (isVisible.value) {
@@ -229,27 +248,6 @@ function onContentPointerLeave() {
   }
   handlePopoverHide();
 }
-const triggerMethodEvents = {
-  focus: [
-    ["focusin", onTriggerFocusin],
-    ["focusout", onTriggerFocusout]
-  ],
-  hover: [
-    ["pointerenter", onTriggerPointerEnter],
-    ["pointerleave", onTriggerPointerLeave]
-  ]
-};
-function updateTriggerEvents(methods, dom, handler) {
-  for (const method of methods) {
-    const events = triggerMethodEvents[method];
-    if (!events) {
-      continue;
-    }
-    for (const event of events) {
-      handler(dom, event[0], event[1]);
-    }
-  }
-}
 watch(
   () => props.visible,
   (visible) => {
@@ -260,13 +258,6 @@ watch(
     }
   }
 );
-watch(
-  () => [triggerRef.value, triggerMethods.value],
-  ([newDom, newMethods], [oldDom, oldMethods]) => {
-    updateTriggerEvents(oldMethods, oldDom, cachedOff);
-    updateTriggerEvents(newMethods, newDom, cachedOn);
-  }
-);
 defineExpose({
   show: handlePopoverShow,
   hide: handlePopoverHide
@@ -278,8 +269,12 @@ defineExpose({
     ref="triggerRef"
     class="pxd-popover inline-flex max-w-full active:select-none"
     v-bind="$attrs"
-    @contextmenu.prevent="onTriggerContextmenu"
     @click="onTriggerClick"
+    @focusin="onTriggerFocusin"
+    @focusout="onTriggerFocusout"
+    @pointerenter="onTriggerPointerEnter"
+    @pointerleave="onTriggerPointerLeave"
+    @contextmenu.prevent="onTriggerContextmenu"
   >
     <slot />
 
@@ -287,19 +282,24 @@ defineExpose({
       <div
         v-if="isRender"
         ref="wrapperRef"
+        tabindex="-1"
         :class="wrapperClass"
         :style="wrapperStyle"
         :data-visible="isVisible"
         :data-enterable="enterable"
-        :data-position="localPosition"
-        :data-transition-type="transitionType"
-        class="pxd-popover--container sm:max-w-(--popover-max-width) absolute isolate z-1 w-max max-w-full motion-reduce:data-[visible=false]:hidden"
+        class="pxd-popover--wrapper sm:max-w-(--popover-max-width) absolute isolate z-10 flex max-w-full outline-none data-[enterable=false]:pointer-events-none motion-reduce:data-[visible=false]:hidden"
         @pointerenter="onContentPointerEnter"
         @pointerleave="onContentPointerLeave"
       >
-        <i v-if="showArrow" ref="arrayRef" class="pxd-popover--arrow absolute z-1 border-solid" />
-        <div class="pxd-popover--content" :class="contentClass" :style="contentStyle">
-          <slot name="content" />
+        <div
+          class="pxd-popover--container pointer-events-auto relative z-1 w-inherit"
+          :data-position="localPosition"
+          :data-transition-type="transitionType"
+        >
+          <i v-if="showArrow" ref="arrayRef" class="pxd-popover--arrow absolute z-1 border-solid" />
+          <div class="pxd-popover--content" :class="contentClass" :style="contentStyle">
+            <slot name="content" />
+          </div>
         </div>
       </div>
     </PTeleport>
@@ -323,29 +323,41 @@ defineExpose({
   0% { transform: scale(1); opacity: 1 }
   100% { transform: scale(0.95); opacity: 0; pointer-events: none; }
 }
+@keyframes popover-fade-slide-show {
+  0% { transform: translateY(100%); opacity: 0; pointer-events: none; }
+  100% { transform: translateY(0); opacity: 1 }
+}
+@keyframes popover-fade-slide-hide {
+  0% { transform: translateY(0); opacity: 1 }
+  100% { transform: translateY(100%); opacity: 0; pointer-events: none; }
+}
 
 .pxd-popover--container {
   will-change: transform, opacity;
   animation: popover-fade-show var(--default-transition-duration) var(--default-transition-timing-function) forwards;
 
-  &[data-visible="true"][data-transition-type="fade"] {
+  [data-visible="true"] &[data-transition-type="fade"] {
     animation-name: popover-fade-show;
   }
 
-  &[data-visible="false"][data-transition-type="fade"] {
+  [data-visible="false"] &[data-transition-type="fade"] {
     animation-name: popover-fade-hide;
   }
 
-  &[data-visible="true"][data-transition-type="fade-scale"] {
+  [data-visible="true"] &[data-transition-type="fade-scale"] {
     animation-name: popover-fade-scale-show;
   }
 
-  &[data-visible="false"][data-transition-type="fade-scale"] {
+  [data-visible="false"] &[data-transition-type="fade-scale"] {
     animation-name: popover-fade-scale-hide;
   }
 
-  &[data-enterable="false"] {
-    pointer-events: none;
+  [data-visible="true"] &[data-transition-type="fade-slide"] {
+    animation-name: popover-fade-slide-show;
+  }
+
+  [data-visible="false"] &[data-transition-type="fade-slide"] {
+    animation-name: popover-fade-slide-hide;
   }
 
   &[data-position='top'] {

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

@@ -14,13 +14,16 @@ interface Props {
     enterable?: boolean;
     showArrow?: boolean;
     arrowColor?: string;
+    toggleClick?: boolean;
     autoPosition?: boolean;
     wrapperClass?: ComponentClass;
     contentClass?: ComponentClass;
     contentStyle?: CSSProperties | string;
-    transitionType?: 'fade' | 'fade-scale';
+    unsetPosition?: boolean;
+    transitionType?: 'fade' | 'fade-scale' | 'fade-slide';
     closeOnInvisible?: boolean;
     closeOnPressEscape?: boolean;
+    lockScrollOnVisible?: boolean;
 }
 declare function handlePopoverShow(): Promise<void>;
 declare function handlePopoverHide(immediate?: boolean): Promise<void>;
@@ -54,8 +57,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     showDelay: number;
     hideDelay: number;
     arrowColor: string;
+    toggleClick: boolean;
     autoPosition: boolean;
-    transitionType: "fade" | "fade-scale";
+    unsetPosition: boolean;
+    transitionType: "fade" | "fade-scale" | "fade-slide";
     closeOnInvisible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -13,13 +13,15 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: number) => any;
     "update:modelValue": (args_0: number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((args_0: number) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: number) => any) | undefined;
 }>, {
     label: boolean | string | number;
-    max: number;
     variant: ComponentVariant | "secondary";
+    max: number;
     min: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/progress/index.vue

@@ -20,7 +20,7 @@ const props = defineProps({
   colors: { type: Object, required: false },
   modelValue: { type: [Number, null], required: false }
 });
-const emits = defineEmits(["update:modelValue"]);
+const emits = defineEmits(["change", "update:modelValue"]);
 const config = useConfigProvider();
 const SIZES = {
   sm: "h-2",

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

@@ -13,13 +13,15 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: number) => any;
     "update:modelValue": (args_0: number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((args_0: number) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: number) => any) | undefined;
 }>, {
     label: boolean | string | number;
-    max: number;
     variant: ComponentVariant | "secondary";
+    max: number;
     min: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,8 +4,10 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<RadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
     "update:modelValue": (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<RadioProps> & Readonly<{
+    onChange?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/radio/index.vue

@@ -18,7 +18,7 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   modelValue: { type: [String, Number, Boolean], required: false }
 });
-const emits = defineEmits(["update:modelValue"]);
+const emits = defineEmits(["change", "update:modelValue"]);
 const uniqueId = getUniqueId();
 const modelValue = useModelValue(props, emits);
 const radioGroupName = useUniqueId("RadioGroupName");

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

@@ -4,8 +4,10 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<RadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
     "update:modelValue": (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<RadioProps> & Readonly<{
+    onChange?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,11 +4,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<RadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
     change: (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
+    "update:modelValue": (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<RadioGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
     onChange?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
 }>, {
     options: import("../../types/shared").ComponentOption[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -4,11 +4,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<RadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
     change: (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
+    "update:modelValue": (args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<RadioGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
     onChange?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: NonNullable<import("../../types/shared").ComponentValue | undefined>) => any) | undefined;
 }>, {
     options: import("../../types/shared").ComponentOption[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -10,12 +10,14 @@ interface Props {
     modelValue?: number | [number, number] | null;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: NonNullable<number | [number, number] | null | undefined>) => any;
     "update:modelValue": (args_0: NonNullable<number | [number, number] | null | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((args_0: NonNullable<number | [number, number] | null | undefined>) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: NonNullable<number | [number, number] | null | undefined>) => any) | undefined;
 }>, {
-    max: number;
     variant: ComponentVariant | "secondary";
+    max: number;
     modelValue: number | [number, number] | null;
     min: number;
     step: number;

package/dist/components/slider/index.vue

@@ -21,7 +21,7 @@ const props = defineProps({
   variant: { type: String, required: false, default: "primary" },
   modelValue: { type: [Number, Array, null], required: false, default: 0 }
 });
-const emits = defineEmits(["update:modelValue"]);
+const emits = defineEmits(["change", "update:modelValue"]);
 const SIZES = {
   sm: {
     track: "h-2",

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

@@ -10,12 +10,14 @@ interface Props {
     modelValue?: number | [number, number] | null;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: NonNullable<number | [number, number] | null | undefined>) => any;
     "update:modelValue": (args_0: NonNullable<number | [number, number] | null | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((args_0: NonNullable<number | [number, number] | null | undefined>) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: NonNullable<number | [number, number] | null | undefined>) => any) | undefined;
 }>, {
-    max: number;
     variant: ComponentVariant | "secondary";
+    max: number;
     modelValue: number | [number, number] | null;
     min: number;
     step: number;

package/dist/components/switch/index.vue

@@ -33,6 +33,12 @@ const computedClass = computed(() => {
   }
   return classes.join(" ");
 });
+function onSwitchFocusIn() {
+  if (computedDisabled.value) {
+    return;
+  }
+  switchGroupModelValue.value = props.value;
+}
 </script>
 
 <template>
@@ -53,7 +59,7 @@ const computedClass = computed(() => {
       :required="computedRequired"
     >
 
-    <div :class="computedClass">
+    <div :class="computedClass" @focusin="onSwitchFocusIn">
       <slot>
         {{ label }}
       </slot>

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

@@ -4,8 +4,10 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SwitchGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: NonNullable<string | number | undefined>) => any;
     "update:modelValue": (args_0: NonNullable<string | number | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<SwitchGroupProps> & Readonly<{
+    onChange?: ((args_0: NonNullable<string | number | undefined>) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: NonNullable<string | number | undefined>) => any) | undefined;
 }>, {
     options: import("../../types/shared").ComponentOption[];

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

@@ -21,7 +21,7 @@ const props = defineProps({
   options: { type: Array, required: false, default: () => [] },
   modelValue: { type: [String, Number], required: false, default: "" }
 });
-const emits = defineEmits(["update:modelValue"]);
+const emits = defineEmits(["change", "update:modelValue"]);
 const SIZES = {
   sm: "h-7.5",
   md: "h-9",

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

@@ -4,8 +4,10 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SwitchGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (args_0: NonNullable<string | number | undefined>) => any;
     "update:modelValue": (args_0: NonNullable<string | number | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<SwitchGroupProps> & Readonly<{
+    onChange?: ((args_0: NonNullable<string | number | undefined>) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: NonNullable<string | number | undefined>) => any) | undefined;
 }>, {
     options: import("../../types/shared").ComponentOption[];

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

@@ -12,15 +12,15 @@ interface Props {
     placeholder?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: NonNullable<ComponentLabel | undefined>) => any;
     blur: (args_0: FocusEvent) => any;
-    change: (args_0: Event) => any;
+    change: (args_0: NonNullable<ComponentLabel | undefined>) => any;
     focus: (args_0: FocusEvent) => any;
+    "update:modelValue": (args_0: NonNullable<ComponentLabel | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
     onBlur?: ((args_0: FocusEvent) => any) | undefined;
-    onChange?: ((args_0: Event) => any) | undefined;
+    onChange?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
     onFocus?: ((args_0: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
 }>, {
     modelValue: ComponentLabel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/textarea/index.vue

@@ -23,7 +23,7 @@ const props = defineProps({
   modelValue: { type: [String, Number, Array, null], required: false, default: "" },
   placeholder: { type: String, required: false }
 });
-const emits = defineEmits(["update:modelValue", "focus", "blur", "change"]);
+const emits = defineEmits(["update:modelValue", "change", "focus", "blur"]);
 const uniqueId = getUniqueId();
 const SIZES = {
   xs: "text-xs",
@@ -54,7 +54,7 @@ function onInputBlur(event) {
   emits("blur", event);
 }
 function onInputChange(event) {
-  emits("change", event);
+  emits("change", event.target.value);
 }
 </script>
 

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

@@ -12,15 +12,15 @@ interface Props {
     placeholder?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: NonNullable<ComponentLabel | undefined>) => any;
     blur: (args_0: FocusEvent) => any;
-    change: (args_0: Event) => any;
+    change: (args_0: NonNullable<ComponentLabel | undefined>) => any;
     focus: (args_0: FocusEvent) => any;
+    "update:modelValue": (args_0: NonNullable<ComponentLabel | undefined>) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
     onBlur?: ((args_0: FocusEvent) => any) | undefined;
-    onChange?: ((args_0: Event) => any) | undefined;
+    onChange?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
     onFocus?: ((args_0: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: NonNullable<ComponentLabel | undefined>) => any) | undefined;
 }>, {
     modelValue: ComponentLabel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -26,8 +26,6 @@ watch(() => isDark.value, (newVal) => {
     icon
     @click="toggleDarkMode"
   >
-    <Transition name="pxd-transition--fade-scale" mode="out-in">
-      <Component :is="renderIcon" class="size-em" />
-    </Transition>
+    <Component :is="renderIcon" class="size-em" />
   </PButton>
 </template>