@hina-ui/vue 1.7.6 → 1.7.7

package/src/primitives/checkbox/LICENSE

@@ -0,0 +1,44 @@
+MIT License
+
+Copyright (c) 2023 UnoVue <https://github.com/unovue>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+Portions adapted from VueUse:
+MIT License
+
+Copyright (c) 2019-PRESENT Anthony Fu<https://github.com/antfu>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/primitives/checkbox/context.ts

@@ -0,0 +1,20 @@
+import type { ComputedRef, Ref } from 'vue'
+import type { CheckedState } from '../../../../shared/src/primitives/checkbox'
+import { createContext } from '../utils/createContext'
+
+export interface CheckboxGroupRootContext {
+  modelValue: Ref<unknown[]>
+  rovingFocus: Ref<boolean>
+  disabled: Ref<boolean>
+}
+
+export const [injectCheckboxGroupRootContext, provideCheckboxGroupRootContext] =
+  createContext<CheckboxGroupRootContext>('CheckboxGroupRoot')
+
+export interface CheckboxRootContext {
+  disabled: Ref<boolean>
+  state: ComputedRef<CheckedState>
+}
+
+export const [injectCheckboxRootContext, provideCheckboxRootContext] =
+  createContext<CheckboxRootContext>('CheckboxRoot')

package/src/primitives/checkbox/index.ts

@@ -0,0 +1,8 @@
+export {
+  injectCheckboxGroupRootContext,
+  injectCheckboxRootContext,
+  type CheckboxGroupRootContext,
+  type CheckboxRootContext,
+} from './context'
+export { CheckboxGroupRoot, type CheckboxGroupRootProps } from './CheckboxGroupRoot'
+export { CheckboxRoot, type CheckboxRootProps } from './CheckboxRoot'

package/src/primitives/collapsible/CollapsibleContent.ts

@@ -0,0 +1,124 @@
+import {
+  computed,
+  createCommentVNode,
+  defineComponent,
+  h,
+  mergeProps,
+  nextTick,
+  onMounted,
+  ref,
+  renderSlot,
+  watch,
+  withCtx,
+  type PropType,
+} from 'vue'
+import { useEventListener } from '@vueuse/core'
+import {
+  isCollapsibleContentRendered,
+  measureCollapsibleContent,
+  openState,
+  type CollapsibleMotion,
+} from '../../../../shared/src/primitives/collapsible'
+import { Presence } from '../presence'
+import { Primitive, type PrimitiveProps } from '../primitive'
+import { useForwardExpose } from '../utils/useForwardExpose'
+import { useId } from '../utils/useId'
+import { injectCollapsibleRootContext } from './context'
+
+export interface CollapsibleContentProps {
+  forceMount?: boolean
+  asChild?: boolean
+  as?: PrimitiveProps['as']
+}
+
+export type CollapsibleContentEmits = {
+  contentFound: []
+}
+
+export const CollapsibleContent = defineComponent({
+  name: 'CollapsibleContent',
+  inheritAttrs: false,
+  props: {
+    forceMount: { type: Boolean, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null as unknown as PropType<PrimitiveProps['as']>, required: false },
+  },
+  emits: ['contentFound'],
+  setup(props, { emit, attrs, slots }) {
+    const rootContext = injectCollapsibleRootContext()
+    rootContext.contentId ||= useId(undefined, 'reka-collapsible-content')
+    const presentRef = ref<{ present: boolean }>()
+    const { forwardRef, currentElement } = useForwardExpose()
+    const width = ref(0)
+    const height = ref(0)
+    const isOpen = computed(() => rootContext.open.value)
+    const isMountAnimationPrevented = ref(isOpen.value)
+    let motion: CollapsibleMotion | undefined
+
+    watch(
+      () => [isOpen.value, presentRef.value?.present],
+      async () => {
+        await nextTick()
+        const node = currentElement.value
+        if (!node) return
+        const measured = measureCollapsibleContent(node, motion, isMountAnimationPrevented.value)
+        motion = measured.motion
+        height.value = measured.height
+        width.value = measured.width
+      },
+      { immediate: true },
+    )
+
+    const skipAnimation = computed(() => isMountAnimationPrevented.value && rootContext.open.value)
+
+    onMounted(() => {
+      requestAnimationFrame(() => {
+        isMountAnimationPrevented.value = false
+      })
+    })
+
+    useEventListener(currentElement, 'beforematch', () => {
+      requestAnimationFrame(() => {
+        rootContext.onOpenToggle()
+        emit('contentFound')
+      })
+    })
+
+    return () =>
+      h(
+        Presence,
+        { ref: presentRef, present: props.forceMount || rootContext.open.value, forceMount: true },
+        {
+          default: withCtx(({ present }: { present: boolean }) => [
+            h(
+              Primitive,
+              mergeProps(attrs, {
+                id: rootContext.contentId,
+                ref: forwardRef,
+                'as-child': props.asChild,
+                as: props.as,
+                hidden: !present
+                  ? rootContext.unmountOnHide.value
+                    ? ''
+                    : 'until-found'
+                  : undefined,
+                'data-state': skipAnimation.value ? undefined : openState(rootContext.open.value),
+                'data-disabled': rootContext.disabled?.value ? '' : undefined,
+                style: {
+                  '--reka-collapsible-content-height': `${height.value}px`,
+                  '--reka-collapsible-content-width': `${width.value}px`,
+                },
+              }),
+              {
+                default: withCtx(() => [
+                  isCollapsibleContentRendered(present, rootContext.unmountOnHide.value)
+                    ? renderSlot(slots, 'default', { key: 0 })
+                    : createCommentVNode('v-if', true),
+                ]),
+              },
+            ),
+          ]),
+        },
+      )
+  },
+})

