@hina-ui/vue 1.7.6 → 1.7.7

package/dist/shared/primitives/pin-input/index.ts

@@ -0,0 +1,126 @@
+import { arrowNavigation } from '../arrow-navigation'
+
+export type PinInputValue = Array<string | number | undefined>
+
+const NUMBER = /^\d*$/
+const NON_NUMBER = /\D/g
+const NAVIGATION_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End']
+
+export function pinInputValues(value: unknown): PinInputValue {
+  return Array.isArray(value) ? [...value] : []
+}
+
+export function isPinInputComplete(values: PinInputValue, count: number, numeric: boolean) {
+  return values.filter(value => !!value || (numeric && value === 0)).length === count
+}
+
+export function stripPinNonNumbers(value: string) {
+  return value.replace(NON_NUMBER, '')
+}
+
+function removeTrailingEmptyStrings(values: PinInputValue) {
+  while (values.length && values[values.length - 1] === '') values.pop()
+  return values
+}
+
+export function setPinValueAt(
+  current: PinInputValue,
+  index: number,
+  value: string,
+  numeric: boolean,
+) {
+  const values = [...current]
+  if (numeric) {
+    const number = +value
+    if (value === '' || Number.isNaN(number)) delete values[index]
+    else values[index] = number
+  } else values[index] = value
+  return removeTrailingEmptyStrings(values)
+}
+
+export function spreadPinValue(
+  current: PinInputValue,
+  characters: string,
+  index: number,
+  count: number,
+  numeric: boolean,
+) {
+  const values = [...current]
+  const start = characters.length >= count ? 0 : index
+  const end = Math.min(start + characters.length, count)
+  const filled: number[] = []
+  for (let at = start; at < end; at++) {
+    const character = characters[at - start]!
+    if (numeric) {
+      const number = Number.parseInt(character)
+      if (Number.isNaN(number)) continue
+      values[at] = number
+    } else values[at] = character
+    filled.push(at)
+  }
+  return { values, filled, end }
+}
+
+export type PinTextAction =
+  | { kind: 'clear' }
+  | { kind: 'filter'; value: string }
+  | { kind: 'spread'; characters: string }
+  | { kind: 'single'; character: string }
+
+export function resolvePinComposition(value: string, numeric: boolean): PinTextAction {
+  const text = numeric ? stripPinNonNumbers(value) : value
+  if (numeric && !text) return { kind: 'clear' }
+  if (text.length > 1) return { kind: 'spread', characters: text }
+  return { kind: 'single', character: text }
+}
+
+export function resolvePinInput(
+  data: string | null | undefined,
+  value: string,
+  numeric: boolean,
+): PinTextAction {
+  if ((data?.length ?? 0) > 1) return { kind: 'spread', characters: value }
+  if (numeric && !NUMBER.test(value)) return { kind: 'filter', value: stripPinNonNumbers(value) }
+  return { kind: 'single', character: data || value.slice(-1) }
+}
+
+export function resolvePinPaste(text: string, numeric: boolean) {
+  return numeric ? stripPinNonNumbers(text) : text
+}
+
+export function pinFocusRedirect(values: PinInputValue, count: number, index: number) {
+  for (let at = 0; at < count; at++)
+    if (values[at] === '' || values[at] === undefined) return at < index ? at : -1
+  return -1
+}
+
+export function isPinNavigationKey(key: string) {
+  return NAVIGATION_KEYS.includes(key)
+}
+
+export function navigatePin(
+  event: KeyboardEvent,
+  current: HTMLElement | null,
+  inputs: HTMLElement[],
+  dir: 'ltr' | 'rtl',
+) {
+  arrowNavigation(event, current, undefined, {
+    itemsArray: inputs,
+    focus: true,
+    loop: false,
+    arrowKeyOptions: 'horizontal',
+    dir,
+  })
+}
+
+export function pinPlaceholder(
+  element: HTMLInputElement,
+  active: Element | null,
+  placeholder: string,
+) {
+  element.placeholder = !element.value && element === active ? '' : placeholder
+}
+
+export function pinInputLabel(index: number, count: number) {
+  return `pin input ${index + 1} of ${count}`
+}

package/dist/shared/primitives/presence/LICENSE

@@ -0,0 +1,21 @@
+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.

package/dist/shared/primitives/presence/index.ts

