npm - @yamada-ui/react - Versions diffs - 2.2.6 → 2.2.7-dev-20260804111744 - Mend

@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (811) hide show

package/dist/cjs/components/autocomplete/use-autocomplete.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-autocomplete.cjs","names":["createContext","useI18n","useFieldProps","useControllableState","useCombobox","isComposing","mergeRefs","visuallyHiddenAttributes","runKeyAction","useComboboxItem"],"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 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 return prev\n else return selectedValue as MaybeValue\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 return component\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)) onClose()\n else if (runIfFn(openOnChange, ev)) onOpen()\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) onSelect(item.items[0]?.value)\n else onSelect(item.value)\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 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 [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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"}
1	+ {"version":3,"file":"use-autocomplete.cjs","names":["createContext","useI18n","useFieldProps","useRef","useMemo","useState","useControllableState","useCallback","useCombobox","isValidElement","cloneElement","isComposing","mergeRefs","visuallyHiddenAttributes","runKeyAction","useComboboxItem"],"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 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 return prev\n else return selectedValue as MaybeValue\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 return component\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)) onClose()\n else if (runIfFn(openOnChange, ev)) onOpen()\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) onSelect(item.items[0]?.value)\n else onSelect(item.value)\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 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 [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/cjs/components/avatar/avatar-group.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_avatar = require("./avatar.cjs");
 const require_use_avatar_group = require("./use-avatar-group.cjs");
@@ -18,18 +19,19 @@ const AvatarGroupRoot = require_avatar.component((props) => {
 		"shape"
 	] });
 	const { children, excess, getRootProps } = require_use_avatar_group.useAvatarGroup(rest);
+	const context = (0, react.useMemo)(() => ({
+		colorScheme,
+		size,
+		variant,
+		shape
+	}), [
+		variant,
+		size,
+		colorScheme,
+		shape
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.AvatarPropsContext, {
-		value: (0, react.useMemo)(() => ({
-			colorScheme,
-			size,
-			variant,
-			shape
-		}), [
-			variant,
-			size,
-			colorScheme,
-			shape
-		]),
+		value: context,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.div, {
 			...getRootProps(),
 			children: [excess > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.Avatar, { fallback: `+${excess}` }) : null, children]

package/dist/cjs/components/avatar/avatar-group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar-group.cjs","names":["component","useRootComponentProps","useAvatarGroup","AvatarPropsContext","styled","Avatar"],"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,kBAAkBA,eAAAA,WAC5B,UAAU;CACT,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,OAAO,GAAG,UAC/CC,eAAAA,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAW;EAAe;EAAQ;CAAO,EAC3D,CAAC;CACH,MAAM,EAAE,UAAU,QAAQ,iBAAiBC,yBAAAA,eAAe,IAAI;~~CAM9D~~,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,oBAAD;EAAoB,~~QAAA,GAAA,MAAA,QAAA,QALb~~;~~GAAE;GAAa;GAAM;GAAS;EAAM~~,~~IAC3C;GAAC;GAAS;GAAM;GAAa;EAAK,CAID;EAC/B,~~UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI,aAAa;GAA7B,UAAA,CACG,SAAS,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD,EAAQ,UAAU,IAAI,SAAW,CAAA,IAAI,MAClD,QACS;;CACM,CAAA;AAExB,GACA,OACF,CAAC,CAAC"}
1	+ {"version":3,"file":"avatar-group.cjs","names":["component","useRootComponentProps","useAvatarGroup","useMemo","AvatarPropsContext","styled","Avatar"],"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,kBAAkBA,eAAAA,WAC5B,UAAU;CACT,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,OAAO,GAAG,UAC/CC,eAAAA,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAW;EAAe;EAAQ;CAAO,EAC3D,CAAC;CACH,MAAM,EAAE,UAAU,QAAQ,iBAAiBC,yBAAAA,eAAe,IAAI;CAC9D,MAAM,WAAA,GAAUC,MAAAA,QAAAA,QACP;EAAE;EAAa;EAAM;EAAS;CAAM,IAC3C;EAAC;EAAS;EAAM;EAAa;CAAK,CACpC;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,oBAAD;EAAoB,OAAO;EACzB,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI,aAAa;GAA7B,UAAA,CACG,SAAS,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD,EAAQ,UAAU,IAAI,SAAW,CAAA,IAAI,MAClD,QACS;;CACM,CAAA;AAExB,GACA,OACF,CAAC,CAAC"}

package/dist/cjs/components/avatar/use-avatar-group.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");

package/dist/cjs/components/avatar/use-avatar-group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-avatar-group.cjs","names":["useValidChildren","mergeProps"],"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,gBAAgBA,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,SAAS,EAAA,GAAA,oBAAA,~~cAAA~~,YAAA,~~CAAa~~,GAAG,IAAI,cAAc,SAAS,MAAM;CAEhE,MAAM,gBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,UAAUC,cAAAA,WAAW,MAAM,OAAO,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,GACtD,CAAC,IAAI,CACP;CAUA,OAAO;EACL,WAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~OATkC~~;GAClC,MAAM,kBAAkB,EAAA,GAAA,oBAAA,~~cAAA~~,YAAA,~~CAAa~~,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"}
1	+ {"version":3,"file":"use-avatar-group.cjs","names":["useValidChildren","useCallback","mergeProps","useMemo"],"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,gBAAgBA,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,SAAS,EAAA,GAAA,oBAAA,cAAC,YAAA,CAAY,GAAG,IAAI,cAAc,SAAS,MAAM;CAEhE,MAAM,gBAAA,GAA2BC,MAAAA,YAAAA,EAC9B,UAAUC,cAAAA,WAAW,MAAM,OAAO,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,GACtD,CAAC,IAAI,CACP;CAUA,OAAO;EACL,WAAA,GAToBC,MAAAA,QAAAA,OAAc;GAClC,MAAM,kBAAkB,EAAA,GAAA,oBAAA,cAAC,YAAA,CAAY,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/cjs/components/avatar/use-avatar.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");

package/dist/cjs/components/avatar/use-avatar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-avatar.cjs","names":["useI18n","mergeProps","mergeRefs"],"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,CAAC,CAAC,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,YAAA,~~GAAA~~,~~MAAA~~,~~OAAA~~,~~CAAoC~~,IAAI;CAC9C,MAAM,WAAW,OAAO,OAAO,IAAI,IAAI,KAAA;CACvC,MAAM,CAAC,QAAQ,cAAA,~~GAAA~~,~~MAAA~~,~~SAAA~~,~~CAA+B~~,KAAK;CACnD,MAAM,WAAW,CAAC,OAAO,CAAC;CAC1B,MAAM,EAAE,~~MAAMA~~,sBAAAA,QAAQ,QAAQ;CAE9B,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,SAAS,SAAS;EAEvB,IAAI,CAAC,CAAC,SAAS,QAAQ,OAAO,SAAS,QAAQ,UAAU,UAAU,IAAI;CACzE,GAAG,CAAC,CAAC;CAEL,MAAM,iBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EAAyC~~,WAAW,EAAE,GAAG,MAAM,IAAI,CAAC,CAAC;CAE3E,MAAM,gBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,WAAW;EACV,GAAGC,cAAAA,WAAW,MAAM,KAAK,CAAC,CAAC;EAC3B,kBAAA,GAAA,oBAAA,~~cAAA~~,SAAA,~~CAA0B~~,CAAC,CAAC,eAAe;EAC3C,gBAAA,GAAA,oBAAA,~~cAAA~~,SAAA,~~CAAwB~~,MAAM;CAChC,IACA;EAAC;EAAQ;EAAiB;CAAI,CAChC;CAEA,MAAM,iBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,EAAE,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO;EACnC,GAAG;EACH,~~KAAKC~~,YAAAA,UAAU,KAAK,QAAQ;EAC5B;EACA;EACA,KAAK,QAAQ;EACb;EACA,WAAW;EACX,QAAQ;EACR;EACA;EACA,SAAA,GAAA,oBAAA,~~cAAA~~,WAAA,~~CAAmB~~,cAAc,UAAU,IAAI,CAAC;CAClD,IACA;EAAC;EAAK;EAAQ;EAAK;EAAa;EAAS;EAAgB;EAAU;CAAI,CACzE;CAeA,OAAO;EACL;EACA;EACA,mBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EAfC~~,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"}
1	+ {"version":3,"file":"use-avatar.cjs","names":["useRef","useState","useI18n","useCallback","mergeProps","mergeRefs"],"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,CAAC,CAAC,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,YAAA,GAAWA,MAAAA,OAAAA,CAAyB,IAAI;CAC9C,MAAM,WAAW,OAAO,OAAO,IAAI,IAAI,KAAA;CACvC,MAAM,CAAC,QAAQ,cAAA,GAAaC,MAAAA,SAAAA,CAAkB,KAAK;CACnD,MAAM,WAAW,CAAC,OAAO,CAAC;CAC1B,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,QAAQ;CAE9B,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,SAAS,SAAS;EAEvB,IAAI,CAAC,CAAC,SAAS,QAAQ,OAAO,SAAS,QAAQ,UAAU,UAAU,IAAI;CACzE,GAAG,CAAC,CAAC;CAEL,MAAM,iBAAA,GAA4BC,MAAAA,YAAAA,EAAa,WAAW,EAAE,GAAG,MAAM,IAAI,CAAC,CAAC;CAE3E,MAAM,gBAAA,GAA2BA,MAAAA,YAAAA,EAC9B,WAAW;EACV,GAAGC,cAAAA,WAAW,MAAM,KAAK,CAAC,CAAC;EAC3B,kBAAA,GAAA,oBAAA,cAAiB,SAAA,CAAS,CAAC,CAAC,eAAe;EAC3C,gBAAA,GAAA,oBAAA,cAAe,SAAA,CAAS,MAAM;CAChC,IACA;EAAC;EAAQ;EAAiB;CAAI,CAChC;CAEA,MAAM,iBAAA,GAAmCD,MAAAA,YAAAA,EACtC,EAAE,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO;EACnC,GAAG;EACH,KAAKE,YAAAA,UAAU,KAAK,QAAQ;EAC5B;EACA;EACA,KAAK,QAAQ;EACb;EACA,WAAW;EACX,QAAQ;EACR;EACA;EACA,SAAA,GAAA,oBAAA,cAAQ,WAAA,CAAW,cAAc,UAAU,IAAI,CAAC;CAClD,IACA;EAAC;EAAK;EAAQ;EAAK;EAAa;EAAS;EAAgB;EAAU;CAAI,CACzE;CAeA,OAAO;EACL;EACA;EACA,mBAAA,GAhBmCF,MAAAA,YAAAA,EAClC,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/cjs/components/blockquote/blockquote.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");

package/dist/cjs/components/blockquote/blockquote.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blockquote.cjs","names":["createSlotComponent","blockquoteStyle","useValidChildren","useFindChild","styled","QuoteIcon"],"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 ? <>—</> : 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,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,UACA,MACA,SACA,MACA,UACA,cACA,WACA,cACA,GAAG,WACC;CACJ,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,0BAA0BC,iBAAAA,aAC9B,eACA,iBACF;CACA,MAAM,0BAA0BA,iBAAAA,aAC9B,eACA,iBACF;CAEA,MAAM,WAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~QAAyB~~;EAAE;EAAS;CAAS,IAAI,CAAC,SAAS,QAAQ,CAAC;CAE1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,QAAR;GAAe,GAAI;GAAnB,UAAA;IACG;IAEA,2BACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;KAAmB,GAAI;KAAe;IAA4B,CAAA;IAGnE,4BACE,OACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;KAAmB,GAAI;KACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;MAAgB,GAAI;MAAY,UAAA;KAAqB,CAAA;IACpC,CAAA,IACjB;GACO;;CACC,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AASF,MAAa,oBAAoB,YAG/B,cAAc,SAAS,CAAC,CACxB,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,CAAC,CACxB,KAAA,IACC,EAAE,UAAU,UAAU,cAAc,GAAG,WAAW;CACjD,MAAM,EAAE,aAAa,oBAAoB;CAEzC,iBAAiB;CAEjB,OAAO;EACL,GAAG;EACH,UACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;GACG,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UAAE,IAAS,CAAA,IAAI;GAAK;GAAE;EACtC,EAAA,CAAA;CAEN;AACF,CACF;AAIA,MAAa,iBAAiB,YAC5B,QACA,MACF,CAAC,CAAC;AAIF,MAAa,iBAAiB,YAC5BC,mBAAAA,WACA,MACF,CAAC,CAAC"}
1	+ {"version":3,"file":"blockquote.cjs","names":["createSlotComponent","blockquoteStyle","useValidChildren","useFindChild","useMemo","styled","QuoteIcon"],"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 ? <>—</> : 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,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,UACA,MACA,SACA,MACA,UACA,cACA,WACA,cACA,GAAG,WACC;CACJ,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,0BAA0BC,iBAAAA,aAC9B,eACA,iBACF;CACA,MAAM,0BAA0BA,iBAAAA,aAC9B,eACA,iBACF;CAEA,MAAM,WAAA,GAAUC,MAAAA,QAAAA,QAAe;EAAE;EAAS;CAAS,IAAI,CAAC,SAAS,QAAQ,CAAC;CAE1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,QAAR;GAAe,GAAI;GAAnB,UAAA;IACG;IAEA,2BACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;KAAmB,GAAI;KAAe;IAA4B,CAAA;IAGnE,4BACE,OACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;KAAmB,GAAI;KACrB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;MAAgB,GAAI;MAAY,UAAA;KAAqB,CAAA;IACpC,CAAA,IACjB;GACO;;CACC,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AASF,MAAa,oBAAoB,YAG/B,cAAc,SAAS,CAAC,CACxB,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,CAAC,CACxB,KAAA,IACC,EAAE,UAAU,UAAU,cAAc,GAAG,WAAW;CACjD,MAAM,EAAE,aAAa,oBAAoB;CAEzC,iBAAiB;CAEjB,OAAO;EACL,GAAG;EACH,UACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;GACG,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAA,UAAE,IAAS,CAAA,IAAI;GAAK;GAAE;EACtC,EAAA,CAAA;CAEN;AACF,CACF;AAIA,MAAa,iBAAiB,YAC5B,QACA,MACF,CAAC,CAAC;AAIF,MAAa,iBAAiB,YAC5BC,mBAAAA,WACA,MACF,CAAC,CAAC"}

package/dist/cjs/components/breadcrumb/breadcrumb.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_chevron_right_icon = require("../icon/icons/chevron-right-icon.cjs");

package/dist/cjs/components/breadcrumb/breadcrumb.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb.cjs","names":["createSlotComponent","breadcrumbStyle","useBreadcrumb","styled","Fragment","ChevronRightIcon","EllipsisIcon"],"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,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,eACA,KACA,WACA,iBACA,WACA,WACA,gBACA,GAAG,WACC;CACJ,MAAM,EACJ,UACA,kBACA,cACA,cACA,iBACEC,uBAAAA,cAAc;EAChB,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,CAAqB,CAAA;EAC/B;EACA,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,CAAiB,CAAA;EACvB;EACA,GAAG;CACL,CAAC;CAED,MAAM,WAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~QACG~~;EAAE;EAAkB;CAAa,IACxC,CAAC,kBAAkB,YAAY,CACjC;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI,aAAa;GAC3B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,GAAI,aAAa;KAAE;KAAK,GAAG;IAAU,CAAC;IACnD,UAAA,SAAS,KAAK,OAAO,UAAU;KAC9B,MAAM,OAAO,UAAU,SAAS,SAAS;KAEzC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,MAAAA,UAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;MAAgB,GAAI;MAAY,UAAA;KAAsB,CAAA,GAErD,CAAC,OACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;MAAqB,GAAI;MACtB,UAAA;KACkB,CAAA,IACnB,IACI,EAAA,GARK,KAQL;IAEd,CAAC;GACa,CAAA;EACN,CAAA;CACI,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AAIF,MAAM,iBAAiB,YAAuC,MAAM,MAAM,CAAC,CAAC;AAI5E,MAAM,iBAAiB,YAAuC,MAAM,MAAM,CAAC,CAAC;AAI5E,MAAM,sBAAsB,YAC1B,gBACA,WACF,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC5B,UAAU,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,kBAAD,CAAmB,CAAA;CACzC,GAAG;AACL,EAAE;AAWF,MAAa,iBAAiB,YAC5B,KACA,MACF,CAAC,CAAC,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,YAChCC,sBAAAA,cACA,UACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqB,oBAAoB;CAEjD,OAAO,EAAE,GAAG,iBAAiB,KAAK,EAAE;AACtC,CAAC"}
1	+ {"version":3,"file":"breadcrumb.cjs","names":["createSlotComponent","breadcrumbStyle","useBreadcrumb","useMemo","styled","Fragment","ChevronRightIcon","EllipsisIcon"],"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,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,eACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,eACA,KACA,WACA,iBACA,WACA,WACA,gBACA,GAAG,WACC;CACJ,MAAM,EACJ,UACA,kBACA,cACA,cACA,iBACEC,uBAAAA,cAAc;EAChB,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,CAAqB,CAAA;EAC/B;EACA,MAAM,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,CAAiB,CAAA;EACvB;EACA,GAAG;CACL,CAAC;CAED,MAAM,WAAA,GAAUC,MAAAA,QAAAA,QACP;EAAE;EAAkB;CAAa,IACxC,CAAC,kBAAkB,YAAY,CACjC;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;EACvB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI,aAAa;GAC3B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,GAAI,aAAa;KAAE;KAAK,GAAG;IAAU,CAAC;IACnD,UAAA,SAAS,KAAK,OAAO,UAAU;KAC9B,MAAM,OAAO,UAAU,SAAS,SAAS;KAEzC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,MAAAA,UAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;MAAgB,GAAI;MAAY,UAAA;KAAsB,CAAA,GAErD,CAAC,OACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;MAAqB,GAAI;MACtB,UAAA;KACkB,CAAA,IACnB,IACI,EAAA,GARK,KAQL;IAEd,CAAC;GACa,CAAA;EACN,CAAA;CACI,CAAA;AAEtB,GACA,MACF,CAAC,CAAC;AAIF,MAAM,iBAAiB,YAAuC,MAAM,MAAM,CAAC,CAAC;AAI5E,MAAM,iBAAiB,YAAuC,MAAM,MAAM,CAAC,CAAC;AAI5E,MAAM,sBAAsB,YAC1B,gBACA,WACF,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY;CAC5B,UAAU,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,kBAAD,CAAmB,CAAA;CACzC,GAAG;AACL,EAAE;AAWF,MAAa,iBAAiB,YAC5B,KACA,MACF,CAAC,CAAC,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,YAChCC,sBAAAA,cACA,UACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqB,oBAAoB;CAEjD,OAAO,EAAE,GAAG,iBAAiB,KAAK,EAAE;AACtC,CAAC"}

package/dist/cjs/components/breadcrumb/use-breadcrumb.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_props = require("../../core/components/props.cjs");

package/dist/cjs/components/breadcrumb/use-breadcrumb.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-breadcrumb.cjs","names":["useValidChildren","useI18n","mergeProps"],"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,gBAAgBA,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,SAAS,cAAc,UAAU,MAAM;CAC7C,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,YAAY;CAElC,MAAM,gBACJ,kBAAkB,gBAAgB,KAClC,SAAS,kBAAkB;CAE7B,MAAM,cAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,UAA4B;EAC3B,IAAI,CAAC,MAAM,OAAO,CAAC;EAEnB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,YAAA,~~GAAA~~,~~MAAA~~,~~aAAA~~,~~CACV~~,MAAM;GAAE,GAAG,KAAK;GAAO,UAAU;GAAO,GAAG;EAAK,CAAC,CACrE;CACF,GACA,CAAC,IAAI,CACP;CAEA,MAAM,kBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,UAA4B;EAC3B,IAAI,CAAC,UAAU,OAAO;EAEtB,QAAA,GAAA,oBAAA,~~cAAA~~,QAAA,~~CAAe~~,UAAU,EAAE,MAAM,CAAC;CACpC,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,cAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,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,iBAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~OAA8B~~;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,gBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,~~UAAUC~~,cAAAA,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,MAAM,KAAK,CAAC,CAAC,GACtE,CAAC,MAAM,CAAC,CACV;CAEA,MAAM,gBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,WAAW,EAAE,GAAG,MAAM,IACvB,CAAC,CACH;CAEA,MAAM,gBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EACH~~,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,mBAAA,~~GAAA~~,~~MAAA~~,~~YAAA~~,~~EAVC~~,WAAW;GACV,cAAc,EAAE,UAAU;GAC1B,MAAM;GACN,GAAG;EACL,IACA,CAAC,CAAC,CAKa;EACf;EACA;EACA;CACF;AACF"}
1	+ {"version":3,"file":"use-breadcrumb.cjs","names":["useValidChildren","useI18n","useCallback","cloneElement","useMemo","mergeProps"],"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,gBAAgBA,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,SAAS,cAAc,UAAU,MAAM;CAC7C,MAAM,EAAE,MAAMC,sBAAAA,QAAQ,YAAY;CAElC,MAAM,gBACJ,kBAAkB,gBAAgB,KAClC,SAAS,kBAAkB;CAE7B,MAAM,cAAA,GAAaC,MAAAA,YAAAA,EAChB,UAA4B;EAC3B,IAAI,CAAC,MAAM,OAAO,CAAC;EAEnB,OAAO,MAAM,KAAK,EAAE,OAAO,GAAG,YAAA,GAC5BC,MAAAA,aAAAA,CAAkB,MAAM;GAAE,GAAG,KAAK;GAAO,UAAU;GAAO,GAAG;EAAK,CAAC,CACrE;CACF,GACA,CAAC,IAAI,CACP;CAEA,MAAM,kBAAA,GAAiBD,MAAAA,YAAAA,EACpB,UAA4B;EAC3B,IAAI,CAAC,UAAU,OAAO;EAEtB,QAAA,GAAA,oBAAA,cAAO,QAAA,CAAQ,UAAU,EAAE,MAAM,CAAC;CACpC,GACA,CAAC,QAAQ,CACX;CAEA,MAAM,cAAA,GAAaA,MAAAA,YAAAA,EAChB,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,iBAAA,GAAgBE,MAAAA,QAAAA,OAAc;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,gBAAA,GAAkCF,MAAAA,YAAAA,EACrC,UAAUG,cAAAA,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,MAAM,KAAK,CAAC,CAAC,GACtE,CAAC,MAAM,CAAC,CACV;CAEA,MAAM,gBAAA,GAAiCH,MAAAA,YAAAA,EACpC,WAAW,EAAE,GAAG,MAAM,IACvB,CAAC,CACH;CAEA,MAAM,gBAAA,GAA2DA,MAAAA,YAAAA,EAC9D,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,mBAAA,GAX0CA,MAAAA,YAAAA,EACzC,WAAW;GACV,cAAc,EAAE,UAAU;GAC1B,MAAM;GACN,GAAG;EACL,IACA,CAAC,CAAC,CAKa;EACf;EACA;EACA;CACF;AACF"}

package/dist/cjs/components/button/button-group.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_button = require("./button.cjs");
 const require_group = require("../group/group.cjs");
 const require_icon_button = require("./icon-button.cjs");

package/dist/cjs/components/button/button-group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.cjs","names":["ButtonPropsContext","IconButtonPropsContext","Group"],"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,WAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~QACG~~;EACL;EACA;EACA;EACA,kBAAkB,WAAW,WAAW,KAAA;CAC1C,IACA;EAAC;EAAM;EAAS;EAAU;CAAQ,CACpC;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,~~CAACA~~,eAAAA,oBAAD;EAAoB,OAAO;EACzB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,wBAAD;GAAwB,OAAO;GAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAiB;IAAU,GAAI;GAAO,CAAA;EAChB,CAAA;CACN,CAAA;AAExB"}
1	+ {"version":3,"file":"button-group.cjs","names":["useMemo","ButtonPropsContext","IconButtonPropsContext","Group"],"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,WAAA,GAAUA,MAAAA,QAAAA,QACP;EACL;EACA;EACA;EACA,kBAAkB,WAAW,WAAW,KAAA;CAC1C,IACA;EAAC;EAAM;EAAS;EAAU;CAAQ,CACpC;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,oBAAD;EAAoB,OAAO;EACzB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,wBAAD;GAAwB,OAAO;GAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;IAAiB;IAAU,GAAI;GAAO,CAAA;EAChB,CAAA;CACN,CAAA;AAExB"}

package/dist/cjs/components/button/button.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");
@@ -92,11 +93,14 @@ const ButtonContent = component(({ children }) => {
 const ButtonLoading = component((props) => {
 	const { loadingIcon, loadingMessage } = useComponentContext();
 	const css = (0, react.useMemo)(() => ({ position: loadingMessage ? "relative" : "absolute" }), [loadingMessage]);
-	if (require_use_loading_component.isLoadingScheme(loadingIcon)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_loading_component.getLoadingComponent(loadingIcon), {
-		color: "currentColor",
-		...props,
-		css: require_merge_css.mergeCSS(css, props.css)
-	});
+	if (require_use_loading_component.isLoadingScheme(loadingIcon)) {
+		const Component = require_use_loading_component.getLoadingComponent(loadingIcon);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+			color: "currentColor",
+			...props,
+			css: require_merge_css.mergeCSS(css, props.css)
+		});
+	}
 	if ((0, react.isValidElement)(loadingIcon)) return (0, react.cloneElement)(loadingIcon, {
 		...props,
 		...loadingIcon.props,

package/dist/cjs/components/button/button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.cjs","names":["createComponent","buttonStyle","useRipple","styled","mergeRefs","Ripple","getClassName","isLoadingScheme","getLoadingComponent","mergeCSS","Children"],"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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"}
1	+ {"version":3,"file":"button.cjs","names":["useRef","useCallback","createComponent","buttonStyle","useRipple","useMemo","styled","mergeRefs","Ripple","getClassName","isLoadingScheme","getLoadingComponent","mergeCSS","isValidElement","cloneElement","Children"],"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/cjs/components/calendar/calendar.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_props = require("../../core/components/props.cjs");