@rupe/v-datepicker 1.0.0-alpha.0

package/dist/shared/date/useDateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateField.js","sources":["../../../src/shared/date/useDateField.ts"],"sourcesContent":["import type {\n  CalendarDateTime,\n  CycleTimeOptions,\n  DateFields,\n  DateValue,\n  TimeFields,\n} from \"@internationalized/date\";\nimport type { Ref } from \"vue\";\nimport type {\n  AnyExceptLiteral,\n  DateStep,\n  HourCycle,\n  SegmentPart,\n  SegmentValueObj,\n} from \"./types\";\nimport type { Formatter } from \"..\";\nimport { computed } from \"vue\";\nimport { getDaysInMonth, toDate } from \"../../date\";\nimport { useKbd } from \"../useKbd\";\nimport {\n  isAcceptableSegmentKey,\n  isNumberString,\n  isSegmentNavigationKey,\n} from \"./segment\";\n\ntype MinuteSecondIncrementProps = {\n  e: KeyboardEvent;\n  part: keyof TimeFields;\n  dateRef: DateValue;\n  prevValue: number | null;\n};\n\ntype DateTimeValueIncrementation = {\n  e: KeyboardEvent;\n  part: keyof Omit<DateFields, \"era\"> | keyof TimeFields;\n  dateRef: DateValue;\n  prevValue: number | null;\n  hourCycle?: HourCycle;\n};\n\ntype SegmentAttrProps = {\n  disabled: boolean;\n  segmentValues: SegmentValueObj;\n  hourCycle: HourCycle;\n  placeholder: DateValue;\n  formatter: Formatter;\n};\n\nfunction commonSegmentAttrs(props: SegmentAttrProps) {\n  return {\n    role: \"spinbutton\",\n    contenteditable: true,\n    tabindex: props.disabled ? undefined : 0,\n    spellcheck: false,\n    inputmode: \"numeric\",\n    autocorrect: \"off\",\n    enterkeyhint: \"next\",\n    style: \"caret-color: transparent;\",\n  };\n}\n\nfunction daySegmentAttrs(props: SegmentAttrProps) {\n  const { segmentValues, placeholder } = props;\n  const isEmpty = segmentValues.day === null;\n  const date = segmentValues.day\n    ? placeholder.set({ day: segmentValues.day })\n    : placeholder;\n\n  const valueNow = date.day;\n  const valueMin = 1;\n  const valueMax = getDaysInMonth(date);\n  const valueText = isEmpty ? \"Empty\" : `${valueNow}`;\n\n  return {\n    ...commonSegmentAttrs(props),\n    \"aria-label\": \"day,\",\n    \"aria-valuemin\": valueMin,\n    \"aria-valuemax\": valueMax,\n    \"aria-valuenow\": valueNow,\n    \"aria-valuetext\": valueText,\n    \"data-placeholder\": isEmpty ? \"\" : undefined,\n  };\n}\n\nfunction monthSegmentAttrs(props: SegmentAttrProps) {\n  const { segmentValues, placeholder, formatter } = props;\n  const isEmpty = segmentValues.month === null;\n  const date = segmentValues.month\n    ? placeholder.set({ month: segmentValues.month })\n    : placeholder;\n  const valueNow = date.month;\n  const valueMin = 1;\n  const valueMax = 12;\n  const valueText = isEmpty\n    ? \"Empty\"\n    : `${valueNow} - ${formatter.fullMonth(toDate(date))}`;\n\n  return {\n    ...commonSegmentAttrs(props),\n    \"aria-label\": \"month, \",\n    contenteditable: true,\n    \"aria-valuemin\": valueMin,\n    \"aria-valuemax\": valueMax,\n    \"aria-valuenow\": valueNow,\n    \"aria-valuetext\": valueText,\n    \"data-placeholder\": isEmpty ? \"\" : undefined,\n  };\n}\n\nfunction yearSegmentAttrs(props: SegmentAttrProps) {\n  const { segmentValues, placeholder } = props;\n  const isEmpty = segmentValues.year === null;\n  const date = segmentValues.year\n    ? placeholder.set({ year: segmentValues.year })\n    : placeholder;\n  const valueMin = 1;\n  const valueMax = 9999;\n  const valueNow = date.year;\n  const valueText = isEmpty ? \"Empty\" : `${valueNow}`;\n\n  return {\n    ...commonSegmentAttrs(props),\n    \"aria-label\": \"year, \",\n    \"aria-valuemin\": valueMin,\n    \"aria-valuemax\": valueMax,\n    \"aria-valuenow\": valueNow,\n    \"aria-valuetext\": valueText,\n    \"data-placeholder\": isEmpty ? \"\" : undefined,\n  };\n}\n\nfunction hourSegmentAttrs(props: SegmentAttrProps) {\n  const { segmentValues, hourCycle, placeholder } = props;\n\n  if (!(\"hour\" in segmentValues) || !(\"hour\" in placeholder)) return {};\n  const isEmpty = segmentValues.hour === null;\n  const date = segmentValues.hour\n    ? placeholder.set({ hour: segmentValues.hour })\n    : placeholder;\n  const valueMin = hourCycle === 12 ? 1 : 0;\n  const valueMax = hourCycle === 12 ? 12 : 23;\n  const valueNow = date.hour;\n  const valueText = isEmpty\n    ? \"Empty\"\n    : `${valueNow} ${segmentValues.dayPeriod ?? \"\"}`;\n\n  return {\n    ...commonSegmentAttrs(props),\n    \"aria-label\": \"hour, \",\n    \"aria-valuemin\": valueMin,\n    \"aria-valuemax\": valueMax,\n    \"aria-valuenow\": valueNow,\n    \"aria-valuetext\": valueText,\n    \"data-placeholder\": isEmpty ? \"\" : undefined,\n  };\n}\n\nfunction minuteSegmentAttrs(props: SegmentAttrProps) {\n  const { segmentValues, placeholder } = props;\n  if (!(\"minute\" in segmentValues) || !(\"minute\" in placeholder)) return {};\n  const isEmpty = segmentValues.minute === null;\n  const date = segmentValues.minute\n    ? placeholder.set({ minute: segmentValues.minute })\n    : placeholder;\n  const valueNow = date.minute;\n  const valueMin = 0;\n  const valueMax = 59;\n  const valueText = isEmpty ? \"Empty\" : `${valueNow}`;\n\n  return {\n    ...commonSegmentAttrs(props),\n    \"aria-label\": \"minute, \",\n    \"aria-valuemin\": valueMin,\n    \"aria-valuemax\": valueMax,\n    \"aria-valuenow\": valueNow,\n    \"aria-valuetext\": valueText,\n    \"data-placeholder\": isEmpty ? \"\" : undefined,\n  };\n}\n\nfunction secondSegmentAttrs(props: SegmentAttrProps) {\n  const { segmentValues, placeholder } = props;\n  if (!(\"second\" in segmentValues) || !(\"second\" in placeholder)) return {};\n  const isEmpty = segmentValues.second === null;\n  const date = segmentValues.second\n    ? placeholder.set({ second: segmentValues.second })\n    : placeholder;\n  const valueNow = date.second;\n  const valueMin = 0;\n  const valueMax = 59;\n  const valueText = isEmpty ? \"Empty\" : `${valueNow}`;\n\n  return {\n    ...commonSegmentAttrs(props),\n    \"aria-label\": \"second, \",\n    \"aria-valuemin\": valueMin,\n    \"aria-valuemax\": valueMax,\n    \"aria-valuenow\": valueNow,\n    \"aria-valuetext\": valueText,\n    \"data-placeholder\": isEmpty ? \"\" : undefined,\n  };\n}\n\nfunction dayPeriodSegmentAttrs(props: SegmentAttrProps) {\n  const { segmentValues } = props;\n  if (!(\"dayPeriod\" in segmentValues)) return {};\n\n  const valueMin = 0;\n  const valueMax = 12;\n  const valueNow = segmentValues.hour\n    ? segmentValues.hour > 12\n      ? segmentValues.hour - 12\n      : segmentValues.hour\n    : 0;\n  const valueText = segmentValues.dayPeriod ?? \"AM\";\n\n  return {\n    ...commonSegmentAttrs(props),\n    inputmode: \"text\",\n    \"aria-label\": \"AM/PM\",\n    \"aria-valuemin\": valueMin,\n    \"aria-valuemax\": valueMax,\n    \"aria-valuenow\": valueNow,\n    \"aria-valuetext\": valueText,\n  };\n}\n\nfunction literalSegmentAttrs(_props: SegmentAttrProps) {\n  return {\n    \"aria-hidden\": true,\n    \"data-segment\": \"literal\",\n  };\n}\n\nfunction timeZoneSegmentAttrs(props: SegmentAttrProps) {\n  return {\n    role: \"textbox\",\n    \"aria-label\": \"timezone, \",\n    \"data-readonly\": true,\n    \"data-segment\": \"timeZoneName\",\n    tabindex: props.disabled ? undefined : 0,\n    style: \"caret-color: transparent;\",\n  };\n}\n\nfunction eraSegmentAttrs(props: SegmentAttrProps) {\n  const { segmentValues, placeholder } = props;\n\n  const valueMin = 0;\n  const valueMax = 0;\n  const valueNow = 0;\n  const valueText =\n    \"era\" in segmentValues ? segmentValues.era : placeholder.era;\n\n  return {\n    ...commonSegmentAttrs(props),\n    \"aria-label\": \"era\",\n    \"aria-valuemin\": valueMin,\n    \"aria-valuemax\": valueMax,\n    \"aria-valuenow\": valueNow,\n    \"aria-valuetext\": valueText,\n  };\n}\n\nexport const segmentBuilders = {\n  day: {\n    attrs: daySegmentAttrs,\n  },\n  month: {\n    attrs: monthSegmentAttrs,\n  },\n  year: {\n    attrs: yearSegmentAttrs,\n  },\n  hour: {\n    attrs: hourSegmentAttrs,\n  },\n  minute: {\n    attrs: minuteSegmentAttrs,\n  },\n  second: {\n    attrs: secondSegmentAttrs,\n  },\n  dayPeriod: {\n    attrs: dayPeriodSegmentAttrs,\n  },\n  literal: {\n    attrs: literalSegmentAttrs,\n  },\n  timeZoneName: {\n    attrs: timeZoneSegmentAttrs,\n  },\n  era: {\n    attrs: eraSegmentAttrs,\n  },\n};\n\nexport type UseDateFieldProps = {\n  hasLeftFocus: Ref<boolean>;\n  lastKeyZero: Ref<boolean>;\n  placeholder: Ref<DateValue>;\n  hourCycle: HourCycle;\n  step: Ref<DateStep>;\n  formatter: Formatter;\n  segmentValues: Ref<SegmentValueObj>;\n  disabled: Ref<boolean>;\n  readonly: Ref<boolean>;\n  part: SegmentPart;\n  modelValue: Ref<DateValue | undefined>;\n  focusNext: () => void;\n};\n\nexport function useDateField(props: UseDateFieldProps) {\n  const kbd = useKbd();\n\n  function minuteSecondIncrementation({\n    e,\n    part,\n    dateRef,\n    prevValue,\n  }: MinuteSecondIncrementProps): number {\n    const step = props.step.value[part] ?? 1;\n    const sign = e.key === kbd.ARROW_UP ? step : -step;\n    const min = 0;\n    const max = 59;\n\n    if (prevValue === null) return sign > 0 ? min : max;\n\n    const cycleArgs: [keyof TimeFields, number] = [part, sign];\n    return (dateRef as CalendarDateTime)\n      .set({ [part]: prevValue })\n      .cycle(...cycleArgs)[part];\n  }\n\n  function deleteValue(prevValue: number | null) {\n    props.hasLeftFocus.value = false;\n    if (prevValue === null) return prevValue;\n\n    const str = prevValue.toString();\n    if (str.length === 1) {\n      props.modelValue.value = undefined;\n      return null;\n    }\n\n    return Number.parseInt(str.slice(0, -1));\n  }\n  function dateTimeValueIncrementation({\n    e,\n    part,\n    dateRef,\n    prevValue,\n    hourCycle,\n  }: DateTimeValueIncrementation): number {\n    const step = props.step.value[part] ?? 1;\n    const sign = e.key === kbd.ARROW_UP ? step : -step;\n\n    if (prevValue === null)\n      return dateRef[part as keyof Omit<DateFields, \"era\">];\n\n    if (part === \"hour\" && \"hour\" in dateRef) {\n      const cycleArgs: [\n        keyof DateFields | keyof TimeFields,\n        number,\n        CycleTimeOptions?,\n      ] = [part, sign, { hourCycle }];\n      return dateRef\n        .set({ [part as keyof DateValue]: prevValue })\n        .cycle(...cycleArgs)[part];\n    }\n\n    const cycleArgs: [keyof DateFields, number] = [\n      part as keyof DateFields,\n      sign,\n    ];\n    if (part === \"day\") {\n      return dateRef\n        .set({\n          [part as keyof DateValue]: prevValue,\n          /**\n           * Edge case for the day field:\n           *\n           * 1. If the month is filled,\n           *   we need to ensure that the day snaps to the maximum value of that month.\n           * 2. If the month is not filled,\n           *   we default to the month with the maximum number of days (here just using January, 31 days),\n           *   so that user can input any possible day.\n           */\n          month: props.segmentValues.value.month ?? 1,\n        })\n        .cycle(...cycleArgs)[part as keyof Omit<DateFields, \"era\">];\n    }\n\n    return dateRef\n      .set({ [part as keyof DateValue]: prevValue })\n      .cycle(...cycleArgs)[part as keyof Omit<DateFields, \"era\">];\n  }\n  function updateDayOrMonth(max: number, num: number, prev: number | null) {\n    let moveToNext = false;\n    const maxStart = Math.floor(max / 10);\n\n    /**\n     * If the user has left the segment, we want to reset the\n     * `prev` value so that we can start the segment over again\n     * when the user types a number.\n     */\n    if (props.hasLeftFocus.value) {\n      props.hasLeftFocus.value = false;\n      prev = null;\n    }\n\n    if (prev === null) {\n      /**\n       * If the user types a 0 as the first number, we want\n       * to keep track of that so that when they type the next\n       * number, we can move to the next segment.\n       */\n\n      if (num === 0) {\n        props.lastKeyZero.value = true;\n        return { value: null, moveToNext };\n      }\n      /**\n       * If the last key was a 0, or if the first number is\n       * greater than the max start digit (0-3 in most cases), then\n       * we want to move to the next segment, since it's not possible\n       * to continue typing a valid number in this segment.\n       */\n\n      if (props.lastKeyZero.value || num > maxStart) {\n        // move to next\n        moveToNext = true;\n      }\n      props.lastKeyZero.value = false;\n      /**\n       * If none of the above conditions are met, then we can just\n       * return the number as the segment value and continue typing\n       * in this segment.\n       */\n      return { value: num, moveToNext };\n    }\n\n    /**\n     * If the number of digits is 2, or if the total with the existing digit\n     * and the pressed digit is greater than the maximum value for this\n     * month, then we will reset the segment as if the user had pressed the\n     * backspace key and then typed the number.\n     */\n    const digits = prev.toString().length;\n    const total = Number.parseInt(prev.toString() + num.toString());\n    /**\n     * If the number of digits is 2, or if the total with the existing digit\n     * and the pressed digit is greater than the maximum value for this\n     * month, then we will reset the segment as if the user had pressed the\n     * backspace key and then typed the number.\n     */\n\n    if (digits === 2 || total > max) {\n      /**\n       * As we're doing elsewhere, we're checking if the number is greater\n       * than the max start digit (0-3 in most months), and if so, we're\n       * going to move to the next segment.\n       */\n      if (num > maxStart || total > max) {\n        // move to next\n        moveToNext = true;\n      }\n      return { value: num, moveToNext };\n    }\n    // move to next\n    moveToNext = true;\n    return { value: total, moveToNext };\n  }\n\n  function updateMinuteOrSecond(num: number, prev: number | null) {\n    const max = 59;\n    let moveToNext = false;\n    const maxStart = Math.floor(max / 10);\n\n    /**\n     * If the user has left the segment, we want to reset the\n     * `prev` value so that we can start the segment over again\n     * when the user types a number.\n     */\n    if (props.hasLeftFocus.value) {\n      props.hasLeftFocus.value = false;\n      prev = null;\n    }\n\n    if (prev === null) {\n      /**\n       * If the user types a 0 as the first number, we want\n       * to keep track of that so that when they type the next\n       * number, we can move to the next segment.\n       */\n\n      if (num === 0) {\n        props.lastKeyZero.value = true;\n        return { value: 0, moveToNext };\n      }\n      /**\n       * If the last key was a 0, or if the first number is\n       * greater than the max start digit (0-3 in most cases), then\n       * we want to move to the next segment, since it's not possible\n       * to continue typing a valid number in this segment.\n       */\n\n      if (props.lastKeyZero.value || num > maxStart) {\n        // move to next\n        moveToNext = true;\n      }\n      props.lastKeyZero.value = false;\n      /**\n       * If none of the above conditions are met, then we can just\n       * return the number as the segment value and continue typing\n       * in this segment.\n       */\n      return { value: num, moveToNext };\n    }\n\n    /**\n     * If the number of digits is 2, or if the total with the existing digit\n     * and the pressed digit is greater than the maximum value for this\n     * month, then we will reset the segment as if the user had pressed the\n     * backspace key and then typed the number.\n     */\n    const digits = prev.toString().length;\n    const total = Number.parseInt(prev.toString() + num.toString());\n\n    /**\n     * If the number of digits is 2, or if the total with the existing digit\n     * and the pressed digit is greater than the maximum value for this\n     * month, then we will reset the segment as if the user had pressed the\n     * backspace key and then typed the number.\n     */\n\n    if (digits === 2 || total > max) {\n      /**\n       * As we're doing elsewhere, we're checking if the number is greater\n       * than the max start digit (0-3 in most months), and if so, we're\n       * going to move to the next segment.\n       */\n      if (num > maxStart) {\n        // move to next\n        moveToNext = true;\n      }\n      return { value: num, moveToNext };\n    }\n    // move to next\n    moveToNext = true;\n    return { value: total, moveToNext };\n  }\n\n  function updateHour(num: number, prev: number | null) {\n    const max = 24;\n    let moveToNext = false;\n    const maxStart = Math.floor(max / 10);\n\n    /**\n     * If the user has left the segment, we want to reset the\n     * `prev` value so that we can start the segment over again\n     * when the user types a number.\n     */\n    // probably not implement, kind of weird\n    if (props.hasLeftFocus.value) {\n      props.hasLeftFocus.value = false;\n      prev = null;\n    }\n\n    if (prev === null) {\n      /**\n       * If the user types a 0 as the first number, we want\n       * to keep track of that so that when they type the next\n       * number, we can move to the next segment.\n       */\n\n      if (num === 0) {\n        props.lastKeyZero.value = true;\n        return { value: 0, moveToNext };\n      }\n      /**\n       * If the last key was a 0, or if the first number is\n       * greater than the max start digit (0-3 in most cases), then\n       * we want to move to the next segment, since it's not possible\n       * to continue typing a valid number in this segment.\n       */\n\n      if (props.lastKeyZero.value || num > maxStart) {\n        // move to next\n        moveToNext = true;\n      }\n      props.lastKeyZero.value = false;\n      /**\n       * If none of the above conditions are met, then we can just\n       * return the number as the segment value and continue typing\n       * in this segment.\n       */\n      return { value: num, moveToNext };\n    }\n\n    /**\n     * If the number of digits is 2, or if the total with the existing digit\n     * and the pressed digit is greater than the maximum value for this\n     * month, then we will reset the segment as if the user had pressed the\n     * backspace key and then typed the number.\n     */\n    const digits = prev.toString().length;\n    const total = Number.parseInt(prev.toString() + num.toString());\n\n    /**\n     * If the number of digits is 2, or if the total with the existing digit\n     * and the pressed digit is greater than the maximum value for this\n     * month, then we will reset the segment as if the user had pressed the\n     * backspace key and then typed the number.\n     */\n\n    if (digits === 2 || total > max) {\n      /**\n       * As we're doing elsewhere, we're checking if the number is greater\n       * than the max start digit (0-3 in most months), and if so, we're\n       * going to move to the next segment.\n       */\n      if (num > maxStart) {\n        // move to next\n        moveToNext = true;\n      }\n      return { value: num, moveToNext };\n    }\n    // move to next\n    moveToNext = true;\n    return { value: total, moveToNext };\n  }\n\n  function updateYear(num: number, prev: number | null) {\n    let moveToNext = false;\n\n    /**\n     * If the user has left the segment, we want to reset the\n     * `prev` value so that we can start the segment over again\n     * when the user types a number.\n     */\n    // probably not implement, kind of weird\n    if (props.hasLeftFocus.value) {\n      props.hasLeftFocus.value = false;\n      prev = null;\n    }\n\n    if (prev === null) return { value: num === 0 ? 1 : num, moveToNext };\n\n    const str = prev.toString() + num.toString();\n\n    if (str.length > 4) return { value: num === 0 ? 1 : num, moveToNext };\n\n    if (str.length === 4) moveToNext = true;\n\n    const int = Number.parseInt(str);\n    return { value: int, moveToNext };\n  }\n\n  const attributes = computed(\n    () =>\n      segmentBuilders[props.part]?.attrs({\n        disabled: props.disabled.value,\n        placeholder: props.placeholder.value,\n        hourCycle: props.hourCycle,\n        segmentValues: props.segmentValues.value,\n        formatter: props.formatter,\n      }) ?? {},\n  );\n\n  // TODO: look into abstracting segment keydown functions since they have the same structure (checks -> arrow_up, arrow_down update -> number string update -> move to next -> backspace update)\n  function handleDaySegmentKeydown(e: KeyboardEvent) {\n    if (!isAcceptableSegmentKey(e.key) || isSegmentNavigationKey(e.key)) return;\n\n    const prevValue = props.segmentValues.value.day;\n\n    if (e.key === kbd.ARROW_DOWN || e.key === kbd.ARROW_UP) {\n      props.segmentValues.value.day = dateTimeValueIncrementation({\n        e,\n        part: \"day\",\n        dateRef: props.placeholder.value,\n        prevValue,\n      });\n      return;\n    }\n\n    if (isNumberString(e.key)) {\n      const num = Number.parseInt(e.key);\n      const segmentMonthValue = props.segmentValues.value.month;\n\n      const daysInMonth = segmentMonthValue\n        ? getDaysInMonth(\n            props.placeholder.value.set({ month: segmentMonthValue }),\n          )\n        : // if the month is not set, we default to the maximum number of days in a month\n          // so that user can input any possible day\n          31;\n\n      const { value, moveToNext } = updateDayOrMonth(\n        daysInMonth,\n        num,\n        prevValue,\n      );\n\n      props.segmentValues.value.day = value;\n\n      if (moveToNext) props.focusNext();\n    }\n\n    if (e.key === kbd.BACKSPACE) {\n      props.hasLeftFocus.value = false;\n      props.segmentValues.value.day = deleteValue(prevValue);\n    }\n  }\n\n  function handleMonthSegmentKeydown(e: KeyboardEvent) {\n    if (!isAcceptableSegmentKey(e.key) || isSegmentNavigationKey(e.key)) return;\n\n    const prevValue = props.segmentValues.value.month;\n\n    if (e.key === kbd.ARROW_DOWN || e.key === kbd.ARROW_UP) {\n      props.segmentValues.value.month = dateTimeValueIncrementation({\n        e,\n        part: \"month\",\n        dateRef: props.placeholder.value,\n        prevValue,\n      });\n      return;\n    }\n\n    if (isNumberString(e.key)) {\n      const num = Number.parseInt(e.key);\n      const { value, moveToNext } = updateDayOrMonth(12, num, prevValue);\n\n      props.segmentValues.value.month = value;\n\n      if (moveToNext) props.focusNext();\n    }\n\n    if (e.key === kbd.BACKSPACE) {\n      props.hasLeftFocus.value = false;\n      props.segmentValues.value.month = deleteValue(prevValue);\n    }\n  }\n\n  function handleYearSegmentKeydown(e: KeyboardEvent) {\n    if (!isAcceptableSegmentKey(e.key) || isSegmentNavigationKey(e.key)) return;\n\n    const prevValue = props.segmentValues.value.year;\n\n    if (e.key === kbd.ARROW_DOWN || e.key === kbd.ARROW_UP) {\n      props.segmentValues.value.year = dateTimeValueIncrementation({\n        e,\n        part: \"year\",\n        dateRef: props.placeholder.value,\n        prevValue,\n      });\n      return;\n    }\n\n    if (isNumberString(e.key)) {\n      const num = Number.parseInt(e.key);\n      const { value, moveToNext } = updateYear(num, prevValue);\n\n      props.segmentValues.value.year = value;\n\n      if (moveToNext) props.focusNext();\n    }\n\n    if (e.key === kbd.BACKSPACE) {\n      props.hasLeftFocus.value = false;\n      props.segmentValues.value.year = deleteValue(prevValue);\n    }\n  }\n\n  function handleHourSegmentKeydown(e: KeyboardEvent) {\n    const dateRef = props.placeholder.value;\n    if (\n      !isAcceptableSegmentKey(e.key) ||\n      isSegmentNavigationKey(e.key) ||\n      !(\"hour\" in dateRef) ||\n      !(\"hour\" in props.segmentValues.value)\n    )\n      return;\n\n    const prevValue = props.segmentValues.value.hour;\n\n    const hourCycle = props.hourCycle;\n\n    if (e.key === kbd.ARROW_UP || e.key === kbd.ARROW_DOWN) {\n      props.segmentValues.value.hour = dateTimeValueIncrementation({\n        e,\n        part: \"hour\",\n        dateRef: props.placeholder.value,\n        prevValue,\n        hourCycle,\n      });\n\n      if (\"dayPeriod\" in props.segmentValues.value) {\n        if (props.segmentValues.value.hour < 12)\n          props.segmentValues.value.dayPeriod = \"AM\";\n        else if (props.segmentValues.value.hour)\n          props.segmentValues.value.dayPeriod = \"PM\";\n      }\n\n      return;\n    }\n\n    if (isNumberString(e.key)) {\n      const num = Number.parseInt(e.key);\n      const { value, moveToNext } = updateHour(num, prevValue);\n\n      if (\"dayPeriod\" in props.segmentValues.value && value && value > 12)\n        props.segmentValues.value.dayPeriod = \"PM\";\n      else if (\"dayPeriod\" in props.segmentValues.value && value)\n        props.segmentValues.value.dayPeriod = \"AM\";\n\n      props.segmentValues.value.hour = value;\n\n      if (moveToNext) props.focusNext();\n    }\n\n    if (e.key === kbd.BACKSPACE) {\n      props.hasLeftFocus.value = false;\n      props.segmentValues.value.hour = deleteValue(prevValue);\n    }\n  }\n\n  function handleMinuteSegmentKeydown(e: KeyboardEvent) {\n    const dateRef = props.placeholder.value;\n\n    if (\n      !isAcceptableSegmentKey(e.key) ||\n      isSegmentNavigationKey(e.key) ||\n      !(\"minute\" in dateRef) ||\n      !(\"minute\" in props.segmentValues.value)\n    )\n      return;\n\n    const prevValue = props.segmentValues.value.minute;\n\n    if (e.key === kbd.ARROW_UP || e.key === kbd.ARROW_DOWN) {\n      props.segmentValues.value.minute = minuteSecondIncrementation({\n        e,\n        part: \"minute\",\n        dateRef: props.placeholder.value,\n        prevValue,\n      });\n    }\n\n    if (isNumberString(e.key)) {\n      const num = Number.parseInt(e.key);\n\n      const { value, moveToNext } = updateMinuteOrSecond(num, prevValue);\n\n      props.segmentValues.value.minute = value;\n\n      if (moveToNext) props.focusNext();\n    }\n\n    if (e.key === kbd.BACKSPACE) {\n      props.hasLeftFocus.value = false;\n      props.segmentValues.value.minute = deleteValue(prevValue);\n    }\n  }\n\n  function handleSecondSegmentKeydown(e: KeyboardEvent) {\n    const dateRef = props.placeholder.value;\n\n    if (\n      !isAcceptableSegmentKey(e.key) ||\n      isSegmentNavigationKey(e.key) ||\n      !(\"second\" in dateRef) ||\n      !(\"second\" in props.segmentValues.value)\n    )\n      return;\n\n    const prevValue = props.segmentValues.value.second;\n\n    if (e.key === kbd.ARROW_UP || e.key === kbd.ARROW_DOWN) {\n      props.segmentValues.value.second = minuteSecondIncrementation({\n        e,\n        part: \"second\",\n        dateRef: props.placeholder.value,\n        prevValue,\n      });\n    }\n\n    if (isNumberString(e.key)) {\n      const num = Number.parseInt(e.key);\n      const { value, moveToNext } = updateMinuteOrSecond(num, prevValue);\n\n      props.segmentValues.value.second = value;\n\n      if (moveToNext) props.focusNext();\n    }\n\n    if (e.key === kbd.BACKSPACE) {\n      props.hasLeftFocus.value = false;\n      props.segmentValues.value.second = deleteValue(prevValue);\n    }\n  }\n\n  function handleDayPeriodSegmentKeydown(e: KeyboardEvent) {\n    if (\n      ((!isAcceptableSegmentKey(e.key) || isSegmentNavigationKey(e.key)) &&\n        e.key !== \"a\" &&\n        e.key !== \"p\") ||\n      !(\"hour\" in props.placeholder.value) ||\n      !(\"dayPeriod\" in props.segmentValues.value)\n    )\n      return;\n\n    if (e.key === kbd.ARROW_UP || e.key === kbd.ARROW_DOWN) {\n      if (props.segmentValues.value.dayPeriod === \"AM\") {\n        props.segmentValues.value.dayPeriod = \"PM\";\n        props.segmentValues.value.hour = props.segmentValues.value.hour! + 12;\n        return;\n      }\n      props.segmentValues.value.dayPeriod = \"AM\";\n      props.segmentValues.value.hour = props.segmentValues.value.hour! - 12;\n      return;\n    }\n\n    if (\n      [\"a\", \"A\"].includes(e.key) &&\n      props.segmentValues.value.dayPeriod !== \"AM\"\n    ) {\n      props.segmentValues.value.dayPeriod = \"AM\";\n      props.segmentValues.value.hour = props.segmentValues.value.hour! - 12;\n      return;\n    }\n\n    if (\n      [\"p\", \"P\"].includes(e.key) &&\n      props.segmentValues.value.dayPeriod !== \"PM\"\n    ) {\n      props.segmentValues.value.dayPeriod = \"PM\";\n      props.segmentValues.value.hour = props.segmentValues.value.hour! + 12;\n    }\n  }\n\n  function handleSegmentClick(e: MouseEvent) {\n    const disabled = props.disabled.value;\n    if (disabled) e.preventDefault();\n  }\n\n  function handleSegmentKeydown(e: KeyboardEvent) {\n    const disabled = props.disabled.value;\n    const readonly = props.readonly.value;\n    if (e.key !== kbd.TAB) e.preventDefault();\n\n    if (disabled || readonly) return;\n    const segmentKeydownHandlers = {\n      day: handleDaySegmentKeydown,\n      month: handleMonthSegmentKeydown,\n      year: handleYearSegmentKeydown,\n      hour: handleHourSegmentKeydown,\n      minute: handleMinuteSegmentKeydown,\n      second: handleSecondSegmentKeydown,\n      dayPeriod: handleDayPeriodSegmentKeydown,\n      timeZoneName: () => {},\n    } as const;\n\n    segmentKeydownHandlers[props.part as keyof typeof segmentKeydownHandlers](\n      e,\n    );\n\n    if (\n      ![kbd.ARROW_LEFT, kbd.ARROW_RIGHT].includes(e.key) &&\n      e.key !== kbd.TAB &&\n      e.key !== kbd.SHIFT &&\n      isAcceptableSegmentKey(e.key)\n    ) {\n      if (\n        Object.values(props.segmentValues.value).every((item) => item !== null)\n      ) {\n        const updateObject = {\n          ...(props.segmentValues.value as Record<AnyExceptLiteral, number>),\n        };\n\n        let dateRef = props.placeholder.value.copy();\n\n        Object.keys(updateObject).forEach((part) => {\n          const value = updateObject[part as AnyExceptLiteral];\n          dateRef = dateRef.set({ [part]: value });\n        });\n\n        props.modelValue.value = dateRef.copy();\n      }\n    }\n  }\n\n  return {\n    handleSegmentClick,\n    handleSegmentKeydown,\n    attributes,\n  };\n}\n"],"names":["cycleArgs"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { Granularity } from './comparators';
+import { DateStep, HourCycle } from './types';
+export declare function getOptsByGranularity(granularity: Granularity, hourCycle: HourCycle, isTimeValue?: boolean): Intl.DateTimeFormatOptions;
+type GetDefaultDateStepProps = {
+    step?: DateStep;
+};
+export declare function normalizeDateStep(props?: GetDefaultDateStepProps): DateStep;
+export declare function handleCalendarInitialFocus(calendar: HTMLElement): void;
+export declare function normalizeHourCycle(hourCycle: HourCycle): "h23" | "h11" | undefined;
+export declare function normalizeHour12(hourCycle: HourCycle): boolean | undefined;
+export {};

package/dist/shared/date/utils.js

@@ -0,0 +1,76 @@
+import defu from "../../node_modules/.pnpm/defu@6.1.4/node_modules/defu/dist/defu.js";
+function getOptsByGranularity(granularity, hourCycle, isTimeValue = false) {
+  const opts = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    timeZoneName: "short",
+    hourCycle: normalizeHourCycle(hourCycle),
+    hour12: normalizeHour12(hourCycle)
+  };
+  if (isTimeValue) {
+    delete opts.year;
+    delete opts.month;
+    delete opts.day;
+  }
+  if (granularity === "day") {
+    delete opts.second;
+    delete opts.hour;
+    delete opts.minute;
+    delete opts.timeZoneName;
+  }
+  if (granularity === "hour") {
+    delete opts.minute;
+    delete opts.second;
+  }
+  if (granularity === "minute")
+    delete opts.second;
+  return opts;
+}
+function normalizeDateStep(props) {
+  return defu(props?.step, {
+    year: 1,
+    month: 1,
+    day: 1,
+    hour: 1,
+    minute: 1,
+    second: 1,
+    millisecond: 1
+  });
+}
+function handleCalendarInitialFocus(calendar) {
+  const selectedDay = calendar.querySelector("[data-selected]");
+  if (selectedDay)
+    return selectedDay.focus();
+  const today = calendar.querySelector("[data-today]");
+  if (today)
+    return today.focus();
+  const firstDay = calendar.querySelector("[data-reka-calendar-day]");
+  if (firstDay)
+    return firstDay.focus();
+}
+function normalizeHourCycle(hourCycle) {
+  if (hourCycle === 24)
+    return "h23";
+  if (hourCycle === 12)
+    return "h11";
+  return void 0;
+}
+function normalizeHour12(hourCycle) {
+  if (hourCycle === 24)
+    return false;
+  if (hourCycle === 12)
+    return true;
+  return void 0;
+}
+export {
+  getOptsByGranularity,
+  handleCalendarInitialFocus,
+  normalizeDateStep,
+  normalizeHour12,
+  normalizeHourCycle
+};
+//# sourceMappingURL=utils.js.map

