@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/esm/components/date-picker/use-date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-date-picker.js","names":["defaultRender: DatePickerRender","inputFormat","calendarFormat","value","onClear","startPlaceholder","inputValue","minDate","maxDate","ev","getRootProps: PropGetter","props","getFieldProps: PropGetter","ref","getInputProps: PropGetter<\"input\", { align?: InputAlign }>","inputProps: HTMLProps<\"input\">","getContentProps: PropGetter","getCalendarProps: PropGetter<UseCalendarProps<Multiple, Range>>","getIconProps: PropGetter"],"sources":["../../../../src/components/date-picker/use-date-picker.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { UseComboboxProps } from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type {\n  CalendarFormat,\n  MaybeDateValue,\n  UseCalendarProps,\n} from \"../calendar\"\nimport type { FieldProps } from \"../field\"\nimport dayjs from \"dayjs\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { useCombobox } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  cast,\n  contains,\n  dataAttr,\n  focusTransfer,\n  handlerAll,\n  isActiveElement,\n  isArray,\n  isComposing,\n  isDate,\n  isNumber,\n  isObject,\n  mergeRefs,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport {\n  DEFAULT_MAX_DATE,\n  DEFAULT_MIN_DATE,\n  getAdjustedMonth,\n  isAfterDate,\n  isBeforeDate,\n  isIncludeDates,\n  updateMaybeDateValue,\n  useCalendarProps,\n} from \"../calendar\"\nimport { useFieldProps } from \"../field\"\nimport { useDateTimeFormat } from \"../format\"\n\nexport interface DatePickerFormat extends CalendarFormat {\n  input?: Intl.DateTimeFormatOptions | null\n}\n\ntype InputAlign = \"end\" | \"start\"\ntype MaybeInputValue<Range extends boolean = false> = Range extends true\n  ? { end?: string; start?: string }\n  : string | undefined\n\ninterface DatePickerRenderProps {\n  count: number\n  date: Date\n  focused: boolean\n  index: number\n  separator: string\n  value: string\n  onClear: () => void\n  max?: number\n}\n\nexport interface DatePickerRender {\n  (props: DatePickerRenderProps): ReactNode\n}\n\nconst defaultRender: DatePickerRender = ({\n  count,\n  focused,\n  index,\n  max,\n  separator,\n  value,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span style={{ marginInlineEnd: \"var(--gap)\" }}>\n      {value}\n      {((!isNumber(max) || count < max) && focused) || !last ? separator : null}\n    </span>\n  )\n}\n\nexport interface UseDatePickerProps<\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>\n  extends\n    Omit<UseCalendarProps<Multiple, Range>, \"format\" | \"ref\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, allows input.\n   *\n   * @default true\n   */\n  allowInput?: boolean\n  /**\n   * If `true`, allows input of dates beyond the `minDate` and `maxDate` restrictions.\n   *\n   * @default true\n   */\n  allowInputBeyond?: boolean\n  /**\n   * If `true`, the date picker will be closed when the input value changes.\n   *\n   * @default false\n   */\n  closeOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * The initial value of the input.\n   */\n  defaultInputValue?: MaybeInputValue<Range>\n  /**\n   * If `true`, the input will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The format used for conversion.\n   * Check the docs to see the format of possible modifiers you can pass.\n   *\n   * @see https://day.js.org/docs/en/display/format#list-of-localized-formats\n   */\n  format?: DatePickerFormat\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The value of the input.\n   */\n  inputValue?: MaybeInputValue<Range>\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * If `true`, the date picker will be opened when the input value changes.\n   *\n   * @default true\n   */\n  openOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * If `true`, the date picker will be opened when the input is focused.\n   *\n   * @default true\n   */\n  openOnFocus?: boolean\n  /**\n   * The pattern used to check the input element.\n   */\n  pattern?: RegExp\n  /**\n   * The placeholder for date picker.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The callback invoked when input value state changes.\n   */\n  onInputChange?: (value: MaybeInputValue<Range>) => void\n  /**\n   * Function that converts the input value to Date type.\n   */\n  parseDate?: (value: string) => Date | undefined\n  /**\n   * The function to render the selected date.\n   */\n  render?: (props: DatePickerRenderProps) => ReactNode\n}\n\nexport const useDatePicker = <\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>({\n  maxDate = DEFAULT_MAX_DATE,\n  minDate = DEFAULT_MIN_DATE,\n  ...props\n}: UseDatePickerProps<Multiple, Range> = {}) => {\n  if (dayjs(minDate).isAfter(dayjs(maxDate))) maxDate = minDate\n\n  const { getDocument } = useEnvironment()\n  const { locale: defaultLocale, t } = useI18n(\"datePicker\")\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      allowInput = true,\n      allowInputBeyond = false,\n      closeOnChange = false,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultInputValue,\n      defaultMonth = new Date(),\n      range = false,\n      defaultValue = (range\n        ? { end: undefined, start: undefined }\n        : multiple\n          ? []\n          : undefined) as MaybeDateValue<Multiple, Range>,\n      disabled,\n      focusOnClear = true,\n      format,\n      inputValue: inputValueProp,\n      locale = defaultLocale,\n      max,\n      month: monthProp,\n      openOnChange = true,\n      openOnClick = true,\n      openOnFocus = true,\n      parseDate,\n      pattern,\n      placeholder: placeholderProp,\n      placement = \"end-start\",\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = range ? \"-\" : \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      onChangeMonth: onChangeMonthProp,\n      onInputChange: onInputChangeProp,\n      ...computedProps\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const dateTimeFormat = useDateTimeFormat({ locale })\n  const { calendarFormat, inputFormat } = useMemo(() => {\n    const { input: inputFormat, ...calendarFormat } = format ?? {}\n    const defaultInputFormat: Intl.DateTimeFormatOptions = {\n      day: \"numeric\",\n      month: \"long\",\n      year: \"numeric\",\n    }\n\n    return {\n      calendarFormat,\n      inputFormat:\n        inputFormat !== null ? (inputFormat ?? defaultInputFormat) : undefined,\n    }\n  }, [format])\n  const [calendarProps, rest] = useCalendarProps<Multiple, Range>(computedProps)\n  const { excludeDate } = calendarProps\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const startInputRef = useRef<HTMLInputElement>(null)\n  const endInputRef = useRef<HTMLInputElement>(null)\n  const focusByClickRef = useRef<boolean>(false)\n  const [focused, setFocused] = useState(false)\n  const [value, setValue] = useControllableState({\n    defaultValue: defaultValue as MaybeDateValue<Multiple, Range>,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [month, setMonth] = useControllableState({\n    defaultValue: () => {\n      let value = defaultMonth\n\n      if (dayjs(minDate).isAfter(dayjs(defaultMonth)))\n        value = dayjs(minDate).set(\"date\", 1).toDate()\n\n      if (valueProp) {\n        value = getAdjustedMonth(valueProp, value)\n      } else if (defaultValue) {\n        value = getAdjustedMonth(defaultValue, value)\n      }\n\n      return value\n    },\n    value: monthProp,\n    onChange: onChangeMonthProp,\n  })\n  const stringToDate = useCallback(\n    (value: string, start: Date = minDate, end: Date = maxDate) => {\n      let date = parseDate?.(value)\n\n      if (!date && dayjs(value).isValid())\n        date = dayjs(value).locale(locale).toDate()\n\n      if (date == null) return undefined\n      if (excludeDate?.(date)) return undefined\n\n      if (!allowInputBeyond) {\n        if (isBeforeDate(date, start)) date = start\n        if (isAfterDate(date, end)) date = end\n      }\n\n      return date\n    },\n    [allowInputBeyond, excludeDate, locale, maxDate, minDate, parseDate],\n  )\n  const dateToString = useCallback(\n    (date?: Date) => {\n      if (date == null) return \"\"\n\n      return dateTimeFormat(date, inputFormat)\n    },\n    [dateTimeFormat, inputFormat],\n  )\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue: () => {\n      if (defaultInputValue) {\n        if (isObject(defaultInputValue)) {\n          if (dayjs(defaultInputValue.start).isValid())\n            defaultInputValue.start = dateTimeFormat(\n              dayjs(defaultInputValue.start).toDate(),\n              inputFormat,\n            )\n\n          if (dayjs(defaultInputValue.end).isValid())\n            defaultInputValue.end = dateTimeFormat(\n              dayjs(defaultInputValue.end).toDate(),\n              inputFormat,\n            )\n\n          return defaultInputValue\n        } else {\n          if (dayjs(defaultInputValue).isValid()) {\n            return dateTimeFormat(\n              dayjs(defaultInputValue).toDate(),\n              inputFormat,\n            ) as MaybeInputValue<Range>\n          } else {\n            return defaultInputValue as MaybeInputValue<Range>\n          }\n        }\n      } else if (isDate(value)) {\n        return dateToString(value) as MaybeInputValue<Range>\n      } else if (isObject(value) && !isArray(value)) {\n        return {\n          end: dateToString(value.end),\n          start: dateToString(value.start),\n        } as MaybeInputValue<Range>\n      } else {\n        return \"\" as MaybeInputValue<Range>\n      }\n    },\n    value: inputValueProp,\n    onChange: onInputChangeProp,\n  })\n  const {\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getTriggerProps,\n    popoverProps,\n    onClose,\n    onOpen,\n  } = useCombobox({\n    disabled,\n    matchWidth: false,\n    openOnClick: false,\n    openOnEnter: !allowInput,\n    openOnSpace: !allowInput,\n    placement,\n    readOnly,\n    transferFocus: false,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const children = useMemo<ReactNode>(() => {\n    if (!isArray(value)) return null\n\n    const count = value.length\n\n    return value.map((date, index) => {\n      const value = dateToString(date)\n\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        setValue(\n          (prev) =>\n            updateMaybeDateValue(date, max)(prev) as MaybeDateValue<\n              Multiple,\n              Range\n            >,\n        )\n      }\n\n      const component = render({\n        count,\n        date,\n        focused,\n        index,\n        max,\n        separator,\n        value,\n        onClear,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [dateToString, focused, max, render, separator, setValue, value])\n  const { endPlaceholder, startPlaceholder } = useMemo(() => {\n    if (range) {\n      const startPlaceholder =\n        placeholderProp ?? dateTimeFormat(new Date(), inputFormat)\n      const endPlaceholder =\n        placeholderProp ??\n        dateTimeFormat(dayjs().add(1, \"day\").toDate(), inputFormat)\n\n      return { endPlaceholder, startPlaceholder }\n    } else {\n      const placeholder =\n        placeholderProp ?? dateTimeFormat(new Date(), inputFormat)\n\n      return { endPlaceholder: placeholder, startPlaceholder: placeholder }\n    }\n  }, [dateTimeFormat, inputFormat, placeholderProp, range])\n\n  const onChange = useCallback(\n    (value: MaybeDateValue<Multiple, Range>) => {\n      setValue(value)\n\n      if (isArray(value)) {\n        setInputValue(\"\" as MaybeInputValue<Range>)\n      } else if (isObject(value) && !isDate(value)) {\n        setInputValue({\n          end: dateToString(value.end),\n          start: dateToString(value.start),\n        } as MaybeInputValue<Range>)\n      } else {\n        setInputValue(dateToString(value) as MaybeInputValue<Range>)\n      }\n\n      if (!closeOnSelect) return\n\n      if (isObject(value) && !isArray(value) && !isDate(value)) {\n        if (value.end && value.start) onClose()\n      } else {\n        onClose()\n      }\n    },\n    [setValue, closeOnSelect, setInputValue, dateToString, onClose],\n  )\n\n  const onInputChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (!allowInput) return\n      if (isArray(value) && value.length === max) return\n\n      if (runIfFn(closeOnChange, ev)) {\n        onClose()\n      } else if (runIfFn(openOnChange, ev)) {\n        onOpen()\n      }\n\n      let inputValue = ev.target.value\n\n      if (pattern) inputValue = inputValue.replace(pattern, \"\")\n\n      if (isArray(value)) {\n        const date = stringToDate(inputValue)\n\n        setInputValue(inputValue as MaybeInputValue<Range>)\n\n        if (date) setMonth(dayjs(date).set(\"date\", 1).toDate())\n      } else if (isObject(value) && !isDate(value)) {\n        const align = contains(endInputRef.current, ev.target) ? \"end\" : \"start\"\n        const minDate =\n          value.start && align === \"end\"\n            ? dayjs(value.start).add(1, \"day\").toDate()\n            : undefined\n        const maxDate =\n          value.end && align === \"start\"\n            ? dayjs(value.end).subtract(1, \"day\").toDate()\n            : undefined\n        const date = stringToDate(inputValue, minDate, maxDate)\n\n        setInputValue((prev) =>\n          isObject(prev)\n            ? Object.assign({}, prev, { [align]: inputValue })\n            : prev,\n        )\n        setValue((prev) =>\n          isObject(prev) && !isDate(prev) ? { ...prev, [align]: date } : prev,\n        )\n      } else {\n        const date = stringToDate(inputValue)\n\n        setInputValue(inputValue as MaybeInputValue<Range>)\n        setValue(date as MaybeDateValue<Multiple, Range>)\n      }\n    },\n    [\n      allowInput,\n      closeOnChange,\n      max,\n      onClose,\n      onOpen,\n      openOnChange,\n      pattern,\n      setInputValue,\n      setMonth,\n      setValue,\n      stringToDate,\n      value,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      const inputValue = cast<HTMLInputElement>(ev.target).value\n\n      runKeyAction(\n        ev,\n        {\n          Backspace: (ev) => {\n            if (isArray(value)) {\n              if (inputValue.length) return\n\n              ev.preventDefault()\n\n              setValue((prev) =>\n                isArray(prev)\n                  ? (prev.slice(0, -1) as MaybeDateValue<Multiple, Range>)\n                  : prev,\n              )\n            } else if (isObject(value) && !isDate(value)) {\n              if (inputValue.length) return\n              if (!contains(endInputRef.current, ev.target)) return\n\n              ev.preventDefault()\n\n              setInputValue({ end: \"\", start: \"\" } as MaybeInputValue<Range>)\n              setValue({ end: undefined, start: undefined } as MaybeDateValue<\n                Multiple,\n                Range\n              >)\n\n              startInputRef.current?.focus()\n            }\n          },\n          Enter: (ev) => {\n            if (!open || !inputValue.length) return\n\n            if (isObject(value) && !isArray(value) && !isDate(value)) {\n              const align = contains(endInputRef.current, ev.target)\n                ? \"end\"\n                : \"start\"\n              const minDate =\n                value.start && align === \"end\"\n                  ? dayjs(value.start).add(1, \"day\").toDate()\n                  : undefined\n              const maxDate =\n                value.end && align === \"start\"\n                  ? dayjs(value.end).subtract(1, \"day\").toDate()\n                  : undefined\n              const date = stringToDate(inputValue, minDate, maxDate)\n\n              if (!date) return\n\n              ev.preventDefault()\n\n              setInputValue((prev) =>\n                isObject(prev)\n                  ? Object.assign({}, prev, { [align]: dateToString(date) })\n                  : prev,\n              )\n              setValue((prev) =>\n                isObject(prev) && !isDate(prev)\n                  ? { ...prev, [align]: date }\n                  : prev,\n              )\n\n              if (align === \"start\") endInputRef.current?.focus()\n            } else {\n              const date = stringToDate(inputValue)\n\n              if (!date) return\n\n              ev.preventDefault()\n\n              if (isArray(value)) {\n                setInputValue(\"\" as MaybeInputValue<Range>)\n\n                setValue((prev) =>\n                  isArray(prev) &&\n                  !isIncludeDates(date, prev) &&\n                  (!isNumber(max) || prev.length < max)\n                    ? ([...prev, date] as MaybeDateValue<Multiple, Range>)\n                    : prev,\n                )\n              } else {\n                setInputValue(dateToString(date) as MaybeInputValue<Range>)\n                setValue(date as MaybeDateValue<Multiple, Range>)\n              }\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      dateToString,\n      disabled,\n      max,\n      open,\n      setInputValue,\n      setValue,\n      stringToDate,\n      value,\n    ],\n  )\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (!interactive) return\n\n      focusByClickRef.current = true\n\n      if (allowInput) {\n        if (isObject(value) && !isArray(value) && !isDate(value)) {\n          if (\n            startInputRef.current &&\n            contains(startInputRef.current, ev.target)\n          ) {\n            if (!isActiveElement(startInputRef.current, getDocument()!))\n              ev.defaultPrevented = true\n\n            startInputRef.current.focus()\n          } else if (\n            endInputRef.current &&\n            contains(endInputRef.current, ev.target)\n          ) {\n            if (!isActiveElement(endInputRef.current, getDocument()!))\n              ev.defaultPrevented = true\n\n            endInputRef.current.focus()\n          } else {\n            startInputRef.current?.focus()\n          }\n        } else {\n          startInputRef.current?.focus()\n        }\n      }\n\n      if (openOnClick) onOpen()\n    },\n    [allowInput, interactive, onOpen, openOnClick, value, getDocument],\n  )\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<HTMLDivElement | HTMLInputElement>) => {\n      if (!openOnFocus) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [openOnFocus],\n  )\n\n  const onFieldFocus = useCallback(() => {\n    if (allowInput) return\n\n    if (openOnFocus) onOpen()\n\n    focusByClickRef.current = false\n  }, [allowInput, onOpen, openOnFocus])\n\n  const onInputFocus = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      ev.preventDefault()\n      ev.stopPropagation()\n\n      setFocused(true)\n\n      if (openOnFocus && !focusByClickRef.current) onOpen()\n\n      focusByClickRef.current = false\n    },\n    [onOpen, openOnFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      setFocused(false)\n\n      if (\n        contains(fieldRef.current, ev.relatedTarget) ||\n        contains(contentRef.current, ev.relatedTarget)\n      ) {\n        ev.preventDefault()\n      } else {\n        if (isArray(value)) {\n          setInputValue(\"\" as MaybeInputValue<Range>)\n        } else if (isObject(value) && !isDate(value)) {\n          setInputValue((prev) =>\n            isObject(prev)\n              ? ({\n                  end: dateToString(value.end),\n                  start: dateToString(value.start),\n                } as MaybeInputValue<Range>)\n              : prev,\n          )\n        } else {\n          setInputValue(dateToString(value) as MaybeInputValue<Range>)\n        }\n      }\n    },\n    [dateToString, setInputValue, value],\n  )\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => {\n      if (isDate(prev)) {\n        return undefined as MaybeDateValue<Multiple, Range>\n      } else if (isArray(prev)) {\n        return [] as unknown as MaybeDateValue<Multiple, Range>\n      } else if (isObject(prev)) {\n        return { end: undefined, start: undefined } as MaybeDateValue<\n          Multiple,\n          Range\n        >\n      } else {\n        return prev\n      }\n    })\n\n    setInputValue(\n      (range ? { end: \"\", start: \"\" } : \"\") as MaybeInputValue<Range>,\n    )\n\n    if (focusOnClear) {\n      if (allowInput) {\n        startInputRef.current?.focus()\n      } else {\n        fieldRef.current?.focus()\n      }\n    }\n  }, [allowInput, focusOnClear, interactive, range, setInputValue, setValue])\n\n  useEffect(() => {\n    if (!open) return\n\n    return focusTransfer(\n      contentRef.current,\n      allowInput ? startInputRef.current : fieldRef.current,\n    )\n  }, [allowInput, open])\n\n  useUpdateEffect(() => {\n    setMonth((prev) => getAdjustedMonth(value, prev))\n  }, [value, range])\n\n  useUpdateEffect(() => {\n    if (isArray(valueProp)) return\n\n    if (isObject(valueProp) && !isDate(valueProp)) {\n      setInputValue({\n        end: dateToString(valueProp.end),\n        start: dateToString(valueProp.start),\n      } as MaybeInputValue<Range>)\n    } else {\n      setInputValue(dateToString(valueProp) as MaybeInputValue<Range>)\n    }\n  }, [valueProp])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      \"data-range\": dataAttr(range),\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps, range],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        \"aria-haspopup\": \"dialog\",\n        tabIndex: !allowInput ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n        onFocus: handlerAll(props.onFocus, onFieldFocus),\n        onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n      }),\n\n    [allowInput, getTriggerProps, onClick, onFieldFocus, onMouseDown],\n  )\n\n  const getInputProps: PropGetter<\"input\", { align?: InputAlign }> =\n    useCallback(\n      ({ align = \"start\", ...props } = {}) => {\n        const inputProps: HTMLProps<\"input\"> = {\n          style: {\n            ...(!allowInput ? { pointerEvents: \"none\" } : {}),\n            ...props.style,\n          },\n          autoComplete: \"off\",\n          disabled,\n          readOnly,\n          required,\n          tabIndex: allowInput ? 0 : -1,\n          ...dataProps,\n          ...props,\n          onBlur: handlerAll(props.onBlur, onBlur),\n          onChange: handlerAll(props.onChange, onInputChange),\n          onFocus: handlerAll(props.onFocus, onInputFocus),\n          onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n          onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n        }\n\n        if (isObject(inputValue)) {\n          if (align === \"start\") {\n            inputProps.ref = mergeRefs(props.ref, ref, startInputRef)\n            inputProps.value = inputValue.start\n            inputProps.placeholder = startPlaceholder\n          } else {\n            inputProps.ref = mergeRefs(props.ref, ref, endInputRef)\n            inputProps.value = inputValue.end\n            inputProps.placeholder = endPlaceholder\n          }\n\n          if (!inputValue.start && align === \"start\") {\n            inputProps.id = id\n            inputProps.name = name\n          }\n\n          if (!!inputValue.start && align === \"end\") {\n            inputProps.id = id\n            inputProps.name = name\n          }\n        } else {\n          inputProps.ref = mergeRefs(props.ref, ref, startInputRef)\n          inputProps.value = inputValue\n          inputProps.id = id\n          inputProps.name = name\n\n          if (isArray(value)) {\n            inputProps.style = {\n              ...(!focused && !!value.length\n                ? visuallyHiddenAttributes.style\n                : {}),\n              ...inputProps.style,\n            }\n            inputProps.placeholder = !value.length\n              ? startPlaceholder\n              : undefined\n            inputProps[\"data-max\"] = dataAttr(\n              isNumber(max) && value.length >= max,\n            )\n          } else {\n            inputProps.placeholder = startPlaceholder\n          }\n        }\n\n        return inputProps\n      },\n      [\n        allowInput,\n        dataProps,\n        disabled,\n        endPlaceholder,\n        focused,\n        id,\n        inputValue,\n        max,\n        name,\n        onBlur,\n        onInputFocus,\n        onInputChange,\n        onKeyDown,\n        onMouseDown,\n        readOnly,\n        ref,\n        required,\n        startPlaceholder,\n        value,\n      ],\n    )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getComboboxContentProps({\n        ref: mergeRefs(ref, contentRef),\n        role: \"dialog\",\n        ...props,\n      }),\n    [getComboboxContentProps],\n  )\n\n  const getCalendarProps: PropGetter<UseCalendarProps<Multiple, Range>> =\n    useCallback(\n      (props) =>\n        ({\n          disabled: !interactive,\n          format: calendarFormat,\n          locale,\n          max,\n          maxDate,\n          minDate,\n          month,\n          multiple,\n          range,\n          value,\n          onChange,\n          onChangeMonth: setMonth,\n          ...calendarProps,\n          ...props,\n        }) as UseCalendarProps<Multiple, Range>,\n      [\n        interactive,\n        calendarFormat,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        value,\n        onChange,\n        setMonth,\n        calendarProps,\n      ],\n    )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    children,\n    dateToString,\n    inputValue,\n    interactive,\n    month,\n    open,\n    range,\n    separator,\n    setInputValue,\n    setMonth,\n    setValue,\n    stringToDate,\n    value,\n    getCalendarProps,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    popoverProps,\n    onChange,\n    onClose,\n    onInputChange,\n    onOpen,\n  }\n}\n\nexport type UseDatePickerReturn = ReturnType<typeof useDatePicker>\n"],"mappings":"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,eAAW,cAAc,CAAC,MAAM,SAC5B,mBACA;AACJ,eAAW,sEACA,IAAI,IAAI,MAAM,UAAU,IAClC;SAED,YAAW,cAAc;;AAI7B,SAAO;IAET;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAEH,MAAMK,kBAA8B,aACjC,EAAE,YAAK,GAAGL,YAAU,EAAE,KACrB,wBAAwB;EACtB,KAAK,UAAUE,OAAK,WAAW;EAC/B,MAAM;EACN,GAAGF;EACJ,CAAC,EACJ,CAAC,wBAAwB,CAC1B;CAED,MAAMM,mBACJ,aACG,aACE;EACC,UAAU,CAAC;EACX,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eAAe;EACf,GAAG;EACH,GAAGN;EACJ,GACH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAEH,MAAMO,eAA2B,aAC9B,aAAW;EAAE,GAAG;EAAW,GAAGP;EAAO,GACtC,CAAC,UAAU,CACZ;AAkBD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBA/BoC,aACnC,UAAQ,EAAE,KACT,aAAa;GACX,6CAA0B,CAAC,YAAY;GACvC,cAAc,EAAE,cAAc;GAC9B,MAAM;GACN,UAAU,cAAc,IAAI;GAC5B,GAAGA;GACH,uCAAoBA,QAAM,SAAS,QAAQ;GAC3C,yCAAsBA,QAAM,YAAY,OACtC,aAAa,IAAI;IAAE,OAAO;IAAS,OAAO;IAAS,CAAC,CACrD;GACF,CAAC,EACJ;GAAC;GAAc;GAAa;GAAS;GAAE,CACxC;EAkBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-date-picker.js","names":[],"sources":["../../../../src/components/date-picker/use-date-picker.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { UseComboboxProps } from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type {\n  CalendarFormat,\n  MaybeDateValue,\n  UseCalendarProps,\n} from \"../calendar\"\nimport type { FieldProps } from \"../field\"\nimport dayjs from \"dayjs\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { useCombobox } from \"../../hooks/use-combobox\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  cast,\n  contains,\n  dataAttr,\n  focusTransfer,\n  handlerAll,\n  isActiveElement,\n  isArray,\n  isComposing,\n  isDate,\n  isNumber,\n  isObject,\n  mergeRefs,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport {\n  DEFAULT_MAX_DATE,\n  DEFAULT_MIN_DATE,\n  getAdjustedMonth,\n  isAfterDate,\n  isBeforeDate,\n  isIncludeDates,\n  updateMaybeDateValue,\n  useCalendarProps,\n} from \"../calendar\"\nimport { useFieldProps } from \"../field\"\nimport { useDateTimeFormat } from \"../format\"\n\nexport interface DatePickerFormat extends CalendarFormat {\n  input?: Intl.DateTimeFormatOptions | null\n}\n\ntype InputAlign = \"end\" | \"start\"\ntype MaybeInputValue<Range extends boolean = false> = Range extends true\n  ? { end?: string; start?: string }\n  : string | undefined\n\ninterface DatePickerRenderProps {\n  count: number\n  date: Date\n  focused: boolean\n  index: number\n  separator: string\n  value: string\n  onClear: () => void\n  max?: number\n}\n\nexport interface DatePickerRender {\n  (props: DatePickerRenderProps): ReactNode\n}\n\nconst defaultRender: DatePickerRender = ({\n  count,\n  focused,\n  index,\n  max,\n  separator,\n  value,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span style={{ marginInlineEnd: \"var(--gap)\" }}>\n      {value}\n      {((!isNumber(max) || count < max) && focused) || !last ? separator : null}\n    </span>\n  )\n}\n\nexport interface UseDatePickerProps<\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>\n  extends\n    Omit<UseCalendarProps<Multiple, Range>, \"format\" | \"ref\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, allows input.\n   *\n   * @default true\n   */\n  allowInput?: boolean\n  /**\n   * If `true`, allows input of dates beyond the `minDate` and `maxDate` restrictions.\n   *\n   * @default true\n   */\n  allowInputBeyond?: boolean\n  /**\n   * If `true`, the date picker will be closed when the input value changes.\n   *\n   * @default false\n   */\n  closeOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * The initial value of the input.\n   */\n  defaultInputValue?: MaybeInputValue<Range>\n  /**\n   * If `true`, the input will be focused when the clear icon is clicked.\n   *\n   * @default true\n   */\n  focusOnClear?: boolean\n  /**\n   * The format used for conversion.\n   * Check the docs to see the format of possible modifiers you can pass.\n   *\n   * @see https://day.js.org/docs/en/display/format#list-of-localized-formats\n   */\n  format?: DatePickerFormat\n  /**\n   * The `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The value of the input.\n   */\n  inputValue?: MaybeInputValue<Range>\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * If `true`, the date picker will be opened when the input value changes.\n   *\n   * @default true\n   */\n  openOnChange?: ((ev: ChangeEvent<HTMLInputElement>) => boolean) | boolean\n  /**\n   * If `true`, the date picker will be opened when the input is focused.\n   *\n   * @default true\n   */\n  openOnFocus?: boolean\n  /**\n   * The pattern used to check the input element.\n   */\n  pattern?: RegExp\n  /**\n   * The placeholder for date picker.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The callback invoked when input value state changes.\n   */\n  onInputChange?: (value: MaybeInputValue<Range>) => void\n  /**\n   * Function that converts the input value to Date type.\n   */\n  parseDate?: (value: string) => Date | undefined\n  /**\n   * The function to render the selected date.\n   */\n  render?: (props: DatePickerRenderProps) => ReactNode\n}\n\nexport const useDatePicker = <\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>({\n  maxDate = DEFAULT_MAX_DATE,\n  minDate = DEFAULT_MIN_DATE,\n  ...props\n}: UseDatePickerProps<Multiple, Range> = {}) => {\n  if (dayjs(minDate).isAfter(dayjs(maxDate))) maxDate = minDate\n\n  const { getDocument } = useEnvironment()\n  const { locale: defaultLocale, t } = useI18n(\"datePicker\")\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      allowInput = true,\n      allowInputBeyond = false,\n      closeOnChange = false,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultInputValue,\n      defaultMonth = new Date(),\n      range = false,\n      defaultValue = (range\n        ? { end: undefined, start: undefined }\n        : multiple\n          ? []\n          : undefined) as MaybeDateValue<Multiple, Range>,\n      disabled,\n      focusOnClear = true,\n      format,\n      inputValue: inputValueProp,\n      locale = defaultLocale,\n      max,\n      month: monthProp,\n      openOnChange = true,\n      openOnClick = true,\n      openOnFocus = true,\n      parseDate,\n      pattern,\n      placeholder: placeholderProp,\n      placement = \"end-start\",\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = range ? \"-\" : \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      onChangeMonth: onChangeMonthProp,\n      onInputChange: onInputChangeProp,\n      ...computedProps\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const dateTimeFormat = useDateTimeFormat({ locale })\n  const { calendarFormat, inputFormat } = useMemo(() => {\n    const { input: inputFormat, ...calendarFormat } = format ?? {}\n    const defaultInputFormat: Intl.DateTimeFormatOptions = {\n      day: \"numeric\",\n      month: \"long\",\n      year: \"numeric\",\n    }\n\n    return {\n      calendarFormat,\n      inputFormat:\n        inputFormat !== null ? (inputFormat ?? defaultInputFormat) : undefined,\n    }\n  }, [format])\n  const [calendarProps, rest] = useCalendarProps<Multiple, Range>(computedProps)\n  const { excludeDate } = calendarProps\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const startInputRef = useRef<HTMLInputElement>(null)\n  const endInputRef = useRef<HTMLInputElement>(null)\n  const focusByClickRef = useRef<boolean>(false)\n  const [focused, setFocused] = useState(false)\n  const [value, setValue] = useControllableState({\n    defaultValue: defaultValue as MaybeDateValue<Multiple, Range>,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [month, setMonth] = useControllableState({\n    defaultValue: () => {\n      let value = defaultMonth\n\n      if (dayjs(minDate).isAfter(dayjs(defaultMonth)))\n        value = dayjs(minDate).set(\"date\", 1).toDate()\n\n      if (valueProp) {\n        value = getAdjustedMonth(valueProp, value)\n      } else if (defaultValue) {\n        value = getAdjustedMonth(defaultValue, value)\n      }\n\n      return value\n    },\n    value: monthProp,\n    onChange: onChangeMonthProp,\n  })\n  const stringToDate = useCallback(\n    (value: string, start: Date = minDate, end: Date = maxDate) => {\n      let date = parseDate?.(value)\n\n      if (!date && dayjs(value).isValid())\n        date = dayjs(value).locale(locale).toDate()\n\n      if (date == null) return undefined\n      if (excludeDate?.(date)) return undefined\n\n      if (!allowInputBeyond) {\n        if (isBeforeDate(date, start)) date = start\n        if (isAfterDate(date, end)) date = end\n      }\n\n      return date\n    },\n    [allowInputBeyond, excludeDate, locale, maxDate, minDate, parseDate],\n  )\n  const dateToString = useCallback(\n    (date?: Date) => {\n      if (date == null) return \"\"\n\n      return dateTimeFormat(date, inputFormat)\n    },\n    [dateTimeFormat, inputFormat],\n  )\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue: () => {\n      if (defaultInputValue) {\n        if (isObject(defaultInputValue)) {\n          if (dayjs(defaultInputValue.start).isValid())\n            defaultInputValue.start = dateTimeFormat(\n              dayjs(defaultInputValue.start).toDate(),\n              inputFormat,\n            )\n\n          if (dayjs(defaultInputValue.end).isValid())\n            defaultInputValue.end = dateTimeFormat(\n              dayjs(defaultInputValue.end).toDate(),\n              inputFormat,\n            )\n\n          return defaultInputValue\n        } else {\n          if (dayjs(defaultInputValue).isValid()) {\n            return dateTimeFormat(\n              dayjs(defaultInputValue).toDate(),\n              inputFormat,\n            ) as MaybeInputValue<Range>\n          } else {\n            return defaultInputValue as MaybeInputValue<Range>\n          }\n        }\n      } else if (isDate(value)) {\n        return dateToString(value) as MaybeInputValue<Range>\n      } else if (isObject(value) && !isArray(value)) {\n        return {\n          end: dateToString(value.end),\n          start: dateToString(value.start),\n        } as MaybeInputValue<Range>\n      } else {\n        return \"\" as MaybeInputValue<Range>\n      }\n    },\n    value: inputValueProp,\n    onChange: onInputChangeProp,\n  })\n  const {\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getTriggerProps,\n    popoverProps,\n    onClose,\n    onOpen,\n  } = useCombobox({\n    disabled,\n    matchWidth: false,\n    openOnClick: false,\n    openOnEnter: !allowInput,\n    openOnSpace: !allowInput,\n    placement,\n    readOnly,\n    transferFocus: false,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const children = useMemo<ReactNode>(() => {\n    if (!isArray(value)) return null\n\n    const count = value.length\n\n    return value.map((date, index) => {\n      const value = dateToString(date)\n\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        setValue(\n          (prev) =>\n            updateMaybeDateValue(date, max)(prev) as MaybeDateValue<\n              Multiple,\n              Range\n            >,\n        )\n      }\n\n      const component = render({\n        count,\n        date,\n        focused,\n        index,\n        max,\n        separator,\n        value,\n        onClear,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [dateToString, focused, max, render, separator, setValue, value])\n  const { endPlaceholder, startPlaceholder } = useMemo(() => {\n    if (range) {\n      const startPlaceholder =\n        placeholderProp ?? dateTimeFormat(new Date(), inputFormat)\n      const endPlaceholder =\n        placeholderProp ??\n        dateTimeFormat(dayjs().add(1, \"day\").toDate(), inputFormat)\n\n      return { endPlaceholder, startPlaceholder }\n    } else {\n      const placeholder =\n        placeholderProp ?? dateTimeFormat(new Date(), inputFormat)\n\n      return { endPlaceholder: placeholder, startPlaceholder: placeholder }\n    }\n  }, [dateTimeFormat, inputFormat, placeholderProp, range])\n\n  const onChange = useCallback(\n    (value: MaybeDateValue<Multiple, Range>) => {\n      setValue(value)\n\n      if (isArray(value)) {\n        setInputValue(\"\" as MaybeInputValue<Range>)\n      } else if (isObject(value) && !isDate(value)) {\n        setInputValue({\n          end: dateToString(value.end),\n          start: dateToString(value.start),\n        } as MaybeInputValue<Range>)\n      } else {\n        setInputValue(dateToString(value) as MaybeInputValue<Range>)\n      }\n\n      if (!closeOnSelect) return\n\n      if (isObject(value) && !isArray(value) && !isDate(value)) {\n        if (value.end && value.start) onClose()\n      } else {\n        onClose()\n      }\n    },\n    [setValue, closeOnSelect, setInputValue, dateToString, onClose],\n  )\n\n  const onInputChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      if (!allowInput) return\n      if (isArray(value) && value.length === max) return\n\n      if (runIfFn(closeOnChange, ev)) {\n        onClose()\n      } else if (runIfFn(openOnChange, ev)) {\n        onOpen()\n      }\n\n      let inputValue = ev.target.value\n\n      if (pattern) inputValue = inputValue.replace(pattern, \"\")\n\n      if (isArray(value)) {\n        const date = stringToDate(inputValue)\n\n        setInputValue(inputValue as MaybeInputValue<Range>)\n\n        if (date) setMonth(dayjs(date).set(\"date\", 1).toDate())\n      } else if (isObject(value) && !isDate(value)) {\n        const align = contains(endInputRef.current, ev.target) ? \"end\" : \"start\"\n        const minDate =\n          value.start && align === \"end\"\n            ? dayjs(value.start).add(1, \"day\").toDate()\n            : undefined\n        const maxDate =\n          value.end && align === \"start\"\n            ? dayjs(value.end).subtract(1, \"day\").toDate()\n            : undefined\n        const date = stringToDate(inputValue, minDate, maxDate)\n\n        setInputValue((prev) =>\n          isObject(prev)\n            ? Object.assign({}, prev, { [align]: inputValue })\n            : prev,\n        )\n        setValue((prev) =>\n          isObject(prev) && !isDate(prev) ? { ...prev, [align]: date } : prev,\n        )\n      } else {\n        const date = stringToDate(inputValue)\n\n        setInputValue(inputValue as MaybeInputValue<Range>)\n        setValue(date as MaybeDateValue<Multiple, Range>)\n      }\n    },\n    [\n      allowInput,\n      closeOnChange,\n      max,\n      onClose,\n      onOpen,\n      openOnChange,\n      pattern,\n      setInputValue,\n      setMonth,\n      setValue,\n      stringToDate,\n      value,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      const inputValue = cast<HTMLInputElement>(ev.target).value\n\n      runKeyAction(\n        ev,\n        {\n          Backspace: (ev) => {\n            if (isArray(value)) {\n              if (inputValue.length) return\n\n              ev.preventDefault()\n\n              setValue((prev) =>\n                isArray(prev)\n                  ? (prev.slice(0, -1) as MaybeDateValue<Multiple, Range>)\n                  : prev,\n              )\n            } else if (isObject(value) && !isDate(value)) {\n              if (inputValue.length) return\n              if (!contains(endInputRef.current, ev.target)) return\n\n              ev.preventDefault()\n\n              setInputValue({ end: \"\", start: \"\" } as MaybeInputValue<Range>)\n              setValue({ end: undefined, start: undefined } as MaybeDateValue<\n                Multiple,\n                Range\n              >)\n\n              startInputRef.current?.focus()\n            }\n          },\n          Enter: (ev) => {\n            if (!open || !inputValue.length) return\n\n            if (isObject(value) && !isArray(value) && !isDate(value)) {\n              const align = contains(endInputRef.current, ev.target)\n                ? \"end\"\n                : \"start\"\n              const minDate =\n                value.start && align === \"end\"\n                  ? dayjs(value.start).add(1, \"day\").toDate()\n                  : undefined\n              const maxDate =\n                value.end && align === \"start\"\n                  ? dayjs(value.end).subtract(1, \"day\").toDate()\n                  : undefined\n              const date = stringToDate(inputValue, minDate, maxDate)\n\n              if (!date) return\n\n              ev.preventDefault()\n\n              setInputValue((prev) =>\n                isObject(prev)\n                  ? Object.assign({}, prev, { [align]: dateToString(date) })\n                  : prev,\n              )\n              setValue((prev) =>\n                isObject(prev) && !isDate(prev)\n                  ? { ...prev, [align]: date }\n                  : prev,\n              )\n\n              if (align === \"start\") endInputRef.current?.focus()\n            } else {\n              const date = stringToDate(inputValue)\n\n              if (!date) return\n\n              ev.preventDefault()\n\n              if (isArray(value)) {\n                setInputValue(\"\" as MaybeInputValue<Range>)\n\n                setValue((prev) =>\n                  isArray(prev) &&\n                  !isIncludeDates(date, prev) &&\n                  (!isNumber(max) || prev.length < max)\n                    ? ([...prev, date] as MaybeDateValue<Multiple, Range>)\n                    : prev,\n                )\n              } else {\n                setInputValue(dateToString(date) as MaybeInputValue<Range>)\n                setValue(date as MaybeDateValue<Multiple, Range>)\n              }\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      dateToString,\n      disabled,\n      max,\n      open,\n      setInputValue,\n      setValue,\n      stringToDate,\n      value,\n    ],\n  )\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (!interactive) return\n\n      focusByClickRef.current = true\n\n      if (allowInput) {\n        if (isObject(value) && !isArray(value) && !isDate(value)) {\n          if (\n            startInputRef.current &&\n            contains(startInputRef.current, ev.target)\n          ) {\n            if (!isActiveElement(startInputRef.current, getDocument()!))\n              ev.defaultPrevented = true\n\n            startInputRef.current.focus()\n          } else if (\n            endInputRef.current &&\n            contains(endInputRef.current, ev.target)\n          ) {\n            if (!isActiveElement(endInputRef.current, getDocument()!))\n              ev.defaultPrevented = true\n\n            endInputRef.current.focus()\n          } else {\n            startInputRef.current?.focus()\n          }\n        } else {\n          startInputRef.current?.focus()\n        }\n      }\n\n      if (openOnClick) onOpen()\n    },\n    [allowInput, interactive, onOpen, openOnClick, value, getDocument],\n  )\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<HTMLDivElement | HTMLInputElement>) => {\n      if (!openOnFocus) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [openOnFocus],\n  )\n\n  const onFieldFocus = useCallback(() => {\n    if (allowInput) return\n\n    if (openOnFocus) onOpen()\n\n    focusByClickRef.current = false\n  }, [allowInput, onOpen, openOnFocus])\n\n  const onInputFocus = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      ev.preventDefault()\n      ev.stopPropagation()\n\n      setFocused(true)\n\n      if (openOnFocus && !focusByClickRef.current) onOpen()\n\n      focusByClickRef.current = false\n    },\n    [onOpen, openOnFocus],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      setFocused(false)\n\n      if (\n        contains(fieldRef.current, ev.relatedTarget) ||\n        contains(contentRef.current, ev.relatedTarget)\n      ) {\n        ev.preventDefault()\n      } else {\n        if (isArray(value)) {\n          setInputValue(\"\" as MaybeInputValue<Range>)\n        } else if (isObject(value) && !isDate(value)) {\n          setInputValue((prev) =>\n            isObject(prev)\n              ? ({\n                  end: dateToString(value.end),\n                  start: dateToString(value.start),\n                } as MaybeInputValue<Range>)\n              : prev,\n          )\n        } else {\n          setInputValue(dateToString(value) as MaybeInputValue<Range>)\n        }\n      }\n    },\n    [dateToString, setInputValue, value],\n  )\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => {\n      if (isDate(prev)) {\n        return undefined as MaybeDateValue<Multiple, Range>\n      } else if (isArray(prev)) {\n        return [] as unknown as MaybeDateValue<Multiple, Range>\n      } else if (isObject(prev)) {\n        return { end: undefined, start: undefined } as MaybeDateValue<\n          Multiple,\n          Range\n        >\n      } else {\n        return prev\n      }\n    })\n\n    setInputValue(\n      (range ? { end: \"\", start: \"\" } : \"\") as MaybeInputValue<Range>,\n    )\n\n    if (focusOnClear) {\n      if (allowInput) {\n        startInputRef.current?.focus()\n      } else {\n        fieldRef.current?.focus()\n      }\n    }\n  }, [allowInput, focusOnClear, interactive, range, setInputValue, setValue])\n\n  useEffect(() => {\n    if (!open) return\n\n    return focusTransfer(\n      contentRef.current,\n      allowInput ? startInputRef.current : fieldRef.current,\n    )\n  }, [allowInput, open])\n\n  useUpdateEffect(() => {\n    setMonth((prev) => getAdjustedMonth(value, prev))\n  }, [value, range])\n\n  useUpdateEffect(() => {\n    if (isArray(valueProp)) return\n\n    if (isObject(valueProp) && !isDate(valueProp)) {\n      setInputValue({\n        end: dateToString(valueProp.end),\n        start: dateToString(valueProp.start),\n      } as MaybeInputValue<Range>)\n    } else {\n      setInputValue(dateToString(valueProp) as MaybeInputValue<Range>)\n    }\n  }, [valueProp])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      \"data-range\": dataAttr(range),\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps, range],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        \"aria-haspopup\": \"dialog\",\n        tabIndex: !allowInput ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n        onFocus: handlerAll(props.onFocus, onFieldFocus),\n        onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n      }),\n\n    [allowInput, getTriggerProps, onClick, onFieldFocus, onMouseDown],\n  )\n\n  const getInputProps: PropGetter<\"input\", { align?: InputAlign }> =\n    useCallback(\n      ({ align = \"start\", ...props } = {}) => {\n        const inputProps: HTMLProps<\"input\"> = {\n          style: {\n            ...(!allowInput ? { pointerEvents: \"none\" } : {}),\n            ...props.style,\n          },\n          autoComplete: \"off\",\n          disabled,\n          readOnly,\n          required,\n          tabIndex: allowInput ? 0 : -1,\n          ...dataProps,\n          ...props,\n          onBlur: handlerAll(props.onBlur, onBlur),\n          onChange: handlerAll(props.onChange, onInputChange),\n          onFocus: handlerAll(props.onFocus, onInputFocus),\n          onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n          onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n        }\n\n        if (isObject(inputValue)) {\n          if (align === \"start\") {\n            inputProps.ref = mergeRefs(props.ref, ref, startInputRef)\n            inputProps.value = inputValue.start\n            inputProps.placeholder = startPlaceholder\n          } else {\n            inputProps.ref = mergeRefs(props.ref, ref, endInputRef)\n            inputProps.value = inputValue.end\n            inputProps.placeholder = endPlaceholder\n          }\n\n          if (!inputValue.start && align === \"start\") {\n            inputProps.id = id\n            inputProps.name = name\n          }\n\n          if (!!inputValue.start && align === \"end\") {\n            inputProps.id = id\n            inputProps.name = name\n          }\n        } else {\n          inputProps.ref = mergeRefs(props.ref, ref, startInputRef)\n          inputProps.value = inputValue\n          inputProps.id = id\n          inputProps.name = name\n\n          if (isArray(value)) {\n            inputProps.style = {\n              ...(!focused && !!value.length\n                ? visuallyHiddenAttributes.style\n                : {}),\n              ...inputProps.style,\n            }\n            inputProps.placeholder = !value.length\n              ? startPlaceholder\n              : undefined\n            inputProps[\"data-max\"] = dataAttr(\n              isNumber(max) && value.length >= max,\n            )\n          } else {\n            inputProps.placeholder = startPlaceholder\n          }\n        }\n\n        return inputProps\n      },\n      [\n        allowInput,\n        dataProps,\n        disabled,\n        endPlaceholder,\n        focused,\n        id,\n        inputValue,\n        max,\n        name,\n        onBlur,\n        onInputFocus,\n        onInputChange,\n        onKeyDown,\n        onMouseDown,\n        readOnly,\n        ref,\n        required,\n        startPlaceholder,\n        value,\n      ],\n    )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getComboboxContentProps({\n        ref: mergeRefs(ref, contentRef),\n        role: \"dialog\",\n        ...props,\n      }),\n    [getComboboxContentProps],\n  )\n\n  const getCalendarProps: PropGetter<UseCalendarProps<Multiple, Range>> =\n    useCallback(\n      (props) =>\n        ({\n          disabled: !interactive,\n          format: calendarFormat,\n          locale,\n          max,\n          maxDate,\n          minDate,\n          month,\n          multiple,\n          range,\n          value,\n          onChange,\n          onChangeMonth: setMonth,\n          ...calendarProps,\n          ...props,\n        }) as UseCalendarProps<Multiple, Range>,\n      [\n        interactive,\n        calendarFormat,\n        locale,\n        max,\n        maxDate,\n        minDate,\n        month,\n        multiple,\n        range,\n        value,\n        onChange,\n        setMonth,\n        calendarProps,\n      ],\n    )\n\n  const getIconProps: PropGetter = useCallback(\n    (props) => ({ ...dataProps, ...props }),\n    [dataProps],\n  )\n\n  const getClearIconProps: PropGetter = useCallback(\n    (props = {}) =>\n      getIconProps({\n        \"aria-disabled\": ariaAttr(!interactive),\n        \"aria-label\": t(\"Clear value\"),\n        role: \"button\",\n        tabIndex: interactive ? 0 : -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClear),\n        onKeyDown: handlerAll(props.onKeyDown, (ev) =>\n          runKeyAction(ev, { Enter: onClear, Space: onClear }),\n        ),\n      }),\n    [getIconProps, interactive, onClear, t],\n  )\n\n  return {\n    children,\n    dateToString,\n    inputValue,\n    interactive,\n    month,\n    open,\n    range,\n    separator,\n    setInputValue,\n    setMonth,\n    setValue,\n    stringToDate,\n    value,\n    getCalendarProps,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    popoverProps,\n    onChange,\n    onClose,\n    onInputChange,\n    onOpen,\n  }\n}\n\nexport type UseDatePickerReturn = ReturnType<typeof useDatePicker>\n"],"mappings":"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"}