package/src/primitives/collapsible/CollapsibleRoot.ts

@@ -0,0 +1,63 @@
+import { defineComponent, h, renderSlot, toRefs, withCtx, type PropType } from 'vue'
+import { openState } from '../../../../shared/src/primitives/collapsible'
+import { Primitive, type PrimitiveProps } from '../primitive'
+import { useForwardExpose } from '../utils/useForwardExpose'
+import { useVModel } from '../utils/useVModel'
+import { provideCollapsibleRootContext } from './context'
+
+export interface CollapsibleRootProps {
+  defaultOpen?: boolean
+  open?: boolean
+  disabled?: boolean
+  unmountOnHide?: boolean
+  asChild?: boolean
+  as?: PrimitiveProps['as']
+}
+
+export type CollapsibleRootEmits = {
+  'update:open': [value: boolean]
+}
+
+export const CollapsibleRoot = defineComponent({
+  name: 'CollapsibleRoot',
+  props: {
+    defaultOpen: { type: Boolean, required: false, default: false },
+    open: { type: Boolean, required: false, default: undefined },
+    disabled: { type: Boolean, required: false },
+    unmountOnHide: { type: Boolean, required: false, default: true },
+    asChild: { type: Boolean, required: false },
+    as: { type: null as unknown as PropType<PrimitiveProps['as']>, required: false },
+  },
+  emits: ['update:open'],
+  setup(props, { emit, expose, slots }) {
+    const open = useVModel(props, 'open', emit, {
+      defaultValue: props.defaultOpen,
+      passive: props.open === undefined,
+    })
+    const { disabled, unmountOnHide } = toRefs(props)
+    provideCollapsibleRootContext({
+      contentId: '',
+      disabled,
+      open,
+      unmountOnHide,
+      onOpenToggle: () => {
+        if (disabled.value) return
+        open.value = !open.value
+      },
+    })
+    expose({ open })
+    useForwardExpose()
+
+    return () =>
+      h(
+        Primitive,
+        {
+          as: props.as,
+          'as-child': props.asChild,
+          'data-state': openState(open.value),
+          'data-disabled': disabled.value ? '' : undefined,
+        },
+        { default: withCtx(() => [renderSlot(slots, 'default', { open: open.value })]) },
+      )
+  },
+})

package/src/primitives/collapsible/CollapsibleTrigger.ts

@@ -0,0 +1,43 @@
+import { defineComponent, h, renderSlot, withCtx, type PropType } from 'vue'
+import { openState } from '../../../../shared/src/primitives/collapsible'
+import { Primitive, type PrimitiveProps } from '../primitive'
+import { useForwardExpose } from '../utils/useForwardExpose'
+import { injectCollapsibleRootContext } from './context'
+
+export interface CollapsibleTriggerProps {
+  asChild?: boolean
+  as?: PrimitiveProps['as']
+}
+
+export const CollapsibleTrigger = defineComponent({
+  name: 'CollapsibleTrigger',
+  props: {
+    asChild: { type: Boolean, required: false },
+    as: {
+      type: null as unknown as PropType<PrimitiveProps['as']>,
+      required: false,
+      default: 'button',
+    },
+  },
+  setup(props, { slots }) {
+    useForwardExpose()
+    const rootContext = injectCollapsibleRootContext()
+
+    return () =>
+      h(
+        Primitive,
+        {
+          type: props.as === 'button' ? 'button' : undefined,
+          as: props.as,
+          'as-child': props.asChild,
+          'aria-controls': rootContext.contentId,
+          'aria-expanded': rootContext.open.value,
+          'data-state': openState(rootContext.open.value),
+          'data-disabled': rootContext.disabled?.value ? '' : undefined,
+          disabled: rootContext.disabled?.value,
+          onClick: rootContext.onOpenToggle,
+        },
+        { default: withCtx(() => [renderSlot(slots, 'default')]) },
+      )
+  },
+})