package/dist/shared/date/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/shared/date/utils.ts"],"sourcesContent":["import type { Granularity } from './comparators'\nimport type { DateStep, HourCycle } from './types'\nimport { defu } from 'defu'\n\nexport function getOptsByGranularity(granularity: Granularity, hourCycle: HourCycle, isTimeValue: boolean = false) {\n  const opts: Intl.DateTimeFormatOptions = {\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    second: '2-digit',\n    timeZoneName: 'short',\n    hourCycle: normalizeHourCycle(hourCycle),\n    hour12: normalizeHour12(hourCycle),\n  }\n  if (isTimeValue) {\n    delete opts.year\n    delete opts.month\n    delete opts.day\n  }\n\n  if (granularity === 'day') {\n    delete opts.second\n    delete opts.hour\n    delete opts.minute\n    delete opts.timeZoneName\n  }\n  if (granularity === 'hour') {\n    delete opts.minute\n    delete opts.second\n  }\n\n  if (granularity === 'minute')\n    delete opts.second\n\n  return opts\n}\n\ntype GetDefaultDateStepProps = {\n  step?: DateStep\n}\n\nexport function normalizeDateStep(props?: GetDefaultDateStepProps): DateStep {\n  return defu(props?.step, {\n    year: 1,\n    month: 1,\n    day: 1,\n    hour: 1,\n    minute: 1,\n    second: 1,\n    millisecond: 1,\n  } satisfies DateStep)\n}\n\nexport function handleCalendarInitialFocus(calendar: HTMLElement) {\n  const selectedDay = calendar.querySelector<HTMLElement>('[data-selected]')\n  if (selectedDay)\n    return selectedDay.focus()\n\n  const today = calendar.querySelector<HTMLElement>('[data-today]')\n  if (today)\n    return today.focus()\n\n  const firstDay = calendar.querySelector<HTMLElement>('[data-reka-calendar-day]')\n  if (firstDay)\n    return firstDay.focus()\n}\n\nexport function normalizeHourCycle(hourCycle: HourCycle) {\n  if (hourCycle === 24)\n    return 'h23'\n  if (hourCycle === 12)\n    return 'h11'\n  return undefined\n}\n\nexport function normalizeHour12(hourCycle: HourCycle) {\n  if (hourCycle === 24)\n    return false\n  if (hourCycle === 12)\n    return true\n  return undefined\n}\n"],"names":[],"mappings":";AAIO,SAAS,qBAAqB,aAA0B,WAAsB,cAAuB,OAAO;AACjH,QAAM,OAAmC;AAAA,IACvC,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,WAAW,mBAAmB,SAAS;AAAA,IACvC,QAAQ,gBAAgB,SAAS;AAAA,EAAA;AAEnC,MAAI,aAAa;AACf,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AAAA,EACd;AAEA,MAAI,gBAAgB,OAAO;AACzB,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AACZ,WAAO,KAAK;AAAA,EACd;AACA,MAAI,gBAAgB,QAAQ;AAC1B,WAAO,KAAK;AACZ,WAAO,KAAK;AAAA,EACd;AAEA,MAAI,gBAAgB;AAClB,WAAO,KAAK;AAEd,SAAO;AACT;AAMO,SAAS,kBAAkB,OAA2C;AAC3E,SAAO,KAAK,OAAO,MAAM;AAAA,IACvB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA,CACK;AACtB;AAEO,SAAS,2BAA2B,UAAuB;AAChE,QAAM,cAAc,SAAS,cAA2B,iBAAiB;AACzE,MAAI;AACF,WAAO,YAAY,MAAA;AAErB,QAAM,QAAQ,SAAS,cAA2B,cAAc;AAChE,MAAI;AACF,WAAO,MAAM,MAAA;AAEf,QAAM,WAAW,SAAS,cAA2B,0BAA0B;AAC/E,MAAI;AACF,WAAO,SAAS,MAAA;AACpB;AAEO,SAAS,mBAAmB,WAAsB;AACvD,MAAI,cAAc;AAChB,WAAO;AACT,MAAI,cAAc;AAChB,WAAO;AACT,SAAO;AACT;AAEO,SAAS,gBAAgB,WAAsB;AACpD,MAAI,cAAc;AAChB,WAAO;AACT,MAAI,cAAc;AAChB,WAAO;AACT,SAAO;AACT;"}