package/dist/esm/components/drawer/drawer.js

@@ -1,32 +1,22 @@
 "use client";
-
 import { useSplitChildren, wrapOrPassProps } from "../../utils/children.js";
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { motion as motion$1 } from "../motion/factory.js";
-import "../motion/index.js";
 import { useValue } from "../../hooks/use-value/index.js";
 import { Portal } from "../portal/portal.js";
-import "../portal/index.js";
 import { Button } from "../button/button.js";
-import "../button/index.js";
 import { CloseButton } from "../close-button/close-button.js";
-import "../close-button/index.js";
 import { fadeVariants } from "../fade/fade.js";
-import "../fade/index.js";
 import { FocusLock } from "../focus-lock/focus-lock.js";
-import "../focus-lock/index.js";
 import { drawerStyle } from "./drawer.style.js";
 import { Slide } from "../slide/slide.js";
-import "../slide/index.js";
 import { useDrawer } from "./use-drawer.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence } from "motion/react";
 import { RemoveScroll } from "react-remove-scroll";
-
 //#region src/components/drawer/drawer.tsx
 const { ComponentContext, PropsContext: DrawerPropsContext, useComponentContext, usePropsContext: useDrawerPropsContext, withContext, withProvider } = createSlotComponent("drawer", drawerStyle);
 /**
@@ -202,7 +192,7 @@ const DrawerFooter = withContext("footer", "footer")(void 0, (props) => {
 	const { getFooterProps } = useComponentContext();
 	return { ...getFooterProps(props) };
 });
-
 //#endregion
 export { DrawerBody, DrawerCloseButton, DrawerCloseTrigger, DrawerContent, DrawerDragBar, DrawerFooter, DrawerHeader, DrawerOpenTrigger, DrawerOverlay, DrawerPropsContext, DrawerRoot, DrawerTitle, useDrawerPropsContext };
+
 //# sourceMappingURL=drawer.js.map

package/dist/esm/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["motion","ShorthandDrawerContent: FC<ShorthandDrawerContentProps>"],"sources":["../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { SlideProps } from \"../slide\"\nimport type { DrawerStyle } from \"./drawer.style\"\nimport type { UseDrawerProps, UseDrawerReturn } from \"./use-drawer\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, isArray, useSplitChildren, wrapOrPassProps } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../close-button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { Slide } from \"../slide\"\nimport { drawerStyle } from \"./drawer.style\"\nimport { useDrawer } from \"./use-drawer\"\n\ninterface ComponentContext\n  extends\n    Omit<UseDrawerReturn, \"getRootProps\">,\n    Pick<\n      DrawerRootProps,\n      \"duration\" | \"placement\" | \"withCloseButton\" | \"withDragBar\"\n    > {}\n\nexport interface DrawerRootProps\n  extends\n    ThemeProps<DrawerStyle>,\n    Omit<UseDrawerProps, \"placement\" | \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    ShorthandDrawerContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the drawer opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the drawer close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the drag bar when `closeOnDrag` is `true`.\n   *\n   * @default true\n   */\n  withDragBar?: boolean\n  /**\n   * If `true`, display the drawer overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the drawer has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DrawerPropsContext,\n  useComponentContext,\n  usePropsContext: useDrawerPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DrawerRootProps, DrawerStyle, ComponentContext>(\n  \"drawer\",\n  drawerStyle,\n)\n\nexport { DrawerPropsContext, useDrawerPropsContext }\n\n/**\n * `Drawer` is a component for a panel that appears from the edge of the screen.\n *\n * @see https://yamada-ui.com/docs/components/drawer\n */\nexport const DrawerRoot = withProvider<\"div\", DrawerRootProps, \"placement\">(\n  ({\n    allowPinchZoom = false,\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    closeOnDrag,\n    dragConstraints,\n    dragElastic,\n    dragOffset,\n    dragVelocity,\n    duration = { enter: 0.4, exit: 0.3 },\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    placement: placementProp,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = !closeOnDrag,\n    withDragBar = true,\n    withOverlay = true,\n    portalProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const placement = useValue(placementProp)\n    const [omittedChildren, openTrigger, customOverlay] = useSplitChildren(\n      children,\n      DrawerOpenTrigger,\n      DrawerOverlay,\n    )\n    const hasChildren = isArray(omittedChildren) && !!omittedChildren.length\n    const { open, getRootProps, ...rest } = useDrawer({\n      closeOnDrag,\n      dragConstraints,\n      dragElastic,\n      dragOffset,\n      dragVelocity,\n      placement,\n      ...props,\n    })\n    const customOpenTrigger = trigger ? (\n      <DrawerOpenTrigger>{trigger}</DrawerOpenTrigger>\n    ) : null\n\n    const context = useMemo(\n      () => ({\n        duration,\n        open,\n        placement,\n        withCloseButton,\n        withDragBar,\n        ...rest,\n      }),\n      [duration, open, withDragBar, placement, withCloseButton, rest],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <DrawerOverlay /> : null)}\n\n                    {hasChildren ? (\n                      omittedChildren\n                    ) : (\n                      <ShorthandDrawerContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"placement\"] },\n)()\n\nexport interface DrawerOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerOpenTrigger = withContext<\"button\", DrawerOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getOpenTriggerProps(props) }\n})\n\nexport interface DrawerCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerCloseTrigger = withContext<\n  \"button\",\n  DrawerCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  undefined,\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getCloseTriggerProps(props) }\n  },\n)\n\nexport interface DrawerCloseButtonProps extends CloseButtonProps {}\n\nexport const DrawerCloseButton = withContext<\"button\", DrawerCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)(undefined, (props) => {\n  const { getCloseButtonProps } = useComponentContext()\n\n  return { ...getCloseButtonProps(props) }\n})\n\nexport interface DrawerOverlayProps extends HTMLMotionProps {}\n\nexport const DrawerOverlay = withContext<\"div\", DrawerOverlayProps>((props) => {\n  const { duration, getOverlayProps } = useComponentContext()\n\n  return (\n    <motion.div\n      animate=\"enter\"\n      custom={{ duration }}\n      exit=\"exit\"\n      initial=\"exit\"\n      variants={fadeVariants}\n      {...cast<HTMLMotionProps>(getOverlayProps(cast<HTMLProps>(props)))}\n    />\n  )\n}, \"overlay\")()\n\nexport interface DrawerContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">, PropsWithChildren {}\n\nexport const DrawerContent = withContext<\"div\", DrawerContentProps>(\n  ({ children, ...rest }) => {\n    const {\n      closeOnDrag,\n      duration,\n      open,\n      placement,\n      withCloseButton,\n      withDragBar,\n      getContentProps,\n    } = useComponentContext()\n    const [omittedChildren, customCloseButton, customDragBar] =\n      useSplitChildren(children, DrawerCloseButton, DrawerDragBar)\n\n    return (\n      <Slide\n        as=\"section\"\n        duration={duration}\n        open={open}\n        placement={placement}\n        {...(getContentProps(rest) as SlideProps)}\n      >\n        {customCloseButton ?? (withCloseButton ? <DrawerCloseButton /> : null)}\n        {customDragBar ??\n          (withDragBar && closeOnDrag ? <DrawerDragBar /> : null)}\n\n        {omittedChildren}\n      </Slide>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandDrawerContentProps {\n  /**\n   * The drawer body to use.\n   */\n  body?: DrawerBodyProps | ReactNode\n  /**\n   * The drawer cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The drawer footer to use.\n   */\n  footer?: DrawerFooterProps | ReactNode\n  /**\n   * The drawer header to use.\n   */\n  header?: DrawerHeaderProps | ReactNode\n  /**\n   * The drawer middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The drawer success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The drawer title to use.\n   */\n  title?: DrawerTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nexport const ShorthandDrawerContent: FC<ShorthandDrawerContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(DrawerHeader, header)\n  const customTitle = wrapOrPassProps(DrawerTitle, title)\n  const customBody = wrapOrPassProps(DrawerBody, body)\n  const customFooter = wrapOrPassProps(DrawerFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    colorScheme: \"mono\",\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <DrawerContent>\n      {customHeader ??\n        (customTitle ? <DrawerHeader>{customTitle}</DrawerHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <DrawerFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </DrawerFooter>\n        ) : null)}\n    </DrawerContent>\n  )\n}\n\nexport interface DrawerDragBarProps extends HTMLStyledProps {}\n\nexport const DrawerDragBar = withContext<\"div\", DrawerDragBarProps>(\n  \"div\",\n  \"dragBar\",\n)(undefined, (props) => {\n  const { getDragBarProps } = useComponentContext()\n\n  return { ...getDragBarProps(props) }\n})\n\nexport interface DrawerHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const DrawerHeader = withContext<\"header\", DrawerHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return { ...getHeaderProps(props) }\n})\n\nexport interface DrawerTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const DrawerTitle = withContext<\"h2\", DrawerTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps } = useComponentContext()\n\n    return { ...getTitleProps(props) }\n  },\n)\n\nexport interface DrawerBodyProps extends HTMLStyledProps {}\n\nexport const DrawerBody = withContext<\"div\", DrawerBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(props) }\n  },\n)\n\nexport interface DrawerFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const DrawerFooter = withContext<\"footer\", DrawerFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(props) }\n})\n"],"mappings":"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"}
+{"version":3,"file":"drawer.js","names":["motion"],"sources":["../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { SlideProps } from \"../slide\"\nimport type { DrawerStyle } from \"./drawer.style\"\nimport type { UseDrawerProps, UseDrawerReturn } from \"./use-drawer\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { cast, isArray, useSplitChildren, wrapOrPassProps } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../close-button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { Slide } from \"../slide\"\nimport { drawerStyle } from \"./drawer.style\"\nimport { useDrawer } from \"./use-drawer\"\n\ninterface ComponentContext\n  extends\n    Omit<UseDrawerReturn, \"getRootProps\">,\n    Pick<\n      DrawerRootProps,\n      \"duration\" | \"placement\" | \"withCloseButton\" | \"withDragBar\"\n    > {}\n\nexport interface DrawerRootProps\n  extends\n    ThemeProps<DrawerStyle>,\n    Omit<UseDrawerProps, \"placement\" | \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    ShorthandDrawerContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the drawer opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the drawer close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the drag bar when `closeOnDrag` is `true`.\n   *\n   * @default true\n   */\n  withDragBar?: boolean\n  /**\n   * If `true`, display the drawer overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the drawer has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DrawerPropsContext,\n  useComponentContext,\n  usePropsContext: useDrawerPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DrawerRootProps, DrawerStyle, ComponentContext>(\n  \"drawer\",\n  drawerStyle,\n)\n\nexport { DrawerPropsContext, useDrawerPropsContext }\n\n/**\n * `Drawer` is a component for a panel that appears from the edge of the screen.\n *\n * @see https://yamada-ui.com/docs/components/drawer\n */\nexport const DrawerRoot = withProvider<\"div\", DrawerRootProps, \"placement\">(\n  ({\n    allowPinchZoom = false,\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    closeOnDrag,\n    dragConstraints,\n    dragElastic,\n    dragOffset,\n    dragVelocity,\n    duration = { enter: 0.4, exit: 0.3 },\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    placement: placementProp,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = !closeOnDrag,\n    withDragBar = true,\n    withOverlay = true,\n    portalProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const placement = useValue(placementProp)\n    const [omittedChildren, openTrigger, customOverlay] = useSplitChildren(\n      children,\n      DrawerOpenTrigger,\n      DrawerOverlay,\n    )\n    const hasChildren = isArray(omittedChildren) && !!omittedChildren.length\n    const { open, getRootProps, ...rest } = useDrawer({\n      closeOnDrag,\n      dragConstraints,\n      dragElastic,\n      dragOffset,\n      dragVelocity,\n      placement,\n      ...props,\n    })\n    const customOpenTrigger = trigger ? (\n      <DrawerOpenTrigger>{trigger}</DrawerOpenTrigger>\n    ) : null\n\n    const context = useMemo(\n      () => ({\n        duration,\n        open,\n        placement,\n        withCloseButton,\n        withDragBar,\n        ...rest,\n      }),\n      [duration, open, withDragBar, placement, withCloseButton, rest],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <DrawerOverlay /> : null)}\n\n                    {hasChildren ? (\n                      omittedChildren\n                    ) : (\n                      <ShorthandDrawerContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"placement\"] },\n)()\n\nexport interface DrawerOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerOpenTrigger = withContext<\"button\", DrawerOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getOpenTriggerProps(props) }\n})\n\nexport interface DrawerCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerCloseTrigger = withContext<\n  \"button\",\n  DrawerCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  undefined,\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getCloseTriggerProps(props) }\n  },\n)\n\nexport interface DrawerCloseButtonProps extends CloseButtonProps {}\n\nexport const DrawerCloseButton = withContext<\"button\", DrawerCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)(undefined, (props) => {\n  const { getCloseButtonProps } = useComponentContext()\n\n  return { ...getCloseButtonProps(props) }\n})\n\nexport interface DrawerOverlayProps extends HTMLMotionProps {}\n\nexport const DrawerOverlay = withContext<\"div\", DrawerOverlayProps>((props) => {\n  const { duration, getOverlayProps } = useComponentContext()\n\n  return (\n    <motion.div\n      animate=\"enter\"\n      custom={{ duration }}\n      exit=\"exit\"\n      initial=\"exit\"\n      variants={fadeVariants}\n      {...cast<HTMLMotionProps>(getOverlayProps(cast<HTMLProps>(props)))}\n    />\n  )\n}, \"overlay\")()\n\nexport interface DrawerContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">, PropsWithChildren {}\n\nexport const DrawerContent = withContext<\"div\", DrawerContentProps>(\n  ({ children, ...rest }) => {\n    const {\n      closeOnDrag,\n      duration,\n      open,\n      placement,\n      withCloseButton,\n      withDragBar,\n      getContentProps,\n    } = useComponentContext()\n    const [omittedChildren, customCloseButton, customDragBar] =\n      useSplitChildren(children, DrawerCloseButton, DrawerDragBar)\n\n    return (\n      <Slide\n        as=\"section\"\n        duration={duration}\n        open={open}\n        placement={placement}\n        {...(getContentProps(rest) as SlideProps)}\n      >\n        {customCloseButton ?? (withCloseButton ? <DrawerCloseButton /> : null)}\n        {customDragBar ??\n          (withDragBar && closeOnDrag ? <DrawerDragBar /> : null)}\n\n        {omittedChildren}\n      </Slide>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandDrawerContentProps {\n  /**\n   * The drawer body to use.\n   */\n  body?: DrawerBodyProps | ReactNode\n  /**\n   * The drawer cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The drawer footer to use.\n   */\n  footer?: DrawerFooterProps | ReactNode\n  /**\n   * The drawer header to use.\n   */\n  header?: DrawerHeaderProps | ReactNode\n  /**\n   * The drawer middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The drawer success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The drawer title to use.\n   */\n  title?: DrawerTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nexport const ShorthandDrawerContent: FC<ShorthandDrawerContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(DrawerHeader, header)\n  const customTitle = wrapOrPassProps(DrawerTitle, title)\n  const customBody = wrapOrPassProps(DrawerBody, body)\n  const customFooter = wrapOrPassProps(DrawerFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    colorScheme: \"mono\",\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <DrawerContent>\n      {customHeader ??\n        (customTitle ? <DrawerHeader>{customTitle}</DrawerHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <DrawerFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </DrawerFooter>\n        ) : null)}\n    </DrawerContent>\n  )\n}\n\nexport interface DrawerDragBarProps extends HTMLStyledProps {}\n\nexport const DrawerDragBar = withContext<\"div\", DrawerDragBarProps>(\n  \"div\",\n  \"dragBar\",\n)(undefined, (props) => {\n  const { getDragBarProps } = useComponentContext()\n\n  return { ...getDragBarProps(props) }\n})\n\nexport interface DrawerHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const DrawerHeader = withContext<\"header\", DrawerHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return { ...getHeaderProps(props) }\n})\n\nexport interface DrawerTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const DrawerTitle = withContext<\"h2\", DrawerTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps } = useComponentContext()\n\n    return { ...getTitleProps(props) }\n  },\n)\n\nexport interface DrawerBodyProps extends HTMLStyledProps {}\n\nexport const DrawerBody = withContext<\"div\", DrawerBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(props) }\n  },\n)\n\nexport interface DrawerFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const DrawerFooter = withContext<\"footer\", DrawerFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(props) }\n})\n"],"mappings":"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"}

