@yamada-ui/react 2.2.2-dev-20260525083850 → 2.2.2-dev-20260525150310

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.style.js","names":[],"sources":["../../../../src/components/autocomplete/autocomplete.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { selectStyle } from \"../select\"\n\nexport const autocompleteStyle = defineComponentSlotStyle({\n  base: {\n    ...selectStyle.base,\n    empty: selectStyle.base?.option,\n    field: {\n      ...selectStyle.base?.field,\n      cursor: \"text\",\n      flexWrap: \"wrap\",\n      gapY: \"{gap}\",\n      py: \"{gap}\",\n    },\n    input: {\n      \"&[data-max]\": { caretColor: \"transparent\" },\n      flex: \"1\",\n      focusVisibleRing: \"none\",\n      _disabled: { cursor: \"not-allowed\" },\n    },\n  },\n\n  variants: {\n    filled: {\n      ...selectStyle.variants?.filled,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.filled.field._focus,\n        ...selectStyle.variants?.filled.field,\n      },\n    },\n    flushed: {\n      ...selectStyle.variants?.flushed,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.flushed.field._focus,\n        ...selectStyle.variants?.flushed.field,\n      },\n    },\n    outline: {\n      ...selectStyle.variants?.outline,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.outline.field._focus,\n        ...selectStyle.variants?.outline.field,\n      },\n    },\n    plain: {\n      ...selectStyle.variants?.plain,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.plain.field._focus,\n        ...selectStyle.variants?.plain.field,\n      },\n    },\n  },\n\n  sizes: {\n    xs: { ...selectStyle.sizes?.xs, empty: selectStyle.sizes?.xs.option },\n    sm: { ...selectStyle.sizes?.sm, empty: selectStyle.sizes?.sm.option },\n    md: { ...selectStyle.sizes?.md, empty: selectStyle.sizes?.md.option },\n    lg: { ...selectStyle.sizes?.lg, empty: selectStyle.sizes?.lg.option },\n    xl: { ...selectStyle.sizes?.xl, empty: selectStyle.sizes?.xl.option },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type AutocompleteStyle = typeof autocompleteStyle\n"],"mappings":";;;AAGA,MAAa,oBAAoB,yBAAyB;CACxD,MAAM;EACJ,GAAG,YAAY;EACf,OAAO,YAAY,MAAM;EACzB,OAAO;GACL,GAAG,YAAY,MAAM;GACrB,QAAQ;GACR,UAAU;GACV,MAAM;GACN,IAAI;GACL;EACD,OAAO;GACL,eAAe,EAAE,YAAY,eAAe;GAC5C,MAAM;GACN,kBAAkB;GAClB,WAAW,EAAE,QAAQ,eAAe;GACrC;EACF;CAED,UAAU;EACR,QAAQ;GACN,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,OAAO,MAAM;IACxD,GAAG,YAAY,UAAU,OAAO;IACjC;GACF;EACD,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,QAAQ,MAAM;IACzD,GAAG,YAAY,UAAU,QAAQ;IAClC;GACF;EACD,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,QAAQ,MAAM;IACzD,GAAG,YAAY,UAAU,QAAQ;IAClC;GACF;EACD,OAAO;GACL,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,MAAM,MAAM;IACvD,GAAG,YAAY,UAAU,MAAM;IAChC;GACF;EACF;CAED,OAAO;EACL,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACrE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;GAAQ;EACtE;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"autocomplete.style.js","names":[],"sources":["../../../../src/components/autocomplete/autocomplete.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { selectStyle } from \"../select\"\n\nexport const autocompleteStyle = defineComponentSlotStyle({\n  base: {\n    ...selectStyle.base,\n    empty: selectStyle.base?.option,\n    field: {\n      ...selectStyle.base?.field,\n      cursor: \"text\",\n      flexWrap: \"wrap\",\n      gapY: \"{gap}\",\n      py: \"{gap}\",\n    },\n    input: {\n      \"&[data-max]\": { caretColor: \"transparent\" },\n      flex: \"1\",\n      focusVisibleRing: \"none\",\n      _disabled: { cursor: \"not-allowed\" },\n    },\n  },\n\n  variants: {\n    filled: {\n      ...selectStyle.variants?.filled,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.filled.field._focus,\n        ...selectStyle.variants?.filled.field,\n      },\n    },\n    flushed: {\n      ...selectStyle.variants?.flushed,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.flushed.field._focus,\n        ...selectStyle.variants?.flushed.field,\n      },\n    },\n    outline: {\n      ...selectStyle.variants?.outline,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.outline.field._focus,\n        ...selectStyle.variants?.outline.field,\n      },\n    },\n    plain: {\n      ...selectStyle.variants?.plain,\n      field: {\n        \":has(input:focus)\": selectStyle.variants?.plain.field._focus,\n        ...selectStyle.variants?.plain.field,\n      },\n    },\n  },\n\n  sizes: {\n    xs: { ...selectStyle.sizes?.xs, empty: selectStyle.sizes?.xs.option },\n    sm: { ...selectStyle.sizes?.sm, empty: selectStyle.sizes?.sm.option },\n    md: { ...selectStyle.sizes?.md, empty: selectStyle.sizes?.md.option },\n    lg: { ...selectStyle.sizes?.lg, empty: selectStyle.sizes?.lg.option },\n    xl: { ...selectStyle.sizes?.xl, empty: selectStyle.sizes?.xl.option },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type AutocompleteStyle = typeof autocompleteStyle\n"],"mappings":";;;AAGA,MAAa,oBAAoB,yBAAyB;CACxD,MAAM;EACJ,GAAG,YAAY;EACf,OAAO,YAAY,MAAM;EACzB,OAAO;GACL,GAAG,YAAY,MAAM;GACrB,QAAQ;GACR,UAAU;GACV,MAAM;GACN,IAAI;EACN;EACA,OAAO;GACL,eAAe,EAAE,YAAY,cAAc;GAC3C,MAAM;GACN,kBAAkB;GAClB,WAAW,EAAE,QAAQ,cAAc;EACrC;CACF;CAEA,UAAU;EACR,QAAQ;GACN,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,OAAO,MAAM;IACxD,GAAG,YAAY,UAAU,OAAO;GAClC;EACF;EACA,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,QAAQ,MAAM;IACzD,GAAG,YAAY,UAAU,QAAQ;GACnC;EACF;EACA,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,QAAQ,MAAM;IACzD,GAAG,YAAY,UAAU,QAAQ;GACnC;EACF;EACA,OAAO;GACL,GAAG,YAAY,UAAU;GACzB,OAAO;IACL,qBAAqB,YAAY,UAAU,MAAM,MAAM;IACvD,GAAG,YAAY,UAAU,MAAM;GACjC;EACF;CACF;CAEA,OAAO;EACL,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;EAAO;EACpE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;EAAO;EACpE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;EAAO;EACpE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;EAAO;EACpE,IAAI;GAAE,GAAG,YAAY,OAAO;GAAI,OAAO,YAAY,OAAO,GAAG;EAAO;CACtE;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-autocomplete.js","names":["createContext","match"],"sources":["../../../../src/components/autocomplete/use-autocomplete.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 {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { useCombobox, useComboboxItem } 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  createContext,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isComposing,\n  isNumber,\n  isString,\n  isUndefined,\n  match,\n  mergeRefs,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface AutocompleteRenderProps extends ComboboxItemWithValue {\n  count: number\n  focused: boolean\n  index: number\n  separator: string\n  onClear: () => void\n  max?: number\n}\n\nexport interface AutocompleteItemRender {\n  (props: AutocompleteRenderProps): ReactNode\n}\n\nconst defaultRender: AutocompleteItemRender = ({\n  count,\n  focused,\n  index,\n  label,\n  max,\n  separator,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span style={{ marginInlineEnd: \"var(--gap)\" }}>\n      {label}\n      {((!isNumber(max) || count < max) && focused) || !last ? separator : null}\n    </span>\n  )\n}\n\nconst getInputValue = (item?: ComboboxItemWithValue) =>\n  isString(item?.label) ? item.label : (item?.query ?? \"\")\n\nexport interface AutocompleteFilter {\n  (\n    inputValue: string,\n    items: ComboboxItem[],\n    matcher: AutocompleteMatcher,\n  ): ComboboxItem[]\n}\n\nconst defaultFilter: AutocompleteFilter = (inputValue, items, match) => {\n  if (!inputValue.length) return items\n\n  return items\n    .map((item) => {\n      if (\"items\" in item) {\n        const items = item.items.filter((item) => {\n          if (\"query\" in item) {\n            return isString(item.query) && match(item.query, inputValue)\n          } else if (isString(item.label)) {\n            return isString(item.label) && match(item.label, inputValue)\n          }\n        })\n\n        if (items.length) return { ...item, items }\n      } else if (\"query\" in item) {\n        if (isString(item.query) && match(item.query, inputValue)) return item\n      } else if (isString(item.label)) {\n        if (isString(item.label) && match(item.label, inputValue)) return item\n      }\n    })\n    .filter(Boolean) as ComboboxItem[]\n}\n\nexport type AutocompleteMatcher = typeof match\n\ninterface AutocompleteContext extends Pick<\n  UseAutocompleteReturn,\n  \"max\" | \"value\"\n> {}\n\nconst [AutocompleteContext, useAutocompleteContext] =\n  createContext<AutocompleteContext>({\n    name: \"AutocompleteContext\",\n  })\n\nexport { AutocompleteContext, useAutocompleteContext }\n\nexport interface UseAutocompleteProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the autocomplete will allow custom value.\n   *\n   * @default false\n   */\n  allowCustomValue?: boolean\n  /**\n   * If `true`, the autocomplete 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?: string\n  /**\n   * The initial value of the autocomplete.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * The message displayed when the search yields no hits.\n   *\n   * @default 'No results found'\n   */\n  emptyMessage?: ReactNode\n  /**\n   * The function to filter the items.\n   */\n  filter?: AutocompleteFilter\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 `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The value of the input.\n   */\n  inputValue?: string\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The function to match the items.\n   */\n  matcher?: AutocompleteMatcher\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the autocomplete will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * If `true`, the autocomplete 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 autocomplete will be opened when the input is focused.\n   *\n   * @default true\n   */\n  openOnFocus?: boolean\n  /**\n   * The placeholder for autocomplete.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the autocomplete.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The callback invoked when input value state changes.\n   */\n  onInputChange?: (value: string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: AutocompleteRenderProps) => ReactNode\n}\n\nexport const useAutocomplete = <Multiple extends boolean = false>(\n  props: UseAutocompleteProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"autocomplete\")\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      allowCustomValue = false,\n      closeOnChange = false,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultInputValue,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      emptyMessage = t(\"No results found\"),\n      filter = defaultFilter,\n      focusOnClear = true,\n      inputValue: inputValueProp,\n      items = [],\n      matcher = match,\n      max,\n      openOnChange = true,\n      openOnClick = true,\n      openOnFocus = true,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      onInputChange: onInputChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const focusByClickRef = useRef<boolean>(false)\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const [focused, setFocused] = useState(false)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue:\n      defaultInputValue ??\n      getInputValue(isString(value) ? valueMap[value] : undefined),\n    value: inputValueProp,\n    onChange: onInputChangeProp,\n  })\n  const onChange = useCallback(\n    (selectedValue: string) => {\n      setValue((prev) => {\n        if (isArray(prev)) {\n          if (prev.includes(selectedValue)) {\n            return prev.filter(\n              (prevValue) => prevValue !== selectedValue,\n            ) as MaybeValue\n          } else if (!isNumber(max) || prev.length < max) {\n            return [...prev, selectedValue] as MaybeValue\n          } else {\n            return prev\n          }\n        } else {\n          return selectedValue as MaybeValue\n        }\n      })\n\n      if (isArray(value)) {\n        setInputValue(\"\")\n      } else {\n        const item = valueMap[selectedValue]\n\n        setInputValue(getInputValue(item))\n      }\n    },\n    [max, setInputValue, setValue, value, valueMap],\n  )\n  const {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    openOnClick: false,\n    openOnEnter: false,\n    openOnSpace: false,\n    readOnly,\n    selectFocusRef: inputRef,\n    selectOnSpace: false,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const filteredItems = useMemo<ComboboxItem[]>(() => {\n    if (!items.length) return []\n\n    return filter(inputValue, items, matcher)\n  }, [filter, inputValue, items, matcher])\n  const resolvedItems = useMemo<ComboboxItem[]>(() => {\n    return filteredItems.length\n      ? filteredItems\n      : [{ \"data-empty\": \"\", label: emptyMessage }]\n  }, [filteredItems, emptyMessage])\n  const empty = useMemo(\n    () => !resolvedItems.filter(({ hidden }) => !hidden).length,\n    [resolvedItems],\n  )\n  const children = useMemo<ReactNode>(() => {\n    if (!isArray(value)) return null\n\n    const count = value.length\n\n    return value.map((value, index) => {\n      const item = valueMap[value] ?? { label: value, value }\n\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        focused,\n        index,\n        max,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [focused, max, onChange, render, separator, value, valueMap])\n  const hasValues = isArray(value) && !!value.length\n\n  const onInputChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\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      activeDescendant.current = null\n\n      const inputValue = ev.target.value\n\n      setInputValue(inputValue)\n\n      if (inputValue.length || isArray(value)) return\n\n      setValue(\"\" as MaybeValue)\n    },\n    [\n      activeDescendant,\n      closeOnChange,\n      max,\n      onClose,\n      onOpen,\n      openOnChange,\n      setInputValue,\n      setValue,\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)) return\n            if (inputValue.length) return\n\n            ev.preventDefault()\n\n            setValue((prev) => prev.slice(0, -1) as MaybeValue)\n          },\n          Enter: (ev) => {\n            if (!open || !inputValue.length || activeDescendant.current) return\n\n            const item = filteredItems[0]\n\n            if (!item) {\n              if (!allowCustomValue || !isArray(value)) return\n\n              ev.preventDefault()\n\n              onSelect(inputValue)\n            } else {\n              ev.preventDefault()\n\n              if (\"items\" in item) {\n                onSelect(item.items[0]?.value)\n              } else {\n                onSelect(item.value)\n              }\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      activeDescendant,\n      allowCustomValue,\n      disabled,\n      filteredItems,\n      onSelect,\n      open,\n      setValue,\n      value,\n    ],\n  )\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    focusByClickRef.current = true\n\n    inputRef.current?.focus()\n\n    if (openOnClick) onOpenWithActiveDescendant(descendants.enabledFirstValue)\n  }, [descendants, interactive, onOpenWithActiveDescendant, openOnClick])\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<HTMLInputElement>) => {\n      if (!openOnFocus) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [openOnFocus],\n  )\n\n  const onFocus = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      ev.preventDefault()\n      ev.stopPropagation()\n\n      setFocused(true)\n\n      if (openOnFocus && !focusByClickRef.current)\n        onOpenWithActiveDescendant(descendants.enabledFirstValue)\n\n      focusByClickRef.current = false\n    },\n    [openOnFocus, onOpenWithActiveDescendant, descendants.enabledFirstValue],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      if (\n        contains(fieldRef.current, ev.relatedTarget) ||\n        contains(contentRef.current, ev.relatedTarget)\n      ) {\n        ev.preventDefault()\n      } else {\n        setFocused(false)\n\n        if (isArray(value)) {\n          setInputValue(\"\")\n        } else {\n          if (allowCustomValue) {\n            if (inputValue) setValue(inputValue as MaybeValue)\n          } else {\n            const item = isString(value) ? valueMap[value] : undefined\n\n            setInputValue(getInputValue(item))\n          }\n        }\n      }\n    },\n    [allowCustomValue, inputValue, setInputValue, setValue, value, valueMap],\n  )\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n    setInputValue(\"\")\n\n    if (focusOnClear) inputRef.current?.focus()\n  }, [focusOnClear, interactive, setInputValue, setValue])\n\n  useUpdateEffect(() => {\n    if (isArray(valueProp)) return\n\n    setInputValue(\n      getInputValue(isString(valueProp) ? valueMap[valueProp] : undefined),\n    )\n  }, [valueProp])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        tabIndex: -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n      }),\n\n    [getTriggerProps, onClick],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      id,\n      ref: mergeRefs(props.ref, ref, inputRef),\n      name,\n      style: {\n        ...(!focused && isArray(value) && !!value.length\n          ? visuallyHiddenAttributes.style\n          : {}),\n        ...props.style,\n      },\n      \"data-max\": dataAttr(\n        isArray(value) && isNumber(max) && value.length >= max,\n      ),\n      autoCapitalize: \"off\",\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      placeholder: hasValues ? undefined : placeholder,\n      readOnly,\n      required,\n      spellCheck: false,\n      value: inputValue,\n      ...dataProps,\n      ...props,\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onInputChange),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n    }),\n    [\n      dataProps,\n      disabled,\n      focused,\n      hasValues,\n      id,\n      inputValue,\n      max,\n      name,\n      onBlur,\n      onFocus,\n      onInputChange,\n      onKeyDown,\n      onMouseDown,\n      placeholder,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getComboboxContentProps({\n        ref: mergeRefs(ref, contentRef),\n        hidden: empty,\n        ...props,\n      }),\n    [empty, getComboboxContentProps],\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    descendants,\n    inputValue,\n    interactive,\n    items: resolvedItems,\n    max,\n    open,\n    setInputValue,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onInputChange,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>\n\nexport interface UseAutocompleteOptionProps extends UseComboboxItemProps {}\n\nexport const useAutocompleteOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseAutocompleteOptionProps = {}) => {\n  const { max, value: selectedValue } = useAutocompleteContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseAutocompleteOptionReturn = ReturnType<\n  typeof useAutocompleteOption\n>\n"],"mappings":"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"}
+{"version":3,"file":"use-autocomplete.js","names":["createContext","match"],"sources":["../../../../src/components/autocomplete/use-autocomplete.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 {\n  ComboboxItem,\n  ComboboxItemWithValue,\n  UseComboboxItemProps,\n  UseComboboxProps,\n} from \"../../hooks/use-combobox\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport {\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { useCombobox, useComboboxItem } 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  createContext,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isComposing,\n  isNumber,\n  isString,\n  isUndefined,\n  match,\n  mergeRefs,\n  runIfFn,\n  runKeyAction,\n  useUpdateEffect,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface AutocompleteRenderProps extends ComboboxItemWithValue {\n  count: number\n  focused: boolean\n  index: number\n  separator: string\n  onClear: () => void\n  max?: number\n}\n\nexport interface AutocompleteItemRender {\n  (props: AutocompleteRenderProps): ReactNode\n}\n\nconst defaultRender: AutocompleteItemRender = ({\n  count,\n  focused,\n  index,\n  label,\n  max,\n  separator,\n}) => {\n  const last = count - 1 === index\n\n  return (\n    <span style={{ marginInlineEnd: \"var(--gap)\" }}>\n      {label}\n      {((!isNumber(max) || count < max) && focused) || !last ? separator : null}\n    </span>\n  )\n}\n\nconst getInputValue = (item?: ComboboxItemWithValue) =>\n  isString(item?.label) ? item.label : (item?.query ?? \"\")\n\nexport interface AutocompleteFilter {\n  (\n    inputValue: string,\n    items: ComboboxItem[],\n    matcher: AutocompleteMatcher,\n  ): ComboboxItem[]\n}\n\nconst defaultFilter: AutocompleteFilter = (inputValue, items, match) => {\n  if (!inputValue.length) return items\n\n  return items\n    .map((item) => {\n      if (\"items\" in item) {\n        const items = item.items.filter((item) => {\n          if (\"query\" in item) {\n            return isString(item.query) && match(item.query, inputValue)\n          } else if (isString(item.label)) {\n            return isString(item.label) && match(item.label, inputValue)\n          }\n        })\n\n        if (items.length) return { ...item, items }\n      } else if (\"query\" in item) {\n        if (isString(item.query) && match(item.query, inputValue)) return item\n      } else if (isString(item.label)) {\n        if (isString(item.label) && match(item.label, inputValue)) return item\n      }\n    })\n    .filter(Boolean) as ComboboxItem[]\n}\n\nexport type AutocompleteMatcher = typeof match\n\ninterface AutocompleteContext extends Pick<\n  UseAutocompleteReturn,\n  \"max\" | \"value\"\n> {}\n\nconst [AutocompleteContext, useAutocompleteContext] =\n  createContext<AutocompleteContext>({\n    name: \"AutocompleteContext\",\n  })\n\nexport { AutocompleteContext, useAutocompleteContext }\n\nexport interface UseAutocompleteProps<Multiple extends boolean = false>\n  extends\n    Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\">,\n    Omit<\n      UseComboboxProps,\n      \"defaultValue\" | \"initialFocusValue\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    HTMLRefAttributes<\"input\">,\n    FieldProps {\n  /**\n   * If `true`, the autocomplete will allow custom value.\n   *\n   * @default false\n   */\n  allowCustomValue?: boolean\n  /**\n   * If `true`, the autocomplete 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?: string\n  /**\n   * The initial value of the autocomplete.\n   */\n  defaultValue?: Multiple extends true ? string[] : string\n  /**\n   * The message displayed when the search yields no hits.\n   *\n   * @default 'No results found'\n   */\n  emptyMessage?: ReactNode\n  /**\n   * The function to filter the items.\n   */\n  filter?: AutocompleteFilter\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 `id` attribute of the input element.\n   */\n  id?: string\n  /**\n   * The value of the input.\n   */\n  inputValue?: string\n  /**\n   * If provided, generate options based on items.\n   *\n   * @default []\n   */\n  items?: ComboboxItem[]\n  /**\n   * The function to match the items.\n   */\n  matcher?: AutocompleteMatcher\n  /**\n   * The maximum selectable value.\n   */\n  max?: number\n  /**\n   * If `true`, the autocomplete will be multiple.\n   *\n   * @default false\n   */\n  multiple?: Multiple\n  /**\n   * The `name` attribute of the input element.\n   */\n  name?: string\n  /**\n   * If `true`, the autocomplete 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 autocomplete will be opened when the input is focused.\n   *\n   * @default true\n   */\n  openOnFocus?: boolean\n  /**\n   * The placeholder for autocomplete.\n   */\n  placeholder?: string\n  /**\n   * The visual separator between each value.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * The value of the autocomplete.\n   */\n  value?: Multiple extends true ? string[] : string\n  /**\n   * The callback invoked when value state changes.\n   */\n  onChange?: (value: Multiple extends true ? string[] : string) => void\n  /**\n   * The callback invoked when input value state changes.\n   */\n  onInputChange?: (value: string) => void\n  /**\n   * The function to render the selected items.\n   */\n  render?: (props: AutocompleteRenderProps) => ReactNode\n}\n\nexport const useAutocomplete = <Multiple extends boolean = false>(\n  props: UseAutocompleteProps<Multiple> = {},\n) => {\n  type MaybeValue = Multiple extends true ? string[] : string\n\n  const { t } = useI18n(\"autocomplete\")\n  const {\n    props: {\n      id,\n      ref,\n      name,\n      allowCustomValue = false,\n      closeOnChange = false,\n      multiple = false,\n      closeOnSelect = !multiple,\n      defaultInputValue,\n      defaultValue = (multiple ? [] : \"\") as MaybeValue,\n      disabled,\n      emptyMessage = t(\"No results found\"),\n      filter = defaultFilter,\n      focusOnClear = true,\n      inputValue: inputValueProp,\n      items = [],\n      matcher = match,\n      max,\n      openOnChange = true,\n      openOnClick = true,\n      openOnFocus = true,\n      placeholder,\n      readOnly,\n      render = defaultRender,\n      required,\n      separator = \",\",\n      value: valueProp,\n      onChange: onChangeProp,\n      onInputChange: onInputChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const fieldRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const focusByClickRef = useRef<boolean>(false)\n  const valueMap = useMemo<{ [key: string]: ComboboxItemWithValue }>(() => {\n    const valueMap: { [key: string]: ComboboxItemWithValue } = {}\n\n    items.forEach((item) => {\n      if (\"items\" in item) {\n        item.items.forEach((item) => {\n          item.value ??= isString(item.label) ? item.label : undefined\n\n          if (!isUndefined(item.value)) valueMap[item.value] = item\n        })\n      } else {\n        item.value ??= isString(item.label) ? item.label : undefined\n\n        if (!isUndefined(item.value)) valueMap[item.value] = item\n      }\n    })\n\n    return valueMap\n  }, [items])\n  const [focused, setFocused] = useState(false)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue:\n      defaultInputValue ??\n      getInputValue(isString(value) ? valueMap[value] : undefined),\n    value: inputValueProp,\n    onChange: onInputChangeProp,\n  })\n  const onChange = useCallback(\n    (selectedValue: string) => {\n      setValue((prev) => {\n        if (isArray(prev)) {\n          if (prev.includes(selectedValue)) {\n            return prev.filter(\n              (prevValue) => prevValue !== selectedValue,\n            ) as MaybeValue\n          } else if (!isNumber(max) || prev.length < max) {\n            return [...prev, selectedValue] as MaybeValue\n          } else {\n            return prev\n          }\n        } else {\n          return selectedValue as MaybeValue\n        }\n      })\n\n      if (isArray(value)) {\n        setInputValue(\"\")\n      } else {\n        const item = valueMap[selectedValue]\n\n        setInputValue(getInputValue(item))\n      }\n    },\n    [max, setInputValue, setValue, value, valueMap],\n  )\n  const {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps: getComboboxContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onSelect,\n  } = useCombobox({\n    closeOnSelect,\n    disabled,\n    initialFocusValue: isArray(value) ? value[0] : value,\n    openOnClick: false,\n    openOnEnter: false,\n    openOnSpace: false,\n    readOnly,\n    selectFocusRef: inputRef,\n    selectOnSpace: false,\n    onChange,\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n  })\n  const filteredItems = useMemo<ComboboxItem[]>(() => {\n    if (!items.length) return []\n\n    return filter(inputValue, items, matcher)\n  }, [filter, inputValue, items, matcher])\n  const resolvedItems = useMemo<ComboboxItem[]>(() => {\n    return filteredItems.length\n      ? filteredItems\n      : [{ \"data-empty\": \"\", label: emptyMessage }]\n  }, [filteredItems, emptyMessage])\n  const empty = useMemo(\n    () => !resolvedItems.filter(({ hidden }) => !hidden).length,\n    [resolvedItems],\n  )\n  const children = useMemo<ReactNode>(() => {\n    if (!isArray(value)) return null\n\n    const count = value.length\n\n    return value.map((value, index) => {\n      const item = valueMap[value] ?? { label: value, value }\n\n      const onClear = (ev?: MouseEvent<HTMLElement>) => {\n        ev?.preventDefault()\n        ev?.stopPropagation()\n\n        if (item.value) onChange(item.value)\n      }\n\n      const component = render({\n        count,\n        focused,\n        index,\n        max,\n        separator,\n        onClear,\n        ...item,\n      })\n\n      if (isValidElement<Dict>(component)) {\n        return cloneElement(component, { ...component.props, key: index })\n      } else {\n        return component\n      }\n    })\n  }, [focused, max, onChange, render, separator, value, valueMap])\n  const hasValues = isArray(value) && !!value.length\n\n  const onInputChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\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      activeDescendant.current = null\n\n      const inputValue = ev.target.value\n\n      setInputValue(inputValue)\n\n      if (inputValue.length || isArray(value)) return\n\n      setValue(\"\" as MaybeValue)\n    },\n    [\n      activeDescendant,\n      closeOnChange,\n      max,\n      onClose,\n      onOpen,\n      openOnChange,\n      setInputValue,\n      setValue,\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)) return\n            if (inputValue.length) return\n\n            ev.preventDefault()\n\n            setValue((prev) => prev.slice(0, -1) as MaybeValue)\n          },\n          Enter: (ev) => {\n            if (!open || !inputValue.length || activeDescendant.current) return\n\n            const item = filteredItems[0]\n\n            if (!item) {\n              if (!allowCustomValue || !isArray(value)) return\n\n              ev.preventDefault()\n\n              onSelect(inputValue)\n            } else {\n              ev.preventDefault()\n\n              if (\"items\" in item) {\n                onSelect(item.items[0]?.value)\n              } else {\n                onSelect(item.value)\n              }\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      activeDescendant,\n      allowCustomValue,\n      disabled,\n      filteredItems,\n      onSelect,\n      open,\n      setValue,\n      value,\n    ],\n  )\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    focusByClickRef.current = true\n\n    inputRef.current?.focus()\n\n    if (openOnClick) onOpenWithActiveDescendant(descendants.enabledFirstValue)\n  }, [descendants, interactive, onOpenWithActiveDescendant, openOnClick])\n\n  const onMouseDown = useCallback(\n    (ev: MouseEvent<HTMLInputElement>) => {\n      if (!openOnFocus) return\n\n      ev.preventDefault()\n      ev.stopPropagation()\n    },\n    [openOnFocus],\n  )\n\n  const onFocus = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      ev.preventDefault()\n      ev.stopPropagation()\n\n      setFocused(true)\n\n      if (openOnFocus && !focusByClickRef.current)\n        onOpenWithActiveDescendant(descendants.enabledFirstValue)\n\n      focusByClickRef.current = false\n    },\n    [openOnFocus, onOpenWithActiveDescendant, descendants.enabledFirstValue],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent<HTMLInputElement>) => {\n      if (\n        contains(fieldRef.current, ev.relatedTarget) ||\n        contains(contentRef.current, ev.relatedTarget)\n      ) {\n        ev.preventDefault()\n      } else {\n        setFocused(false)\n\n        if (isArray(value)) {\n          setInputValue(\"\")\n        } else {\n          if (allowCustomValue) {\n            if (inputValue) setValue(inputValue as MaybeValue)\n          } else {\n            const item = isString(value) ? valueMap[value] : undefined\n\n            setInputValue(getInputValue(item))\n          }\n        }\n      }\n    },\n    [allowCustomValue, inputValue, setInputValue, setValue, value, valueMap],\n  )\n\n  const onClear = useCallback(() => {\n    if (!interactive) return\n\n    setValue((prev) => (isArray(prev) ? [] : \"\") as MaybeValue)\n    setInputValue(\"\")\n\n    if (focusOnClear) inputRef.current?.focus()\n  }, [focusOnClear, interactive, setInputValue, setValue])\n\n  useUpdateEffect(() => {\n    if (isArray(valueProp)) return\n\n    setInputValue(\n      getInputValue(isString(valueProp) ? valueMap[valueProp] : undefined),\n    )\n  }, [valueProp])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getTriggerProps({\n        ref: mergeRefs(ref, fieldRef),\n        tabIndex: -1,\n        ...props,\n        onClick: handlerAll(props.onClick, onClick),\n      }),\n\n    [getTriggerProps, onClick],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      id,\n      ref: mergeRefs(props.ref, ref, inputRef),\n      name,\n      style: {\n        ...(!focused && isArray(value) && !!value.length\n          ? visuallyHiddenAttributes.style\n          : {}),\n        ...props.style,\n      },\n      \"data-max\": dataAttr(\n        isArray(value) && isNumber(max) && value.length >= max,\n      ),\n      autoCapitalize: \"off\",\n      autoComplete: \"off\",\n      autoCorrect: \"off\",\n      disabled,\n      placeholder: hasValues ? undefined : placeholder,\n      readOnly,\n      required,\n      spellCheck: false,\n      value: inputValue,\n      ...dataProps,\n      ...props,\n      onBlur: handlerAll(props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onInputChange),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n      onMouseDown: handlerAll(props.onMouseDown, onMouseDown),\n    }),\n    [\n      dataProps,\n      disabled,\n      focused,\n      hasValues,\n      id,\n      inputValue,\n      max,\n      name,\n      onBlur,\n      onFocus,\n      onInputChange,\n      onKeyDown,\n      onMouseDown,\n      placeholder,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) =>\n      getComboboxContentProps({\n        ref: mergeRefs(ref, contentRef),\n        hidden: empty,\n        ...props,\n      }),\n    [empty, getComboboxContentProps],\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    descendants,\n    inputValue,\n    interactive,\n    items: resolvedItems,\n    max,\n    open,\n    setInputValue,\n    setValue,\n    value,\n    valueMap,\n    getClearIconProps,\n    getContentProps,\n    getFieldProps,\n    getIconProps,\n    getInputProps,\n    getRootProps,\n    getSeparatorProps,\n    popoverProps,\n    onActiveDescendant,\n    onChange,\n    onClose,\n    onInputChange,\n    onOpen,\n    onSelect,\n  }\n}\n\nexport type UseAutocompleteReturn = ReturnType<typeof useAutocomplete>\n\nexport interface UseAutocompleteOptionProps extends UseComboboxItemProps {}\n\nexport const useAutocompleteOption = ({\n  children,\n  closeOnSelect,\n  disabled,\n  hidden,\n  value,\n  ...rest\n}: UseAutocompleteOptionProps = {}) => {\n  const { max, value: selectedValue } = useAutocompleteContext()\n\n  value ??= isString(children) ? children : undefined\n\n  const selected = isArray(selectedValue)\n    ? !isUndefined(value) && selectedValue.includes(value)\n    : selectedValue === value\n  const completed =\n    isNumber(max) && isArray(selectedValue) && selectedValue.length >= max\n  const { getIndicatorProps, getItemProps } = useComboboxItem({\n    children,\n    closeOnSelect,\n    disabled: disabled || hidden || (completed && !selected),\n    hidden,\n    selected,\n    value,\n    ...rest,\n  })\n\n  const getOptionProps: PropGetter = useCallback(\n    (props = {}) => getItemProps(props),\n    [getItemProps],\n  )\n\n  return { getIndicatorProps, getOptionProps }\n}\n\nexport type UseAutocompleteOptionReturn = ReturnType<\n  typeof useAutocompleteOption\n>\n"],"mappings":"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"}