package/dist/shared/getActiveElement.d.ts

@@ -0,0 +1 @@
+export declare function getActiveElement(): Element | null;

package/dist/shared/getActiveElement.js

@@ -0,0 +1,14 @@
+function getActiveElement() {
+  let activeElement = document.activeElement;
+  if (activeElement == null) {
+    return null;
+  }
+  while (activeElement != null && activeElement.shadowRoot != null && activeElement.shadowRoot.activeElement != null) {
+    activeElement = activeElement.shadowRoot.activeElement;
+  }
+  return activeElement;
+}
+export {
+  getActiveElement
+};
+//# sourceMappingURL=getActiveElement.js.map

package/dist/shared/getActiveElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getActiveElement.js","sources":["../../src/shared/getActiveElement.ts"],"sourcesContent":["export function getActiveElement(): Element | null {\r\n  let activeElement = document.activeElement\r\n  if (activeElement == null) {\r\n    return null\r\n  }\r\n\r\n  while (activeElement != null && activeElement.shadowRoot != null && activeElement.shadowRoot.activeElement != null) {\r\n    activeElement = activeElement.shadowRoot.activeElement\r\n  }\r\n\r\n  return activeElement\r\n}\r\n"],"names":[],"mappings":"AAAO,SAAS,mBAAmC;AACjD,MAAI,gBAAgB,SAAS;AAC7B,MAAI,iBAAiB,MAAM;AACzB,WAAO;AAAA,EACT;AAEA,SAAO,iBAAiB,QAAQ,cAAc,cAAc,QAAQ,cAAc,WAAW,iBAAiB,MAAM;AAClH,oBAAgB,cAAc,WAAW;AAAA,EAC3C;AAEA,SAAO;AACT;"}