package/src/primitives/collapsible/LICENSE

@@ -0,0 +1,44 @@
+MIT License
+
+Copyright (c) 2023 UnoVue <https://github.com/unovue>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+Portions adapted from VueUse:
+MIT License
+
+Copyright (c) 2019-PRESENT Anthony Fu<https://github.com/antfu>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/primitives/collapsible/context.ts

@@ -0,0 +1,13 @@
+import type { Ref } from 'vue'
+import { createContext } from '../utils/createContext'
+
+export interface CollapsibleRootContext {
+  contentId: string
+  disabled?: Ref<boolean>
+  open: Ref<boolean>
+  unmountOnHide: Ref<boolean>
+  onOpenToggle: () => void
+}
+
+export const [injectCollapsibleRootContext, provideCollapsibleRootContext] =
+  createContext<CollapsibleRootContext>('CollapsibleRoot')

package/src/primitives/collapsible/index.ts

@@ -0,0 +1,12 @@
+export { injectCollapsibleRootContext, type CollapsibleRootContext } from './context'
+export {
+  CollapsibleContent,
+  type CollapsibleContentEmits,
+  type CollapsibleContentProps,
+} from './CollapsibleContent'
+export {
+  CollapsibleRoot,
+  type CollapsibleRootEmits,
+  type CollapsibleRootProps,
+} from './CollapsibleRoot'
+export { CollapsibleTrigger, type CollapsibleTriggerProps } from './CollapsibleTrigger'

package/src/primitives/collection/LICENSE

@@ -0,0 +1,44 @@
+MIT License
+
+Copyright (c) 2023 UnoVue <https://github.com/unovue>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+Portions adapted from VueUse:
+MIT License
+
+Copyright (c) 2019-PRESENT Anthony Fu<https://github.com/antfu>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/primitives/collection/index.ts

@@ -0,0 +1,82 @@
+import {
+  computed,
+  defineComponent,
+  h,
+  inject,
+  markRaw,
+  provide,
+  ref,
+  watch,
+  watchEffect,
+  type Ref,
+} from 'vue'
+import { COLLECTION_ITEM, orderCollectionItems } from '../../../../shared/src/primitives/collection'
+import { Slot } from '../primitive'
+import { usePrimitiveElement } from '../utils/usePrimitiveElement'
+
+export interface CollectionItem<ItemData = Record<string, unknown>> {
+  ref: HTMLElement
+  value?: unknown
+  data?: ItemData
+}
+
+interface CollectionContext<ItemData> {
+  collectionRef: Ref<HTMLElement | undefined>
+  itemMap: Ref<Map<HTMLElement, CollectionItem<ItemData>>>
+}
+
+export function useCollection<ItemData = Record<string, unknown>>(
+  options: { key?: string; isProvider?: boolean } = {},
+) {
+  const { key = '', isProvider = false } = options
+  const injectionKey = `${key}CollectionProvider`
+  let context: CollectionContext<ItemData>
+  if (isProvider) {
+    context = {
+      collectionRef: ref<HTMLElement>(),
+      itemMap: ref(new Map()) as Ref<Map<HTMLElement, CollectionItem<ItemData>>>,
+    }
+    provide(injectionKey, context)
+  } else context = inject(injectionKey) as CollectionContext<ItemData>
+
+  const getItems = (includeDisabledItem = false) =>
+    orderCollectionItems(
+      context.collectionRef.value,
+      context.itemMap.value.values(),
+      includeDisabledItem,
+    )
+
+  const CollectionSlot = defineComponent({
+    name: 'CollectionSlot',
+    inheritAttrs: false,
+    setup(_, { slots, attrs }) {
+      const { primitiveElement, currentElement } = usePrimitiveElement()
+      watch(currentElement, () => {
+        context.collectionRef.value = currentElement.value
+      })
+      return () => h(Slot, { ref: primitiveElement, ...attrs }, slots)
+    },
+  })
+
+  const CollectionItem = defineComponent({
+    name: 'CollectionItem',
+    inheritAttrs: false,
+    props: { value: { validator: () => true } },
+    setup(props, { slots, attrs }) {
+      const { primitiveElement, currentElement } = usePrimitiveElement()
+      watchEffect(onCleanup => {
+        if (currentElement.value) {
+          const element = markRaw(currentElement.value)
+          context.itemMap.value.set(element, { ref: currentElement.value, value: props.value })
+          onCleanup(() => context.itemMap.value.delete(element))
+        }
+      })
+      return () => h(Slot, { ...attrs, [COLLECTION_ITEM]: '', ref: primitiveElement }, slots)
+    },
+  })
+
+  const reactiveItems = computed(() => Array.from(context.itemMap.value.values()))
+  const itemMapSize = computed(() => context.itemMap.value.size)
+
+  return { getItems, reactiveItems, itemMapSize, CollectionSlot, CollectionItem }
+}

