npm - @yamada-ui/react - Versions diffs - 2.3.0-next-20260412105801 → 2.3.0-next-20260419060714 - Mend

@yamada-ui/react 2.3.0-next-20260412105801 → 2.3.0-next-20260419060714

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 (282) hide show

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

@@ -3,6 +3,7 @@
 const require_rolldown_runtime = 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');
 const require_create_component = require('../../core/components/create-component.cjs');
 require('../../core/index.cjs');
 const require_check_icon = require('../icon/icons/check-icon.cjs');
@@ -107,13 +108,11 @@ const AutocompleteRoot = withProvider((props) => {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_popover.PopoverRoot, {
 						...mergedPopoverProps,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_input_group.InputGroupRoot, {
-							className,
-							css,
 							colorScheme,
-							...getRootProps({
-								...groupItemProps,
-								...rootProps
-							}),
+							...require_props.mergeProps({
+								className,
+								css
+							}, getRootProps(groupItemProps), rootProps)(),
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutocompleteField, {
 								...getFieldProps(varProps),
 								children: fieldChildren
@@ -138,10 +137,7 @@ const AutocompleteRoot = withProvider((props) => {
 		})
 	});
 }, "root")((props) => {
-	return {
-		...require_input.useInputPropsContext(),
-		...props
-	};
+	return require_props.mergeProps(require_input.useInputPropsContext(), props)();
 });
 const AutocompleteField = withContext("div", "field")({ "data-group-propagate": "" }, ({ children, ...rest }) => {
 	const { getInputProps, inputProps } = useComponentContext();
@@ -162,10 +158,7 @@ const AutocompleteLabel = withContext("span", "label")(void 0, (props) => {
 });
 const AutocompleteGroup = withContext(({ children, label, labelProps, ...rest }) => {
 	const { groupProps } = useComponentContext();
-	const { getGroupProps, getLabelProps } = require_hooks_use_combobox_index.useComboboxGroup({
-		...groupProps,
-		...rest
-	});
+	const { getGroupProps, getLabelProps } = require_hooks_use_combobox_index.useComboboxGroup(require_props.mergeProps(groupProps, rest)());
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_hooks_use_combobox_index.ComboboxGroupContext, {
 		value: (0, react.useMemo)(() => ({ getLabelProps }), [getLabelProps]),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.div, {
@@ -179,10 +172,7 @@ const AutocompleteGroup = withContext(({ children, label, labelProps, ...rest })
 }, "group")();
 const AutocompleteOption = withContext(({ children, icon: iconProp, ...rest }) => {
 	const { optionProps: { icon, ...optionProps } = {} } = useComponentContext();
-	const { getIndicatorProps, getOptionProps } = require_use_autocomplete.useAutocompleteOption({
-		...optionProps,
-		...rest
-	});
+	const { getIndicatorProps, getOptionProps } = require_use_autocomplete.useAutocompleteOption(require_props.mergeProps(optionProps, rest)());
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.div, {
 		...getOptionProps(),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutocompleteIndicator, {
@@ -194,8 +184,7 @@ const AutocompleteOption = withContext(({ children, icon: iconProp, ...rest }) =
 const AutocompleteEmpty = withContext(({ children, icon, ...rest }) => {
 	const { emptyIcon, emptyProps } = useComponentContext();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.div, {
-		...emptyProps,
-		...rest,
+		...require_props.mergeProps(emptyProps, rest)(),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutocompleteIndicator, { children: icon ?? emptyIcon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_minus_icon.MinusIcon, {}) }), children]
 	});
 }, "empty")();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete.cjs","names":["createSlotComponent","autocompleteStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useAutocomplete","createComboboxItem","createComboboxChildren","useInputBorder","ComboboxDescendantsContext","ComboboxContext","AutocompleteContext","useInputPropsContext","ChevronDownIcon","useComboboxGroupContext","useComboboxGroup","ComboboxGroupContext","styled","useAutocompleteOption","CheckIcon","MinusIcon"],"sources":["../../../../src/components/autocomplete/autocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n GenericsComponent,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type {\n ComboboxItem,\n UseComboboxGroupProps,\n} from \"../../hooks/use-combobox\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { AutocompleteStyle } from \"./autocomplete.style\"\nimport type {\n UseAutocompleteOptionProps,\n UseAutocompleteProps,\n UseAutocompleteReturn,\n} from \"./use-autocomplete\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n ComboboxContext,\n ComboboxDescendantsContext,\n ComboboxGroupContext,\n createComboboxChildren,\n createComboboxItem,\n useComboboxGroup,\n useComboboxGroupContext,\n} from \"../../hooks/use-combobox\"\nimport { cast, isArray } from \"../../utils\"\nimport { useGroupItemProps } from \"../group\"\nimport { CheckIcon, ChevronDownIcon, MinusIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { autocompleteStyle } from \"./autocomplete.style\"\nimport {\n AutocompleteContext,\n useAutocomplete,\n useAutocompleteOption,\n} from \"./use-autocomplete\"\n\ninterface ComponentContext\n extends\n Pick<UseAutocompleteReturn, \"getInputProps\" \| \"getSeparatorProps\">,\n Pick<\n AutocompleteRootProps,\n \"emptyIcon\" \| \"emptyProps\" \| \"groupProps\" \| \"inputProps\" \| \"optionProps\"\n > {}\n\nexport interface AutocompleteRootProps<Multiple extends boolean = false>\n extends\n Omit<\n HTMLStyledProps,\n \"defaultValue\" \| \"filter\" \| \"offset\" \| \"onChange\" \| \"ref\" \| \"value\"\n >,\n Merge<UseAutocompleteProps<Multiple>, UsePopoverStyleProps>,\n UsePopupAnimationProps,\n ThemeProps<AutocompleteStyle>,\n UseInputBorderProps {\n /*\n If `true`, display the clear icon.\n \n @default true\n /\n clearable?: boolean\n /\n The icon to be used in the clear button.\n /\n clearIcon?: ReactNode\n /\n The icon to be used in the empty element.\n /\n emptyIcon?: ReactNode\n /\n The icon to be used in the autocomplete.\n /\n icon?: ReactNode\n /\n Props for content element.\n /\n contentProps?: AutocompleteContentProps\n /\n The props for the end element.\n /\n elementProps?: InputGroup.ElementProps\n /\n Props for empty element.\n /\n emptyProps?: AutocompleteEmptyProps\n /\n Props for group element.\n /\n groupProps?: Omit<AutocompleteGroupProps, \"children\" \| \"label\">\n /\n Props for icon element.\n /\n iconProps?: AutocompleteIconProps\n /\n The props for the input element.\n /\n inputProps?: HTMLStyledProps<\"input\">\n /\n Props for option element.\n /\n optionProps?: Omit<AutocompleteOptionProps, \"children\" \| \"value\">\n /\n Props for root element.\n /\n rootProps?: InputGroup.RootProps\n}\n\nconst {\n ComponentContext,\n PropsContext: AutocompletePropsContext,\n useComponentContext,\n usePropsContext: useAutocompletePropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<\n AutocompleteRootProps,\n AutocompleteStyle,\n ComponentContext\n>(\"autocomplete\", autocompleteStyle)\n\nexport { AutocompletePropsContext, useAutocompletePropsContext }\n\n/\n `Autocomplete` is a component used to display suggestions in response to user text input.\n \n @see https://yamada-ui.com/docs/components/autocomplete\n /\nexport const AutocompleteRoot = withProvider(\n <Multiple extends boolean = false>(\n props: AutocompleteRootProps<Multiple>,\n ) => {\n const [\n groupItemProps,\n {\n className,\n css,\n colorScheme,\n animationScheme = \"block-start\",\n children,\n clearable = true,\n clearIcon = <XIcon />,\n duration,\n emptyIcon,\n errorBorderColor,\n focusBorderColor,\n icon,\n items: itemsProp,\n contentProps,\n elementProps,\n emptyProps,\n groupProps,\n iconProps,\n inputProps,\n optionProps,\n rootProps,\n ...rest\n },\n ] = useGroupItemProps(props)\n const popoverStyleProps = usePopoverStyleProps(rest)\n const items = useMemo<ComboboxItem[]>(() => {\n if (itemsProp) return itemsProp\n\n return createComboboxItem(children, {\n Group: AutocompleteGroup,\n Label: AutocompleteLabel,\n Option: AutocompleteOption,\n })\n }, [itemsProp, children])\n const {\n children: fieldChildren,\n descendants,\n items: computedItems,\n max,\n value,\n getClearIconProps,\n getContentProps,\n getFieldProps,\n getIconProps,\n getInputProps,\n getRootProps,\n getSeparatorProps,\n popoverProps,\n onActiveDescendant,\n onClose,\n onSelect,\n } = useAutocomplete({ items, ...rest, ...popoverStyleProps })\n const mergedPopoverProps = useMemo<Popover.RootProps>(\n () => ({\n animationScheme,\n duration,\n ...popoverProps,\n }),\n [animationScheme, duration, popoverProps],\n )\n const computedChildren = useMemo(\n () =>\n createComboboxChildren(computedItems, {\n Empty: AutocompleteEmpty,\n Group: AutocompleteGroup,\n Option: AutocompleteOption,\n }),\n [computedItems],\n )\n const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n const comboboxContext = useMemo(\n () => ({ onActiveDescendant, onClose, onSelect }),\n [onActiveDescendant, onClose, onSelect],\n )\n const autocompleteContext = useMemo(() => ({ max, value }), [value, max])\n const componentContext = useMemo(\n () => ({\n emptyIcon,\n emptyProps,\n getInputProps,\n getSeparatorProps,\n groupProps,\n inputProps,\n optionProps,\n }),\n [\n emptyIcon,\n emptyProps,\n getInputProps,\n getSeparatorProps,\n groupProps,\n inputProps,\n optionProps,\n ],\n )\n const hasValue = isArray(value) ? !!value.length : !!value\n\n return (\n <ComboboxDescendantsContext value={descendants}>\n <ComboboxContext value={comboboxContext}>\n <AutocompleteContext value={autocompleteContext}>\n <ComponentContext value={componentContext}>\n <Popover.Root {...mergedPopoverProps}>\n <InputGroup.Root\n className={className}\n css={css}\n colorScheme={colorScheme}\n {...getRootProps({ ...groupItemProps, ...rootProps })}\n >\n <Popover.Trigger>\n <AutocompleteField {...getFieldProps(varProps)}>\n {fieldChildren}\n </AutocompleteField>\n </Popover.Trigger>\n\n <InputGroup.Element\n {...{ clickable: clearable && hasValue, ...elementProps }}\n >\n {clearable && hasValue ? (\n <AutocompleteIcon\n icon={clearIcon}\n {...getClearIconProps(iconProps)}\n />\n ) : (\n <AutocompleteIcon\n icon={icon}\n {...getIconProps(iconProps)}\n />\n )}\n </InputGroup.Element>\n </InputGroup.Root>\n\n <AutocompleteContent\n {...cast<AutocompleteContentProps>(\n getContentProps(cast<HTMLProps>(contentProps)),\n )}\n >\n {computedChildren}\n </AutocompleteContent>\n </Popover.Root>\n </ComponentContext>\n </AutocompleteContext>\n </ComboboxContext>\n </ComboboxDescendantsContext>\n )\n },\n \"root\",\n)((props) => {\n const context = useInputPropsContext()\n\n return { ...context, ...props }\n}) as GenericsComponent<{\n <Multiple extends boolean = false>(\n props: AutocompleteRootProps<Multiple>,\n ): ReactElement\n}>\n\ninterface AutocompleteFieldProps extends HTMLStyledProps {}\n\nconst AutocompleteField = withContext<\"div\", AutocompleteFieldProps>(\n \"div\",\n \"field\",\n)({ \"data-group-propagate\": \"\" }, ({ children, ...rest }) => {\n const { getInputProps, inputProps } = useComponentContext()\n\n return {\n ...rest,\n children: (\n <>\n {children}\n <AutocompleteInput {...getInputProps(inputProps)} />\n </>\n ),\n }\n})\n\ninterface AutocompleteInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst AutocompleteInput = withContext<\"input\", AutocompleteInputProps>(\n \"input\",\n \"input\",\n)()\n\ninterface AutocompleteIconProps extends HTMLStyledProps {\n icon?: ReactNode\n}\n\nconst AutocompleteIcon = withContext<\"div\", AutocompleteIconProps>(\n \"div\",\n \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n children: icon \|\| children \|\| <ChevronDownIcon />,\n ...rest,\n}))\n\ninterface AutocompleteContentProps extends Popover.ContentProps {}\n\nconst AutocompleteContent = withContext<\"div\", AutocompleteContentProps>(\n Popover.Content,\n \"content\",\n)()\n\nexport interface AutocompleteLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const AutocompleteLabel = withContext<\"span\", AutocompleteLabelProps>(\n \"span\",\n \"label\",\n)(undefined, (props) => {\n const { getLabelProps } = useComboboxGroupContext()\n\n return getLabelProps(props)\n})\n\nexport interface AutocompleteGroupProps\n extends UseComboboxGroupProps, HTMLStyledProps {\n /\n The label of the group.\n /\n label?: ReactNode\n /\n Props for the label component.\n /\n labelProps?: AutocompleteLabelProps\n}\n\nexport const AutocompleteGroup = withContext<\"div\", AutocompleteGroupProps>(\n ({ children, label, labelProps, ...rest }) => {\n const { groupProps } = useComponentContext()\n const { getGroupProps, getLabelProps } = useComboboxGroup({\n ...groupProps,\n ...rest,\n })\n const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n return (\n <ComboboxGroupContext value={context}>\n <styled.div {...getGroupProps()}>\n {label ? (\n <AutocompleteLabel {...labelProps}>{label}</AutocompleteLabel>\n ) : null}\n {children}\n </styled.div>\n </ComboboxGroupContext>\n )\n },\n \"group\",\n)()\n\nexport interface AutocompleteOptionProps\n extends UseAutocompleteOptionProps, HTMLStyledProps {\n /\n The icon to be used in the autocomplete option.\n /\n icon?: ReactNode\n}\n\nexport const AutocompleteOption = withContext<\"div\", AutocompleteOptionProps>(\n ({ children, icon: iconProp, ...rest }) => {\n const { optionProps: { icon, ...optionProps } = {} } = useComponentContext()\n const { getIndicatorProps, getOptionProps } = useAutocompleteOption({\n ...optionProps,\n ...rest,\n })\n\n return (\n <styled.div {...getOptionProps()}>\n <AutocompleteIndicator {...getIndicatorProps()}>\n {iconProp ?? icon ?? <CheckIcon />}\n </AutocompleteIndicator>\n {children}\n </styled.div>\n )\n },\n \"option\",\n)()\n\ninterface AutocompleteEmptyProps extends HTMLStyledProps {\n /\n The icon to be used in the autocomplete option.\n */\n icon?: ReactNode\n}\n\nconst AutocompleteEmpty = withContext<\"div\", AutocompleteEmptyProps>(\n ({ children, icon, ...rest }) => {\n const { emptyIcon, emptyProps } = useComponentContext()\n\n return (\n <styled.div {...emptyProps} {...rest}>\n <AutocompleteIndicator>\n {icon ?? emptyIcon ?? <MinusIcon />}\n </AutocompleteIndicator>\n {children}\n </styled.div>\n )\n },\n \"empty\",\n)()\n\ninterface AutocompleteIndicatorProps extends HTMLStyledProps {}\n\nconst AutocompleteIndicator = withContext<\"div\", AutocompleteIndicatorProps>(\n \"div\",\n \"indicator\",\n)()\n"],"mappings":"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"}
1	+ {"version":3,"file":"autocomplete.cjs","names":["createSlotComponent","autocompleteStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useAutocomplete","createComboboxItem","createComboboxChildren","useInputBorder","ComboboxDescendantsContext","ComboboxContext","AutocompleteContext","mergeProps","useInputPropsContext","ChevronDownIcon","useComboboxGroupContext","useComboboxGroup","ComboboxGroupContext","styled","useAutocompleteOption","CheckIcon","MinusIcon"],"sources":["../../../../src/components/autocomplete/autocomplete.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n GenericsComponent,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type {\n ComboboxItem,\n UseComboboxGroupProps,\n} from \"../../hooks/use-combobox\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { AutocompleteStyle } from \"./autocomplete.style\"\nimport type {\n UseAutocompleteOptionProps,\n UseAutocompleteProps,\n UseAutocompleteReturn,\n} from \"./use-autocomplete\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n ComboboxContext,\n ComboboxDescendantsContext,\n ComboboxGroupContext,\n createComboboxChildren,\n createComboboxItem,\n useComboboxGroup,\n useComboboxGroupContext,\n} from \"../../hooks/use-combobox\"\nimport { cast, isArray } from \"../../utils\"\nimport { useGroupItemProps } from \"../group\"\nimport { CheckIcon, ChevronDownIcon, MinusIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { autocompleteStyle } from \"./autocomplete.style\"\nimport {\n AutocompleteContext,\n useAutocomplete,\n useAutocompleteOption,\n} from \"./use-autocomplete\"\n\ninterface ComponentContext\n extends\n Pick<UseAutocompleteReturn, \"getInputProps\" \| \"getSeparatorProps\">,\n Pick<\n AutocompleteRootProps,\n \"emptyIcon\" \| \"emptyProps\" \| \"groupProps\" \| \"inputProps\" \| \"optionProps\"\n > {}\n\nexport interface AutocompleteRootProps<Multiple extends boolean = false>\n extends\n Omit<\n HTMLStyledProps,\n \"defaultValue\" \| \"filter\" \| \"offset\" \| \"onChange\" \| \"ref\" \| \"value\"\n >,\n Merge<UseAutocompleteProps<Multiple>, UsePopoverStyleProps>,\n UsePopupAnimationProps,\n ThemeProps<AutocompleteStyle>,\n UseInputBorderProps {\n /*\n If `true`, display the clear icon.\n \n @default true\n /\n clearable?: boolean\n /\n The icon to be used in the clear button.\n /\n clearIcon?: ReactNode\n /\n The icon to be used in the empty element.\n /\n emptyIcon?: ReactNode\n /\n The icon to be used in the autocomplete.\n /\n icon?: ReactNode\n /\n Props for content element.\n /\n contentProps?: AutocompleteContentProps\n /\n The props for the end element.\n /\n elementProps?: InputGroup.ElementProps\n /\n Props for empty element.\n /\n emptyProps?: AutocompleteEmptyProps\n /\n Props for group element.\n /\n groupProps?: Omit<AutocompleteGroupProps, \"children\" \| \"label\">\n /\n Props for icon element.\n /\n iconProps?: AutocompleteIconProps\n /\n The props for the input element.\n /\n inputProps?: HTMLStyledProps<\"input\">\n /\n Props for option element.\n /\n optionProps?: Omit<AutocompleteOptionProps, \"children\" \| \"value\">\n /\n Props for root element.\n /\n rootProps?: InputGroup.RootProps\n}\n\nconst {\n ComponentContext,\n PropsContext: AutocompletePropsContext,\n useComponentContext,\n usePropsContext: useAutocompletePropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<\n AutocompleteRootProps,\n AutocompleteStyle,\n ComponentContext\n>(\"autocomplete\", autocompleteStyle)\n\nexport { AutocompletePropsContext, useAutocompletePropsContext }\n\n/\n `Autocomplete` is a component used to display suggestions in response to user text input.\n \n @see https://yamada-ui.com/docs/components/autocomplete\n /\nexport const AutocompleteRoot = withProvider(\n <Multiple extends boolean = false>(\n props: AutocompleteRootProps<Multiple>,\n ) => {\n const [\n groupItemProps,\n {\n className,\n css,\n colorScheme,\n animationScheme = \"block-start\",\n children,\n clearable = true,\n clearIcon = <XIcon />,\n duration,\n emptyIcon,\n errorBorderColor,\n focusBorderColor,\n icon,\n items: itemsProp,\n contentProps,\n elementProps,\n emptyProps,\n groupProps,\n iconProps,\n inputProps,\n optionProps,\n rootProps,\n ...rest\n },\n ] = useGroupItemProps(props)\n const popoverStyleProps = usePopoverStyleProps(rest)\n const items = useMemo<ComboboxItem[]>(() => {\n if (itemsProp) return itemsProp\n\n return createComboboxItem(children, {\n Group: AutocompleteGroup,\n Label: AutocompleteLabel,\n Option: AutocompleteOption,\n })\n }, [itemsProp, children])\n const {\n children: fieldChildren,\n descendants,\n items: computedItems,\n max,\n value,\n getClearIconProps,\n getContentProps,\n getFieldProps,\n getIconProps,\n getInputProps,\n getRootProps,\n getSeparatorProps,\n popoverProps,\n onActiveDescendant,\n onClose,\n onSelect,\n } = useAutocomplete({ items, ...rest, ...popoverStyleProps })\n const mergedPopoverProps = useMemo<Popover.RootProps>(\n () => ({\n animationScheme,\n duration,\n ...popoverProps,\n }),\n [animationScheme, duration, popoverProps],\n )\n const computedChildren = useMemo(\n () =>\n createComboboxChildren(computedItems, {\n Empty: AutocompleteEmpty,\n Group: AutocompleteGroup,\n Option: AutocompleteOption,\n }),\n [computedItems],\n )\n const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n const comboboxContext = useMemo(\n () => ({ onActiveDescendant, onClose, onSelect }),\n [onActiveDescendant, onClose, onSelect],\n )\n const autocompleteContext = useMemo(() => ({ max, value }), [value, max])\n const componentContext = useMemo(\n () => ({\n emptyIcon,\n emptyProps,\n getInputProps,\n getSeparatorProps,\n groupProps,\n inputProps,\n optionProps,\n }),\n [\n emptyIcon,\n emptyProps,\n getInputProps,\n getSeparatorProps,\n groupProps,\n inputProps,\n optionProps,\n ],\n )\n const hasValue = isArray(value) ? !!value.length : !!value\n\n return (\n <ComboboxDescendantsContext value={descendants}>\n <ComboboxContext value={comboboxContext}>\n <AutocompleteContext value={autocompleteContext}>\n <ComponentContext value={componentContext}>\n <Popover.Root {...mergedPopoverProps}>\n <InputGroup.Root\n colorScheme={colorScheme}\n {...mergeProps(\n { className, css },\n getRootProps(groupItemProps),\n rootProps,\n )()}\n >\n <Popover.Trigger>\n <AutocompleteField {...getFieldProps(varProps)}>\n {fieldChildren}\n </AutocompleteField>\n </Popover.Trigger>\n\n <InputGroup.Element\n {...{ clickable: clearable && hasValue, ...elementProps }}\n >\n {clearable && hasValue ? (\n <AutocompleteIcon\n icon={clearIcon}\n {...getClearIconProps(iconProps)}\n />\n ) : (\n <AutocompleteIcon\n icon={icon}\n {...getIconProps(iconProps)}\n />\n )}\n </InputGroup.Element>\n </InputGroup.Root>\n\n <AutocompleteContent\n {...cast<AutocompleteContentProps>(\n getContentProps(cast<HTMLProps>(contentProps)),\n )}\n >\n {computedChildren}\n </AutocompleteContent>\n </Popover.Root>\n </ComponentContext>\n </AutocompleteContext>\n </ComboboxContext>\n </ComboboxDescendantsContext>\n )\n },\n \"root\",\n)((props) => {\n const context = useInputPropsContext()\n\n return mergeProps(context, props)()\n}) as GenericsComponent<{\n <Multiple extends boolean = false>(\n props: AutocompleteRootProps<Multiple>,\n ): ReactElement\n}>\n\ninterface AutocompleteFieldProps extends HTMLStyledProps {}\n\nconst AutocompleteField = withContext<\"div\", AutocompleteFieldProps>(\n \"div\",\n \"field\",\n)({ \"data-group-propagate\": \"\" }, ({ children, ...rest }) => {\n const { getInputProps, inputProps } = useComponentContext()\n\n return {\n ...rest,\n children: (\n <>\n {children}\n <AutocompleteInput {...getInputProps(inputProps)} />\n </>\n ),\n }\n})\n\ninterface AutocompleteInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst AutocompleteInput = withContext<\"input\", AutocompleteInputProps>(\n \"input\",\n \"input\",\n)()\n\ninterface AutocompleteIconProps extends HTMLStyledProps {\n icon?: ReactNode\n}\n\nconst AutocompleteIcon = withContext<\"div\", AutocompleteIconProps>(\n \"div\",\n \"icon\",\n)(undefined, ({ children, icon, ...rest }) => ({\n children: icon \|\| children \|\| <ChevronDownIcon />,\n ...rest,\n}))\n\ninterface AutocompleteContentProps extends Popover.ContentProps {}\n\nconst AutocompleteContent = withContext<\"div\", AutocompleteContentProps>(\n Popover.Content,\n \"content\",\n)()\n\nexport interface AutocompleteLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const AutocompleteLabel = withContext<\"span\", AutocompleteLabelProps>(\n \"span\",\n \"label\",\n)(undefined, (props) => {\n const { getLabelProps } = useComboboxGroupContext()\n\n return getLabelProps(props)\n})\n\nexport interface AutocompleteGroupProps\n extends UseComboboxGroupProps, HTMLStyledProps {\n /\n The label of the group.\n /\n label?: ReactNode\n /\n Props for the label component.\n /\n labelProps?: AutocompleteLabelProps\n}\n\nexport const AutocompleteGroup = withContext<\"div\", AutocompleteGroupProps>(\n ({ children, label, labelProps, ...rest }) => {\n const { groupProps } = useComponentContext()\n const { getGroupProps, getLabelProps } = useComboboxGroup(\n mergeProps(groupProps, rest)(),\n )\n const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n return (\n <ComboboxGroupContext value={context}>\n <styled.div {...getGroupProps()}>\n {label ? (\n <AutocompleteLabel {...labelProps}>{label}</AutocompleteLabel>\n ) : null}\n {children}\n </styled.div>\n </ComboboxGroupContext>\n )\n },\n \"group\",\n)()\n\nexport interface AutocompleteOptionProps\n extends UseAutocompleteOptionProps, HTMLStyledProps {\n /\n The icon to be used in the autocomplete option.\n /\n icon?: ReactNode\n}\n\nexport const AutocompleteOption = withContext<\"div\", AutocompleteOptionProps>(\n ({ children, icon: iconProp, ...rest }) => {\n const { optionProps: { icon, ...optionProps } = {} } = useComponentContext()\n const { getIndicatorProps, getOptionProps } = useAutocompleteOption(\n mergeProps(optionProps, rest)(),\n )\n\n return (\n <styled.div {...getOptionProps()}>\n <AutocompleteIndicator {...getIndicatorProps()}>\n {iconProp ?? icon ?? <CheckIcon />}\n </AutocompleteIndicator>\n {children}\n </styled.div>\n )\n },\n \"option\",\n)()\n\ninterface AutocompleteEmptyProps extends HTMLStyledProps {\n /\n The icon to be used in the autocomplete option.\n */\n icon?: ReactNode\n}\n\nconst AutocompleteEmpty = withContext<\"div\", AutocompleteEmptyProps>(\n ({ children, icon, ...rest }) => {\n const { emptyIcon, emptyProps } = useComponentContext()\n\n return (\n <styled.div {...mergeProps(emptyProps, rest)()}>\n <AutocompleteIndicator>\n {icon ?? emptyIcon ?? <MinusIcon />}\n </AutocompleteIndicator>\n {children}\n </styled.div>\n )\n },\n \"empty\",\n)()\n\ninterface AutocompleteIndicatorProps extends HTMLStyledProps {}\n\nconst AutocompleteIndicator = withContext<\"div\", AutocompleteIndicatorProps>(\n \"div\",\n \"indicator\",\n)()\n"],"mappings":"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"}

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

@@ -246,6 +246,7 @@ const CalendarMonthSelect = withContext((props) => {
 const CalendarMonth = withContext("table", "month")(void 0, ({ day: dayProp, ...rest }) => {
 	const { day, monthDays, weekdays, dayProps, getMonthProps, getWeekdayProps, monthProps, weekdayProps, weekdaysProps, weekProps, weeksProps } = useComponentContext();
 	dayProp ??= day;
+	const { suppressHydrationWarning } = rest;
 	const children = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.thead, {
 		"aria-hidden": true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarWeekDays, {
@@ -265,7 +266,10 @@ const CalendarMonth = withContext("table", "month")(void 0, ({ day: dayProp, ...
 			children: week.map(({ label, value }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarDay, {
 				...dayProps,
 				value,
-				children: (0, require_utils_index.utils_exports.runIfFn)(dayProp, { value }) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.span, { children: label })
+				children: (0, require_utils_index.utils_exports.runIfFn)(dayProp, { value }) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.span, {
+					suppressHydrationWarning,
+					children: label
+				})
 			}, value.toDateString()))
 		}, index))
 	})] });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.cjs","names":["createSlotComponent","calendarStyle","useCalendar","CalendarDescendantsContext","CalendarContext","styled","useCalendarContext","ChevronLeftIcon","ChevronRightIcon","resetFieldProps","useCalendarDay"],"sources":["../../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CalendarStyle } from \"./calendar.style\"\nimport type {\n UseCalendarDayProps,\n UseCalendarProps,\n UseCalendarReturn,\n} from \"./use-calendar\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { resetFieldProps } from \"../field\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../icon\"\nimport { Select } from \"../select\"\nimport { calendarStyle } from \"./calendar.style\"\nimport {\n CalendarContext,\n CalendarDescendantsContext,\n useCalendar,\n useCalendarContext,\n useCalendarDay,\n} from \"./use-calendar\"\n\ninterface ComponentContext\n extends\n Pick<\n UseCalendarReturn,\n \| \"getMonthProps\"\n \| \"getMonthSelectProps\"\n \| \"getNavigationProps\"\n \| \"getNextButtonProps\"\n \| \"getPrevButtonProps\"\n \| \"getStatusProps\"\n \| \"getWeekdayProps\"\n \| \"getYearSelectProps\"\n \| \"monthDays\"\n \| \"monthItems\"\n \| \"weekdays\"\n \| \"yearItems\"\n >,\n Pick<\n CalendarRootProps,\n \| \"buttonProps\"\n \| \"controlProps\"\n \| \"day\"\n \| \"dayProps\"\n \| \"monthProps\"\n \| \"monthSelectProps\"\n \| \"navigationProps\"\n \| \"nextButtonProps\"\n \| \"prevButtonProps\"\n \| \"selectProps\"\n \| \"weekdayProps\"\n \| \"weekdaysProps\"\n \| \"weekProps\"\n \| \"weeksProps\"\n \| \"yearSelectProps\"\n > {}\n\nexport interface CalendarRootProps<\n Multiple extends boolean = false,\n Range extends boolean = false,\n>\n extends\n Omit<HTMLStyledProps, \"defaultValue\" \| \"onChange\">,\n ThemeProps<CalendarStyle>,\n UseCalendarProps<Multiple, Range>,\n Pick<CalendarMonthProps, \"day\"> {\n /*\n Props for the button component.\n /\n buttonProps?: HTMLStyledProps<\"button\">\n /\n Props for the control component.\n /\n controlProps?: CalendarControlProps\n /\n Props for the day component.\n /\n dayProps?: Omit<CalendarDayProps, \"value\">\n /\n Props for the month component.\n /\n monthProps?: CalendarMonthProps\n /\n Props for the month select component.\n /\n monthSelectProps?: CalendarMonthSelectProps\n /\n Props for the navigation component.\n /\n navigationProps?: Omit<CalendarNavigationProps, \"children\">\n /\n Props for the next button component.\n /\n nextButtonProps?: CalendarNextButtonProps\n /\n Props for the prev button component.\n /\n prevButtonProps?: CalendarPrevButtonProps\n /\n Props for the select component.\n /\n selectProps?: Select.RootProps\n /\n Props for the weekday component.\n /\n weekdayProps?: HTMLStyledProps<\"th\">\n /\n Props for the weekdays component.\n /\n weekdaysProps?: HTMLStyledProps<\"tr\">\n /\n Props for the week component.\n /\n weekProps?: HTMLStyledProps<\"tr\">\n /\n Props for the weeks component.\n /\n weeksProps?: HTMLStyledProps<\"tbody\">\n /\n Props for the year select component.\n /\n yearSelectProps?: CalendarYearSelectProps\n}\n\nconst {\n ComponentContext,\n PropsContext: CalendarPropsContext,\n useComponentContext,\n usePropsContext: useCalendarPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<CalendarRootProps, CalendarStyle, ComponentContext>(\n \"calendar\",\n calendarStyle,\n)\n\nexport { CalendarPropsContext, useCalendarPropsContext }\n\n/\n `Calendar` is a component for displaying or selecting dates in a calendar.\n \n @see https://yamada-ui.com/docs/components/calendar\n /\nexport const CalendarRoot = withProvider(\n <Multiple extends boolean = false, Range extends boolean = false>({\n children,\n day,\n buttonProps,\n controlProps,\n dayProps,\n monthProps,\n monthSelectProps,\n navigationProps,\n nextButtonProps,\n prevButtonProps,\n selectProps,\n weekdayProps,\n weekdaysProps,\n weekProps,\n weeksProps,\n yearSelectProps,\n ...props\n }: CalendarRootProps<Multiple, Range>) => {\n const {\n descendants,\n disabled,\n endOfMonth,\n excludeDate,\n holidays,\n locale,\n max,\n maxDate,\n minDate,\n month,\n monthDays,\n monthItems,\n multiple,\n range,\n startDayOfWeek,\n startOfMonth,\n today,\n value,\n weekdays,\n weekendDays,\n yearItems,\n getMonthProps,\n getMonthSelectProps,\n getNavigationProps,\n getNextButtonProps,\n getPrevButtonProps,\n getRootProps,\n getStatusProps,\n getWeekdayProps,\n getYearSelectProps,\n onChange,\n onMonthChange,\n onNextMonth,\n onPrevMonth,\n } = useCalendar(props)\n const calendarContext = useMemo(\n () => ({\n disabled,\n endOfMonth,\n excludeDate,\n holidays,\n locale,\n max,\n maxDate,\n minDate,\n month,\n multiple,\n range,\n startDayOfWeek,\n startOfMonth,\n today,\n value,\n weekendDays,\n onChange,\n onMonthChange,\n onNextMonth,\n onPrevMonth,\n }),\n [\n disabled,\n endOfMonth,\n excludeDate,\n holidays,\n locale,\n max,\n maxDate,\n minDate,\n month,\n multiple,\n range,\n startDayOfWeek,\n startOfMonth,\n today,\n value,\n weekendDays,\n onChange,\n onMonthChange,\n onNextMonth,\n onPrevMonth,\n ],\n )\n const componentContext = useMemo(\n () => ({\n day,\n monthDays,\n monthItems,\n weekdays,\n yearItems,\n buttonProps,\n controlProps,\n dayProps,\n getMonthProps,\n getMonthSelectProps,\n getNavigationProps,\n getNextButtonProps,\n getPrevButtonProps,\n getStatusProps,\n getWeekdayProps,\n getYearSelectProps,\n monthProps,\n monthSelectProps,\n navigationProps,\n nextButtonProps,\n prevButtonProps,\n selectProps,\n weekdayProps,\n weekdaysProps,\n weekProps,\n weeksProps,\n yearSelectProps,\n }),\n [\n day,\n monthDays,\n monthItems,\n weekdays,\n yearItems,\n buttonProps,\n controlProps,\n dayProps,\n getMonthProps,\n getMonthSelectProps,\n getNavigationProps,\n getNextButtonProps,\n getPrevButtonProps,\n getStatusProps,\n getWeekdayProps,\n getYearSelectProps,\n monthProps,\n monthSelectProps,\n navigationProps,\n nextButtonProps,\n prevButtonProps,\n selectProps,\n weekdayProps,\n weekdaysProps,\n weekProps,\n weeksProps,\n yearSelectProps,\n ],\n )\n\n return (\n <CalendarDescendantsContext value={descendants}>\n <CalendarContext value={calendarContext}>\n <ComponentContext value={componentContext}>\n <styled.div {...getRootProps()}>\n {children ?? (\n <>\n <CalendarNavigation />\n <CalendarMonth />\n </>\n )}\n </styled.div>\n </ComponentContext>\n </CalendarContext>\n </CalendarDescendantsContext>\n )\n },\n \"root\",\n)() as GenericsComponent<{\n <Multiple extends boolean = false, Range extends boolean = false>(\n props: CalendarRootProps<Multiple, Range>,\n ): ReactElement\n}>\n\nexport interface CalendarNavigationProps extends HTMLStyledProps {}\n\nexport const CalendarNavigation = withContext<\"div\", CalendarNavigationProps>(\n \"div\",\n [\"row\", \"navigation\"],\n)(undefined, ({ children, ...rest }) => {\n const { getNavigationProps, navigationProps } = useComponentContext()\n\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return (\n <>\n <CalendarPrevButton />\n <CalendarControl />\n <CalendarNextButton />\n </>\n )\n }, [children])\n\n return {\n ...getNavigationProps({ ...navigationProps, ...rest }),\n children: computedChildren,\n }\n})\n\nexport interface CalendarControlProps extends Omit<\n HTMLStyledProps,\n \"children\"\n> {\n /\n The control children to use.\n /\n children?: ReactNodeOrFunction<{ month: Date }>\n}\n\nexport const CalendarControl = withContext<\"div\", CalendarControlProps>(\n \"div\",\n \"control\",\n)(undefined, ({ children, ...rest }) => {\n const { month } = useCalendarContext()\n const { controlProps, getStatusProps } = useComponentContext()\n\n const computedChildren = useMemo(() => {\n if (children) return runIfFn(children, { month })\n\n return (\n <>\n <CalendarMonthSelect />\n <CalendarYearSelect />\n </>\n )\n }, [children, month])\n\n return {\n ...controlProps,\n ...rest,\n children: (\n <>\n {computedChildren}\n <styled.div {...getStatusProps()} />\n </>\n ),\n }\n})\n\nexport interface CalendarPrevButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarPrevButton = withContext<\n \"button\",\n CalendarPrevButtonProps\n>(\"button\", [\"button\", \"prev\"])(\n undefined,\n ({ children = <ChevronLeftIcon />, ...rest }) => {\n const { buttonProps, getPrevButtonProps, prevButtonProps } =\n useComponentContext()\n\n return {\n children,\n ...getPrevButtonProps({ ...buttonProps, ...prevButtonProps, ...rest }),\n }\n },\n)\n\nexport interface CalendarNextButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarNextButton = withContext<\n \"button\",\n CalendarNextButtonProps\n>(\"button\", [\"button\", \"next\"])(\n undefined,\n ({ children = <ChevronRightIcon />, ...rest }) => {\n const { buttonProps, getNextButtonProps, nextButtonProps } =\n useComponentContext()\n\n return {\n children,\n ...getNextButtonProps({ ...buttonProps, ...nextButtonProps, ...rest }),\n }\n },\n)\n\nexport interface CalendarSeparatorProps extends HTMLStyledProps<\"span\"> {}\n\nexport const CalendarSeparator = withContext<\"span\", CalendarSeparatorProps>(\n \"span\",\n \"separator\",\n)({ children: \"/\", role: \"separator\" })\n\nexport interface CalendarYearSelectProps extends Select.RootProps {}\n\nexport const CalendarYearSelect = withContext<\"div\", CalendarYearSelectProps>(\n (props) => {\n const { yearItems, getYearSelectProps, selectProps, yearSelectProps } =\n useComponentContext()\n const { contentProps, rootProps, ...rest } = {\n ...selectProps,\n ...yearSelectProps,\n ...props,\n }\n\n return (\n <Select.Root\n variant=\"plain\"\n items={yearItems}\n minH=\"{cell-size}\"\n contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n rootProps={{\n fontSize: \"{select-font-size}\",\n w: \"{select-root-size}\",\n ...rootProps,\n }}\n {...resetFieldProps}\n {...getYearSelectProps(rest)}\n />\n )\n },\n [\"select\", \"years\"],\n)()\n\nexport interface CalendarMonthSelectProps extends Select.RootProps {}\n\nexport const CalendarMonthSelect = withContext<\"div\", CalendarMonthSelectProps>(\n (props) => {\n const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } =\n useComponentContext()\n const { contentProps, rootProps, ...rest } = {\n ...selectProps,\n ...monthSelectProps,\n ...props,\n }\n\n return (\n <Select.Root\n variant=\"plain\"\n items={monthItems}\n minH=\"{cell-size}\"\n contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n rootProps={{\n fontSize: \"{select-font-size}\",\n w: \"{select-root-size}\",\n ...rootProps,\n }}\n {...resetFieldProps}\n {...getMonthSelectProps(rest)}\n />\n )\n },\n [\"select\", \"months\"],\n)()\n\nexport interface CalendarMonthProps extends Omit<\n HTMLStyledProps<\"table\">,\n \"children\"\n> {\n /\n The day component to use.\n */\n day?: ReactNodeOrFunction<{ value: Date }>\n}\n\nexport const CalendarMonth = withContext<\"table\", CalendarMonthProps>(\n \"table\",\n \"month\",\n)(undefined, ({ day: dayProp, ...rest }) => {\n const {\n day,\n monthDays,\n weekdays,\n dayProps,\n getMonthProps,\n getWeekdayProps,\n monthProps,\n weekdayProps,\n weekdaysProps,\n weekProps,\n weeksProps,\n } = useComponentContext()\n\n dayProp ??= day\n\n const children = (\n <>\n <styled.thead aria-hidden>\n <CalendarWeekDays {...weekdaysProps}>\n {weekdays.map(({ label, value }, index) => (\n <CalendarWeekday\n key={index}\n {...getWeekdayProps({ ...weekdayProps, value })}\n >\n {label}\n </CalendarWeekday>\n ))}\n </CalendarWeekDays>\n </styled.thead>\n\n <CalendarWeeks {...weeksProps}>\n {monthDays.map((week, index) => (\n <CalendarWeek key={index} {...weekProps}>\n {week.map(({ label, value }) => (\n <CalendarDay\n key={value.toDateString()}\n {...{ ...dayProps, value }}\n >\n {runIfFn(dayProp, { value }) ?? (\n <styled.span>{label}</styled.span>\n )}\n </CalendarDay>\n ))}\n </CalendarWeek>\n ))}\n </CalendarWeeks>\n </>\n )\n\n return {\n ...getMonthProps({ ...monthProps, ...rest }),\n children,\n }\n})\n\nconst CalendarWeekDays = withContext(\"tr\", [\"row\", \"weekdays\"])()\n\nconst CalendarWeekday = withContext(\"th\", [\"cell\", \"weekday\"])()\n\nconst CalendarWeeks = withContext(\"tbody\", \"weeks\")()\n\nconst CalendarWeek = withContext(\"tr\", [\"row\", \"week\"])()\n\ninterface CalendarDayProps\n extends Omit<HTMLStyledProps<\"td\">, \"value\">, UseCalendarDayProps {}\n\nconst CalendarDay = withContext<\"td\", CalendarDayProps>(\"td\", [\"cell\", \"day\"])(\n undefined,\n (props) => {\n const { getDayProps } = useCalendarDay(props)\n\n return getDayProps()\n },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiIA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,6CACF,YACAC,qCACD;;;;;;AASD,MAAa,eAAe,cACwC,EAChE,UACA,KACA,aACA,cACA,UACA,YACA,kBACA,iBACA,iBACA,iBACA,aACA,cACA,eACA,WACA,YACA,iBACA,GAAG,YACqC;CACxC,MAAM,EACJ,aACA,UACA,YACA,aACA,UACA,QACA,KACA,SACA,SACA,OACA,WACA,YACA,UACA,OACA,gBACA,cACA,OACA,OACA,UACA,aACA,WACA,eACA,qBACA,oBACA,oBACA,oBACA,cACA,gBACA,iBACA,oBACA,UACA,eACA,aACA,gBACEC,iCAAY,MAAM;AA4GtB,QACE,2CAACC;EAA2B,OAAO;YACjC,2CAACC;GAAgB,iCA5GZ;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CACF;aAiEK,2CAAC;IAAiB,iCA/Df;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CACF;cAMO,2CAACC,uBAAO;KAAI,GAAI,cAAc;eAC3B,YACC,qFACE,2CAAC,uBAAqB,EACtB,2CAAC,kBAAgB,IAChB;MAEM;KACI;IACH;GACS;GAGjC,OACD,EAAE;AAQH,MAAa,qBAAqB,YAChC,OACA,CAAC,OAAO,aAAa,CACt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"}
1	+ {"version":3,"file":"calendar.cjs","names":["createSlotComponent","calendarStyle","useCalendar","CalendarDescendantsContext","CalendarContext","styled","useCalendarContext","ChevronLeftIcon","ChevronRightIcon","resetFieldProps","useCalendarDay"],"sources":["../../../../src/components/calendar/calendar.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { GenericsComponent, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CalendarStyle } from \"./calendar.style\"\nimport type {\n UseCalendarDayProps,\n UseCalendarProps,\n UseCalendarReturn,\n} from \"./use-calendar\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { resetFieldProps } from \"../field\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../icon\"\nimport { Select } from \"../select\"\nimport { calendarStyle } from \"./calendar.style\"\nimport {\n CalendarContext,\n CalendarDescendantsContext,\n useCalendar,\n useCalendarContext,\n useCalendarDay,\n} from \"./use-calendar\"\n\ninterface ComponentContext\n extends\n Pick<\n UseCalendarReturn,\n \| \"getMonthProps\"\n \| \"getMonthSelectProps\"\n \| \"getNavigationProps\"\n \| \"getNextButtonProps\"\n \| \"getPrevButtonProps\"\n \| \"getStatusProps\"\n \| \"getWeekdayProps\"\n \| \"getYearSelectProps\"\n \| \"monthDays\"\n \| \"monthItems\"\n \| \"weekdays\"\n \| \"yearItems\"\n >,\n Pick<\n CalendarRootProps,\n \| \"buttonProps\"\n \| \"controlProps\"\n \| \"day\"\n \| \"dayProps\"\n \| \"monthProps\"\n \| \"monthSelectProps\"\n \| \"navigationProps\"\n \| \"nextButtonProps\"\n \| \"prevButtonProps\"\n \| \"selectProps\"\n \| \"weekdayProps\"\n \| \"weekdaysProps\"\n \| \"weekProps\"\n \| \"weeksProps\"\n \| \"yearSelectProps\"\n > {}\n\nexport interface CalendarRootProps<\n Multiple extends boolean = false,\n Range extends boolean = false,\n>\n extends\n Omit<HTMLStyledProps, \"defaultValue\" \| \"onChange\">,\n ThemeProps<CalendarStyle>,\n UseCalendarProps<Multiple, Range>,\n Pick<CalendarMonthProps, \"day\"> {\n /*\n Props for the button component.\n /\n buttonProps?: HTMLStyledProps<\"button\">\n /\n Props for the control component.\n /\n controlProps?: CalendarControlProps\n /\n Props for the day component.\n /\n dayProps?: Omit<CalendarDayProps, \"value\">\n /\n Props for the month component.\n /\n monthProps?: CalendarMonthProps\n /\n Props for the month select component.\n /\n monthSelectProps?: CalendarMonthSelectProps\n /\n Props for the navigation component.\n /\n navigationProps?: Omit<CalendarNavigationProps, \"children\">\n /\n Props for the next button component.\n /\n nextButtonProps?: CalendarNextButtonProps\n /\n Props for the prev button component.\n /\n prevButtonProps?: CalendarPrevButtonProps\n /\n Props for the select component.\n /\n selectProps?: Select.RootProps\n /\n Props for the weekday component.\n /\n weekdayProps?: HTMLStyledProps<\"th\">\n /\n Props for the weekdays component.\n /\n weekdaysProps?: HTMLStyledProps<\"tr\">\n /\n Props for the week component.\n /\n weekProps?: HTMLStyledProps<\"tr\">\n /\n Props for the weeks component.\n /\n weeksProps?: HTMLStyledProps<\"tbody\">\n /\n Props for the year select component.\n /\n yearSelectProps?: CalendarYearSelectProps\n}\n\nconst {\n ComponentContext,\n PropsContext: CalendarPropsContext,\n useComponentContext,\n usePropsContext: useCalendarPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<CalendarRootProps, CalendarStyle, ComponentContext>(\n \"calendar\",\n calendarStyle,\n)\n\nexport { CalendarPropsContext, useCalendarPropsContext }\n\n/\n `Calendar` is a component for displaying or selecting dates in a calendar.\n \n @see https://yamada-ui.com/docs/components/calendar\n /\nexport const CalendarRoot = withProvider(\n <Multiple extends boolean = false, Range extends boolean = false>({\n children,\n day,\n buttonProps,\n controlProps,\n dayProps,\n monthProps,\n monthSelectProps,\n navigationProps,\n nextButtonProps,\n prevButtonProps,\n selectProps,\n weekdayProps,\n weekdaysProps,\n weekProps,\n weeksProps,\n yearSelectProps,\n ...props\n }: CalendarRootProps<Multiple, Range>) => {\n const {\n descendants,\n disabled,\n endOfMonth,\n excludeDate,\n holidays,\n locale,\n max,\n maxDate,\n minDate,\n month,\n monthDays,\n monthItems,\n multiple,\n range,\n startDayOfWeek,\n startOfMonth,\n today,\n value,\n weekdays,\n weekendDays,\n yearItems,\n getMonthProps,\n getMonthSelectProps,\n getNavigationProps,\n getNextButtonProps,\n getPrevButtonProps,\n getRootProps,\n getStatusProps,\n getWeekdayProps,\n getYearSelectProps,\n onChange,\n onMonthChange,\n onNextMonth,\n onPrevMonth,\n } = useCalendar(props)\n const calendarContext = useMemo(\n () => ({\n disabled,\n endOfMonth,\n excludeDate,\n holidays,\n locale,\n max,\n maxDate,\n minDate,\n month,\n multiple,\n range,\n startDayOfWeek,\n startOfMonth,\n today,\n value,\n weekendDays,\n onChange,\n onMonthChange,\n onNextMonth,\n onPrevMonth,\n }),\n [\n disabled,\n endOfMonth,\n excludeDate,\n holidays,\n locale,\n max,\n maxDate,\n minDate,\n month,\n multiple,\n range,\n startDayOfWeek,\n startOfMonth,\n today,\n value,\n weekendDays,\n onChange,\n onMonthChange,\n onNextMonth,\n onPrevMonth,\n ],\n )\n const componentContext = useMemo(\n () => ({\n day,\n monthDays,\n monthItems,\n weekdays,\n yearItems,\n buttonProps,\n controlProps,\n dayProps,\n getMonthProps,\n getMonthSelectProps,\n getNavigationProps,\n getNextButtonProps,\n getPrevButtonProps,\n getStatusProps,\n getWeekdayProps,\n getYearSelectProps,\n monthProps,\n monthSelectProps,\n navigationProps,\n nextButtonProps,\n prevButtonProps,\n selectProps,\n weekdayProps,\n weekdaysProps,\n weekProps,\n weeksProps,\n yearSelectProps,\n }),\n [\n day,\n monthDays,\n monthItems,\n weekdays,\n yearItems,\n buttonProps,\n controlProps,\n dayProps,\n getMonthProps,\n getMonthSelectProps,\n getNavigationProps,\n getNextButtonProps,\n getPrevButtonProps,\n getStatusProps,\n getWeekdayProps,\n getYearSelectProps,\n monthProps,\n monthSelectProps,\n navigationProps,\n nextButtonProps,\n prevButtonProps,\n selectProps,\n weekdayProps,\n weekdaysProps,\n weekProps,\n weeksProps,\n yearSelectProps,\n ],\n )\n\n return (\n <CalendarDescendantsContext value={descendants}>\n <CalendarContext value={calendarContext}>\n <ComponentContext value={componentContext}>\n <styled.div {...getRootProps()}>\n {children ?? (\n <>\n <CalendarNavigation />\n <CalendarMonth />\n </>\n )}\n </styled.div>\n </ComponentContext>\n </CalendarContext>\n </CalendarDescendantsContext>\n )\n },\n \"root\",\n)() as GenericsComponent<{\n <Multiple extends boolean = false, Range extends boolean = false>(\n props: CalendarRootProps<Multiple, Range>,\n ): ReactElement\n}>\n\nexport interface CalendarNavigationProps extends HTMLStyledProps {}\n\nexport const CalendarNavigation = withContext<\"div\", CalendarNavigationProps>(\n \"div\",\n [\"row\", \"navigation\"],\n)(undefined, ({ children, ...rest }) => {\n const { getNavigationProps, navigationProps } = useComponentContext()\n\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return (\n <>\n <CalendarPrevButton />\n <CalendarControl />\n <CalendarNextButton />\n </>\n )\n }, [children])\n\n return {\n ...getNavigationProps({ ...navigationProps, ...rest }),\n children: computedChildren,\n }\n})\n\nexport interface CalendarControlProps extends Omit<\n HTMLStyledProps,\n \"children\"\n> {\n /\n The control children to use.\n /\n children?: ReactNodeOrFunction<{ month: Date }>\n}\n\nexport const CalendarControl = withContext<\"div\", CalendarControlProps>(\n \"div\",\n \"control\",\n)(undefined, ({ children, ...rest }) => {\n const { month } = useCalendarContext()\n const { controlProps, getStatusProps } = useComponentContext()\n\n const computedChildren = useMemo(() => {\n if (children) return runIfFn(children, { month })\n\n return (\n <>\n <CalendarMonthSelect />\n <CalendarYearSelect />\n </>\n )\n }, [children, month])\n\n return {\n ...controlProps,\n ...rest,\n children: (\n <>\n {computedChildren}\n <styled.div {...getStatusProps()} />\n </>\n ),\n }\n})\n\nexport interface CalendarPrevButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarPrevButton = withContext<\n \"button\",\n CalendarPrevButtonProps\n>(\"button\", [\"button\", \"prev\"])(\n undefined,\n ({ children = <ChevronLeftIcon />, ...rest }) => {\n const { buttonProps, getPrevButtonProps, prevButtonProps } =\n useComponentContext()\n\n return {\n children,\n ...getPrevButtonProps({ ...buttonProps, ...prevButtonProps, ...rest }),\n }\n },\n)\n\nexport interface CalendarNextButtonProps extends HTMLStyledProps<\"button\"> {}\n\nexport const CalendarNextButton = withContext<\n \"button\",\n CalendarNextButtonProps\n>(\"button\", [\"button\", \"next\"])(\n undefined,\n ({ children = <ChevronRightIcon />, ...rest }) => {\n const { buttonProps, getNextButtonProps, nextButtonProps } =\n useComponentContext()\n\n return {\n children,\n ...getNextButtonProps({ ...buttonProps, ...nextButtonProps, ...rest }),\n }\n },\n)\n\nexport interface CalendarSeparatorProps extends HTMLStyledProps<\"span\"> {}\n\nexport const CalendarSeparator = withContext<\"span\", CalendarSeparatorProps>(\n \"span\",\n \"separator\",\n)({ children: \"/\", role: \"separator\" })\n\nexport interface CalendarYearSelectProps extends Select.RootProps {}\n\nexport const CalendarYearSelect = withContext<\"div\", CalendarYearSelectProps>(\n (props) => {\n const { yearItems, getYearSelectProps, selectProps, yearSelectProps } =\n useComponentContext()\n const { contentProps, rootProps, ...rest } = {\n ...selectProps,\n ...yearSelectProps,\n ...props,\n }\n\n return (\n <Select.Root\n variant=\"plain\"\n items={yearItems}\n minH=\"{cell-size}\"\n contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n rootProps={{\n fontSize: \"{select-font-size}\",\n w: \"{select-root-size}\",\n ...rootProps,\n }}\n {...resetFieldProps}\n {...getYearSelectProps(rest)}\n />\n )\n },\n [\"select\", \"years\"],\n)()\n\nexport interface CalendarMonthSelectProps extends Select.RootProps {}\n\nexport const CalendarMonthSelect = withContext<\"div\", CalendarMonthSelectProps>(\n (props) => {\n const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } =\n useComponentContext()\n const { contentProps, rootProps, ...rest } = {\n ...selectProps,\n ...monthSelectProps,\n ...props,\n }\n\n return (\n <Select.Root\n variant=\"plain\"\n items={monthItems}\n minH=\"{cell-size}\"\n contentProps={{ minW: \"{select-content-size}\", ...contentProps }}\n rootProps={{\n fontSize: \"{select-font-size}\",\n w: \"{select-root-size}\",\n ...rootProps,\n }}\n {...resetFieldProps}\n {...getMonthSelectProps(rest)}\n />\n )\n },\n [\"select\", \"months\"],\n)()\n\nexport interface CalendarMonthProps extends Omit<\n HTMLStyledProps<\"table\">,\n \"children\"\n> {\n /\n The day component to use.\n */\n day?: ReactNodeOrFunction<{ value: Date }>\n}\n\nexport const CalendarMonth = withContext<\"table\", CalendarMonthProps>(\n \"table\",\n \"month\",\n)(undefined, ({ day: dayProp, ...rest }) => {\n const {\n day,\n monthDays,\n weekdays,\n dayProps,\n getMonthProps,\n getWeekdayProps,\n monthProps,\n weekdayProps,\n weekdaysProps,\n weekProps,\n weeksProps,\n } = useComponentContext()\n\n dayProp ??= day\n\n const { suppressHydrationWarning } = rest\n\n const children = (\n <>\n <styled.thead aria-hidden>\n <CalendarWeekDays {...weekdaysProps}>\n {weekdays.map(({ label, value }, index) => (\n <CalendarWeekday\n key={index}\n {...getWeekdayProps({ ...weekdayProps, value })}\n >\n {label}\n </CalendarWeekday>\n ))}\n </CalendarWeekDays>\n </styled.thead>\n\n <CalendarWeeks {...weeksProps}>\n {monthDays.map((week, index) => (\n <CalendarWeek key={index} {...weekProps}>\n {week.map(({ label, value }) => (\n <CalendarDay\n key={value.toDateString()}\n {...{ ...dayProps, value }}\n >\n {runIfFn(dayProp, { value }) ?? (\n <styled.span\n suppressHydrationWarning={suppressHydrationWarning}\n >\n {label}\n </styled.span>\n )}\n </CalendarDay>\n ))}\n </CalendarWeek>\n ))}\n </CalendarWeeks>\n </>\n )\n\n return {\n ...getMonthProps({ ...monthProps, ...rest }),\n children,\n }\n})\n\nconst CalendarWeekDays = withContext(\"tr\", [\"row\", \"weekdays\"])()\n\nconst CalendarWeekday = withContext(\"th\", [\"cell\", \"weekday\"])()\n\nconst CalendarWeeks = withContext(\"tbody\", \"weeks\")()\n\nconst CalendarWeek = withContext(\"tr\", [\"row\", \"week\"])()\n\ninterface CalendarDayProps\n extends Omit<HTMLStyledProps<\"td\">, \"value\">, UseCalendarDayProps {}\n\nconst CalendarDay = withContext<\"td\", CalendarDayProps>(\"td\", [\"cell\", \"day\"])(\n undefined,\n (props) => {\n const { getDayProps } = useCalendarDay(props)\n\n return getDayProps()\n },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiIA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,6CACF,YACAC,qCACD;;;;;;AASD,MAAa,eAAe,cACwC,EAChE,UACA,KACA,aACA,cACA,UACA,YACA,kBACA,iBACA,iBACA,iBACA,aACA,cACA,eACA,WACA,YACA,iBACA,GAAG,YACqC;CACxC,MAAM,EACJ,aACA,UACA,YACA,aACA,UACA,QACA,KACA,SACA,SACA,OACA,WACA,YACA,UACA,OACA,gBACA,cACA,OACA,OACA,UACA,aACA,WACA,eACA,qBACA,oBACA,oBACA,oBACA,cACA,gBACA,iBACA,oBACA,UACA,eACA,aACA,gBACEC,iCAAY,MAAM;AA4GtB,QACE,2CAACC;EAA2B,OAAO;YACjC,2CAACC;GAAgB,iCA5GZ;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,GACD;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD,CACF;aAiEK,2CAAC;IAAiB,iCA/Df;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CACF;cAMO,2CAACC,uBAAO;KAAI,GAAI,cAAc;eAC3B,YACC,qFACE,2CAAC,uBAAqB,EACtB,2CAAC,kBAAgB,IAChB;MAEM;KACI;IACH;GACS;GAGjC,OACD,EAAE;AAQH,MAAa,qBAAqB,YAChC,OACA,CAAC,OAAO,aAAa,CACt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"}

package/dist/cjs/components/chart/cartesian-chart.cjs CHANGED Viewed

@@ -109,10 +109,7 @@ const CartesianChart = withProvider(({ components: componentsProp, render, withG
 }));
 const ChartXAxis = withContext((props) => {
 	const { xAxisProps } = useComponentContext();
-	const { children, label: labelProp = false, tick: tickProp = true, tickLine: tickLineProp = false, ...rest } = {
-		...xAxisProps,
-		...props
-	};
+	const { children, label: labelProp = false, tick: tickProp = true, tickLine: tickLineProp = false, ...rest } = require_props.mergeProps(xAxisProps, props)();
 	const system = require_system_provider.useSystem();
 	const { theme } = require_theme_provider.useTheme();
 	const tickProps = useSlotComponentProps({}, "xAxisTick");
@@ -196,10 +193,7 @@ const ChartXAxis = withContext((props) => {
 }, "xAxis")();
 const ChartYAxis = withContext((props) => {
 	const { yAxisProps } = useComponentContext();
-	const { children, label: labelProp = false, tick: tickProp = true, tickLine: tickLineProp = false, ...rest } = {
-		...yAxisProps,
-		...props
-	};
+	const { children, label: labelProp = false, tick: tickProp = true, tickLine: tickLineProp = false, ...rest } = require_props.mergeProps(yAxisProps, props)();
 	const system = require_system_provider.useSystem();
 	const { theme } = require_theme_provider.useTheme();
 	const tickProps = useSlotComponentProps({}, "yAxisTick");
@@ -295,10 +289,7 @@ const ChartGrid = withContext((props) => {
 }, "grid")();
 const ChartLine = withContext((props) => {
 	const { lineProps } = useComponentContext();
-	const { activeDot: activeDotProp = true, children, dataKey, dot: dotProp = false, label: labelProp = false, stroke: strokeProp, ...rest } = {
-		...lineProps,
-		...props
-	};
+	const { activeDot: activeDotProp = true, children, dataKey, dot: dotProp = false, label: labelProp = false, stroke: strokeProp, ...rest } = require_props.mergeProps(lineProps, props)();
 	const system = require_system_provider.useSystem();
 	const { theme } = require_theme_provider.useTheme();
 	const color = strokeProp ?? rest.color;
@@ -395,10 +386,7 @@ const ChartLine = withContext((props) => {
 }, "line")();
 const ChartArea = withContext((props) => {
 	const { areaProps } = useComponentContext();
-	const { activeDot: activeDotProp = true, children, dataKey, dot: dotProp = false, gradient, label: labelProp = false, stroke: strokeProp, withGradient, ...rest } = {
-		...areaProps,
-		...props
-	};
+	const { activeDot: activeDotProp = true, children, dataKey, dot: dotProp = false, gradient, label: labelProp = false, stroke: strokeProp, withGradient, ...rest } = require_props.mergeProps(areaProps, props)();
 	const id = (0, react.useId)();
 	const system = require_system_provider.useSystem();
 	const { theme } = require_theme_provider.useTheme();
@@ -526,10 +514,7 @@ const ChartArea = withContext((props) => {
 }, "area")();
 const ChartBar = withContext((props) => {
 	const { barProps } = useComponentContext();
-	const { children, dataKey, fill: fillProp, label: labelProp = false, ...rest } = {
-		...barProps,
-		...props
-	};
+	const { children, dataKey, fill: fillProp, label: labelProp = false, ...rest } = require_props.mergeProps(barProps, props)();
 	const system = require_system_provider.useSystem();
 	const { theme } = require_theme_provider.useTheme();
 	const color = fillProp ?? rest.color;

package/dist/cjs/components/chart/cartesian-chart.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cartesian-chart.cjs","names":["createShouldForwardProp","createSlotComponent","cartesianChartStyle","useCartesianChart","Chart","varAttr","useSystem","useTheme","getCSS","props","useChartXAxis","styled","XAxis","useChartYAxis","YAxis","useChartGrid","CartesianGrid","useChartLine","Line","useChartArea","Area","useChartBar","Bar","useChartReferenceLine","ReferenceLine"],"sources":["../../../../src/components/chart/cartesian-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n ActiveDotProps,\n DotProps,\n LabelListProps,\n LabelProps,\n} from \"recharts\"\nimport type {\n CartesianChartProps as OriginalCartesianChartProps,\n XAxisTickContentProps,\n YAxisTickContentProps,\n} from \"recharts/types/util/types\"\nimport type {\n CSSObject,\n CSSProps,\n GenericsComponent,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { CartesianChartStyle } from \"./cartesian-chart.style\"\nimport type {\n ChartActiveDot,\n ChartDot,\n ChartLabel,\n ChartLabelList,\n ChartProps,\n ChartTickLine,\n} from \"./chart\"\nimport type {\n UseCartesianChartProps,\n UseChartAreaProps,\n UseChartBarProps,\n UseChartGridProps,\n UseChartLineProps,\n UseChartReferenceLineProps,\n UseChartXAxisProps,\n UseChartYAxisProps,\n} from \"./use-cartesian-chart\"\nimport { cloneElement, isValidElement, useId, useMemo } from \"react\"\nimport {\n Area,\n Bar,\n CartesianGrid,\n Line,\n ReferenceLine,\n XAxis,\n YAxis,\n} from \"recharts\"\nimport {\n createShouldForwardProp,\n createSlotComponent,\n getCSS,\n styled,\n useSystem,\n useTheme,\n varAttr,\n} from \"../../core\"\nimport { cx, isFunction, isObject, splitObject } from \"../../utils\"\nimport { cartesianChartStyle } from \"./cartesian-chart.style\"\nimport { Chart } from \"./chart\"\nimport {\n useCartesianChart,\n useChartArea,\n useChartBar,\n useChartGrid,\n useChartLine,\n useChartReferenceLine,\n useChartXAxis,\n useChartYAxis,\n} from \"./use-cartesian-chart\"\n\nconst shouldForwardProp = createShouldForwardProp()\n\ninterface ComponentContext extends Pick<\n CartesianChartProps,\n \| \"areaProps\"\n \| \"barProps\"\n \| \"gridProps\"\n \| \"lineProps\"\n \| \"referenceLineProps\"\n \| \"xAxisProps\"\n \| \"yAxisProps\"\n> {}\n\nexport interface CartesianChartProps<Y extends Dict = Dict>\n extends\n ChartProps,\n UseCartesianChartProps<Y>,\n ThemeProps<CartesianChartStyle> {\n /*\n The fill color of the active dots.\n /\n activeDotFill?: CSSProps[\"fill\"]\n /\n The radius of the active dots.\n /\n activeDotRadius?: CSSProps[\"r\"]\n /\n The stroke color of the active dots.\n /\n activeDotStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the active dots.\n /\n activeDotStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The fill opacity of the area end.\n /\n areaEndFillOpacity?: CSSProps[\"fillOpacity\"]\n /\n The fill opacity of the area.\n /\n areaFillOpacity?: CSSProps[\"fillOpacity\"]\n /\n The fill opacity of the area start.\n /\n areaStartFillOpacity?: CSSProps[\"fillOpacity\"]\n /\n The color of the bars.\n /\n barColor?: CSSProps[\"color\"]\n /\n The fill color of the bars.\n /\n barFill?: CSSProps[\"fill\"]\n /\n The fill opacity of the bars.\n /\n barFillOpacity?: CSSProps[\"fillOpacity\"]\n /\n The stroke color of the bars.\n /\n barStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the bars.\n /\n barStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The fill color of the dots.\n /\n dotFill?: CSSProps[\"fill\"]\n /\n The radius of the dots.\n /\n dotRadius?: CSSProps[\"r\"]\n /\n The stroke color of the dots.\n /\n dotStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the dots.\n /\n dotStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The stroke color of the grid.\n /\n gridStroke?: CSSProps[\"stroke\"]\n /\n The opacity of the inactive bars.\n /\n inactiveBarOpacity?: CSSProps[\"opacity\"]\n /\n The opacity of the inactive lines.\n /\n inactiveLineOpacity?: CSSProps[\"opacity\"]\n /\n The color of the lines.\n /\n lineColor?: CSSProps[\"color\"]\n /\n The stroke color of the lines.\n /\n lineStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the lines.\n /\n lineStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The color of the reference lines.\n /\n referenceLineColor?: CSSProps[\"color\"]\n /\n The stroke color of the reference lines.\n /\n referenceLineStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the reference lines.\n /\n referenceLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The text color of the reference lines.\n /\n referenceLineTextColor?: CSSProps[\"color\"]\n /\n The text fill color of the reference lines.\n /\n referenceLineTextFill?: CSSProps[\"fill\"]\n /\n If `true`, grid is visible.\n \n @default true\n /\n withGrid?: boolean\n /\n If `true`, X axis is visible.\n \n @default true\n /\n withXAxis?: boolean\n /\n If `true`, Y axis is visible.\n \n @default false\n /\n withYAxis?: boolean\n /\n The stroke color of the x-axis lines.\n /\n xAxisLineStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the x-axis lines.\n /\n xAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The text color of the x-axis.\n /\n xAxisTextColor?: CSSProps[\"color\"]\n /\n The text fill color of the x-axis.\n /\n xAxisTextFill?: CSSProps[\"fill\"]\n /\n The stroke color of the y-axis lines.\n /\n yAxisLineStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the y-axis lines.\n /\n yAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The text color of the y-axis.\n /\n yAxisTextColor?: CSSProps[\"color\"]\n /\n The text fill color of the y-axis.\n /\n yAxisTextFill?: CSSProps[\"fill\"]\n /\n Props for the area component.\n /\n areaProps?: Omit<ChartAreaProps, \"data\" \| \"dataKey\">\n /\n Props for the bar component.\n /\n barProps?: Omit<ChartBarProps, \"dataKey\">\n /\n Props for the line chart component.\n /\n chartProps?: Omit<OriginalCartesianChartProps, \"data\">\n /\n Props for the grid component.\n /\n gridProps?: ChartGridProps\n /\n Props for the line component.\n /\n lineProps?: Omit<ChartLineProps, \"data\" \| \"dataKey\">\n /\n Props for the reference line component.\n /\n referenceLineProps?: ChartReferenceLineProps\n /\n Props for the x axis component.\n /\n xAxisProps?: ChartXAxisProps\n /\n Props for the y axis component.\n /\n yAxisProps?: ChartYAxisProps\n}\n\nconst {\n ComponentContext,\n PropsContext: CartesianChartPropsContext,\n useComponentContext,\n usePropsContext: useCartesianChartPropsContext,\n withContext,\n withProvider,\n useSlotComponentProps,\n} = createSlotComponent<\n CartesianChartProps,\n CartesianChartStyle,\n ComponentContext\n>(\"cartesian-chart\", cartesianChartStyle)\n\nexport { CartesianChartPropsContext, useCartesianChartPropsContext }\n\nexport const CartesianChart = withProvider(\n <Y extends Dict = Dict>({\n components: componentsProp,\n render,\n withGrid = true,\n withXAxis = true,\n withYAxis = false,\n areaProps,\n barProps,\n chartProps,\n gridProps,\n lineProps,\n referenceLineProps,\n xAxisProps,\n yAxisProps,\n ...rest\n }: CartesianChartProps<Y>) => {\n const { getChartProps, getRootProps } = useCartesianChart(rest)\n const components = useMemo(\n () => [\n {\n component: ChartGrid,\n fallback: withGrid ? <ChartGrid /> : null,\n },\n {\n component: ChartXAxis,\n fallback: <ChartXAxis hide={!withXAxis} />,\n },\n {\n component: ChartYAxis,\n fallback: <ChartYAxis hide={!withYAxis} />,\n },\n ...componentsProp,\n ],\n [componentsProp, withGrid, withXAxis, withYAxis],\n )\n const componentContext = useMemo(\n () => ({\n areaProps,\n barProps,\n gridProps,\n lineProps,\n referenceLineProps,\n xAxisProps,\n yAxisProps,\n }),\n [\n areaProps,\n barProps,\n gridProps,\n lineProps,\n referenceLineProps,\n xAxisProps,\n yAxisProps,\n ],\n )\n\n return (\n <ComponentContext value={componentContext}>\n <Chart\n components={components}\n render={(props) => render(getChartProps({ ...props, ...chartProps }))}\n {...getRootProps()}\n />\n </ComponentContext>\n )\n },\n \"root\",\n)(\n undefined,\n ({\n activeDotFill,\n activeDotRadius,\n activeDotStroke,\n activeDotStrokeWidth,\n areaEndFillOpacity,\n areaFillOpacity,\n areaStartFillOpacity,\n barColor,\n barFill,\n barFillOpacity,\n barStroke,\n barStrokeWidth,\n dotFill,\n dotRadius,\n dotStroke,\n dotStrokeWidth,\n gridStroke,\n inactiveBarOpacity,\n inactiveLineOpacity,\n lineColor,\n lineStroke,\n lineStrokeWidth,\n referenceLineColor,\n referenceLineStroke,\n referenceLineStrokeWidth,\n referenceLineTextColor,\n referenceLineTextFill,\n xAxisLineStroke,\n xAxisLineStrokeWidth,\n xAxisTextColor,\n xAxisTextFill,\n yAxisLineStroke,\n yAxisLineStrokeWidth,\n yAxisTextColor,\n yAxisTextFill,\n ...rest\n }) => ({\n \"--active-dot-fill\": varAttr(activeDotFill, \"colors\"),\n \"--active-dot-r\": activeDotRadius,\n \"--active-dot-stroke\": varAttr(activeDotStroke, \"colors\"),\n \"--active-dot-stroke-width\": activeDotStrokeWidth,\n \"--area-end-fill-opacity\": areaEndFillOpacity,\n \"--area-fill-opacity\": areaFillOpacity,\n \"--area-start-fill-opacity\": areaStartFillOpacity,\n \"--bar-color\": varAttr(barColor, \"colors\"),\n \"--bar-fill\": varAttr(barFill, \"colors\"),\n \"--bar-fill-opacity\": barFillOpacity,\n \"--bar-stroke\": varAttr(barStroke, \"colors\"),\n \"--bar-stroke-width\": barStrokeWidth,\n \"--dot-fill\": varAttr(dotFill, \"colors\"),\n \"--dot-r\": dotRadius,\n \"--dot-stroke\": varAttr(dotStroke, \"colors\"),\n \"--dot-stroke-width\": dotStrokeWidth,\n \"--grid-stroke\": varAttr(gridStroke, \"colors\"),\n \"--inactive-bar-opacity\": inactiveBarOpacity,\n \"--inactive-line-opacity\": inactiveLineOpacity,\n \"--line-color\": varAttr(lineColor, \"colors\"),\n \"--line-stroke\": varAttr(lineStroke, \"colors\"),\n \"--line-stroke-width\": lineStrokeWidth,\n \"--reference-line-color\": varAttr(referenceLineColor, \"colors\"),\n \"--reference-line-stroke\": varAttr(referenceLineStroke, \"colors\"),\n \"--reference-line-stroke-width\": referenceLineStrokeWidth,\n \"--reference-line-text-color\": varAttr(referenceLineTextColor, \"colors\"),\n \"--reference-line-text-fill\": varAttr(referenceLineTextFill, \"colors\"),\n \"--x-axis-line-stroke\": varAttr(xAxisLineStroke, \"colors\"),\n \"--x-axis-line-stroke-width\": xAxisLineStrokeWidth,\n \"--x-axis-text-color\": varAttr(xAxisTextColor, \"colors\"),\n \"--x-axis-text-fill\": varAttr(xAxisTextFill, \"colors\"),\n \"--y-axis-line-stroke\": varAttr(yAxisLineStroke, \"colors\"),\n \"--y-axis-line-stroke-width\": yAxisLineStrokeWidth,\n \"--y-axis-text-color\": varAttr(yAxisTextColor, \"colors\"),\n \"--y-axis-text-fill\": varAttr(yAxisTextFill, \"colors\"),\n ...rest,\n }),\n) as GenericsComponent<{\n <Y extends Dict = Dict>(props: CartesianChartProps<Y>): ReactElement\n}>\n\nexport type ChartXAxisTick =\n \| ((props: XAxisTickContentProps) => ReactNode)\n \| boolean\n \| HTMLStyledProps<\"text\">\n \| ReactElement\n\nexport interface ChartXAxisProps extends Merge<\n HTMLStyledProps<\"svg\">,\n Omit<UseChartXAxisProps, \"label\" \| \"tick\" \| \"tickLine\">\n> {\n /\n The label to use for the axis.\n \n @default false\n /\n label?: ChartLabel\n /\n The tick to use for the axis.\n \n @default true\n /\n tick?: ChartXAxisTick\n /\n The tick line to use for the axis.\n \n @default false\n /\n tickLine?: ChartTickLine\n}\n\nexport const ChartXAxis = withContext<\"svg\", ChartXAxisProps>((props) => {\n const { xAxisProps } = useComponentContext()\n const {\n children,\n label: labelProp = false,\n tick: tickProp = true,\n tickLine: tickLineProp = false,\n ...rest\n } = { ...xAxisProps, ...props }\n const system = useSystem()\n const { theme } = useTheme()\n const tickProps = useSlotComponentProps({}, \"xAxisTick\")\n const labelProps = useSlotComponentProps({}, \"xAxisLabel\")\n const tickLineProps = useSlotComponentProps({}, \"xAxisTickLine\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n if (!tickProp) return tickProp\n\n const className = cx(tickProps.className, css(tickProps.css))\n\n if (isFunction(tickProp)) {\n return (props) =>\n tickProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(tickProp)) {\n return cloneElement<any>(tickProp, { className })\n } else if (isObject(tickProp)) {\n const [omittedProps, styleProps] = splitObject<\n XAxisTickContentProps,\n CSSObject\n >(tickProp, shouldForwardProp)\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [tickProp, tickProps.className, tickProps.css, css])\n const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n if (!tickLineProp) return tickLineProp\n\n const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n if (isObject(tickLineProp)) {\n const [omittedProps, styleProps] = splitObject<\n HTMLProps<\"line\">,\n CSSObject\n >(tickLineProp, shouldForwardProp)\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className, children: labelProp }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getRootProps, getXAxisProps } = useChartXAxis({\n label,\n tick,\n tickLine,\n ...rest,\n })\n\n return (\n <styled.svg asChild {...getRootProps()}>\n <XAxis {...getXAxisProps()}>{children}</XAxis>\n </styled.svg>\n )\n}, \"xAxis\")()\n\nexport type ChartYAxisTick =\n \| ((props: YAxisTickContentProps) => ReactNode)\n \| boolean\n \| HTMLStyledProps<\"text\">\n \| ReactElement\n\nexport interface ChartYAxisProps extends Merge<\n HTMLStyledProps<\"svg\">,\n Omit<UseChartYAxisProps, \"label\" \| \"tick\" \| \"tickLine\">\n> {\n /\n The label to use for the axis.\n \n @default false\n /\n label?: ChartLabel\n /\n The tick to use for the axis.\n \n @default true\n /\n tick?: ChartYAxisTick\n /\n The tick line to use for the axis.\n \n @default false\n /\n tickLine?: ChartTickLine\n}\n\nexport const ChartYAxis = withContext<\"svg\", ChartYAxisProps>((props) => {\n const { yAxisProps } = useComponentContext()\n const {\n children,\n label: labelProp = false,\n tick: tickProp = true,\n tickLine: tickLineProp = false,\n ...rest\n } = { ...yAxisProps, ...props }\n const system = useSystem()\n const { theme } = useTheme()\n const tickProps = useSlotComponentProps({}, \"yAxisTick\")\n const labelProps = useSlotComponentProps({}, \"yAxisLabel\")\n const tickLineProps = useSlotComponentProps({}, \"yAxisTickLine\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n if (!tickProp) return tickProp\n\n const className = cx(tickProps.className, css(tickProps.css))\n\n if (isFunction(tickProp)) {\n return (props) =>\n tickProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(tickProp)) {\n return cloneElement<any>(tickProp, { className })\n } else if (isObject(tickProp)) {\n const [omittedProps, styleProps] = splitObject<\n YAxisTickContentProps,\n CSSObject\n >(tickProp, shouldForwardProp)\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [tickProp, tickProps.className, tickProps.css, css])\n const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n if (!tickLineProp) return tickLineProp\n\n const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n if (isObject(tickLineProp)) {\n const [omittedProps, styleProps] = splitObject<\n HTMLProps<\"line\">,\n CSSObject\n >(tickLineProp, shouldForwardProp)\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className, children: labelProp }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getRootProps, getYAxisProps } = useChartYAxis({\n label,\n tick,\n tickLine,\n ...rest,\n })\n\n return (\n <styled.svg asChild {...getRootProps()}>\n <YAxis {...getYAxisProps()}>{children}</YAxis>\n </styled.svg>\n )\n}, \"yAxis\")()\n\nexport interface ChartGridProps extends Merge<\n HTMLStyledProps<\"line\">,\n UseChartGridProps\n> {}\n\nexport const ChartGrid = withContext<\"line\", ChartGridProps>((props) => {\n const { gridProps } = useComponentContext()\n const { getGridProps, getRootProps } = useChartGrid({\n ...gridProps,\n ...props,\n })\n\n return (\n <styled.line asChild {...getRootProps()}>\n <CartesianGrid {...getGridProps()} />\n </styled.line>\n )\n}, \"grid\")()\n\nexport interface ChartLineProps<Y extends Dict = Dict> extends Merge<\n HTMLStyledProps<\"line\">,\n Omit<\n UseChartLineProps,\n \"activeDot\" \| \"data\" \| \"dataKey\" \| \"dot\" \| \"label\" \| \"stroke\"\n >\n> {\n /\n The key of a group of data which should be unique in an chart.\n /\n dataKey: keyof Y\n /\n The active dot to use for the line.\n \n @default true\n /\n activeDot?: ChartActiveDot\n /\n The data to use for the line.\n /\n data?: Y[]\n /\n The dot to use for the line.\n \n @default false\n /\n dot?: ChartDot\n /\n The label list to use for the line.\n \n @default false\n /\n label?: ChartLabelList\n}\n\nexport const ChartLine = withContext<\"line\", ChartLineProps>((props) => {\n const { lineProps } = useComponentContext()\n const {\n activeDot: activeDotProp = true,\n children,\n dataKey,\n dot: dotProp = false,\n label: labelProp = false,\n stroke: strokeProp,\n ...rest\n } = { ...lineProps, ...props }\n const system = useSystem()\n const { theme } = useTheme()\n const color = strokeProp ?? rest.color\n const stroke = JSON.stringify(color)\n const dotProps = useSlotComponentProps({}, \"dot\")\n const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n const labelProps = useSlotComponentProps({}, \"labelList\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n if (!dotProp) return dotProp\n\n const className = cx(\n dotProps.className,\n css(dotProps.css),\n css({ fill: color, stroke: color }),\n )\n\n if (isFunction(dotProp)) {\n return (props) =>\n dotProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(dotProp)) {\n return cloneElement<any>(dotProp, { className })\n } else if (isObject(dotProp)) {\n const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n dotProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [dotProp, dotProps.className, dotProps.css, css, color])\n const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n if (!activeDotProp) return activeDotProp\n\n const className = cx(\n activeDotProps.className,\n css(activeDotProps.css),\n css({ fill: color, stroke: color }),\n )\n\n if (isFunction(activeDotProp)) {\n return (props) =>\n activeDotProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(activeDotProp)) {\n return cloneElement<any>(activeDotProp, { className })\n } else if (isObject(activeDotProp)) {\n const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n activeDotProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getLineProps, getRootProps } = useChartLine({\n activeDot,\n dataKey,\n dot,\n label,\n stroke,\n ...rest,\n })\n\n return (\n <styled.line asChild {...getRootProps()}>\n <Line {...getLineProps()}>{children}</Line>\n </styled.line>\n )\n}, \"line\")() as GenericsComponent<{\n <Y extends Dict>(props: ChartLineProps<Y>): ReactElement\n}>\n\nexport interface ChartAreaGradient {\n end?: CSSProps[\"stopColor\"]\n start?: CSSProps[\"stopColor\"]\n}\n\nexport interface ChartAreaProps<Y extends Dict = Dict> extends Merge<\n HTMLStyledProps<\"line\">,\n Omit<\n UseChartAreaProps,\n \"activeDot\" \| \"data\" \| \"dataKey\" \| \"dot\" \| \"label\" \| \"stroke\"\n >\n> {\n /\n The key of a group of data which should be unique in an chart.\n /\n dataKey: keyof Y\n /\n The active dot to use for the line.\n \n @default true\n /\n activeDot?: ChartActiveDot\n /\n The data to use for the area.\n /\n data?: Y[]\n /\n The dot to use for the line.\n \n @default false\n /\n dot?: ChartDot\n /\n The gradient to use for the area.\n /\n gradient?: ChartAreaGradient\n /\n The label list to use for the line.\n \n @default false\n /\n label?: ChartLabelList\n /\n Determines whether the chart area should be represented with a gradient instead of the solid color.\n /\n withGradient?: boolean\n}\n\nexport const ChartArea = withContext<\"line\", ChartAreaProps>((props) => {\n const { areaProps } = useComponentContext()\n const {\n activeDot: activeDotProp = true,\n children,\n dataKey,\n dot: dotProp = false,\n gradient,\n label: labelProp = false,\n stroke: strokeProp,\n withGradient,\n ...rest\n } = { ...areaProps, ...props }\n const id = useId()\n const system = useSystem()\n const { theme } = useTheme()\n const color = strokeProp ?? rest.fill ?? rest.color\n const stroke = JSON.stringify(color)\n const dotProps = useSlotComponentProps({}, \"dot\")\n const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n const labelProps = useSlotComponentProps({}, \"labelList\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n if (!dotProp) return dotProp\n\n const className = cx(\n dotProps.className,\n css(dotProps.css),\n css({ fill: color, stroke: color }),\n )\n\n if (isFunction(dotProp)) {\n return (props) =>\n dotProp({\n ...props,\n className: cx(className, props.className),\n })\n } else if (isValidElement(dotProp)) {\n return cloneElement<any>(dotProp, {\n className,\n })\n } else if (isObject(dotProp)) {\n const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n dotProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [dotProp, dotProps.className, dotProps.css, css, color])\n const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n if (!activeDotProp) return activeDotProp\n\n const className = cx(\n activeDotProps.className,\n css(activeDotProps.css),\n css({ fill: color, stroke: color }),\n )\n\n if (isFunction(activeDotProp)) {\n return (props) =>\n activeDotProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(activeDotProp)) {\n return cloneElement<any>(activeDotProp, { className })\n } else if (isObject(activeDotProp)) {\n const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n activeDotProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getAreaProps, getRootProps } = useChartArea({\n activeDot,\n dataKey,\n dot,\n fill: color ? `url(#${id})` : \"\",\n label,\n stroke,\n ...rest,\n })\n\n return (\n <>\n <styled.line asChild {...getRootProps()}>\n <Area {...getAreaProps()}>{children}</Area>\n </styled.line>\n\n <defs>\n {withGradient ? (\n <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n <styled.stop\n asChild\n stopColor={color}\n stopOpacity={gradient?.start ?? \"{area-start-fill-opacity}\"}\n >\n <stop offset=\"5%\" />\n </styled.stop>\n <styled.stop\n asChild\n stopColor={color}\n stopOpacity={gradient?.end ?? \"{area-end-fill-opacity}\"}\n >\n <stop offset=\"95%\" />\n </styled.stop>\n </linearGradient>\n ) : (\n <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n <styled.stop\n stopColor={color}\n stopOpacity={rest.fillOpacity ?? \"{area-fill-opacity}\"}\n />\n </linearGradient>\n )}\n </defs>\n </>\n )\n}, \"area\")() as GenericsComponent<{\n <Y extends Dict>(props: ChartAreaProps<Y>): ReactElement\n}>\n\nexport interface ChartBarProps<Y extends Dict = Dict> extends Merge<\n HTMLStyledProps<\"path\">,\n Omit<UseChartBarProps, \"dataKey\" \| \"fill\" \| \"label\">\n> {\n /\n The key of a group of data which should be unique in an chart.\n /\n dataKey: keyof Y\n /\n The label list to use for the bar.\n \n @default false\n /\n label?: ChartLabelList\n}\n\nexport const ChartBar = withContext<\"path\", ChartBarProps>((props) => {\n const { barProps } = useComponentContext()\n const {\n children,\n dataKey,\n fill: fillProp,\n label: labelProp = false,\n ...rest\n } = { ...barProps, ...props }\n const system = useSystem()\n const { theme } = useTheme()\n const color = fillProp ?? rest.color\n const fill = JSON.stringify(color)\n const labelProps = useSlotComponentProps({}, \"labelList\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getBarProps, getRootProps } = useChartBar({\n dataKey,\n fill,\n label,\n ...rest,\n })\n\n return (\n <styled.path asChild {...getRootProps()}>\n <Bar {...getBarProps()}>{children}</Bar>\n </styled.path>\n )\n}, \"bar\")() as GenericsComponent<{\n <Y extends Dict>(props: ChartBarProps<Y>): ReactElement\n}>\n\nexport interface ChartReferenceLineProps extends Omit<\n Merge<HTMLStyledProps<\"line\">, UseChartReferenceLineProps>,\n \"label\"\n> {\n /\n The label to use for the reference line.\n \n @default false\n */\n label?: ChartLabel\n}\n\nexport const ChartReferenceLine = withContext<\"line\", ChartReferenceLineProps>(\n (props) => {\n const { referenceLineProps } = useComponentContext()\n const { label: labelProp = false, ...rest } = {\n ...referenceLineProps,\n ...props,\n }\n const system = useSystem()\n const { theme } = useTheme()\n const labelProps = useSlotComponentProps({}, \"referenceLineLabel\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className, children: labelProp }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getReferenceLineProps, getRootProps } = useChartReferenceLine({\n label,\n ...rest,\n })\n\n return (\n <styled.line asChild {...getRootProps()}>\n <ReferenceLine {...getReferenceLineProps()} />\n </styled.line>\n )\n },\n \"referenceLine\",\n)()\n"],"mappings":"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"}
1	+ {"version":3,"file":"cartesian-chart.cjs","names":["createShouldForwardProp","createSlotComponent","cartesianChartStyle","useCartesianChart","Chart","varAttr","mergeProps","useSystem","useTheme","getCSS","props","useChartXAxis","styled","XAxis","useChartYAxis","YAxis","useChartGrid","CartesianGrid","useChartLine","Line","useChartArea","Area","useChartBar","Bar","useChartReferenceLine","ReferenceLine"],"sources":["../../../../src/components/chart/cartesian-chart.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n ActiveDotProps,\n DotProps,\n LabelListProps,\n LabelProps,\n} from \"recharts\"\nimport type {\n CartesianChartProps as OriginalCartesianChartProps,\n XAxisTickContentProps,\n YAxisTickContentProps,\n} from \"recharts/types/util/types\"\nimport type {\n CSSObject,\n CSSProps,\n GenericsComponent,\n HTMLProps,\n HTMLStyledProps,\n ThemeProps,\n} from \"../../core\"\nimport type { Dict, Merge } from \"../../utils\"\nimport type { CartesianChartStyle } from \"./cartesian-chart.style\"\nimport type {\n ChartActiveDot,\n ChartDot,\n ChartLabel,\n ChartLabelList,\n ChartProps,\n ChartTickLine,\n} from \"./chart\"\nimport type {\n UseCartesianChartProps,\n UseChartAreaProps,\n UseChartBarProps,\n UseChartGridProps,\n UseChartLineProps,\n UseChartReferenceLineProps,\n UseChartXAxisProps,\n UseChartYAxisProps,\n} from \"./use-cartesian-chart\"\nimport { cloneElement, isValidElement, useId, useMemo } from \"react\"\nimport {\n Area,\n Bar,\n CartesianGrid,\n Line,\n ReferenceLine,\n XAxis,\n YAxis,\n} from \"recharts\"\nimport {\n createShouldForwardProp,\n createSlotComponent,\n getCSS,\n mergeProps,\n styled,\n useSystem,\n useTheme,\n varAttr,\n} from \"../../core\"\nimport { cx, isFunction, isObject, splitObject } from \"../../utils\"\nimport { cartesianChartStyle } from \"./cartesian-chart.style\"\nimport { Chart } from \"./chart\"\nimport {\n useCartesianChart,\n useChartArea,\n useChartBar,\n useChartGrid,\n useChartLine,\n useChartReferenceLine,\n useChartXAxis,\n useChartYAxis,\n} from \"./use-cartesian-chart\"\n\nconst shouldForwardProp = createShouldForwardProp()\n\ninterface ComponentContext extends Pick<\n CartesianChartProps,\n \| \"areaProps\"\n \| \"barProps\"\n \| \"gridProps\"\n \| \"lineProps\"\n \| \"referenceLineProps\"\n \| \"xAxisProps\"\n \| \"yAxisProps\"\n> {}\n\nexport interface CartesianChartProps<Y extends Dict = Dict>\n extends\n ChartProps,\n UseCartesianChartProps<Y>,\n ThemeProps<CartesianChartStyle> {\n /*\n The fill color of the active dots.\n /\n activeDotFill?: CSSProps[\"fill\"]\n /\n The radius of the active dots.\n /\n activeDotRadius?: CSSProps[\"r\"]\n /\n The stroke color of the active dots.\n /\n activeDotStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the active dots.\n /\n activeDotStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The fill opacity of the area end.\n /\n areaEndFillOpacity?: CSSProps[\"fillOpacity\"]\n /\n The fill opacity of the area.\n /\n areaFillOpacity?: CSSProps[\"fillOpacity\"]\n /\n The fill opacity of the area start.\n /\n areaStartFillOpacity?: CSSProps[\"fillOpacity\"]\n /\n The color of the bars.\n /\n barColor?: CSSProps[\"color\"]\n /\n The fill color of the bars.\n /\n barFill?: CSSProps[\"fill\"]\n /\n The fill opacity of the bars.\n /\n barFillOpacity?: CSSProps[\"fillOpacity\"]\n /\n The stroke color of the bars.\n /\n barStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the bars.\n /\n barStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The fill color of the dots.\n /\n dotFill?: CSSProps[\"fill\"]\n /\n The radius of the dots.\n /\n dotRadius?: CSSProps[\"r\"]\n /\n The stroke color of the dots.\n /\n dotStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the dots.\n /\n dotStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The stroke color of the grid.\n /\n gridStroke?: CSSProps[\"stroke\"]\n /\n The opacity of the inactive bars.\n /\n inactiveBarOpacity?: CSSProps[\"opacity\"]\n /\n The opacity of the inactive lines.\n /\n inactiveLineOpacity?: CSSProps[\"opacity\"]\n /\n The color of the lines.\n /\n lineColor?: CSSProps[\"color\"]\n /\n The stroke color of the lines.\n /\n lineStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the lines.\n /\n lineStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The color of the reference lines.\n /\n referenceLineColor?: CSSProps[\"color\"]\n /\n The stroke color of the reference lines.\n /\n referenceLineStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the reference lines.\n /\n referenceLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The text color of the reference lines.\n /\n referenceLineTextColor?: CSSProps[\"color\"]\n /\n The text fill color of the reference lines.\n /\n referenceLineTextFill?: CSSProps[\"fill\"]\n /\n If `true`, grid is visible.\n \n @default true\n /\n withGrid?: boolean\n /\n If `true`, X axis is visible.\n \n @default true\n /\n withXAxis?: boolean\n /\n If `true`, Y axis is visible.\n \n @default false\n /\n withYAxis?: boolean\n /\n The stroke color of the x-axis lines.\n /\n xAxisLineStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the x-axis lines.\n /\n xAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The text color of the x-axis.\n /\n xAxisTextColor?: CSSProps[\"color\"]\n /\n The text fill color of the x-axis.\n /\n xAxisTextFill?: CSSProps[\"fill\"]\n /\n The stroke color of the y-axis lines.\n /\n yAxisLineStroke?: CSSProps[\"stroke\"]\n /\n The stroke width of the y-axis lines.\n /\n yAxisLineStrokeWidth?: CSSProps[\"strokeWidth\"]\n /\n The text color of the y-axis.\n /\n yAxisTextColor?: CSSProps[\"color\"]\n /\n The text fill color of the y-axis.\n /\n yAxisTextFill?: CSSProps[\"fill\"]\n /\n Props for the area component.\n /\n areaProps?: Omit<ChartAreaProps, \"data\" \| \"dataKey\">\n /\n Props for the bar component.\n /\n barProps?: Omit<ChartBarProps, \"dataKey\">\n /\n Props for the line chart component.\n /\n chartProps?: Omit<OriginalCartesianChartProps, \"data\">\n /\n Props for the grid component.\n /\n gridProps?: ChartGridProps\n /\n Props for the line component.\n /\n lineProps?: Omit<ChartLineProps, \"data\" \| \"dataKey\">\n /\n Props for the reference line component.\n /\n referenceLineProps?: ChartReferenceLineProps\n /\n Props for the x axis component.\n /\n xAxisProps?: ChartXAxisProps\n /\n Props for the y axis component.\n /\n yAxisProps?: ChartYAxisProps\n}\n\nconst {\n ComponentContext,\n PropsContext: CartesianChartPropsContext,\n useComponentContext,\n usePropsContext: useCartesianChartPropsContext,\n withContext,\n withProvider,\n useSlotComponentProps,\n} = createSlotComponent<\n CartesianChartProps,\n CartesianChartStyle,\n ComponentContext\n>(\"cartesian-chart\", cartesianChartStyle)\n\nexport { CartesianChartPropsContext, useCartesianChartPropsContext }\n\nexport const CartesianChart = withProvider(\n <Y extends Dict = Dict>({\n components: componentsProp,\n render,\n withGrid = true,\n withXAxis = true,\n withYAxis = false,\n areaProps,\n barProps,\n chartProps,\n gridProps,\n lineProps,\n referenceLineProps,\n xAxisProps,\n yAxisProps,\n ...rest\n }: CartesianChartProps<Y>) => {\n const { getChartProps, getRootProps } = useCartesianChart(rest)\n const components = useMemo(\n () => [\n {\n component: ChartGrid,\n fallback: withGrid ? <ChartGrid /> : null,\n },\n {\n component: ChartXAxis,\n fallback: <ChartXAxis hide={!withXAxis} />,\n },\n {\n component: ChartYAxis,\n fallback: <ChartYAxis hide={!withYAxis} />,\n },\n ...componentsProp,\n ],\n [componentsProp, withGrid, withXAxis, withYAxis],\n )\n const componentContext = useMemo(\n () => ({\n areaProps,\n barProps,\n gridProps,\n lineProps,\n referenceLineProps,\n xAxisProps,\n yAxisProps,\n }),\n [\n areaProps,\n barProps,\n gridProps,\n lineProps,\n referenceLineProps,\n xAxisProps,\n yAxisProps,\n ],\n )\n\n return (\n <ComponentContext value={componentContext}>\n <Chart\n components={components}\n render={(props) => render(getChartProps({ ...props, ...chartProps }))}\n {...getRootProps()}\n />\n </ComponentContext>\n )\n },\n \"root\",\n)(\n undefined,\n ({\n activeDotFill,\n activeDotRadius,\n activeDotStroke,\n activeDotStrokeWidth,\n areaEndFillOpacity,\n areaFillOpacity,\n areaStartFillOpacity,\n barColor,\n barFill,\n barFillOpacity,\n barStroke,\n barStrokeWidth,\n dotFill,\n dotRadius,\n dotStroke,\n dotStrokeWidth,\n gridStroke,\n inactiveBarOpacity,\n inactiveLineOpacity,\n lineColor,\n lineStroke,\n lineStrokeWidth,\n referenceLineColor,\n referenceLineStroke,\n referenceLineStrokeWidth,\n referenceLineTextColor,\n referenceLineTextFill,\n xAxisLineStroke,\n xAxisLineStrokeWidth,\n xAxisTextColor,\n xAxisTextFill,\n yAxisLineStroke,\n yAxisLineStrokeWidth,\n yAxisTextColor,\n yAxisTextFill,\n ...rest\n }) => ({\n \"--active-dot-fill\": varAttr(activeDotFill, \"colors\"),\n \"--active-dot-r\": activeDotRadius,\n \"--active-dot-stroke\": varAttr(activeDotStroke, \"colors\"),\n \"--active-dot-stroke-width\": activeDotStrokeWidth,\n \"--area-end-fill-opacity\": areaEndFillOpacity,\n \"--area-fill-opacity\": areaFillOpacity,\n \"--area-start-fill-opacity\": areaStartFillOpacity,\n \"--bar-color\": varAttr(barColor, \"colors\"),\n \"--bar-fill\": varAttr(barFill, \"colors\"),\n \"--bar-fill-opacity\": barFillOpacity,\n \"--bar-stroke\": varAttr(barStroke, \"colors\"),\n \"--bar-stroke-width\": barStrokeWidth,\n \"--dot-fill\": varAttr(dotFill, \"colors\"),\n \"--dot-r\": dotRadius,\n \"--dot-stroke\": varAttr(dotStroke, \"colors\"),\n \"--dot-stroke-width\": dotStrokeWidth,\n \"--grid-stroke\": varAttr(gridStroke, \"colors\"),\n \"--inactive-bar-opacity\": inactiveBarOpacity,\n \"--inactive-line-opacity\": inactiveLineOpacity,\n \"--line-color\": varAttr(lineColor, \"colors\"),\n \"--line-stroke\": varAttr(lineStroke, \"colors\"),\n \"--line-stroke-width\": lineStrokeWidth,\n \"--reference-line-color\": varAttr(referenceLineColor, \"colors\"),\n \"--reference-line-stroke\": varAttr(referenceLineStroke, \"colors\"),\n \"--reference-line-stroke-width\": referenceLineStrokeWidth,\n \"--reference-line-text-color\": varAttr(referenceLineTextColor, \"colors\"),\n \"--reference-line-text-fill\": varAttr(referenceLineTextFill, \"colors\"),\n \"--x-axis-line-stroke\": varAttr(xAxisLineStroke, \"colors\"),\n \"--x-axis-line-stroke-width\": xAxisLineStrokeWidth,\n \"--x-axis-text-color\": varAttr(xAxisTextColor, \"colors\"),\n \"--x-axis-text-fill\": varAttr(xAxisTextFill, \"colors\"),\n \"--y-axis-line-stroke\": varAttr(yAxisLineStroke, \"colors\"),\n \"--y-axis-line-stroke-width\": yAxisLineStrokeWidth,\n \"--y-axis-text-color\": varAttr(yAxisTextColor, \"colors\"),\n \"--y-axis-text-fill\": varAttr(yAxisTextFill, \"colors\"),\n ...rest,\n }),\n) as GenericsComponent<{\n <Y extends Dict = Dict>(props: CartesianChartProps<Y>): ReactElement\n}>\n\nexport type ChartXAxisTick =\n \| ((props: XAxisTickContentProps) => ReactNode)\n \| boolean\n \| HTMLStyledProps<\"text\">\n \| ReactElement\n\nexport interface ChartXAxisProps extends Merge<\n HTMLStyledProps<\"svg\">,\n Omit<UseChartXAxisProps, \"label\" \| \"tick\" \| \"tickLine\">\n> {\n /\n The label to use for the axis.\n \n @default false\n /\n label?: ChartLabel\n /\n The tick to use for the axis.\n \n @default true\n /\n tick?: ChartXAxisTick\n /\n The tick line to use for the axis.\n \n @default false\n /\n tickLine?: ChartTickLine\n}\n\nexport const ChartXAxis = withContext<\"svg\", ChartXAxisProps>((props) => {\n const { xAxisProps } = useComponentContext()\n const {\n children,\n label: labelProp = false,\n tick: tickProp = true,\n tickLine: tickLineProp = false,\n ...rest\n } = mergeProps(xAxisProps, props)()\n const system = useSystem()\n const { theme } = useTheme()\n const tickProps = useSlotComponentProps({}, \"xAxisTick\")\n const labelProps = useSlotComponentProps({}, \"xAxisLabel\")\n const tickLineProps = useSlotComponentProps({}, \"xAxisTickLine\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const tick = useMemo<UseChartXAxisProps[\"tick\"]>(() => {\n if (!tickProp) return tickProp\n\n const className = cx(tickProps.className, css(tickProps.css))\n\n if (isFunction(tickProp)) {\n return (props) =>\n tickProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(tickProp)) {\n return cloneElement<any>(tickProp, { className })\n } else if (isObject(tickProp)) {\n const [omittedProps, styleProps] = splitObject<\n XAxisTickContentProps,\n CSSObject\n >(tickProp, shouldForwardProp)\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [tickProp, tickProps.className, tickProps.css, css])\n const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n if (!tickLineProp) return tickLineProp\n\n const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n if (isObject(tickLineProp)) {\n const [omittedProps, styleProps] = splitObject<\n HTMLProps<\"line\">,\n CSSObject\n >(tickLineProp, shouldForwardProp)\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n const label = useMemo<UseChartXAxisProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className, children: labelProp }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getRootProps, getXAxisProps } = useChartXAxis({\n label,\n tick,\n tickLine,\n ...rest,\n })\n\n return (\n <styled.svg asChild {...getRootProps()}>\n <XAxis {...getXAxisProps()}>{children}</XAxis>\n </styled.svg>\n )\n}, \"xAxis\")()\n\nexport type ChartYAxisTick =\n \| ((props: YAxisTickContentProps) => ReactNode)\n \| boolean\n \| HTMLStyledProps<\"text\">\n \| ReactElement\n\nexport interface ChartYAxisProps extends Merge<\n HTMLStyledProps<\"svg\">,\n Omit<UseChartYAxisProps, \"label\" \| \"tick\" \| \"tickLine\">\n> {\n /\n The label to use for the axis.\n \n @default false\n /\n label?: ChartLabel\n /\n The tick to use for the axis.\n \n @default true\n /\n tick?: ChartYAxisTick\n /\n The tick line to use for the axis.\n \n @default false\n /\n tickLine?: ChartTickLine\n}\n\nexport const ChartYAxis = withContext<\"svg\", ChartYAxisProps>((props) => {\n const { yAxisProps } = useComponentContext()\n const {\n children,\n label: labelProp = false,\n tick: tickProp = true,\n tickLine: tickLineProp = false,\n ...rest\n } = mergeProps(yAxisProps, props)()\n const system = useSystem()\n const { theme } = useTheme()\n const tickProps = useSlotComponentProps({}, \"yAxisTick\")\n const labelProps = useSlotComponentProps({}, \"yAxisLabel\")\n const tickLineProps = useSlotComponentProps({}, \"yAxisTickLine\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const tick = useMemo<UseChartYAxisProps[\"tick\"]>(() => {\n if (!tickProp) return tickProp\n\n const className = cx(tickProps.className, css(tickProps.css))\n\n if (isFunction(tickProp)) {\n return (props) =>\n tickProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(tickProp)) {\n return cloneElement<any>(tickProp, { className })\n } else if (isObject(tickProp)) {\n const [omittedProps, styleProps] = splitObject<\n YAxisTickContentProps,\n CSSObject\n >(tickProp, shouldForwardProp)\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [tickProp, tickProps.className, tickProps.css, css])\n const tickLine = useMemo<UseChartXAxisProps[\"tickLine\"]>(() => {\n if (!tickLineProp) return tickLineProp\n\n const className = cx(tickLineProps.className, css(tickLineProps.css))\n\n if (isObject(tickLineProp)) {\n const [omittedProps, styleProps] = splitObject<\n HTMLProps<\"line\">,\n CSSObject\n >(tickLineProp, shouldForwardProp)\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [tickLineProp, tickLineProps.className, tickLineProps.css, css])\n const label = useMemo<UseChartYAxisProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className, children: labelProp }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getRootProps, getYAxisProps } = useChartYAxis({\n label,\n tick,\n tickLine,\n ...rest,\n })\n\n return (\n <styled.svg asChild {...getRootProps()}>\n <YAxis {...getYAxisProps()}>{children}</YAxis>\n </styled.svg>\n )\n}, \"yAxis\")()\n\nexport interface ChartGridProps extends Merge<\n HTMLStyledProps<\"line\">,\n UseChartGridProps\n> {}\n\nexport const ChartGrid = withContext<\"line\", ChartGridProps>((props) => {\n const { gridProps } = useComponentContext()\n const { getGridProps, getRootProps } = useChartGrid({\n ...gridProps,\n ...props,\n })\n\n return (\n <styled.line asChild {...getRootProps()}>\n <CartesianGrid {...getGridProps()} />\n </styled.line>\n )\n}, \"grid\")()\n\nexport interface ChartLineProps<Y extends Dict = Dict> extends Merge<\n HTMLStyledProps<\"line\">,\n Omit<\n UseChartLineProps,\n \"activeDot\" \| \"data\" \| \"dataKey\" \| \"dot\" \| \"label\" \| \"stroke\"\n >\n> {\n /\n The key of a group of data which should be unique in an chart.\n /\n dataKey: keyof Y\n /\n The active dot to use for the line.\n \n @default true\n /\n activeDot?: ChartActiveDot\n /\n The data to use for the line.\n /\n data?: Y[]\n /\n The dot to use for the line.\n \n @default false\n /\n dot?: ChartDot\n /\n The label list to use for the line.\n \n @default false\n /\n label?: ChartLabelList\n}\n\nexport const ChartLine = withContext<\"line\", ChartLineProps>((props) => {\n const { lineProps } = useComponentContext()\n const {\n activeDot: activeDotProp = true,\n children,\n dataKey,\n dot: dotProp = false,\n label: labelProp = false,\n stroke: strokeProp,\n ...rest\n } = mergeProps(lineProps, props)()\n const system = useSystem()\n const { theme } = useTheme()\n const color = strokeProp ?? rest.color\n const stroke = JSON.stringify(color)\n const dotProps = useSlotComponentProps({}, \"dot\")\n const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n const labelProps = useSlotComponentProps({}, \"labelList\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n if (!dotProp) return dotProp\n\n const className = cx(\n dotProps.className,\n css(dotProps.css),\n css({ fill: color, stroke: color }),\n )\n\n if (isFunction(dotProp)) {\n return (props) =>\n dotProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(dotProp)) {\n return cloneElement<any>(dotProp, { className })\n } else if (isObject(dotProp)) {\n const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n dotProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [dotProp, dotProps.className, dotProps.css, css, color])\n const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n if (!activeDotProp) return activeDotProp\n\n const className = cx(\n activeDotProps.className,\n css(activeDotProps.css),\n css({ fill: color, stroke: color }),\n )\n\n if (isFunction(activeDotProp)) {\n return (props) =>\n activeDotProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(activeDotProp)) {\n return cloneElement<any>(activeDotProp, { className })\n } else if (isObject(activeDotProp)) {\n const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n activeDotProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getLineProps, getRootProps } = useChartLine({\n activeDot,\n dataKey,\n dot,\n label,\n stroke,\n ...rest,\n })\n\n return (\n <styled.line asChild {...getRootProps()}>\n <Line {...getLineProps()}>{children}</Line>\n </styled.line>\n )\n}, \"line\")() as GenericsComponent<{\n <Y extends Dict>(props: ChartLineProps<Y>): ReactElement\n}>\n\nexport interface ChartAreaGradient {\n end?: CSSProps[\"stopColor\"]\n start?: CSSProps[\"stopColor\"]\n}\n\nexport interface ChartAreaProps<Y extends Dict = Dict> extends Merge<\n HTMLStyledProps<\"line\">,\n Omit<\n UseChartAreaProps,\n \"activeDot\" \| \"data\" \| \"dataKey\" \| \"dot\" \| \"label\" \| \"stroke\"\n >\n> {\n /\n The key of a group of data which should be unique in an chart.\n /\n dataKey: keyof Y\n /\n The active dot to use for the line.\n \n @default true\n /\n activeDot?: ChartActiveDot\n /\n The data to use for the area.\n /\n data?: Y[]\n /\n The dot to use for the line.\n \n @default false\n /\n dot?: ChartDot\n /\n The gradient to use for the area.\n /\n gradient?: ChartAreaGradient\n /\n The label list to use for the line.\n \n @default false\n /\n label?: ChartLabelList\n /\n Determines whether the chart area should be represented with a gradient instead of the solid color.\n /\n withGradient?: boolean\n}\n\nexport const ChartArea = withContext<\"line\", ChartAreaProps>((props) => {\n const { areaProps } = useComponentContext()\n const {\n activeDot: activeDotProp = true,\n children,\n dataKey,\n dot: dotProp = false,\n gradient,\n label: labelProp = false,\n stroke: strokeProp,\n withGradient,\n ...rest\n } = mergeProps(areaProps, props)()\n const id = useId()\n const system = useSystem()\n const { theme } = useTheme()\n const color = strokeProp ?? rest.fill ?? rest.color\n const stroke = JSON.stringify(color)\n const dotProps = useSlotComponentProps({}, \"dot\")\n const activeDotProps = useSlotComponentProps({}, \"activeDot\")\n const labelProps = useSlotComponentProps({}, \"labelList\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const dot = useMemo<UseChartLineProps[\"dot\"]>(() => {\n if (!dotProp) return dotProp\n\n const className = cx(\n dotProps.className,\n css(dotProps.css),\n css({ fill: color, stroke: color }),\n )\n\n if (isFunction(dotProp)) {\n return (props) =>\n dotProp({\n ...props,\n className: cx(className, props.className),\n })\n } else if (isValidElement(dotProp)) {\n return cloneElement<any>(dotProp, {\n className,\n })\n } else if (isObject(dotProp)) {\n const [omittedProps, styleProps] = splitObject<DotProps, CSSObject>(\n dotProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [dotProp, dotProps.className, dotProps.css, css, color])\n const activeDot = useMemo<UseChartLineProps[\"activeDot\"]>(() => {\n if (!activeDotProp) return activeDotProp\n\n const className = cx(\n activeDotProps.className,\n css(activeDotProps.css),\n css({ fill: color, stroke: color }),\n )\n\n if (isFunction(activeDotProp)) {\n return (props) =>\n activeDotProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(activeDotProp)) {\n return cloneElement<any>(activeDotProp, { className })\n } else if (isObject(activeDotProp)) {\n const [omittedProps, styleProps] = splitObject<ActiveDotProps, CSSObject>(\n activeDotProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [activeDotProp, activeDotProps.className, activeDotProps.css, css, color])\n const label = useMemo<UseChartLineProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getAreaProps, getRootProps } = useChartArea({\n activeDot,\n dataKey,\n dot,\n fill: color ? `url(#${id})` : \"\",\n label,\n stroke,\n ...rest,\n })\n\n return (\n <>\n <styled.line asChild {...getRootProps()}>\n <Area {...getAreaProps()}>{children}</Area>\n </styled.line>\n\n <defs>\n {withGradient ? (\n <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n <styled.stop\n asChild\n stopColor={color}\n stopOpacity={gradient?.start ?? \"{area-start-fill-opacity}\"}\n >\n <stop offset=\"5%\" />\n </styled.stop>\n <styled.stop\n asChild\n stopColor={color}\n stopOpacity={gradient?.end ?? \"{area-end-fill-opacity}\"}\n >\n <stop offset=\"95%\" />\n </styled.stop>\n </linearGradient>\n ) : (\n <linearGradient id={id} x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\">\n <styled.stop\n stopColor={color}\n stopOpacity={rest.fillOpacity ?? \"{area-fill-opacity}\"}\n />\n </linearGradient>\n )}\n </defs>\n </>\n )\n}, \"area\")() as GenericsComponent<{\n <Y extends Dict>(props: ChartAreaProps<Y>): ReactElement\n}>\n\nexport interface ChartBarProps<Y extends Dict = Dict> extends Merge<\n HTMLStyledProps<\"path\">,\n Omit<UseChartBarProps, \"dataKey\" \| \"fill\" \| \"label\">\n> {\n /\n The key of a group of data which should be unique in an chart.\n /\n dataKey: keyof Y\n /\n The label list to use for the bar.\n \n @default false\n /\n label?: ChartLabelList\n}\n\nexport const ChartBar = withContext<\"path\", ChartBarProps>((props) => {\n const { barProps } = useComponentContext()\n const {\n children,\n dataKey,\n fill: fillProp,\n label: labelProp = false,\n ...rest\n } = mergeProps(barProps, props)()\n const system = useSystem()\n const { theme } = useTheme()\n const color = fillProp ?? rest.color\n const fill = JSON.stringify(color)\n const labelProps = useSlotComponentProps({}, \"labelList\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const label = useMemo<UseChartBarProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelListProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getBarProps, getRootProps } = useChartBar({\n dataKey,\n fill,\n label,\n ...rest,\n })\n\n return (\n <styled.path asChild {...getRootProps()}>\n <Bar {...getBarProps()}>{children}</Bar>\n </styled.path>\n )\n}, \"bar\")() as GenericsComponent<{\n <Y extends Dict>(props: ChartBarProps<Y>): ReactElement\n}>\n\nexport interface ChartReferenceLineProps extends Omit<\n Merge<HTMLStyledProps<\"line\">, UseChartReferenceLineProps>,\n \"label\"\n> {\n /\n The label to use for the reference line.\n \n @default false\n */\n label?: ChartLabel\n}\n\nexport const ChartReferenceLine = withContext<\"line\", ChartReferenceLineProps>(\n (props) => {\n const { referenceLineProps } = useComponentContext()\n const { label: labelProp = false, ...rest } = {\n ...referenceLineProps,\n ...props,\n }\n const system = useSystem()\n const { theme } = useTheme()\n const labelProps = useSlotComponentProps({}, \"referenceLineLabel\")\n const css = useMemo(() => getCSS(system, theme), [system, theme])\n const label = useMemo<UseChartReferenceLineProps[\"label\"]>(() => {\n if (!labelProp) return labelProp\n\n const className = cx(labelProps.className, css(labelProps.css))\n\n if (isFunction(labelProp)) {\n return (props) =>\n labelProp({ ...props, className: cx(className, props.className) })\n } else if (isValidElement(labelProp)) {\n return cloneElement<any>(labelProp, { className })\n } else if (isObject(labelProp)) {\n const [omittedProps, styleProps] = splitObject<LabelProps, CSSObject>(\n labelProp,\n shouldForwardProp,\n )\n\n return {\n ...omittedProps,\n className: cx(className, omittedProps.className, css(styleProps)),\n }\n } else {\n return { className, children: labelProp }\n }\n }, [labelProp, labelProps.className, labelProps.css, css])\n const { getReferenceLineProps, getRootProps } = useChartReferenceLine({\n label,\n ...rest,\n })\n\n return (\n <styled.line asChild {...getRootProps()}>\n <ReferenceLine {...getReferenceLineProps()} />\n </styled.line>\n )\n },\n \"referenceLine\",\n)()\n"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ const require_context = require('../../utils/context.cjs');
 const require_utils_index = require('../../utils/index.cjs');
 const require_var = require('../../core/system/var.cjs');
 const require_factory = require('../../core/system/factory.cjs');
+const require_props = require('../../core/components/props.cjs');
 const require_create_component = require('../../core/components/create-component.cjs');
 require('../../core/index.cjs');
 const require_chart_style = require('./chart.style.cjs');
@@ -94,10 +95,7 @@ const Chart = withProvider(({ children, components: componentsProp, render, with
 const [ChartLegendContext, useChartLegendContext] = require_context.createContext({ name: "ChartLegendContext" });
 const ChartLegend = withContext((props) => {
 	const { legendProps } = useChartComponentContext();
-	const { contentProps, ...rest } = {
-		...legendProps,
-		...props
-	};
+	const { contentProps, ...rest } = require_props.mergeProps(legendProps, props)();
 	const { getLegendContentProps, getLegendItemProps, getLegendProps, getRootProps } = require_use_chart.useChartLegend({
 		content: ({ formatter, payload }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChartLegendContent, {
 			formatter,