pxd 0.0.52 → 0.0.53

package/dist/styles/tw.css

@@ -4,16 +4,16 @@
   --background-100-value: 0, 0%, 100%;
   --background-200-value: 0, 0%, 97%;
 
-  --color-gray-alpha-100-value: hsla(0, 0%, 0%, .05);
-  --color-gray-alpha-200-value: hsla(0, 0%, 0%, .082);
-  --color-gray-alpha-300-value: hsla(0, 0%, 0%, .12);
-  --color-gray-alpha-400-value: hsla(0, 0%, 0%, .17);
-  --color-gray-alpha-500-value: hsla(0, 0%, 0%, .21);
-  --color-gray-alpha-600-value: hsla(0, 0%, 0%, .34);
-  --color-gray-alpha-700-value: hsla(0, 0%, 0%, .44);
-  --color-gray-alpha-800-value: hsla(0, 0%, 0%, .51);
-  --color-gray-alpha-900-value: hsla(0, 0%, 0%, .61);
-  --color-gray-alpha-1000-value: hsla(0, 0%, 0%, .91);
+  --color-gray-alpha-100-value: hsla(0, 0%, 0%, 0.05);
+  --color-gray-alpha-200-value: hsla(0, 0%, 0%, 0.082);
+  --color-gray-alpha-300-value: hsla(0, 0%, 0%, 0.12);
+  --color-gray-alpha-400-value: hsla(0, 0%, 0%, 0.17);
+  --color-gray-alpha-500-value: hsla(0, 0%, 0%, 0.21);
+  --color-gray-alpha-600-value: hsla(0, 0%, 0%, 0.34);
+  --color-gray-alpha-700-value: hsla(0, 0%, 0%, 0.44);
+  --color-gray-alpha-800-value: hsla(0, 0%, 0%, 0.51);
+  --color-gray-alpha-900-value: hsla(0, 0%, 0%, 0.61);
+  --color-gray-alpha-1000-value: hsla(0, 0%, 0%, 0.91);
 
   --color-gray-100-value: 0, 0%, 95%;
   --color-gray-200-value: 0, 0%, 93%;
@@ -103,24 +103,34 @@
   --color-pink-900-value: 336, 65%, 45%;
   --color-pink-1000-value: 333, 74%, 15%;
 
-  --default-transition-duration: .2s;
-  --default-transition-timing-function: ease-out;
-
   --primary: var(--color-gray-1000-value);
   --primary-hover: hsla(var(--primary), 70%);
   --primary-active: hsla(var(--primary), 90%);
 
-  --radius: .5rem;
-  --ring: var(--color-blue-900-value);
-
-  --shadow-border-default-value: 0 0 0 1px rgba(0,0,0,.08);
-  --shadow-border-small-value: 0 0 0 1px rgba(0,0,0,.08), 0 1px 2px 0 rgba(0,0,0,.04);
-  --shadow-border-medium-value: 0 0 0 1px rgba(0,0,0,.08), 0px 2px 2px rgba(0,0,0,.04),0px 8px 8px -8px rgba(0,0,0,.04);
-  --shadow-border-large-value: 0 0 0 1px rgba(0,0,0,.08), 0px 2px 2px rgba(0,0,0,.04),0px 8px 16px -4px rgba(0,0,0,.04);
-  --shadow-border-tooltip-value: 0 0 0 1px rgba(0,0,0,.08),0px 1px 1px rgba(0,0,0,.02),0px 4px 8px rgba(0,0,0,.04);
-  --shadow-border-menu-value: 0 0 0 1px rgba(0,0,0,.08),0px 1px 1px rgba(0,0,0,.02),0px 4px 8px -4px rgba(0,0,0,.04),0px 16px 24px -8px rgba(0,0,0,.06);
-  --shadow-border-modal-value: 0 0 0 1px rgba(0,0,0,.08),0px 1px 1px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);
-  --shadow-border-fullscreen-value: 0 0 0 1px rgba(0,0,0,.08),0px 1px 1px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);
+  --radius: 0.5rem;
+  --duration: 0.15s;
+  --timing-function: ease-out;
+  --ring: var(--primary);
+
+  --shadow-border-default-value: 0 0 0 1px rgba(0, 0, 0, 0.08);
+  --shadow-border-small-value: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  --shadow-border-medium-value:
+    0 0 0 1px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04),
+    0px 8px 8px -8px rgba(0, 0, 0, 0.04);
+  --shadow-border-large-value:
+    0 0 0 1px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04),
+    0px 8px 16px -4px rgba(0, 0, 0, 0.04);
+  --shadow-border-tooltip-value:
+    0 0 0 1px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.02), 0px 4px 8px rgba(0, 0, 0, 0.04);
+  --shadow-border-menu-value:
+    0 0 0 1px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.02),
+    0px 4px 8px -4px rgba(0, 0, 0, 0.04), 0px 16px 24px -8px rgba(0, 0, 0, 0.06);
+  --shadow-border-modal-value:
+    0 0 0 1px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.02),
+    0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
+  --shadow-border-fullscreen-value:
+    0 0 0 1px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.02),
+    0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
 
   -webkit-tap-highlight-color: transparent;
   text-rendering: optimizeLegibility;