package/dist/shared/handleAndDispatchCustomEvent.d.ts

@@ -0,0 +1,3 @@
+export declare function handleAndDispatchCustomEvent<E extends CustomEvent, OriginalEvent extends Event>(name: string, handler: ((event: E) => void) | undefined, detail: {
+    originalEvent: OriginalEvent;
+} & (E extends CustomEvent<infer D> ? D : never)): void;

package/dist/shared/handleAndDispatchCustomEvent.js

@@ -0,0 +1,15 @@
+function handleAndDispatchCustomEvent(name, handler, detail) {
+  const target = detail.originalEvent.target;
+  const event = new CustomEvent(name, {
+    bubbles: false,
+    cancelable: true,
+    detail
+  });
+  if (handler)
+    target.addEventListener(name, handler, { once: true });
+  target.dispatchEvent(event);
+}
+export {
+  handleAndDispatchCustomEvent
+};
+//# sourceMappingURL=handleAndDispatchCustomEvent.js.map

package/dist/shared/handleAndDispatchCustomEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleAndDispatchCustomEvent.js","sources":["../../src/shared/handleAndDispatchCustomEvent.ts"],"sourcesContent":["export function handleAndDispatchCustomEvent<\n  E extends CustomEvent,\n  OriginalEvent extends Event,\n>(\n  name: string,\n  handler: ((event: E) => void) | undefined,\n  detail: { originalEvent: OriginalEvent } & (E extends CustomEvent<infer D>\n    ? D\n    : never),\n) {\n  const target = detail.originalEvent.target\n  const event = new CustomEvent(name, {\n    bubbles: false,\n    cancelable: true,\n    detail,\n  })\n  if (handler)\n    target.addEventListener(name, handler as EventListener, { once: true })\n\n  target.dispatchEvent(event)\n}\n"],"names":[],"mappings":"AAAO,SAAS,6BAId,MACA,SACA,QAGA;AACA,QAAM,SAAS,OAAO,cAAc;AACpC,QAAM,QAAQ,IAAI,YAAY,MAAM;AAAA,IAClC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,EAAA,CACD;AACD,MAAI;AACF,WAAO,iBAAiB,MAAM,SAA0B,EAAE,MAAM,MAAM;AAExE,SAAO,cAAc,KAAK;AAC5B;"}

