reka-ui 2.1.1 → 2.2.1

package/dist/shared/useArrowNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useArrowNavigation.cjs","sources":["../../src/shared/useArrowNavigation.ts"],"sourcesContent":["import type { Direction } from './types'\n\ntype ArrowKeyOptions = 'horizontal' | 'vertical' | 'both'\n\ninterface ArrowNavigationOptions {\n  /**\n   * The arrow key options to allow navigation\n   *\n   * @defaultValue \"both\"\n   */\n  arrowKeyOptions?: ArrowKeyOptions\n\n  /**\n   * The attribute name to find the collection items in the parent element.\n   *\n   * @defaultValue \"data-reka-collection-item\"\n   */\n  attributeName?: string\n\n  /**\n   * The parent element where contains all the collection items, this will collect every item to be used when nav\n   * It will be ignored if attributeName is provided\n   *\n   * @defaultValue []\n   */\n  itemsArray?: HTMLElement[]\n\n  /**\n   * Allow loop navigation. If false, it will stop at the first and last element\n   *\n   * @defaultValue true\n   */\n  loop?: boolean\n\n  /**\n   * The orientation of the collection\n   *\n   * @defaultValue \"ltr\"\n   */\n  dir?: Direction\n\n  /**\n   * Prevent the scroll when navigating. This happens when the direction of the\n   * key matches the scroll direction of any ancestor scrollable elements.\n   *\n   * @defaultValue true\n   */\n  preventScroll?: boolean\n\n  /**\n   * By default all currentElement would trigger navigation. If `true`, currentElement nodeName in the ignore list will return null\n   *\n   * @defaultValue false\n   */\n  enableIgnoredElement?: boolean\n\n  /**\n   * Focus the element after navigation\n   *\n   * @defaultValue false\n   */\n  focus?: boolean\n}\n\nconst ignoredElement = ['INPUT', 'TEXTAREA']\n\n/**\n * Allow arrow navigation for every html element with data-reka-collection-item tag\n *\n * @param e               Keyboard event\n * @param currentElement  Event initiator element or any element that wants to handle the navigation\n * @param parentElement   Parent element where contains all the collection items, this will collect every item to be used when nav\n * @param options         further options\n * @returns               the navigated html element or null if none\n */\nexport function useArrowNavigation(\n  e: KeyboardEvent,\n  currentElement: HTMLElement,\n  parentElement: HTMLElement | undefined,\n  options: ArrowNavigationOptions = {},\n): HTMLElement | null {\n  if (!currentElement || (options.enableIgnoredElement && ignoredElement.includes(currentElement.nodeName)))\n    return null\n\n  const {\n    arrowKeyOptions = 'both',\n    attributeName = '[data-reka-collection-item]',\n    itemsArray = [],\n    loop = true,\n    dir = 'ltr',\n    preventScroll = true,\n    focus = false,\n  } = options\n\n  const [right, left, up, down, home, end] = [\n    e.key === 'ArrowRight',\n    e.key === 'ArrowLeft',\n    e.key === 'ArrowUp',\n    e.key === 'ArrowDown',\n    e.key === 'Home',\n    e.key === 'End',\n  ]\n  const goingVertical = up || down\n  const goingHorizontal = right || left\n  if (\n    !home\n    && !end\n    && ((!goingVertical && !goingHorizontal)\n      || (arrowKeyOptions === 'vertical' && goingHorizontal)\n      || (arrowKeyOptions === 'horizontal' && goingVertical))\n  ) {\n    return null\n  }\n\n  const allCollectionItems: HTMLElement[] = parentElement\n    ? Array.from(parentElement.querySelectorAll(attributeName))\n    : itemsArray\n\n  if (!allCollectionItems.length)\n    return null\n\n  if (preventScroll)\n    e.preventDefault()\n\n  let item: HTMLElement | null = null\n\n  if (goingHorizontal || goingVertical) {\n    const goForward = goingVertical ? down : dir === 'ltr' ? right : left\n    item = findNextFocusableElement(allCollectionItems, currentElement, {\n      goForward,\n      loop,\n    })\n  }\n  else if (home) {\n    item = allCollectionItems.at(0) || null\n  }\n  else if (end) {\n    item = allCollectionItems.at(-1) || null\n  }\n\n  if (focus)\n    item?.focus()\n\n  return item\n}\n\ninterface FindNextFocusableElementOptions {\n  /**\n   * Whether to search forwards or backwards.\n   */\n  goForward: boolean\n  /**\n   * Whether to allow looping the search. If false, it will stop at the first/last element.\n   *\n   * @default true\n   */\n  loop?: boolean\n}\n\n/**\n * Recursive function to find the next focusable element to avoid disabled elements\n *\n * @param elements Elements to navigate\n * @param currentElement Current active element\n * @param options\n * @returns next focusable element\n */\nfunction findNextFocusableElement(\n  elements: HTMLElement[],\n  currentElement: HTMLElement,\n  options: FindNextFocusableElementOptions,\n  iterations = elements.length,\n): HTMLElement | null {\n  if (--iterations === 0)\n    return null\n\n  const index = elements.indexOf(currentElement)\n  const newIndex = options.goForward ? index + 1 : index - 1\n\n  if (!options.loop && (newIndex < 0 || newIndex >= elements.length))\n    return null\n\n  const adjustedNewIndex = (newIndex + elements.length) % elements.length\n  const candidate = elements[adjustedNewIndex]\n  if (!candidate)\n    return null\n\n  const isDisabled\n    = candidate.hasAttribute('disabled')\n    && candidate.getAttribute('disabled') !== 'false'\n  if (isDisabled) {\n    return findNextFocusableElement(\n      elements,\n      candidate,\n      options,\n      iterations,\n    )\n  }\n  return candidate\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useArrowNavigation.cjs","sources":["../../src/shared/useArrowNavigation.ts"],"sourcesContent":["import type { Direction } from './types'\n\ntype ArrowKeyOptions = 'horizontal' | 'vertical' | 'both'\n\ninterface ArrowNavigationOptions {\n  /**\n   * The arrow key options to allow navigation\n   *\n   * @defaultValue \"both\"\n   */\n  arrowKeyOptions?: ArrowKeyOptions\n\n  /**\n   * The attribute name to find the collection items in the parent element.\n   *\n   * @defaultValue \"data-reka-collection-item\"\n   */\n  attributeName?: string\n\n  /**\n   * The parent element where contains all the collection items, this will collect every item to be used when nav\n   * It will be ignored if attributeName is provided\n   *\n   * @defaultValue []\n   */\n  itemsArray?: HTMLElement[]\n\n  /**\n   * Allow loop navigation. If false, it will stop at the first and last element\n   *\n   * @defaultValue true\n   */\n  loop?: boolean\n\n  /**\n   * The orientation of the collection\n   *\n   * @defaultValue \"ltr\"\n   */\n  dir?: Direction\n\n  /**\n   * Prevent the scroll when navigating. This happens when the direction of the\n   * key matches the scroll direction of any ancestor scrollable elements.\n   *\n   * @defaultValue true\n   */\n  preventScroll?: boolean\n\n  /**\n   * By default all currentElement would trigger navigation. If `true`, currentElement nodeName in the ignore list will return null\n   *\n   * @defaultValue false\n   */\n  enableIgnoredElement?: boolean\n\n  /**\n   * Focus the element after navigation\n   *\n   * @defaultValue false\n   */\n  focus?: boolean\n}\n\nconst ignoredElement = ['INPUT', 'TEXTAREA']\n\n/**\n * Allow arrow navigation for every html element with data-reka-collection-item tag\n *\n * @param e               Keyboard event\n * @param currentElement  Event initiator element or any element that wants to handle the navigation\n * @param parentElement   Parent element where contains all the collection items, this will collect every item to be used when nav\n * @param options         further options\n * @returns               the navigated html element or null if none\n */\nexport function useArrowNavigation(\n  e: KeyboardEvent,\n  currentElement: HTMLElement,\n  parentElement: HTMLElement | undefined,\n  options: ArrowNavigationOptions = {},\n): HTMLElement | null {\n  if (!currentElement || (options.enableIgnoredElement && ignoredElement.includes(currentElement.nodeName)))\n    return null\n\n  const {\n    arrowKeyOptions = 'both',\n    attributeName = '[data-reka-collection-item]',\n    itemsArray = [],\n    loop = true,\n    dir = 'ltr',\n    preventScroll = true,\n    focus = false,\n  } = options\n\n  const [right, left, up, down, home, end] = [\n    e.key === 'ArrowRight',\n    e.key === 'ArrowLeft',\n    e.key === 'ArrowUp',\n    e.key === 'ArrowDown',\n    e.key === 'Home',\n    e.key === 'End',\n  ]\n  const goingVertical = up || down\n  const goingHorizontal = right || left\n  if (\n    !home\n    && !end\n    && ((!goingVertical && !goingHorizontal)\n      || (arrowKeyOptions === 'vertical' && goingHorizontal)\n      || (arrowKeyOptions === 'horizontal' && goingVertical))\n  ) {\n    return null\n  }\n\n  const allCollectionItems: HTMLElement[] = parentElement\n    ? Array.from(parentElement.querySelectorAll(attributeName))\n    : itemsArray\n\n  if (!allCollectionItems.length)\n    return null\n\n  if (preventScroll)\n    e.preventDefault()\n\n  let item: HTMLElement | null = null\n\n  if (goingHorizontal || goingVertical) {\n    const goForward = goingVertical ? down : dir === 'ltr' ? right : left\n    item = findNextFocusableElement(allCollectionItems, currentElement, {\n      goForward,\n      loop,\n    })\n  }\n  else if (home) {\n    item = allCollectionItems.at(0) || null\n  }\n  else if (end) {\n    item = allCollectionItems.at(-1) || null\n  }\n\n  if (focus)\n    item?.focus()\n\n  return item\n}\n\ninterface FindNextFocusableElementOptions {\n  /**\n   * Whether to search forwards or backwards.\n   */\n  goForward: boolean\n  /**\n   * Whether to allow looping the search. If false, it will stop at the first/last element.\n   *\n   * @default true\n   */\n  loop?: boolean\n}\n\n/**\n * Recursive function to find the next focusable element to avoid disabled elements\n *\n * @param elements Elements to navigate\n * @param currentElement Current active element\n * @param options\n * @returns next focusable element\n */\nfunction findNextFocusableElement(\n  elements: HTMLElement[],\n  currentElement: HTMLElement,\n  options: FindNextFocusableElementOptions,\n  iterations = elements.length,\n): HTMLElement | null {\n  if (--iterations === 0)\n    return null\n\n  const index = elements.indexOf(currentElement)\n  const newIndex = options.goForward ? index + 1 : index - 1\n\n  if (!options.loop && (newIndex < 0 || newIndex >= elements.length))\n    return null\n\n  const adjustedNewIndex = (newIndex + elements.length) % elements.length\n  const candidate = elements[adjustedNewIndex]\n  if (!candidate)\n    return null\n\n  const isDisabled\n    = candidate.hasAttribute('disabled')\n      && candidate.getAttribute('disabled') !== 'false'\n  if (isDisabled) {\n    return findNextFocusableElement(\n      elements,\n      candidate,\n      options,\n      iterations,\n    )\n  }\n  return candidate\n}\n"],"names":[],"mappings":"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"}

package/dist/shared/useArrowNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useArrowNavigation.js","sources":["../../src/shared/useArrowNavigation.ts"],"sourcesContent":["import type { Direction } from './types'\n\ntype ArrowKeyOptions = 'horizontal' | 'vertical' | 'both'\n\ninterface ArrowNavigationOptions {\n  /**\n   * The arrow key options to allow navigation\n   *\n   * @defaultValue \"both\"\n   */\n  arrowKeyOptions?: ArrowKeyOptions\n\n  /**\n   * The attribute name to find the collection items in the parent element.\n   *\n   * @defaultValue \"data-reka-collection-item\"\n   */\n  attributeName?: string\n\n  /**\n   * The parent element where contains all the collection items, this will collect every item to be used when nav\n   * It will be ignored if attributeName is provided\n   *\n   * @defaultValue []\n   */\n  itemsArray?: HTMLElement[]\n\n  /**\n   * Allow loop navigation. If false, it will stop at the first and last element\n   *\n   * @defaultValue true\n   */\n  loop?: boolean\n\n  /**\n   * The orientation of the collection\n   *\n   * @defaultValue \"ltr\"\n   */\n  dir?: Direction\n\n  /**\n   * Prevent the scroll when navigating. This happens when the direction of the\n   * key matches the scroll direction of any ancestor scrollable elements.\n   *\n   * @defaultValue true\n   */\n  preventScroll?: boolean\n\n  /**\n   * By default all currentElement would trigger navigation. If `true`, currentElement nodeName in the ignore list will return null\n   *\n   * @defaultValue false\n   */\n  enableIgnoredElement?: boolean\n\n  /**\n   * Focus the element after navigation\n   *\n   * @defaultValue false\n   */\n  focus?: boolean\n}\n\nconst ignoredElement = ['INPUT', 'TEXTAREA']\n\n/**\n * Allow arrow navigation for every html element with data-reka-collection-item tag\n *\n * @param e               Keyboard event\n * @param currentElement  Event initiator element or any element that wants to handle the navigation\n * @param parentElement   Parent element where contains all the collection items, this will collect every item to be used when nav\n * @param options         further options\n * @returns               the navigated html element or null if none\n */\nexport function useArrowNavigation(\n  e: KeyboardEvent,\n  currentElement: HTMLElement,\n  parentElement: HTMLElement | undefined,\n  options: ArrowNavigationOptions = {},\n): HTMLElement | null {\n  if (!currentElement || (options.enableIgnoredElement && ignoredElement.includes(currentElement.nodeName)))\n    return null\n\n  const {\n    arrowKeyOptions = 'both',\n    attributeName = '[data-reka-collection-item]',\n    itemsArray = [],\n    loop = true,\n    dir = 'ltr',\n    preventScroll = true,\n    focus = false,\n  } = options\n\n  const [right, left, up, down, home, end] = [\n    e.key === 'ArrowRight',\n    e.key === 'ArrowLeft',\n    e.key === 'ArrowUp',\n    e.key === 'ArrowDown',\n    e.key === 'Home',\n    e.key === 'End',\n  ]\n  const goingVertical = up || down\n  const goingHorizontal = right || left\n  if (\n    !home\n    && !end\n    && ((!goingVertical && !goingHorizontal)\n      || (arrowKeyOptions === 'vertical' && goingHorizontal)\n      || (arrowKeyOptions === 'horizontal' && goingVertical))\n  ) {\n    return null\n  }\n\n  const allCollectionItems: HTMLElement[] = parentElement\n    ? Array.from(parentElement.querySelectorAll(attributeName))\n    : itemsArray\n\n  if (!allCollectionItems.length)\n    return null\n\n  if (preventScroll)\n    e.preventDefault()\n\n  let item: HTMLElement | null = null\n\n  if (goingHorizontal || goingVertical) {\n    const goForward = goingVertical ? down : dir === 'ltr' ? right : left\n    item = findNextFocusableElement(allCollectionItems, currentElement, {\n      goForward,\n      loop,\n    })\n  }\n  else if (home) {\n    item = allCollectionItems.at(0) || null\n  }\n  else if (end) {\n    item = allCollectionItems.at(-1) || null\n  }\n\n  if (focus)\n    item?.focus()\n\n  return item\n}\n\ninterface FindNextFocusableElementOptions {\n  /**\n   * Whether to search forwards or backwards.\n   */\n  goForward: boolean\n  /**\n   * Whether to allow looping the search. If false, it will stop at the first/last element.\n   *\n   * @default true\n   */\n  loop?: boolean\n}\n\n/**\n * Recursive function to find the next focusable element to avoid disabled elements\n *\n * @param elements Elements to navigate\n * @param currentElement Current active element\n * @param options\n * @returns next focusable element\n */\nfunction findNextFocusableElement(\n  elements: HTMLElement[],\n  currentElement: HTMLElement,\n  options: FindNextFocusableElementOptions,\n  iterations = elements.length,\n): HTMLElement | null {\n  if (--iterations === 0)\n    return null\n\n  const index = elements.indexOf(currentElement)\n  const newIndex = options.goForward ? index + 1 : index - 1\n\n  if (!options.loop && (newIndex < 0 || newIndex >= elements.length))\n    return null\n\n  const adjustedNewIndex = (newIndex + elements.length) % elements.length\n  const candidate = elements[adjustedNewIndex]\n  if (!candidate)\n    return null\n\n  const isDisabled\n    = candidate.hasAttribute('disabled')\n    && candidate.getAttribute('disabled') !== 'false'\n  if (isDisabled) {\n    return findNextFocusableElement(\n      elements,\n      candidate,\n      options,\n      iterations,\n    )\n  }\n  return candidate\n}\n"],"names":[],"mappings":"AAgEA,MAAM,cAAA,GAAiB,CAAC,OAAA,EAAS,UAAU,CAAA;AAWpC,SAAS,mBACd,CACA,EAAA,cAAA,EACA,aACA,EAAA,OAAA,GAAkC,EACd,EAAA;AACpB,EAAA,IAAI,CAAC,cAAmB,IAAA,OAAA,CAAQ,wBAAwB,cAAe,CAAA,QAAA,CAAS,eAAe,QAAQ,CAAA;AACrG,IAAO,OAAA,IAAA;AAET,EAAM,MAAA;AAAA,IACJ,eAAkB,GAAA,MAAA;AAAA,IAClB,aAAgB,GAAA,6BAAA;AAAA,IAChB,aAAa,EAAC;AAAA,IACd,IAAO,GAAA,IAAA;AAAA,IACP,GAAM,GAAA,KAAA;AAAA,IACN,aAAgB,GAAA,IAAA;AAAA,IAChB,KAAQ,GAAA;AAAA,GACN,GAAA,OAAA;AAEJ,EAAA,MAAM,CAAC,KAAO,EAAA,IAAA,EAAM,IAAI,IAAM,EAAA,IAAA,EAAM,GAAG,CAAI,GAAA;AAAA,IACzC,EAAE,GAAQ,KAAA,YAAA;AAAA,IACV,EAAE,GAAQ,KAAA,WAAA;AAAA,IACV,EAAE,GAAQ,KAAA,SAAA;AAAA,IACV,EAAE,GAAQ,KAAA,WAAA;AAAA,IACV,EAAE,GAAQ,KAAA,MAAA;AAAA,IACV,EAAE,GAAQ,KAAA;AAAA,GACZ;AACA,EAAA,MAAM,gBAAgB,EAAM,IAAA,IAAA;AAC5B,EAAA,MAAM,kBAAkB,KAAS,IAAA,IAAA;AACjC,EAAA,IACE,CAAC,IAAA,IACE,CAAC,GAAA,KACC,CAAC,aAAA,IAAiB,CAAC,eAAA,IAClB,eAAoB,KAAA,UAAA,IAAc,eAClC,IAAA,eAAA,KAAoB,gBAAgB,aAC1C,CAAA,EAAA;AACA,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,kBAAA,GAAoC,gBACtC,KAAM,CAAA,IAAA,CAAK,cAAc,gBAAiB,CAAA,aAAa,CAAC,CACxD,GAAA,UAAA;AAEJ,EAAA,IAAI,CAAC,kBAAmB,CAAA,MAAA;AACtB,IAAO,OAAA,IAAA;AAET,EAAI,IAAA,aAAA;AACF,IAAA,CAAA,CAAE,cAAe,EAAA;AAEnB,EAAA,IAAI,IAA2B,GAAA,IAAA;AAE/B,EAAA,IAAI,mBAAmB,aAAe,EAAA;AACpC,IAAA,MAAM,SAAY,GAAA,aAAA,GAAgB,IAAO,GAAA,GAAA,KAAQ,QAAQ,KAAQ,GAAA,IAAA;AACjE,IAAO,IAAA,GAAA,wBAAA,CAAyB,oBAAoB,cAAgB,EAAA;AAAA,MAClE,SAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,aAEM,IAAM,EAAA;AACb,IAAO,IAAA,GAAA,kBAAA,CAAmB,EAAG,CAAA,CAAC,CAAK,IAAA,IAAA;AAAA,aAE5B,GAAK,EAAA;AACZ,IAAO,IAAA,GAAA,kBAAA,CAAmB,EAAG,CAAA,EAAE,CAAK,IAAA,IAAA;AAAA;AAGtC,EAAI,IAAA,KAAA;AACF,IAAA,IAAA,EAAM,KAAM,EAAA;AAEd,EAAO,OAAA,IAAA;AACT;AAuBA,SAAS,yBACP,QACA,EAAA,cAAA,EACA,OACA,EAAA,UAAA,GAAa,SAAS,MACF,EAAA;AACpB,EAAA,IAAI,EAAE,UAAe,KAAA,CAAA;AACnB,IAAO,OAAA,IAAA;AAET,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,OAAA,CAAQ,cAAc,CAAA;AAC7C,EAAA,MAAM,QAAW,GAAA,OAAA,CAAQ,SAAY,GAAA,KAAA,GAAQ,IAAI,KAAQ,GAAA,CAAA;AAEzD,EAAA,IAAI,CAAC,OAAQ,CAAA,IAAA,KAAS,QAAW,GAAA,CAAA,IAAK,YAAY,QAAS,CAAA,MAAA,CAAA;AACzD,IAAO,OAAA,IAAA;AAET,EAAA,MAAM,gBAAoB,GAAA,CAAA,QAAA,GAAW,QAAS,CAAA,MAAA,IAAU,QAAS,CAAA,MAAA;AACjE,EAAM,MAAA,SAAA,GAAY,SAAS,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAAC,SAAA;AACH,IAAO,OAAA,IAAA;AAET,EAAM,MAAA,UAAA,GACF,UAAU,YAAa,CAAA,UAAU,KAChC,SAAU,CAAA,YAAA,CAAa,UAAU,CAAM,KAAA,OAAA;AAC5C,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,OAAA,wBAAA;AAAA,MACL,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACF;AAAA;AAEF,EAAO,OAAA,SAAA;AACT;;;;"}
+{"version":3,"file":"useArrowNavigation.js","sources":["../../src/shared/useArrowNavigation.ts"],"sourcesContent":["import type { Direction } from './types'\n\ntype ArrowKeyOptions = 'horizontal' | 'vertical' | 'both'\n\ninterface ArrowNavigationOptions {\n  /**\n   * The arrow key options to allow navigation\n   *\n   * @defaultValue \"both\"\n   */\n  arrowKeyOptions?: ArrowKeyOptions\n\n  /**\n   * The attribute name to find the collection items in the parent element.\n   *\n   * @defaultValue \"data-reka-collection-item\"\n   */\n  attributeName?: string\n\n  /**\n   * The parent element where contains all the collection items, this will collect every item to be used when nav\n   * It will be ignored if attributeName is provided\n   *\n   * @defaultValue []\n   */\n  itemsArray?: HTMLElement[]\n\n  /**\n   * Allow loop navigation. If false, it will stop at the first and last element\n   *\n   * @defaultValue true\n   */\n  loop?: boolean\n\n  /**\n   * The orientation of the collection\n   *\n   * @defaultValue \"ltr\"\n   */\n  dir?: Direction\n\n  /**\n   * Prevent the scroll when navigating. This happens when the direction of the\n   * key matches the scroll direction of any ancestor scrollable elements.\n   *\n   * @defaultValue true\n   */\n  preventScroll?: boolean\n\n  /**\n   * By default all currentElement would trigger navigation. If `true`, currentElement nodeName in the ignore list will return null\n   *\n   * @defaultValue false\n   */\n  enableIgnoredElement?: boolean\n\n  /**\n   * Focus the element after navigation\n   *\n   * @defaultValue false\n   */\n  focus?: boolean\n}\n\nconst ignoredElement = ['INPUT', 'TEXTAREA']\n\n/**\n * Allow arrow navigation for every html element with data-reka-collection-item tag\n *\n * @param e               Keyboard event\n * @param currentElement  Event initiator element or any element that wants to handle the navigation\n * @param parentElement   Parent element where contains all the collection items, this will collect every item to be used when nav\n * @param options         further options\n * @returns               the navigated html element or null if none\n */\nexport function useArrowNavigation(\n  e: KeyboardEvent,\n  currentElement: HTMLElement,\n  parentElement: HTMLElement | undefined,\n  options: ArrowNavigationOptions = {},\n): HTMLElement | null {\n  if (!currentElement || (options.enableIgnoredElement && ignoredElement.includes(currentElement.nodeName)))\n    return null\n\n  const {\n    arrowKeyOptions = 'both',\n    attributeName = '[data-reka-collection-item]',\n    itemsArray = [],\n    loop = true,\n    dir = 'ltr',\n    preventScroll = true,\n    focus = false,\n  } = options\n\n  const [right, left, up, down, home, end] = [\n    e.key === 'ArrowRight',\n    e.key === 'ArrowLeft',\n    e.key === 'ArrowUp',\n    e.key === 'ArrowDown',\n    e.key === 'Home',\n    e.key === 'End',\n  ]\n  const goingVertical = up || down\n  const goingHorizontal = right || left\n  if (\n    !home\n    && !end\n    && ((!goingVertical && !goingHorizontal)\n      || (arrowKeyOptions === 'vertical' && goingHorizontal)\n      || (arrowKeyOptions === 'horizontal' && goingVertical))\n  ) {\n    return null\n  }\n\n  const allCollectionItems: HTMLElement[] = parentElement\n    ? Array.from(parentElement.querySelectorAll(attributeName))\n    : itemsArray\n\n  if (!allCollectionItems.length)\n    return null\n\n  if (preventScroll)\n    e.preventDefault()\n\n  let item: HTMLElement | null = null\n\n  if (goingHorizontal || goingVertical) {\n    const goForward = goingVertical ? down : dir === 'ltr' ? right : left\n    item = findNextFocusableElement(allCollectionItems, currentElement, {\n      goForward,\n      loop,\n    })\n  }\n  else if (home) {\n    item = allCollectionItems.at(0) || null\n  }\n  else if (end) {\n    item = allCollectionItems.at(-1) || null\n  }\n\n  if (focus)\n    item?.focus()\n\n  return item\n}\n\ninterface FindNextFocusableElementOptions {\n  /**\n   * Whether to search forwards or backwards.\n   */\n  goForward: boolean\n  /**\n   * Whether to allow looping the search. If false, it will stop at the first/last element.\n   *\n   * @default true\n   */\n  loop?: boolean\n}\n\n/**\n * Recursive function to find the next focusable element to avoid disabled elements\n *\n * @param elements Elements to navigate\n * @param currentElement Current active element\n * @param options\n * @returns next focusable element\n */\nfunction findNextFocusableElement(\n  elements: HTMLElement[],\n  currentElement: HTMLElement,\n  options: FindNextFocusableElementOptions,\n  iterations = elements.length,\n): HTMLElement | null {\n  if (--iterations === 0)\n    return null\n\n  const index = elements.indexOf(currentElement)\n  const newIndex = options.goForward ? index + 1 : index - 1\n\n  if (!options.loop && (newIndex < 0 || newIndex >= elements.length))\n    return null\n\n  const adjustedNewIndex = (newIndex + elements.length) % elements.length\n  const candidate = elements[adjustedNewIndex]\n  if (!candidate)\n    return null\n\n  const isDisabled\n    = candidate.hasAttribute('disabled')\n      && candidate.getAttribute('disabled') !== 'false'\n  if (isDisabled) {\n    return findNextFocusableElement(\n      elements,\n      candidate,\n      options,\n      iterations,\n    )\n  }\n  return candidate\n}\n"],"names":[],"mappings":"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"}

package/dist/shared/useBodyScrollLock.cjs

@@ -2,8 +2,8 @@
 
 const core = require('@vueuse/core');
 const shared = require('@vueuse/shared');
-const vue = require('vue');
 const defu = require('defu');
+const vue = require('vue');
 const ConfigProvider_ConfigProvider = require('../ConfigProvider/ConfigProvider.cjs');
 
 const useBodyLockStackCount = core.createSharedComposable(() => {
@@ -27,7 +27,7 @@ const useBodyLockStackCount = core.createSharedComposable(() => {
     document.body.style.removeProperty("--scrollbar-width");
     document.body.style.overflow = initialOverflow.value ?? "";
     shared.isIOS && stopTouchMoveListener?.();
-    initialOverflow.value = undefined;
+    initialOverflow.value = void 0;
   };
   vue.watch(locked, (val, oldVal) => {
     if (!shared.isClient)
@@ -37,7 +37,7 @@ const useBodyLockStackCount = core.createSharedComposable(() => {
         resetBodyStyle();
       return;
     }
-    if (initialOverflow.value === undefined)
+    if (initialOverflow.value === void 0)
       initialOverflow.value = document.body.style.overflow;
     const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
     const defaultConfig = { padding: verticalScrollbarWidth, margin: 0 };

package/dist/shared/useBodyScrollLock.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBodyScrollLock.cjs","sources":["../../src/shared/useBodyScrollLock.ts"],"sourcesContent":["import {\n  createSharedComposable,\n  useEventListener,\n} from '@vueuse/core'\nimport { type Fn, isClient, isIOS, tryOnBeforeUnmount } from '@vueuse/shared'\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { defu } from 'defu'\nimport { injectConfigProviderContext } from '@/ConfigProvider/ConfigProvider.vue'\n\nconst useBodyLockStackCount = createSharedComposable(() => {\n  const map = ref<Map<string, boolean>>(new Map())\n  const initialOverflow = ref<string | undefined>()\n\n  const locked = computed(() => {\n    for (const value of map.value.values()) {\n      if (value)\n        return true\n    }\n    return false\n  })\n\n  const context = injectConfigProviderContext({\n    scrollBody: ref(true),\n  })\n\n  let stopTouchMoveListener: Fn | null = null\n\n  const resetBodyStyle = () => {\n    document.body.style.paddingRight = ''\n    document.body.style.marginRight = ''\n    document.body.style.pointerEvents = ''\n    document.body.style.removeProperty('--scrollbar-width')\n    document.body.style.overflow = initialOverflow.value ?? ''\n    isIOS && stopTouchMoveListener?.()\n\n    initialOverflow.value = undefined\n  }\n\n  watch(locked, (val, oldVal) => {\n    if (!isClient)\n      return\n\n    if (!val) {\n      if (oldVal)\n        resetBodyStyle()\n      return\n    }\n\n    if (initialOverflow.value === undefined)\n      initialOverflow.value = document.body.style.overflow\n\n    const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n    const defaultConfig = { padding: verticalScrollbarWidth, margin: 0 }\n\n    const config = context.scrollBody?.value\n      ? typeof context.scrollBody.value === 'object'\n        ? defu({\n          padding: context.scrollBody.value.padding === true ? verticalScrollbarWidth : context.scrollBody.value.padding,\n          margin: context.scrollBody.value.margin === true ? verticalScrollbarWidth : context.scrollBody.value.margin,\n        }, defaultConfig)\n        : defaultConfig\n      : ({ padding: 0, margin: 0 })\n\n    if (verticalScrollbarWidth > 0) {\n      document.body.style.paddingRight = typeof config.padding === 'number' ? `${config.padding}px` : String(config.padding)\n      document.body.style.marginRight = typeof config.margin === 'number' ? `${config.margin}px` : String(config.margin)\n      document.body.style.setProperty('--scrollbar-width', `${verticalScrollbarWidth}px`)\n      document.body.style.overflow = 'hidden'\n    }\n\n    if (isIOS) {\n      stopTouchMoveListener = useEventListener(\n        document,\n        'touchmove',\n        (e: TouchEvent) => preventDefault(e),\n        { passive: false },\n      )\n    }\n\n    // let dismissibleLayer set previous pointerEvent first\n    nextTick(() => {\n      document.body.style.pointerEvents = 'none'\n      document.body.style.overflow = 'hidden'\n    })\n  }, { immediate: true, flush: 'sync' })\n\n  return map\n})\n\nexport function useBodyScrollLock(initialState?: boolean | undefined) {\n  const id = Math.random().toString(36).substring(2, 7) // just simple random id, need not to be cryptographically secure\n  const map = useBodyLockStackCount()\n\n  map.value.set(id, initialState ?? false)\n\n  const locked = computed({\n    get: () => map.value.get(id) ?? false,\n    set: value => map.value.set(id, value),\n  })\n\n  tryOnBeforeUnmount(() => {\n    map.value.delete(id)\n  })\n\n  return locked\n}\n\n// Adapt from https://github.com/vueuse/vueuse/blob/main/packages/core/useScrollLock/index.ts#L28C10-L28C24\nfunction checkOverflowScroll(ele: Element): boolean {\n  const style = window.getComputedStyle(ele)\n  if (\n    style.overflowX === 'scroll'\n    || style.overflowY === 'scroll'\n    || (style.overflowX === 'auto' && ele.clientWidth < ele.scrollWidth)\n    || (style.overflowY === 'auto' && ele.clientHeight < ele.scrollHeight)\n  ) {\n    return true\n  }\n  else {\n    const parent = ele.parentNode\n\n    if (!(parent instanceof Element) || parent.tagName === 'BODY')\n      return false\n\n    return checkOverflowScroll(parent)\n  }\n}\n\nfunction preventDefault(rawEvent: TouchEvent): boolean {\n  const e = rawEvent || window.event\n\n  const _target = e.target\n\n  // Do not prevent if element or parentNodes have overflow: scroll set.\n  if (_target instanceof Element && checkOverflowScroll(_target))\n    return false\n\n  // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n  if (e.touches.length > 1)\n    return true\n\n  if (e.preventDefault && e.cancelable)\n    e.preventDefault()\n\n  return false\n}\n"],"names":["createSharedComposable","ref","computed","injectConfigProviderContext","isIOS","watch","isClient","defu","useEventListener","nextTick","tryOnBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"useBodyScrollLock.cjs","sources":["../../src/shared/useBodyScrollLock.ts"],"sourcesContent":["import type { Fn } from '@vueuse/shared'\nimport { injectConfigProviderContext } from '@/ConfigProvider/ConfigProvider.vue'\nimport {\n  createSharedComposable,\n  useEventListener,\n} from '@vueuse/core'\nimport { isClient, isIOS, tryOnBeforeUnmount } from '@vueuse/shared'\nimport { defu } from 'defu'\nimport { computed, nextTick, ref, watch } from 'vue'\n\nconst useBodyLockStackCount = createSharedComposable(() => {\n  const map = ref<Map<string, boolean>>(new Map())\n  const initialOverflow = ref<string | undefined>()\n\n  const locked = computed(() => {\n    for (const value of map.value.values()) {\n      if (value)\n        return true\n    }\n    return false\n  })\n\n  const context = injectConfigProviderContext({\n    scrollBody: ref(true),\n  })\n\n  let stopTouchMoveListener: Fn | null = null\n\n  const resetBodyStyle = () => {\n    document.body.style.paddingRight = ''\n    document.body.style.marginRight = ''\n    document.body.style.pointerEvents = ''\n    document.body.style.removeProperty('--scrollbar-width')\n    document.body.style.overflow = initialOverflow.value ?? ''\n    isIOS && stopTouchMoveListener?.()\n\n    initialOverflow.value = undefined\n  }\n\n  watch(locked, (val, oldVal) => {\n    if (!isClient)\n      return\n\n    if (!val) {\n      if (oldVal)\n        resetBodyStyle()\n      return\n    }\n\n    if (initialOverflow.value === undefined)\n      initialOverflow.value = document.body.style.overflow\n\n    const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n    const defaultConfig = { padding: verticalScrollbarWidth, margin: 0 }\n\n    const config = context.scrollBody?.value\n      ? typeof context.scrollBody.value === 'object'\n        ? defu({\n            padding: context.scrollBody.value.padding === true ? verticalScrollbarWidth : context.scrollBody.value.padding,\n            margin: context.scrollBody.value.margin === true ? verticalScrollbarWidth : context.scrollBody.value.margin,\n          }, defaultConfig)\n        : defaultConfig\n      : ({ padding: 0, margin: 0 })\n\n    if (verticalScrollbarWidth > 0) {\n      document.body.style.paddingRight = typeof config.padding === 'number' ? `${config.padding}px` : String(config.padding)\n      document.body.style.marginRight = typeof config.margin === 'number' ? `${config.margin}px` : String(config.margin)\n      document.body.style.setProperty('--scrollbar-width', `${verticalScrollbarWidth}px`)\n      document.body.style.overflow = 'hidden'\n    }\n\n    if (isIOS) {\n      stopTouchMoveListener = useEventListener(\n        document,\n        'touchmove',\n        (e: TouchEvent) => preventDefault(e),\n        { passive: false },\n      )\n    }\n\n    // let dismissibleLayer set previous pointerEvent first\n    nextTick(() => {\n      document.body.style.pointerEvents = 'none'\n      document.body.style.overflow = 'hidden'\n    })\n  }, { immediate: true, flush: 'sync' })\n\n  return map\n})\n\nexport function useBodyScrollLock(initialState?: boolean | undefined) {\n  const id = Math.random().toString(36).substring(2, 7) // just simple random id, need not to be cryptographically secure\n  const map = useBodyLockStackCount()\n\n  map.value.set(id, initialState ?? false)\n\n  const locked = computed({\n    get: () => map.value.get(id) ?? false,\n    set: value => map.value.set(id, value),\n  })\n\n  tryOnBeforeUnmount(() => {\n    map.value.delete(id)\n  })\n\n  return locked\n}\n\n// Adapt from https://github.com/vueuse/vueuse/blob/main/packages/core/useScrollLock/index.ts#L28C10-L28C24\nfunction checkOverflowScroll(ele: Element): boolean {\n  const style = window.getComputedStyle(ele)\n  if (\n    style.overflowX === 'scroll'\n    || style.overflowY === 'scroll'\n    || (style.overflowX === 'auto' && ele.clientWidth < ele.scrollWidth)\n    || (style.overflowY === 'auto' && ele.clientHeight < ele.scrollHeight)\n  ) {\n    return true\n  }\n  else {\n    const parent = ele.parentNode\n\n    if (!(parent instanceof Element) || parent.tagName === 'BODY')\n      return false\n\n    return checkOverflowScroll(parent)\n  }\n}\n\nfunction preventDefault(rawEvent: TouchEvent): boolean {\n  const e = rawEvent || window.event\n\n  const _target = e.target\n\n  // Do not prevent if element or parentNodes have overflow: scroll set.\n  if (_target instanceof Element && checkOverflowScroll(_target))\n    return false\n\n  // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n  if (e.touches.length > 1)\n    return true\n\n  if (e.preventDefault && e.cancelable)\n    e.preventDefault()\n\n  return false\n}\n"],"names":["createSharedComposable","ref","computed","injectConfigProviderContext","isIOS","watch","isClient","defu","useEventListener","nextTick","tryOnBeforeUnmount"],"mappings":"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"}

package/dist/shared/useBodyScrollLock.js

@@ -1,7 +1,7 @@
 import { createSharedComposable, useEventListener } from '@vueuse/core';
-import { isClient, isIOS, tryOnBeforeUnmount } from '@vueuse/shared';
-import { ref, computed, watch, nextTick } from 'vue';
+import { tryOnBeforeUnmount, isClient, isIOS } from '@vueuse/shared';
 import { defu } from 'defu';
+import { computed, ref, watch, nextTick } from 'vue';
 import { i as injectConfigProviderContext } from '../ConfigProvider/ConfigProvider.js';
 
 const useBodyLockStackCount = createSharedComposable(() => {
@@ -25,7 +25,7 @@ const useBodyLockStackCount = createSharedComposable(() => {
     document.body.style.removeProperty("--scrollbar-width");
     document.body.style.overflow = initialOverflow.value ?? "";
     isIOS && stopTouchMoveListener?.();
-    initialOverflow.value = undefined;
+    initialOverflow.value = void 0;
   };
   watch(locked, (val, oldVal) => {
     if (!isClient)
@@ -35,7 +35,7 @@ const useBodyLockStackCount = createSharedComposable(() => {
         resetBodyStyle();
       return;
     }
-    if (initialOverflow.value === undefined)
+    if (initialOverflow.value === void 0)
       initialOverflow.value = document.body.style.overflow;
     const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
     const defaultConfig = { padding: verticalScrollbarWidth, margin: 0 };

package/dist/shared/useBodyScrollLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBodyScrollLock.js","sources":["../../src/shared/useBodyScrollLock.ts"],"sourcesContent":["import {\n  createSharedComposable,\n  useEventListener,\n} from '@vueuse/core'\nimport { type Fn, isClient, isIOS, tryOnBeforeUnmount } from '@vueuse/shared'\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { defu } from 'defu'\nimport { injectConfigProviderContext } from '@/ConfigProvider/ConfigProvider.vue'\n\nconst useBodyLockStackCount = createSharedComposable(() => {\n  const map = ref<Map<string, boolean>>(new Map())\n  const initialOverflow = ref<string | undefined>()\n\n  const locked = computed(() => {\n    for (const value of map.value.values()) {\n      if (value)\n        return true\n    }\n    return false\n  })\n\n  const context = injectConfigProviderContext({\n    scrollBody: ref(true),\n  })\n\n  let stopTouchMoveListener: Fn | null = null\n\n  const resetBodyStyle = () => {\n    document.body.style.paddingRight = ''\n    document.body.style.marginRight = ''\n    document.body.style.pointerEvents = ''\n    document.body.style.removeProperty('--scrollbar-width')\n    document.body.style.overflow = initialOverflow.value ?? ''\n    isIOS && stopTouchMoveListener?.()\n\n    initialOverflow.value = undefined\n  }\n\n  watch(locked, (val, oldVal) => {\n    if (!isClient)\n      return\n\n    if (!val) {\n      if (oldVal)\n        resetBodyStyle()\n      return\n    }\n\n    if (initialOverflow.value === undefined)\n      initialOverflow.value = document.body.style.overflow\n\n    const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n    const defaultConfig = { padding: verticalScrollbarWidth, margin: 0 }\n\n    const config = context.scrollBody?.value\n      ? typeof context.scrollBody.value === 'object'\n        ? defu({\n          padding: context.scrollBody.value.padding === true ? verticalScrollbarWidth : context.scrollBody.value.padding,\n          margin: context.scrollBody.value.margin === true ? verticalScrollbarWidth : context.scrollBody.value.margin,\n        }, defaultConfig)\n        : defaultConfig\n      : ({ padding: 0, margin: 0 })\n\n    if (verticalScrollbarWidth > 0) {\n      document.body.style.paddingRight = typeof config.padding === 'number' ? `${config.padding}px` : String(config.padding)\n      document.body.style.marginRight = typeof config.margin === 'number' ? `${config.margin}px` : String(config.margin)\n      document.body.style.setProperty('--scrollbar-width', `${verticalScrollbarWidth}px`)\n      document.body.style.overflow = 'hidden'\n    }\n\n    if (isIOS) {\n      stopTouchMoveListener = useEventListener(\n        document,\n        'touchmove',\n        (e: TouchEvent) => preventDefault(e),\n        { passive: false },\n      )\n    }\n\n    // let dismissibleLayer set previous pointerEvent first\n    nextTick(() => {\n      document.body.style.pointerEvents = 'none'\n      document.body.style.overflow = 'hidden'\n    })\n  }, { immediate: true, flush: 'sync' })\n\n  return map\n})\n\nexport function useBodyScrollLock(initialState?: boolean | undefined) {\n  const id = Math.random().toString(36).substring(2, 7) // just simple random id, need not to be cryptographically secure\n  const map = useBodyLockStackCount()\n\n  map.value.set(id, initialState ?? false)\n\n  const locked = computed({\n    get: () => map.value.get(id) ?? false,\n    set: value => map.value.set(id, value),\n  })\n\n  tryOnBeforeUnmount(() => {\n    map.value.delete(id)\n  })\n\n  return locked\n}\n\n// Adapt from https://github.com/vueuse/vueuse/blob/main/packages/core/useScrollLock/index.ts#L28C10-L28C24\nfunction checkOverflowScroll(ele: Element): boolean {\n  const style = window.getComputedStyle(ele)\n  if (\n    style.overflowX === 'scroll'\n    || style.overflowY === 'scroll'\n    || (style.overflowX === 'auto' && ele.clientWidth < ele.scrollWidth)\n    || (style.overflowY === 'auto' && ele.clientHeight < ele.scrollHeight)\n  ) {\n    return true\n  }\n  else {\n    const parent = ele.parentNode\n\n    if (!(parent instanceof Element) || parent.tagName === 'BODY')\n      return false\n\n    return checkOverflowScroll(parent)\n  }\n}\n\nfunction preventDefault(rawEvent: TouchEvent): boolean {\n  const e = rawEvent || window.event\n\n  const _target = e.target\n\n  // Do not prevent if element or parentNodes have overflow: scroll set.\n  if (_target instanceof Element && checkOverflowScroll(_target))\n    return false\n\n  // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n  if (e.touches.length > 1)\n    return true\n\n  if (e.preventDefault && e.cancelable)\n    e.preventDefault()\n\n  return false\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBodyScrollLock.js","sources":["../../src/shared/useBodyScrollLock.ts"],"sourcesContent":["import type { Fn } from '@vueuse/shared'\nimport { injectConfigProviderContext } from '@/ConfigProvider/ConfigProvider.vue'\nimport {\n  createSharedComposable,\n  useEventListener,\n} from '@vueuse/core'\nimport { isClient, isIOS, tryOnBeforeUnmount } from '@vueuse/shared'\nimport { defu } from 'defu'\nimport { computed, nextTick, ref, watch } from 'vue'\n\nconst useBodyLockStackCount = createSharedComposable(() => {\n  const map = ref<Map<string, boolean>>(new Map())\n  const initialOverflow = ref<string | undefined>()\n\n  const locked = computed(() => {\n    for (const value of map.value.values()) {\n      if (value)\n        return true\n    }\n    return false\n  })\n\n  const context = injectConfigProviderContext({\n    scrollBody: ref(true),\n  })\n\n  let stopTouchMoveListener: Fn | null = null\n\n  const resetBodyStyle = () => {\n    document.body.style.paddingRight = ''\n    document.body.style.marginRight = ''\n    document.body.style.pointerEvents = ''\n    document.body.style.removeProperty('--scrollbar-width')\n    document.body.style.overflow = initialOverflow.value ?? ''\n    isIOS && stopTouchMoveListener?.()\n\n    initialOverflow.value = undefined\n  }\n\n  watch(locked, (val, oldVal) => {\n    if (!isClient)\n      return\n\n    if (!val) {\n      if (oldVal)\n        resetBodyStyle()\n      return\n    }\n\n    if (initialOverflow.value === undefined)\n      initialOverflow.value = document.body.style.overflow\n\n    const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n    const defaultConfig = { padding: verticalScrollbarWidth, margin: 0 }\n\n    const config = context.scrollBody?.value\n      ? typeof context.scrollBody.value === 'object'\n        ? defu({\n            padding: context.scrollBody.value.padding === true ? verticalScrollbarWidth : context.scrollBody.value.padding,\n            margin: context.scrollBody.value.margin === true ? verticalScrollbarWidth : context.scrollBody.value.margin,\n          }, defaultConfig)\n        : defaultConfig\n      : ({ padding: 0, margin: 0 })\n\n    if (verticalScrollbarWidth > 0) {\n      document.body.style.paddingRight = typeof config.padding === 'number' ? `${config.padding}px` : String(config.padding)\n      document.body.style.marginRight = typeof config.margin === 'number' ? `${config.margin}px` : String(config.margin)\n      document.body.style.setProperty('--scrollbar-width', `${verticalScrollbarWidth}px`)\n      document.body.style.overflow = 'hidden'\n    }\n\n    if (isIOS) {\n      stopTouchMoveListener = useEventListener(\n        document,\n        'touchmove',\n        (e: TouchEvent) => preventDefault(e),\n        { passive: false },\n      )\n    }\n\n    // let dismissibleLayer set previous pointerEvent first\n    nextTick(() => {\n      document.body.style.pointerEvents = 'none'\n      document.body.style.overflow = 'hidden'\n    })\n  }, { immediate: true, flush: 'sync' })\n\n  return map\n})\n\nexport function useBodyScrollLock(initialState?: boolean | undefined) {\n  const id = Math.random().toString(36).substring(2, 7) // just simple random id, need not to be cryptographically secure\n  const map = useBodyLockStackCount()\n\n  map.value.set(id, initialState ?? false)\n\n  const locked = computed({\n    get: () => map.value.get(id) ?? false,\n    set: value => map.value.set(id, value),\n  })\n\n  tryOnBeforeUnmount(() => {\n    map.value.delete(id)\n  })\n\n  return locked\n}\n\n// Adapt from https://github.com/vueuse/vueuse/blob/main/packages/core/useScrollLock/index.ts#L28C10-L28C24\nfunction checkOverflowScroll(ele: Element): boolean {\n  const style = window.getComputedStyle(ele)\n  if (\n    style.overflowX === 'scroll'\n    || style.overflowY === 'scroll'\n    || (style.overflowX === 'auto' && ele.clientWidth < ele.scrollWidth)\n    || (style.overflowY === 'auto' && ele.clientHeight < ele.scrollHeight)\n  ) {\n    return true\n  }\n  else {\n    const parent = ele.parentNode\n\n    if (!(parent instanceof Element) || parent.tagName === 'BODY')\n      return false\n\n    return checkOverflowScroll(parent)\n  }\n}\n\nfunction preventDefault(rawEvent: TouchEvent): boolean {\n  const e = rawEvent || window.event\n\n  const _target = e.target\n\n  // Do not prevent if element or parentNodes have overflow: scroll set.\n  if (_target instanceof Element && checkOverflowScroll(_target))\n    return false\n\n  // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n  if (e.touches.length > 1)\n    return true\n\n  if (e.preventDefault && e.cancelable)\n    e.preventDefault()\n\n  return false\n}\n"],"names":[],"mappings":";;;;;;AAUA,MAAM,qBAAA,GAAwB,uBAAuB,MAAM;AACzD,EAAA,MAAM,GAAM,GAAA,GAAA,iBAA8B,IAAA,GAAA,EAAK,CAAA;AAC/C,EAAA,MAAM,kBAAkB,GAAwB,EAAA;AAEhD,EAAM,MAAA,MAAA,GAAS,SAAS,MAAM;AAC5B,IAAA,KAAA,MAAW,KAAS,IAAA,GAAA,CAAI,KAAM,CAAA,MAAA,EAAU,EAAA;AACtC,MAAI,IAAA,KAAA;AACF,QAAO,OAAA,IAAA;AAAA;AAEX,IAAO,OAAA,KAAA;AAAA,GACR,CAAA;AAED,EAAA,MAAM,UAAU,2BAA4B,CAAA;AAAA,IAC1C,UAAA,EAAY,IAAI,IAAI;AAAA,GACrB,CAAA;AAED,EAAA,IAAI,qBAAmC,GAAA,IAAA;AAEvC,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAS,QAAA,CAAA,IAAA,CAAK,MAAM,YAAe,GAAA,EAAA;AACnC,IAAS,QAAA,CAAA,IAAA,CAAK,MAAM,WAAc,GAAA,EAAA;AAClC,IAAS,QAAA,CAAA,IAAA,CAAK,MAAM,aAAgB,GAAA,EAAA;AACpC,IAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,cAAA,CAAe,mBAAmB,CAAA;AACtD,IAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,QAAW,GAAA,eAAA,CAAgB,KAAS,IAAA,EAAA;AACxD,IAAA,KAAA,IAAS,qBAAwB,IAAA;AAEjC,IAAA,eAAA,CAAgB,KAAQ,GAAA,MAAA;AAAA,GAC1B;AAEA,EAAM,KAAA,CAAA,MAAA,EAAQ,CAAC,GAAA,EAAK,MAAW,KAAA;AAC7B,IAAA,IAAI,CAAC,QAAA;AACH,MAAA;AAEF,IAAA,IAAI,CAAC,GAAK,EAAA;AACR,MAAI,IAAA,MAAA;AACF,QAAe,cAAA,EAAA;AACjB,MAAA;AAAA;AAGF,IAAA,IAAI,gBAAgB,KAAU,KAAA,MAAA;AAC5B,MAAgB,eAAA,CAAA,KAAA,GAAQ,QAAS,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA;AAE9C,IAAA,MAAM,sBAAyB,GAAA,MAAA,CAAO,UAAa,GAAA,QAAA,CAAS,eAAgB,CAAA,WAAA;AAC5E,IAAA,MAAM,aAAgB,GAAA,EAAE,OAAS,EAAA,sBAAA,EAAwB,QAAQ,CAAE,EAAA;AAEnE,IAAM,MAAA,MAAA,GAAS,QAAQ,UAAY,EAAA,KAAA,GAC/B,OAAO,OAAQ,CAAA,UAAA,CAAW,KAAU,KAAA,QAAA,GAClC,IAAK,CAAA;AAAA,MACH,OAAA,EAAS,QAAQ,UAAW,CAAA,KAAA,CAAM,YAAY,IAAO,GAAA,sBAAA,GAAyB,OAAQ,CAAA,UAAA,CAAW,KAAM,CAAA,OAAA;AAAA,MACvG,MAAA,EAAQ,QAAQ,UAAW,CAAA,KAAA,CAAM,WAAW,IAAO,GAAA,sBAAA,GAAyB,OAAQ,CAAA,UAAA,CAAW,KAAM,CAAA;AAAA,KACvG,EAAG,aAAa,CAChB,GAAA,aAAA,GACD,EAAE,OAAS,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAE7B,IAAA,IAAI,yBAAyB,CAAG,EAAA;AAC9B,MAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,YAAe,GAAA,OAAO,MAAO,CAAA,OAAA,KAAY,QAAW,GAAA,CAAA,EAAG,MAAO,CAAA,OAAO,CAAO,EAAA,CAAA,GAAA,MAAA,CAAO,OAAO,OAAO,CAAA;AACrH,MAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,WAAc,GAAA,OAAO,MAAO,CAAA,MAAA,KAAW,QAAW,GAAA,CAAA,EAAG,MAAO,CAAA,MAAM,CAAO,EAAA,CAAA,GAAA,MAAA,CAAO,OAAO,MAAM,CAAA;AACjH,MAAA,QAAA,CAAS,KAAK,KAAM,CAAA,WAAA,CAAY,mBAAqB,EAAA,CAAA,EAAG,sBAAsB,CAAI,EAAA,CAAA,CAAA;AAClF,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,QAAW,GAAA,QAAA;AAAA;AAGjC,IAAA,IAAI,KAAO,EAAA;AACT,MAAwB,qBAAA,GAAA,gBAAA;AAAA,QACtB,QAAA;AAAA,QACA,WAAA;AAAA,QACA,CAAC,CAAkB,KAAA,cAAA,CAAe,CAAC,CAAA;AAAA,QACnC,EAAE,SAAS,KAAM;AAAA,OACnB;AAAA;AAIF,IAAA,QAAA,CAAS,MAAM;AACb,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,aAAgB,GAAA,MAAA;AACpC,MAAS,QAAA,CAAA,IAAA,CAAK,MAAM,QAAW,GAAA,QAAA;AAAA,KAChC,CAAA;AAAA,KACA,EAAE,SAAA,EAAW,IAAM,EAAA,KAAA,EAAO,QAAQ,CAAA;AAErC,EAAO,OAAA,GAAA;AACT,CAAC,CAAA;AAEM,SAAS,kBAAkB,YAAoC,EAAA;AACpE,EAAM,MAAA,EAAA,GAAK,KAAK,MAAO,EAAA,CAAE,SAAS,EAAE,CAAA,CAAE,SAAU,CAAA,CAAA,EAAG,CAAC,CAAA;AACpD,EAAA,MAAM,MAAM,qBAAsB,EAAA;AAElC,EAAA,GAAA,CAAI,KAAM,CAAA,GAAA,CAAI,EAAI,EAAA,YAAA,IAAgB,KAAK,CAAA;AAEvC,EAAA,MAAM,SAAS,QAAS,CAAA;AAAA,IACtB,KAAK,MAAM,GAAA,CAAI,KAAM,CAAA,GAAA,CAAI,EAAE,CAAK,IAAA,KAAA;AAAA,IAChC,KAAK,CAAS,KAAA,KAAA,GAAA,CAAI,KAAM,CAAA,GAAA,CAAI,IAAI,KAAK;AAAA,GACtC,CAAA;AAED,EAAA,kBAAA,CAAmB,MAAM;AACvB,IAAI,GAAA,CAAA,KAAA,CAAM,OAAO,EAAE,CAAA;AAAA,GACpB,CAAA;AAED,EAAO,OAAA,MAAA;AACT;AAGA,SAAS,oBAAoB,GAAuB,EAAA;AAClD,EAAM,MAAA,KAAA,GAAQ,MAAO,CAAA,gBAAA,CAAiB,GAAG,CAAA;AACzC,EAAA,IACE,MAAM,SAAc,KAAA,QAAA,IACjB,MAAM,SAAc,KAAA,QAAA,IACnB,MAAM,SAAc,KAAA,MAAA,IAAU,IAAI,WAAc,GAAA,GAAA,CAAI,eACpD,KAAM,CAAA,SAAA,KAAc,UAAU,GAAI,CAAA,YAAA,GAAe,IAAI,YACzD,EAAA;AACA,IAAO,OAAA,IAAA;AAAA,GAEJ,MAAA;AACH,IAAA,MAAM,SAAS,GAAI,CAAA,UAAA;AAEnB,IAAA,IAAI,EAAE,MAAA,YAAkB,OAAY,CAAA,IAAA,MAAA,CAAO,OAAY,KAAA,MAAA;AACrD,MAAO,OAAA,KAAA;AAET,IAAA,OAAO,oBAAoB,MAAM,CAAA;AAAA;AAErC;AAEA,SAAS,eAAe,QAA+B,EAAA;AACrD,EAAM,MAAA,CAAA,GAAI,YAAY,MAAO,CAAA,KAAA;AAE7B,EAAA,MAAM,UAAU,CAAE,CAAA,MAAA;AAGlB,EAAI,IAAA,OAAA,YAAmB,OAAW,IAAA,mBAAA,CAAoB,OAAO,CAAA;AAC3D,IAAO,OAAA,KAAA;AAGT,EAAI,IAAA,CAAA,CAAE,QAAQ,MAAS,GAAA,CAAA;AACrB,IAAO,OAAA,IAAA;AAET,EAAI,IAAA,CAAA,CAAE,kBAAkB,CAAE,CAAA,UAAA;AACxB,IAAA,CAAA,CAAE,cAAe,EAAA;AAEnB,EAAO,OAAA,KAAA;AACT;;;;"}

package/dist/shared/useDateFormatter.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-const date = require('@internationalized/date');
 const date_comparators = require('../date/comparators.cjs');
+const date = require('@internationalized/date');
 const vue = require('vue');
 
 function useDateFormatter(initialLocale) {

package/dist/shared/useDateFormatter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDateFormatter.cjs","sources":["../../src/shared/useDateFormatter.ts"],"sourcesContent":["/*\n  * Implementation ported from https://github.com/melt-ui/melt-ui/blob/develop/src/lib/internal/helpers/date/formatter.ts\n*/\n\nimport { DateFormatter, getLocalTimeZone, today } from '@internationalized/date'\nimport type { DateValue, ZonedDateTime } from '@internationalized/date'\nimport { hasTime, isZonedDateTime, toDate } from '@/date'\nimport { ref } from 'vue'\n\nexport interface DateFormatterOptions extends Intl.DateTimeFormatOptions {\n  calendar?: string\n}\n\nexport type Formatter = {\n  getLocale: () => string\n  setLocale: (newLocale: string) => void\n  custom: (date: Date, options: DateFormatterOptions) => string\n  selectedDate: (date: DateValue, includeTime?: boolean) => string\n  dayOfWeek: (date: Date, length?: DateFormatterOptions['weekday']) => string\n  fullMonthAndYear: (date: Date, options?: DateFormatterOptions) => string\n  fullMonth: (date: Date, options?: DateFormatterOptions) => string\n  fullYear: (date: Date, options?: DateFormatterOptions) => string\n  dayPeriod: (date: Date) => string\n  part: (dateObj: DateValue, type: Intl.DateTimeFormatPartTypes, options?: DateFormatterOptions) => string\n  toParts: (date: DateValue, options?: DateFormatterOptions) => Intl.DateTimeFormatPart[]\n  getMonths: () => { label: string, value: number }[]\n}\n\n/**\n * Creates a wrapper around the `DateFormatter`, which is\n * an improved version of the {@link Intl.DateTimeFormat} API,\n * that is used internally by the various date builders to\n * easily format dates in a consistent way.\n *\n * @see [DateFormatter](https://react-spectrum.adobe.com/internationalized/date/DateFormatter.html)\n */\nexport function useDateFormatter(initialLocale: string): Formatter {\n  const locale = ref(initialLocale)\n\n  function getLocale() {\n    return locale.value\n  }\n\n  function setLocale(newLocale: string) {\n    locale.value = newLocale\n  }\n\n  function custom(date: Date, options: DateFormatterOptions) {\n    return new DateFormatter(locale.value, options).format(date)\n  }\n\n  function selectedDate(date: DateValue, includeTime = true) {\n    if (hasTime(date) && includeTime) {\n      return custom(toDate(date), {\n        dateStyle: 'long',\n        timeStyle: 'long',\n      })\n    }\n    else {\n      return custom(toDate(date), {\n        dateStyle: 'long',\n      })\n    }\n  }\n\n  function fullMonthAndYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { month: 'long', year: 'numeric', ...options }).format(date)\n  }\n\n  function fullMonth(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { month: 'long', ...options }).format(date)\n  }\n\n  function getMonths() {\n    const defaultDate = today(getLocalTimeZone())\n    const months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]\n    return months.map(item => ({ label: fullMonth(toDate(defaultDate.set({ month: item }))), value: item }))\n  }\n\n  function fullYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { year: 'numeric', ...options }).format(date)\n  }\n\n  function toParts(date: DateValue, options?: DateFormatterOptions) {\n    if (isZonedDateTime(date)) {\n      return new DateFormatter(locale.value, {\n        ...options,\n        timeZone: (date as ZonedDateTime).timeZone,\n      }).formatToParts(toDate(date))\n    }\n    else {\n      return new DateFormatter(locale.value, options).formatToParts(toDate(date))\n    }\n  }\n\n  function dayOfWeek(date: Date, length: DateFormatterOptions['weekday'] = 'narrow') {\n    return new DateFormatter(locale.value, { weekday: length }).format(date)\n  }\n\n  function dayPeriod(date: Date) {\n    const parts = new DateFormatter(locale.value, {\n      hour: 'numeric',\n      minute: 'numeric',\n    }).formatToParts(date)\n    const value = parts.find(p => p.type === 'dayPeriod')?.value\n    if (value === 'PM')\n      return 'PM'\n\n    return 'AM'\n  }\n\n  const defaultPartOptions: DateFormatterOptions = {\n    year: 'numeric',\n    month: 'numeric',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  }\n\n  function part(\n    dateObj: DateValue,\n    type: Intl.DateTimeFormatPartTypes,\n    options: DateFormatterOptions = {},\n  ) {\n    const opts = { ...defaultPartOptions, ...options }\n    const parts = toParts(dateObj, opts)\n    const part = parts.find(p => p.type === type)\n    return part ? part.value : ''\n  }\n\n  return {\n    setLocale,\n    getLocale,\n    fullMonth,\n    fullYear,\n    fullMonthAndYear,\n    toParts,\n    custom,\n    part,\n    dayPeriod,\n    selectedDate,\n    dayOfWeek,\n    getMonths,\n  }\n}\n"],"names":["ref","date","DateFormatter","hasTime","toDate","today","getLocalTimeZone","isZonedDateTime","part"],"mappings":"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"}
+{"version":3,"file":"useDateFormatter.cjs","sources":["../../src/shared/useDateFormatter.ts"],"sourcesContent":["/*\n  * Implementation ported from https://github.com/melt-ui/melt-ui/blob/develop/src/lib/internal/helpers/date/formatter.ts\n*/\n\nimport type { DateValue, ZonedDateTime } from '@internationalized/date'\nimport { hasTime, isZonedDateTime, toDate } from '@/date'\nimport { DateFormatter, getLocalTimeZone, today } from '@internationalized/date'\nimport { ref } from 'vue'\n\nexport interface DateFormatterOptions extends Intl.DateTimeFormatOptions {\n  calendar?: string\n}\n\nexport type Formatter = {\n  getLocale: () => string\n  setLocale: (newLocale: string) => void\n  custom: (date: Date, options: DateFormatterOptions) => string\n  selectedDate: (date: DateValue, includeTime?: boolean) => string\n  dayOfWeek: (date: Date, length?: DateFormatterOptions['weekday']) => string\n  fullMonthAndYear: (date: Date, options?: DateFormatterOptions) => string\n  fullMonth: (date: Date, options?: DateFormatterOptions) => string\n  fullYear: (date: Date, options?: DateFormatterOptions) => string\n  dayPeriod: (date: Date) => string\n  part: (dateObj: DateValue, type: Intl.DateTimeFormatPartTypes, options?: DateFormatterOptions) => string\n  toParts: (date: DateValue, options?: DateFormatterOptions) => Intl.DateTimeFormatPart[]\n  getMonths: () => { label: string, value: number }[]\n}\n\n/**\n * Creates a wrapper around the `DateFormatter`, which is\n * an improved version of the {@link Intl.DateTimeFormat} API,\n * that is used internally by the various date builders to\n * easily format dates in a consistent way.\n *\n * @see [DateFormatter](https://react-spectrum.adobe.com/internationalized/date/DateFormatter.html)\n */\nexport function useDateFormatter(initialLocale: string): Formatter {\n  const locale = ref(initialLocale)\n\n  function getLocale() {\n    return locale.value\n  }\n\n  function setLocale(newLocale: string) {\n    locale.value = newLocale\n  }\n\n  function custom(date: Date, options: DateFormatterOptions) {\n    return new DateFormatter(locale.value, options).format(date)\n  }\n\n  function selectedDate(date: DateValue, includeTime = true) {\n    if (hasTime(date) && includeTime) {\n      return custom(toDate(date), {\n        dateStyle: 'long',\n        timeStyle: 'long',\n      })\n    }\n    else {\n      return custom(toDate(date), {\n        dateStyle: 'long',\n      })\n    }\n  }\n\n  function fullMonthAndYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { month: 'long', year: 'numeric', ...options }).format(date)\n  }\n\n  function fullMonth(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { month: 'long', ...options }).format(date)\n  }\n\n  function getMonths() {\n    const defaultDate = today(getLocalTimeZone())\n    const months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]\n    return months.map(item => ({ label: fullMonth(toDate(defaultDate.set({ month: item }))), value: item }))\n  }\n\n  function fullYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { year: 'numeric', ...options }).format(date)\n  }\n\n  function toParts(date: DateValue, options?: DateFormatterOptions) {\n    if (isZonedDateTime(date)) {\n      return new DateFormatter(locale.value, {\n        ...options,\n        timeZone: (date as ZonedDateTime).timeZone,\n      }).formatToParts(toDate(date))\n    }\n    else {\n      return new DateFormatter(locale.value, options).formatToParts(toDate(date))\n    }\n  }\n\n  function dayOfWeek(date: Date, length: DateFormatterOptions['weekday'] = 'narrow') {\n    return new DateFormatter(locale.value, { weekday: length }).format(date)\n  }\n\n  function dayPeriod(date: Date) {\n    const parts = new DateFormatter(locale.value, {\n      hour: 'numeric',\n      minute: 'numeric',\n    }).formatToParts(date)\n    const value = parts.find(p => p.type === 'dayPeriod')?.value\n    if (value === 'PM')\n      return 'PM'\n\n    return 'AM'\n  }\n\n  const defaultPartOptions: DateFormatterOptions = {\n    year: 'numeric',\n    month: 'numeric',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  }\n\n  function part(\n    dateObj: DateValue,\n    type: Intl.DateTimeFormatPartTypes,\n    options: DateFormatterOptions = {},\n  ) {\n    const opts = { ...defaultPartOptions, ...options }\n    const parts = toParts(dateObj, opts)\n    const part = parts.find(p => p.type === type)\n    return part ? part.value : ''\n  }\n\n  return {\n    setLocale,\n    getLocale,\n    fullMonth,\n    fullYear,\n    fullMonthAndYear,\n    toParts,\n    custom,\n    part,\n    dayPeriod,\n    selectedDate,\n    dayOfWeek,\n    getMonths,\n  }\n}\n"],"names":["ref","date","DateFormatter","hasTime","toDate","today","getLocalTimeZone","isZonedDateTime","part"],"mappings":"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"}

package/dist/shared/useDateFormatter.js

@@ -1,5 +1,5 @@
-import { DateFormatter, today, getLocalTimeZone } from '@internationalized/date';
-import { h as hasTime, t as toDate, a as isZonedDateTime } from '../date/comparators.js';
+import { t as toDate, h as hasTime, a as isZonedDateTime } from '../date/comparators.js';
+import { today, getLocalTimeZone, DateFormatter } from '@internationalized/date';
 import { ref } from 'vue';
 
 function useDateFormatter(initialLocale) {

package/dist/shared/useDateFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateFormatter.js","sources":["../../src/shared/useDateFormatter.ts"],"sourcesContent":["/*\n  * Implementation ported from https://github.com/melt-ui/melt-ui/blob/develop/src/lib/internal/helpers/date/formatter.ts\n*/\n\nimport { DateFormatter, getLocalTimeZone, today } from '@internationalized/date'\nimport type { DateValue, ZonedDateTime } from '@internationalized/date'\nimport { hasTime, isZonedDateTime, toDate } from '@/date'\nimport { ref } from 'vue'\n\nexport interface DateFormatterOptions extends Intl.DateTimeFormatOptions {\n  calendar?: string\n}\n\nexport type Formatter = {\n  getLocale: () => string\n  setLocale: (newLocale: string) => void\n  custom: (date: Date, options: DateFormatterOptions) => string\n  selectedDate: (date: DateValue, includeTime?: boolean) => string\n  dayOfWeek: (date: Date, length?: DateFormatterOptions['weekday']) => string\n  fullMonthAndYear: (date: Date, options?: DateFormatterOptions) => string\n  fullMonth: (date: Date, options?: DateFormatterOptions) => string\n  fullYear: (date: Date, options?: DateFormatterOptions) => string\n  dayPeriod: (date: Date) => string\n  part: (dateObj: DateValue, type: Intl.DateTimeFormatPartTypes, options?: DateFormatterOptions) => string\n  toParts: (date: DateValue, options?: DateFormatterOptions) => Intl.DateTimeFormatPart[]\n  getMonths: () => { label: string, value: number }[]\n}\n\n/**\n * Creates a wrapper around the `DateFormatter`, which is\n * an improved version of the {@link Intl.DateTimeFormat} API,\n * that is used internally by the various date builders to\n * easily format dates in a consistent way.\n *\n * @see [DateFormatter](https://react-spectrum.adobe.com/internationalized/date/DateFormatter.html)\n */\nexport function useDateFormatter(initialLocale: string): Formatter {\n  const locale = ref(initialLocale)\n\n  function getLocale() {\n    return locale.value\n  }\n\n  function setLocale(newLocale: string) {\n    locale.value = newLocale\n  }\n\n  function custom(date: Date, options: DateFormatterOptions) {\n    return new DateFormatter(locale.value, options).format(date)\n  }\n\n  function selectedDate(date: DateValue, includeTime = true) {\n    if (hasTime(date) && includeTime) {\n      return custom(toDate(date), {\n        dateStyle: 'long',\n        timeStyle: 'long',\n      })\n    }\n    else {\n      return custom(toDate(date), {\n        dateStyle: 'long',\n      })\n    }\n  }\n\n  function fullMonthAndYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { month: 'long', year: 'numeric', ...options }).format(date)\n  }\n\n  function fullMonth(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { month: 'long', ...options }).format(date)\n  }\n\n  function getMonths() {\n    const defaultDate = today(getLocalTimeZone())\n    const months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]\n    return months.map(item => ({ label: fullMonth(toDate(defaultDate.set({ month: item }))), value: item }))\n  }\n\n  function fullYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { year: 'numeric', ...options }).format(date)\n  }\n\n  function toParts(date: DateValue, options?: DateFormatterOptions) {\n    if (isZonedDateTime(date)) {\n      return new DateFormatter(locale.value, {\n        ...options,\n        timeZone: (date as ZonedDateTime).timeZone,\n      }).formatToParts(toDate(date))\n    }\n    else {\n      return new DateFormatter(locale.value, options).formatToParts(toDate(date))\n    }\n  }\n\n  function dayOfWeek(date: Date, length: DateFormatterOptions['weekday'] = 'narrow') {\n    return new DateFormatter(locale.value, { weekday: length }).format(date)\n  }\n\n  function dayPeriod(date: Date) {\n    const parts = new DateFormatter(locale.value, {\n      hour: 'numeric',\n      minute: 'numeric',\n    }).formatToParts(date)\n    const value = parts.find(p => p.type === 'dayPeriod')?.value\n    if (value === 'PM')\n      return 'PM'\n\n    return 'AM'\n  }\n\n  const defaultPartOptions: DateFormatterOptions = {\n    year: 'numeric',\n    month: 'numeric',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  }\n\n  function part(\n    dateObj: DateValue,\n    type: Intl.DateTimeFormatPartTypes,\n    options: DateFormatterOptions = {},\n  ) {\n    const opts = { ...defaultPartOptions, ...options }\n    const parts = toParts(dateObj, opts)\n    const part = parts.find(p => p.type === type)\n    return part ? part.value : ''\n  }\n\n  return {\n    setLocale,\n    getLocale,\n    fullMonth,\n    fullYear,\n    fullMonthAndYear,\n    toParts,\n    custom,\n    part,\n    dayPeriod,\n    selectedDate,\n    dayOfWeek,\n    getMonths,\n  }\n}\n"],"names":["part"],"mappings":"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"}
+{"version":3,"file":"useDateFormatter.js","sources":["../../src/shared/useDateFormatter.ts"],"sourcesContent":["/*\n  * Implementation ported from https://github.com/melt-ui/melt-ui/blob/develop/src/lib/internal/helpers/date/formatter.ts\n*/\n\nimport type { DateValue, ZonedDateTime } from '@internationalized/date'\nimport { hasTime, isZonedDateTime, toDate } from '@/date'\nimport { DateFormatter, getLocalTimeZone, today } from '@internationalized/date'\nimport { ref } from 'vue'\n\nexport interface DateFormatterOptions extends Intl.DateTimeFormatOptions {\n  calendar?: string\n}\n\nexport type Formatter = {\n  getLocale: () => string\n  setLocale: (newLocale: string) => void\n  custom: (date: Date, options: DateFormatterOptions) => string\n  selectedDate: (date: DateValue, includeTime?: boolean) => string\n  dayOfWeek: (date: Date, length?: DateFormatterOptions['weekday']) => string\n  fullMonthAndYear: (date: Date, options?: DateFormatterOptions) => string\n  fullMonth: (date: Date, options?: DateFormatterOptions) => string\n  fullYear: (date: Date, options?: DateFormatterOptions) => string\n  dayPeriod: (date: Date) => string\n  part: (dateObj: DateValue, type: Intl.DateTimeFormatPartTypes, options?: DateFormatterOptions) => string\n  toParts: (date: DateValue, options?: DateFormatterOptions) => Intl.DateTimeFormatPart[]\n  getMonths: () => { label: string, value: number }[]\n}\n\n/**\n * Creates a wrapper around the `DateFormatter`, which is\n * an improved version of the {@link Intl.DateTimeFormat} API,\n * that is used internally by the various date builders to\n * easily format dates in a consistent way.\n *\n * @see [DateFormatter](https://react-spectrum.adobe.com/internationalized/date/DateFormatter.html)\n */\nexport function useDateFormatter(initialLocale: string): Formatter {\n  const locale = ref(initialLocale)\n\n  function getLocale() {\n    return locale.value\n  }\n\n  function setLocale(newLocale: string) {\n    locale.value = newLocale\n  }\n\n  function custom(date: Date, options: DateFormatterOptions) {\n    return new DateFormatter(locale.value, options).format(date)\n  }\n\n  function selectedDate(date: DateValue, includeTime = true) {\n    if (hasTime(date) && includeTime) {\n      return custom(toDate(date), {\n        dateStyle: 'long',\n        timeStyle: 'long',\n      })\n    }\n    else {\n      return custom(toDate(date), {\n        dateStyle: 'long',\n      })\n    }\n  }\n\n  function fullMonthAndYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { month: 'long', year: 'numeric', ...options }).format(date)\n  }\n\n  function fullMonth(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { month: 'long', ...options }).format(date)\n  }\n\n  function getMonths() {\n    const defaultDate = today(getLocalTimeZone())\n    const months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]\n    return months.map(item => ({ label: fullMonth(toDate(defaultDate.set({ month: item }))), value: item }))\n  }\n\n  function fullYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, { year: 'numeric', ...options }).format(date)\n  }\n\n  function toParts(date: DateValue, options?: DateFormatterOptions) {\n    if (isZonedDateTime(date)) {\n      return new DateFormatter(locale.value, {\n        ...options,\n        timeZone: (date as ZonedDateTime).timeZone,\n      }).formatToParts(toDate(date))\n    }\n    else {\n      return new DateFormatter(locale.value, options).formatToParts(toDate(date))\n    }\n  }\n\n  function dayOfWeek(date: Date, length: DateFormatterOptions['weekday'] = 'narrow') {\n    return new DateFormatter(locale.value, { weekday: length }).format(date)\n  }\n\n  function dayPeriod(date: Date) {\n    const parts = new DateFormatter(locale.value, {\n      hour: 'numeric',\n      minute: 'numeric',\n    }).formatToParts(date)\n    const value = parts.find(p => p.type === 'dayPeriod')?.value\n    if (value === 'PM')\n      return 'PM'\n\n    return 'AM'\n  }\n\n  const defaultPartOptions: DateFormatterOptions = {\n    year: 'numeric',\n    month: 'numeric',\n    day: 'numeric',\n    hour: 'numeric',\n    minute: 'numeric',\n    second: 'numeric',\n  }\n\n  function part(\n    dateObj: DateValue,\n    type: Intl.DateTimeFormatPartTypes,\n    options: DateFormatterOptions = {},\n  ) {\n    const opts = { ...defaultPartOptions, ...options }\n    const parts = toParts(dateObj, opts)\n    const part = parts.find(p => p.type === type)\n    return part ? part.value : ''\n  }\n\n  return {\n    setLocale,\n    getLocale,\n    fullMonth,\n    fullYear,\n    fullMonthAndYear,\n    toParts,\n    custom,\n    part,\n    dayPeriod,\n    selectedDate,\n    dayOfWeek,\n    getMonths,\n  }\n}\n"],"names":["part"],"mappings":"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"}

package/dist/shared/useDirection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDirection.cjs","sources":["../../src/shared/useDirection.ts"],"sourcesContent":["import { injectConfigProviderContext } from '@/ConfigProvider/ConfigProvider.vue'\nimport type { Direction } from './types'\nimport { type Ref, computed, ref } from 'vue'\n\nexport function useDirection(dir?: Ref<Direction | undefined>) {\n  const context = injectConfigProviderContext({\n    dir: ref('ltr'),\n  })\n  return computed(() => dir?.value || context.dir?.value || 'ltr')\n}\n"],"names":["injectConfigProviderContext","ref","computed"],"mappings":";;;;;AAIO,SAAS,aAAa,GAAkC,EAAA;AAC7D,EAAA,MAAM,UAAUA,yDAA4B,CAAA;AAAA,IAC1C,GAAA,EAAKC,QAAI,KAAK;AAAA,GACf,CAAA;AACD,EAAA,OAAOC,aAAS,MAAM,GAAA,EAAK,SAAS,OAAQ,CAAA,GAAA,EAAK,SAAS,KAAK,CAAA;AACjE;;;;"}
+{"version":3,"file":"useDirection.cjs","sources":["../../src/shared/useDirection.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { Direction } from './types'\nimport { injectConfigProviderContext } from '@/ConfigProvider/ConfigProvider.vue'\nimport { computed, ref } from 'vue'\n\nexport function useDirection(dir?: Ref<Direction | undefined>) {\n  const context = injectConfigProviderContext({\n    dir: ref('ltr'),\n  })\n  return computed(() => dir?.value || context.dir?.value || 'ltr')\n}\n"],"names":["injectConfigProviderContext","ref","computed"],"mappings":";;;;;AAKO,SAAS,aAAa,GAAkC,EAAA;AAC7D,EAAA,MAAM,UAAUA,yDAA4B,CAAA;AAAA,IAC1C,GAAA,EAAKC,QAAI,KAAK;AAAA,GACf,CAAA;AACD,EAAA,OAAOC,aAAS,MAAM,GAAA,EAAK,SAAS,OAAQ,CAAA,GAAA,EAAK,SAAS,KAAK,CAAA;AACjE;;;;"}

package/dist/shared/useDirection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDirection.js","sources":["../../src/shared/useDirection.ts"],"sourcesContent":["import { injectConfigProviderContext } from '@/ConfigProvider/ConfigProvider.vue'\nimport type { Direction } from './types'\nimport { type Ref, computed, ref } from 'vue'\n\nexport function useDirection(dir?: Ref<Direction | undefined>) {\n  const context = injectConfigProviderContext({\n    dir: ref('ltr'),\n  })\n  return computed(() => dir?.value || context.dir?.value || 'ltr')\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,aAAa,GAAkC,EAAA;AAC7D,EAAA,MAAM,UAAU,2BAA4B,CAAA;AAAA,IAC1C,GAAA,EAAK,IAAI,KAAK;AAAA,GACf,CAAA;AACD,EAAA,OAAO,SAAS,MAAM,GAAA,EAAK,SAAS,OAAQ,CAAA,GAAA,EAAK,SAAS,KAAK,CAAA;AACjE;;;;"}
+{"version":3,"file":"useDirection.js","sources":["../../src/shared/useDirection.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport type { Direction } from './types'\nimport { injectConfigProviderContext } from '@/ConfigProvider/ConfigProvider.vue'\nimport { computed, ref } from 'vue'\n\nexport function useDirection(dir?: Ref<Direction | undefined>) {\n  const context = injectConfigProviderContext({\n    dir: ref('ltr'),\n  })\n  return computed(() => dir?.value || context.dir?.value || 'ltr')\n}\n"],"names":[],"mappings":";;;AAKO,SAAS,aAAa,GAAkC,EAAA;AAC7D,EAAA,MAAM,UAAU,2BAA4B,CAAA;AAAA,IAC1C,GAAA,EAAK,IAAI,KAAK;AAAA,GACf,CAAA;AACD,EAAA,OAAO,SAAS,MAAM,GAAA,EAAK,SAAS,OAAQ,CAAA,GAAA,EAAK,SAAS,KAAK,CAAA;AACjE;;;;"}

package/dist/shared/useFilter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFilter.cjs","sources":["../../src/shared/useFilter.ts"],"sourcesContent":["import { type MaybeRef, computed, unref } from 'vue'\n\n/**\n * Provides locale-aware string filtering functions.\n * Uses `Intl.Collator` for comparison to ensure proper Unicode handling.\n *\n * @param options - Optional collator options to customize comparison behavior.\n *   See [Intl.CollatorOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options) for details.\n * @returns An object with methods to check if a string starts with, ends with, or contains a substring.\n *\n * @example\n * const { startsWith, endsWith, contains } = useFilter();\n *\n * startsWith('hello', 'he'); // true\n * endsWith('hello', 'lo'); // true\n * contains('hello', 'ell'); // true\n */\nexport function useFilter(options?: MaybeRef<Intl.CollatorOptions>) {\n  const computedOptions = computed(() => unref(options))\n  const collator = computed(() => new Intl.Collator('en', { usage: 'search', ...computedOptions.value }))\n\n  const startsWith = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n    return collator.value.compare(string.slice(0, substring.length), substring) === 0\n  }\n\n  const endsWith = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n    return collator.value.compare(string.slice(-substring.length), substring) === 0\n  }\n\n  const contains = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n\n    let scan = 0\n    const sliceLen = substring.length\n    for (; scan + sliceLen <= string.length; scan++) {\n      const slice = string.slice(scan, scan + sliceLen)\n      if (collator.value.compare(substring, slice) === 0)\n        return true\n    }\n\n    return false\n  }\n\n  return {\n    startsWith,\n    endsWith,\n    contains,\n  }\n}\n"],"names":["computed","unref"],"mappings":";;;;AAiBO,SAAS,UAAU,OAA0C,EAAA;AAClE,EAAA,MAAM,eAAkB,GAAAA,YAAA,CAAS,MAAMC,SAAA,CAAM,OAAO,CAAC,CAAA;AACrD,EAAA,MAAM,QAAW,GAAAD,YAAA,CAAS,MAAM,IAAI,KAAK,QAAS,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,QAAU,EAAA,GAAG,eAAgB,CAAA,KAAA,EAAO,CAAC,CAAA;AAEtG,EAAM,MAAA,UAAA,GAAa,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACxD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AACrC,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA,CAAM,GAAG,SAAU,CAAA,MAAM,CAAG,EAAA,SAAS,CAAM,KAAA,CAAA;AAAA,GAClF;AAEA,EAAM,MAAA,QAAA,GAAW,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACtD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AACrC,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA,CAAM,CAAC,SAAU,CAAA,MAAM,CAAG,EAAA,SAAS,CAAM,KAAA,CAAA;AAAA,GAChF;AAEA,EAAM,MAAA,QAAA,GAAW,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACtD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AAErC,IAAA,IAAI,IAAO,GAAA,CAAA;AACX,IAAA,MAAM,WAAW,SAAU,CAAA,MAAA;AAC3B,IAAA,OAAO,IAAO,GAAA,QAAA,IAAY,MAAO,CAAA,MAAA,EAAQ,IAAQ,EAAA,EAAA;AAC/C,MAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,KAAM,CAAA,IAAA,EAAM,OAAO,QAAQ,CAAA;AAChD,MAAA,IAAI,QAAS,CAAA,KAAA,CAAM,OAAQ,CAAA,SAAA,EAAW,KAAK,CAAM,KAAA,CAAA;AAC/C,QAAO,OAAA,IAAA;AAAA;AAGX,IAAO,OAAA,KAAA;AAAA,GACT;AAEA,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useFilter.cjs","sources":["../../src/shared/useFilter.ts"],"sourcesContent":["import type { MaybeRef } from 'vue'\nimport { computed, unref } from 'vue'\n\n/**\n * Provides locale-aware string filtering functions.\n * Uses `Intl.Collator` for comparison to ensure proper Unicode handling.\n *\n * @param options - Optional collator options to customize comparison behavior.\n *   See [Intl.CollatorOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options) for details.\n * @returns An object with methods to check if a string starts with, ends with, or contains a substring.\n *\n * @example\n * const { startsWith, endsWith, contains } = useFilter();\n *\n * startsWith('hello', 'he'); // true\n * endsWith('hello', 'lo'); // true\n * contains('hello', 'ell'); // true\n */\nexport function useFilter(options?: MaybeRef<Intl.CollatorOptions>) {\n  const computedOptions = computed(() => unref(options))\n  const collator = computed(() => new Intl.Collator('en', { usage: 'search', ...computedOptions.value }))\n\n  const startsWith = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n    return collator.value.compare(string.slice(0, substring.length), substring) === 0\n  }\n\n  const endsWith = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n    return collator.value.compare(string.slice(-substring.length), substring) === 0\n  }\n\n  const contains = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n\n    let scan = 0\n    const sliceLen = substring.length\n    for (; scan + sliceLen <= string.length; scan++) {\n      const slice = string.slice(scan, scan + sliceLen)\n      if (collator.value.compare(substring, slice) === 0)\n        return true\n    }\n\n    return false\n  }\n\n  return {\n    startsWith,\n    endsWith,\n    contains,\n  }\n}\n"],"names":["computed","unref"],"mappings":";;;;AAkBO,SAAS,UAAU,OAA0C,EAAA;AAClE,EAAA,MAAM,eAAkB,GAAAA,YAAA,CAAS,MAAMC,SAAA,CAAM,OAAO,CAAC,CAAA;AACrD,EAAA,MAAM,QAAW,GAAAD,YAAA,CAAS,MAAM,IAAI,KAAK,QAAS,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,QAAU,EAAA,GAAG,eAAgB,CAAA,KAAA,EAAO,CAAC,CAAA;AAEtG,EAAM,MAAA,UAAA,GAAa,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACxD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AACrC,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA,CAAM,GAAG,SAAU,CAAA,MAAM,CAAG,EAAA,SAAS,CAAM,KAAA,CAAA;AAAA,GAClF;AAEA,EAAM,MAAA,QAAA,GAAW,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACtD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AACrC,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA,CAAM,CAAC,SAAU,CAAA,MAAM,CAAG,EAAA,SAAS,CAAM,KAAA,CAAA;AAAA,GAChF;AAEA,EAAM,MAAA,QAAA,GAAW,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACtD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AAErC,IAAA,IAAI,IAAO,GAAA,CAAA;AACX,IAAA,MAAM,WAAW,SAAU,CAAA,MAAA;AAC3B,IAAA,OAAO,IAAO,GAAA,QAAA,IAAY,MAAO,CAAA,MAAA,EAAQ,IAAQ,EAAA,EAAA;AAC/C,MAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,KAAM,CAAA,IAAA,EAAM,OAAO,QAAQ,CAAA;AAChD,MAAA,IAAI,QAAS,CAAA,KAAA,CAAM,OAAQ,CAAA,SAAA,EAAW,KAAK,CAAM,KAAA,CAAA;AAC/C,QAAO,OAAA,IAAA;AAAA;AAGX,IAAO,OAAA,KAAA;AAAA,GACT;AAEA,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/shared/useFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilter.js","sources":["../../src/shared/useFilter.ts"],"sourcesContent":["import { type MaybeRef, computed, unref } from 'vue'\n\n/**\n * Provides locale-aware string filtering functions.\n * Uses `Intl.Collator` for comparison to ensure proper Unicode handling.\n *\n * @param options - Optional collator options to customize comparison behavior.\n *   See [Intl.CollatorOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options) for details.\n * @returns An object with methods to check if a string starts with, ends with, or contains a substring.\n *\n * @example\n * const { startsWith, endsWith, contains } = useFilter();\n *\n * startsWith('hello', 'he'); // true\n * endsWith('hello', 'lo'); // true\n * contains('hello', 'ell'); // true\n */\nexport function useFilter(options?: MaybeRef<Intl.CollatorOptions>) {\n  const computedOptions = computed(() => unref(options))\n  const collator = computed(() => new Intl.Collator('en', { usage: 'search', ...computedOptions.value }))\n\n  const startsWith = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n    return collator.value.compare(string.slice(0, substring.length), substring) === 0\n  }\n\n  const endsWith = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n    return collator.value.compare(string.slice(-substring.length), substring) === 0\n  }\n\n  const contains = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n\n    let scan = 0\n    const sliceLen = substring.length\n    for (; scan + sliceLen <= string.length; scan++) {\n      const slice = string.slice(scan, scan + sliceLen)\n      if (collator.value.compare(substring, slice) === 0)\n        return true\n    }\n\n    return false\n  }\n\n  return {\n    startsWith,\n    endsWith,\n    contains,\n  }\n}\n"],"names":[],"mappings":";;AAiBO,SAAS,UAAU,OAA0C,EAAA;AAClE,EAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,OAAO,CAAC,CAAA;AACrD,EAAA,MAAM,QAAW,GAAA,QAAA,CAAS,MAAM,IAAI,KAAK,QAAS,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,QAAU,EAAA,GAAG,eAAgB,CAAA,KAAA,EAAO,CAAC,CAAA;AAEtG,EAAM,MAAA,UAAA,GAAa,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACxD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AACrC,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA,CAAM,GAAG,SAAU,CAAA,MAAM,CAAG,EAAA,SAAS,CAAM,KAAA,CAAA;AAAA,GAClF;AAEA,EAAM,MAAA,QAAA,GAAW,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACtD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AACrC,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA,CAAM,CAAC,SAAU,CAAA,MAAM,CAAG,EAAA,SAAS,CAAM,KAAA,CAAA;AAAA,GAChF;AAEA,EAAM,MAAA,QAAA,GAAW,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACtD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AAErC,IAAA,IAAI,IAAO,GAAA,CAAA;AACX,IAAA,MAAM,WAAW,SAAU,CAAA,MAAA;AAC3B,IAAA,OAAO,IAAO,GAAA,QAAA,IAAY,MAAO,CAAA,MAAA,EAAQ,IAAQ,EAAA,EAAA;AAC/C,MAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,KAAM,CAAA,IAAA,EAAM,OAAO,QAAQ,CAAA;AAChD,MAAA,IAAI,QAAS,CAAA,KAAA,CAAM,OAAQ,CAAA,SAAA,EAAW,KAAK,CAAM,KAAA,CAAA;AAC/C,QAAO,OAAA,IAAA;AAAA;AAGX,IAAO,OAAA,KAAA;AAAA,GACT;AAEA,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useFilter.js","sources":["../../src/shared/useFilter.ts"],"sourcesContent":["import type { MaybeRef } from 'vue'\nimport { computed, unref } from 'vue'\n\n/**\n * Provides locale-aware string filtering functions.\n * Uses `Intl.Collator` for comparison to ensure proper Unicode handling.\n *\n * @param options - Optional collator options to customize comparison behavior.\n *   See [Intl.CollatorOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Collator/Collator#options) for details.\n * @returns An object with methods to check if a string starts with, ends with, or contains a substring.\n *\n * @example\n * const { startsWith, endsWith, contains } = useFilter();\n *\n * startsWith('hello', 'he'); // true\n * endsWith('hello', 'lo'); // true\n * contains('hello', 'ell'); // true\n */\nexport function useFilter(options?: MaybeRef<Intl.CollatorOptions>) {\n  const computedOptions = computed(() => unref(options))\n  const collator = computed(() => new Intl.Collator('en', { usage: 'search', ...computedOptions.value }))\n\n  const startsWith = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n    return collator.value.compare(string.slice(0, substring.length), substring) === 0\n  }\n\n  const endsWith = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n    return collator.value.compare(string.slice(-substring.length), substring) === 0\n  }\n\n  const contains = (string: string, substring: string) => {\n    if (substring.length === 0)\n      return true\n\n    string = string.normalize('NFC')\n    substring = substring.normalize('NFC')\n\n    let scan = 0\n    const sliceLen = substring.length\n    for (; scan + sliceLen <= string.length; scan++) {\n      const slice = string.slice(scan, scan + sliceLen)\n      if (collator.value.compare(substring, slice) === 0)\n        return true\n    }\n\n    return false\n  }\n\n  return {\n    startsWith,\n    endsWith,\n    contains,\n  }\n}\n"],"names":[],"mappings":";;AAkBO,SAAS,UAAU,OAA0C,EAAA;AAClE,EAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,OAAO,CAAC,CAAA;AACrD,EAAA,MAAM,QAAW,GAAA,QAAA,CAAS,MAAM,IAAI,KAAK,QAAS,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,QAAU,EAAA,GAAG,eAAgB,CAAA,KAAA,EAAO,CAAC,CAAA;AAEtG,EAAM,MAAA,UAAA,GAAa,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACxD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AACrC,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA,CAAM,GAAG,SAAU,CAAA,MAAM,CAAG,EAAA,SAAS,CAAM,KAAA,CAAA;AAAA,GAClF;AAEA,EAAM,MAAA,QAAA,GAAW,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACtD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AACrC,IAAO,OAAA,QAAA,CAAS,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA,CAAM,CAAC,SAAU,CAAA,MAAM,CAAG,EAAA,SAAS,CAAM,KAAA,CAAA;AAAA,GAChF;AAEA,EAAM,MAAA,QAAA,GAAW,CAAC,MAAA,EAAgB,SAAsB,KAAA;AACtD,IAAA,IAAI,UAAU,MAAW,KAAA,CAAA;AACvB,MAAO,OAAA,IAAA;AAET,IAAS,MAAA,GAAA,MAAA,CAAO,UAAU,KAAK,CAAA;AAC/B,IAAY,SAAA,GAAA,SAAA,CAAU,UAAU,KAAK,CAAA;AAErC,IAAA,IAAI,IAAO,GAAA,CAAA;AACX,IAAA,MAAM,WAAW,SAAU,CAAA,MAAA;AAC3B,IAAA,OAAO,IAAO,GAAA,QAAA,IAAY,MAAO,CAAA,MAAA,EAAQ,IAAQ,EAAA,EAAA;AAC/C,MAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,KAAM,CAAA,IAAA,EAAM,OAAO,QAAQ,CAAA;AAChD,MAAA,IAAI,QAAS,CAAA,KAAA,CAAM,OAAQ,CAAA,SAAA,EAAW,KAAK,CAAM,KAAA,CAAA;AAC/C,QAAO,OAAA,IAAA;AAAA;AAGX,IAAO,OAAA,KAAA;AAAA,GACT;AAEA,EAAO,OAAA;AAAA,IACL,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/shared/useFormControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFormControl.cjs","sources":["../../src/shared/useFormControl.ts"],"sourcesContent":["import { type MaybeElementRef, toValue, unrefElement } from '@vueuse/core'\nimport { computed } from 'vue'\n\nexport function useFormControl(el: MaybeElementRef) {\n  // We set this to true by default so that events bubble to forms without JS (SSR)\n  return computed(() => toValue(el) ? Boolean(unrefElement(el)?.closest('form')) : true)\n}\n"],"names":["computed","toValue","unrefElement"],"mappings":";;;;;AAGO,SAAS,eAAe,EAAqB,EAAA;AAElD,EAAA,OAAOA,YAAS,CAAA,MAAMC,YAAQ,CAAA,EAAE,CAAI,GAAA,OAAA,CAAQC,iBAAa,CAAA,EAAE,CAAG,EAAA,OAAA,CAAQ,MAAM,CAAC,IAAI,IAAI,CAAA;AACvF;;;;"}
+{"version":3,"file":"useFormControl.cjs","sources":["../../src/shared/useFormControl.ts"],"sourcesContent":["import type { MaybeElementRef } from '@vueuse/core'\nimport { toValue, unrefElement } from '@vueuse/core'\nimport { computed } from 'vue'\n\nexport function useFormControl(el: MaybeElementRef) {\n  // We set this to true by default so that events bubble to forms without JS (SSR)\n  return computed(() => toValue(el) ? Boolean(unrefElement(el)?.closest('form')) : true)\n}\n"],"names":["computed","toValue","unrefElement"],"mappings":";;;;;AAIO,SAAS,eAAe,EAAqB,EAAA;AAElD,EAAA,OAAOA,YAAS,CAAA,MAAMC,YAAQ,CAAA,EAAE,CAAI,GAAA,OAAA,CAAQC,iBAAa,CAAA,EAAE,CAAG,EAAA,OAAA,CAAQ,MAAM,CAAC,IAAI,IAAI,CAAA;AACvF;;;;"}

package/dist/shared/useFormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormControl.js","sources":["../../src/shared/useFormControl.ts"],"sourcesContent":["import { type MaybeElementRef, toValue, unrefElement } from '@vueuse/core'\nimport { computed } from 'vue'\n\nexport function useFormControl(el: MaybeElementRef) {\n  // We set this to true by default so that events bubble to forms without JS (SSR)\n  return computed(() => toValue(el) ? Boolean(unrefElement(el)?.closest('form')) : true)\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,eAAe,EAAqB,EAAA;AAElD,EAAA,OAAO,QAAS,CAAA,MAAM,OAAQ,CAAA,EAAE,CAAI,GAAA,OAAA,CAAQ,YAAa,CAAA,EAAE,CAAG,EAAA,OAAA,CAAQ,MAAM,CAAC,IAAI,IAAI,CAAA;AACvF;;;;"}
+{"version":3,"file":"useFormControl.js","sources":["../../src/shared/useFormControl.ts"],"sourcesContent":["import type { MaybeElementRef } from '@vueuse/core'\nimport { toValue, unrefElement } from '@vueuse/core'\nimport { computed } from 'vue'\n\nexport function useFormControl(el: MaybeElementRef) {\n  // We set this to true by default so that events bubble to forms without JS (SSR)\n  return computed(() => toValue(el) ? Boolean(unrefElement(el)?.closest('form')) : true)\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,eAAe,EAAqB,EAAA;AAElD,EAAA,OAAO,QAAS,CAAA,MAAM,OAAQ,CAAA,EAAE,CAAI,GAAA,OAAA,CAAQ,YAAa,CAAA,EAAE,CAAG,EAAA,OAAA,CAAQ,MAAM,CAAC,IAAI,IAAI,CAAA;AACvF;;;;"}

package/dist/shared/useForwardExpose.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardExpose.cjs","sources":["../../src/shared/useForwardExpose.ts"],"sourcesContent":["// reference: https://github.com/vuejs/rfcs/issues/258#issuecomment-1068697672\nimport { unrefElement } from '@vueuse/core'\nimport { type ComponentPublicInstance, computed, getCurrentInstance, ref } from 'vue'\n\nexport function useForwardExpose<T extends ComponentPublicInstance>() {\n  const instance = getCurrentInstance()!\n\n  const currentRef = ref<Element | T | null>()\n  const currentElement = computed<HTMLElement>(() => {\n    // $el could be text/comment for non-single root normal or text root, thus we retrieve the nextElementSibling\n    // @ts-expect-error ignore ts error\n    return ['#text', '#comment'].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef)\n  })\n\n  // Do give us credit if you reference our code :D\n  // localExpose should only be assigned once else will create infinite loop\n  const localExpose: Record<string, any> | null = Object.assign({}, instance.exposed)\n  const ret: Record<string, any> = {}\n\n  // retrieve props for current instance\n  for (const key in instance.props) {\n    Object.defineProperty(ret, key, {\n      enumerable: true,\n      configurable: true,\n      get: () => instance.props[key],\n    })\n  }\n\n  // retrieve default exposed value\n  if (Object.keys(localExpose).length > 0) {\n    for (const key in localExpose) {\n      Object.defineProperty(ret, key, {\n        enumerable: true,\n        configurable: true,\n        get: () => localExpose![key],\n      })\n    }\n  }\n\n  // retrieve original first root element\n  Object.defineProperty(ret, '$el', {\n    enumerable: true,\n    configurable: true,\n    get: () => instance.vnode.el,\n  })\n  instance.exposed = ret\n\n  function forwardRef(ref: Element | T | null) {\n    currentRef.value = ref\n\n    if (!ref)\n      return\n\n    // retrieve the forwarded element\n    Object.defineProperty(ret, '$el', {\n      enumerable: true,\n      configurable: true,\n      get: () => (ref instanceof Element ? ref : ref.$el),\n    })\n\n    instance.exposed = ret\n  }\n\n  return { forwardRef, currentRef, currentElement }\n}\n"],"names":["getCurrentInstance","ref","computed","unrefElement"],"mappings":";;;;;AAIO,SAAS,gBAAsD,GAAA;AACpE,EAAA,MAAM,WAAWA,sBAAmB,EAAA;AAEpC,EAAA,MAAM,aAAaC,OAAwB,EAAA;AAC3C,EAAM,MAAA,cAAA,GAAiBC,aAAsB,MAAM;AAGjD,IAAA,OAAO,CAAC,OAAA,EAAS,UAAU,CAAA,CAAE,SAAS,UAAW,CAAA,KAAA,EAAO,GAAI,CAAA,QAAQ,IAAI,UAAW,CAAA,KAAA,EAAO,GAAI,CAAA,kBAAA,GAAqBC,kBAAa,UAAU,CAAA;AAAA,GAC3I,CAAA;AAID,EAAA,MAAM,cAA0C,MAAO,CAAA,MAAA,CAAO,EAAC,EAAG,SAAS,OAAO,CAAA;AAClF,EAAA,MAAM,MAA2B,EAAC;AAGlC,EAAW,KAAA,MAAA,GAAA,IAAO,SAAS,KAAO,EAAA;AAChC,IAAO,MAAA,CAAA,cAAA,CAAe,KAAK,GAAK,EAAA;AAAA,MAC9B,UAAY,EAAA,IAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,GAAK,EAAA,MAAM,QAAS,CAAA,KAAA,CAAM,GAAG;AAAA,KAC9B,CAAA;AAAA;AAIH,EAAA,IAAI,MAAO,CAAA,IAAA,CAAK,WAAW,CAAA,CAAE,SAAS,CAAG,EAAA;AACvC,IAAA,KAAA,MAAW,OAAO,WAAa,EAAA;AAC7B,MAAO,MAAA,CAAA,cAAA,CAAe,KAAK,GAAK,EAAA;AAAA,QAC9B,UAAY,EAAA,IAAA;AAAA,QACZ,YAAc,EAAA,IAAA;AAAA,QACd,GAAA,EAAK,MAAM,WAAA,CAAa,GAAG;AAAA,OAC5B,CAAA;AAAA;AACH;AAIF,EAAO,MAAA,CAAA,cAAA,CAAe,KAAK,KAAO,EAAA;AAAA,IAChC,UAAY,EAAA,IAAA;AAAA,IACZ,YAAc,EAAA,IAAA;AAAA,IACd,GAAA,EAAK,MAAM,QAAA,CAAS,KAAM,CAAA;AAAA,GAC3B,CAAA;AACD,EAAA,QAAA,CAAS,OAAU,GAAA,GAAA;AAEnB,EAAA,SAAS,WAAWF,IAAyB,EAAA;AAC3C,IAAA,UAAA,CAAW,KAAQA,GAAAA,IAAAA;AAEnB,IAAA,IAAI,CAACA,IAAAA;AACH,MAAA;AAGF,IAAO,MAAA,CAAA,cAAA,CAAe,KAAK,KAAO,EAAA;AAAA,MAChC,UAAY,EAAA,IAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,GAAK,EAAA,MAAOA,IAAe,YAAA,OAAA,GAAUA,OAAMA,IAAI,CAAA;AAAA,KAChD,CAAA;AAED,IAAA,QAAA,CAAS,OAAU,GAAA,GAAA;AAAA;AAGrB,EAAO,OAAA,EAAE,UAAY,EAAA,UAAA,EAAY,cAAe,EAAA;AAClD;;;;"}
+{"version":3,"file":"useForwardExpose.cjs","sources":["../../src/shared/useForwardExpose.ts"],"sourcesContent":["import type { ComponentPublicInstance } from 'vue'\n// reference: https://github.com/vuejs/rfcs/issues/258#issuecomment-1068697672\nimport { unrefElement } from '@vueuse/core'\nimport { computed, getCurrentInstance, ref } from 'vue'\n\nexport function useForwardExpose<T extends ComponentPublicInstance>() {\n  const instance = getCurrentInstance()!\n\n  const currentRef = ref<Element | T | null>()\n  const currentElement = computed<HTMLElement>(() => {\n    // $el could be text/comment for non-single root normal or text root, thus we retrieve the nextElementSibling\n    // @ts-expect-error ignore ts error\n    return ['#text', '#comment'].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef)\n  })\n\n  // Do give us credit if you reference our code :D\n  // localExpose should only be assigned once else will create infinite loop\n  const localExpose: Record<string, any> | null = Object.assign({}, instance.exposed)\n  const ret: Record<string, any> = {}\n\n  // retrieve props for current instance\n  for (const key in instance.props) {\n    Object.defineProperty(ret, key, {\n      enumerable: true,\n      configurable: true,\n      get: () => instance.props[key],\n    })\n  }\n\n  // retrieve default exposed value\n  if (Object.keys(localExpose).length > 0) {\n    for (const key in localExpose) {\n      Object.defineProperty(ret, key, {\n        enumerable: true,\n        configurable: true,\n        get: () => localExpose![key],\n      })\n    }\n  }\n\n  // retrieve original first root element\n  Object.defineProperty(ret, '$el', {\n    enumerable: true,\n    configurable: true,\n    get: () => instance.vnode.el,\n  })\n  instance.exposed = ret\n\n  function forwardRef(ref: Element | T | null) {\n    currentRef.value = ref\n\n    if (!ref)\n      return\n\n    // retrieve the forwarded element\n    Object.defineProperty(ret, '$el', {\n      enumerable: true,\n      configurable: true,\n      get: () => (ref instanceof Element ? ref : ref.$el),\n    })\n\n    instance.exposed = ret\n  }\n\n  return { forwardRef, currentRef, currentElement }\n}\n"],"names":["getCurrentInstance","ref","computed","unrefElement"],"mappings":";;;;;AAKO,SAAS,gBAAsD,GAAA;AACpE,EAAA,MAAM,WAAWA,sBAAmB,EAAA;AAEpC,EAAA,MAAM,aAAaC,OAAwB,EAAA;AAC3C,EAAM,MAAA,cAAA,GAAiBC,aAAsB,MAAM;AAGjD,IAAA,OAAO,CAAC,OAAA,EAAS,UAAU,CAAA,CAAE,SAAS,UAAW,CAAA,KAAA,EAAO,GAAI,CAAA,QAAQ,IAAI,UAAW,CAAA,KAAA,EAAO,GAAI,CAAA,kBAAA,GAAqBC,kBAAa,UAAU,CAAA;AAAA,GAC3I,CAAA;AAID,EAAA,MAAM,cAA0C,MAAO,CAAA,MAAA,CAAO,EAAC,EAAG,SAAS,OAAO,CAAA;AAClF,EAAA,MAAM,MAA2B,EAAC;AAGlC,EAAW,KAAA,MAAA,GAAA,IAAO,SAAS,KAAO,EAAA;AAChC,IAAO,MAAA,CAAA,cAAA,CAAe,KAAK,GAAK,EAAA;AAAA,MAC9B,UAAY,EAAA,IAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,GAAK,EAAA,MAAM,QAAS,CAAA,KAAA,CAAM,GAAG;AAAA,KAC9B,CAAA;AAAA;AAIH,EAAA,IAAI,MAAO,CAAA,IAAA,CAAK,WAAW,CAAA,CAAE,SAAS,CAAG,EAAA;AACvC,IAAA,KAAA,MAAW,OAAO,WAAa,EAAA;AAC7B,MAAO,MAAA,CAAA,cAAA,CAAe,KAAK,GAAK,EAAA;AAAA,QAC9B,UAAY,EAAA,IAAA;AAAA,QACZ,YAAc,EAAA,IAAA;AAAA,QACd,GAAA,EAAK,MAAM,WAAA,CAAa,GAAG;AAAA,OAC5B,CAAA;AAAA;AACH;AAIF,EAAO,MAAA,CAAA,cAAA,CAAe,KAAK,KAAO,EAAA;AAAA,IAChC,UAAY,EAAA,IAAA;AAAA,IACZ,YAAc,EAAA,IAAA;AAAA,IACd,GAAA,EAAK,MAAM,QAAA,CAAS,KAAM,CAAA;AAAA,GAC3B,CAAA;AACD,EAAA,QAAA,CAAS,OAAU,GAAA,GAAA;AAEnB,EAAA,SAAS,WAAWF,IAAyB,EAAA;AAC3C,IAAA,UAAA,CAAW,KAAQA,GAAAA,IAAAA;AAEnB,IAAA,IAAI,CAACA,IAAAA;AACH,MAAA;AAGF,IAAO,MAAA,CAAA,cAAA,CAAe,KAAK,KAAO,EAAA;AAAA,MAChC,UAAY,EAAA,IAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,GAAK,EAAA,MAAOA,IAAe,YAAA,OAAA,GAAUA,OAAMA,IAAI,CAAA;AAAA,KAChD,CAAA;AAED,IAAA,QAAA,CAAS,OAAU,GAAA,GAAA;AAAA;AAGrB,EAAO,OAAA,EAAE,UAAY,EAAA,UAAA,EAAY,cAAe,EAAA;AAClD;;;;"}

package/dist/shared/useForwardExpose.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardExpose.js","sources":["../../src/shared/useForwardExpose.ts"],"sourcesContent":["// reference: https://github.com/vuejs/rfcs/issues/258#issuecomment-1068697672\nimport { unrefElement } from '@vueuse/core'\nimport { type ComponentPublicInstance, computed, getCurrentInstance, ref } from 'vue'\n\nexport function useForwardExpose<T extends ComponentPublicInstance>() {\n  const instance = getCurrentInstance()!\n\n  const currentRef = ref<Element | T | null>()\n  const currentElement = computed<HTMLElement>(() => {\n    // $el could be text/comment for non-single root normal or text root, thus we retrieve the nextElementSibling\n    // @ts-expect-error ignore ts error\n    return ['#text', '#comment'].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef)\n  })\n\n  // Do give us credit if you reference our code :D\n  // localExpose should only be assigned once else will create infinite loop\n  const localExpose: Record<string, any> | null = Object.assign({}, instance.exposed)\n  const ret: Record<string, any> = {}\n\n  // retrieve props for current instance\n  for (const key in instance.props) {\n    Object.defineProperty(ret, key, {\n      enumerable: true,\n      configurable: true,\n      get: () => instance.props[key],\n    })\n  }\n\n  // retrieve default exposed value\n  if (Object.keys(localExpose).length > 0) {\n    for (const key in localExpose) {\n      Object.defineProperty(ret, key, {\n        enumerable: true,\n        configurable: true,\n        get: () => localExpose![key],\n      })\n    }\n  }\n\n  // retrieve original first root element\n  Object.defineProperty(ret, '$el', {\n    enumerable: true,\n    configurable: true,\n    get: () => instance.vnode.el,\n  })\n  instance.exposed = ret\n\n  function forwardRef(ref: Element | T | null) {\n    currentRef.value = ref\n\n    if (!ref)\n      return\n\n    // retrieve the forwarded element\n    Object.defineProperty(ret, '$el', {\n      enumerable: true,\n      configurable: true,\n      get: () => (ref instanceof Element ? ref : ref.$el),\n    })\n\n    instance.exposed = ret\n  }\n\n  return { forwardRef, currentRef, currentElement }\n}\n"],"names":["ref"],"mappings":";;;AAIO,SAAS,gBAAsD,GAAA;AACpE,EAAA,MAAM,WAAW,kBAAmB,EAAA;AAEpC,EAAA,MAAM,aAAa,GAAwB,EAAA;AAC3C,EAAM,MAAA,cAAA,GAAiB,SAAsB,MAAM;AAGjD,IAAA,OAAO,CAAC,OAAA,EAAS,UAAU,CAAA,CAAE,SAAS,UAAW,CAAA,KAAA,EAAO,GAAI,CAAA,QAAQ,IAAI,UAAW,CAAA,KAAA,EAAO,GAAI,CAAA,kBAAA,GAAqB,aAAa,UAAU,CAAA;AAAA,GAC3I,CAAA;AAID,EAAA,MAAM,cAA0C,MAAO,CAAA,MAAA,CAAO,EAAC,EAAG,SAAS,OAAO,CAAA;AAClF,EAAA,MAAM,MAA2B,EAAC;AAGlC,EAAW,KAAA,MAAA,GAAA,IAAO,SAAS,KAAO,EAAA;AAChC,IAAO,MAAA,CAAA,cAAA,CAAe,KAAK,GAAK,EAAA;AAAA,MAC9B,UAAY,EAAA,IAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,GAAK,EAAA,MAAM,QAAS,CAAA,KAAA,CAAM,GAAG;AAAA,KAC9B,CAAA;AAAA;AAIH,EAAA,IAAI,MAAO,CAAA,IAAA,CAAK,WAAW,CAAA,CAAE,SAAS,CAAG,EAAA;AACvC,IAAA,KAAA,MAAW,OAAO,WAAa,EAAA;AAC7B,MAAO,MAAA,CAAA,cAAA,CAAe,KAAK,GAAK,EAAA;AAAA,QAC9B,UAAY,EAAA,IAAA;AAAA,QACZ,YAAc,EAAA,IAAA;AAAA,QACd,GAAA,EAAK,MAAM,WAAA,CAAa,GAAG;AAAA,OAC5B,CAAA;AAAA;AACH;AAIF,EAAO,MAAA,CAAA,cAAA,CAAe,KAAK,KAAO,EAAA;AAAA,IAChC,UAAY,EAAA,IAAA;AAAA,IACZ,YAAc,EAAA,IAAA;AAAA,IACd,GAAA,EAAK,MAAM,QAAA,CAAS,KAAM,CAAA;AAAA,GAC3B,CAAA;AACD,EAAA,QAAA,CAAS,OAAU,GAAA,GAAA;AAEnB,EAAA,SAAS,WAAWA,IAAyB,EAAA;AAC3C,IAAA,UAAA,CAAW,KAAQA,GAAAA,IAAAA;AAEnB,IAAA,IAAI,CAACA,IAAAA;AACH,MAAA;AAGF,IAAO,MAAA,CAAA,cAAA,CAAe,KAAK,KAAO,EAAA;AAAA,MAChC,UAAY,EAAA,IAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,GAAK,EAAA,MAAOA,IAAe,YAAA,OAAA,GAAUA,OAAMA,IAAI,CAAA;AAAA,KAChD,CAAA;AAED,IAAA,QAAA,CAAS,OAAU,GAAA,GAAA;AAAA;AAGrB,EAAO,OAAA,EAAE,UAAY,EAAA,UAAA,EAAY,cAAe,EAAA;AAClD;;;;"}
+{"version":3,"file":"useForwardExpose.js","sources":["../../src/shared/useForwardExpose.ts"],"sourcesContent":["import type { ComponentPublicInstance } from 'vue'\n// reference: https://github.com/vuejs/rfcs/issues/258#issuecomment-1068697672\nimport { unrefElement } from '@vueuse/core'\nimport { computed, getCurrentInstance, ref } from 'vue'\n\nexport function useForwardExpose<T extends ComponentPublicInstance>() {\n  const instance = getCurrentInstance()!\n\n  const currentRef = ref<Element | T | null>()\n  const currentElement = computed<HTMLElement>(() => {\n    // $el could be text/comment for non-single root normal or text root, thus we retrieve the nextElementSibling\n    // @ts-expect-error ignore ts error\n    return ['#text', '#comment'].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef)\n  })\n\n  // Do give us credit if you reference our code :D\n  // localExpose should only be assigned once else will create infinite loop\n  const localExpose: Record<string, any> | null = Object.assign({}, instance.exposed)\n  const ret: Record<string, any> = {}\n\n  // retrieve props for current instance\n  for (const key in instance.props) {\n    Object.defineProperty(ret, key, {\n      enumerable: true,\n      configurable: true,\n      get: () => instance.props[key],\n    })\n  }\n\n  // retrieve default exposed value\n  if (Object.keys(localExpose).length > 0) {\n    for (const key in localExpose) {\n      Object.defineProperty(ret, key, {\n        enumerable: true,\n        configurable: true,\n        get: () => localExpose![key],\n      })\n    }\n  }\n\n  // retrieve original first root element\n  Object.defineProperty(ret, '$el', {\n    enumerable: true,\n    configurable: true,\n    get: () => instance.vnode.el,\n  })\n  instance.exposed = ret\n\n  function forwardRef(ref: Element | T | null) {\n    currentRef.value = ref\n\n    if (!ref)\n      return\n\n    // retrieve the forwarded element\n    Object.defineProperty(ret, '$el', {\n      enumerable: true,\n      configurable: true,\n      get: () => (ref instanceof Element ? ref : ref.$el),\n    })\n\n    instance.exposed = ret\n  }\n\n  return { forwardRef, currentRef, currentElement }\n}\n"],"names":["ref"],"mappings":";;;AAKO,SAAS,gBAAsD,GAAA;AACpE,EAAA,MAAM,WAAW,kBAAmB,EAAA;AAEpC,EAAA,MAAM,aAAa,GAAwB,EAAA;AAC3C,EAAM,MAAA,cAAA,GAAiB,SAAsB,MAAM;AAGjD,IAAA,OAAO,CAAC,OAAA,EAAS,UAAU,CAAA,CAAE,SAAS,UAAW,CAAA,KAAA,EAAO,GAAI,CAAA,QAAQ,IAAI,UAAW,CAAA,KAAA,EAAO,GAAI,CAAA,kBAAA,GAAqB,aAAa,UAAU,CAAA;AAAA,GAC3I,CAAA;AAID,EAAA,MAAM,cAA0C,MAAO,CAAA,MAAA,CAAO,EAAC,EAAG,SAAS,OAAO,CAAA;AAClF,EAAA,MAAM,MAA2B,EAAC;AAGlC,EAAW,KAAA,MAAA,GAAA,IAAO,SAAS,KAAO,EAAA;AAChC,IAAO,MAAA,CAAA,cAAA,CAAe,KAAK,GAAK,EAAA;AAAA,MAC9B,UAAY,EAAA,IAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,GAAK,EAAA,MAAM,QAAS,CAAA,KAAA,CAAM,GAAG;AAAA,KAC9B,CAAA;AAAA;AAIH,EAAA,IAAI,MAAO,CAAA,IAAA,CAAK,WAAW,CAAA,CAAE,SAAS,CAAG,EAAA;AACvC,IAAA,KAAA,MAAW,OAAO,WAAa,EAAA;AAC7B,MAAO,MAAA,CAAA,cAAA,CAAe,KAAK,GAAK,EAAA;AAAA,QAC9B,UAAY,EAAA,IAAA;AAAA,QACZ,YAAc,EAAA,IAAA;AAAA,QACd,GAAA,EAAK,MAAM,WAAA,CAAa,GAAG;AAAA,OAC5B,CAAA;AAAA;AACH;AAIF,EAAO,MAAA,CAAA,cAAA,CAAe,KAAK,KAAO,EAAA;AAAA,IAChC,UAAY,EAAA,IAAA;AAAA,IACZ,YAAc,EAAA,IAAA;AAAA,IACd,GAAA,EAAK,MAAM,QAAA,CAAS,KAAM,CAAA;AAAA,GAC3B,CAAA;AACD,EAAA,QAAA,CAAS,OAAU,GAAA,GAAA;AAEnB,EAAA,SAAS,WAAWA,IAAyB,EAAA;AAC3C,IAAA,UAAA,CAAW,KAAQA,GAAAA,IAAAA;AAEnB,IAAA,IAAI,CAACA,IAAAA;AACH,MAAA;AAGF,IAAO,MAAA,CAAA,cAAA,CAAe,KAAK,KAAO,EAAA;AAAA,MAChC,UAAY,EAAA,IAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,GAAK,EAAA,MAAOA,IAAe,YAAA,OAAA,GAAUA,OAAMA,IAAI,CAAA;AAAA,KAChD,CAAA;AAED,IAAA,QAAA,CAAS,OAAU,GAAA,GAAA;AAAA;AAGrB,EAAO,OAAA,EAAE,UAAY,EAAA,UAAA,EAAY,cAAe,EAAA;AAClD;;;;"}

package/dist/shared/useForwardProps.cjs

@@ -6,7 +6,7 @@ function useForwardProps(props) {
   const vm = vue.getCurrentInstance();
   const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
     const defaultValue = (vm?.type.props[curr]).default;
-    if (defaultValue !== undefined)
+    if (defaultValue !== void 0)
       prev[curr] = defaultValue;
     return prev;
   }, {});
@@ -18,7 +18,7 @@ function useForwardProps(props) {
       preservedProps[vue.camelize(key)] = assignedProps[key];
     });
     return Object.keys({ ...defaultProps, ...preservedProps }).reduce((prev, curr) => {
-      if (refProps.value[curr] !== undefined)
+      if (refProps.value[curr] !== void 0)
         prev[curr] = refProps.value[curr];
       return prev;
     }, {});

package/dist/shared/useForwardProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardProps.cjs","sources":["../../src/shared/useForwardProps.ts"],"sourcesContent":["import { type MaybeRefOrGetter, camelize, computed, getCurrentInstance, toRef } from 'vue'\n\ninterface PropOptions {\n  type?: any\n  required?: boolean\n  default?: any\n}\n\n/**\n * The `useForwardProps` function in TypeScript takes in a set of props and returns a computed value\n * that combines default props with assigned props from the current instance.\n * @param {T} props - The `props` parameter is an object that represents the props passed to a\n * component.\n * @returns computed value that combines the default props, preserved props, and assigned props.\n */\nexport function useForwardProps<T extends Record<string, any>>(props: MaybeRefOrGetter<T>) {\n  const vm = getCurrentInstance()\n  // Default value for declared props\n  const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {\n    const defaultValue = (vm?.type.props[curr] as PropOptions).default\n    if (defaultValue !== undefined)\n      prev[curr as keyof T] = defaultValue\n    return prev\n  }, {} as T)\n\n  const refProps = toRef(props)\n  return computed(() => {\n    const preservedProps = {} as T\n    const assignedProps = vm?.vnode.props ?? {}\n\n    Object.keys(assignedProps).forEach((key) => {\n      preservedProps[camelize(key) as keyof T] = assignedProps[key]\n    })\n\n    // Only return value from the props parameter\n    return Object.keys({ ...defaultProps, ...preservedProps }).reduce((prev, curr) => {\n      if (refProps.value[curr] !== undefined)\n        prev[curr as keyof T] = refProps.value[curr]\n      return prev\n    }, {} as T)\n  })\n}\n"],"names":["getCurrentInstance","toRef","computed","camelize"],"mappings":";;;;AAeO,SAAS,gBAA+C,KAA4B,EAAA;AACzF,EAAA,MAAM,KAAKA,sBAAmB,EAAA;AAE9B,EAAA,MAAM,YAAe,GAAA,MAAA,CAAO,IAAK,CAAA,EAAA,EAAI,IAAK,CAAA,KAAA,IAAS,EAAE,CAAE,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AAC5E,IAAA,MAAM,YAAgB,GAAA,CAAA,EAAA,EAAI,IAAK,CAAA,KAAA,CAAM,IAAI,CAAkB,EAAA,OAAA;AAC3D,IAAA,IAAI,YAAiB,KAAA,SAAA;AACnB,MAAA,IAAA,CAAK,IAAe,CAAI,GAAA,YAAA;AAC1B,IAAO,OAAA,IAAA;AAAA,GACT,EAAG,EAAO,CAAA;AAEV,EAAM,MAAA,QAAA,GAAWC,UAAM,KAAK,CAAA;AAC5B,EAAA,OAAOC,aAAS,MAAM;AACpB,IAAA,MAAM,iBAAiB,EAAC;AACxB,IAAA,MAAM,aAAgB,GAAA,EAAA,EAAI,KAAM,CAAA,KAAA,IAAS,EAAC;AAE1C,IAAA,MAAA,CAAO,IAAK,CAAA,aAAa,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AAC1C,MAAA,cAAA,CAAeC,YAAS,CAAA,GAAG,CAAY,CAAA,GAAI,cAAc,GAAG,CAAA;AAAA,KAC7D,CAAA;AAGD,IAAA,OAAO,MAAO,CAAA,IAAA,CAAK,EAAE,GAAG,YAAc,EAAA,GAAG,cAAe,EAAC,CAAE,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AAChF,MAAI,IAAA,QAAA,CAAS,KAAM,CAAA,IAAI,CAAM,KAAA,SAAA;AAC3B,QAAA,IAAA,CAAK,IAAe,CAAA,GAAI,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA;AAC7C,MAAO,OAAA,IAAA;AAAA,KACT,EAAG,EAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}
+{"version":3,"file":"useForwardProps.cjs","sources":["../../src/shared/useForwardProps.ts"],"sourcesContent":["import type { MaybeRefOrGetter } from 'vue'\nimport { camelize, computed, getCurrentInstance, toRef } from 'vue'\n\ninterface PropOptions {\n  type?: any\n  required?: boolean\n  default?: any\n}\n\n/**\n * The `useForwardProps` function in TypeScript takes in a set of props and returns a computed value\n * that combines default props with assigned props from the current instance.\n * @param {T} props - The `props` parameter is an object that represents the props passed to a\n * component.\n * @returns computed value that combines the default props, preserved props, and assigned props.\n */\nexport function useForwardProps<T extends Record<string, any>>(props: MaybeRefOrGetter<T>) {\n  const vm = getCurrentInstance()\n  // Default value for declared props\n  const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {\n    const defaultValue = (vm?.type.props[curr] as PropOptions).default\n    if (defaultValue !== undefined)\n      prev[curr as keyof T] = defaultValue\n    return prev\n  }, {} as T)\n\n  const refProps = toRef(props)\n  return computed(() => {\n    const preservedProps = {} as T\n    const assignedProps = vm?.vnode.props ?? {}\n\n    Object.keys(assignedProps).forEach((key) => {\n      preservedProps[camelize(key) as keyof T] = assignedProps[key]\n    })\n\n    // Only return value from the props parameter\n    return Object.keys({ ...defaultProps, ...preservedProps }).reduce((prev, curr) => {\n      if (refProps.value[curr] !== undefined)\n        prev[curr as keyof T] = refProps.value[curr]\n      return prev\n    }, {} as T)\n  })\n}\n"],"names":["getCurrentInstance","toRef","computed","camelize"],"mappings":";;;;AAgBO,SAAS,gBAA+C,KAA4B,EAAA;AACzF,EAAA,MAAM,KAAKA,sBAAmB,EAAA;AAE9B,EAAA,MAAM,YAAe,GAAA,MAAA,CAAO,IAAK,CAAA,EAAA,EAAI,IAAK,CAAA,KAAA,IAAS,EAAE,CAAE,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AAC5E,IAAA,MAAM,YAAgB,GAAA,CAAA,EAAA,EAAI,IAAK,CAAA,KAAA,CAAM,IAAI,CAAkB,EAAA,OAAA;AAC3D,IAAA,IAAI,YAAiB,KAAA,MAAA;AACnB,MAAA,IAAA,CAAK,IAAe,CAAI,GAAA,YAAA;AAC1B,IAAO,OAAA,IAAA;AAAA,GACT,EAAG,EAAO,CAAA;AAEV,EAAM,MAAA,QAAA,GAAWC,UAAM,KAAK,CAAA;AAC5B,EAAA,OAAOC,aAAS,MAAM;AACpB,IAAA,MAAM,iBAAiB,EAAC;AACxB,IAAA,MAAM,aAAgB,GAAA,EAAA,EAAI,KAAM,CAAA,KAAA,IAAS,EAAC;AAE1C,IAAA,MAAA,CAAO,IAAK,CAAA,aAAa,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AAC1C,MAAA,cAAA,CAAeC,YAAS,CAAA,GAAG,CAAY,CAAA,GAAI,cAAc,GAAG,CAAA;AAAA,KAC7D,CAAA;AAGD,IAAA,OAAO,MAAO,CAAA,IAAA,CAAK,EAAE,GAAG,YAAc,EAAA,GAAG,cAAe,EAAC,CAAE,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AAChF,MAAI,IAAA,QAAA,CAAS,KAAM,CAAA,IAAI,CAAM,KAAA,MAAA;AAC3B,QAAA,IAAA,CAAK,IAAe,CAAA,GAAI,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA;AAC7C,MAAO,OAAA,IAAA;AAAA,KACT,EAAG,EAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}

package/dist/shared/useForwardProps.js

@@ -4,7 +4,7 @@ function useForwardProps(props) {
   const vm = getCurrentInstance();
   const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
     const defaultValue = (vm?.type.props[curr]).default;
-    if (defaultValue !== undefined)
+    if (defaultValue !== void 0)
       prev[curr] = defaultValue;
     return prev;
   }, {});
@@ -16,7 +16,7 @@ function useForwardProps(props) {
       preservedProps[camelize(key)] = assignedProps[key];
     });
     return Object.keys({ ...defaultProps, ...preservedProps }).reduce((prev, curr) => {
-      if (refProps.value[curr] !== undefined)
+      if (refProps.value[curr] !== void 0)
         prev[curr] = refProps.value[curr];
       return prev;
     }, {});

package/dist/shared/useForwardProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardProps.js","sources":["../../src/shared/useForwardProps.ts"],"sourcesContent":["import { type MaybeRefOrGetter, camelize, computed, getCurrentInstance, toRef } from 'vue'\n\ninterface PropOptions {\n  type?: any\n  required?: boolean\n  default?: any\n}\n\n/**\n * The `useForwardProps` function in TypeScript takes in a set of props and returns a computed value\n * that combines default props with assigned props from the current instance.\n * @param {T} props - The `props` parameter is an object that represents the props passed to a\n * component.\n * @returns computed value that combines the default props, preserved props, and assigned props.\n */\nexport function useForwardProps<T extends Record<string, any>>(props: MaybeRefOrGetter<T>) {\n  const vm = getCurrentInstance()\n  // Default value for declared props\n  const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {\n    const defaultValue = (vm?.type.props[curr] as PropOptions).default\n    if (defaultValue !== undefined)\n      prev[curr as keyof T] = defaultValue\n    return prev\n  }, {} as T)\n\n  const refProps = toRef(props)\n  return computed(() => {\n    const preservedProps = {} as T\n    const assignedProps = vm?.vnode.props ?? {}\n\n    Object.keys(assignedProps).forEach((key) => {\n      preservedProps[camelize(key) as keyof T] = assignedProps[key]\n    })\n\n    // Only return value from the props parameter\n    return Object.keys({ ...defaultProps, ...preservedProps }).reduce((prev, curr) => {\n      if (refProps.value[curr] !== undefined)\n        prev[curr as keyof T] = refProps.value[curr]\n      return prev\n    }, {} as T)\n  })\n}\n"],"names":[],"mappings":";;AAeO,SAAS,gBAA+C,KAA4B,EAAA;AACzF,EAAA,MAAM,KAAK,kBAAmB,EAAA;AAE9B,EAAA,MAAM,YAAe,GAAA,MAAA,CAAO,IAAK,CAAA,EAAA,EAAI,IAAK,CAAA,KAAA,IAAS,EAAE,CAAE,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AAC5E,IAAA,MAAM,YAAgB,GAAA,CAAA,EAAA,EAAI,IAAK,CAAA,KAAA,CAAM,IAAI,CAAkB,EAAA,OAAA;AAC3D,IAAA,IAAI,YAAiB,KAAA,SAAA;AACnB,MAAA,IAAA,CAAK,IAAe,CAAI,GAAA,YAAA;AAC1B,IAAO,OAAA,IAAA;AAAA,GACT,EAAG,EAAO,CAAA;AAEV,EAAM,MAAA,QAAA,GAAW,MAAM,KAAK,CAAA;AAC5B,EAAA,OAAO,SAAS,MAAM;AACpB,IAAA,MAAM,iBAAiB,EAAC;AACxB,IAAA,MAAM,aAAgB,GAAA,EAAA,EAAI,KAAM,CAAA,KAAA,IAAS,EAAC;AAE1C,IAAA,MAAA,CAAO,IAAK,CAAA,aAAa,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AAC1C,MAAA,cAAA,CAAe,QAAS,CAAA,GAAG,CAAY,CAAA,GAAI,cAAc,GAAG,CAAA;AAAA,KAC7D,CAAA;AAGD,IAAA,OAAO,MAAO,CAAA,IAAA,CAAK,EAAE,GAAG,YAAc,EAAA,GAAG,cAAe,EAAC,CAAE,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AAChF,MAAI,IAAA,QAAA,CAAS,KAAM,CAAA,IAAI,CAAM,KAAA,SAAA;AAC3B,QAAA,IAAA,CAAK,IAAe,CAAA,GAAI,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA;AAC7C,MAAO,OAAA,IAAA;AAAA,KACT,EAAG,EAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}
+{"version":3,"file":"useForwardProps.js","sources":["../../src/shared/useForwardProps.ts"],"sourcesContent":["import type { MaybeRefOrGetter } from 'vue'\nimport { camelize, computed, getCurrentInstance, toRef } from 'vue'\n\ninterface PropOptions {\n  type?: any\n  required?: boolean\n  default?: any\n}\n\n/**\n * The `useForwardProps` function in TypeScript takes in a set of props and returns a computed value\n * that combines default props with assigned props from the current instance.\n * @param {T} props - The `props` parameter is an object that represents the props passed to a\n * component.\n * @returns computed value that combines the default props, preserved props, and assigned props.\n */\nexport function useForwardProps<T extends Record<string, any>>(props: MaybeRefOrGetter<T>) {\n  const vm = getCurrentInstance()\n  // Default value for declared props\n  const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {\n    const defaultValue = (vm?.type.props[curr] as PropOptions).default\n    if (defaultValue !== undefined)\n      prev[curr as keyof T] = defaultValue\n    return prev\n  }, {} as T)\n\n  const refProps = toRef(props)\n  return computed(() => {\n    const preservedProps = {} as T\n    const assignedProps = vm?.vnode.props ?? {}\n\n    Object.keys(assignedProps).forEach((key) => {\n      preservedProps[camelize(key) as keyof T] = assignedProps[key]\n    })\n\n    // Only return value from the props parameter\n    return Object.keys({ ...defaultProps, ...preservedProps }).reduce((prev, curr) => {\n      if (refProps.value[curr] !== undefined)\n        prev[curr as keyof T] = refProps.value[curr]\n      return prev\n    }, {} as T)\n  })\n}\n"],"names":[],"mappings":";;AAgBO,SAAS,gBAA+C,KAA4B,EAAA;AACzF,EAAA,MAAM,KAAK,kBAAmB,EAAA;AAE9B,EAAA,MAAM,YAAe,GAAA,MAAA,CAAO,IAAK,CAAA,EAAA,EAAI,IAAK,CAAA,KAAA,IAAS,EAAE,CAAE,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AAC5E,IAAA,MAAM,YAAgB,GAAA,CAAA,EAAA,EAAI,IAAK,CAAA,KAAA,CAAM,IAAI,CAAkB,EAAA,OAAA;AAC3D,IAAA,IAAI,YAAiB,KAAA,MAAA;AACnB,MAAA,IAAA,CAAK,IAAe,CAAI,GAAA,YAAA;AAC1B,IAAO,OAAA,IAAA;AAAA,GACT,EAAG,EAAO,CAAA;AAEV,EAAM,MAAA,QAAA,GAAW,MAAM,KAAK,CAAA;AAC5B,EAAA,OAAO,SAAS,MAAM;AACpB,IAAA,MAAM,iBAAiB,EAAC;AACxB,IAAA,MAAM,aAAgB,GAAA,EAAA,EAAI,KAAM,CAAA,KAAA,IAAS,EAAC;AAE1C,IAAA,MAAA,CAAO,IAAK,CAAA,aAAa,CAAE,CAAA,OAAA,CAAQ,CAAC,GAAQ,KAAA;AAC1C,MAAA,cAAA,CAAe,QAAS,CAAA,GAAG,CAAY,CAAA,GAAI,cAAc,GAAG,CAAA;AAAA,KAC7D,CAAA;AAGD,IAAA,OAAO,MAAO,CAAA,IAAA,CAAK,EAAE,GAAG,YAAc,EAAA,GAAG,cAAe,EAAC,CAAE,CAAA,MAAA,CAAO,CAAC,IAAA,EAAM,IAAS,KAAA;AAChF,MAAI,IAAA,QAAA,CAAS,KAAM,CAAA,IAAI,CAAM,KAAA,MAAA;AAC3B,QAAA,IAAA,CAAK,IAAe,CAAA,GAAI,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA;AAC7C,MAAO,OAAA,IAAA;AAAA,KACT,EAAG,EAAO,CAAA;AAAA,GACX,CAAA;AACH;;;;"}

package/dist/shared/useForwardPropsEmits.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardPropsEmits.cjs","sources":["../../src/shared/useForwardPropsEmits.ts"],"sourcesContent":["import { type MaybeRefOrGetter, computed } from 'vue'\nimport { useEmitAsProps } from './useEmitAsProps'\nimport { useForwardProps } from './useForwardProps'\n\n/**\n * The function `useForwardPropsEmits` takes in props and an optional emit function, and returns a\n * computed object that combines the parsed props and emits as props.\n * @param {T} props - The `props` parameter is of type `T`, which is a generic type that extends the\n * parameters of the `useForwardProps` function. It represents the props object that is passed to the\n * `useForwardProps` function.\n * @param [emit] - The `emit` parameter is a function that can be used to emit events. It takes two\n * arguments: `name`, which is the name of the event to be emitted, and `args`, which are the arguments\n * to be passed along with the event.\n * @returns a computed property that combines the parsed\n * props and emits as props.\n */\nexport function useForwardPropsEmits<T extends Record<string, any>, Name extends string>(props: MaybeRefOrGetter<T>, emit?: (name: Name, ...args: any[]) => void) {\n  const parsedProps = useForwardProps(props)\n  const emitsAsProps = emit ? useEmitAsProps(emit) : {}\n\n  return computed(() => ({\n    ...parsedProps.value,\n    ...emitsAsProps,\n  }))\n}\n"],"names":["useForwardProps","useEmitAsProps","computed"],"mappings":";;;;;;AAgBgB,SAAA,oBAAA,CAAyE,OAA4B,IAA6C,EAAA;AAChK,EAAM,MAAA,WAAA,GAAcA,uCAAgB,KAAK,CAAA;AACzC,EAAA,MAAM,YAAe,GAAA,IAAA,GAAOC,oCAAe,CAAA,IAAI,IAAI,EAAC;AAEpD,EAAA,OAAOC,aAAS,OAAO;AAAA,IACrB,GAAG,WAAY,CAAA,KAAA;AAAA,IACf,GAAG;AAAA,GACH,CAAA,CAAA;AACJ;;;;"}
+{"version":3,"file":"useForwardPropsEmits.cjs","sources":["../../src/shared/useForwardPropsEmits.ts"],"sourcesContent":["import type { MaybeRefOrGetter } from 'vue'\nimport { computed } from 'vue'\nimport { useEmitAsProps } from './useEmitAsProps'\nimport { useForwardProps } from './useForwardProps'\n\n/**\n * The function `useForwardPropsEmits` takes in props and an optional emit function, and returns a\n * computed object that combines the parsed props and emits as props.\n * @param {T} props - The `props` parameter is of type `T`, which is a generic type that extends the\n * parameters of the `useForwardProps` function. It represents the props object that is passed to the\n * `useForwardProps` function.\n * @param [emit] - The `emit` parameter is a function that can be used to emit events. It takes two\n * arguments: `name`, which is the name of the event to be emitted, and `args`, which are the arguments\n * to be passed along with the event.\n * @returns a computed property that combines the parsed\n * props and emits as props.\n */\nexport function useForwardPropsEmits<T extends Record<string, any>, Name extends string>(props: MaybeRefOrGetter<T>, emit?: (name: Name, ...args: any[]) => void) {\n  const parsedProps = useForwardProps(props)\n  const emitsAsProps = emit ? useEmitAsProps(emit) : {}\n\n  return computed(() => ({\n    ...parsedProps.value,\n    ...emitsAsProps,\n  }))\n}\n"],"names":["useForwardProps","useEmitAsProps","computed"],"mappings":";;;;;;AAiBgB,SAAA,oBAAA,CAAyE,OAA4B,IAA6C,EAAA;AAChK,EAAM,MAAA,WAAA,GAAcA,uCAAgB,KAAK,CAAA;AACzC,EAAA,MAAM,YAAe,GAAA,IAAA,GAAOC,oCAAe,CAAA,IAAI,IAAI,EAAC;AAEpD,EAAA,OAAOC,aAAS,OAAO;AAAA,IACrB,GAAG,WAAY,CAAA,KAAA;AAAA,IACf,GAAG;AAAA,GACH,CAAA,CAAA;AACJ;;;;"}

package/dist/shared/useForwardPropsEmits.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardPropsEmits.js","sources":["../../src/shared/useForwardPropsEmits.ts"],"sourcesContent":["import { type MaybeRefOrGetter, computed } from 'vue'\nimport { useEmitAsProps } from './useEmitAsProps'\nimport { useForwardProps } from './useForwardProps'\n\n/**\n * The function `useForwardPropsEmits` takes in props and an optional emit function, and returns a\n * computed object that combines the parsed props and emits as props.\n * @param {T} props - The `props` parameter is of type `T`, which is a generic type that extends the\n * parameters of the `useForwardProps` function. It represents the props object that is passed to the\n * `useForwardProps` function.\n * @param [emit] - The `emit` parameter is a function that can be used to emit events. It takes two\n * arguments: `name`, which is the name of the event to be emitted, and `args`, which are the arguments\n * to be passed along with the event.\n * @returns a computed property that combines the parsed\n * props and emits as props.\n */\nexport function useForwardPropsEmits<T extends Record<string, any>, Name extends string>(props: MaybeRefOrGetter<T>, emit?: (name: Name, ...args: any[]) => void) {\n  const parsedProps = useForwardProps(props)\n  const emitsAsProps = emit ? useEmitAsProps(emit) : {}\n\n  return computed(() => ({\n    ...parsedProps.value,\n    ...emitsAsProps,\n  }))\n}\n"],"names":[],"mappings":";;;;AAgBgB,SAAA,oBAAA,CAAyE,OAA4B,IAA6C,EAAA;AAChK,EAAM,MAAA,WAAA,GAAc,gBAAgB,KAAK,CAAA;AACzC,EAAA,MAAM,YAAe,GAAA,IAAA,GAAO,cAAe,CAAA,IAAI,IAAI,EAAC;AAEpD,EAAA,OAAO,SAAS,OAAO;AAAA,IACrB,GAAG,WAAY,CAAA,KAAA;AAAA,IACf,GAAG;AAAA,GACH,CAAA,CAAA;AACJ;;;;"}
+{"version":3,"file":"useForwardPropsEmits.js","sources":["../../src/shared/useForwardPropsEmits.ts"],"sourcesContent":["import type { MaybeRefOrGetter } from 'vue'\nimport { computed } from 'vue'\nimport { useEmitAsProps } from './useEmitAsProps'\nimport { useForwardProps } from './useForwardProps'\n\n/**\n * The function `useForwardPropsEmits` takes in props and an optional emit function, and returns a\n * computed object that combines the parsed props and emits as props.\n * @param {T} props - The `props` parameter is of type `T`, which is a generic type that extends the\n * parameters of the `useForwardProps` function. It represents the props object that is passed to the\n * `useForwardProps` function.\n * @param [emit] - The `emit` parameter is a function that can be used to emit events. It takes two\n * arguments: `name`, which is the name of the event to be emitted, and `args`, which are the arguments\n * to be passed along with the event.\n * @returns a computed property that combines the parsed\n * props and emits as props.\n */\nexport function useForwardPropsEmits<T extends Record<string, any>, Name extends string>(props: MaybeRefOrGetter<T>, emit?: (name: Name, ...args: any[]) => void) {\n  const parsedProps = useForwardProps(props)\n  const emitsAsProps = emit ? useEmitAsProps(emit) : {}\n\n  return computed(() => ({\n    ...parsedProps.value,\n    ...emitsAsProps,\n  }))\n}\n"],"names":[],"mappings":";;;;AAiBgB,SAAA,oBAAA,CAAyE,OAA4B,IAA6C,EAAA;AAChK,EAAM,MAAA,WAAA,GAAc,gBAAgB,KAAK,CAAA;AACzC,EAAA,MAAM,YAAe,GAAA,IAAA,GAAO,cAAe,CAAA,IAAI,IAAI,EAAC;AAEpD,EAAA,OAAO,SAAS,OAAO;AAAA,IACrB,GAAG,WAAY,CAAA,KAAA;AAAA,IACf,GAAG;AAAA,GACH,CAAA,CAAA;AACJ;;;;"}

package/dist/shared/useGraceArea.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-const vue = require('vue');
 const shared = require('@vueuse/shared');
+const vue = require('vue');
 
 function useGraceArea(triggerElement, containerElement) {
   const isPointerInTransit = shared.refAutoReset(false, 300);
@@ -36,7 +36,7 @@ function useGraceArea(triggerElement, containerElement) {
   vue.watchEffect((cleanupFn) => {
     if (pointerGraceArea.value) {
       const handleTrackPointerGrace = (event) => {
-        if (!pointerGraceArea.value)
+        if (!pointerGraceArea.value || !(event.target instanceof HTMLElement))
           return;
         const target = event.target;
         const pointerPosition = { x: event.clientX, y: event.clientY };