@@ -140,16 +150,16 @@
   --background-100-value: 0, 0%, 5%;
   --background-200-value: 0, 0%, 0%;
 
-  --color-gray-alpha-100-value: hsla(0, 0%, 100%, .06);
-  --color-gray-alpha-200-value: hsla(0, 0%, 100%, .09);
-  --color-gray-alpha-300-value: hsla(0, 0%, 100%, .13);
-  --color-gray-alpha-400-value: hsla(0, 0%, 100%, .14);
-  --color-gray-alpha-500-value: hsla(0, 0%, 100%, .24);
-  --color-gray-alpha-600-value: hsla(0, 0%, 100%, .51);
-  --color-gray-alpha-700-value: hsla(0, 0%, 100%, .54);
-  --color-gray-alpha-800-value: hsla(0, 0%, 100%, .47);
-  --color-gray-alpha-900-value: hsla(0, 0%, 100%, .61);
-  --color-gray-alpha-1000-value: hsla(0, 0%, 100%, .92);
+  --color-gray-alpha-100-value: hsla(0, 0%, 100%, 0.06);
+  --color-gray-alpha-200-value: hsla(0, 0%, 100%, 0.09);
+  --color-gray-alpha-300-value: hsla(0, 0%, 100%, 0.13);
+  --color-gray-alpha-400-value: hsla(0, 0%, 100%, 0.14);
+  --color-gray-alpha-500-value: hsla(0, 0%, 100%, 0.24);
+  --color-gray-alpha-600-value: hsla(0, 0%, 100%, 0.51);
+  --color-gray-alpha-700-value: hsla(0, 0%, 100%, 0.54);
+  --color-gray-alpha-800-value: hsla(0, 0%, 100%, 0.47);
+  --color-gray-alpha-900-value: hsla(0, 0%, 100%, 0.61);
+  --color-gray-alpha-1000-value: hsla(0, 0%, 100%, 0.92);
 
   --color-gray-100-value: 0, 0%, 10%;
   --color-gray-200-value: 0, 0%, 12%;
@@ -239,14 +249,27 @@
   --color-pink-900-value: 341, 90%, 67%;
   --color-pink-1000-value: 333, 90%, 96%;
 