package/dist/shared/index.d.ts

@@ -0,0 +1,22 @@
+export * from './arrays';
+export { createContext } from './createContext';
+export { type DateRange, type DateStep, type DateValue, type SegmentPart, } from './date';
+export { getActiveElement } from './getActiveElement';
+export { handleAndDispatchCustomEvent } from './handleAndDispatchCustomEvent';
+export * from './nullish';
+export { onFocusOutside } from './onFocusOutside';
+export { renderSlotFragments } from './renderSlotFragments';
+export { trapFocus } from './trap-focus';
+export { type Formatter, useDateFormatter } from './useDateFormatter';
+export { useDirection } from './useDirection';
+export { useEmitAsProps } from './useEmitAsProps';
+export { useFocusGuards } from './useFocusGuards';
+export { useForwardExpose } from './useForwardExpose';
+export { useForwardProps } from './useForwardProps';
+export { useForwardPropsEmits } from './useForwardPropsEmits';
+export { useId } from './useId';
+export { useKbd, useTestKbd } from './useKbd';
+export { useLocale } from './useLocale';
+export { useSize } from './useSize';
+export { useStateMachine } from './useStateMachine';
+export { withDefault } from './withDefault';

package/dist/shared/nullish.d.ts

@@ -0,0 +1 @@
+export declare function isNullish(value: any): value is null | undefined;