package/src/primitives/number-field/NumberFieldDecrement.vue

@@ -1,14 +1,13 @@
 <script lang="ts">
-  import type { PrimitiveProps } from 'reka-ui'
-
   export interface NumberFieldDecrementProps extends PrimitiveProps {
     disabled?: boolean
   }
 </script>
 
 <script setup lang="ts">
-  import { Primitive } from 'reka-ui'
   import { useNumberFieldStep } from './context'
+  import type { PrimitiveProps } from '../primitive'
+  import { Primitive } from '../primitive'
 
   const props = withDefaults(defineProps<NumberFieldDecrementProps>(), { as: 'button' })
   const { primitiveElement, attributes } = useNumberFieldStep('decrease', props)

package/src/primitives/number-field/NumberFieldIncrement.vue

@@ -1,14 +1,13 @@
 <script lang="ts">
-  import type { PrimitiveProps } from 'reka-ui'
-
   export interface NumberFieldIncrementProps extends PrimitiveProps {
     disabled?: boolean
   }
 </script>
 
 <script setup lang="ts">
-  import { Primitive } from 'reka-ui'
   import { useNumberFieldStep } from './context'
+  import type { PrimitiveProps } from '../primitive'
+  import { Primitive } from '../primitive'
 
   const props = withDefaults(defineProps<NumberFieldIncrementProps>(), { as: 'button' })
   const { primitiveElement, attributes } = useNumberFieldStep('increase', props)

package/src/primitives/number-field/NumberFieldInput.vue

@@ -1,12 +1,9 @@
 <script lang="ts">
-  import type { PrimitiveProps } from 'reka-ui'
-
   export interface NumberFieldInputProps extends PrimitiveProps {}
 </script>
 
 <script setup lang="ts">
   import { computed, nextTick, onMounted, ref, watch } from 'vue'
-  import { Primitive } from 'reka-ui'
   import {
     deepActiveElement,
     numberFieldInputAttributes,
@@ -16,6 +13,8 @@
   } from '../../../../shared/src/primitives/number-field'
   import { usePrimitiveElement } from '../utils/usePrimitiveElement'
   import { injectNumberFieldRootContext } from './context'
+  import type { PrimitiveProps } from '../primitive'
+  import { Primitive } from '../primitive'
 
   const props = withDefaults(defineProps<NumberFieldInputProps>(), { as: 'input' })
 

package/src/primitives/number-field/NumberFieldRoot.vue

@@ -1,6 +1,4 @@
 <script lang="ts">
-  import type { PrimitiveProps } from 'reka-ui'
-
   export interface NumberFieldRootProps extends PrimitiveProps {
     defaultValue?: number
     modelValue?: number | null
@@ -35,7 +33,7 @@
     type FunctionalComponent,
     type Ref,
   } from 'vue'
-  import { injectConfigProviderContext, Primitive } from 'reka-ui'
+  import { injectConfigProviderContext } from '../utils/config'
   import {
     boundNumberFieldValue,
     commitNumberFieldText,
@@ -54,6 +52,8 @@
   import { useVModel } from '../utils/useVModel'
   import VisuallyHiddenInput from '../visually-hidden/VisuallyHiddenInput'
   import { provideNumberFieldRootContext } from './context'
+  import type { PrimitiveProps } from '../primitive'
+  import { Primitive } from '../primitive'
 
   defineOptions({ inheritAttrs: false })
 

package/src/primitives/pagination/LICENSE

@@ -0,0 +1,44 @@
+MIT License
+
+Copyright (c) 2023 UnoVue <https://github.com/unovue>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+Portions adapted from VueUse:
+MIT License
+
+Copyright (c) 2019-PRESENT Anthony Fu<https://github.com/antfu>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.