package/dist/esm/components/avatar/avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group.js","names":[],"sources":["../../../../src/components/avatar/avatar-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { AvatarStyle } from \"./avatar.style\"\nimport type { UseAvatarGroupProps } from \"./use-avatar-group\"\nimport { useMemo } from \"react\"\nimport { styled } from \"../../core\"\nimport {\n  Avatar,\n  AvatarPropsContext,\n  component,\n  useRootComponentProps,\n} from \"./avatar\"\nimport { useAvatarGroup } from \"./use-avatar-group\"\n\nexport interface AvatarGroupRootProps\n  extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarGroupProps {}\n\n/**\n * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.\n *\n * @see https://yamada-ui.com/docs/components/avatar\n */\nexport const AvatarGroupRoot = component<\"div\", AvatarGroupRootProps>(\n  (props) => {\n    const [, { colorScheme, size, variant, shape, ...rest }] =\n      useRootComponentProps(props, \"group\", {\n        transferProps: [\"variant\", \"colorScheme\", \"size\", \"shape\"],\n      })\n    const { children, excess, getRootProps } = useAvatarGroup(rest)\n    const context = useMemo(\n      () => ({ colorScheme, size, variant, shape }),\n      [variant, size, colorScheme, shape],\n    )\n\n    return (\n      <AvatarPropsContext value={context}>\n        <styled.div {...getRootProps()}>\n          {excess > 0 ? <Avatar fallback={`+${excess}`} /> : null}\n          {children}\n        </styled.div>\n      </AvatarPropsContext>\n    )\n  },\n  \"group\",\n)()\n"],"mappings":";;;;;;;;;;;;AAuBA,MAAa,kBAAkB,WAC5B,UAAU;CACT,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,OAAO,GAAG,UAC/C,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAW;EAAe;EAAQ;EAAQ,EAC3D,CAAC;CACJ,MAAM,EAAE,UAAU,QAAQ,iBAAiB,eAAe,KAAK;CAM/D,OACE,oBAAC,oBAAD;EAAoB,OANN,eACP;GAAE;GAAa;GAAM;GAAS;GAAO,GAC5C;GAAC;GAAS;GAAM;GAAa;GAAM,CAID;YAChC,qBAAC,OAAO,KAAR;GAAY,GAAI,cAAc;aAA9B,CACG,SAAS,IAAI,oBAAC,QAAD,EAAQ,UAAU,IAAI,UAAY,CAAA,GAAG,MAClD,SACU;;EACM,CAAA;GAGzB,QACD,EAAE"}
+{"version":3,"file":"avatar-group.js","names":[],"sources":["../../../../src/components/avatar/avatar-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { AvatarStyle } from \"./avatar.style\"\nimport type { UseAvatarGroupProps } from \"./use-avatar-group\"\nimport { useMemo } from \"react\"\nimport { styled } from \"../../core\"\nimport {\n  Avatar,\n  AvatarPropsContext,\n  component,\n  useRootComponentProps,\n} from \"./avatar\"\nimport { useAvatarGroup } from \"./use-avatar-group\"\n\nexport interface AvatarGroupRootProps\n  extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarGroupProps {}\n\n/**\n * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.\n *\n * @see https://yamada-ui.com/docs/components/avatar\n */\nexport const AvatarGroupRoot = component<\"div\", AvatarGroupRootProps>(\n  (props) => {\n    const [, { colorScheme, size, variant, shape, ...rest }] =\n      useRootComponentProps(props, \"group\", {\n        transferProps: [\"variant\", \"colorScheme\", \"size\", \"shape\"],\n      })\n    const { children, excess, getRootProps } = useAvatarGroup(rest)\n    const context = useMemo(\n      () => ({ colorScheme, size, variant, shape }),\n      [variant, size, colorScheme, shape],\n    )\n\n    return (\n      <AvatarPropsContext value={context}>\n        <styled.div {...getRootProps()}>\n          {excess > 0 ? <Avatar fallback={`+${excess}`} /> : null}\n          {children}\n        </styled.div>\n      </AvatarPropsContext>\n    )\n  },\n  \"group\",\n)()\n"],"mappings":";;;;;;;;;;;;AAuBA,MAAa,kBAAkB,WAC5B,UAAU;CACT,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,OAAO,GAAG,UAC/C,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAW;EAAe;EAAQ;CAAO,EAC3D,CAAC;CACH,MAAM,EAAE,UAAU,QAAQ,iBAAiB,eAAe,IAAI;CAM9D,OACE,oBAAC,oBAAD;EAAoB,OANN,eACP;GAAE;GAAa;GAAM;GAAS;EAAM,IAC3C;GAAC;GAAS;GAAM;GAAa;EAAK,CAID;YAC/B,qBAAC,OAAO,KAAR;GAAY,GAAI,aAAa;aAA7B,CACG,SAAS,IAAI,oBAAC,QAAD,EAAQ,UAAU,IAAI,SAAW,CAAA,IAAI,MAClD,QACS;;CACM,CAAA;AAExB,GACA,OACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"sources":["../../../../src/components/avatar/avatar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { AvatarStyle } from \"./avatar.style\"\nimport type { UseAvatarProps } from \"./use-avatar\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { UserRoundIcon } from \"../icon\"\nimport { avatarStyle } from \"./avatar.style\"\nimport { useAvatar } from \"./use-avatar\"\n\nexport interface AvatarProps\n  extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {\n  /**\n   * The avatar icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * The props to pass to the fallback component.\n   */\n  fallbackProps?: AvatarFallbackProps\n  /**\n   * The props to pass to the image component.\n   */\n  imageProps?: AvatarImageProps\n}\n\nconst {\n  component,\n  PropsContext: AvatarPropsContext,\n  usePropsContext: useAvatarPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<AvatarProps, AvatarStyle>(\"avatar\", avatarStyle)\n\nexport {\n  AvatarPropsContext,\n  component,\n  useAvatarPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.\n *\n * @see https://yamada-ui.com/docs/components/avatar\n */\nexport const Avatar = withProvider<\"div\", AvatarProps>(\n  ({ fallbackProps, imageProps, ...rest }) => {\n    const { getFallbackProps, getImageProps, getRootProps } = useAvatar(rest)\n\n    return (\n      <styled.div {...getRootProps()}>\n        <AvatarFallback {...getFallbackProps(fallbackProps)} />\n        <AvatarImage {...getImageProps(imageProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(({ icon, ...rest }) => ({\n  icon: icon ?? <UserRoundIcon fontSize=\"1.2em\" />,\n  ...rest,\n}))\n\ninterface AvatarImageProps extends HTMLStyledProps<\"img\"> {}\n\nconst AvatarImage = withContext<\"img\", AvatarImageProps>(\"img\", \"image\")()\n\ninterface AvatarFallbackProps extends HTMLStyledProps {}\n\nconst AvatarFallback = withContext<\"div\", AvatarFallbackProps>(\n  \"div\",\n  \"fallback\",\n)()\n"],"mappings":";;;;;;;;AA2BA,MAAM,EACJ,WACA,cAAc,oBACd,iBAAiB,uBACjB,aACA,cACA,0BACE,oBAA8C,UAAU,YAAY;;;;;;AAcxE,MAAa,SAAS,cACnB,EAAE,eAAe,YAAY,GAAG,WAAW;CAC1C,MAAM,EAAE,kBAAkB,eAAe,iBAAiB,UAAU,KAAK;CAEzE,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,cAAc;YAA9B,CACE,oBAAC,gBAAD,EAAgB,GAAI,iBAAiB,cAAc,EAAI,CAAA,EACvD,oBAAC,aAAD,EAAa,GAAI,cAAc,WAAW,EAAI,CAAA,CACnC;;GAGjB,OACD,EAAE,EAAE,MAAM,GAAG,YAAY;CACxB,MAAM,QAAQ,oBAAC,eAAD,EAAe,UAAS,SAAU,CAAA;CAChD,GAAG;CACJ,EAAE;AAIH,MAAM,cAAc,YAAqC,OAAO,QAAQ,EAAE;AAI1E,MAAM,iBAAiB,YACrB,OACA,WACD,EAAE"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../../../src/components/avatar/avatar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { AvatarStyle } from \"./avatar.style\"\nimport type { UseAvatarProps } from \"./use-avatar\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { UserRoundIcon } from \"../icon\"\nimport { avatarStyle } from \"./avatar.style\"\nimport { useAvatar } from \"./use-avatar\"\n\nexport interface AvatarProps\n  extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {\n  /**\n   * The avatar icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * The props to pass to the fallback component.\n   */\n  fallbackProps?: AvatarFallbackProps\n  /**\n   * The props to pass to the image component.\n   */\n  imageProps?: AvatarImageProps\n}\n\nconst {\n  component,\n  PropsContext: AvatarPropsContext,\n  usePropsContext: useAvatarPropsContext,\n  withContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<AvatarProps, AvatarStyle>(\"avatar\", avatarStyle)\n\nexport {\n  AvatarPropsContext,\n  component,\n  useAvatarPropsContext,\n  useRootComponentProps,\n}\n\n/**\n * `Avatar` is a component that displays a profile picture or an icon with initials representing a user.\n *\n * @see https://yamada-ui.com/docs/components/avatar\n */\nexport const Avatar = withProvider<\"div\", AvatarProps>(\n  ({ fallbackProps, imageProps, ...rest }) => {\n    const { getFallbackProps, getImageProps, getRootProps } = useAvatar(rest)\n\n    return (\n      <styled.div {...getRootProps()}>\n        <AvatarFallback {...getFallbackProps(fallbackProps)} />\n        <AvatarImage {...getImageProps(imageProps)} />\n      </styled.div>\n    )\n  },\n  \"root\",\n)(({ icon, ...rest }) => ({\n  icon: icon ?? <UserRoundIcon fontSize=\"1.2em\" />,\n  ...rest,\n}))\n\ninterface AvatarImageProps extends HTMLStyledProps<\"img\"> {}\n\nconst AvatarImage = withContext<\"img\", AvatarImageProps>(\"img\", \"image\")()\n\ninterface AvatarFallbackProps extends HTMLStyledProps {}\n\nconst AvatarFallback = withContext<\"div\", AvatarFallbackProps>(\n  \"div\",\n  \"fallback\",\n)()\n"],"mappings":";;;;;;;;AA2BA,MAAM,EACJ,WACA,cAAc,oBACd,iBAAiB,uBACjB,aACA,cACA,0BACE,oBAA8C,UAAU,WAAW;;;;;;AAcvE,MAAa,SAAS,cACnB,EAAE,eAAe,YAAY,GAAG,WAAW;CAC1C,MAAM,EAAE,kBAAkB,eAAe,iBAAiB,UAAU,IAAI;CAExE,OACE,qBAAC,OAAO,KAAR;EAAY,GAAI,aAAa;YAA7B,CACE,oBAAC,gBAAD,EAAgB,GAAI,iBAAiB,aAAa,EAAI,CAAA,GACtD,oBAAC,aAAD,EAAa,GAAI,cAAc,UAAU,EAAI,CAAA,CACnC;;AAEhB,GACA,MACF,GAAG,EAAE,MAAM,GAAG,YAAY;CACxB,MAAM,QAAQ,oBAAC,eAAD,EAAe,UAAS,QAAS,CAAA;CAC/C,GAAG;AACL,EAAE;AAIF,MAAM,cAAc,YAAqC,OAAO,OAAO,EAAE;AAIzE,MAAM,iBAAiB,YACrB,OACA,UACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.style.js","names":[],"sources":["../../../../src/components/avatar/avatar.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const avatarStyle = defineComponentSlotStyle({\n  base: {\n    fallback: {\n      alignItems: \"center\",\n      boxSize: \"100%\",\n      display: \"inline-flex\",\n      fontWeight: \"medium\",\n      justifyContent: \"center\",\n      textTransform: \"uppercase\",\n    },\n    group: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexDirection: \"row-reverse\",\n      justifyContent: \"flex-end\",\n      _notFirstChild: {\n        me: \"-2\",\n      },\n    },\n    image: {\n      boxSize: \"100%\",\n      objectFit: \"cover\",\n    },\n    root: {\n      flexShrink: \"0\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      userSelect: \"none\",\n      verticalAlign: \"top\",\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the component\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        root: { rounded: \"full\" },\n      },\n      rounded: {\n        root: { rounded: \"l2\" },\n      },\n      square: {\n        root: { rounded: \"0\" },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      group: {\n        _child: {\n          _loaded: {\n            borderColor: \"bg !important\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n      root: {\n        layerStyle: \"outline\",\n        _loaded: {\n          bg: \"transparent\",\n          borderColor: \"transparent\",\n        },\n      },\n    },\n    solid: {\n      group: {\n        _child: {\n          borderColor: \"bg\",\n          borderWidth: \"1px\",\n        },\n      },\n      root: {\n        layerStyle: \"solid\",\n        _loaded: {\n          bg: \"transparent\",\n        },\n      },\n    },\n    subtle: {\n      group: {\n        _child: {\n          borderColor: \"bg\",\n          borderWidth: \"1px\",\n        },\n      },\n      root: {\n        layerStyle: \"subtle\",\n        _loaded: {\n          bg: \"transparent\",\n        },\n      },\n    },\n    surface: {\n      root: {\n        layerStyle: \"surface\",\n        _loaded: {\n          bg: \"transparent\",\n          borderColor: \"transparent\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      fallback: {\n        fontSize: \"xs\",\n        lineHeight: \"{sizes.8}\",\n      },\n      root: {\n        boxSize: \"8\",\n      },\n    },\n    sm: {\n      fallback: {\n        fontSize: \"sm\",\n        lineHeight: \"{sizes.9}\",\n      },\n      root: {\n        boxSize: \"9\",\n      },\n    },\n    md: {\n      fallback: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.10}\",\n      },\n      root: {\n        boxSize: \"10\",\n      },\n    },\n    lg: {\n      fallback: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.11}\",\n      },\n      root: {\n        boxSize: \"11\",\n      },\n    },\n    xl: {\n      fallback: {\n        fontSize: \"lg\",\n        lineHeight: \"{sizes.12}\",\n      },\n      root: {\n        boxSize: \"12\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    shape: \"circle\",\n  },\n})\n\nexport type AvatarStyle = typeof avatarStyle\n"],"mappings":";;AAEA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,SAAS;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;GAChB;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,gBAAgB,EACd,IAAI,MACL;GACF;EACD,OAAO;GACL,SAAS;GACT,WAAW;GACZ;EACD,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,UAAU;GACV,YAAY;GACZ,eAAe;GAChB;EACF;CAED,OAAO;;;;;;AAML,OAAO;EACL,QAAQ,EACN,MAAM,EAAE,SAAS,QAAQ,EAC1B;EACD,SAAS,EACP,MAAM,EAAE,SAAS,MAAM,EACxB;EACD,QAAQ,EACN,MAAM,EAAE,SAAS,KAAK,EACvB;EACF,EACF;CAED,UAAU;EACR,SAAS;GACP,OAAO,EACL,QAAQ,EACN,SAAS;IACP,aAAa;IACb,aAAa;IACd,EACF,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS;KACP,IAAI;KACJ,aAAa;KACd;IACF;GACF;EACD,OAAO;GACL,OAAO,EACL,QAAQ;IACN,aAAa;IACb,aAAa;IACd,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS,EACP,IAAI,eACL;IACF;GACF;EACD,QAAQ;GACN,OAAO,EACL,QAAQ;IACN,aAAa;IACb,aAAa;IACd,EACF;GACD,MAAM;IACJ,YAAY;IACZ,SAAS,EACP,IAAI,eACL;IACF;GACF;EACD,SAAS,EACP,MAAM;GACJ,YAAY;GACZ,SAAS;IACP,IAAI;IACJ,aAAa;IACd;GACF,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,KACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,KACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACD,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;IACb;GACD,MAAM,EACJ,SAAS,MACV;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;EACR;CACF,CAAC"}
+{"version":3,"file":"avatar.style.js","names":[],"sources":["../../../../src/components/avatar/avatar.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const avatarStyle = defineComponentSlotStyle({\n  base: {\n    fallback: {\n      alignItems: \"center\",\n      boxSize: \"100%\",\n      display: \"inline-flex\",\n      fontWeight: \"medium\",\n      justifyContent: \"center\",\n      textTransform: \"uppercase\",\n    },\n    group: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexDirection: \"row-reverse\",\n      justifyContent: \"flex-end\",\n      _notFirstChild: {\n        me: \"-2\",\n      },\n    },\n    image: {\n      boxSize: \"100%\",\n      objectFit: \"cover\",\n    },\n    root: {\n      flexShrink: \"0\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      userSelect: \"none\",\n      verticalAlign: \"top\",\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the component\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        root: { rounded: \"full\" },\n      },\n      rounded: {\n        root: { rounded: \"l2\" },\n      },\n      square: {\n        root: { rounded: \"0\" },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      group: {\n        _child: {\n          _loaded: {\n            borderColor: \"bg !important\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n      root: {\n        layerStyle: \"outline\",\n        _loaded: {\n          bg: \"transparent\",\n          borderColor: \"transparent\",\n        },\n      },\n    },\n    solid: {\n      group: {\n        _child: {\n          borderColor: \"bg\",\n          borderWidth: \"1px\",\n        },\n      },\n      root: {\n        layerStyle: \"solid\",\n        _loaded: {\n          bg: \"transparent\",\n        },\n      },\n    },\n    subtle: {\n      group: {\n        _child: {\n          borderColor: \"bg\",\n          borderWidth: \"1px\",\n        },\n      },\n      root: {\n        layerStyle: \"subtle\",\n        _loaded: {\n          bg: \"transparent\",\n        },\n      },\n    },\n    surface: {\n      root: {\n        layerStyle: \"surface\",\n        _loaded: {\n          bg: \"transparent\",\n          borderColor: \"transparent\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      fallback: {\n        fontSize: \"xs\",\n        lineHeight: \"{sizes.8}\",\n      },\n      root: {\n        boxSize: \"8\",\n      },\n    },\n    sm: {\n      fallback: {\n        fontSize: \"sm\",\n        lineHeight: \"{sizes.9}\",\n      },\n      root: {\n        boxSize: \"9\",\n      },\n    },\n    md: {\n      fallback: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.10}\",\n      },\n      root: {\n        boxSize: \"10\",\n      },\n    },\n    lg: {\n      fallback: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.11}\",\n      },\n      root: {\n        boxSize: \"11\",\n      },\n    },\n    xl: {\n      fallback: {\n        fontSize: \"lg\",\n        lineHeight: \"{sizes.12}\",\n      },\n      root: {\n        boxSize: \"12\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n    shape: \"circle\",\n  },\n})\n\nexport type AvatarStyle = typeof avatarStyle\n"],"mappings":";;AAEA,MAAa,cAAc,yBAAyB;CAClD,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,SAAS;GACT,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,eAAe;EACjB;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,gBAAgB,EACd,IAAI,KACN;EACF;EACA,OAAO;GACL,SAAS;GACT,WAAW;EACb;EACA,MAAM;GACJ,YAAY;GACZ,UAAU;GACV,UAAU;GACV,YAAY;GACZ,eAAe;EACjB;CACF;CAEA,OAAO;;;;;;AAML,OAAO;EACL,QAAQ,EACN,MAAM,EAAE,SAAS,OAAO,EAC1B;EACA,SAAS,EACP,MAAM,EAAE,SAAS,KAAK,EACxB;EACA,QAAQ,EACN,MAAM,EAAE,SAAS,IAAI,EACvB;CACF,EACF;CAEA,UAAU;EACR,SAAS;GACP,OAAO,EACL,QAAQ,EACN,SAAS;IACP,aAAa;IACb,aAAa;GACf,EACF,EACF;GACA,MAAM;IACJ,YAAY;IACZ,SAAS;KACP,IAAI;KACJ,aAAa;IACf;GACF;EACF;EACA,OAAO;GACL,OAAO,EACL,QAAQ;IACN,aAAa;IACb,aAAa;GACf,EACF;GACA,MAAM;IACJ,YAAY;IACZ,SAAS,EACP,IAAI,cACN;GACF;EACF;EACA,QAAQ;GACN,OAAO,EACL,QAAQ;IACN,aAAa;IACb,aAAa;GACf,EACF;GACA,MAAM;IACJ,YAAY;IACZ,SAAS,EACP,IAAI,cACN;GACF;EACF;EACA,SAAS,EACP,MAAM;GACJ,YAAY;GACZ,SAAS;IACP,IAAI;IACJ,aAAa;GACf;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;GACd;GACA,MAAM,EACJ,SAAS,IACX;EACF;EACA,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;GACd;GACA,MAAM,EACJ,SAAS,IACX;EACF;EACA,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;GACd;GACA,MAAM,EACJ,SAAS,KACX;EACF;EACA,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;GACd;GACA,MAAM,EACJ,SAAS,KACX;EACF;EACA,IAAI;GACF,UAAU;IACR,UAAU;IACV,YAAY;GACd;GACA,MAAM,EACJ,SAAS,KACX;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;EACT,OAAO;CACT;AACF,CAAC"}