package/dist/shared/nullish.js

@@ -0,0 +1,7 @@
+function isNullish(value) {
+  return value === null || value === void 0;
+}
+export {
+  isNullish
+};
+//# sourceMappingURL=nullish.js.map

package/dist/shared/nullish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nullish.js","sources":["../../src/shared/nullish.ts"],"sourcesContent":["export function isNullish(value: any): value is null | undefined {\n  return value === null || value === undefined\n}\n"],"names":[],"mappings":"AAAO,SAAS,UAAU,OAAuC;AAC/D,SAAO,UAAU,QAAQ,UAAU;AACrC;"}

package/dist/shared/onFocusOutside.d.ts

@@ -0,0 +1,2 @@
+import { MaybeElementRef } from '@vueuse/core';
+export declare function onFocusOutside(element: MaybeElementRef, handler: (event: FocusEvent) => void): void;

package/dist/shared/renderSlotFragments.d.ts

@@ -0,0 +1,2 @@
+import { VNode } from 'vue';
+export declare function renderSlotFragments(children?: VNode[]): VNode[];

package/dist/shared/renderSlotFragments.js

@@ -0,0 +1,14 @@
+import { Fragment } from "vue";
+function renderSlotFragments(children) {
+  if (!children)
+    return [];
+  return children.flatMap((child) => {
+    if (child.type === Fragment)
+      return renderSlotFragments(child.children);
+    return [child];
+  });
+}
+export {
+  renderSlotFragments
+};
+//# sourceMappingURL=renderSlotFragments.js.map

package/dist/shared/renderSlotFragments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderSlotFragments.js","sources":["../../src/shared/renderSlotFragments.ts"],"sourcesContent":["import type { VNode } from 'vue'\nimport { Fragment } from 'vue'\n\nexport function renderSlotFragments(children?: VNode[]): VNode[] {\n  if (!children)\n    return []\n  return children.flatMap((child) => {\n    if (child.type === Fragment)\n      return renderSlotFragments(child.children as VNode[])\n\n    return [child]\n  })\n}\n"],"names":[],"mappings":";AAGO,SAAS,oBAAoB,UAA6B;AAC/D,MAAI,CAAC;AACH,WAAO,CAAA;AACT,SAAO,SAAS,QAAQ,CAAC,UAAU;AACjC,QAAI,MAAM,SAAS;AACjB,aAAO,oBAAoB,MAAM,QAAmB;AAEtD,WAAO,CAAC,KAAK;AAAA,EACf,CAAC;AACH;"}

package/dist/shared/trap-focus.d.ts

@@ -0,0 +1 @@
+export declare function trapFocus(element: HTMLElement): HTMLElement | undefined;