@@ -0,0 +1,135 @@
+export type PresenceState = 'mounted' | 'unmountSuspended' | 'unmounted'
+type PresenceEvent = 'MOUNT' | 'UNMOUNT' | 'ANIMATION_OUT' | 'ANIMATION_END'
+type PresenceTransition = 'enter' | 'after-enter' | 'leave' | 'after-leave'
+
+const MACHINE: Record<PresenceState, Partial<Record<PresenceEvent, PresenceState>>> = {
+  mounted: { UNMOUNT: 'unmounted', ANIMATION_OUT: 'unmountSuspended' },
+  unmountSuspended: { MOUNT: 'mounted', ANIMATION_END: 'unmounted' },
+  unmounted: { MOUNT: 'mounted' },
+}
+
+export function getAnimationName(node?: HTMLElement | null) {
+  return node ? getComputedStyle(node).animationName || 'none' : 'none'
+}
+
+export interface PresenceController {
+  readonly state: PresenceState
+  readonly present: boolean
+  setNode: (node: HTMLElement | null | undefined) => void
+  update: (present: boolean, previous: boolean | undefined) => void
+  dispose: () => void
+}
+
+export interface PresenceOptions {
+  fillForwards?: boolean
+}
+
+export function createPresence(
+  initial: boolean,
+  onStateChange: (state: PresenceState) => void,
+  { fillForwards = true }: PresenceOptions = {},
+): PresenceController {
+  let state: PresenceState = initial ? 'mounted' : 'unmounted'
+  let present = initial
+  let node: HTMLElement | null | undefined
+  let styles: CSSStyleDeclaration | undefined
+  let previousAnimationName = 'none'
+  let timeout: number | undefined
+
+  const ownerWindow = () => node?.ownerDocument.defaultView ?? globalThis.window
+
+  function send(event: PresenceEvent) {
+    const next = MACHINE[state][event]
+    if (!next || next === state) return
+    state = next
+    previousAnimationName = state === 'mounted' ? getAnimationName(node) : 'none'
+    onStateChange(state)
+  }
+
+  function emit(name: PresenceTransition) {
+    node?.dispatchEvent(new CustomEvent(name, { bubbles: false, cancelable: false }))
+  }
+
+  function handleAnimationStart(event: AnimationEvent) {
+    if (event.target === node) previousAnimationName = getAnimationName(node)
+  }
+
+  function handleAnimationEnd(event: AnimationEvent) {
+    if (!node || event.target !== node) return
+    const current = getAnimationName(node)
+    if (current.includes(CSS.escape(event.animationName))) {
+      emit(state === 'mounted' ? 'after-enter' : 'after-leave')
+      send('ANIMATION_END')
+      if (fillForwards && !present) {
+        const element = node
+        const fillMode = element.style.animationFillMode
+        element.style.animationFillMode = 'forwards'
+        timeout = ownerWindow()?.setTimeout(() => {
+          if (element.style.animationFillMode === 'forwards')
+            element.style.animationFillMode = fillMode
+        })
+      }
+    }
+    if (current === 'none') send('ANIMATION_END')
+  }
+
+  function detach(element: HTMLElement) {
+    element.removeEventListener('animationstart', handleAnimationStart)
+    element.removeEventListener('animationcancel', handleAnimationEnd)
+    element.removeEventListener('animationend', handleAnimationEnd)
+  }
+
+  return {
+    get state() {
+      return state
+    },
+    get present() {
+      return state === 'mounted' || state === 'unmountSuspended'
+    },
+    setNode(next) {
+      if (next === node) return
+      const previous = node
+      node = next
+      if (next) {
+        styles = getComputedStyle(next)
+        next.addEventListener('animationstart', handleAnimationStart)
+        next.addEventListener('animationcancel', handleAnimationEnd)
+        next.addEventListener('animationend', handleAnimationEnd)
+      } else {
+        send('ANIMATION_END')
+        if (timeout !== undefined) ownerWindow()?.clearTimeout(timeout)
+      }
+      if (previous) detach(previous)
+    },
+    update(current, previous) {
+      present = current
+      if (previous === current) return
+      const previousName = previousAnimationName
+      const currentName = getAnimationName(node)
+      if (current) {
+        send('MOUNT')
+        emit('enter')
+        if (currentName === 'none') emit('after-enter')
+      } else if (
+        currentName === 'none' ||
+        currentName === 'undefined' ||
+        styles?.display === 'none'
+      ) {
+        send('UNMOUNT')
+        emit('leave')
+        emit('after-leave')
+      } else if (previous && previousName !== currentName) {
+        send('ANIMATION_OUT')
+        emit('leave')
+      } else {
+        send('UNMOUNT')
+        emit('after-leave')
+      }
+    },
+    dispose() {
+      if (node) detach(node)
+      if (timeout !== undefined) ownerWindow()?.clearTimeout(timeout)
+      node = undefined
+    },
+  }
+}