package/dist/esm/components/avatar/use-avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-avatar-group.js","names":[],"sources":["../../../../src/components/avatar/use-avatar-group.ts"],"sourcesContent":["import type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { isUndefined, useValidChildren } from \"../../utils\"\n\nexport interface UseAvatarGroupProps extends HTMLProps {\n  /**\n   * The maximum number of visible avatars.\n   */\n  max?: number\n  /**\n   * Whether to reverse the order of the avatars.\n   */\n  reverse?: boolean\n}\n\nexport const useAvatarGroup = ({\n  children,\n  max,\n  reverse,\n  ...rest\n}: UseAvatarGroupProps = {}) => {\n  const validChildren = useValidChildren(children)\n  const excess = !isUndefined(max) ? validChildren.length - max : 0\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props, { role: \"group\" })(),\n    [rest],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const omittedChildren = !isUndefined(max)\n      ? validChildren.slice(0, max)\n      : [...validChildren]\n\n    return reverse ? omittedChildren.reverse() : omittedChildren\n  }, [max, validChildren, reverse])\n\n  return {\n    children: cloneChildren,\n    excess,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarGroupReturn = ReturnType<typeof useAvatarGroup>\n"],"mappings":";;;;;AAgBA,MAAa,kBAAkB,EAC7B,UACA,KACA,SACA,GAAG,SACoB,EAAE,KAAK;CAC9B,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,SAAS,EAAA,GAAA,cAAA,aAAa,IAAI,GAAG,cAAc,SAAS,MAAM;CAEhE,MAAM,eAA2B,aAC9B,UAAU,WAAW,MAAM,OAAO,EAAE,MAAM,SAAS,CAAC,EAAE,EACvD,CAAC,KAAK,CACP;CAUD,OAAO;EACL,UAToB,cAAc;GAClC,MAAM,kBAAkB,EAAA,GAAA,cAAA,aAAa,IAAI,GACrC,cAAc,MAAM,GAAG,IAAI,GAC3B,CAAC,GAAG,cAAc;GAEtB,OAAO,UAAU,gBAAgB,SAAS,GAAG;KAC5C;GAAC;GAAK;GAAe;GAAQ,CAGP;EACvB;EACA;EACD"}
+{"version":3,"file":"use-avatar-group.js","names":[],"sources":["../../../../src/components/avatar/use-avatar-group.ts"],"sourcesContent":["import type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { isUndefined, useValidChildren } from \"../../utils\"\n\nexport interface UseAvatarGroupProps extends HTMLProps {\n  /**\n   * The maximum number of visible avatars.\n   */\n  max?: number\n  /**\n   * Whether to reverse the order of the avatars.\n   */\n  reverse?: boolean\n}\n\nexport const useAvatarGroup = ({\n  children,\n  max,\n  reverse,\n  ...rest\n}: UseAvatarGroupProps = {}) => {\n  const validChildren = useValidChildren(children)\n  const excess = !isUndefined(max) ? validChildren.length - max : 0\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => mergeProps(rest, props, { role: \"group\" })(),\n    [rest],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const omittedChildren = !isUndefined(max)\n      ? validChildren.slice(0, max)\n      : [...validChildren]\n\n    return reverse ? omittedChildren.reverse() : omittedChildren\n  }, [max, validChildren, reverse])\n\n  return {\n    children: cloneChildren,\n    excess,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarGroupReturn = ReturnType<typeof useAvatarGroup>\n"],"mappings":";;;;;AAgBA,MAAa,kBAAkB,EAC7B,UACA,KACA,SACA,GAAG,SACoB,CAAC,MAAM;CAC9B,MAAM,gBAAgB,iBAAiB,QAAQ;CAC/C,MAAM,SAAS,EAAA,GAAA,cAAA,aAAa,GAAG,IAAI,cAAc,SAAS,MAAM;CAEhE,MAAM,eAA2B,aAC9B,UAAU,WAAW,MAAM,OAAO,EAAE,MAAM,QAAQ,CAAC,EAAE,GACtD,CAAC,IAAI,CACP;CAUA,OAAO;EACL,UAToB,cAAc;GAClC,MAAM,kBAAkB,EAAA,GAAA,cAAA,aAAa,GAAG,IACpC,cAAc,MAAM,GAAG,GAAG,IAC1B,CAAC,GAAG,aAAa;GAErB,OAAO,UAAU,gBAAgB,QAAQ,IAAI;EAC/C,GAAG;GAAC;GAAK;GAAe;EAAO,CAGP;EACtB;EACA;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-avatar.js","names":[],"sources":["../../../../src/components/avatar/use-avatar.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { type HTMLProps, mergeProps, type PropGetter } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, handlerAll, mergeRefs } from \"../../utils\"\n\nconst defaultFormat = (name: string) => {\n  const names = name.trim().split(\" \")\n  const firstName = names[0] ?? \"\"\n  const lastName = names.length > 1 ? names[names.length - 1] : \"\"\n\n  return firstName && lastName\n    ? `${firstName.charAt(0)}${lastName.charAt(0)}`\n    : firstName.charAt(0)\n}\n\nexport interface UseAvatarProps extends HTMLProps {\n  /**\n   * The `HTMLImageElement` property `alt`.\n   */\n  alt?: HTMLProps<\"img\">[\"alt\"]\n  /**\n   * The `HTMLImageElement` property `crossOrigin`.\n   */\n  crossOrigin?: HTMLProps<\"img\">[\"crossOrigin\"]\n  /**\n   * The fallback text to display if the image is not provided.\n   */\n  fallback?: ReactNode\n  /**\n   * The avatar icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * Defines loading strategy.\n   */\n  loading?: HTMLProps<\"img\">[\"loading\"]\n  /**\n   * The name of the person in the avatar.\n   *\n   * - If `src` has loaded, the name will be used as the `alt` attribute of the `img`\n   * - If `src` is not loaded, the name will be used to create the initials\n   */\n  name?: string\n  /**\n   * Defining which referrer is sent when fetching the resource.\n   *\n   * @default 'no-referrer'\n   */\n  referrerPolicy?: HTMLProps<\"img\">[\"referrerPolicy\"]\n  /**\n   * The image url of the avatar.\n   */\n  src?: HTMLProps<\"img\">[\"src\"]\n  /**\n   * List of sources to use for different screen resolutions.\n   */\n  srcSet?: HTMLProps<\"img\">[\"srcSet\"]\n  /**\n   * Function to get the initials to display.\n   */\n  format?: (name: string) => string\n}\n\nexport const useAvatar = ({\n  name,\n  src,\n  srcSet,\n  alt,\n  crossOrigin,\n  fallback: fallbackMessage,\n  format = defaultFormat,\n  icon,\n  loading,\n  referrerPolicy = \"no-referrer\",\n  ...rest\n}: UseAvatarProps = {}) => {\n  const imageRef = useRef<HTMLImageElement>(null)\n  const initials = name ? format(name) : undefined\n  const [loaded, setLoaded] = useState<boolean>(false)\n  const fallback = !src || !loaded\n  const { t } = useI18n(\"avatar\")\n\n  useEffect(() => {\n    if (!imageRef.current) return\n\n    if (!!imageRef.current.src && imageRef.current.complete) setLoaded(true)\n  }, [])\n\n  const getGroupProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...mergeProps(rest, props)(),\n      \"data-fallback\": dataAttr(!!fallbackMessage),\n      \"data-loaded\": dataAttr(loaded),\n    }),\n    [loaded, fallbackMessage, rest],\n  )\n\n  const getImageProps: PropGetter<\"img\"> = useCallback(\n    ({ ref, onLoad, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, imageRef),\n      src,\n      srcSet,\n      alt: name || alt,\n      crossOrigin,\n      draggable: false,\n      hidden: fallback,\n      loading,\n      referrerPolicy,\n      onLoad: handlerAll(onLoad, () => setLoaded(true)),\n    }),\n    [src, srcSet, alt, crossOrigin, loading, referrerPolicy, fallback, name],\n  )\n\n  const getFallbackProps: PropGetter = useCallback(\n    (props) => ({\n      ...props,\n      \"aria-label\": !fallbackMessage\n        ? name || alt || t(\"Avatar Icon\")\n        : undefined,\n      children: fallbackMessage || initials || icon,\n      hidden: !fallback,\n      role: !fallbackMessage ? \"img\" : undefined,\n    }),\n    [name, initials, fallback, icon, fallbackMessage, alt, t],\n  )\n\n  return {\n    name,\n    loaded,\n    getFallbackProps,\n    getGroupProps,\n    getImageProps,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarReturn = ReturnType<typeof useAvatar>\n"],"mappings":";;;;;;;AAQA,MAAM,iBAAiB,SAAiB;CACtC,MAAM,QAAQ,KAAK,MAAM,CAAC,MAAM,IAAI;CACpC,MAAM,YAAY,MAAM,MAAM;CAC9B,MAAM,WAAW,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,KAAK;CAE9D,OAAO,aAAa,WAChB,GAAG,UAAU,OAAO,EAAE,GAAG,SAAS,OAAO,EAAE,KAC3C,UAAU,OAAO,EAAE;;AAmDzB,MAAa,aAAa,EACxB,MACA,KACA,QACA,KACA,aACA,UAAU,iBACV,SAAS,eACT,MACA,SACA,iBAAiB,eACjB,GAAG,SACe,EAAE,KAAK;CACzB,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,WAAW,OAAO,OAAO,KAAK,GAAG,KAAA;CACvC,MAAM,CAAC,QAAQ,aAAa,SAAkB,MAAM;CACpD,MAAM,WAAW,CAAC,OAAO,CAAC;CAC1B,MAAM,EAAE,MAAM,QAAQ,SAAS;CAE/B,gBAAgB;EACd,IAAI,CAAC,SAAS,SAAS;EAEvB,IAAI,CAAC,CAAC,SAAS,QAAQ,OAAO,SAAS,QAAQ,UAAU,UAAU,KAAK;IACvE,EAAE,CAAC;CAEN,MAAM,gBAA4B,aAAa,WAAW,EAAE,GAAG,OAAO,GAAG,EAAE,CAAC;CAE5E,MAAM,eAA2B,aAC9B,WAAW;EACV,GAAG,WAAW,MAAM,MAAM,EAAE;EAC5B,kBAAA,GAAA,cAAA,UAA0B,CAAC,CAAC,gBAAgB;EAC5C,gBAAA,GAAA,cAAA,UAAwB,OAAO;EAChC,GACD;EAAC;EAAQ;EAAiB;EAAK,CAChC;CAED,MAAM,gBAAmC,aACtC,EAAE,KAAK,QAAQ,GAAG,UAAU,EAAE,MAAM;EACnC,GAAG;EACH,KAAK,UAAU,KAAK,SAAS;EAC7B;EACA;EACA,KAAK,QAAQ;EACb;EACA,WAAW;EACX,QAAQ;EACR;EACA;EACA,SAAA,GAAA,cAAA,YAAmB,cAAc,UAAU,KAAK,CAAC;EAClD,GACD;EAAC;EAAK;EAAQ;EAAK;EAAa;EAAS;EAAgB;EAAU;EAAK,CACzE;CAeD,OAAO;EACL;EACA;EACA,kBAhBmC,aAClC,WAAW;GACV,GAAG;GACH,cAAc,CAAC,kBACX,QAAQ,OAAO,EAAE,cAAc,GAC/B,KAAA;GACJ,UAAU,mBAAmB,YAAY;GACzC,QAAQ,CAAC;GACT,MAAM,CAAC,kBAAkB,QAAQ,KAAA;GAClC,GACD;GAAC;GAAM;GAAU;GAAU;GAAM;GAAiB;GAAK;GAAE,CAMzC;EAChB;EACA;EACA;EACD"}
+{"version":3,"file":"use-avatar.js","names":[],"sources":["../../../../src/components/avatar/use-avatar.ts"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { type HTMLProps, mergeProps, type PropGetter } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr, handlerAll, mergeRefs } from \"../../utils\"\n\nconst defaultFormat = (name: string) => {\n  const names = name.trim().split(\" \")\n  const firstName = names[0] ?? \"\"\n  const lastName = names.length > 1 ? names[names.length - 1] : \"\"\n\n  return firstName && lastName\n    ? `${firstName.charAt(0)}${lastName.charAt(0)}`\n    : firstName.charAt(0)\n}\n\nexport interface UseAvatarProps extends HTMLProps {\n  /**\n   * The `HTMLImageElement` property `alt`.\n   */\n  alt?: HTMLProps<\"img\">[\"alt\"]\n  /**\n   * The `HTMLImageElement` property `crossOrigin`.\n   */\n  crossOrigin?: HTMLProps<\"img\">[\"crossOrigin\"]\n  /**\n   * The fallback text to display if the image is not provided.\n   */\n  fallback?: ReactNode\n  /**\n   * The avatar icon to use.\n   */\n  icon?: ReactElement\n  /**\n   * Defines loading strategy.\n   */\n  loading?: HTMLProps<\"img\">[\"loading\"]\n  /**\n   * The name of the person in the avatar.\n   *\n   * - If `src` has loaded, the name will be used as the `alt` attribute of the `img`\n   * - If `src` is not loaded, the name will be used to create the initials\n   */\n  name?: string\n  /**\n   * Defining which referrer is sent when fetching the resource.\n   *\n   * @default 'no-referrer'\n   */\n  referrerPolicy?: HTMLProps<\"img\">[\"referrerPolicy\"]\n  /**\n   * The image url of the avatar.\n   */\n  src?: HTMLProps<\"img\">[\"src\"]\n  /**\n   * List of sources to use for different screen resolutions.\n   */\n  srcSet?: HTMLProps<\"img\">[\"srcSet\"]\n  /**\n   * Function to get the initials to display.\n   */\n  format?: (name: string) => string\n}\n\nexport const useAvatar = ({\n  name,\n  src,\n  srcSet,\n  alt,\n  crossOrigin,\n  fallback: fallbackMessage,\n  format = defaultFormat,\n  icon,\n  loading,\n  referrerPolicy = \"no-referrer\",\n  ...rest\n}: UseAvatarProps = {}) => {\n  const imageRef = useRef<HTMLImageElement>(null)\n  const initials = name ? format(name) : undefined\n  const [loaded, setLoaded] = useState<boolean>(false)\n  const fallback = !src || !loaded\n  const { t } = useI18n(\"avatar\")\n\n  useEffect(() => {\n    if (!imageRef.current) return\n\n    if (!!imageRef.current.src && imageRef.current.complete) setLoaded(true)\n  }, [])\n\n  const getGroupProps: PropGetter = useCallback((props) => ({ ...props }), [])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...mergeProps(rest, props)(),\n      \"data-fallback\": dataAttr(!!fallbackMessage),\n      \"data-loaded\": dataAttr(loaded),\n    }),\n    [loaded, fallbackMessage, rest],\n  )\n\n  const getImageProps: PropGetter<\"img\"> = useCallback(\n    ({ ref, onLoad, ...props } = {}) => ({\n      ...props,\n      ref: mergeRefs(ref, imageRef),\n      src,\n      srcSet,\n      alt: name || alt,\n      crossOrigin,\n      draggable: false,\n      hidden: fallback,\n      loading,\n      referrerPolicy,\n      onLoad: handlerAll(onLoad, () => setLoaded(true)),\n    }),\n    [src, srcSet, alt, crossOrigin, loading, referrerPolicy, fallback, name],\n  )\n\n  const getFallbackProps: PropGetter = useCallback(\n    (props) => ({\n      ...props,\n      \"aria-label\": !fallbackMessage\n        ? name || alt || t(\"Avatar Icon\")\n        : undefined,\n      children: fallbackMessage || initials || icon,\n      hidden: !fallback,\n      role: !fallbackMessage ? \"img\" : undefined,\n    }),\n    [name, initials, fallback, icon, fallbackMessage, alt, t],\n  )\n\n  return {\n    name,\n    loaded,\n    getFallbackProps,\n    getGroupProps,\n    getImageProps,\n    getRootProps,\n  }\n}\n\nexport type UseAvatarReturn = ReturnType<typeof useAvatar>\n"],"mappings":";;;;;;;AAQA,MAAM,iBAAiB,SAAiB;CACtC,MAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,GAAG;CACnC,MAAM,YAAY,MAAM,MAAM;CAC9B,MAAM,WAAW,MAAM,SAAS,IAAI,MAAM,MAAM,SAAS,KAAK;CAE9D,OAAO,aAAa,WAChB,GAAG,UAAU,OAAO,CAAC,IAAI,SAAS,OAAO,CAAC,MAC1C,UAAU,OAAO,CAAC;AACxB;AAkDA,MAAa,aAAa,EACxB,MACA,KACA,QACA,KACA,aACA,UAAU,iBACV,SAAS,eACT,MACA,SACA,iBAAiB,eACjB,GAAG,SACe,CAAC,MAAM;CACzB,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,WAAW,OAAO,OAAO,IAAI,IAAI,KAAA;CACvC,MAAM,CAAC,QAAQ,aAAa,SAAkB,KAAK;CACnD,MAAM,WAAW,CAAC,OAAO,CAAC;CAC1B,MAAM,EAAE,MAAM,QAAQ,QAAQ;CAE9B,gBAAgB;EACd,IAAI,CAAC,SAAS,SAAS;EAEvB,IAAI,CAAC,CAAC,SAAS,QAAQ,OAAO,SAAS,QAAQ,UAAU,UAAU,IAAI;CACzE,GAAG,CAAC,CAAC;CAEL,MAAM,gBAA4B,aAAa,WAAW,EAAE,GAAG,MAAM,IAAI,CAAC,CAAC;CAE3E,MAAM,eAA2B,aAC9B,WAAW;EACV,GAAG,WAAW,MAAM,KAAK,EAAE;EAC3B,kBAAA,GAAA,cAAA,UAA0B,CAAC,CAAC,eAAe;EAC3C,gBAAA,GAAA,cAAA,UAAwB,MAAM;CAChC,IACA;EAAC;EAAQ;EAAiB;CAAI,CAChC;CAEA,MAAM,gBAAmC,aACtC,EAAE,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO;EACnC,GAAG;EACH,KAAK,UAAU,KAAK,QAAQ;EAC5B;EACA;EACA,KAAK,QAAQ;EACb;EACA,WAAW;EACX,QAAQ;EACR;EACA;EACA,SAAA,GAAA,cAAA,YAAmB,cAAc,UAAU,IAAI,CAAC;CAClD,IACA;EAAC;EAAK;EAAQ;EAAK;EAAa;EAAS;EAAgB;EAAU;CAAI,CACzE;CAeA,OAAO;EACL;EACA;EACA,kBAhBmC,aAClC,WAAW;GACV,GAAG;GACH,cAAc,CAAC,kBACX,QAAQ,OAAO,EAAE,aAAa,IAC9B,KAAA;GACJ,UAAU,mBAAmB,YAAY;GACzC,QAAQ,CAAC;GACT,MAAM,CAAC,kBAAkB,QAAQ,KAAA;EACnC,IACA;GAAC;GAAM;GAAU;GAAU;GAAM;GAAiB;GAAK;EAAC,CAMzC;EACf;EACA;EACA;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../../src/components/badge/badge.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { BadgeStyle } from \"./badge.style\"\nimport { createComponent } from \"../../core\"\nimport { badgeStyle } from \"./badge.style\"\n\nexport interface BadgeProps\n  extends HTMLStyledProps<\"span\">, ThemeProps<BadgeStyle> {}\n\nconst {\n  PropsContext: BadgePropsContext,\n  usePropsContext: useBadgePropsContext,\n  withContext,\n} = createComponent<BadgeProps, BadgeStyle>(\"badge\", badgeStyle)\n\nexport { BadgePropsContext, useBadgePropsContext }\n\n/**\n * `Badge` is a component that emphasizes the status of an item to make it immediately recognizable.\n *\n * @see https://yamada-ui.com/docs/components/badge\n */\nexport const Badge = withContext(\"span\")()\n"],"mappings":";;;;AAUA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,OAAO,EAAE"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../../src/components/badge/badge.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { BadgeStyle } from \"./badge.style\"\nimport { createComponent } from \"../../core\"\nimport { badgeStyle } from \"./badge.style\"\n\nexport interface BadgeProps\n  extends HTMLStyledProps<\"span\">, ThemeProps<BadgeStyle> {}\n\nconst {\n  PropsContext: BadgePropsContext,\n  usePropsContext: useBadgePropsContext,\n  withContext,\n} = createComponent<BadgeProps, BadgeStyle>(\"badge\", badgeStyle)\n\nexport { BadgePropsContext, useBadgePropsContext }\n\n/**\n * `Badge` is a component that emphasizes the status of an item to make it immediately recognizable.\n *\n * @see https://yamada-ui.com/docs/components/badge\n */\nexport const Badge = withContext(\"span\")()\n"],"mappings":";;;;AAUA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,UAAU;;;;;;AAS/D,MAAa,QAAQ,YAAY,MAAM,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"badge.style.js","names":[],"sources":["../../../../src/components/badge/badge.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const badgeStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    display: \"inline-flex\",\n    fontWeight: \"medium\",\n    rounded: \"l1\",\n    textTransform: \"uppercase\",\n    verticalAlign: \"middle\",\n    whiteSpace: \"nowrap\",\n  },\n\n  props: {\n    /**\n     * If `true`, the button is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: {\n        rounded: \"full\",\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      layerStyle: \"outline\",\n    },\n    solid: {\n      layerStyle: \"solid\",\n    },\n    subtle: {\n      layerStyle: \"subtle\",\n    },\n    surface: {\n      layerStyle: \"surface\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      fontSize: \"xs\",\n      lineHeight: \"{sizes.5}\",\n      minH: \"5\",\n      px: \"1.5\",\n    },\n    md: {\n      fontSize: \"sm\",\n      lineHeight: \"{sizes.6}\",\n      minH: \"6\",\n      px: \"2\",\n    },\n    lg: {\n      fontSize: \"md\",\n      lineHeight: \"{sizes.7}\",\n      minH: \"7\",\n      px: \"2.5\",\n    },\n  },\n\n  defaultProps: {\n    size: \"sm\",\n    variant: \"outline\",\n  },\n})\n\nexport type BadgeStyle = typeof badgeStyle\n"],"mappings":";;AAEA,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,SAAS;EACT,eAAe;EACf,eAAe;EACf,YAAY;EACb;CAED,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EACJ,SAAS,QACV,EACF,EACF;CAED,UAAU;EACR,SAAS,EACP,YAAY,WACb;EACD,OAAO,EACL,YAAY,SACb;EACD,QAAQ,EACN,YAAY,UACb;EACD,SAAS,EACP,YAAY,WACb;EACF;CAED,OAAO;EACL,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACD,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;GACL;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"badge.style.js","names":[],"sources":["../../../../src/components/badge/badge.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const badgeStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    display: \"inline-flex\",\n    fontWeight: \"medium\",\n    rounded: \"l1\",\n    textTransform: \"uppercase\",\n    verticalAlign: \"middle\",\n    whiteSpace: \"nowrap\",\n  },\n\n  props: {\n    /**\n     * If `true`, the button is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: {\n        rounded: \"full\",\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      layerStyle: \"outline\",\n    },\n    solid: {\n      layerStyle: \"solid\",\n    },\n    subtle: {\n      layerStyle: \"subtle\",\n    },\n    surface: {\n      layerStyle: \"surface\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      fontSize: \"xs\",\n      lineHeight: \"{sizes.5}\",\n      minH: \"5\",\n      px: \"1.5\",\n    },\n    md: {\n      fontSize: \"sm\",\n      lineHeight: \"{sizes.6}\",\n      minH: \"6\",\n      px: \"2\",\n    },\n    lg: {\n      fontSize: \"md\",\n      lineHeight: \"{sizes.7}\",\n      minH: \"7\",\n      px: \"2.5\",\n    },\n  },\n\n  defaultProps: {\n    size: \"sm\",\n    variant: \"outline\",\n  },\n})\n\nexport type BadgeStyle = typeof badgeStyle\n"],"mappings":";;AAEA,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,SAAS;EACT,eAAe;EACf,eAAe;EACf,YAAY;CACd;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EACJ,SAAS,OACX,EACF,EACF;CAEA,UAAU;EACR,SAAS,EACP,YAAY,UACd;EACA,OAAO,EACL,YAAY,QACd;EACA,QAAQ,EACN,YAAY,SACd;EACA,SAAS,EACP,YAAY,UACd;CACF;CAEA,OAAO;EACL,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;EACN;EACA,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;EACN;EACA,IAAI;GACF,UAAU;GACV,YAAY;GACZ,MAAM;GACN,IAAI;EACN;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"bleed.js","names":["calc"],"sources":["../../../../src/components/bleed/bleed.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { BleedStyle } from \"./bleed.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { calc } from \"../../utils\"\nimport { bleedStyle } from \"./bleed.style\"\n\nexport interface BleedProps extends HTMLStyledProps {\n  /**\n   * The CSS `margin-block` property.\n   */\n  block?: CSSProps[\"marginBlock\"]\n  /**\n   * The CSS `margin-block-end` property.\n   */\n  blockEnd?: CSSProps[\"marginBlockEnd\"]\n  /**\n   * The CSS `margin-block-start` property.\n   */\n  blockStart?: CSSProps[\"marginBlockStart\"]\n  /**\n   * The CSS `margin-inline` property.\n   */\n  inline?: \"full\" | CSSProps[\"marginInline\"]\n  /**\n   * The CSS `margin-inline-end` property.\n   */\n  inlineEnd?: \"full\" | CSSProps[\"marginInlineEnd\"]\n  /**\n   * The CSS `margin-inline-start` property.\n   */\n  inlineStart?: \"full\" | CSSProps[\"marginInlineStart\"]\n}\n\nconst {\n  PropsContext: BleedPropsContext,\n  usePropsContext: useBleedPropsContext,\n  withContext,\n} = createComponent<BleedProps, BleedStyle>(\"bleed\", bleedStyle)\n\nexport { BleedPropsContext, useBleedPropsContext }\n\n/**\n * `Bleed` is a component used to break an element from the boundaries of its container.\n *\n * @see https://yamada-ui.com/docs/components/bleed\n */\nexport const Bleed = withContext(\"div\")(\n  undefined,\n  ({\n    block,\n    blockEnd,\n    blockStart,\n    inline,\n    inlineEnd,\n    inlineStart,\n    ...rest\n  }) => {\n    blockStart ??= block\n    blockEnd ??= block\n    inlineStart ??= inline\n    inlineEnd ??= inline\n\n    const inlineStartFull = inlineStart === \"full\"\n    const inlineEndFull = inlineEnd === \"full\"\n\n    const marginBlockStart = calc.negate(\"{block-start}\")\n    const marginBlockEnd = calc.negate(\"{block-end}\")\n    const marginInlineStart = inlineStartFull\n      ? \"calc(50% - 50vw)\"\n      : calc.negate(\"{inline-start}\")\n    const marginInlineEnd = inlineEndFull\n      ? \"calc(50% - 50vw)\"\n      : calc.negate(\"{inline-end}\")\n\n    return {\n      ...rest,\n      \"--block-end\": varAttr(blockEnd, \"spaces\"),\n      \"--block-start\": varAttr(blockStart, \"spaces\"),\n      \"--inline-end\": varAttr(inlineEnd, \"spaces\"),\n      \"--inline-start\": varAttr(inlineStart, \"spaces\"),\n      marginBlockEnd,\n      marginBlockStart,\n      marginInlineEnd,\n      marginInlineStart,\n    }\n  },\n)\n"],"mappings":";;;;;;AAmCA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,MAAM,CACrC,KAAA,IACC,EACC,OACA,UACA,YACA,QACA,WACA,aACA,GAAG,WACC;CACJ,eAAe;CACf,aAAa;CACb,gBAAgB;CAChB,cAAc;CAEd,MAAM,kBAAkB,gBAAgB;CACxC,MAAM,gBAAgB,cAAc;CAEpC,MAAM,mBAAmBA,cAAAA,KAAK,OAAO,gBAAgB;CACrD,MAAM,iBAAiBA,cAAAA,KAAK,OAAO,cAAc;CACjD,MAAM,oBAAoB,kBACtB,qBACAA,cAAAA,KAAK,OAAO,iBAAiB;CACjC,MAAM,kBAAkB,gBACpB,qBACAA,cAAAA,KAAK,OAAO,eAAe;CAE/B,OAAO;EACL,GAAG;EACH,eAAe,QAAQ,UAAU,SAAS;EAC1C,iBAAiB,QAAQ,YAAY,SAAS;EAC9C,gBAAgB,QAAQ,WAAW,SAAS;EAC5C,kBAAkB,QAAQ,aAAa,SAAS;EAChD;EACA;EACA;EACA;EACD;EAEJ"}
+{"version":3,"file":"bleed.js","names":["calc"],"sources":["../../../../src/components/bleed/bleed.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { BleedStyle } from \"./bleed.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { calc } from \"../../utils\"\nimport { bleedStyle } from \"./bleed.style\"\n\nexport interface BleedProps extends HTMLStyledProps {\n  /**\n   * The CSS `margin-block` property.\n   */\n  block?: CSSProps[\"marginBlock\"]\n  /**\n   * The CSS `margin-block-end` property.\n   */\n  blockEnd?: CSSProps[\"marginBlockEnd\"]\n  /**\n   * The CSS `margin-block-start` property.\n   */\n  blockStart?: CSSProps[\"marginBlockStart\"]\n  /**\n   * The CSS `margin-inline` property.\n   */\n  inline?: \"full\" | CSSProps[\"marginInline\"]\n  /**\n   * The CSS `margin-inline-end` property.\n   */\n  inlineEnd?: \"full\" | CSSProps[\"marginInlineEnd\"]\n  /**\n   * The CSS `margin-inline-start` property.\n   */\n  inlineStart?: \"full\" | CSSProps[\"marginInlineStart\"]\n}\n\nconst {\n  PropsContext: BleedPropsContext,\n  usePropsContext: useBleedPropsContext,\n  withContext,\n} = createComponent<BleedProps, BleedStyle>(\"bleed\", bleedStyle)\n\nexport { BleedPropsContext, useBleedPropsContext }\n\n/**\n * `Bleed` is a component used to break an element from the boundaries of its container.\n *\n * @see https://yamada-ui.com/docs/components/bleed\n */\nexport const Bleed = withContext(\"div\")(\n  undefined,\n  ({\n    block,\n    blockEnd,\n    blockStart,\n    inline,\n    inlineEnd,\n    inlineStart,\n    ...rest\n  }) => {\n    blockStart ??= block\n    blockEnd ??= block\n    inlineStart ??= inline\n    inlineEnd ??= inline\n\n    const inlineStartFull = inlineStart === \"full\"\n    const inlineEndFull = inlineEnd === \"full\"\n\n    const marginBlockStart = calc.negate(\"{block-start}\")\n    const marginBlockEnd = calc.negate(\"{block-end}\")\n    const marginInlineStart = inlineStartFull\n      ? \"calc(50% - 50vw)\"\n      : calc.negate(\"{inline-start}\")\n    const marginInlineEnd = inlineEndFull\n      ? \"calc(50% - 50vw)\"\n      : calc.negate(\"{inline-end}\")\n\n    return {\n      ...rest,\n      \"--block-end\": varAttr(blockEnd, \"spaces\"),\n      \"--block-start\": varAttr(blockStart, \"spaces\"),\n      \"--inline-end\": varAttr(inlineEnd, \"spaces\"),\n      \"--inline-start\": varAttr(inlineStart, \"spaces\"),\n      marginBlockEnd,\n      marginBlockStart,\n      marginInlineEnd,\n      marginInlineStart,\n    }\n  },\n)\n"],"mappings":";;;;;;AAmCA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,UAAU;;;;;;AAS/D,MAAa,QAAQ,YAAY,KAAK,EACpC,KAAA,IACC,EACC,OACA,UACA,YACA,QACA,WACA,aACA,GAAG,WACC;CACJ,eAAe;CACf,aAAa;CACb,gBAAgB;CAChB,cAAc;CAEd,MAAM,kBAAkB,gBAAgB;CACxC,MAAM,gBAAgB,cAAc;CAEpC,MAAM,mBAAmBA,cAAAA,KAAK,OAAO,eAAe;CACpD,MAAM,iBAAiBA,cAAAA,KAAK,OAAO,aAAa;CAChD,MAAM,oBAAoB,kBACtB,qBACAA,cAAAA,KAAK,OAAO,gBAAgB;CAChC,MAAM,kBAAkB,gBACpB,qBACAA,cAAAA,KAAK,OAAO,cAAc;CAE9B,OAAO;EACL,GAAG;EACH,eAAe,QAAQ,UAAU,QAAQ;EACzC,iBAAiB,QAAQ,YAAY,QAAQ;EAC7C,gBAAgB,QAAQ,WAAW,QAAQ;EAC3C,kBAAkB,QAAQ,aAAa,QAAQ;EAC/C;EACA;EACA;EACA;CACF;AACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"bleed.style.js","names":[],"sources":["../../../../src/components/bleed/bleed.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const bleedStyle = defineComponentStyle({})\n\nexport type BleedStyle = typeof bleedStyle\n"],"mappings":";;AAEA,MAAa,aAAa,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"bleed.style.js","names":[],"sources":["../../../../src/components/bleed/bleed.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const bleedStyle = defineComponentStyle({})\n\nexport type BleedStyle = typeof bleedStyle\n"],"mappings":";;AAEA,MAAa,aAAa,qBAAqB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"blockquote.js","names":[],"sources":["../../../../src/components/blockquote/blockquote.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { BlockquoteStyle } from \"./blockquote.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useFindChild, useValidChildren } from \"../../utils\"\nimport { QuoteIcon } from \"../icon\"\nimport { blockquoteStyle } from \"./blockquote.style\"\n\ninterface ComponentContext\n  extends\n    Pick<BlockquoteContentProps, \"citeUrl\">,\n    Pick<BlockquoteCaptionProps, \"withDash\"> {}\n\nexport interface BlockquoteRootProps\n  extends\n    Omit<HTMLStyledProps<\"figure\">, \"cite\">,\n    ThemeProps<BlockquoteStyle>,\n    Pick<BlockquoteContentProps, \"citeUrl\">,\n    Pick<BlockquoteCaptionProps, \"withDash\"> {\n  /**\n   * The citation of the blockquote.\n   */\n  cite?: ReactNode\n  /**\n   * The icon of the blockquote.\n   */\n  icon?: ReactNode\n  /**\n   * The props for the `BlockquoteCaption` component.\n   */\n  captionProps?: HTMLStyledProps<\"figcaption\">\n  /**\n   * The props for the `BlockquoteCite` component.\n   */\n  citeProps?: HTMLStyledProps<\"cite\">\n  /**\n   * The props for the `BlockquoteContent` component.\n   */\n  contentProps?: HTMLStyledProps<\"blockquote\">\n}\n\nconst {\n  ComponentContext,\n  PropsContext: BlockquotePropsContext,\n  useComponentContext,\n  usePropsContext: useBlockquotePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<BlockquoteRootProps, BlockquoteStyle, ComponentContext>(\n  \"blockquote\",\n  blockquoteStyle,\n)\n\nexport { BlockquotePropsContext, useBlockquotePropsContext }\n\n/**\n * `Blockquote` is a component that represents a blockquote. By default, it renders a `blockquote` element.\n *\n * @see https://yamada-ui.com/docs/components/blockquote\n */\nexport const BlockquoteRoot = withProvider<\"figure\", BlockquoteRootProps>(\n  ({\n    children,\n    cite,\n    citeUrl,\n    icon,\n    withDash,\n    captionProps,\n    citeProps,\n    contentProps,\n    ...rest\n  }) => {\n    const validChildren = useValidChildren(children)\n    const customBlockquoteContent = useFindChild(\n      validChildren,\n      BlockquoteContent,\n    )\n    const customBlockquoteCaption = useFindChild(\n      validChildren,\n      BlockquoteCaption,\n    )\n\n    const context = useMemo(() => ({ citeUrl, withDash }), [citeUrl, withDash])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.figure {...rest}>\n          {icon}\n\n          {customBlockquoteContent ?? (\n            <BlockquoteContent {...contentProps}>{children}</BlockquoteContent>\n          )}\n\n          {customBlockquoteCaption ??\n            (cite ? (\n              <BlockquoteCaption {...captionProps}>\n                <BlockquoteCite {...citeProps}>{cite}</BlockquoteCite>\n              </BlockquoteCaption>\n            ) : null)}\n        </styled.figure>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface BlockquoteContentProps extends HTMLStyledProps<\"blockquote\"> {\n  /**\n   * The URL of the citation of the blockquote.\n   */\n  citeUrl?: string\n}\n\nexport const BlockquoteContent = withContext<\n  \"blockquote\",\n  BlockquoteContentProps\n>(\"blockquote\", \"content\")(\n  undefined,\n  ({ cite, citeUrl: citeUrlProp, ...rest }) => {\n    const { citeUrl } = useComponentContext()\n\n    return { ...rest, citeurl: cite ?? citeUrlProp ?? citeUrl }\n  },\n)\n\nexport interface BlockquoteCaptionProps extends HTMLStyledProps<\"figcaption\"> {\n  /**\n   * If `true`, the dash will be shown.\n   *\n   * @default false\n   */\n  withDash?: boolean\n}\n\nexport const BlockquoteCaption = withContext<\n  \"figcaption\",\n  BlockquoteCaptionProps\n>(\"figcaption\", \"caption\")(\n  undefined,\n  ({ children, withDash: withDashProp, ...rest }) => {\n    const { withDash } = useComponentContext()\n\n    withDashProp ??= withDash\n\n    return {\n      ...rest,\n      children: (\n        <>\n          {withDashProp ? <>&mdash;</> : null} {children}\n        </>\n      ),\n    }\n  },\n)\n\nexport interface BlockquoteCiteProps extends HTMLStyledProps<\"cite\"> {}\n\nexport const BlockquoteCite = withContext<\"cite\", BlockquoteCiteProps>(\n  \"cite\",\n  \"cite\",\n)()\n\nexport interface BlockquoteIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const BlockquoteIcon = withContext<\"svg\", BlockquoteIconProps>(\n  QuoteIcon,\n  \"icon\",\n)()\n"],"mappings":";;;;;;;;;AA4CA,MAAM,EACJ,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,gBACD;;;;;;AASD,MAAa,iBAAiB,cAC3B,EACC,UACA,MACA,SACA,MACA,UACA,cACA,WACA,cACA,GAAG,WACC;CACJ,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,0BAA0B,aAC9B,eACA,kBACD;CACD,MAAM,0BAA0B,aAC9B,eACA,kBACD;CAID,OACE,oBAAC,kBAAD;EAAkB,OAHJ,eAAe;GAAE;GAAS;GAAU,GAAG,CAAC,SAAS,SAAS,CAGxC;YAC9B,qBAAC,OAAO,QAAR;GAAe,GAAI;aAAnB;IACG;IAEA,2BACC,oBAAC,mBAAD;KAAmB,GAAI;KAAe;KAA6B,CAAA;IAGpE,4BACE,OACC,oBAAC,mBAAD;KAAmB,GAAI;eACrB,oBAAC,gBAAD;MAAgB,GAAI;gBAAY;MAAsB,CAAA;KACpC,CAAA,GAClB;IACQ;;EACC,CAAA;GAGvB,OACD,EAAE;AASH,MAAa,oBAAoB,YAG/B,cAAc,UAAU,CACxB,KAAA,IACC,EAAE,MAAM,SAAS,aAAa,GAAG,WAAW;CAC3C,MAAM,EAAE,YAAY,qBAAqB;CAEzC,OAAO;EAAE,GAAG;EAAM,SAAS,QAAQ,eAAe;EAAS;EAE9D;AAWD,MAAa,oBAAoB,YAG/B,cAAc,UAAU,CACxB,KAAA,IACC,EAAE,UAAU,UAAU,cAAc,GAAG,WAAW;CACjD,MAAM,EAAE,aAAa,qBAAqB;CAE1C,iBAAiB;CAEjB,OAAO;EACL,GAAG;EACH,UACE,qBAAA,YAAA,EAAA,UAAA;GACG,eAAe,oBAAA,YAAA,EAAA,UAAE,KAAU,CAAA,GAAG;GAAK;GAAE;GACrC,EAAA,CAAA;EAEN;EAEJ;AAID,MAAa,iBAAiB,YAC5B,QACA,OACD,EAAE;AAIH,MAAa,iBAAiB,YAC5B,WACA,OACD,EAAE"}
+{"version":3,"file":"blockquote.js","names":[],"sources":["../../../../src/components/blockquote/blockquote.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { BlockquoteStyle } from \"./blockquote.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useFindChild, useValidChildren } from \"../../utils\"\nimport { QuoteIcon } from \"../icon\"\nimport { blockquoteStyle } from \"./blockquote.style\"\n\ninterface ComponentContext\n  extends\n    Pick<BlockquoteContentProps, \"citeUrl\">,\n    Pick<BlockquoteCaptionProps, \"withDash\"> {}\n\nexport interface BlockquoteRootProps\n  extends\n    Omit<HTMLStyledProps<\"figure\">, \"cite\">,\n    ThemeProps<BlockquoteStyle>,\n    Pick<BlockquoteContentProps, \"citeUrl\">,\n    Pick<BlockquoteCaptionProps, \"withDash\"> {\n  /**\n   * The citation of the blockquote.\n   */\n  cite?: ReactNode\n  /**\n   * The icon of the blockquote.\n   */\n  icon?: ReactNode\n  /**\n   * The props for the `BlockquoteCaption` component.\n   */\n  captionProps?: HTMLStyledProps<\"figcaption\">\n  /**\n   * The props for the `BlockquoteCite` component.\n   */\n  citeProps?: HTMLStyledProps<\"cite\">\n  /**\n   * The props for the `BlockquoteContent` component.\n   */\n  contentProps?: HTMLStyledProps<\"blockquote\">\n}\n\nconst {\n  ComponentContext,\n  PropsContext: BlockquotePropsContext,\n  useComponentContext,\n  usePropsContext: useBlockquotePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<BlockquoteRootProps, BlockquoteStyle, ComponentContext>(\n  \"blockquote\",\n  blockquoteStyle,\n)\n\nexport { BlockquotePropsContext, useBlockquotePropsContext }\n\n/**\n * `Blockquote` is a component that represents a blockquote. By default, it renders a `blockquote` element.\n *\n * @see https://yamada-ui.com/docs/components/blockquote\n */\nexport const BlockquoteRoot = withProvider<\"figure\", BlockquoteRootProps>(\n  ({\n    children,\n    cite,\n    citeUrl,\n    icon,\n    withDash,\n    captionProps,\n    citeProps,\n    contentProps,\n    ...rest\n  }) => {\n    const validChildren = useValidChildren(children)\n    const customBlockquoteContent = useFindChild(\n      validChildren,\n      BlockquoteContent,\n    )\n    const customBlockquoteCaption = useFindChild(\n      validChildren,\n      BlockquoteCaption,\n    )\n\n    const context = useMemo(() => ({ citeUrl, withDash }), [citeUrl, withDash])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.figure {...rest}>\n          {icon}\n\n          {customBlockquoteContent ?? (\n            <BlockquoteContent {...contentProps}>{children}</BlockquoteContent>\n          )}\n\n          {customBlockquoteCaption ??\n            (cite ? (\n              <BlockquoteCaption {...captionProps}>\n                <BlockquoteCite {...citeProps}>{cite}</BlockquoteCite>\n              </BlockquoteCaption>\n            ) : null)}\n        </styled.figure>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface BlockquoteContentProps extends HTMLStyledProps<\"blockquote\"> {\n  /**\n   * The URL of the citation of the blockquote.\n   */\n  citeUrl?: string\n}\n\nexport const BlockquoteContent = withContext<\n  \"blockquote\",\n  BlockquoteContentProps\n>(\"blockquote\", \"content\")(\n  undefined,\n  ({ cite, citeUrl: citeUrlProp, ...rest }) => {\n    const { citeUrl } = useComponentContext()\n\n    return { ...rest, citeurl: cite ?? citeUrlProp ?? citeUrl }\n  },\n)\n\nexport interface BlockquoteCaptionProps extends HTMLStyledProps<\"figcaption\"> {\n  /**\n   * If `true`, the dash will be shown.\n   *\n   * @default false\n   */\n  withDash?: boolean\n}\n\nexport const BlockquoteCaption = withContext<\n  \"figcaption\",\n  BlockquoteCaptionProps\n>(\"figcaption\", \"caption\")(\n  undefined,\n  ({ children, withDash: withDashProp, ...rest }) => {\n    const { withDash } = useComponentContext()\n\n    withDashProp ??= withDash\n\n    return {\n      ...rest,\n      children: (\n        <>\n          {withDashProp ? <>&mdash;</> : null} {children}\n        </>\n      ),\n    }\n  },\n)\n\nexport interface BlockquoteCiteProps extends HTMLStyledProps<\"cite\"> {}\n\nexport const BlockquoteCite = withContext<\"cite\", BlockquoteCiteProps>(\n  \"cite\",\n  \"cite\",\n)()\n\nexport interface BlockquoteIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const BlockquoteIcon = withContext<\"svg\", BlockquoteIconProps>(\n  QuoteIcon,\n  \"icon\",\n)()\n"],"mappings":";;;;;;;;;AA4CA,MAAM,EACJ,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,UACA,MACA,SACA,MACA,UACA,cACA,WACA,cACA,GAAG,WACC;CACJ,MAAM,gBAAgB,iBAAiB,QAAQ;CAC/C,MAAM,0BAA0B,aAC9B,eACA,iBACF;CACA,MAAM,0BAA0B,aAC9B,eACA,iBACF;CAIA,OACE,oBAAC,kBAAD;EAAkB,OAHJ,eAAe;GAAE;GAAS;EAAS,IAAI,CAAC,SAAS,QAAQ,CAGxC;YAC7B,qBAAC,OAAO,QAAR;GAAe,GAAI;aAAnB;IACG;IAEA,2BACC,oBAAC,mBAAD;KAAmB,GAAI;KAAe;IAA4B,CAAA;IAGnE,4BACE,OACC,oBAAC,mBAAD;KAAmB,GAAI;eACrB,oBAAC,gBAAD;MAAgB,GAAI;gBAAY;KAAqB,CAAA;IACpC,CAAA,IACjB;GACO;;CACC,CAAA;AAEtB,GACA,MACF,EAAE;AASF,MAAa,oBAAoB,YAG/B,cAAc,SAAS,EACvB,KAAA,IACC,EAAE,MAAM,SAAS,aAAa,GAAG,WAAW;CAC3C,MAAM,EAAE,YAAY,oBAAoB;CAExC,OAAO;EAAE,GAAG;EAAM,SAAS,QAAQ,eAAe;CAAQ;AAC5D,CACF;AAWA,MAAa,oBAAoB,YAG/B,cAAc,SAAS,EACvB,KAAA,IACC,EAAE,UAAU,UAAU,cAAc,GAAG,WAAW;CACjD,MAAM,EAAE,aAAa,oBAAoB;CAEzC,iBAAiB;CAEjB,OAAO;EACL,GAAG;EACH,UACE,qBAAA,YAAA,EAAA,UAAA;GACG,eAAe,oBAAA,YAAA,EAAA,UAAE,IAAS,CAAA,IAAI;GAAK;GAAE;EACtC,EAAA,CAAA;CAEN;AACF,CACF;AAIA,MAAa,iBAAiB,YAC5B,QACA,MACF,EAAE;AAIF,MAAa,iBAAiB,YAC5B,WACA,MACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"blockquote.style.js","names":[],"sources":["../../../../src/components/blockquote/blockquote.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const blockquoteStyle = defineComponentSlotStyle({\n  base: {\n    caption: {\n      color: \"muted\",\n      fontSize: \"sm\",\n    },\n    cite: {},\n    content: {},\n    icon: {\n      fontSize: \"xl\",\n      left: \"0\",\n      position: \"absolute\",\n      top: \"0.5\",\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"sm\",\n      position: \"relative\",\n    },\n  },\n\n  props: {\n    /**\n     * The alignment of the blockquote.\n     *\n     * @default 'start'\n     */\n    justify: {\n      center: {\n        root: {\n          alignItems: \"center\",\n          textAlign: \"center\",\n        },\n      },\n      end: {\n        root: {\n          alignItems: \"end\",\n          textAlign: \"end\",\n        },\n      },\n      start: {\n        root: {\n          alignItems: \"start\",\n          textAlign: \"start\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    plain: {\n      icon: {\n        color: \"colorScheme.solid\",\n      },\n      root: {\n        _hasIcon: {\n          ps: \"lg\",\n        },\n      },\n    },\n    solid: {\n      icon: {\n        color: \"colorScheme.solid\",\n      },\n      root: {\n        borderStart: \"4px solid {colorScheme.solid}\",\n        px: \"md\",\n      },\n    },\n    subtle: {\n      icon: {\n        color: \"colorScheme.fg\",\n      },\n      root: {\n        borderStart: \"4px solid {colorScheme.muted}\",\n        px: \"md\",\n      },\n    },\n  },\n\n  defaultProps: {\n    variant: \"subtle\",\n    justify: \"start\",\n  },\n})\n\nexport type BlockquoteStyle = typeof blockquoteStyle\n"],"mappings":";;AAEA,MAAa,kBAAkB,yBAAyB;CACtD,MAAM;EACJ,SAAS;GACP,OAAO;GACP,UAAU;GACX;EACD,MAAM,EAAE;EACR,SAAS,EAAE;EACX,MAAM;GACJ,UAAU;GACV,MAAM;GACN,UAAU;GACV,KAAK;GACN;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,UAAU;GACX;EACF;CAED,OAAO;;;;;;AAML,SAAS;EACP,QAAQ,EACN,MAAM;GACJ,YAAY;GACZ,WAAW;GACZ,EACF;EACD,KAAK,EACH,MAAM;GACJ,YAAY;GACZ,WAAW;GACZ,EACF;EACD,OAAO,EACL,MAAM;GACJ,YAAY;GACZ,WAAW;GACZ,EACF;EACF,EACF;CAED,UAAU;EACR,OAAO;GACL,MAAM,EACJ,OAAO,qBACR;GACD,MAAM,EACJ,UAAU,EACR,IAAI,MACL,EACF;GACF;EACD,OAAO;GACL,MAAM,EACJ,OAAO,qBACR;GACD,MAAM;IACJ,aAAa;IACb,IAAI;IACL;GACF;EACD,QAAQ;GACN,MAAM,EACJ,OAAO,kBACR;GACD,MAAM;IACJ,aAAa;IACb,IAAI;IACL;GACF;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"blockquote.style.js","names":[],"sources":["../../../../src/components/blockquote/blockquote.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const blockquoteStyle = defineComponentSlotStyle({\n  base: {\n    caption: {\n      color: \"muted\",\n      fontSize: \"sm\",\n    },\n    cite: {},\n    content: {},\n    icon: {\n      fontSize: \"xl\",\n      left: \"0\",\n      position: \"absolute\",\n      top: \"0.5\",\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"sm\",\n      position: \"relative\",\n    },\n  },\n\n  props: {\n    /**\n     * The alignment of the blockquote.\n     *\n     * @default 'start'\n     */\n    justify: {\n      center: {\n        root: {\n          alignItems: \"center\",\n          textAlign: \"center\",\n        },\n      },\n      end: {\n        root: {\n          alignItems: \"end\",\n          textAlign: \"end\",\n        },\n      },\n      start: {\n        root: {\n          alignItems: \"start\",\n          textAlign: \"start\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    plain: {\n      icon: {\n        color: \"colorScheme.solid\",\n      },\n      root: {\n        _hasIcon: {\n          ps: \"lg\",\n        },\n      },\n    },\n    solid: {\n      icon: {\n        color: \"colorScheme.solid\",\n      },\n      root: {\n        borderStart: \"4px solid {colorScheme.solid}\",\n        px: \"md\",\n      },\n    },\n    subtle: {\n      icon: {\n        color: \"colorScheme.fg\",\n      },\n      root: {\n        borderStart: \"4px solid {colorScheme.muted}\",\n        px: \"md\",\n      },\n    },\n  },\n\n  defaultProps: {\n    variant: \"subtle\",\n    justify: \"start\",\n  },\n})\n\nexport type BlockquoteStyle = typeof blockquoteStyle\n"],"mappings":";;AAEA,MAAa,kBAAkB,yBAAyB;CACtD,MAAM;EACJ,SAAS;GACP,OAAO;GACP,UAAU;EACZ;EACA,MAAM,CAAC;EACP,SAAS,CAAC;EACV,MAAM;GACJ,UAAU;GACV,MAAM;GACN,UAAU;GACV,KAAK;EACP;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACL,UAAU;EACZ;CACF;CAEA,OAAO;;;;;;AAML,SAAS;EACP,QAAQ,EACN,MAAM;GACJ,YAAY;GACZ,WAAW;EACb,EACF;EACA,KAAK,EACH,MAAM;GACJ,YAAY;GACZ,WAAW;EACb,EACF;EACA,OAAO,EACL,MAAM;GACJ,YAAY;GACZ,WAAW;EACb,EACF;CACF,EACF;CAEA,UAAU;EACR,OAAO;GACL,MAAM,EACJ,OAAO,oBACT;GACA,MAAM,EACJ,UAAU,EACR,IAAI,KACN,EACF;EACF;EACA,OAAO;GACL,MAAM,EACJ,OAAO,oBACT;GACA,MAAM;IACJ,aAAa;IACb,IAAI;GACN;EACF;EACA,QAAQ;GACN,MAAM,EACJ,OAAO,iBACT;GACA,MAAM;IACJ,aAAa;IACb,IAAI;GACN;EACF;CACF;CAEA,cAAc;EACZ,SAAS;EACT,SAAS;CACX;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"box.js","names":[],"sources":["../../../../src/components/box/box.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps } from \"../../core\"\nimport { styled } from \"../../core\"\n\nexport interface BoxProps extends HTMLStyledProps {}\n\n/**\n * `Box` is the most abstract component on which all other components are built. By default, it renders a `div` element.\n *\n * @see https://yamada-ui.com/docs/components/box\n */\nexport const Box = styled(\"div\")\n"],"mappings":";;;;;;;;AAYA,MAAa,MAAM,OAAO,MAAM"}
+{"version":3,"file":"box.js","names":[],"sources":["../../../../src/components/box/box.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps } from \"../../core\"\nimport { styled } from \"../../core\"\n\nexport interface BoxProps extends HTMLStyledProps {}\n\n/**\n * `Box` is the most abstract component on which all other components are built. By default, it renders a `div` element.\n *\n * @see https://yamada-ui.com/docs/components/box\n */\nexport const Box = styled(\"div\")\n"],"mappings":";;;;;;;;AAYA,MAAa,MAAM,OAAO,KAAK"}

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { HTMLStyledProps, PropGetter, ThemeProps } from \"../../core\"\nimport type { BreadcrumbStyle } from \"./breadcrumb.style\"\nimport type { UseBreadcrumbProps } from \"./use-breadcrumb\"\nimport { Fragment, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { ChevronRightIcon, EllipsisIcon } from \"../icon\"\nimport { breadcrumbStyle } from \"./breadcrumb.style\"\nimport { useBreadcrumb } from \"./use-breadcrumb\"\n\ninterface ComponentContext {\n  getEllipsisProps: PropGetter<\"svg\">\n  getLinkProps: PropGetter<\"a\", { currentPage?: boolean }>\n}\n\nexport interface BreadcrumbRootProps\n  extends\n    HTMLStyledProps<\"nav\">,\n    ThemeProps<BreadcrumbStyle>,\n    Omit<UseBreadcrumbProps, \"endBoundaries\" | \"startBoundaries\"> {\n  /**\n   * Number of elements visible on the end(right) edges.\n   *\n   * @default 0\n   */\n  endBoundaries?: number\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: ReactElement | string\n  /**\n   * Number of elements visible on the start(left) edges.\n   *\n   * @default 0\n   */\n  startBoundaries?: number\n  /**\n   * Props for item element.\n   */\n  itemProps?: BreadcrumbItemProps\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLStyledProps<\"ol\">\n  /**\n   * Props for separator element.\n   */\n  separatorProps?: BreadcrumbSeparatorProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: BreadcrumbPropsContext,\n  useComponentContext,\n  usePropsContext: useBreadcrumbPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<BreadcrumbRootProps, BreadcrumbStyle, ComponentContext>(\n  \"breadcrumb\",\n  breadcrumbStyle,\n)\n\nexport { BreadcrumbPropsContext, useBreadcrumbPropsContext }\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see https://yamada-ui.com/docs/components/breadcrumb\n */\nexport const BreadcrumbRoot = withProvider<\"nav\", BreadcrumbRootProps>(\n  ({\n    endBoundaries,\n    gap,\n    separator,\n    startBoundaries,\n    itemProps,\n    listProps,\n    separatorProps,\n    ...rest\n  }) => {\n    const {\n      children,\n      getEllipsisProps,\n      getLinkProps,\n      getListProps,\n      getRootProps,\n    } = useBreadcrumb({\n      ellipsis: <BreadcrumbEllipsis />,\n      endBoundaries,\n      link: <BreadcrumbLink />,\n      startBoundaries,\n      ...rest,\n    })\n\n    const context = useMemo(\n      () => ({ getEllipsisProps, getLinkProps }),\n      [getEllipsisProps, getLinkProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.nav {...getRootProps()}>\n          <BreadcrumbList {...getListProps({ gap, ...listProps })}>\n            {children.map((child, index) => {\n              const last = index === children.length - 1\n\n              return (\n                <Fragment key={index}>\n                  <BreadcrumbItem {...itemProps}>{child}</BreadcrumbItem>\n\n                  {!last ? (\n                    <BreadcrumbSeparator {...separatorProps}>\n                      {separator}\n                    </BreadcrumbSeparator>\n                  ) : null}\n                </Fragment>\n              )\n            })}\n          </BreadcrumbList>\n        </styled.nav>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\ninterface BreadcrumbListProps extends HTMLStyledProps<\"ol\"> {}\n\nconst BreadcrumbList = withContext<\"ol\", BreadcrumbListProps>(\"ol\", \"list\")()\n\ninterface BreadcrumbItemProps extends HTMLStyledProps<\"li\"> {}\n\nconst BreadcrumbItem = withContext<\"li\", BreadcrumbItemProps>(\"li\", \"item\")()\n\ninterface BreadcrumbSeparatorProps extends HTMLStyledProps<\"li\"> {}\n\nconst BreadcrumbSeparator = withContext<\"li\", BreadcrumbSeparatorProps>(\n  BreadcrumbItem,\n  \"separator\",\n)(({ children, ...rest }) => ({\n  children: children ?? <ChevronRightIcon />,\n  ...rest,\n}))\n\nexport interface BreadcrumbLinkProps extends HTMLStyledProps<\"a\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  currentPage?: boolean\n}\n\nexport const BreadcrumbLink = withContext<\"a\", BreadcrumbLinkProps>(\n  \"a\",\n  \"link\",\n)(undefined, ({ currentPage, ...rest }) => {\n  const { getLinkProps } = useComponentContext()\n\n  return {\n    as: !currentPage ? \"a\" : \"span\",\n    ...getLinkProps({ currentPage, ...rest }),\n  }\n})\n\nexport interface BreadcrumbEllipsisProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const BreadcrumbEllipsis = withContext<\"svg\", BreadcrumbEllipsisProps>(\n  EllipsisIcon,\n  \"ellipsis\",\n)(undefined, (props) => {\n  const { getEllipsisProps } = useComponentContext()\n\n  return { ...getEllipsisProps(props) }\n})\n"],"mappings":";;;;;;;;;;AAsDA,MAAM,EACJ,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,gBACD;;;;;;AASD,MAAa,iBAAiB,cAC3B,EACC,eACA,KACA,WACA,iBACA,WACA,WACA,gBACA,GAAG,WACC;CACJ,MAAM,EACJ,UACA,kBACA,cACA,cACA,iBACE,cAAc;EAChB,UAAU,oBAAC,oBAAD,EAAsB,CAAA;EAChC;EACA,MAAM,oBAAC,gBAAD,EAAkB,CAAA;EACxB;EACA,GAAG;EACJ,CAAC;CAOF,OACE,oBAAC,kBAAD;EAAkB,OANJ,eACP;GAAE;GAAkB;GAAc,GACzC,CAAC,kBAAkB,aAAa,CAIA;YAC9B,oBAAC,OAAO,KAAR;GAAY,GAAI,cAAc;aAC5B,oBAAC,gBAAD;IAAgB,GAAI,aAAa;KAAE;KAAK,GAAG;KAAW,CAAC;cACpD,SAAS,KAAK,OAAO,UAAU;KAC9B,MAAM,OAAO,UAAU,SAAS,SAAS;KAEzC,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;MAAgB,GAAI;gBAAY;MAAuB,CAAA,EAEtD,CAAC,OACA,oBAAC,qBAAD;MAAqB,GAAI;gBACtB;MACmB,CAAA,GACpB,KACK,EAAA,EARI,MAQJ;MAEb;IACa,CAAA;GACN,CAAA;EACI,CAAA;GAGvB,OACD,EAAE;AAIH,MAAM,iBAAiB,YAAuC,MAAM,OAAO,EAAE;AAI7E,MAAM,iBAAiB,YAAuC,MAAM,OAAO,EAAE;AAI7E,MAAM,sBAAsB,YAC1B,gBACA,YACD,EAAE,EAAE,UAAU,GAAG,YAAY;CAC5B,UAAU,YAAY,oBAAC,kBAAD,EAAoB,CAAA;CAC1C,GAAG;CACJ,EAAE;AAWH,MAAa,iBAAiB,YAC5B,KACA,OACD,CAAC,KAAA,IAAY,EAAE,aAAa,GAAG,WAAW;CACzC,MAAM,EAAE,iBAAiB,qBAAqB;CAE9C,OAAO;EACL,IAAI,CAAC,cAAc,MAAM;EACzB,GAAG,aAAa;GAAE;GAAa,GAAG;GAAM,CAAC;EAC1C;EACD;AAIF,MAAa,qBAAqB,YAChC,cACA,WACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqB,qBAAqB;CAElD,OAAO,EAAE,GAAG,iBAAiB,MAAM,EAAE;EACrC"}
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { HTMLStyledProps, PropGetter, ThemeProps } from \"../../core\"\nimport type { BreadcrumbStyle } from \"./breadcrumb.style\"\nimport type { UseBreadcrumbProps } from \"./use-breadcrumb\"\nimport { Fragment, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { ChevronRightIcon, EllipsisIcon } from \"../icon\"\nimport { breadcrumbStyle } from \"./breadcrumb.style\"\nimport { useBreadcrumb } from \"./use-breadcrumb\"\n\ninterface ComponentContext {\n  getEllipsisProps: PropGetter<\"svg\">\n  getLinkProps: PropGetter<\"a\", { currentPage?: boolean }>\n}\n\nexport interface BreadcrumbRootProps\n  extends\n    HTMLStyledProps<\"nav\">,\n    ThemeProps<BreadcrumbStyle>,\n    Omit<UseBreadcrumbProps, \"endBoundaries\" | \"startBoundaries\"> {\n  /**\n   * Number of elements visible on the end(right) edges.\n   *\n   * @default 0\n   */\n  endBoundaries?: number\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: ReactElement | string\n  /**\n   * Number of elements visible on the start(left) edges.\n   *\n   * @default 0\n   */\n  startBoundaries?: number\n  /**\n   * Props for item element.\n   */\n  itemProps?: BreadcrumbItemProps\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLStyledProps<\"ol\">\n  /**\n   * Props for separator element.\n   */\n  separatorProps?: BreadcrumbSeparatorProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: BreadcrumbPropsContext,\n  useComponentContext,\n  usePropsContext: useBreadcrumbPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<BreadcrumbRootProps, BreadcrumbStyle, ComponentContext>(\n  \"breadcrumb\",\n  breadcrumbStyle,\n)\n\nexport { BreadcrumbPropsContext, useBreadcrumbPropsContext }\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see https://yamada-ui.com/docs/components/breadcrumb\n */\nexport const BreadcrumbRoot = withProvider<\"nav\", BreadcrumbRootProps>(\n  ({\n    endBoundaries,\n    gap,\n    separator,\n    startBoundaries,\n    itemProps,\n    listProps,\n    separatorProps,\n    ...rest\n  }) => {\n    const {\n      children,\n      getEllipsisProps,\n      getLinkProps,\n      getListProps,\n      getRootProps,\n    } = useBreadcrumb({\n      ellipsis: <BreadcrumbEllipsis />,\n      endBoundaries,\n      link: <BreadcrumbLink />,\n      startBoundaries,\n      ...rest,\n    })\n\n    const context = useMemo(\n      () => ({ getEllipsisProps, getLinkProps }),\n      [getEllipsisProps, getLinkProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.nav {...getRootProps()}>\n          <BreadcrumbList {...getListProps({ gap, ...listProps })}>\n            {children.map((child, index) => {\n              const last = index === children.length - 1\n\n              return (\n                <Fragment key={index}>\n                  <BreadcrumbItem {...itemProps}>{child}</BreadcrumbItem>\n\n                  {!last ? (\n                    <BreadcrumbSeparator {...separatorProps}>\n                      {separator}\n                    </BreadcrumbSeparator>\n                  ) : null}\n                </Fragment>\n              )\n            })}\n          </BreadcrumbList>\n        </styled.nav>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\ninterface BreadcrumbListProps extends HTMLStyledProps<\"ol\"> {}\n\nconst BreadcrumbList = withContext<\"ol\", BreadcrumbListProps>(\"ol\", \"list\")()\n\ninterface BreadcrumbItemProps extends HTMLStyledProps<\"li\"> {}\n\nconst BreadcrumbItem = withContext<\"li\", BreadcrumbItemProps>(\"li\", \"item\")()\n\ninterface BreadcrumbSeparatorProps extends HTMLStyledProps<\"li\"> {}\n\nconst BreadcrumbSeparator = withContext<\"li\", BreadcrumbSeparatorProps>(\n  BreadcrumbItem,\n  \"separator\",\n)(({ children, ...rest }) => ({\n  children: children ?? <ChevronRightIcon />,\n  ...rest,\n}))\n\nexport interface BreadcrumbLinkProps extends HTMLStyledProps<\"a\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  currentPage?: boolean\n}\n\nexport const BreadcrumbLink = withContext<\"a\", BreadcrumbLinkProps>(\n  \"a\",\n  \"link\",\n)(undefined, ({ currentPage, ...rest }) => {\n  const { getLinkProps } = useComponentContext()\n\n  return {\n    as: !currentPage ? \"a\" : \"span\",\n    ...getLinkProps({ currentPage, ...rest }),\n  }\n})\n\nexport interface BreadcrumbEllipsisProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const BreadcrumbEllipsis = withContext<\"svg\", BreadcrumbEllipsisProps>(\n  EllipsisIcon,\n  \"ellipsis\",\n)(undefined, (props) => {\n  const { getEllipsisProps } = useComponentContext()\n\n  return { ...getEllipsisProps(props) }\n})\n"],"mappings":";;;;;;;;;;AAsDA,MAAM,EACJ,kBACA,cAAc,wBACd,qBACA,iBAAiB,2BACjB,aACA,iBACE,oBACF,cACA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,eACA,KACA,WACA,iBACA,WACA,WACA,gBACA,GAAG,WACC;CACJ,MAAM,EACJ,UACA,kBACA,cACA,cACA,iBACE,cAAc;EAChB,UAAU,oBAAC,oBAAD,CAAqB,CAAA;EAC/B;EACA,MAAM,oBAAC,gBAAD,CAAiB,CAAA;EACvB;EACA,GAAG;CACL,CAAC;CAOD,OACE,oBAAC,kBAAD;EAAkB,OANJ,eACP;GAAE;GAAkB;EAAa,IACxC,CAAC,kBAAkB,YAAY,CAIA;YAC7B,oBAAC,OAAO,KAAR;GAAY,GAAI,aAAa;aAC3B,oBAAC,gBAAD;IAAgB,GAAI,aAAa;KAAE;KAAK,GAAG;IAAU,CAAC;cACnD,SAAS,KAAK,OAAO,UAAU;KAC9B,MAAM,OAAO,UAAU,SAAS,SAAS;KAEzC,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;MAAgB,GAAI;gBAAY;KAAsB,CAAA,GAErD,CAAC,OACA,oBAAC,qBAAD;MAAqB,GAAI;gBACtB;KACkB,CAAA,IACnB,IACI,EAAA,GARK,KAQL;IAEd,CAAC;GACa,CAAA;EACN,CAAA;CACI,CAAA;AAEtB,GACA,MACF,EAAE;AAIF,MAAM,iBAAiB,YAAuC,MAAM,MAAM,EAAE;AAI5E,MAAM,iBAAiB,YAAuC,MAAM,MAAM,EAAE;AAI5E,MAAM,sBAAsB,YAC1B,gBACA,WACF,GAAG,EAAE,UAAU,GAAG,YAAY;CAC5B,UAAU,YAAY,oBAAC,kBAAD,CAAmB,CAAA;CACzC,GAAG;AACL,EAAE;AAWF,MAAa,iBAAiB,YAC5B,KACA,MACF,EAAE,KAAA,IAAY,EAAE,aAAa,GAAG,WAAW;CACzC,MAAM,EAAE,iBAAiB,oBAAoB;CAE7C,OAAO;EACL,IAAI,CAAC,cAAc,MAAM;EACzB,GAAG,aAAa;GAAE;GAAa,GAAG;EAAK,CAAC;CAC1C;AACF,CAAC;AAID,MAAa,qBAAqB,YAChC,cACA,UACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqB,oBAAoB;CAEjD,OAAO,EAAE,GAAG,iBAAiB,KAAK,EAAE;AACtC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.style.js","names":[],"sources":["../../../../src/components/breadcrumb/breadcrumb.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const breadcrumbStyle = defineComponentSlotStyle({\n  base: {\n    ellipsis: {\n      color: \"fg.muted\",\n    },\n    item: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n    },\n    link: {\n      rounded: \"l1\",\n      textDecoration: \"none\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n    },\n    list: {\n      alignItems: \"center\",\n      display: \"flex\",\n      wordBreak: \"break-word\",\n    },\n    root: {},\n    separator: {\n      color: \"fg.muted\",\n    },\n  },\n\n  variants: {\n    plain: {\n      link: {\n        _notCurrent: {\n          color: \"fg.muted\",\n          _hover: {\n            color: \"fg\",\n          },\n        },\n      },\n    },\n    underline: {\n      link: {\n        _notCurrent: {\n          _hover: {\n            textDecoration: \"underline\",\n          },\n        },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      list: {\n        fontSize: \"sm\",\n        gap: \"1\",\n      },\n    },\n    md: {\n      list: {\n        fontSize: \"md\",\n        gap: \"1.5\",\n      },\n    },\n    lg: {\n      list: {\n        fontSize: \"lg\",\n        gap: \"2\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"plain\",\n  },\n})\n\nexport type BreadcrumbStyle = typeof breadcrumbStyle\n"],"mappings":";;AAEA,MAAa,kBAAkB,yBAAyB;CACtD,MAAM;EACJ,UAAU,EACR,OAAO,YACR;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,gBAAgB;GAChB,oBAAoB;GACpB,oBAAoB;GACrB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,WAAW;GACZ;EACD,MAAM,EAAE;EACR,WAAW,EACT,OAAO,YACR;EACF;CAED,UAAU;EACR,OAAO,EACL,MAAM,EACJ,aAAa;GACX,OAAO;GACP,QAAQ,EACN,OAAO,MACR;GACF,EACF,EACF;EACD,WAAW,EACT,MAAM,EACJ,aAAa,EACX,QAAQ,EACN,gBAAgB,aACjB,EACF,EACF,EACF;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"breadcrumb.style.js","names":[],"sources":["../../../../src/components/breadcrumb/breadcrumb.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const breadcrumbStyle = defineComponentSlotStyle({\n  base: {\n    ellipsis: {\n      color: \"fg.muted\",\n    },\n    item: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n    },\n    link: {\n      rounded: \"l1\",\n      textDecoration: \"none\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n    },\n    list: {\n      alignItems: \"center\",\n      display: \"flex\",\n      wordBreak: \"break-word\",\n    },\n    root: {},\n    separator: {\n      color: \"fg.muted\",\n    },\n  },\n\n  variants: {\n    plain: {\n      link: {\n        _notCurrent: {\n          color: \"fg.muted\",\n          _hover: {\n            color: \"fg\",\n          },\n        },\n      },\n    },\n    underline: {\n      link: {\n        _notCurrent: {\n          _hover: {\n            textDecoration: \"underline\",\n          },\n        },\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      list: {\n        fontSize: \"sm\",\n        gap: \"1\",\n      },\n    },\n    md: {\n      list: {\n        fontSize: \"md\",\n        gap: \"1.5\",\n      },\n    },\n    lg: {\n      list: {\n        fontSize: \"lg\",\n        gap: \"2\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"plain\",\n  },\n})\n\nexport type BreadcrumbStyle = typeof breadcrumbStyle\n"],"mappings":";;AAEA,MAAa,kBAAkB,yBAAyB;CACtD,MAAM;EACJ,UAAU,EACR,OAAO,WACT;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;EACX;EACA,MAAM;GACJ,SAAS;GACT,gBAAgB;GAChB,oBAAoB;GACpB,oBAAoB;EACtB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,WAAW;EACb;EACA,MAAM,CAAC;EACP,WAAW,EACT,OAAO,WACT;CACF;CAEA,UAAU;EACR,OAAO,EACL,MAAM,EACJ,aAAa;GACX,OAAO;GACP,QAAQ,EACN,OAAO,KACT;EACF,EACF,EACF;EACA,WAAW,EACT,MAAM,EACJ,aAAa,EACX,QAAQ,EACN,gBAAgB,YAClB,EACF,EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;EACP,EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-breadcrumb.js","names":[],"sources":["../../../../src/components/breadcrumb/use-breadcrumb.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { runIfFn, useValidChildren } from \"../../utils\"\n\nexport interface BreadcrumbItem extends HTMLProps<\"a\"> {\n  currentPage?: boolean\n  label?: ReactNode\n}\n\nexport interface UseBreadcrumbProps extends HTMLProps<\"nav\"> {\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?: ReactNodeOrFunction<{ items: BreadcrumbItem[] }>\n  /**\n   * Number of elements visible on the end(right) edges.\n   *\n   * @default 0\n   */\n  endBoundaries?: number\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbItem[]\n  /**\n   * The component to be used for the link.\n   */\n  link?: ReactElement<any>\n  /**\n   * Number of elements visible on the start(left) edges.\n   *\n   * @default 0\n   */\n  startBoundaries?: number\n}\n\nexport const useBreadcrumb = ({\n  children,\n  ellipsis,\n  endBoundaries = 0,\n  items = [],\n  link,\n  startBoundaries = 0,\n  ...rest\n}: UseBreadcrumbProps = {}) => {\n  const validChildren = useValidChildren(children)\n  const length = validChildren.length || items.length\n  const { t } = useI18n(\"breadcrumb\")\n\n  const hasBoundaries =\n    startBoundaries + endBoundaries > 0 &&\n    length > startBoundaries + endBoundaries\n\n  const renderLink = useCallback(\n    (items: BreadcrumbItem[]) => {\n      if (!link) return []\n\n      return items.map(({ label, ...rest }) =>\n        cloneElement<any>(link, { ...link.props, children: label, ...rest }),\n      )\n    },\n    [link],\n  )\n\n  const renderEllipsis = useCallback(\n    (items: BreadcrumbItem[]) => {\n      if (!ellipsis) return null\n\n      return runIfFn(ellipsis, { items })\n    },\n    [ellipsis],\n  )\n\n  const splitItems = useCallback(\n    (items: BreadcrumbItem[]) => {\n      const length = items.length\n      const firstItems = items.slice(0, startBoundaries)\n      const ellipsisItems = items.slice(startBoundaries, length - endBoundaries)\n      const lastItems = items.slice(length - endBoundaries)\n\n      return [firstItems, ellipsisItems, lastItems] as const\n    },\n    [startBoundaries, endBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const hasChildren = !!validChildren.length\n\n    if (hasChildren) {\n      return validChildren\n    } else if (hasBoundaries) {\n      const [firstItems, ellipsisItems, lastItems] = splitItems(items)\n\n      return [\n        ...renderLink(firstItems),\n        renderEllipsis(ellipsisItems),\n        ...renderLink(lastItems),\n      ]\n    } else {\n      return renderLink(items)\n    }\n  }, [\n    validChildren,\n    items,\n    hasBoundaries,\n    renderEllipsis,\n    renderLink,\n    splitItems,\n  ])\n\n  const getRootProps: PropGetter<\"nav\"> = useCallback(\n    (props) => mergeProps({ \"aria-label\": t(\"Breadcrumb\") }, rest, props)(),\n    [rest, t],\n  )\n\n  const getListProps: PropGetter<\"ol\"> = useCallback(\n    (props) => ({ ...props }),\n    [],\n  )\n\n  const getLinkProps: PropGetter<\"a\", { currentPage?: boolean }> = useCallback(\n    ({ href, currentPage, ...props } = {}) => ({\n      href: !currentPage ? href : undefined,\n      \"aria-current\": currentPage ? \"page\" : undefined,\n      ...props,\n    }),\n    [],\n  )\n\n  const getEllipsisProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-label\": t(\"Ellipsis\"),\n      role: \"presentation\",\n      ...props,\n    }),\n    [t],\n  )\n\n  return {\n    children: cloneChildren,\n    getEllipsisProps,\n    getLinkProps,\n    getListProps,\n    getRootProps,\n  }\n}\n\nexport type UseBreadcrumbReturn = ReturnType<typeof useBreadcrumb>\n"],"mappings":";;;;;;;AA0CA,MAAa,iBAAiB,EAC5B,UACA,UACA,gBAAgB,GAChB,QAAQ,EAAE,EACV,MACA,kBAAkB,GAClB,GAAG,SACmB,EAAE,KAAK;CAC7B,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,SAAS,cAAc,UAAU,MAAM;CAC7C,MAAM,EAAE,MAAM,QAAQ,aAAa;CAEnC,MAAM,gBACJ,kBAAkB,gBAAgB,KAClC,SAAS,kBAAkB;CAE7B,MAAM,aAAa,aAChB,UAA4B;EAC3B,IAAI,CAAC,MAAM,OAAO,EAAE;EAEpB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,WAC5B,aAAkB,MAAM;GAAE,GAAG,KAAK;GAAO,UAAU;GAAO,GAAG;GAAM,CAAC,CACrE;IAEH,CAAC,KAAK,CACP;CAED,MAAM,iBAAiB,aACpB,UAA4B;EAC3B,IAAI,CAAC,UAAU,OAAO;EAEtB,QAAA,GAAA,cAAA,SAAe,UAAU,EAAE,OAAO,CAAC;IAErC,CAAC,SAAS,CACX;CAED,MAAM,aAAa,aAChB,UAA4B;EAC3B,MAAM,SAAS,MAAM;EAKrB,OAAO;GAJY,MAAM,MAAM,GAAG,gBAIhB;GAHI,MAAM,MAAM,iBAAiB,SAAS,cAG3B;GAFf,MAAM,MAAM,SAAS,cAEK;GAAC;IAE/C,CAAC,iBAAiB,cAAc,CACjC;CAED,MAAM,gBAAgB,cAAc;EAGlC,IAAI,CAFiB,CAAC,cAAc,QAGlC,OAAO;OACF,IAAI,eAAe;GACxB,MAAM,CAAC,YAAY,eAAe,aAAa,WAAW,MAAM;GAEhE,OAAO;IACL,GAAG,WAAW,WAAW;IACzB,eAAe,cAAc;IAC7B,GAAG,WAAW,UAAU;IACzB;SAED,OAAO,WAAW,MAAM;IAEzB;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,eAAkC,aACrC,UAAU,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,MAAM,MAAM,EAAE,EACvE,CAAC,MAAM,EAAE,CACV;CAED,MAAM,eAAiC,aACpC,WAAW,EAAE,GAAG,OAAO,GACxB,EAAE,CACH;CAED,MAAM,eAA2D,aAC9D,EAAE,MAAM,aAAa,GAAG,UAAU,EAAE,MAAM;EACzC,MAAM,CAAC,cAAc,OAAO,KAAA;EAC5B,gBAAgB,cAAc,SAAS,KAAA;EACvC,GAAG;EACJ,GACD,EAAE,CACH;CAWD,OAAO;EACL,UAAU;EACV,kBAX0C,aACzC,WAAW;GACV,cAAc,EAAE,WAAW;GAC3B,MAAM;GACN,GAAG;GACJ,GACD,CAAC,EAAE,CAKa;EAChB;EACA;EACA;EACD"}
+{"version":3,"file":"use-breadcrumb.js","names":[],"sources":["../../../../src/components/breadcrumb/use-breadcrumb.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport { cloneElement, useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { runIfFn, useValidChildren } from \"../../utils\"\n\nexport interface BreadcrumbItem extends HTMLProps<\"a\"> {\n  currentPage?: boolean\n  label?: ReactNode\n}\n\nexport interface UseBreadcrumbProps extends HTMLProps<\"nav\"> {\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?: ReactNodeOrFunction<{ items: BreadcrumbItem[] }>\n  /**\n   * Number of elements visible on the end(right) edges.\n   *\n   * @default 0\n   */\n  endBoundaries?: number\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbItem[]\n  /**\n   * The component to be used for the link.\n   */\n  link?: ReactElement<any>\n  /**\n   * Number of elements visible on the start(left) edges.\n   *\n   * @default 0\n   */\n  startBoundaries?: number\n}\n\nexport const useBreadcrumb = ({\n  children,\n  ellipsis,\n  endBoundaries = 0,\n  items = [],\n  link,\n  startBoundaries = 0,\n  ...rest\n}: UseBreadcrumbProps = {}) => {\n  const validChildren = useValidChildren(children)\n  const length = validChildren.length || items.length\n  const { t } = useI18n(\"breadcrumb\")\n\n  const hasBoundaries =\n    startBoundaries + endBoundaries > 0 &&\n    length > startBoundaries + endBoundaries\n\n  const renderLink = useCallback(\n    (items: BreadcrumbItem[]) => {\n      if (!link) return []\n\n      return items.map(({ label, ...rest }) =>\n        cloneElement<any>(link, { ...link.props, children: label, ...rest }),\n      )\n    },\n    [link],\n  )\n\n  const renderEllipsis = useCallback(\n    (items: BreadcrumbItem[]) => {\n      if (!ellipsis) return null\n\n      return runIfFn(ellipsis, { items })\n    },\n    [ellipsis],\n  )\n\n  const splitItems = useCallback(\n    (items: BreadcrumbItem[]) => {\n      const length = items.length\n      const firstItems = items.slice(0, startBoundaries)\n      const ellipsisItems = items.slice(startBoundaries, length - endBoundaries)\n      const lastItems = items.slice(length - endBoundaries)\n\n      return [firstItems, ellipsisItems, lastItems] as const\n    },\n    [startBoundaries, endBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    const hasChildren = !!validChildren.length\n\n    if (hasChildren) {\n      return validChildren\n    } else if (hasBoundaries) {\n      const [firstItems, ellipsisItems, lastItems] = splitItems(items)\n\n      return [\n        ...renderLink(firstItems),\n        renderEllipsis(ellipsisItems),\n        ...renderLink(lastItems),\n      ]\n    } else {\n      return renderLink(items)\n    }\n  }, [\n    validChildren,\n    items,\n    hasBoundaries,\n    renderEllipsis,\n    renderLink,\n    splitItems,\n  ])\n\n  const getRootProps: PropGetter<\"nav\"> = useCallback(\n    (props) => mergeProps({ \"aria-label\": t(\"Breadcrumb\") }, rest, props)(),\n    [rest, t],\n  )\n\n  const getListProps: PropGetter<\"ol\"> = useCallback(\n    (props) => ({ ...props }),\n    [],\n  )\n\n  const getLinkProps: PropGetter<\"a\", { currentPage?: boolean }> = useCallback(\n    ({ href, currentPage, ...props } = {}) => ({\n      href: !currentPage ? href : undefined,\n      \"aria-current\": currentPage ? \"page\" : undefined,\n      ...props,\n    }),\n    [],\n  )\n\n  const getEllipsisProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-label\": t(\"Ellipsis\"),\n      role: \"presentation\",\n      ...props,\n    }),\n    [t],\n  )\n\n  return {\n    children: cloneChildren,\n    getEllipsisProps,\n    getLinkProps,\n    getListProps,\n    getRootProps,\n  }\n}\n\nexport type UseBreadcrumbReturn = ReturnType<typeof useBreadcrumb>\n"],"mappings":";;;;;;;AA0CA,MAAa,iBAAiB,EAC5B,UACA,UACA,gBAAgB,GAChB,QAAQ,CAAC,GACT,MACA,kBAAkB,GAClB,GAAG,SACmB,CAAC,MAAM;CAC7B,MAAM,gBAAgB,iBAAiB,QAAQ;CAC/C,MAAM,SAAS,cAAc,UAAU,MAAM;CAC7C,MAAM,EAAE,MAAM,QAAQ,YAAY;CAElC,MAAM,gBACJ,kBAAkB,gBAAgB,KAClC,SAAS,kBAAkB;CAE7B,MAAM,aAAa,aAChB,UAA4B;EAC3B,IAAI,CAAC,MAAM,OAAO,CAAC;EAEnB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,WAC5B,aAAkB,MAAM;GAAE,GAAG,KAAK;GAAO,UAAU;GAAO,GAAG;EAAK,CAAC,CACrE;CACF,GACA,CAAC,IAAI,CACP;CAEA,MAAM,iBAAiB,aACpB,UAA4B;EAC3B,IAAI,CAAC,UAAU,OAAO;EAEtB,QAAA,GAAA,cAAA,SAAe,UAAU,EAAE,MAAM,CAAC;CACpC,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,aAAa,aAChB,UAA4B;EAC3B,MAAM,SAAS,MAAM;EAKrB,OAAO;GAJY,MAAM,MAAM,GAAG,eAIjB;GAHK,MAAM,MAAM,iBAAiB,SAAS,aAG5B;GAFd,MAAM,MAAM,SAAS,aAEI;EAAC;CAC9C,GACA,CAAC,iBAAiB,aAAa,CACjC;CAEA,MAAM,gBAAgB,cAAc;EAGlC,IAAI,CAFiB,CAAC,cAAc,QAGlC,OAAO;OACF,IAAI,eAAe;GACxB,MAAM,CAAC,YAAY,eAAe,aAAa,WAAW,KAAK;GAE/D,OAAO;IACL,GAAG,WAAW,UAAU;IACxB,eAAe,aAAa;IAC5B,GAAG,WAAW,SAAS;GACzB;EACF,OACE,OAAO,WAAW,KAAK;CAE3B,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,eAAkC,aACrC,UAAU,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,MAAM,KAAK,EAAE,GACtE,CAAC,MAAM,CAAC,CACV;CAEA,MAAM,eAAiC,aACpC,WAAW,EAAE,GAAG,MAAM,IACvB,CAAC,CACH;CAEA,MAAM,eAA2D,aAC9D,EAAE,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO;EACzC,MAAM,CAAC,cAAc,OAAO,KAAA;EAC5B,gBAAgB,cAAc,SAAS,KAAA;EACvC,GAAG;CACL,IACA,CAAC,CACH;CAWA,OAAO;EACL,UAAU;EACV,kBAX0C,aACzC,WAAW;GACV,cAAc,EAAE,UAAU;GAC1B,MAAM;GACN,GAAG;EACL,IACA,CAAC,CAAC,CAKa;EACf;EACA;EACA;CACF;AACF"}

package/dist/esm/components/button/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../../../../src/components/button/button-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { ButtonProps } from \"./button\"\nimport type { ButtonStyle } from \"./button.style\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport { ButtonPropsContext } from \"./button\"\nimport { IconButtonPropsContext } from \"./icon-button\"\n\nexport interface ButtonGroupRootProps\n  extends WithoutThemeProps<GroupProps, ButtonStyle>, ThemeProps<ButtonStyle> {\n  /**\n   * If `true`, all wrapped button will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\n/**\n * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.\n *\n * @see https://yamada-ui.com/docs/components/button\n */\nexport const ButtonGroupRoot = (({\n  size,\n  variant,\n  attached,\n  disabled,\n  ...rest\n}: ButtonGroupRootProps) => {\n  const context = useMemo<ButtonProps>(\n    () => ({\n      size,\n      variant,\n      disabled,\n      focusVisibleRing: attached ? \"inside\" : undefined,\n    }),\n    [size, variant, disabled, attached],\n  )\n\n  return (\n    <ButtonPropsContext value={context}>\n      <IconButtonPropsContext value={context}>\n        <Group attached={attached} {...rest} />\n      </IconButtonPropsContext>\n    </ButtonPropsContext>\n  )\n}) as Component<\"div\", ButtonGroupRootProps>\n"],"mappings":";;;;;;;;;;;;AA0BA,MAAa,oBAAoB,EAC/B,MACA,SACA,UACA,UACA,GAAG,WACuB;CAC1B,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA,kBAAkB,WAAW,WAAW,KAAA;EACzC,GACD;EAAC;EAAM;EAAS;EAAU;EAAS,CACpC;CAED,OACE,oBAAC,oBAAD;EAAoB,OAAO;YACzB,oBAAC,wBAAD;GAAwB,OAAO;aAC7B,oBAAC,OAAD;IAAiB;IAAU,GAAI;IAAQ,CAAA;GAChB,CAAA;EACN,CAAA"}
+{"version":3,"file":"button-group.js","names":[],"sources":["../../../../src/components/button/button-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { ButtonProps } from \"./button\"\nimport type { ButtonStyle } from \"./button.style\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport { ButtonPropsContext } from \"./button\"\nimport { IconButtonPropsContext } from \"./icon-button\"\n\nexport interface ButtonGroupRootProps\n  extends WithoutThemeProps<GroupProps, ButtonStyle>, ThemeProps<ButtonStyle> {\n  /**\n   * If `true`, all wrapped button will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\n/**\n * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.\n *\n * @see https://yamada-ui.com/docs/components/button\n */\nexport const ButtonGroupRoot = (({\n  size,\n  variant,\n  attached,\n  disabled,\n  ...rest\n}: ButtonGroupRootProps) => {\n  const context = useMemo<ButtonProps>(\n    () => ({\n      size,\n      variant,\n      disabled,\n      focusVisibleRing: attached ? \"inside\" : undefined,\n    }),\n    [size, variant, disabled, attached],\n  )\n\n  return (\n    <ButtonPropsContext value={context}>\n      <IconButtonPropsContext value={context}>\n        <Group attached={attached} {...rest} />\n      </IconButtonPropsContext>\n    </ButtonPropsContext>\n  )\n}) as Component<\"div\", ButtonGroupRootProps>\n"],"mappings":";;;;;;;;;;;;AA0BA,MAAa,oBAAoB,EAC/B,MACA,SACA,UACA,UACA,GAAG,WACuB;CAC1B,MAAM,UAAU,eACP;EACL;EACA;EACA;EACA,kBAAkB,WAAW,WAAW,KAAA;CAC1C,IACA;EAAC;EAAM;EAAS;EAAU;CAAQ,CACpC;CAEA,OACE,oBAAC,oBAAD;EAAoB,OAAO;YACzB,oBAAC,wBAAD;GAAwB,OAAO;aAC7B,oBAAC,OAAD;IAAiB;IAAU,GAAI;GAAO,CAAA;EAChB,CAAA;CACN,CAAA;AAExB"}

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ElementType, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  CSSObject,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Loading } from \"../loading\"\nimport type { ButtonStyle } from \"./button.style\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\"\nimport { createComponent, getClassName, mergeCSS, styled } from \"../../core\"\nimport { bem, dataAttr, mergeRefs } from \"../../utils\"\nimport { getLoadingComponent, isLoadingScheme } from \"../loading\"\nimport { Ripple, useRipple } from \"../ripple\"\nimport { buttonStyle } from \"./button.style\"\n\ninterface ComponentContext extends Pick<\n  ButtonProps,\n  \"endIcon\" | \"iconProps\" | \"loadingIcon\" | \"loadingMessage\" | \"startIcon\"\n> {}\n\nconst useButtonType = (value?: ElementType) => {\n  const buttonRef = useRef(!value)\n\n  const ref = useCallback((node: HTMLElement | null) => {\n    if (node) buttonRef.current = node.tagName === \"BUTTON\"\n  }, [])\n\n  const type = buttonRef.current ? \"button\" : undefined\n\n  return { ref, type } as const\n}\n\nexport interface ButtonProps\n  extends HTMLStyledProps<\"button\">, ThemeProps<ButtonStyle> {\n  /**\n   * If `true`, the button is represented as active.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * The icon to display at the end side of the button.\n   */\n  endIcon?: ReactNode\n  /**\n   * If `true`, the loading state of the button is represented.\n   *\n   * @default false\n   */\n  loading?: boolean\n  /**\n   * The icon to display when the button is loading.\n   *\n   * @default 'oval'\n   */\n  loadingIcon?: Loading.Scheme | ReactNode\n  /**\n   * The message to display when the button is loading.\n   */\n  loadingMessage?: ReactNode\n  /**\n   * The placement of the loading indicator. Accepts `start` or `end`.\n   *\n   * @default 'start'\n   */\n  loadingPlacement?: \"end\" | \"start\"\n  /**\n   * The icon to display at the start side of the button.\n   */\n  startIcon?: ReactNode\n  /**\n   * The type of button. Accepts `button`, `reset`, or `submit`.\n   *\n   * @default 'button'\n   */\n  type?: HTMLProps<\"button\">[\"type\"]\n  /**\n   * The props of the icon element.\n   */\n  iconProps?: ButtonIconProps\n  /**\n   * The props of the loading icon element.\n   */\n  loadingProps?: ButtonLoadingProps\n}\n\nconst {\n  component,\n  ComponentContext,\n  PropsContext: ButtonPropsContext,\n  useComponentContext,\n  usePropsContext: useButtonPropsContext,\n  withContext,\n} = createComponent<ButtonProps, ButtonStyle, ComponentContext>(\n  \"button\",\n  buttonStyle,\n)\n\nexport { ButtonPropsContext, useButtonPropsContext }\n\n/**\n * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.\n *\n * @see https://yamada-ui.com/docs/components/button\n */\nexport const Button = withContext<\"button\", ButtonProps>(\n  ({\n    ref,\n    as,\n    active,\n    children,\n    disabled,\n    disableRipple,\n    endIcon = null,\n    loading,\n    loadingIcon = \"oval\",\n    loadingMessage,\n    loadingPlacement = \"start\",\n    startIcon = null,\n    iconProps,\n    loadingProps,\n    ...rest\n  }) => {\n    const trulyDisabled = disabled || loading\n    const { ref: buttonRef, type } = useButtonType(as)\n    const { onClick, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || trulyDisabled,\n    })\n    const startLoading = loading && loadingPlacement === \"start\"\n    const endLoading = loading && loadingPlacement === \"end\"\n\n    const context = useMemo(\n      () => ({ endIcon, loadingIcon, loadingMessage, startIcon, iconProps }),\n      [loadingIcon, loadingMessage, startIcon, endIcon, iconProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.button\n          ref={mergeRefs(ref, buttonRef)}\n          as={as}\n          type={type}\n          data-active={dataAttr(active)}\n          data-loading={dataAttr(loading)}\n          disabled={trulyDisabled}\n          {...rest}\n          onClick={onClick}\n        >\n          {startLoading ? <ButtonStartLoading {...loadingProps} /> : null}\n\n          {loading ? (\n            loadingMessage || (\n              <styled.span opacity={0}>\n                <ButtonContent>{children}</ButtonContent>\n              </styled.span>\n            )\n          ) : (\n            <ButtonContent>{children}</ButtonContent>\n          )}\n\n          {endLoading ? <ButtonEndLoading {...loadingProps} /> : null}\n\n          <Ripple {...rippleProps} />\n        </styled.button>\n      </ComponentContext>\n    )\n  },\n)()\n\nconst ButtonContent = component<\"fragment\", PropsWithChildren>(\n  ({ children }) => {\n    const { endIcon, startIcon, iconProps } = useComponentContext()\n\n    return (\n      <>\n        {startIcon ? (\n          <ButtonStartIcon {...iconProps}>{startIcon}</ButtonStartIcon>\n        ) : null}\n        {children}\n        {endIcon ? (\n          <ButtonEndIcon {...iconProps}>{endIcon}</ButtonEndIcon>\n        ) : null}\n      </>\n    )\n  },\n  { name: \"ButtonContent\", className: getClassName(bem(\"button\", \"content\")) },\n)()\n\ninterface ButtonLoadingProps extends HTMLStyledProps<\"svg\"> {}\n\nconst ButtonLoading = component<\"svg\", ButtonLoadingProps>(\n  (props) => {\n    const { loadingIcon, loadingMessage } = useComponentContext()\n\n    const css = useMemo<CSSObject>(\n      () => ({\n        position: loadingMessage ? \"relative\" : \"absolute\",\n      }),\n      [loadingMessage],\n    )\n\n    if (isLoadingScheme(loadingIcon)) {\n      const Component = getLoadingComponent(loadingIcon)\n\n      return (\n        <Component\n          color=\"currentColor\"\n          {...props}\n          css={mergeCSS(css, props.css)}\n        />\n      )\n    }\n\n    if (isValidElement<HTMLStyledProps<\"svg\">>(loadingIcon))\n      return cloneElement(loadingIcon, {\n        ...props,\n        ...loadingIcon.props,\n        css: mergeCSS(css, props.css, loadingIcon.props.css),\n      })\n\n    return null\n  },\n  { name: \"ButtonLoading\", className: getClassName(bem(\"button\", \"loading\")) },\n)()\n\nconst ButtonStartLoading = component<\"svg\", ButtonLoadingProps>(ButtonLoading, {\n  name: \"ButtonStartLoading\",\n  className: getClassName(bem(\"button\", \"loading\", \"start\")),\n})()\n\nconst ButtonEndLoading = component<\"svg\", ButtonLoadingProps>(ButtonLoading, {\n  name: \"ButtonEndLoading\",\n  className: getClassName(bem(\"button\", \"loading\", \"end\")),\n})()\n\ninterface ButtonIconProps extends HTMLStyledProps<\"svg\"> {}\n\nconst ButtonIcon = component<\"svg\", ButtonIconProps>(\n  ({ children, ...rest }) => {\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(children, {\n        \"aria-hidden\": true,\n        role: \"img\",\n        ...rest,\n        ...children.props,\n      })\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  { name: \"ButtonIcon\", className: getClassName(bem(\"button\", \"icon\")) },\n)()\n\nconst ButtonStartIcon = component<\"svg\", ButtonIconProps>(ButtonIcon, {\n  name: \"ButtonStartIcon\",\n  className: getClassName(bem(\"button\", \"icon\", \"start\")),\n})()\n\nconst ButtonEndIcon = component<\"svg\", ButtonIconProps>(ButtonIcon, {\n  name: \"ButtonEndIcon\",\n  className: getClassName(bem(\"button\", \"icon\", \"end\")),\n})()\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ElementType, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  CSSObject,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Loading } from \"../loading\"\nimport type { ButtonStyle } from \"./button.style\"\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\"\nimport { createComponent, getClassName, mergeCSS, styled } from \"../../core\"\nimport { bem, dataAttr, mergeRefs } from \"../../utils\"\nimport { getLoadingComponent, isLoadingScheme } from \"../loading\"\nimport { Ripple, useRipple } from \"../ripple\"\nimport { buttonStyle } from \"./button.style\"\n\ninterface ComponentContext extends Pick<\n  ButtonProps,\n  \"endIcon\" | \"iconProps\" | \"loadingIcon\" | \"loadingMessage\" | \"startIcon\"\n> {}\n\nconst useButtonType = (value?: ElementType) => {\n  const buttonRef = useRef(!value)\n\n  const ref = useCallback((node: HTMLElement | null) => {\n    if (node) buttonRef.current = node.tagName === \"BUTTON\"\n  }, [])\n\n  const type = buttonRef.current ? \"button\" : undefined\n\n  return { ref, type } as const\n}\n\nexport interface ButtonProps\n  extends HTMLStyledProps<\"button\">, ThemeProps<ButtonStyle> {\n  /**\n   * If `true`, the button is represented as active.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the button is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, disable ripple effects when pressing a element.\n   *\n   * @default false\n   */\n  disableRipple?: boolean\n  /**\n   * The icon to display at the end side of the button.\n   */\n  endIcon?: ReactNode\n  /**\n   * If `true`, the loading state of the button is represented.\n   *\n   * @default false\n   */\n  loading?: boolean\n  /**\n   * The icon to display when the button is loading.\n   *\n   * @default 'oval'\n   */\n  loadingIcon?: Loading.Scheme | ReactNode\n  /**\n   * The message to display when the button is loading.\n   */\n  loadingMessage?: ReactNode\n  /**\n   * The placement of the loading indicator. Accepts `start` or `end`.\n   *\n   * @default 'start'\n   */\n  loadingPlacement?: \"end\" | \"start\"\n  /**\n   * The icon to display at the start side of the button.\n   */\n  startIcon?: ReactNode\n  /**\n   * The type of button. Accepts `button`, `reset`, or `submit`.\n   *\n   * @default 'button'\n   */\n  type?: HTMLProps<\"button\">[\"type\"]\n  /**\n   * The props of the icon element.\n   */\n  iconProps?: ButtonIconProps\n  /**\n   * The props of the loading icon element.\n   */\n  loadingProps?: ButtonLoadingProps\n}\n\nconst {\n  component,\n  ComponentContext,\n  PropsContext: ButtonPropsContext,\n  useComponentContext,\n  usePropsContext: useButtonPropsContext,\n  withContext,\n} = createComponent<ButtonProps, ButtonStyle, ComponentContext>(\n  \"button\",\n  buttonStyle,\n)\n\nexport { ButtonPropsContext, useButtonPropsContext }\n\n/**\n * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.\n *\n * @see https://yamada-ui.com/docs/components/button\n */\nexport const Button = withContext<\"button\", ButtonProps>(\n  ({\n    ref,\n    as,\n    active,\n    children,\n    disabled,\n    disableRipple,\n    endIcon = null,\n    loading,\n    loadingIcon = \"oval\",\n    loadingMessage,\n    loadingPlacement = \"start\",\n    startIcon = null,\n    iconProps,\n    loadingProps,\n    ...rest\n  }) => {\n    const trulyDisabled = disabled || loading\n    const { ref: buttonRef, type } = useButtonType(as)\n    const { onClick, ...rippleProps } = useRipple({\n      ...rest,\n      disabled: disableRipple || trulyDisabled,\n    })\n    const startLoading = loading && loadingPlacement === \"start\"\n    const endLoading = loading && loadingPlacement === \"end\"\n\n    const context = useMemo(\n      () => ({ endIcon, loadingIcon, loadingMessage, startIcon, iconProps }),\n      [loadingIcon, loadingMessage, startIcon, endIcon, iconProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.button\n          ref={mergeRefs(ref, buttonRef)}\n          as={as}\n          type={type}\n          data-active={dataAttr(active)}\n          data-loading={dataAttr(loading)}\n          disabled={trulyDisabled}\n          {...rest}\n          onClick={onClick}\n        >\n          {startLoading ? <ButtonStartLoading {...loadingProps} /> : null}\n\n          {loading ? (\n            loadingMessage || (\n              <styled.span opacity={0}>\n                <ButtonContent>{children}</ButtonContent>\n              </styled.span>\n            )\n          ) : (\n            <ButtonContent>{children}</ButtonContent>\n          )}\n\n          {endLoading ? <ButtonEndLoading {...loadingProps} /> : null}\n\n          <Ripple {...rippleProps} />\n        </styled.button>\n      </ComponentContext>\n    )\n  },\n)()\n\nconst ButtonContent = component<\"fragment\", PropsWithChildren>(\n  ({ children }) => {\n    const { endIcon, startIcon, iconProps } = useComponentContext()\n\n    return (\n      <>\n        {startIcon ? (\n          <ButtonStartIcon {...iconProps}>{startIcon}</ButtonStartIcon>\n        ) : null}\n        {children}\n        {endIcon ? (\n          <ButtonEndIcon {...iconProps}>{endIcon}</ButtonEndIcon>\n        ) : null}\n      </>\n    )\n  },\n  { name: \"ButtonContent\", className: getClassName(bem(\"button\", \"content\")) },\n)()\n\ninterface ButtonLoadingProps extends HTMLStyledProps<\"svg\"> {}\n\nconst ButtonLoading = component<\"svg\", ButtonLoadingProps>(\n  (props) => {\n    const { loadingIcon, loadingMessage } = useComponentContext()\n\n    const css = useMemo<CSSObject>(\n      () => ({\n        position: loadingMessage ? \"relative\" : \"absolute\",\n      }),\n      [loadingMessage],\n    )\n\n    if (isLoadingScheme(loadingIcon)) {\n      const Component = getLoadingComponent(loadingIcon)\n\n      return (\n        <Component\n          color=\"currentColor\"\n          {...props}\n          css={mergeCSS(css, props.css)}\n        />\n      )\n    }\n\n    if (isValidElement<HTMLStyledProps<\"svg\">>(loadingIcon))\n      return cloneElement(loadingIcon, {\n        ...props,\n        ...loadingIcon.props,\n        css: mergeCSS(css, props.css, loadingIcon.props.css),\n      })\n\n    return null\n  },\n  { name: \"ButtonLoading\", className: getClassName(bem(\"button\", \"loading\")) },\n)()\n\nconst ButtonStartLoading = component<\"svg\", ButtonLoadingProps>(ButtonLoading, {\n  name: \"ButtonStartLoading\",\n  className: getClassName(bem(\"button\", \"loading\", \"start\")),\n})()\n\nconst ButtonEndLoading = component<\"svg\", ButtonLoadingProps>(ButtonLoading, {\n  name: \"ButtonEndLoading\",\n  className: getClassName(bem(\"button\", \"loading\", \"end\")),\n})()\n\ninterface ButtonIconProps extends HTMLStyledProps<\"svg\"> {}\n\nconst ButtonIcon = component<\"svg\", ButtonIconProps>(\n  ({ children, ...rest }) => {\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(children, {\n        \"aria-hidden\": true,\n        role: \"img\",\n        ...rest,\n        ...children.props,\n      })\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  { name: \"ButtonIcon\", className: getClassName(bem(\"button\", \"icon\")) },\n)()\n\nconst ButtonStartIcon = component<\"svg\", ButtonIconProps>(ButtonIcon, {\n  name: \"ButtonStartIcon\",\n  className: getClassName(bem(\"button\", \"icon\", \"start\")),\n})()\n\nconst ButtonEndIcon = component<\"svg\", ButtonIconProps>(ButtonIcon, {\n  name: \"ButtonEndIcon\",\n  className: getClassName(bem(\"button\", \"icon\", \"end\")),\n})()\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"button.style.js","names":[],"sources":["../../../../src/components/button/button.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const buttonStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    appearance: \"none\",\n    cursor: \"pointer\",\n    display: \"inline-flex\",\n    fontWeight: \"medium\",\n    justifyContent: \"center\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    rounded: \"l2\",\n    transitionDuration: \"moderate\",\n    transitionProperty: \"common\",\n    userSelect: \"none\",\n    verticalAlign: \"middle\",\n    whiteSpace: \"nowrap\",\n    _readOnly: { layerStyle: \"readOnly\" },\n    _disabled: { layerStyle: \"disabled\" },\n  },\n\n  props: {\n    /**\n     * If `true`, the button is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: { rounded: \"full\" },\n    },\n  },\n\n  variants: {\n    ghost: {\n      layerStyle: \"ghost\",\n      _hover: { layerStyle: \"ghost.hover\" },\n    },\n    outline: {\n      layerStyle: \"outline\",\n      _hover: { layerStyle: \"outline.hover\" },\n    },\n    solid: {\n      layerStyle: \"solid\",\n      _hover: { layerStyle: \"solid.hover\" },\n    },\n    subtle: {\n      layerStyle: \"subtle\",\n      _hover: { layerStyle: \"subtle.hover\" },\n    },\n    surface: {\n      layerStyle: \"surface\",\n      _hover: { layerStyle: \"surface.hover\" },\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--height\": \"sizes.8\",\n      fontSize: \"xs\",\n      gap: \"1\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"2\",\n      _icon: { fontSize: \"md\" },\n    },\n    sm: {\n      \"--height\": \"sizes.9\",\n      fontSize: \"sm\",\n      gap: \"2\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"3\",\n      _icon: { fontSize: \"md\" },\n    },\n    md: {\n      \"--height\": \"sizes.10\",\n      fontSize: \"md\",\n      gap: \"2\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"3\",\n      _icon: { fontSize: \"lg\" },\n    },\n    lg: {\n      \"--height\": \"sizes.11\",\n      fontSize: \"lg\",\n      gap: \"2.5\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"4\",\n      _icon: { fontSize: \"2xl\" },\n    },\n    xl: {\n      \"--height\": \"sizes.12\",\n      fontSize: \"xl\",\n      gap: \"3\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"5\",\n      _icon: { fontSize: \"2xl\" },\n    },\n    \"2xl\": {\n      \"--height\": \"sizes.14\",\n      fontSize: \"xl\",\n      gap: \"3\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"5\",\n      _icon: { fontSize: \"2xl\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type ButtonStyle = typeof buttonStyle\n"],"mappings":";;AAEA,MAAa,cAAc,qBAAqB;CAC9C,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACV,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,oBAAoB;EACpB,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,WAAW,EAAE,YAAY,YAAY;EACrC,WAAW,EAAE,YAAY,YAAY;EACtC;CAED,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EAAE,SAAS,QAAQ,EAC1B,EACF;CAED,UAAU;EACR,OAAO;GACL,YAAY;GACZ,QAAQ,EAAE,YAAY,eAAe;GACtC;EACD,SAAS;GACP,YAAY;GACZ,QAAQ,EAAE,YAAY,iBAAiB;GACxC;EACD,OAAO;GACL,YAAY;GACZ,QAAQ,EAAE,YAAY,eAAe;GACtC;EACD,QAAQ;GACN,YAAY;GACZ,QAAQ,EAAE,YAAY,gBAAgB;GACvC;EACD,SAAS;GACP,YAAY;GACZ,QAAQ,EAAE,YAAY,iBAAiB;GACxC;EACF;CAED,OAAO;EACL,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,MAAM;GAC1B;EACD,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,MAAM;GAC1B;EACD,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,MAAM;GAC1B;EACD,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,OAAO;GAC3B;EACD,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,OAAO;GAC3B;EACD,OAAO;GACL,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,OAAO;GAC3B;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"button.style.js","names":[],"sources":["../../../../src/components/button/button.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const buttonStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    appearance: \"none\",\n    cursor: \"pointer\",\n    display: \"inline-flex\",\n    fontWeight: \"medium\",\n    justifyContent: \"center\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    rounded: \"l2\",\n    transitionDuration: \"moderate\",\n    transitionProperty: \"common\",\n    userSelect: \"none\",\n    verticalAlign: \"middle\",\n    whiteSpace: \"nowrap\",\n    _readOnly: { layerStyle: \"readOnly\" },\n    _disabled: { layerStyle: \"disabled\" },\n  },\n\n  props: {\n    /**\n     * If `true`, the button is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: { rounded: \"full\" },\n    },\n  },\n\n  variants: {\n    ghost: {\n      layerStyle: \"ghost\",\n      _hover: { layerStyle: \"ghost.hover\" },\n    },\n    outline: {\n      layerStyle: \"outline\",\n      _hover: { layerStyle: \"outline.hover\" },\n    },\n    solid: {\n      layerStyle: \"solid\",\n      _hover: { layerStyle: \"solid.hover\" },\n    },\n    subtle: {\n      layerStyle: \"subtle\",\n      _hover: { layerStyle: \"subtle.hover\" },\n    },\n    surface: {\n      layerStyle: \"surface\",\n      _hover: { layerStyle: \"surface.hover\" },\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--height\": \"sizes.8\",\n      fontSize: \"xs\",\n      gap: \"1\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"2\",\n      _icon: { fontSize: \"md\" },\n    },\n    sm: {\n      \"--height\": \"sizes.9\",\n      fontSize: \"sm\",\n      gap: \"2\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"3\",\n      _icon: { fontSize: \"md\" },\n    },\n    md: {\n      \"--height\": \"sizes.10\",\n      fontSize: \"md\",\n      gap: \"2\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"3\",\n      _icon: { fontSize: \"lg\" },\n    },\n    lg: {\n      \"--height\": \"sizes.11\",\n      fontSize: \"lg\",\n      gap: \"2.5\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"4\",\n      _icon: { fontSize: \"2xl\" },\n    },\n    xl: {\n      \"--height\": \"sizes.12\",\n      fontSize: \"xl\",\n      gap: \"3\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"5\",\n      _icon: { fontSize: \"2xl\" },\n    },\n    \"2xl\": {\n      \"--height\": \"sizes.14\",\n      fontSize: \"xl\",\n      gap: \"3\",\n      h: \"{height}\",\n      lineHeight: \"{height}\",\n      minW: \"{height}\",\n      px: \"5\",\n      _icon: { fontSize: \"2xl\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type ButtonStyle = typeof buttonStyle\n"],"mappings":";;AAEA,MAAa,cAAc,qBAAqB;CAC9C,MAAM;EACJ,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACV,UAAU;EACV,SAAS;EACT,oBAAoB;EACpB,oBAAoB;EACpB,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,WAAW,EAAE,YAAY,WAAW;EACpC,WAAW,EAAE,YAAY,WAAW;CACtC;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EAAE,SAAS,OAAO,EAC1B,EACF;CAEA,UAAU;EACR,OAAO;GACL,YAAY;GACZ,QAAQ,EAAE,YAAY,cAAc;EACtC;EACA,SAAS;GACP,YAAY;GACZ,QAAQ,EAAE,YAAY,gBAAgB;EACxC;EACA,OAAO;GACL,YAAY;GACZ,QAAQ,EAAE,YAAY,cAAc;EACtC;EACA,QAAQ;GACN,YAAY;GACZ,QAAQ,EAAE,YAAY,eAAe;EACvC;EACA,SAAS;GACP,YAAY;GACZ,QAAQ,EAAE,YAAY,gBAAgB;EACxC;CACF;CAEA,OAAO;EACL,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,KAAK;EAC1B;EACA,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,KAAK;EAC1B;EACA,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,KAAK;EAC1B;EACA,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,MAAM;EAC3B;EACA,IAAI;GACF,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,MAAM;EAC3B;EACA,OAAO;GACL,YAAY;GACZ,UAAU;GACV,KAAK;GACL,GAAG;GACH,YAAY;GACZ,MAAM;GACN,IAAI;GACJ,OAAO,EAAE,UAAU,MAAM;EAC3B;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}