package/dist/shared/types.d.ts

@@ -0,0 +1,48 @@
+import { DefineComponent } from 'vue';
+type DataOrientation = 'vertical' | 'horizontal';
+type Direction = 'ltr' | 'rtl';
+type SingleOrMultipleType = 'single' | 'multiple';
+interface SingleOrMultipleProps<T = AcceptableValue | AcceptableValue[]> {
+    /**
+     * Determines whether a "single" or "multiple" items can be selected at a time.
+     *
+     * This prop will overwrite the inferred type from `modelValue` and `defaultValue`.
+     */
+    type?: SingleOrMultipleType;
+    /**
+     * The controlled value of the active item(s).
+     *
+     * Use this when you need to control the state of the items. Can be binded with `v-model`
+     */
+    modelValue?: T;
+    /**
+     * The default active value of the item(s).
+     *
+     * Use when you do not need to control the state of the item(s).
+     */
+    defaultValue?: T;
+}
+/**
+ * if padding or margin is number, it will be in px
+ * if padding or margin is true, it will be var(--scrollbar-width)
+ * otherwise, it will be passed string
+ */
+type ScrollBodyOption = {
+    padding?: boolean | number | string;
+    margin?: boolean | number | string;
+};
+type AcceptableValue = string | number | bigint | Record<string, any> | null;
+type ArrayOrWrapped<T> = T extends any[] ? T : Array<T>;
+type StringOrNumber = string | number;
+type GenericComponentInstance<T> = T extends new (...args: any[]) => infer R ? R : T extends (...args: any[]) => infer R ? R extends {
+    __ctx?: infer K;
+} ? Exclude<K, void> extends {
+    expose: (...args: infer Y) => void;
+} ? Y[0] & InstanceType<DefineComponent> : any : any : any;
+interface FormFieldProps {
+    /** The name of the field. Submitted with its owning form as part of a name/value pair. */
+    name?: string;
+    /** When `true`, indicates that the user must set the value before the owning form can be submitted. */
+    required?: boolean;
+}
+export type { AcceptableValue, ArrayOrWrapped, DataOrientation, Direction, FormFieldProps, GenericComponentInstance, ScrollBodyOption, SingleOrMultipleProps, SingleOrMultipleType, StringOrNumber };

package/dist/shared/useDateFormatter.d.ts

@@ -0,0 +1,30 @@
+import { DateValue } from '@internationalized/date';
+export interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
+    calendar?: string;
+}
+export type Formatter = {
+    getLocale: () => string;
+    setLocale: (newLocale: string) => void;
+    custom: (date: Date, options: DateFormatterOptions) => string;
+    selectedDate: (date: DateValue, includeTime?: boolean) => string;
+    dayOfWeek: (date: Date, length?: DateFormatterOptions["weekday"]) => string;
+    fullMonthAndYear: (date: Date, options?: DateFormatterOptions) => string;
+    fullMonth: (date: Date, options?: DateFormatterOptions) => string;
+    fullYear: (date: Date, options?: DateFormatterOptions) => string;
+    dayPeriod: (date: Date) => string;
+    part: (dateObj: DateValue, type: Intl.DateTimeFormatPartTypes, options?: DateFormatterOptions) => string;
+    toParts: (date: DateValue, options?: DateFormatterOptions) => Intl.DateTimeFormatPart[];
+    getMonths: () => {
+        label: string;
+        value: number;
+    }[];
+};
+/**
+ * Creates a wrapper around the `DateFormatter`, which is
+ * an improved version of the {@link Intl.DateTimeFormat} API,
+ * that is used internally by the various date builders to
+ * easily format dates in a consistent way.
+ *
+ * @see [DateFormatter](https://react-spectrum.adobe.com/internationalized/date/DateFormatter.html)
+ */
+export declare function useDateFormatter(initialLocale: string, opts?: DateFormatterOptions): Formatter;

package/dist/shared/useDateFormatter.js

@@ -0,0 +1,121 @@
+import { today as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, getLocalTimeZone as $14e0f24ef4ac5c92$export$aa8b41735afcabd2 } from "../node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/dist/queries.js";
+import { DateFormatter as $fb18d541ea1ad717$export$ad991b66133851cf } from "../node_modules/.pnpm/@internationalized_date@3.10.1/node_modules/@internationalized/date/dist/DateFormatter.js";
+import { ref } from "vue";
+import { toDate, hasTime, isZonedDateTime } from "../date/comparators.js";
+function useDateFormatter(initialLocale, opts = {}) {
+  const locale = ref(initialLocale);
+  function getLocale() {
+    return locale.value;
+  }
+  function setLocale(newLocale) {
+    locale.value = newLocale;
+  }
+  function custom(date, options) {
+    return new $fb18d541ea1ad717$export$ad991b66133851cf(locale.value, { ...opts, ...options }).format(
+      date
+    );
+  }
+  function selectedDate(date, includeTime = true) {
+    if (hasTime(date) && includeTime) {
+      return custom(toDate(date), {
+        dateStyle: "long",
+        timeStyle: "long"
+      });
+    } else {
+      return custom(toDate(date), {
+        dateStyle: "long"
+      });
+    }
+  }
+  function fullMonthAndYear(date, options = {}) {
+    return new $fb18d541ea1ad717$export$ad991b66133851cf(locale.value, {
+      ...opts,
+      month: "long",
+      year: "numeric",
+      ...options
+    }).format(date);
+  }
+  function fullMonth(date, options = {}) {
+    return new $fb18d541ea1ad717$export$ad991b66133851cf(locale.value, {
+      ...opts,
+      month: "long",
+      ...options
+    }).format(date);
+  }
+  function getMonths() {
+    const defaultDate = $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+    const months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+    return months.map((item) => ({
+      label: fullMonth(toDate(defaultDate.set({ month: item }))),
+      value: item
+    }));
+  }
+  function fullYear(date, options = {}) {
+    return new $fb18d541ea1ad717$export$ad991b66133851cf(locale.value, {
+      ...opts,
+      year: "numeric",
+      ...options
+    }).format(date);
+  }
+  function toParts(date, options) {
+    if (isZonedDateTime(date)) {
+      return new $fb18d541ea1ad717$export$ad991b66133851cf(locale.value, {
+        ...opts,
+        ...options,
+        timeZone: date.timeZone
+      }).formatToParts(toDate(date));
+    } else {
+      return new $fb18d541ea1ad717$export$ad991b66133851cf(locale.value, {
+        ...opts,
+        ...options
+      }).formatToParts(toDate(date));
+    }
+  }
+  function dayOfWeek(date, length = "narrow") {
+    return new $fb18d541ea1ad717$export$ad991b66133851cf(locale.value, { ...opts, weekday: length }).format(
+      date
+    );
+  }
+  function dayPeriod(date) {
+    const parts = new $fb18d541ea1ad717$export$ad991b66133851cf(locale.value, {
+      ...opts,
+      hour: "numeric",
+      minute: "numeric"
+    }).formatToParts(date);
+    const value = parts.find((p) => p.type === "dayPeriod")?.value;
+    if (value === "PM" || value === "p.m.") return "PM";
+    return "AM";
+  }
+  const defaultPartOptions = {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric"
+  };
+  function part(dateObj, type, options = {}) {
+    const opts2 = { ...defaultPartOptions, ...options };
+    const parts = toParts(dateObj, opts2);
+    const part2 = parts.find((p) => p.type === type);
+    return part2 ? part2.value : "";
+  }
+  return {
+    setLocale,
+    getLocale,
+    fullMonth,
+    fullYear,
+    fullMonthAndYear,
+    toParts,
+    custom,
+    part,
+    dayPeriod,
+    selectedDate,
+    dayOfWeek,
+    getMonths
+  };
+}
+export {
+  useDateFormatter
+};
+//# sourceMappingURL=useDateFormatter.js.map

package/dist/shared/useDateFormatter.js.map