-  --shadow-border-default-value: 0 0 0 1px rgba(255,255,255,.145);
-  --shadow-border-small-value: 0 0 0 1px rgba(255,255,255,.145),0 1px 2px 0 rgba(0,0,0,.04);
-  --shadow-border-medium-value: 0 0 0 1px rgba(255,255,255,.145),0px 2px 2px rgba(0,0,0,.32),0px 8px 8px -8px rgba(0,0,0,.16);
-  --shadow-border-large-value: 0 0 0 1px rgba(255,255,255,.145),0px 2px 2px rgba(0,0,0,.04),0px 8px 16px -4px rgba(0,0,0,.04);
-  --shadow-border-tooltip-value: 0 0 0 1px rgba(255,255,255,.145),0px 1px 1px rgba(0,0,0,.02),0px 4px 8px rgba(0,0,0,.04);
-  --shadow-border-menu-value: 0 0 0 1px rgba(255,255,255,.145),0px 1px 1px rgba(0,0,0,.02),0px 4px 8px -4px rgba(0,0,0,.04),0px 16px 24px -8px rgba(0,0,0,.06);
-  --shadow-border-modal-value: 0 0 0 1px rgba(255,255,255,.145),0px 1px 1px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);
-  --shadow-border-fullscreen-value: 0 0 0 1px rgba(255,255,255,.145),0px 1px 1px rgba(0,0,0,.02),0px 8px 16px -4px rgba(0,0,0,.04),0px 24px 32px -8px rgba(0,0,0,.06);
+  --shadow-border-default-value: 0 0 0 1px rgba(255, 255, 255, 0.145);
+  --shadow-border-small-value:
+    0 0 0 1px rgba(255, 255, 255, 0.145), 0 1px 2px 0 rgba(0, 0, 0, 0.04);
+  --shadow-border-medium-value:
+    0 0 0 1px rgba(255, 255, 255, 0.145), 0px 2px 2px rgba(0, 0, 0, 0.32),
+    0px 8px 8px -8px rgba(0, 0, 0, 0.16);
+  --shadow-border-large-value:
+    0 0 0 1px rgba(255, 255, 255, 0.145), 0px 2px 2px rgba(0, 0, 0, 0.04),
+    0px 8px 16px -4px rgba(0, 0, 0, 0.04);
+  --shadow-border-tooltip-value:
+    0 0 0 1px rgba(255, 255, 255, 0.145), 0px 1px 1px rgba(0, 0, 0, 0.02),
+    0px 4px 8px rgba(0, 0, 0, 0.04);
+  --shadow-border-menu-value:
+    0 0 0 1px rgba(255, 255, 255, 0.145), 0px 1px 1px rgba(0, 0, 0, 0.02),
+    0px 4px 8px -4px rgba(0, 0, 0, 0.04), 0px 16px 24px -8px rgba(0, 0, 0, 0.06);
+  --shadow-border-modal-value:
+    0 0 0 1px rgba(255, 255, 255, 0.145), 0px 1px 1px rgba(0, 0, 0, 0.02),
+    0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
+  --shadow-border-fullscreen-value:
+    0 0 0 1px rgba(255, 255, 255, 0.145), 0px 1px 1px rgba(0, 0, 0, 0.02),
+    0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
 
   color-scheme: dark;
 }
@@ -260,7 +283,9 @@
 }
 
 @theme inline {
-  --font-sans: 'Inter','Inter Fallback','Geist',ui-sans-serif,system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
+  --font-sans:
+    'Inter', 'Inter Fallback', 'Geist', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
   --color-primary: hsl(var(--primary));
   --color-primary-hover: var(--primary-hover);
@@ -377,8 +402,8 @@
   --color-pink-900: hsl(var(--color-pink-900-value));
   --color-pink-1000: hsl(var(--color-pink-1000-value));
 
-  --default-transition-duration: var(--default-transition-duration);
-  --default-transition-timing-function: var(--default-transition-timing-function);
+  --default-transition-duration: var(--duration);
+  --default-transition-timing-function: var(--timing-function);
 
   --z-1: 1;
   --spacing-em: 1em;
@@ -403,6 +428,22 @@
   --text-15px: 15px;
 }
 