package/dist/esm/components/drawer/drawer.style.js

@@ -1,8 +1,5 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
 import { modalStyle } from "../modal/modal.style.js";
-import "../modal/index.js";
-
 //#region src/components/drawer/drawer.style.ts
 const drawerStyle = defineComponentSlotStyle({
 	base: {
@@ -22,7 +19,13 @@ const drawerStyle = defineComponentSlotStyle({
 			rounded: "full"
 		}
 	},
-	props: { placement: {
+	props: { 
+	/**
+	* The placement of the drawer.
+	*
+	* @default 'inline-end'
+	*/
+placement: {
 		"block-end": {
 			content: {
 				maxW: "full",
@@ -166,7 +169,7 @@ const drawerStyle = defineComponentSlotStyle({
 		placement: "inline-end"
 	}
 });
-
 //#endregion
 export { drawerStyle };
+
 //# sourceMappingURL=drawer.style.js.map

package/dist/esm/components/drawer/drawer.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.style.js","names":[],"sources":["../../../../src/components/drawer/drawer.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { modalStyle } from \"../modal\"\n\nexport const drawerStyle = defineComponentSlotStyle({\n  base: {\n    ...modalStyle.base,\n    body: {\n      ...modalStyle.base?.body,\n      overflow: \"auto\",\n    },\n    content: {\n      ...modalStyle.base?.content,\n      position: \"fixed\",\n      rounded: \"l4\",\n    },\n    dragBar: {\n      bg: \"bg.subtle\",\n      position: \"absolute\",\n      rounded: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The placement of the drawer.\n     *\n     * @default 'inline-end'\n     */\n    placement: {\n      \"block-end\": {\n        content: { maxW: \"full\", roundedBottom: \"0\" },\n        dragBar: {\n          left: \"50%\",\n          minH: \"2\",\n          top: \"md\",\n          transform: \"translateX(-50%)\",\n          w: \"3xs\",\n        },\n      },\n      \"block-start\": {\n        content: { maxW: \"full\", roundedTop: \"0\" },\n        dragBar: {\n          bottom: \"md\",\n          left: \"50%\",\n          minH: \"2\",\n          transform: \"translateX(-50%)\",\n          w: \"3xs\",\n        },\n      },\n      \"inline-end\": {\n        content: { roundedRight: \"0\" },\n        dragBar: {\n          h: \"3xs\",\n          left: \"md\",\n          minW: \"2\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n        },\n      },\n      \"inline-start\": {\n        content: { roundedLeft: \"0\" },\n        dragBar: {\n          h: \"3xs\",\n          minW: \"2\",\n          right: \"md\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: { content: { maxW: \"xs\" } },\n    sm: { content: { maxW: \"sm\" } },\n    md: { content: { maxW: \"md\" } },\n    lg: { content: { maxW: \"lg\" } },\n    xl: { content: { maxW: \"xl\" } },\n    \"2xl\": { content: { maxW: \"2xl\" } },\n    \"3xl\": { content: { maxW: \"3xl\" } },\n    \"4xl\": { content: { maxW: \"4xl\" } },\n    \"5xl\": { content: { maxW: \"5xl\" } },\n    \"6xl\": { content: { maxW: \"6xl\" } },\n    full: { content: { minH: \"dvh\", minW: \"vw\", rounded: \"0\" } },\n  },\n\n  compounds: [\n    {\n      css: {\n        content: {\n          pb: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"0\",\n            position: \"absolute\",\n            right: \"0\",\n            top: \"calc(-100dvh + 1px)\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"block-start\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          pt: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"calc(-100dvh + 1px)\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"0\",\n            position: \"absolute\",\n            right: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"block-end\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          ps: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"0\",\n            display: \"block\",\n            h: \"dvh\",\n            position: \"absolute\",\n            right: \"calc(-100% + 1px)\",\n            top: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"inline-end\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          pe: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"0\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"calc(-100% + 1px)\",\n            position: \"absolute\",\n            top: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"inline-start\",\n      withDragBar: true,\n    },\n  ],\n\n  defaultProps: {\n    size: \"lg\",\n    placement: \"inline-end\",\n  },\n})\n\nexport type DrawerStyle = typeof drawerStyle\n"],"mappings":";;;;;;AAGA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,GAAG,WAAW;EACd,MAAM;GACJ,GAAG,WAAW,MAAM;GACpB,UAAU;GACX;EACD,SAAS;GACP,GAAG,WAAW,MAAM;GACpB,UAAU;GACV,SAAS;GACV;EACD,SAAS;GACP,IAAI;GACJ,UAAU;GACV,SAAS;GACV;EACF;CAED,OAAO,EAML,WAAW;EACT,aAAa;GACX,SAAS;IAAE,MAAM;IAAQ,eAAe;IAAK;GAC7C,SAAS;IACP,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IACX,GAAG;IACJ;GACF;EACD,eAAe;GACb,SAAS;IAAE,MAAM;IAAQ,YAAY;IAAK;GAC1C,SAAS;IACP,QAAQ;IACR,MAAM;IACN,MAAM;IACN,WAAW;IACX,GAAG;IACJ;GACF;EACD,cAAc;GACZ,SAAS,EAAE,cAAc,KAAK;GAC9B,SAAS;IACP,GAAG;IACH,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IACZ;GACF;EACD,gBAAgB;GACd,SAAS,EAAE,aAAa,KAAK;GAC7B,SAAS;IACP,GAAG;IACH,MAAM;IACN,OAAO;IACP,KAAK;IACL,WAAW;IACZ;GACF;EACF,EACF;CAED,OAAO;EACL,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,MAAM,EAAE,SAAS;GAAE,MAAM;GAAO,MAAM;GAAM,SAAS;GAAK,EAAE;EAC7D;CAED,WAAW;EACT;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,OAAO;KACP,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,OAAO;KACP,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,UAAU;KACV,OAAO;KACP,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACF;CAED,cAAc;EACZ,MAAM;EACN,WAAW;EACZ;CACF,CAAC"}
+{"version":3,"file":"drawer.style.js","names":[],"sources":["../../../../src/components/drawer/drawer.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { modalStyle } from \"../modal\"\n\nexport const drawerStyle = defineComponentSlotStyle({\n  base: {\n    ...modalStyle.base,\n    body: {\n      ...modalStyle.base?.body,\n      overflow: \"auto\",\n    },\n    content: {\n      ...modalStyle.base?.content,\n      position: \"fixed\",\n      rounded: \"l4\",\n    },\n    dragBar: {\n      bg: \"bg.subtle\",\n      position: \"absolute\",\n      rounded: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The placement of the drawer.\n     *\n     * @default 'inline-end'\n     */\n    placement: {\n      \"block-end\": {\n        content: { maxW: \"full\", roundedBottom: \"0\" },\n        dragBar: {\n          left: \"50%\",\n          minH: \"2\",\n          top: \"md\",\n          transform: \"translateX(-50%)\",\n          w: \"3xs\",\n        },\n      },\n      \"block-start\": {\n        content: { maxW: \"full\", roundedTop: \"0\" },\n        dragBar: {\n          bottom: \"md\",\n          left: \"50%\",\n          minH: \"2\",\n          transform: \"translateX(-50%)\",\n          w: \"3xs\",\n        },\n      },\n      \"inline-end\": {\n        content: { roundedRight: \"0\" },\n        dragBar: {\n          h: \"3xs\",\n          left: \"md\",\n          minW: \"2\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n        },\n      },\n      \"inline-start\": {\n        content: { roundedLeft: \"0\" },\n        dragBar: {\n          h: \"3xs\",\n          minW: \"2\",\n          right: \"md\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: { content: { maxW: \"xs\" } },\n    sm: { content: { maxW: \"sm\" } },\n    md: { content: { maxW: \"md\" } },\n    lg: { content: { maxW: \"lg\" } },\n    xl: { content: { maxW: \"xl\" } },\n    \"2xl\": { content: { maxW: \"2xl\" } },\n    \"3xl\": { content: { maxW: \"3xl\" } },\n    \"4xl\": { content: { maxW: \"4xl\" } },\n    \"5xl\": { content: { maxW: \"5xl\" } },\n    \"6xl\": { content: { maxW: \"6xl\" } },\n    full: { content: { minH: \"dvh\", minW: \"vw\", rounded: \"0\" } },\n  },\n\n  compounds: [\n    {\n      css: {\n        content: {\n          pb: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"0\",\n            position: \"absolute\",\n            right: \"0\",\n            top: \"calc(-100dvh + 1px)\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"block-start\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          pt: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"calc(-100dvh + 1px)\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"0\",\n            position: \"absolute\",\n            right: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"block-end\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          ps: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"0\",\n            display: \"block\",\n            h: \"dvh\",\n            position: \"absolute\",\n            right: \"calc(-100% + 1px)\",\n            top: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"inline-end\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          pe: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"0\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"calc(-100% + 1px)\",\n            position: \"absolute\",\n            top: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"inline-start\",\n      withDragBar: true,\n    },\n  ],\n\n  defaultProps: {\n    size: \"lg\",\n    placement: \"inline-end\",\n  },\n})\n\nexport type DrawerStyle = typeof drawerStyle\n"],"mappings":";;;AAGA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,GAAG,WAAW;EACd,MAAM;GACJ,GAAG,WAAW,MAAM;GACpB,UAAU;GACX;EACD,SAAS;GACP,GAAG,WAAW,MAAM;GACpB,UAAU;GACV,SAAS;GACV;EACD,SAAS;GACP,IAAI;GACJ,UAAU;GACV,SAAS;GACV;EACF;CAED,OAAO;;;;;;AAML,WAAW;EACT,aAAa;GACX,SAAS;IAAE,MAAM;IAAQ,eAAe;IAAK;GAC7C,SAAS;IACP,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IACX,GAAG;IACJ;GACF;EACD,eAAe;GACb,SAAS;IAAE,MAAM;IAAQ,YAAY;IAAK;GAC1C,SAAS;IACP,QAAQ;IACR,MAAM;IACN,MAAM;IACN,WAAW;IACX,GAAG;IACJ;GACF;EACD,cAAc;GACZ,SAAS,EAAE,cAAc,KAAK;GAC9B,SAAS;IACP,GAAG;IACH,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IACZ;GACF;EACD,gBAAgB;GACd,SAAS,EAAE,aAAa,KAAK;GAC7B,SAAS;IACP,GAAG;IACH,MAAM;IACN,OAAO;IACP,KAAK;IACL,WAAW;IACZ;GACF;EACF,EACF;CAED,OAAO;EACL,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,MAAM,EAAE,SAAS;GAAE,MAAM;GAAO,MAAM;GAAM,SAAS;GAAK,EAAE;EAC7D;CAED,WAAW;EACT;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,OAAO;KACP,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,OAAO;KACP,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,UAAU;KACV,OAAO;KACP,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACF;CAED,cAAc;EACZ,MAAM;EACN,WAAW;EACZ;CACF,CAAC"}

package/dist/esm/components/drawer/index.js

@@ -2,5 +2,4 @@ import { drawerStyle } from "./drawer.style.js";
 import { useDrawer } from "./use-drawer.js";
 import { DrawerBody, DrawerCloseButton, DrawerCloseTrigger, DrawerContent, DrawerDragBar, DrawerFooter, DrawerHeader, DrawerOpenTrigger, DrawerOverlay, DrawerPropsContext, DrawerRoot, DrawerTitle, useDrawerPropsContext } from "./drawer.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as Drawer, DrawerBody, DrawerCloseButton, DrawerCloseTrigger, DrawerContent, DrawerDragBar, DrawerFooter, DrawerHeader, DrawerOpenTrigger, DrawerOverlay, DrawerPropsContext, DrawerRoot, DrawerTitle, drawerStyle, useDrawer, useDrawerPropsContext };
+export { namespace_exports as Drawer, DrawerBody, DrawerCloseButton, DrawerCloseTrigger, DrawerContent, DrawerDragBar, DrawerFooter, DrawerHeader, DrawerOpenTrigger, DrawerOverlay, DrawerPropsContext, DrawerRoot, DrawerTitle, drawerStyle, useDrawer, useDrawerPropsContext };

package/dist/esm/components/drawer/namespace.js

@@ -1,6 +1,5 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { DrawerBody, DrawerCloseButton, DrawerCloseTrigger, DrawerContent, DrawerDragBar, DrawerFooter, DrawerHeader, DrawerOpenTrigger, DrawerOverlay, DrawerPropsContext, DrawerRoot, DrawerTitle, useDrawerPropsContext } from "./drawer.js";
-
 //#region src/components/drawer/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Body: () => DrawerBody,
@@ -17,7 +16,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Title: () => DrawerTitle,
 	usePropsContext: () => useDrawerPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/drawer/use-drawer.js

@@ -1,10 +1,7 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { useModal } from "../modal/use-modal.js";
-import "../modal/index.js";
 import { useCallback, useMemo } from "react";
-
 //#region src/components/drawer/use-drawer.ts
 const useDrawer = ({ closeOnDrag = false, closeOnEsc, closeOnOverlay, dragConstraints = 0, dragElastic = .1, dragOffset = 80, dragVelocity = 100, placement = "inline-end", onEsc, ...rest } = {}) => {
 	const { getContentProps: getModalContentProps, onClose, ...modalProps } = useModal({
@@ -76,7 +73,7 @@ const useDrawer = ({ closeOnDrag = false, closeOnEsc, closeOnOverlay, dragConstr
 		onClose
 	};
 };
-
 //#endregion
 export { useDrawer };
+
 //# sourceMappingURL=use-drawer.js.map

package/dist/esm/components/drawer/use-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-drawer.js","names":["onDragEnd: DragEndEventHandler","getContentProps: PropGetter<HTMLMotionProps<\"section\">>","getDragBarProps: PropGetter"],"sources":["../../../../src/components/drawer/use-drawer.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, SimplePlacement } from \"../../core\"\nimport type { UseModalProps } from \"../modal\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport { useCallback, useMemo } from \"react\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { useModal } from \"../modal\"\n\ntype DragEndEventHandler = Required<HTMLMotionProps>[\"onDragEnd\"]\n\nexport interface UseDrawerProps extends UseModalProps {\n  /**\n   * If `true`, then the drawer will close on drag.\n   *\n   * @default false\n   */\n  closeOnDrag?: boolean\n  /**\n   * Applies constraints on the permitted draggable area.\n   *\n   * @default 0\n   */\n  dragConstraints?: number\n  /**\n   * The degree of movement allowed outside constraints. 0 = no movement, 1 = full movement.\n   *\n   * @default 0.1\n   */\n  dragElastic?: number\n  /**\n   * Offset from being dragged to closing.\n   *\n   * @default 80\n   */\n  dragOffset?: number\n  /**\n   * Velocity of the drag that triggers close.\n   *\n   * @default 100\n   */\n  dragVelocity?: number\n  /**\n   * The placement of the drawer.\n   *\n   * @default 'inline-end'\n   */\n  placement?: SimplePlacement\n}\n\nexport const useDrawer = ({\n  closeOnDrag = false,\n  closeOnEsc,\n  closeOnOverlay,\n  dragConstraints = 0,\n  dragElastic = 0.1,\n  dragOffset = 80,\n  dragVelocity = 100,\n  placement = \"inline-end\",\n  onEsc,\n  ...rest\n}: UseDrawerProps = {}) => {\n  const {\n    getContentProps: getModalContentProps,\n    onClose,\n    ...modalProps\n  } = useModal({\n    closeOnEsc,\n    closeOnOverlay,\n    onEsc,\n    ...rest,\n  })\n\n  const drag = useMemo<HTMLMotionProps[\"drag\"]>(() => {\n    if (!closeOnDrag) return false\n\n    switch (placement) {\n      case \"block-start\":\n      case \"block-end\":\n        return \"y\"\n      case \"inline-start\":\n      case \"inline-end\":\n        return \"x\"\n    }\n  }, [placement, closeOnDrag])\n\n  const getDragRestriction = useCallback(\n    (value: number) => {\n      switch (placement) {\n        case \"block-start\":\n          return { bottom: value }\n        case \"block-end\":\n          return { top: value }\n        case \"inline-start\":\n          return { right: value }\n        case \"inline-end\":\n          return { left: value }\n      }\n    },\n    [placement],\n  )\n\n  const onDragEnd: DragEndEventHandler = useCallback(\n    (_, info) => {\n      switch (placement) {\n        case \"block-start\":\n          if (\n            info.velocity.y <= dragVelocity * -1 ||\n            info.offset.y <= dragOffset * -1\n          )\n            onClose()\n          break\n\n        case \"block-end\":\n          if (info.velocity.y >= dragVelocity || info.offset.y >= dragOffset)\n            onClose()\n          break\n\n        case \"inline-start\":\n          if (\n            info.velocity.x <= dragVelocity * -1 ||\n            info.offset.x <= dragOffset * -1\n          )\n            onClose()\n          break\n\n        case \"inline-end\":\n          if (info.velocity.x >= dragVelocity || info.offset.x >= dragOffset)\n            onClose()\n          break\n      }\n    },\n    [placement, dragVelocity, dragOffset, onClose],\n  )\n\n  const getContentProps: PropGetter<HTMLMotionProps<\"section\">> = useCallback(\n    (props = {}) => ({\n      drag,\n      dragConstraints: getDragRestriction(dragConstraints),\n      dragElastic: getDragRestriction(dragElastic),\n      dragMomentum: false,\n      dragSnapToOrigin: true,\n      ...cast<HTMLMotionProps<\"section\">>(\n        getModalContentProps(cast<HTMLProps<\"section\">>(props)),\n      ),\n      onDragEnd: handlerAll(\n        (ev, info) => props.onDragEnd?.(ev, info),\n        onDragEnd,\n      ),\n    }),\n    [\n      drag,\n      getDragRestriction,\n      dragConstraints,\n      dragElastic,\n      onDragEnd,\n      getModalContentProps,\n    ],\n  )\n\n  const getDragBarProps: PropGetter = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  return {\n    ...modalProps,\n    closeOnDrag,\n    getContentProps,\n    getDragBarProps,\n    onClose,\n  }\n}\n\nexport type UseDrawerReturn = ReturnType<typeof useDrawer>\n"],"mappings":";;;;;;;;AAkDA,MAAa,aAAa,EACxB,cAAc,OACd,YACA,gBACA,kBAAkB,GAClB,cAAc,IACd,aAAa,IACb,eAAe,KACf,YAAY,cACZ,OACA,GAAG,SACe,EAAE,KAAK;CACzB,MAAM,EACJ,iBAAiB,sBACjB,SACA,GAAG,eACD,SAAS;EACX;EACA;EACA;EACA,GAAG;EACJ,CAAC;CAEF,MAAM,OAAO,cAAuC;AAClD,MAAI,CAAC,YAAa,QAAO;AAEzB,UAAQ,WAAR;GACE,KAAK;GACL,KAAK,YACH,QAAO;GACT,KAAK;GACL,KAAK,aACH,QAAO;;IAEV,CAAC,WAAW,YAAY,CAAC;CAE5B,MAAM,qBAAqB,aACxB,UAAkB;AACjB,UAAQ,WAAR;GACE,KAAK,cACH,QAAO,EAAE,QAAQ,OAAO;GAC1B,KAAK,YACH,QAAO,EAAE,KAAK,OAAO;GACvB,KAAK,eACH,QAAO,EAAE,OAAO,OAAO;GACzB,KAAK,aACH,QAAO,EAAE,MAAM,OAAO;;IAG5B,CAAC,UAAU,CACZ;CAED,MAAMA,YAAiC,aACpC,GAAG,SAAS;AACX,UAAQ,WAAR;GACE,KAAK;AACH,QACE,KAAK,SAAS,KAAK,eAAe,MAClC,KAAK,OAAO,KAAK,aAAa,GAE9B,UAAS;AACX;GAEF,KAAK;AACH,QAAI,KAAK,SAAS,KAAK,gBAAgB,KAAK,OAAO,KAAK,WACtD,UAAS;AACX;GAEF,KAAK;AACH,QACE,KAAK,SAAS,KAAK,eAAe,MAClC,KAAK,OAAO,KAAK,aAAa,GAE9B,UAAS;AACX;GAEF,KAAK;AACH,QAAI,KAAK,SAAS,KAAK,gBAAgB,KAAK,OAAO,KAAK,WACtD,UAAS;AACX;;IAGN;EAAC;EAAW;EAAc;EAAY;EAAQ,CAC/C;CAED,MAAMC,kBAA0D,aAC7D,QAAQ,EAAE,MAAM;EACf;EACA,iBAAiB,mBAAmB,gBAAgB;EACpD,aAAa,mBAAmB,YAAY;EAC5C,cAAc;EACd,kBAAkB;EAClB,2BACE,6CAAgD,MAAM,CAAC,CACxD;EACD,0CACG,IAAI,SAAS,MAAM,YAAY,IAAI,KAAK,EACzC,UACD;EACF,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAMC,kBAA8B,aACjC,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;AAED,QAAO;EACL,GAAG;EACH;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-drawer.js","names":[],"sources":["../../../../src/components/drawer/use-drawer.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, SimplePlacement } from \"../../core\"\nimport type { UseModalProps } from \"../modal\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport { useCallback, useMemo } from \"react\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { useModal } from \"../modal\"\n\ntype DragEndEventHandler = Required<HTMLMotionProps>[\"onDragEnd\"]\n\nexport interface UseDrawerProps extends UseModalProps {\n  /**\n   * If `true`, then the drawer will close on drag.\n   *\n   * @default false\n   */\n  closeOnDrag?: boolean\n  /**\n   * Applies constraints on the permitted draggable area.\n   *\n   * @default 0\n   */\n  dragConstraints?: number\n  /**\n   * The degree of movement allowed outside constraints. 0 = no movement, 1 = full movement.\n   *\n   * @default 0.1\n   */\n  dragElastic?: number\n  /**\n   * Offset from being dragged to closing.\n   *\n   * @default 80\n   */\n  dragOffset?: number\n  /**\n   * Velocity of the drag that triggers close.\n   *\n   * @default 100\n   */\n  dragVelocity?: number\n  /**\n   * The placement of the drawer.\n   *\n   * @default 'inline-end'\n   */\n  placement?: SimplePlacement\n}\n\nexport const useDrawer = ({\n  closeOnDrag = false,\n  closeOnEsc,\n  closeOnOverlay,\n  dragConstraints = 0,\n  dragElastic = 0.1,\n  dragOffset = 80,\n  dragVelocity = 100,\n  placement = \"inline-end\",\n  onEsc,\n  ...rest\n}: UseDrawerProps = {}) => {\n  const {\n    getContentProps: getModalContentProps,\n    onClose,\n    ...modalProps\n  } = useModal({\n    closeOnEsc,\n    closeOnOverlay,\n    onEsc,\n    ...rest,\n  })\n\n  const drag = useMemo<HTMLMotionProps[\"drag\"]>(() => {\n    if (!closeOnDrag) return false\n\n    switch (placement) {\n      case \"block-start\":\n      case \"block-end\":\n        return \"y\"\n      case \"inline-start\":\n      case \"inline-end\":\n        return \"x\"\n    }\n  }, [placement, closeOnDrag])\n\n  const getDragRestriction = useCallback(\n    (value: number) => {\n      switch (placement) {\n        case \"block-start\":\n          return { bottom: value }\n        case \"block-end\":\n          return { top: value }\n        case \"inline-start\":\n          return { right: value }\n        case \"inline-end\":\n          return { left: value }\n      }\n    },\n    [placement],\n  )\n\n  const onDragEnd: DragEndEventHandler = useCallback(\n    (_, info) => {\n      switch (placement) {\n        case \"block-start\":\n          if (\n            info.velocity.y <= dragVelocity * -1 ||\n            info.offset.y <= dragOffset * -1\n          )\n            onClose()\n          break\n\n        case \"block-end\":\n          if (info.velocity.y >= dragVelocity || info.offset.y >= dragOffset)\n            onClose()\n          break\n\n        case \"inline-start\":\n          if (\n            info.velocity.x <= dragVelocity * -1 ||\n            info.offset.x <= dragOffset * -1\n          )\n            onClose()\n          break\n\n        case \"inline-end\":\n          if (info.velocity.x >= dragVelocity || info.offset.x >= dragOffset)\n            onClose()\n          break\n      }\n    },\n    [placement, dragVelocity, dragOffset, onClose],\n  )\n\n  const getContentProps: PropGetter<HTMLMotionProps<\"section\">> = useCallback(\n    (props = {}) => ({\n      drag,\n      dragConstraints: getDragRestriction(dragConstraints),\n      dragElastic: getDragRestriction(dragElastic),\n      dragMomentum: false,\n      dragSnapToOrigin: true,\n      ...cast<HTMLMotionProps<\"section\">>(\n        getModalContentProps(cast<HTMLProps<\"section\">>(props)),\n      ),\n      onDragEnd: handlerAll(\n        (ev, info) => props.onDragEnd?.(ev, info),\n        onDragEnd,\n      ),\n    }),\n    [\n      drag,\n      getDragRestriction,\n      dragConstraints,\n      dragElastic,\n      onDragEnd,\n      getModalContentProps,\n    ],\n  )\n\n  const getDragBarProps: PropGetter = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  return {\n    ...modalProps,\n    closeOnDrag,\n    getContentProps,\n    getDragBarProps,\n    onClose,\n  }\n}\n\nexport type UseDrawerReturn = ReturnType<typeof useDrawer>\n"],"mappings":";;;;;AAkDA,MAAa,aAAa,EACxB,cAAc,OACd,YACA,gBACA,kBAAkB,GAClB,cAAc,IACd,aAAa,IACb,eAAe,KACf,YAAY,cACZ,OACA,GAAG,SACe,EAAE,KAAK;CACzB,MAAM,EACJ,iBAAiB,sBACjB,SACA,GAAG,eACD,SAAS;EACX;EACA;EACA;EACA,GAAG;EACJ,CAAC;CAEF,MAAM,OAAO,cAAuC;EAClD,IAAI,CAAC,aAAa,OAAO;EAEzB,QAAQ,WAAR;GACE,KAAK;GACL,KAAK,aACH,OAAO;GACT,KAAK;GACL,KAAK,cACH,OAAO;;IAEV,CAAC,WAAW,YAAY,CAAC;CAE5B,MAAM,qBAAqB,aACxB,UAAkB;EACjB,QAAQ,WAAR;GACE,KAAK,eACH,OAAO,EAAE,QAAQ,OAAO;GAC1B,KAAK,aACH,OAAO,EAAE,KAAK,OAAO;GACvB,KAAK,gBACH,OAAO,EAAE,OAAO,OAAO;GACzB,KAAK,cACH,OAAO,EAAE,MAAM,OAAO;;IAG5B,CAAC,UAAU,CACZ;CAED,MAAM,YAAiC,aACpC,GAAG,SAAS;EACX,QAAQ,WAAR;GACE,KAAK;IACH,IACE,KAAK,SAAS,KAAK,eAAe,MAClC,KAAK,OAAO,KAAK,aAAa,IAE9B,SAAS;IACX;GAEF,KAAK;IACH,IAAI,KAAK,SAAS,KAAK,gBAAgB,KAAK,OAAO,KAAK,YACtD,SAAS;IACX;GAEF,KAAK;IACH,IACE,KAAK,SAAS,KAAK,eAAe,MAClC,KAAK,OAAO,KAAK,aAAa,IAE9B,SAAS;IACX;GAEF,KAAK;IACH,IAAI,KAAK,SAAS,KAAK,gBAAgB,KAAK,OAAO,KAAK,YACtD,SAAS;IACX;;IAGN;EAAC;EAAW;EAAc;EAAY;EAAQ,CAC/C;CAED,MAAM,kBAA0D,aAC7D,QAAQ,EAAE,MAAM;EACf;EACA,iBAAiB,mBAAmB,gBAAgB;EACpD,aAAa,mBAAmB,YAAY;EAC5C,cAAc;EACd,kBAAkB;EAClB,IAAA,GAAA,cAAA,MACE,sBAAA,GAAA,cAAA,MAAgD,MAAM,CAAC,CACxD;EACD,YAAA,GAAA,cAAA,aACG,IAAI,SAAS,MAAM,YAAY,IAAI,KAAK,EACzC,UACD;EACF,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,kBAA8B,aACjC,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;CAED,OAAO;EACL,GAAG;EACH;EACA;EACA;EACA;EACD"}

package/dist/esm/components/dropzone/accept-types.js

@@ -33,7 +33,7 @@ const MS_WORD_ACCEPT_TYPE = [ACCEPT_TYPES.doc, ACCEPT_TYPES.docx];
 const MS_EXCEL_ACCEPT_TYPE = [ACCEPT_TYPES.xls, ACCEPT_TYPES.xlsx];
 const MS_POWER_POINT_ACCEPT_TYPE = [ACCEPT_TYPES.ppt, ACCEPT_TYPES.pptx];
 const EXE_ACCEPT_TYPE = [ACCEPT_TYPES.exe];
-
 //#endregion
 export { ACCEPT_TYPES, EXE_ACCEPT_TYPE, IMAGE_ACCEPT_TYPE, MS_EXCEL_ACCEPT_TYPE, MS_POWER_POINT_ACCEPT_TYPE, MS_WORD_ACCEPT_TYPE, PDF_ACCEPT_TYPE };
+
 //# sourceMappingURL=accept-types.js.map

package/dist/esm/components/dropzone/dropzone.js

@@ -1,21 +1,14 @@
 "use client";
-
 import { styled } from "../../core/system/factory.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { Portal } from "../portal/portal.js";
-import "../portal/index.js";
 import { useLoadingComponent } from "../loading/use-loading-component.js";
-import "../loading/index.js";
 import { useInputBorder } from "../input/use-input-border.js";
-import "../input/index.js";
 import { Fade } from "../fade/fade.js";
-import "../fade/index.js";
 import { dropzoneStyle } from "./dropzone.style.js";
 import { useDropzone } from "./use-dropzone.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/dropzone/dropzone.tsx
 const { ComponentContext, PropsContext: DropzonePropsContext, useComponentContext, usePropsContext: useDropzonePropsContext, withContext, withProvider } = createSlotComponent("dropzone", dropzoneStyle);
 /**
@@ -81,7 +74,7 @@ const DropzoneIdle = ({ children }) => {
 	const { dragIdle } = useComponentContext();
 	return dragIdle ? children : null;
 };
-
 //#endregion
 export { DropzoneAccept, DropzoneDescription, DropzoneIcon, DropzoneIdle, DropzonePropsContext, DropzoneReject, DropzoneRoot, DropzoneTitle, useDropzonePropsContext };
+
 //# sourceMappingURL=dropzone.js.map

package/dist/esm/components/dropzone/dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.js","names":["DropzoneAccept: FC<DropzoneAcceptProps>","DropzoneReject: FC<DropzoneRejectProps>","DropzoneIdle: FC<DropzoneIdleProps>"],"sources":["../../../../src/components/dropzone/dropzone.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { FadeProps } from \"../fade\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { Loading } from \"../loading\"\nimport type { DropzoneStyle } from \"./dropzone.style\"\nimport type { UseDropzoneProps, UseDropzoneReturn } from \"./use-dropzone\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { Fade } from \"../fade\"\nimport { useInputBorder } from \"../input\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Portal } from \"../portal\"\nimport { dropzoneStyle } from \"./dropzone.style\"\nimport { useDropzone } from \"./use-dropzone\"\n\ninterface ComponentContext extends Pick<\n  UseDropzoneReturn,\n  \"dragAccept\" | \"dragIdle\" | \"dragReject\" | \"loading\"\n> {}\n\nexport interface DropzoneRootProps\n  extends\n    Merge<HTMLStyledProps, UseDropzoneProps>,\n    UseInputBorderProps,\n    ThemeProps<DropzoneStyle>,\n    Pick<DropzoneLoadingProps, \"loadingScheme\"> {\n  /**\n   * Props for dropzone input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for dropzone loading icon element.\n   */\n  loadingProps?: DropzoneLoadingProps\n  /**\n   * Props for dropzone overlay element.\n   */\n  overlayProps?: DropzoneOverlayProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DropzonePropsContext,\n  useComponentContext,\n  usePropsContext: useDropzonePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DropzoneRootProps, DropzoneStyle>(\n  \"dropzone\",\n  dropzoneStyle,\n)\n\nexport { DropzonePropsContext, useDropzonePropsContext }\n\n/**\n * `Dropzone` is a component used for uploading files via drag and drop.\n *\n * @see https://yamada-ui.com/docs/components/dropzone\n */\nexport const DropzoneRoot = withProvider(\n  ({\n    children,\n    errorBorderColor,\n    focusBorderColor,\n    loadingScheme,\n    inputProps,\n    loadingProps,\n    overlayProps,\n    ...rest\n  }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const {\n      dragAccept,\n      dragIdle,\n      dragReject,\n      loading,\n      getInputProps,\n      getRootProps,\n    } = useDropzone(rest)\n    const context = useMemo(\n      () => ({\n        dragAccept,\n        dragIdle,\n        dragReject,\n        loading,\n      }),\n      [dragAccept, dragIdle, dragReject, loading],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <Portal>\n          <styled.input {...getInputProps(inputProps)} />\n        </Portal>\n\n        <styled.div data-group {...varProps} {...getRootProps()}>\n          <DropzoneOverlay {...overlayProps}>\n            <DropzoneLoading loadingScheme={loadingScheme} {...loadingProps} />\n          </DropzoneOverlay>\n\n          {children}\n        </styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface DropzoneIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const DropzoneIcon = withContext<\"svg\", DropzoneIconProps>(\n  \"svg\",\n  \"icon\",\n)()\n\nexport interface DropzoneTitleProps extends HTMLStyledProps<\"p\"> {}\n\nexport const DropzoneTitle = withContext<\"p\", DropzoneTitleProps>(\n  \"p\",\n  \"title\",\n)()\n\nexport interface DropzoneDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const DropzoneDescription = withContext<\"p\", DropzoneDescriptionProps>(\n  \"p\",\n  \"description\",\n)()\n\ninterface DropzoneOverlayProps extends FadeProps {\n  loadingProps?: DropzoneLoadingProps\n}\n\nconst DropzoneOverlay = withContext<\"div\", DropzoneOverlayProps>(\n  Fade,\n  \"overlay\",\n)(undefined, (props) => {\n  const { loading } = useComponentContext()\n\n  return { open: loading, unmountOnExit: true, ...props }\n})\n\ninterface DropzoneLoadingProps extends Loading.Props {\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n}\n\nconst DropzoneLoading = withContext<\"svg\", DropzoneLoadingProps>(\n  ({ loadingScheme = \"oval\", ...rest }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    return <Component {...rest} />\n  },\n  \"loading\",\n)()\n\nexport interface DropzoneAcceptProps extends PropsWithChildren {}\n\nexport const DropzoneAccept: FC<DropzoneAcceptProps> = ({ children }) => {\n  const { dragAccept } = useComponentContext()\n\n  return dragAccept ? children : null\n}\n\nexport interface DropzoneRejectProps extends PropsWithChildren {}\n\nexport const DropzoneReject: FC<DropzoneRejectProps> = ({ children }) => {\n  const { dragReject } = useComponentContext()\n\n  return dragReject ? children : null\n}\n\nexport interface DropzoneIdleProps extends PropsWithChildren {}\n\nexport const DropzoneIdle: FC<DropzoneIdleProps> = ({ children }) => {\n  const { dragIdle } = useComponentContext()\n\n  return dragIdle ? children : null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA4CA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACE,oBACF,YACA,cACD;;;;;;AASD,MAAa,eAAe,cACzB,EACC,UACA,kBACA,kBACA,eACA,YACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,WAAW,eAAe;EAAE;EAAkB;EAAkB,CAAC;CACvE,MAAM,EACJ,YACA,UACA,YACA,SACA,eACA,iBACE,YAAY,KAAK;AAWrB,QACE,qBAAC;EAAiB,OAXJ,eACP;GACL;GACA;GACA;GACA;GACD,GACD;GAAC;GAAY;GAAU;GAAY;GAAQ,CAC5C;aAIG,oBAAC,oBACC,oBAAC,OAAO,SAAM,GAAI,cAAc,WAAW,GAAI,GACxC,EAET,qBAAC,OAAO;GAAI;GAAW,GAAI;GAAU,GAAI,cAAc;cACrD,oBAAC;IAAgB,GAAI;cACnB,oBAAC;KAA+B;KAAe,GAAI;MAAgB;KACnD,EAEjB;IACU;GACI;GAGvB,OACD,EAAE;AAIH,MAAa,eAAe,YAC1B,OACA,OACD,EAAE;AAIH,MAAa,gBAAgB,YAC3B,KACA,QACD,EAAE;AAIH,MAAa,sBAAsB,YACjC,KACA,cACD,EAAE;AAMH,MAAM,kBAAkB,YACtB,MACA,UACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,YAAY,qBAAqB;AAEzC,QAAO;EAAE,MAAM;EAAS,eAAe;EAAM,GAAG;EAAO;EACvD;AAWF,MAAM,kBAAkB,aACrB,EAAE,gBAAgB,QAAQ,GAAG,WAAW;AAGvC,QAAO,oBAFW,oBAAoB,cAAc,IAElC,GAAI,OAAQ;GAEhC,UACD,EAAE;AAIH,MAAaA,kBAA2C,EAAE,eAAe;CACvE,MAAM,EAAE,eAAe,qBAAqB;AAE5C,QAAO,aAAa,WAAW;;AAKjC,MAAaC,kBAA2C,EAAE,eAAe;CACvE,MAAM,EAAE,eAAe,qBAAqB;AAE5C,QAAO,aAAa,WAAW;;AAKjC,MAAaC,gBAAuC,EAAE,eAAe;CACnE,MAAM,EAAE,aAAa,qBAAqB;AAE1C,QAAO,WAAW,WAAW"}
+{"version":3,"file":"dropzone.js","names":[],"sources":["../../../../src/components/dropzone/dropzone.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { FadeProps } from \"../fade\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { Loading } from \"../loading\"\nimport type { DropzoneStyle } from \"./dropzone.style\"\nimport type { UseDropzoneProps, UseDropzoneReturn } from \"./use-dropzone\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { Fade } from \"../fade\"\nimport { useInputBorder } from \"../input\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Portal } from \"../portal\"\nimport { dropzoneStyle } from \"./dropzone.style\"\nimport { useDropzone } from \"./use-dropzone\"\n\ninterface ComponentContext extends Pick<\n  UseDropzoneReturn,\n  \"dragAccept\" | \"dragIdle\" | \"dragReject\" | \"loading\"\n> {}\n\nexport interface DropzoneRootProps\n  extends\n    Merge<HTMLStyledProps, UseDropzoneProps>,\n    UseInputBorderProps,\n    ThemeProps<DropzoneStyle>,\n    Pick<DropzoneLoadingProps, \"loadingScheme\"> {\n  /**\n   * Props for dropzone input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for dropzone loading icon element.\n   */\n  loadingProps?: DropzoneLoadingProps\n  /**\n   * Props for dropzone overlay element.\n   */\n  overlayProps?: DropzoneOverlayProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DropzonePropsContext,\n  useComponentContext,\n  usePropsContext: useDropzonePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DropzoneRootProps, DropzoneStyle>(\n  \"dropzone\",\n  dropzoneStyle,\n)\n\nexport { DropzonePropsContext, useDropzonePropsContext }\n\n/**\n * `Dropzone` is a component used for uploading files via drag and drop.\n *\n * @see https://yamada-ui.com/docs/components/dropzone\n */\nexport const DropzoneRoot = withProvider(\n  ({\n    children,\n    errorBorderColor,\n    focusBorderColor,\n    loadingScheme,\n    inputProps,\n    loadingProps,\n    overlayProps,\n    ...rest\n  }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const {\n      dragAccept,\n      dragIdle,\n      dragReject,\n      loading,\n      getInputProps,\n      getRootProps,\n    } = useDropzone(rest)\n    const context = useMemo(\n      () => ({\n        dragAccept,\n        dragIdle,\n        dragReject,\n        loading,\n      }),\n      [dragAccept, dragIdle, dragReject, loading],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <Portal>\n          <styled.input {...getInputProps(inputProps)} />\n        </Portal>\n\n        <styled.div data-group {...varProps} {...getRootProps()}>\n          <DropzoneOverlay {...overlayProps}>\n            <DropzoneLoading loadingScheme={loadingScheme} {...loadingProps} />\n          </DropzoneOverlay>\n\n          {children}\n        </styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface DropzoneIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const DropzoneIcon = withContext<\"svg\", DropzoneIconProps>(\n  \"svg\",\n  \"icon\",\n)()\n\nexport interface DropzoneTitleProps extends HTMLStyledProps<\"p\"> {}\n\nexport const DropzoneTitle = withContext<\"p\", DropzoneTitleProps>(\n  \"p\",\n  \"title\",\n)()\n\nexport interface DropzoneDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const DropzoneDescription = withContext<\"p\", DropzoneDescriptionProps>(\n  \"p\",\n  \"description\",\n)()\n\ninterface DropzoneOverlayProps extends FadeProps {\n  loadingProps?: DropzoneLoadingProps\n}\n\nconst DropzoneOverlay = withContext<\"div\", DropzoneOverlayProps>(\n  Fade,\n  \"overlay\",\n)(undefined, (props) => {\n  const { loading } = useComponentContext()\n\n  return { open: loading, unmountOnExit: true, ...props }\n})\n\ninterface DropzoneLoadingProps extends Loading.Props {\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n}\n\nconst DropzoneLoading = withContext<\"svg\", DropzoneLoadingProps>(\n  ({ loadingScheme = \"oval\", ...rest }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    return <Component {...rest} />\n  },\n  \"loading\",\n)()\n\nexport interface DropzoneAcceptProps extends PropsWithChildren {}\n\nexport const DropzoneAccept: FC<DropzoneAcceptProps> = ({ children }) => {\n  const { dragAccept } = useComponentContext()\n\n  return dragAccept ? children : null\n}\n\nexport interface DropzoneRejectProps extends PropsWithChildren {}\n\nexport const DropzoneReject: FC<DropzoneRejectProps> = ({ children }) => {\n  const { dragReject } = useComponentContext()\n\n  return dragReject ? children : null\n}\n\nexport interface DropzoneIdleProps extends PropsWithChildren {}\n\nexport const DropzoneIdle: FC<DropzoneIdleProps> = ({ children }) => {\n  const { dragIdle } = useComponentContext()\n\n  return dragIdle ? children : null\n}\n"],"mappings":";;;;;;;;;;;;AA4CA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACE,oBACF,YACA,cACD;;;;;;AASD,MAAa,eAAe,cACzB,EACC,UACA,kBACA,kBACA,eACA,YACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,WAAW,eAAe;EAAE;EAAkB;EAAkB,CAAC;CACvE,MAAM,EACJ,YACA,UACA,YACA,SACA,eACA,iBACE,YAAY,KAAK;CAWrB,OACE,qBAAC,kBAAD;EAAkB,OAXJ,eACP;GACL;GACA;GACA;GACA;GACD,GACD;GAAC;GAAY;GAAU;GAAY;GAAQ,CAIX;YAAhC,CACE,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,OAAR,EAAc,GAAI,cAAc,WAAW,EAAI,CAAA,EACxC,CAAA,EAET,qBAAC,OAAO,KAAR;GAAY,cAAA;GAAW,GAAI;GAAU,GAAI,cAAc;aAAvD,CACE,oBAAC,iBAAD;IAAiB,GAAI;cACnB,oBAAC,iBAAD;KAAgC;KAAe,GAAI;KAAgB,CAAA;IACnD,CAAA,EAEjB,SACU;KACI;;GAGvB,OACD,EAAE;AAIH,MAAa,eAAe,YAC1B,OACA,OACD,EAAE;AAIH,MAAa,gBAAgB,YAC3B,KACA,QACD,EAAE;AAIH,MAAa,sBAAsB,YACjC,KACA,cACD,EAAE;AAMH,MAAM,kBAAkB,YACtB,MACA,UACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,YAAY,qBAAqB;CAEzC,OAAO;EAAE,MAAM;EAAS,eAAe;EAAM,GAAG;EAAO;EACvD;AAWF,MAAM,kBAAkB,aACrB,EAAE,gBAAgB,QAAQ,GAAG,WAAW;CAGvC,OAAO,oBAFW,oBAAoB,cAErB,EAAV,EAAW,GAAI,MAAQ,CAAA;GAEhC,UACD,EAAE;AAIH,MAAa,kBAA2C,EAAE,eAAe;CACvE,MAAM,EAAE,eAAe,qBAAqB;CAE5C,OAAO,aAAa,WAAW;;AAKjC,MAAa,kBAA2C,EAAE,eAAe;CACvE,MAAM,EAAE,eAAe,qBAAqB;CAE5C,OAAO,aAAa,WAAW;;AAKjC,MAAa,gBAAuC,EAAE,eAAe;CACnE,MAAM,EAAE,aAAa,qBAAqB;CAE1C,OAAO,WAAW,WAAW"}

package/dist/esm/components/dropzone/dropzone.style.js

@@ -1,6 +1,4 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/dropzone/dropzone.style.ts
 const dropzoneStyle = defineComponentSlotStyle({
 	base: {
@@ -124,7 +122,7 @@ const dropzoneStyle = defineComponentSlotStyle({
 		variant: "dashed"
 	}
 });
-
 //#endregion
 export { dropzoneStyle };
+
 //# sourceMappingURL=dropzone.style.js.map