package/dist/shared/primitives/progress/LICENSE

@@ -0,0 +1,21 @@
+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.

package/dist/shared/primitives/progress/index.ts

@@ -0,0 +1,41 @@
+export const DEFAULT_PROGRESS_MAX = 100
+
+export type ProgressState = 'indeterminate' | 'complete' | 'loading'
+
+export function isNumber(value: unknown): value is number {
+  return typeof value === 'number'
+}
+
+export function isValidProgressMax(max: unknown): max is number {
+  return isNumber(max) && !Number.isNaN(max) && max > 0
+}
+
+export function isValidProgressValue(
+  value: unknown,
+  max: number,
+): value is number | null | undefined {
+  return value == null || (isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0)
+}
+
+export function progressValueError(value: unknown) {
+  return `Invalid prop \`value\` of value \`${value}\` supplied to \`ProgressRoot\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${DEFAULT_PROGRESS_MAX} if no \`max\` prop is set)
+  - \`null\`  or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`
+}
+
+export function progressMaxError(max: unknown) {
+  return `Invalid prop \`max\` of value \`${max}\` supplied to \`ProgressRoot\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_PROGRESS_MAX}\`.`
+}
+
+export function progressState(value: number | null | undefined, max: number): ProgressState {
+  if (value == null) return 'indeterminate'
+  if (value === max) return 'complete'
+  return 'loading'
+}
+
+export function defaultProgressLabel(value: number | null | undefined, max: number) {
+  return isNumber(value) ? `${Math.round((value / max) * DEFAULT_PROGRESS_MAX)}%` : undefined
+}

package/dist/shared/primitives/radio-group/LICENSE

@@ -0,0 +1,21 @@
+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.

package/dist/shared/primitives/radio-group/index.ts

@@ -0,0 +1,46 @@
+import { handleAndDispatchCustomEvent } from '../dismissable-layer'
+
+export const RADIO_SELECT = 'radio.select'
+
+const ARROW_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']
+
+export interface RadioSelectDetail<T = unknown, E extends Event = Event> {
+  originalEvent: E
+  value: T
+}
+
+export type RadioSelectEvent<T = unknown, E extends Event = Event> = CustomEvent<
+  RadioSelectDetail<T, E>
+>
+
+export function dispatchRadioSelect<T, E extends Event>(
+  event: E,
+  value: T,
+  callback: (event: RadioSelectEvent<T, E>) => void,
+) {
+  handleAndDispatchCustomEvent<RadioSelectEvent<T, E>>(RADIO_SELECT, callback, {
+    originalEvent: event,
+    value,
+  })
+}
+
+export function trackArrowKeys(target: Window) {
+  let pressed = false
+  const down = (event: KeyboardEvent) => {
+    if (ARROW_KEYS.includes(event.key)) pressed = true
+  }
+  const up = () => {
+    pressed = false
+  }
+  target.addEventListener('keydown', down)
+  target.addEventListener('keyup', up)
+  return {
+    get pressed() {
+      return pressed
+    },
+    dispose() {
+      target.removeEventListener('keydown', down)
+      target.removeEventListener('keyup', up)
+    },
+  }
+}

package/dist/shared/primitives/rating/LICENSE

@@ -0,0 +1,21 @@
+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.

package/dist/shared/primitives/rating/index.ts

@@ -0,0 +1,37 @@
+export function ratingItems(length: number) {
+  return Array.from({ length }, (_, index) => index + 1)
+}
+
+export function ratingSteps(item: number, stepSize: number) {
+  const start = item - 1
+  const count = Math.ceil((item - start) / stepSize)
+  return Array.from({ length: count }, (_, index) =>
+    Number((start + (index + 1) * stepSize).toFixed(2)),
+  )
+}
+
+export function nextRating(clearable: boolean, current: number | undefined, rating: number) {
+  return clearable && current === rating ? 0 : rating
+}
+
+export function isRatingStepActive(step: number, hovered: number, value: number | undefined) {
+  return (hovered > 0 && step <= hovered) || (hovered === 0 && step <= (value ?? Number.NaN))
+}
+
+export function isRatingStepVisible(
+  focused: boolean,
+  stepSize: number,
+  step: number,
+  hovered: number,
+  value: number | undefined,
+) {
+  return focused || stepSize === 1 || step % 1 === 0 || step === hovered || step === value
+}
+
+export function ratingStepWidth(step: number) {
+  return `${(step % 1 || 1) * 100}%`
+}
+
+export function ratingStepZIndex(steps: number[], step: number) {
+  return steps.length - steps.indexOf(step)
+}