+@utility default-animation-duration {
+  animation-duration: var(--default-transition-duration);
+}
+
+@utility default-transition-duration {
+  transition-duration: var(--default-transition-duration);
+}
+
+@utility default-animation-timing-function {
+  animation-timing-function: var(--default-transition-timing-function);
+}
+
+@utility default-transition-timing-function {
+  transition-timing-function: var(--default-transition-timing-function);
+}
+
 @utility scrollbar-hidden {
   & {
     scrollbar-width: none;
@@ -417,13 +458,17 @@
 
 @utility peer-focus-ring {
   .peer:focus-visible ~ & {
-    box-shadow: 0 0 0 2px var(--color-background-100), 0 0 0 4px hsl(var(--ring));
+    box-shadow:
+      0 0 0 2px var(--color-background-100),
+      0 0 0 4px hsl(var(--ring));
   }
 }
 
 @utility self-focus-ring {
   &:focus-visible {
-    box-shadow: 0 0 0 2px var(--color-background-100), 0 0 0 4px hsl(var(--ring));
+    box-shadow:
+      0 0 0 2px var(--color-background-100),
+      0 0 0 4px hsl(var(--ring));
   }
 }
 
@@ -446,7 +491,7 @@
 @utility dvh-* {
   height: calc(--value(integer) * 1vh);
 
-  @supports (height:1dvh) {
+  @supports (height: 1dvh) {
     height: calc(--value(integer) * 1dvh);
   }
 }
@@ -454,7 +499,7 @@
 @utility max-dvh-* {
   max-height: calc(--value(integer) * 1vh);
 
-  @supports (height:1dvh) {
+  @supports (height: 1dvh) {
     max-height: calc(--value(integer) * 1dvh);
   }
 }
@@ -470,13 +515,13 @@
     border: 1px solid var(--border-color, var(--color-gray-alpha-300));
 
     &:not(.is-disabled, .is-readonly):hover {
-      --border-color: hsla(var(--primary), .5);
+      --border-color: hsla(var(--primary), 0.5);
     }
 
-    &:not(.is-disabled, .is-readonly)[data-focusing="true"],
+    &:not(.is-disabled, .is-readonly)[data-focusing='true'],
     &:not(.is-disabled, .is-readonly):focus-within {
       --border-color: var(--color-primary);
-      box-shadow: 0 0 0 3px hsla(var(--primary), .2);
+      box-shadow: 0 0 0 3px hsla(var(--primary), 0.2);
     }
 
     &.is-error {
@@ -484,13 +529,15 @@
         color: var(--color-red-900) !important;
       }
 
-      &, &:focus-within, &[data-focusing="true"] {
+      &,
+      &:focus-within,
+      &[data-focusing='true'] {
         --border-color: hsl(var(--color-red-900-value));
         box-shadow: 0 0 0 3px hsl(var(--color-red-300-value));
       }
 
       &:focus-within,
-      &[data-focusing="true"],
+      &[data-focusing='true'],
       &:not(.is-disabled, .is-readonly):hover {
         --border-color: hsl(var(--color-red-900-value));
         box-shadow: 0 0 0 3px hsl(var(--color-red-500-value));
@@ -503,14 +550,14 @@
   content: '';
   position: absolute;
   inset: 0;
-  background: rgba(0, 0, 0, .4);
+  background: rgba(0, 0, 0, 0.4);
   transition: opacity var(--default-transition-duration) var(--default-transition-timing-function);
   pointer-events: none;
   will-change: opacity;
   z-index: 0;
 }
 
-[class*="pxd-transition--"] {
+[class*='pxd-transition--'] {
   transition-duration: var(--default-transition-duration);
   transition-timing-function: var(--default-transition-timing-function);
 }
@@ -521,7 +568,7 @@
   will-change: opacity;
 }
 
-.pxd-container-mask[data-visible="false"]::after,
+.pxd-container-mask[data-visible='false']::after,
 .pxd-transition--fade-enter-from,
 .pxd-transition--fade-leave-to {
   opacity: 0;
@@ -537,7 +584,7 @@
 .pxd-transition--fade-scale-enter-from,
 .pxd-transition--fade-scale-leave-to {
   opacity: 0;
-  transform: scale(var(--scale,.95));
+  transform: scale(var(--scale, 0.95));
 }
 
 .line-clamp {
@@ -565,6 +612,6 @@
 
 @media (prefers-reduced-motion: reduce) {
   :root {
-    --default-transition-duration: 0 !important;
+    --duration: 0 !important;
   }
 }

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

@@ -1,4 +1,4 @@
-interface Options {
+interface AvatarOptions {
   src?: string
   alt?: string
   loading?: boolean
@@ -7,5 +7,5 @@ interface Options {
 export interface AvatarGroupProps {
   max?: number
   size?: number | string
-  options?: Options[]
+  options?: AvatarOptions[]
 }

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

@@ -1,13 +1,20 @@
-import type { ComponentAs, ComponentSizeWithXs, ComponentVariantWithDefault } from '../shared'
+import type {
+  ComponentAs,
+  ComponentShape,
+  ComponentSizeWithXs,
+  ComponentVariantWithDefault,
+} from '../shared'
+
+export type ButtonVariant = ComponentVariantWithDefault | 'ghost' | 'simple' | 'icon' | 'link'
 
 export interface ButtonProps {
   as?: ComponentAs
-  variant?: ComponentVariantWithDefault | 'ghost' | 'simple' | 'icon'
+  variant?: ButtonVariant
   size?: ComponentSizeWithXs
-  shape?: 'square' | 'rounded'
+  shape?: ComponentShape
   align?: 'left' | 'center' | 'right'
   icon?: boolean
-  block?: boolean
   loading?: boolean
   disabled?: boolean
+  fullWidth?: boolean
 }

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

@@ -0,0 +1,12 @@
+export * from './avatar'
+export * from './button'
+export * from './carousel'
+export * from './checkbox'
+export * from './choicebox'
+export * from './error'
+export * from './input'
+export * from './list'
+export * from './popover'
+export * from './radio'
+export * from './switch'
+export * from './time-picker'

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

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from 'vue'
-import type { ComponentLabel, ComponentSizeWithXs } from '../shared/props'
+
+import type { ComponentSizeWithXs } from '../shared/props'
 
 export interface InputProps {
   size?: ComponentSizeWithXs
@@ -7,7 +8,6 @@ export interface InputProps {
   min?: number | string
   max?: number | string
   align?: 'left' | 'center' | 'right'
-  label?: ComponentLabel
   readonly?: boolean
   disabled?: boolean
   password?: boolean
@@ -18,13 +18,12 @@ export interface InputProps {
   minlength?: number | string
   maxlength?: number | string
   clearable?: boolean
-  modelValue?: ComponentLabel
+  clearValue?: string | number | null | undefined
+  modelValue?: string | number | null | undefined
   placeholder?: string
   prefixStyle?: boolean
   suffixStyle?: boolean
   prefixClass?: ComponentClass
   suffixClass?: ComponentClass
   selectOnFocus?: boolean
-  parser?: (value?: any) => any
-  formatter?: (value?: any) => any
 }

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

@@ -6,7 +6,7 @@ export interface ListOption extends Record<string, any> {
   label?: ComponentLabel
   disabled?: boolean
   description?: ComponentLabel
-  onClick?: (ev: MouseEvent, item: ListOptionSelected) => void
+  onClick?: (item: ListOptionSelected, ev: MouseEvent) => void
 }
 
 export type ListOptionSelected = Omit<ListOption, 'as' | 'onClick'>

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

@@ -1,9 +1,9 @@
 import type { ComponentOption, ComponentSize } from '../shared'
 
 export interface SwitchGroupProps {
-  block?: boolean
   disabled?: boolean
   required?: boolean
+  fullWidth?: boolean
   size?: ComponentSize
   options?: ComponentOption[]
   modelValue?: string | number

package/dist/types/shared/props.d.ts

@@ -1,4 +1,5 @@
 import type { VNode } from 'vue'
+
 import type { Awaitable } from './utils'
 
 export type ComponentVariant = 'primary' | 'error' | 'warning' | 'success'
@@ -7,6 +8,7 @@ export type ComponentVariantWithDefault = ComponentVariant | 'default'
 export type ComponentSize = 'sm' | 'md' | 'lg'
 export type ComponentSizeWithXs = ComponentSize | 'xs'
 
+export type ComponentShape = 'default' | 'square' | 'rounded'
 export type ComponentBreakpointKeys = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
 export type ComponentBreakpoint<T = string> = Record<ComponentBreakpointKeys, T>
 
@@ -19,10 +21,10 @@ export type ComponentClass = string | any[] | Record<string, any>
 export type ComponentDirection = 'horizontal' | 'vertical'
 
 export type BasePosition = 'top' | 'bottom' | 'left' | 'right'
-export type ComponentPosition<Position extends string = BasePosition>
-  = | Position
-    | `${Position}-start`
-    | `${Position}-end`
+export type ComponentPosition<Position extends string = BasePosition> =
+  | Position
+  | `${Position}-start`
+  | `${Position}-end`
 
 export type ResponsiveValue<T> = T | Partial<ComponentBreakpoint<T>>
 

package/dist/types/shared/utils.d.ts

@@ -10,4 +10,6 @@ export type CSSValue = Numeric | CSSUnitValue
 
 export type MaybeElement = Nullable<HTMLElement | SVGElement | ComponentPublicInstance>
 export type MaybeElementRef<T extends MaybeElement = MaybeElement> = MaybeRefOrGetter<Nullable<T>>
-export type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeRefOrGetter<Nullable<T>>
+export type MaybeComputedElementRef<T extends MaybeElement = MaybeElement> = MaybeRefOrGetter<
+  Nullable<T>
+>

package/dist/utils/context.d.ts

@@ -2,14 +2,8 @@ type InjectContextStrict<T> = ((fallback?: T) => T) & ((fallback: null) => T | n
 /**
  * @param providerComponentName - The name of the component providing the context.
  */
-export declare function createContext<ContextValue>(providerComponentName: string): readonly [
-    (contextValue: ContextValue) => ContextValue,
-    InjectContextStrict<ContextValue>
-];
-export declare function createContext<ContextValue>(providerComponentName: string, fallbackValue: ContextValue): readonly [
-    (contextValue: ContextValue) => ContextValue,
-    InjectContextStrict<ContextValue>
-];
+export declare function createContext<ContextValue>(providerComponentName: string): readonly [(contextValue: ContextValue) => ContextValue, InjectContextStrict<ContextValue>];
+export declare function createContext<ContextValue>(providerComponentName: string, fallbackValue: ContextValue): readonly [(contextValue: ContextValue) => ContextValue, InjectContextStrict<ContextValue>];
 export declare function createContext<ContextValue>(providerComponentName: string, fallbackValue: null): readonly [
     (contextValue: ContextValue) => ContextValue,
     (fallback?: ContextValue | null) => ContextValue | null

package/dist/utils/date.d.ts

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs/esm/index.js';
 import dayjsDurationPlugin from 'dayjs/esm/plugin/duration/index.js';
 import dayjsMillisecondTokenPlugin from '../plugins/dayjs-millisecond-token.js';
-export { dayjs, dayjsDurationPlugin, dayjsMillisecondTokenPlugin, };
+export { dayjs, dayjsDurationPlugin, dayjsMillisecondTokenPlugin };
 interface Result<T> {
     years: number[];
     months: number[];

package/dist/utils/date.js

@@ -1,11 +1,7 @@
 import dayjs from "dayjs/esm/index.js";
 import dayjsDurationPlugin from "dayjs/esm/plugin/duration/index.js";
 import dayjsMillisecondTokenPlugin from "../plugins/dayjs-millisecond-token.js";
-export {
-  dayjs,
-  dayjsDurationPlugin,
-  dayjsMillisecondTokenPlugin
-};
+export { dayjs, dayjsDurationPlugin, dayjsMillisecondTokenPlugin };
 export function getAllDatesBetween(startDate, endDate, format = "string") {
   const start = dayjs(startDate);
   const end = dayjs(endDate);

package/dist/utils/event.js

@@ -8,11 +8,7 @@ export function on(el, event, handler, options) {
     return () => {
     };
   }
-  el.addEventListener(
-    event,
-    handler,
-    options
-  );
+  el.addEventListener(event, handler, options);
   return () => {
     off(el, event, handler, options);
   };
@@ -21,24 +17,16 @@ export function off(el, event, handler, options) {
   if (!el) {
     return;
   }
-  el.removeEventListener(
-    event,
-    handler,
-    options
-  );
+  el.removeEventListener(event, handler, options);
 }
 export function once(el, event, handler, options) {
   if (!el) {
     return;
   }
-  el.addEventListener(
-    event,
-    handler,
-    {
-      ...options,
-      once: true
-    }
-  );
+  el.addEventListener(event, handler, {
+    ...options,
+    once: true
+  });
 }
 export function cachedOn(el, event, handler, options) {
   if (!el) {

package/dist/utils/format.d.ts

@@ -9,7 +9,7 @@ export declare function pascalize(text: string): string;
 export declare function uncapitalize(text: string): string;
 /** 'kabab-case' -> 'Kabab Case' */
 export declare function humanize(text: string): string;
-export declare function isTruthyProp(value: unknown): {};
+export declare function isTruthyProp(value: unknown): boolean;
 export declare function clampValue(n: number, min: number, max: number): number;
 export declare function isExternalLink(href: string): boolean;
 export declare function toArray(value: unknown | unknown[]): any[];

package/dist/utils/format.js

@@ -16,7 +16,7 @@ export function humanize(text) {
   return text.replace(/-/g, " ").replace(/\b\w/g, (char) => char.toUpperCase());
 }
 export function isTruthyProp(value) {
-  return value || value === "";
+  return Boolean(value) || value === "";
 }
 export function clampValue(n, min, max) {
   return min != null && max != null ? Math.min(Math.max(n, min), max) : n;

package/dist/utils/is.d.ts

@@ -1,5 +1,4 @@
 export declare const isVue3: () => boolean;
 export declare const isServer: () => boolean;
 export declare const isTouchDevice: () => boolean;
-export declare const isNotNullish: <T>(value: T) => value is NonNullable<T>;
 export declare function isIOS(): boolean | "";

package/dist/utils/is.js

@@ -2,7 +2,8 @@ import { version } from "vue";
 export const isVue3 = () => version.startsWith("3");
 export const isServer = () => typeof document === "undefined";
 export const isTouchDevice = () => isServer() ? false : "ontouchstart" in document;
-export const isNotNullish = (value) => value != null;
 export function isIOS() {
-  return !isServer() && navigator?.userAgent && (/iP(?:ad|hone|od)/.test(navigator.userAgent) || navigator?.maxTouchPoints > 2 && /iPad|Macintosh/.test(navigator.userAgent));
+  return !isServer() && navigator?.userAgent && (/iP(?:ad|hone|od)/.test(navigator.userAgent) || // The new iPad Pro Gen3 does not identify itself as iPad, but as Macintosh.
+  // https://github.com/vueuse/vueuse/issues/3577
+  navigator?.maxTouchPoints > 2 && /iPad|Macintosh/.test(navigator.userAgent));
 }

package/dist/utils/responsive.js

@@ -3,8 +3,11 @@ export function getResponsiveValue(prop, xsValue, valueSetter) {
     xsValue ? { xs: xsValue } : {},
     typeof prop === "object" ? prop : {}
   );
-  return Object.entries(formatted).reduce((acc, [bp, value]) => {
-    valueSetter(acc, bp, value);
-    return acc;
-  }, {});
+  return Object.entries(formatted).reduce(
+    (acc, [bp, value]) => {
+      valueSetter(acc, bp, value);
+      return acc;
+    },
+    {}
+  );
 }

package/dist/utils/throttle.js

@@ -2,10 +2,12 @@ export { throttle } from "es-toolkit/function";
 export function throttleByRaf(callback) {
   let timer;
   const throttle2 = (...args) => {
-    timer && window.cancelAnimationFrame(timer);
+    if (timer) {
+      window.cancelAnimationFrame(timer);
+    }
     timer = window.requestAnimationFrame(() => {
       callback(...args);
-      timer = 0;
+      timer = -1;
     });
   };
   throttle2.cancel = () => {