@@ -0,0 +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 type { DateValue, ZonedDateTime } from \"@internationalized/date\";\nimport {\n  DateFormatter,\n  getLocalTimeZone,\n  today,\n} from \"@internationalized/date\";\nimport { ref } from \"vue\";\nimport { hasTime, isZonedDateTime, toDate } from \"../date\";\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: (\n    dateObj: DateValue,\n    type: Intl.DateTimeFormatPartTypes,\n    options?: DateFormatterOptions,\n  ) => string;\n  toParts: (\n    date: DateValue,\n    options?: DateFormatterOptions,\n  ) => 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(\n  initialLocale: string,\n  opts: DateFormatterOptions = {},\n): 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, { ...opts, ...options }).format(\n      date,\n    );\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    } 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, {\n      ...opts,\n      month: \"long\",\n      year: \"numeric\",\n      ...options,\n    }).format(date);\n  }\n\n  function fullMonth(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, {\n      ...opts,\n      month: \"long\",\n      ...options,\n    }).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) => ({\n      label: fullMonth(toDate(defaultDate.set({ month: item }))),\n      value: item,\n    }));\n  }\n\n  function fullYear(date: Date, options: DateFormatterOptions = {}) {\n    return new DateFormatter(locale.value, {\n      ...opts,\n      year: \"numeric\",\n      ...options,\n    }).format(date);\n  }\n\n  function toParts(date: DateValue, options?: DateFormatterOptions) {\n    if (isZonedDateTime(date)) {\n      return new DateFormatter(locale.value, {\n        ...opts,\n        ...options,\n        timeZone: (date as ZonedDateTime).timeZone,\n      }).formatToParts(toDate(date));\n    } else {\n      return new DateFormatter(locale.value, {\n        ...opts,\n        ...options,\n      }).formatToParts(toDate(date));\n    }\n  }\n\n  function dayOfWeek(\n    date: Date,\n    length: DateFormatterOptions[\"weekday\"] = \"narrow\",\n  ) {\n    return new DateFormatter(locale.value, { ...opts, weekday: length }).format(\n      date,\n    );\n  }\n\n  function dayPeriod(date: Date) {\n    const parts = new DateFormatter(locale.value, {\n      ...opts,\n      hour: \"numeric\",\n      minute: \"numeric\",\n    }).formatToParts(date);\n    const value = parts.find((p) => p.type === \"dayPeriod\")?.value;\n    // Day period can be \"AM\"/\"PM\" or \"a.m.\"/\"p.m.\" in some locales\n    if (value === \"PM\" || value === \"p.m.\") 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":["DateFormatter","today","getLocalTimeZone","opts","part"],"mappings":"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"}

package/dist/shared/useDirection.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import { Direction } from './types';
+/**
+ * The `useDirection` function provides a way to access the current direction in your application.
+ * @param {Ref<Direction | undefined>} [dir] - An optional ref containing the direction (ltr or rtl).
+ * @returns  computed value that combines with the resolved direction.
+ */
+export declare function useDirection(dir?: Ref<Direction | undefined>): import('vue').ComputedRef<Direction>;

package/dist/shared/useDirection.js

@@ -0,0 +1,12 @@
+import { ref, computed } from "vue";
+import { injectConfigProviderContext } from "../components/ConfigProvider/ConfigProvider.vue.js";
+function useDirection(dir) {
+  const context = injectConfigProviderContext({
+    dir: ref("ltr")
+  });
+  return computed(() => dir?.value || context.dir?.value || "ltr");
+}
+export {
+  useDirection
+};
+//# sourceMappingURL=useDirection.js.map

package/dist/shared/useDirection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDirection.js","sources":["../../src/shared/useDirection.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport type { Direction } from \"./types\";\nimport { computed, ref } from \"vue\";\nimport { injectConfigProviderContext } from \"../components/ConfigProvider/ConfigProvider.vue\";\n\n/**\n * The `useDirection` function provides a way to access the current direction in your application.\n * @param {Ref<Direction | undefined>} [dir] - An optional ref containing the direction (ltr or rtl).\n * @returns  computed value that combines with the resolved direction.\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":";;AAUO,SAAS,aAAa,KAAkC;AAC7D,QAAM,UAAU,4BAA4B;AAAA,IAC1C,KAAK,IAAI,KAAK;AAAA,EAAA,CACf;AACD,SAAO,SAAS,MAAM,KAAK,SAAS,QAAQ,KAAK,SAAS,KAAK;AACjE;"}

package/dist/shared/useEmitAsProps.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The `useEmitAsProps` function is a TypeScript utility that converts emitted events into props for a
+ * Vue component.
+ * @param emit - The `emit` parameter is a function that is used to emit events from a component. It
+ * takes two parameters: `name` which is the name of the event to be emitted, and `...args` which are
+ * the arguments to be passed along with the event.
+ * @returns The function `useEmitAsProps` returns an object that maps event names to functions that
+ * call the `emit` function with the corresponding event name and arguments.
+ */
+export declare function useEmitAsProps<Name extends string>(emit: (name: Name, ...args: any[]) => void): Record<string, any>;

package/dist/shared/useEmitAsProps.js

@@ -0,0 +1,19 @@
+import { getCurrentInstance, toHandlerKey, camelize } from "vue";
+function useEmitAsProps(emit) {
+  const vm = getCurrentInstance();
+  const events = vm?.type.emits;
+  const result = {};
+  if (!events?.length) {
+    console.warn(
+      `No emitted event found. Please check component: ${vm?.type.__name}`
+    );
+  }
+  events?.forEach((ev) => {
+    result[toHandlerKey(camelize(ev))] = (...arg) => emit(ev, ...arg);
+  });
+  return result;
+}
+export {
+  useEmitAsProps
+};
+//# sourceMappingURL=useEmitAsProps.js.map

package/dist/shared/useEmitAsProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmitAsProps.js","sources":["../../src/shared/useEmitAsProps.ts"],"sourcesContent":["import { camelize, getCurrentInstance, toHandlerKey } from 'vue'\n\n// Vue doesn't have emits forwarding, in order to bind the emits we have to convert events into `onXXX` handlers\n// issue: https://github.com/vuejs/core/issues/5917\n/**\n * The `useEmitAsProps` function is a TypeScript utility that converts emitted events into props for a\n * Vue component.\n * @param emit - The `emit` parameter is a function that is used to emit events from a component. It\n * takes two parameters: `name` which is the name of the event to be emitted, and `...args` which are\n * the arguments to be passed along with the event.\n * @returns The function `useEmitAsProps` returns an object that maps event names to functions that\n * call the `emit` function with the corresponding event name and arguments.\n */\nexport function useEmitAsProps<Name extends string>(\n  emit: (name: Name, ...args: any[]) => void,\n) {\n  const vm = getCurrentInstance()\n\n  const events = vm?.type.emits as Name[]\n  const result: Record<string, any> = {}\n\n  if (!events?.length) {\n    console.warn(\n      `No emitted event found. Please check component: ${vm?.type.__name}`,\n    )\n  }\n\n  events?.forEach((ev) => {\n    result[toHandlerKey(camelize(ev))] = (...arg: any) => emit(ev, ...arg)\n  })\n  return result\n}\n"],"names":[],"mappings":";AAaO,SAAS,eACd,MACA;AACA,QAAM,KAAK,mBAAA;AAEX,QAAM,SAAS,IAAI,KAAK;AACxB,QAAM,SAA8B,CAAA;AAEpC,MAAI,CAAC,QAAQ,QAAQ;AACnB,YAAQ;AAAA,MACN,mDAAmD,IAAI,KAAK,MAAM;AAAA,IAAA;AAAA,EAEtE;AAEA,UAAQ,QAAQ,CAAC,OAAO;AACtB,WAAO,aAAa,SAAS,EAAE,CAAC,CAAC,IAAI,IAAI,QAAa,KAAK,IAAI,GAAG,GAAG;AAAA,EACvE,CAAC;AACD,SAAO;AACT;"}

package/dist/shared/useFocusGuards.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Injects a pair of focus guards at the edges of the whole DOM tree
+ * to ensure `focusin` & `focusout` events can be caught consistently.
+ */
+export declare function useFocusGuards(): void;