package/dist/shared/primitives/roving-focus/LICENSE

@@ -0,0 +1,21 @@
+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.

package/dist/shared/primitives/roving-focus/index.ts

@@ -0,0 +1,44 @@
+import { getActiveElement } from '../focus-scope'
+
+export type Orientation = 'horizontal' | 'vertical'
+export type Direction = 'ltr' | 'rtl'
+export type FocusIntent = 'first' | 'last' | 'prev' | 'next'
+
+export const ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus'
+export const ENTRY_FOCUS_OPTIONS = { bubbles: false, cancelable: true }
+
+const KEY_TO_INTENT: Record<string, FocusIntent> = {
+  ArrowLeft: 'prev',
+  ArrowUp: 'prev',
+  ArrowRight: 'next',
+  ArrowDown: 'next',
+  PageUp: 'first',
+  Home: 'first',
+  PageDown: 'last',
+  End: 'last',
+}
+
+export function getDirectionAwareKey(key: string, dir?: Direction) {
+  if (dir !== 'rtl') return key
+  return key === 'ArrowLeft' ? 'ArrowRight' : key === 'ArrowRight' ? 'ArrowLeft' : key
+}
+
+export function getFocusIntent(event: KeyboardEvent, orientation?: Orientation, dir?: Direction) {
+  const key = getDirectionAwareKey(event.key, dir)
+  if (orientation === 'vertical' && (key === 'ArrowLeft' || key === 'ArrowRight')) return undefined
+  if (orientation === 'horizontal' && (key === 'ArrowUp' || key === 'ArrowDown')) return undefined
+  return KEY_TO_INTENT[key]
+}
+
+export function focusFirstCandidate(candidates: HTMLElement[], preventScroll = false) {
+  const previous = getActiveElement()
+  for (const candidate of candidates) {
+    if (candidate === previous) return
+    candidate.focus({ preventScroll })
+    if (getActiveElement() !== previous) return
+  }
+}
+
+export function wrapArray<T>(array: T[], startIndex: number) {
+  return array.map((_, index) => array[(startIndex + index) % array.length]!)
+}

package/dist/shared/primitives/separator/LICENSE

@@ -0,0 +1,21 @@
+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.

package/dist/shared/primitives/separator/index.ts

@@ -0,0 +1,14 @@
+export type SeparatorOrientation = 'horizontal' | 'vertical'
+
+export function separatorOrientation(orientation: unknown): SeparatorOrientation {
+  return orientation === 'vertical' ? 'vertical' : 'horizontal'
+}
+
+export function separatorSemantics(orientation: SeparatorOrientation, decorative?: boolean) {
+  return decorative
+    ? { role: 'none' as const }
+    : {
+        'aria-orientation': orientation === 'vertical' ? orientation : undefined,
+        role: 'separator' as const,
+      }
+}

package/dist/shared/primitives/size/LICENSE

@@ -0,0 +1,21 @@
+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.

package/dist/shared/primitives/size/index.ts

@@ -0,0 +1,19 @@
+export interface Size {
+  width: number
+  height: number
+}
+
+export function measureSize(element: HTMLElement): Size {
+  return { width: element.offsetWidth, height: element.offsetHeight }
+}
+
+export function observeSize(element: HTMLElement, onChange: (size: Size) => void) {
+  const observer = new ResizeObserver(entries => {
+    if (!Array.isArray(entries) || !entries.length) return
+    const entry = entries[0]!
+    const border = Array.isArray(entry.borderBoxSize) ? entry.borderBoxSize[0] : entry.borderBoxSize
+    onChange(border ? { width: border.inlineSize, height: border.blockSize } : measureSize(element))
+  })
+  observer.observe(element, { box: 'border-box' })
+  return () => observer.disconnect()
+}

package/dist/shared/primitives/slider/LICENSE

@@ -0,0 +1,21 @@
+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.