@yamada-ui/react 2.2.1-dev-20260510005230 → 2.2.1-dev-20260510113404

package/dist/cjs/components/calendar/calendar.cjs

@@ -2,6 +2,7 @@
 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");
 const require_chevron_left_icon = require("../icon/icons/chevron-left-icon.cjs");
 const require_chevron_right_icon = require("../icon/icons/chevron-right-icon.cjs");
@@ -143,10 +144,7 @@ const CalendarNavigation = withContext("div", ["row", "navigation"])(void 0, ({
 		] });
 	}, [children]);
 	return {
-		...getNavigationProps({
-			...navigationProps,
-			...rest
-		}),
+		...getNavigationProps(require_props.mergeProps(navigationProps, rest)()),
 		children: computedChildren
 	};
 });
@@ -158,8 +156,7 @@ const CalendarControl = withContext("div", "control")(void 0, ({ children, ...re
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarMonthSelect, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarYearSelect, {})] });
 	}, [children, month]);
 	return {
-		...controlProps,
-		...rest,
+		...require_props.mergeProps(controlProps, rest)(),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [computedChildren, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.div, { ...getStatusProps() })] })
 	};
 });
@@ -167,22 +164,14 @@ const CalendarPrevButton = withContext("button", ["button", "prev"])(void 0, ({
 	const { buttonProps, getPrevButtonProps, prevButtonProps } = useComponentContext();
 	return {
 		children,
-		...getPrevButtonProps({
-			...buttonProps,
-			...prevButtonProps,
-			...rest
-		})
+		...getPrevButtonProps(require_props.mergeProps(buttonProps, prevButtonProps, rest)())
 	};
 });
 const CalendarNextButton = withContext("button", ["button", "next"])(void 0, ({ children = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chevron_right_icon.ChevronRightIcon, {}), ...rest }) => {
 	const { buttonProps, getNextButtonProps, nextButtonProps } = useComponentContext();
 	return {
 		children,
-		...getNextButtonProps({
-			...buttonProps,
-			...nextButtonProps,
-			...rest
-		})
+		...getNextButtonProps(require_props.mergeProps(buttonProps, nextButtonProps, rest)())
 	};
 });
 withContext("span", "separator")({
@@ -191,11 +180,7 @@ withContext("span", "separator")({
 });
 const CalendarYearSelect = withContext((props) => {
 	const { yearItems, getYearSelectProps, selectProps, yearSelectProps } = useComponentContext();
-	const { contentProps, rootProps, ...rest } = {
-		...selectProps,
-		...yearSelectProps,
-		...props
-	};
+	const { contentProps, rootProps, ...rest } = require_props.mergeProps(selectProps, yearSelectProps, props)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.SelectRoot, {
 		variant: "plain",
 		items: yearItems,
@@ -215,11 +200,7 @@ const CalendarYearSelect = withContext((props) => {
 }, ["select", "years"])();
 const CalendarMonthSelect = withContext((props) => {
 	const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } = useComponentContext();
-	const { contentProps, rootProps, ...rest } = {
-		...selectProps,
-		...monthSelectProps,
-		...props
-	};
+	const { contentProps, rootProps, ...rest } = require_props.mergeProps(selectProps, monthSelectProps, props)();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select.SelectRoot, {
 		variant: "plain",
 		items: monthItems,
@@ -264,10 +245,7 @@ const CalendarMonth = withContext("table", "month")(void 0, ({ day: dayProp, ...
 		}, index))
 	})] });
 	return {
-		...getMonthProps({
-			...monthProps,
-			...rest
-		}),
+		...getMonthProps(require_props.mergeProps(monthProps, rest)()),
 		children
 	};
 });

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

@@ -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,yBAAAA,oBACF,YACAC,uBAAAA,cACD;;;;;;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,qBAAAA,YAAY,MAAM;CA4GtB,OACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,4BAAD;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,iBAAD;GAAiB,QAAA,GAAA,MAAA,gBA5GZ;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,CAiEwC;aACrC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,QAAA,GAAA,MAAA,gBA/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,CAM4C;cACvC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR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"}
+{"version":3,"file":"calendar.cjs","names":["createSlotComponent","calendarStyle","useCalendar","CalendarDescendantsContext","CalendarContext","styled","mergeProps","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, mergeProps, 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(mergeProps(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    ...mergeProps(controlProps, 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(mergeProps(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(mergeProps(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 } = mergeProps(\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 } = mergeProps(\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(mergeProps(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,yBAAAA,oBACF,YACAC,uBAAAA,cACD;;;;;;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,qBAAAA,YAAY,MAAM;CA4GtB,OACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,4BAAD;EAA4B,OAAO;YACjC,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,iBAAD;GAAiB,QAAA,GAAA,MAAA,gBA5GZ;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,CAiEwC;aACrC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,QAAA,GAAA,MAAA,gBA/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,CAM4C;cACvC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAA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"}

package/dist/cjs/components/checkbox/use-checkbox-group.cjs

@@ -59,10 +59,10 @@ const useCheckboxGroup = (props = {}) => {
 				"data-checked": (0, require_utils_index.utils_exports.dataAttr)(checked),
 				"data-disabled": (0, require_utils_index.utils_exports.dataAttr)(trulyDisabled),
 				checked,
-				disabled: trulyDisabled,
 				readOnly,
 				required,
 				...props,
+				disabled: Boolean(props.disabled || trulyDisabled),
 				onBlur: (0, require_utils_index.utils_exports.handlerAll)(props.onBlur, eventProps.onBlur),
 				onChange: (0, require_utils_index.utils_exports.handlerAll)(props.onChange, onChange),
 				onFocus: (0, require_utils_index.utils_exports.handlerAll)(props.onFocus, eventProps.onFocus)

package/dist/cjs/components/checkbox/use-checkbox-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-checkbox-group.cjs","names":["createContext","useFieldProps","useControllableState","mergeProps","visuallyHiddenAttributes"],"sources":["../../../../src/components/checkbox/use-checkbox-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface CheckboxGroupContext extends Omit<\n  UseCheckboxGroupReturn,\n  \"getRootProps\"\n> {}\n\nconst [CheckboxGroupContext, useCheckboxGroupContext] =\n  createContext<CheckboxGroupContext>({\n    name: \"CheckboxGroupContext\",\n    strict: false,\n  })\n\nexport { CheckboxGroupContext, useCheckboxGroupContext }\n\nexport interface UseCheckboxGroupProps<Y extends string = string>\n  extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">, FieldProps {\n  /**\n   * The initial value of the checkbox group.\n   *\n   * @default []\n   */\n  defaultValue?: Y[]\n  /**\n   * The maximum number of checkboxes that can be checked.\n   */\n  max?: number\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n}\n\nexport const useCheckboxGroup = <Y extends string = string>(\n  props: UseCheckboxGroupProps<Y> = {},\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      defaultValue = [],\n      disabled,\n      max,\n      readOnly,\n      required,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedbyProp, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (valueOrEv: ChangeEvent<HTMLInputElement> | Y) => {\n      if (!interactive) return\n\n      if (isObject(valueOrEv)) valueOrEv = valueOrEv.target.value as Y\n\n      setValue((prev) => {\n        if (prev.includes(valueOrEv)) {\n          return prev.filter((prevValue) => prevValue !== valueOrEv)\n        } else if (!isNumber(max) || prev.length < max) {\n          return [...prev, valueOrEv]\n        } else {\n          return prev\n        }\n      })\n    },\n    [interactive, max, setValue],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) =>\n      mergeProps(\n        dataProps,\n        {\n          \"aria-describedby\": cx(ariaDescribedbyProp, ariaDescribedby),\n          \"aria-labelledby\": cx(labelId, ariaLabelledby),\n          role: \"group\",\n        },\n        rest,\n        props,\n        {\n          ref,\n        },\n      )(),\n    [ariaDescribedbyProp, dataProps, labelId, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => {\n      const checked =\n        !isUndefined(value) &&\n        (isString(props.value) || isNumber(props.value)) &&\n        value.includes(props.value as Y)\n      const trulyDisabled = !checked && isNumber(max) && value.length >= max\n\n      return {\n        ...dataProps,\n        ...ariaProps,\n        type: \"checkbox\",\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"aria-disabled\": ariaAttr(trulyDisabled),\n        \"data-checked\": dataAttr(checked),\n        \"data-disabled\": dataAttr(trulyDisabled),\n        checked,\n        disabled: trulyDisabled,\n        readOnly,\n        required,\n        ...props,\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n    },\n    [\n      ariaProps,\n      dataProps,\n      eventProps,\n      max,\n      onChange,\n      readOnly,\n      required,\n      value,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return {\n    max,\n    value,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>\n"],"mappings":";;;;;;;;;;AA2BA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAAA,cAAoC;CAClC,MAAM;CACN,QAAQ;CACT,CAAC;AA0BJ,MAAa,oBACX,QAAkC,EAAE,KACjC;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EACL,eAAe,EAAE,EACjB,UACA,KACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,qBAAqB,GAAG,aACzD,WACA,eACEC,wBAAAA,cAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,YAAA,GAAA,MAAA,cACH,cAAiD;EAChD,IAAI,CAAC,aAAa;EAElB,KAAA,GAAA,oBAAA,cAAA,UAAa,UAAU,EAAE,YAAY,UAAU,OAAO;EAEtD,UAAU,SAAS;GACjB,IAAI,KAAK,SAAS,UAAU,EAC1B,OAAO,KAAK,QAAQ,cAAc,cAAc,UAAU;QACrD,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,IAAI,IAAI,KAAK,SAAS,KACzC,OAAO,CAAC,GAAG,MAAM,UAAU;QAE3B,OAAO;IAET;IAEJ;EAAC;EAAa;EAAK;EAAS,CAC7B;CAED,MAAM,gBAAA,GAAA,MAAA,cACH,EACC,KACA,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,KACJC,cAAAA,WACE,WACA;EACE,qBAAA,GAAA,oBAAA,cAAA,IAAuB,qBAAqB,gBAAgB;EAC5D,oBAAA,GAAA,oBAAA,cAAA,IAAsB,SAAS,eAAe;EAC9C,MAAM;EACP,EACD,MACA,OACA,EACE,KACD,CACF,EAAE,EACL;EAAC;EAAqB;EAAW;EAAS;EAAK,CAChD;CAiDD,OAAO;EACL;EACA;EACA,gBAAA,GAAA,MAAA,cAjDC,QAAQ,EAAE,KAAK;GACd,MAAM,UACJ,EAAA,GAAA,oBAAA,cAAA,aAAa,MAAM,MAAA,GAAA,oBAAA,cAAA,UACT,MAAM,MAAM,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,MAAM,KAC/C,MAAM,SAAS,MAAM,MAAW;GAClC,MAAM,gBAAgB,CAAC,YAAA,GAAA,oBAAA,cAAA,UAAoB,IAAI,IAAI,MAAM,UAAU;GAEnE,OAAO;IACL,GAAG;IACH,GAAG;IACH,MAAM;IACN,OAAOC,YAAAA,yBAAyB;IAChC,gBAAgB;IAChB,kBAAA,GAAA,oBAAA,cAAA,UAA0B,cAAc;IACxC,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;IACjC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,cAAc;IACxC;IACA,UAAU;IACV;IACA;IACA,GAAG;IACH,SAAA,GAAA,oBAAA,cAAA,YAAmB,MAAM,QAAQ,WAAW,OAAO;IACnD,WAAA,GAAA,oBAAA,cAAA,YAAqB,MAAM,UAAU,SAAS;IAC9C,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,WAAW,QAAQ;IACvD;KAEH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAcY;EACb,gBAAA,GAAA,MAAA,cAXC,WAAW;GACV,GAAG;GACH,GAAG;GACJ,GACD,CAAC,UAAU,CAOE;EACb;EACA;EACD"}
+{"version":3,"file":"use-checkbox-group.cjs","names":["createContext","useFieldProps","useControllableState","mergeProps","visuallyHiddenAttributes"],"sources":["../../../../src/components/checkbox/use-checkbox-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface CheckboxGroupContext extends Omit<\n  UseCheckboxGroupReturn,\n  \"getRootProps\"\n> {}\n\nconst [CheckboxGroupContext, useCheckboxGroupContext] =\n  createContext<CheckboxGroupContext>({\n    name: \"CheckboxGroupContext\",\n    strict: false,\n  })\n\nexport { CheckboxGroupContext, useCheckboxGroupContext }\n\nexport interface UseCheckboxGroupProps<Y extends string = string>\n  extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">, FieldProps {\n  /**\n   * The initial value of the checkbox group.\n   *\n   * @default []\n   */\n  defaultValue?: Y[]\n  /**\n   * The maximum number of checkboxes that can be checked.\n   */\n  max?: number\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n}\n\nexport const useCheckboxGroup = <Y extends string = string>(\n  props: UseCheckboxGroupProps<Y> = {},\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      defaultValue = [],\n      disabled,\n      max,\n      readOnly,\n      required,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedbyProp, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (valueOrEv: ChangeEvent<HTMLInputElement> | Y) => {\n      if (!interactive) return\n\n      if (isObject(valueOrEv)) valueOrEv = valueOrEv.target.value as Y\n\n      setValue((prev) => {\n        if (prev.includes(valueOrEv)) {\n          return prev.filter((prevValue) => prevValue !== valueOrEv)\n        } else if (!isNumber(max) || prev.length < max) {\n          return [...prev, valueOrEv]\n        } else {\n          return prev\n        }\n      })\n    },\n    [interactive, max, setValue],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) =>\n      mergeProps(\n        dataProps,\n        {\n          \"aria-describedby\": cx(ariaDescribedbyProp, ariaDescribedby),\n          \"aria-labelledby\": cx(labelId, ariaLabelledby),\n          role: \"group\",\n        },\n        rest,\n        props,\n        {\n          ref,\n        },\n      )(),\n    [ariaDescribedbyProp, dataProps, labelId, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => {\n      const checked =\n        !isUndefined(value) &&\n        (isString(props.value) || isNumber(props.value)) &&\n        value.includes(props.value as Y)\n      const trulyDisabled = !checked && isNumber(max) && value.length >= max\n\n      return {\n        ...dataProps,\n        ...ariaProps,\n        type: \"checkbox\",\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"aria-disabled\": ariaAttr(trulyDisabled),\n        \"data-checked\": dataAttr(checked),\n        \"data-disabled\": dataAttr(trulyDisabled),\n        checked,\n        readOnly,\n        required,\n        ...props,\n        disabled: Boolean(props.disabled || trulyDisabled),\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n    },\n    [\n      ariaProps,\n      dataProps,\n      eventProps,\n      max,\n      onChange,\n      readOnly,\n      required,\n      value,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return {\n    max,\n    value,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>\n"],"mappings":";;;;;;;;;;AA2BA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAAA,cAAoC;CAClC,MAAM;CACN,QAAQ;CACT,CAAC;AA0BJ,MAAa,oBACX,QAAkC,EAAE,KACjC;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EACL,eAAe,EAAE,EACjB,UACA,KACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,qBAAqB,GAAG,aACzD,WACA,eACEC,wBAAAA,cAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,YAAA,GAAA,MAAA,cACH,cAAiD;EAChD,IAAI,CAAC,aAAa;EAElB,KAAA,GAAA,oBAAA,cAAA,UAAa,UAAU,EAAE,YAAY,UAAU,OAAO;EAEtD,UAAU,SAAS;GACjB,IAAI,KAAK,SAAS,UAAU,EAC1B,OAAO,KAAK,QAAQ,cAAc,cAAc,UAAU;QACrD,IAAI,EAAA,GAAA,oBAAA,cAAA,UAAU,IAAI,IAAI,KAAK,SAAS,KACzC,OAAO,CAAC,GAAG,MAAM,UAAU;QAE3B,OAAO;IAET;IAEJ;EAAC;EAAa;EAAK;EAAS,CAC7B;CAED,MAAM,gBAAA,GAAA,MAAA,cACH,EACC,KACA,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,KACJC,cAAAA,WACE,WACA;EACE,qBAAA,GAAA,oBAAA,cAAA,IAAuB,qBAAqB,gBAAgB;EAC5D,oBAAA,GAAA,oBAAA,cAAA,IAAsB,SAAS,eAAe;EAC9C,MAAM;EACP,EACD,MACA,OACA,EACE,KACD,CACF,EAAE,EACL;EAAC;EAAqB;EAAW;EAAS;EAAK,CAChD;CAiDD,OAAO;EACL;EACA;EACA,gBAAA,GAAA,MAAA,cAjDC,QAAQ,EAAE,KAAK;GACd,MAAM,UACJ,EAAA,GAAA,oBAAA,cAAA,aAAa,MAAM,MAAA,GAAA,oBAAA,cAAA,UACT,MAAM,MAAM,KAAA,GAAA,oBAAA,cAAA,UAAa,MAAM,MAAM,KAC/C,MAAM,SAAS,MAAM,MAAW;GAClC,MAAM,gBAAgB,CAAC,YAAA,GAAA,oBAAA,cAAA,UAAoB,IAAI,IAAI,MAAM,UAAU;GAEnE,OAAO;IACL,GAAG;IACH,GAAG;IACH,MAAM;IACN,OAAOC,YAAAA,yBAAyB;IAChC,gBAAgB;IAChB,kBAAA,GAAA,oBAAA,cAAA,UAA0B,cAAc;IACxC,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;IACjC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,cAAc;IACxC;IACA;IACA;IACA,GAAG;IACH,UAAU,QAAQ,MAAM,YAAY,cAAc;IAClD,SAAA,GAAA,oBAAA,cAAA,YAAmB,MAAM,QAAQ,WAAW,OAAO;IACnD,WAAA,GAAA,oBAAA,cAAA,YAAqB,MAAM,UAAU,SAAS;IAC9C,UAAA,GAAA,oBAAA,cAAA,YAAoB,MAAM,SAAS,WAAW,QAAQ;IACvD;KAEH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAcY;EACb,gBAAA,GAAA,MAAA,cAXC,WAAW;GACV,GAAG;GACH,GAAG;GACJ,GACD,CAAC,UAAU,CAOE;EACb;EACA;EACD"}

package/dist/esm/components/calendar/calendar.js

@@ -1,6 +1,7 @@
 "use client";
 import { utils_exports } from "../../utils/index.js";
 import { styled } from "../../core/system/factory.js";
+import { mergeProps } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
 import { ChevronLeftIcon } from "../icon/icons/chevron-left-icon.js";
 import { ChevronRightIcon } from "../icon/icons/chevron-right-icon.js";
@@ -142,10 +143,7 @@ const CalendarNavigation = withContext("div", ["row", "navigation"])(void 0, ({
 		] });
 	}, [children]);
 	return {
-		...getNavigationProps({
-			...navigationProps,
-			...rest
-		}),
+		...getNavigationProps(mergeProps(navigationProps, rest)()),
 		children: computedChildren
 	};
 });
@@ -157,8 +155,7 @@ const CalendarControl = withContext("div", "control")(void 0, ({ children, ...re
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CalendarMonthSelect, {}), /* @__PURE__ */ jsx(CalendarYearSelect, {})] });
 	}, [children, month]);
 	return {
-		...controlProps,
-		...rest,
+		...mergeProps(controlProps, rest)(),
 		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [computedChildren, /* @__PURE__ */ jsx(styled.div, { ...getStatusProps() })] })
 	};
 });
@@ -166,22 +163,14 @@ const CalendarPrevButton = withContext("button", ["button", "prev"])(void 0, ({
 	const { buttonProps, getPrevButtonProps, prevButtonProps } = useComponentContext();
 	return {
 		children,
-		...getPrevButtonProps({
-			...buttonProps,
-			...prevButtonProps,
-			...rest
-		})
+		...getPrevButtonProps(mergeProps(buttonProps, prevButtonProps, rest)())
 	};
 });
 const CalendarNextButton = withContext("button", ["button", "next"])(void 0, ({ children = /* @__PURE__ */ jsx(ChevronRightIcon, {}), ...rest }) => {
 	const { buttonProps, getNextButtonProps, nextButtonProps } = useComponentContext();
 	return {
 		children,
-		...getNextButtonProps({
-			...buttonProps,
-			...nextButtonProps,
-			...rest
-		})
+		...getNextButtonProps(mergeProps(buttonProps, nextButtonProps, rest)())
 	};
 });
 withContext("span", "separator")({
@@ -190,11 +179,7 @@ withContext("span", "separator")({
 });
 const CalendarYearSelect = withContext((props) => {
 	const { yearItems, getYearSelectProps, selectProps, yearSelectProps } = useComponentContext();
-	const { contentProps, rootProps, ...rest } = {
-		...selectProps,
-		...yearSelectProps,
-		...props
-	};
+	const { contentProps, rootProps, ...rest } = mergeProps(selectProps, yearSelectProps, props)();
 	return /* @__PURE__ */ jsx(SelectRoot, {
 		variant: "plain",
 		items: yearItems,
@@ -214,11 +199,7 @@ const CalendarYearSelect = withContext((props) => {
 }, ["select", "years"])();
 const CalendarMonthSelect = withContext((props) => {
 	const { monthItems, getMonthSelectProps, monthSelectProps, selectProps } = useComponentContext();
-	const { contentProps, rootProps, ...rest } = {
-		...selectProps,
-		...monthSelectProps,
-		...props
-	};
+	const { contentProps, rootProps, ...rest } = mergeProps(selectProps, monthSelectProps, props)();
 	return /* @__PURE__ */ jsx(SelectRoot, {
 		variant: "plain",
 		items: monthItems,
@@ -263,10 +244,7 @@ const CalendarMonth = withContext("table", "month")(void 0, ({ day: dayProp, ...
 		}, index))
 	})] });
 	return {
-		...getMonthProps({
-			...monthProps,
-			...rest
-		}),
+		...getMonthProps(mergeProps(monthProps, rest)()),
 		children
 	};
 });

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","names":["Select.Root"],"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,iBACE,oBACF,YACA,cACD;;;;;;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,gBACE,YAAY,MAAM;CA4GtB,OACE,oBAAC,4BAAD;EAA4B,OAAO;YACjC,oBAAC,iBAAD;GAAiB,OA7GG,eACf;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,CAiEwC;aACrC,oBAAC,kBAAD;IAAkB,OAhEC,eAChB;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,CAM4C;cACvC,oBAAC,OAAO,KAAR;KAAY,GAAI,cAAc;eAC3B,YACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAsB,CAAA,EACtB,oBAAC,eAAD,EAAiB,CAAA,CAChB,EAAA,CAAA;KAEM,CAAA;IACI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"}
+{"version":3,"file":"calendar.js","names":["Select.Root"],"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, mergeProps, 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(mergeProps(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    ...mergeProps(controlProps, 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(mergeProps(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(mergeProps(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 } = mergeProps(\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 } = mergeProps(\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(mergeProps(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,iBACE,oBACF,YACA,cACD;;;;;;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,gBACE,YAAY,MAAM;CA4GtB,OACE,oBAAC,4BAAD;EAA4B,OAAO;YACjC,oBAAC,iBAAD;GAAiB,OA7GG,eACf;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,CAiEwC;aACrC,oBAAC,kBAAD;IAAkB,OAhEC,eAChB;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,CAM4C;cACvC,oBAAC,OAAO,KAAR;KAAY,GAAI,cAAc;eAC3B,YACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAsB,CAAA,EACtB,oBAAC,eAAD,EAAiB,CAAA,CAChB,EAAA,CAAA;KAEM,CAAA;IACI,CAAA;GACH,CAAA;EACS,CAAA;GAGjC,OACD,EAAE;AAQH,MAAa,qBAAqB,YAChC,OACA,CAAC,OAAO,aAAa,CACtB,CAAC,KAAA,IAAY,EAAE,UAAU,GAAG,WAAW;CACtC,MAAM,EAAE,oBAAoB,oBAAoB,qBAAqB;CAErE,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,qBAAA,YAAA,EAAA,UAAA;GACE,oBAAC,oBAAD,EAAsB,CAAA;GACtB,oBAAC,iBAAD,EAAmB,CAAA;GACnB,oBAAC,oBAAD,EAAsB,CAAA;GACrB,EAAA,CAAA;IAEJ,CAAC,SAAS,CAAC;CAEd,OAAO;EACL,GAAG,mBAAmB,WAAW,iBAAiB,KAAK,EAAE,CAAC;EAC1D,UAAU;EACX;EACD;AAYF,MAAa,kBAAkB,YAC7B,OACA,UACD,CAAC,KAAA,IAAY,EAAE,UAAU,GAAG,WAAW;CACtC,MAAM,EAAE,UAAU,oBAAoB;CACtC,MAAM,EAAE,cAAc,mBAAmB,qBAAqB;CAE9D,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,QAAA,GAAA,cAAA,SAAe,UAAU,EAAE,OAAO,CAAC;EAEjD,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,qBAAD,EAAuB,CAAA,EACvB,oBAAC,oBAAD,EAAsB,CAAA,CACrB,EAAA,CAAA;IAEJ,CAAC,UAAU,MAAM,CAAC;CAErB,OAAO;EACL,GAAG,WAAW,cAAc,KAAK,EAAE;EACnC,UACE,qBAAA,YAAA,EAAA,UAAA,CACG,kBACD,oBAAC,OAAO,KAAR,EAAY,GAAI,gBAAgB,EAAI,CAAA,CACnC,EAAA,CAAA;EAEN;EACD;AAIF,MAAa,qBAAqB,YAGhC,UAAU,CAAC,UAAU,OAAO,CAAC,CAC7B,KAAA,IACC,EAAE,WAAW,oBAAC,iBAAD,EAAmB,CAAA,EAAE,GAAG,WAAW;CAC/C,MAAM,EAAE,aAAa,oBAAoB,oBACvC,qBAAqB;CAEvB,OAAO;EACL;EACA,GAAG,mBAAmB,WAAW,aAAa,iBAAiB,KAAK,EAAE,CAAC;EACxE;EAEJ;AAID,MAAa,qBAAqB,YAGhC,UAAU,CAAC,UAAU,OAAO,CAAC,CAC7B,KAAA,IACC,EAAE,WAAW,oBAAC,kBAAD,EAAoB,CAAA,EAAE,GAAG,WAAW;CAChD,MAAM,EAAE,aAAa,oBAAoB,oBACvC,qBAAqB;CAEvB,OAAO;EACL;EACA,GAAG,mBAAmB,WAAW,aAAa,iBAAiB,KAAK,EAAE,CAAC;EACxE;EAEJ;AAIgC,YAC/B,QACA,YACD,CAAC;CAAE,UAAU;CAAK,MAAM;CAAa,CAAC;AAIvC,MAAa,qBAAqB,aAC/B,UAAU;CACT,MAAM,EAAE,WAAW,oBAAoB,aAAa,oBAClD,qBAAqB;CACvB,MAAM,EAAE,cAAc,WAAW,GAAG,SAAS,WAC3C,aACA,iBACA,MACD,EAAE;CAEH,OACE,oBAACA,YAAD;EACE,SAAQ;EACR,OAAO;EACP,MAAK;EACL,cAAc;GAAE,MAAM;GAAyB,GAAG;GAAc;EAChE,WAAW;GACT,UAAU;GACV,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EACJ,GAAI,mBAAmB,KAAK;EAC5B,CAAA;GAGN,CAAC,UAAU,QAAQ,CACpB,EAAE;AAIH,MAAa,sBAAsB,aAChC,UAAU;CACT,MAAM,EAAE,YAAY,qBAAqB,kBAAkB,gBACzD,qBAAqB;CACvB,MAAM,EAAE,cAAc,WAAW,GAAG,SAAS,WAC3C,aACA,kBACA,MACD,EAAE;CAEH,OACE,oBAACA,YAAD;EACE,SAAQ;EACR,OAAO;EACP,MAAK;EACL,cAAc;GAAE,MAAM;GAAyB,GAAG;GAAc;EAChE,WAAW;GACT,UAAU;GACV,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EACJ,GAAI,oBAAoB,KAAK;EAC7B,CAAA;GAGN,CAAC,UAAU,SAAS,CACrB,EAAE;AAYH,MAAa,gBAAgB,YAC3B,SACA,QACD,CAAC,KAAA,IAAY,EAAE,KAAK,SAAS,GAAG,WAAW;CAC1C,MAAM,EACJ,KACA,WACA,UACA,UACA,eACA,iBACA,YACA,cACA,eACA,WACA,eACE,qBAAqB;CAEzB,YAAY;CAEZ,MAAM,WACJ,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAO,OAAR;EAAc,eAAA;YACZ,oBAAC,kBAAD;GAAkB,GAAI;aACnB,SAAS,KAAK,EAAE,OAAO,SAAS,UAC/B,oBAAC,iBAAD;IAEE,GAAI,gBAAgB;KAAE,GAAG;KAAc;KAAO,CAAC;cAE9C;IACe,EAJX,MAIW,CAClB;GACe,CAAA;EACN,CAAA,EAEf,oBAAC,eAAD;EAAe,GAAI;YAChB,UAAU,KAAK,MAAM,UACpB,oBAAC,cAAD;GAA0B,GAAI;aAC3B,KAAK,KAAK,EAAE,OAAO,YAClB,oBAAC,aAAD;IAEQ,GAAG;IAAU;yCAEV,SAAS,EAAE,OAAO,CAAC,IAC1B,oBAAC,OAAO,MAAR,EAAA,UAAc,OAAoB,CAAA;IAExB,EANP,MAAM,cAAc,CAMb,CACd;GACW,EAXI,MAWJ,CACf;EACY,CAAA,CACf,EAAA,CAAA;CAGL,OAAO;EACL,GAAG,cAAc,WAAW,YAAY,KAAK,EAAE,CAAC;EAChD;EACD;EACD;AAEF,MAAM,mBAAmB,YAAY,MAAM,CAAC,OAAO,WAAW,CAAC,EAAE;AAEjE,MAAM,kBAAkB,YAAY,MAAM,CAAC,QAAQ,UAAU,CAAC,EAAE;AAEhE,MAAM,gBAAgB,YAAY,SAAS,QAAQ,EAAE;AAErD,MAAM,eAAe,YAAY,MAAM,CAAC,OAAO,OAAO,CAAC,EAAE;AAKzD,MAAM,cAAc,YAAoC,MAAM,CAAC,QAAQ,MAAM,CAAC,CAC5E,KAAA,IACC,UAAU;CACT,MAAM,EAAE,gBAAgB,eAAe,MAAM;CAE7C,OAAO,aAAa;EAEvB"}

package/dist/esm/components/checkbox/use-checkbox-group.js

@@ -58,10 +58,10 @@ const useCheckboxGroup = (props = {}) => {
 				"data-checked": (0, utils_exports.dataAttr)(checked),
 				"data-disabled": (0, utils_exports.dataAttr)(trulyDisabled),
 				checked,
-				disabled: trulyDisabled,
 				readOnly,
 				required,
 				...props,
+				disabled: Boolean(props.disabled || trulyDisabled),
 				onBlur: (0, utils_exports.handlerAll)(props.onBlur, eventProps.onBlur),
 				onChange: (0, utils_exports.handlerAll)(props.onChange, onChange),
 				onFocus: (0, utils_exports.handlerAll)(props.onFocus, eventProps.onFocus)

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

@@ -1 +1 @@
-{"version":3,"file":"use-checkbox-group.js","names":["createContext"],"sources":["../../../../src/components/checkbox/use-checkbox-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface CheckboxGroupContext extends Omit<\n  UseCheckboxGroupReturn,\n  \"getRootProps\"\n> {}\n\nconst [CheckboxGroupContext, useCheckboxGroupContext] =\n  createContext<CheckboxGroupContext>({\n    name: \"CheckboxGroupContext\",\n    strict: false,\n  })\n\nexport { CheckboxGroupContext, useCheckboxGroupContext }\n\nexport interface UseCheckboxGroupProps<Y extends string = string>\n  extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">, FieldProps {\n  /**\n   * The initial value of the checkbox group.\n   *\n   * @default []\n   */\n  defaultValue?: Y[]\n  /**\n   * The maximum number of checkboxes that can be checked.\n   */\n  max?: number\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n}\n\nexport const useCheckboxGroup = <Y extends string = string>(\n  props: UseCheckboxGroupProps<Y> = {},\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      defaultValue = [],\n      disabled,\n      max,\n      readOnly,\n      required,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedbyProp, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (valueOrEv: ChangeEvent<HTMLInputElement> | Y) => {\n      if (!interactive) return\n\n      if (isObject(valueOrEv)) valueOrEv = valueOrEv.target.value as Y\n\n      setValue((prev) => {\n        if (prev.includes(valueOrEv)) {\n          return prev.filter((prevValue) => prevValue !== valueOrEv)\n        } else if (!isNumber(max) || prev.length < max) {\n          return [...prev, valueOrEv]\n        } else {\n          return prev\n        }\n      })\n    },\n    [interactive, max, setValue],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) =>\n      mergeProps(\n        dataProps,\n        {\n          \"aria-describedby\": cx(ariaDescribedbyProp, ariaDescribedby),\n          \"aria-labelledby\": cx(labelId, ariaLabelledby),\n          role: \"group\",\n        },\n        rest,\n        props,\n        {\n          ref,\n        },\n      )(),\n    [ariaDescribedbyProp, dataProps, labelId, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => {\n      const checked =\n        !isUndefined(value) &&\n        (isString(props.value) || isNumber(props.value)) &&\n        value.includes(props.value as Y)\n      const trulyDisabled = !checked && isNumber(max) && value.length >= max\n\n      return {\n        ...dataProps,\n        ...ariaProps,\n        type: \"checkbox\",\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"aria-disabled\": ariaAttr(trulyDisabled),\n        \"data-checked\": dataAttr(checked),\n        \"data-disabled\": dataAttr(trulyDisabled),\n        checked,\n        disabled: trulyDisabled,\n        readOnly,\n        required,\n        ...props,\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n    },\n    [\n      ariaProps,\n      dataProps,\n      eventProps,\n      max,\n      onChange,\n      readOnly,\n      required,\n      value,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return {\n    max,\n    value,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>\n"],"mappings":";;;;;;;;;AA2BA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC;CAClC,MAAM;CACN,QAAQ;CACT,CAAC;AA0BJ,MAAa,oBACX,QAAkC,EAAE,KACjC;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EACL,eAAe,EAAE,EACjB,UACA,KACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,qBAAqB,GAAG,aACzD,WACA,eACE,cAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,WAAW,aACd,cAAiD;EAChD,IAAI,CAAC,aAAa;EAElB,KAAA,GAAA,cAAA,UAAa,UAAU,EAAE,YAAY,UAAU,OAAO;EAEtD,UAAU,SAAS;GACjB,IAAI,KAAK,SAAS,UAAU,EAC1B,OAAO,KAAK,QAAQ,cAAc,cAAc,UAAU;QACrD,IAAI,EAAA,GAAA,cAAA,UAAU,IAAI,IAAI,KAAK,SAAS,KACzC,OAAO,CAAC,GAAG,MAAM,UAAU;QAE3B,OAAO;IAET;IAEJ;EAAC;EAAa;EAAK;EAAS,CAC7B;CAED,MAAM,eAA2B,aAC9B,EACC,KACA,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,KACJ,WACE,WACA;EACE,qBAAA,GAAA,cAAA,IAAuB,qBAAqB,gBAAgB;EAC5D,oBAAA,GAAA,cAAA,IAAsB,SAAS,eAAe;EAC9C,MAAM;EACP,EACD,MACA,OACA,EACE,KACD,CACF,EAAE,EACL;EAAC;EAAqB;EAAW;EAAS;EAAK,CAChD;CAiDD,OAAO;EACL;EACA;EACA,eAlDyC,aACxC,QAAQ,EAAE,KAAK;GACd,MAAM,UACJ,EAAA,GAAA,cAAA,aAAa,MAAM,MAAA,GAAA,cAAA,UACT,MAAM,MAAM,KAAA,GAAA,cAAA,UAAa,MAAM,MAAM,KAC/C,MAAM,SAAS,MAAM,MAAW;GAClC,MAAM,gBAAgB,CAAC,YAAA,GAAA,cAAA,UAAoB,IAAI,IAAI,MAAM,UAAU;GAEnE,OAAO;IACL,GAAG;IACH,GAAG;IACH,MAAM;IACN,OAAO,yBAAyB;IAChC,gBAAgB;IAChB,kBAAA,GAAA,cAAA,UAA0B,cAAc;IACxC,iBAAA,GAAA,cAAA,UAAyB,QAAQ;IACjC,kBAAA,GAAA,cAAA,UAA0B,cAAc;IACxC;IACA,UAAU;IACV;IACA;IACA,GAAG;IACH,SAAA,GAAA,cAAA,YAAmB,MAAM,QAAQ,WAAW,OAAO;IACnD,WAAA,GAAA,cAAA,YAAqB,MAAM,UAAU,SAAS;IAC9C,UAAA,GAAA,cAAA,YAAoB,MAAM,SAAS,WAAW,QAAQ;IACvD;KAEH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAcY;EACb,eAZyC,aACxC,WAAW;GACV,GAAG;GACH,GAAG;GACJ,GACD,CAAC,UAAU,CAOE;EACb;EACA;EACD"}
+{"version":3,"file":"use-checkbox-group.js","names":["createContext"],"sources":["../../../../src/components/checkbox/use-checkbox-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface CheckboxGroupContext extends Omit<\n  UseCheckboxGroupReturn,\n  \"getRootProps\"\n> {}\n\nconst [CheckboxGroupContext, useCheckboxGroupContext] =\n  createContext<CheckboxGroupContext>({\n    name: \"CheckboxGroupContext\",\n    strict: false,\n  })\n\nexport { CheckboxGroupContext, useCheckboxGroupContext }\n\nexport interface UseCheckboxGroupProps<Y extends string = string>\n  extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\">, FieldProps {\n  /**\n   * The initial value of the checkbox group.\n   *\n   * @default []\n   */\n  defaultValue?: Y[]\n  /**\n   * The maximum number of checkboxes that can be checked.\n   */\n  max?: number\n  /**\n   * The value of the checkbox group.\n   */\n  value?: Y[]\n  /**\n   * The callback fired when any children checkbox is checked or unchecked.\n   */\n  onChange?: (value: Y[]) => void\n}\n\nexport const useCheckboxGroup = <Y extends string = string>(\n  props: UseCheckboxGroupProps<Y> = {},\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      defaultValue = [],\n      disabled,\n      max,\n      readOnly,\n      required,\n      value: valueProp,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps: { \"aria-describedby\": ariaDescribedbyProp, ...ariaProps },\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const interactive = !(readOnly || disabled)\n  const [value, setValue] = useControllableState({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onChange = useCallback(\n    (valueOrEv: ChangeEvent<HTMLInputElement> | Y) => {\n      if (!interactive) return\n\n      if (isObject(valueOrEv)) valueOrEv = valueOrEv.target.value as Y\n\n      setValue((prev) => {\n        if (prev.includes(valueOrEv)) {\n          return prev.filter((prevValue) => prevValue !== valueOrEv)\n        } else if (!isNumber(max) || prev.length < max) {\n          return [...prev, valueOrEv]\n        } else {\n          return prev\n        }\n      })\n    },\n    [interactive, max, setValue],\n  )\n\n  const getRootProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-describedby\": ariaDescribedby,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) =>\n      mergeProps(\n        dataProps,\n        {\n          \"aria-describedby\": cx(ariaDescribedbyProp, ariaDescribedby),\n          \"aria-labelledby\": cx(labelId, ariaLabelledby),\n          role: \"group\",\n        },\n        rest,\n        props,\n        {\n          ref,\n        },\n      )(),\n    [ariaDescribedbyProp, dataProps, labelId, rest],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => {\n      const checked =\n        !isUndefined(value) &&\n        (isString(props.value) || isNumber(props.value)) &&\n        value.includes(props.value as Y)\n      const trulyDisabled = !checked && isNumber(max) && value.length >= max\n\n      return {\n        ...dataProps,\n        ...ariaProps,\n        type: \"checkbox\",\n        style: visuallyHiddenAttributes.style,\n        \"aria-checked\": checked,\n        \"aria-disabled\": ariaAttr(trulyDisabled),\n        \"data-checked\": dataAttr(checked),\n        \"data-disabled\": dataAttr(trulyDisabled),\n        checked,\n        readOnly,\n        required,\n        ...props,\n        disabled: Boolean(props.disabled || trulyDisabled),\n        onBlur: handlerAll(props.onBlur, eventProps.onBlur),\n        onChange: handlerAll(props.onChange, onChange),\n        onFocus: handlerAll(props.onFocus, eventProps.onFocus),\n      }\n    },\n    [\n      ariaProps,\n      dataProps,\n      eventProps,\n      max,\n      onChange,\n      readOnly,\n      required,\n      value,\n    ],\n  )\n\n  const getLabelProps: PropGetter<\"label\"> = useCallback(\n    (props) => ({\n      ...dataProps,\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  return {\n    max,\n    value,\n    getInputProps,\n    getLabelProps,\n    getRootProps,\n    onChange,\n  }\n}\n\nexport type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>\n"],"mappings":";;;;;;;;;AA2BA,MAAM,CAAC,sBAAsB,2BAC3BA,gBAAoC;CAClC,MAAM;CACN,QAAQ;CACT,CAAC;AA0BJ,MAAa,oBACX,QAAkC,EAAE,KACjC;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EACL,eAAe,EAAE,EACjB,UACA,KACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,QAEL,WAAW,EAAE,oBAAoB,qBAAqB,GAAG,aACzD,WACA,eACE,cAAc,MAAM;CACxB,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,WAAW,aACd,cAAiD;EAChD,IAAI,CAAC,aAAa;EAElB,KAAA,GAAA,cAAA,UAAa,UAAU,EAAE,YAAY,UAAU,OAAO;EAEtD,UAAU,SAAS;GACjB,IAAI,KAAK,SAAS,UAAU,EAC1B,OAAO,KAAK,QAAQ,cAAc,cAAc,UAAU;QACrD,IAAI,EAAA,GAAA,cAAA,UAAU,IAAI,IAAI,KAAK,SAAS,KACzC,OAAO,CAAC,GAAG,MAAM,UAAU;QAE3B,OAAO;IAET;IAEJ;EAAC;EAAa;EAAK;EAAS,CAC7B;CAED,MAAM,eAA2B,aAC9B,EACC,KACA,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,KACJ,WACE,WACA;EACE,qBAAA,GAAA,cAAA,IAAuB,qBAAqB,gBAAgB;EAC5D,oBAAA,GAAA,cAAA,IAAsB,SAAS,eAAe;EAC9C,MAAM;EACP,EACD,MACA,OACA,EACE,KACD,CACF,EAAE,EACL;EAAC;EAAqB;EAAW;EAAS;EAAK,CAChD;CAiDD,OAAO;EACL;EACA;EACA,eAlDyC,aACxC,QAAQ,EAAE,KAAK;GACd,MAAM,UACJ,EAAA,GAAA,cAAA,aAAa,MAAM,MAAA,GAAA,cAAA,UACT,MAAM,MAAM,KAAA,GAAA,cAAA,UAAa,MAAM,MAAM,KAC/C,MAAM,SAAS,MAAM,MAAW;GAClC,MAAM,gBAAgB,CAAC,YAAA,GAAA,cAAA,UAAoB,IAAI,IAAI,MAAM,UAAU;GAEnE,OAAO;IACL,GAAG;IACH,GAAG;IACH,MAAM;IACN,OAAO,yBAAyB;IAChC,gBAAgB;IAChB,kBAAA,GAAA,cAAA,UAA0B,cAAc;IACxC,iBAAA,GAAA,cAAA,UAAyB,QAAQ;IACjC,kBAAA,GAAA,cAAA,UAA0B,cAAc;IACxC;IACA;IACA;IACA,GAAG;IACH,UAAU,QAAQ,MAAM,YAAY,cAAc;IAClD,SAAA,GAAA,cAAA,YAAmB,MAAM,QAAQ,WAAW,OAAO;IACnD,WAAA,GAAA,cAAA,YAAqB,MAAM,UAAU,SAAS;IAC9C,UAAA,GAAA,cAAA,YAAoB,MAAM,SAAS,WAAW,QAAQ;IACvD;KAEH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAcY;EACb,eAZyC,aACxC,WAAW;GACV,GAAG;GACH,GAAG;GACJ,GACD,CAAC,UAAU,CAOE;EACb;EACA;EACD"}

package/dist/types/components/autocomplete/autocomplete.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/autocomplete/autocomplete.style.d.ts
-declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "indicator" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "indicator" | "empty" | "valueText">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText">>, {
   xs: {
     empty: {
       gap: "1.5";

package/dist/types/components/calendar/calendar.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/calendar/calendar.style.d.ts
-declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "prev" | "control" | "month" | "week" | "weekday" | "day" | "months" | "years" | "weeks", {
+declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "weekday" | "day" | "control" | "months" | "years" | "weeks" | "prev", {
   /**
    * If `true`, the calendar will be fixed rows.
    *
@@ -73,7 +73,7 @@ declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "
       "--font-size": "fontSizes.xl";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "prev" | "control" | "month" | "week" | "weekday" | "day" | "months" | "years" | "weeks">>>;
+}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "root" | "month" | "week" | "weekday" | "day" | "control" | "months" | "years" | "weeks" | "prev">>>;
 type CalendarStyle = typeof calendarStyle;
 //#endregion
 export { CalendarStyle, calendarStyle };

package/dist/types/components/carousel/carousel.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/carousel/carousel.style.d.ts
-declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "item" | "root" | "trigger" | "prev" | "indicator" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "item" | "root" | "trigger" | "prev" | "indicator" | "indicators">>, {
+declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "item" | "root" | "trigger" | "indicator" | "indicators" | "prev", CSSPropObject<CSSSlotObject<"list" | "next" | "item" | "root" | "trigger" | "indicator" | "indicators" | "prev">>, {
   sm: {
     root: {
       h: "sm";
@@ -17,7 +17,7 @@ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "item" | "root
       h: "lg";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"list" | "next" | "item" | "root" | "trigger" | "prev" | "indicator" | "indicators">>>;
+}, CSSModifierObject<CSSSlotObject<"list" | "next" | "item" | "root" | "trigger" | "indicator" | "indicators" | "prev">>>;
 type CarouselStyle = typeof carouselStyle;
 //#endregion
 export { CarouselStyle, carouselStyle };

package/dist/types/components/checkbox-card/checkbox-card.d.ts

@@ -63,7 +63,7 @@ interface CheckboxCardRootProps<Y extends string = string> extends Merge<HTMLSty
    */
   rootProps?: HTMLStyledProps<"label">;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {
@@ -213,7 +213,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxCardPropsContext: _$react.Context<Partial<CheckboxCardRootProps<string>> | undefined>, useCheckboxCardPropsContext: () => Partial<CheckboxCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, CheckboxCardPropsContext: _$react.Context<Partial<CheckboxCardRootProps<string>> | undefined>, useCheckboxCardPropsContext: () => Partial<CheckboxCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {
@@ -363,7 +363,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {

package/dist/types/components/checkbox-card/checkbox-card.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/checkbox-card/checkbox-card.style.d.ts
-declare const checkboxCardStyle: ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+declare const checkboxCardStyle: ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
   /**
    * The justify indicator of the component
    *

package/dist/types/components/color-picker/color-picker.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/color-picker/color-picker.style.d.ts
-declare const colorPickerStyle: ComponentSlotStyle<"input" | "content" | "icon" | "root" | "field" | "colorSwatch" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "root" | "field" | "colorSwatch" | "eyeDropper">>, {
+declare const colorPickerStyle: ComponentSlotStyle<"input" | "content" | "icon" | "root" | "colorSwatch" | "field" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "root" | "colorSwatch" | "field" | "eyeDropper">>, {
   xs: {
     field: {
       fontSize: "1em";

package/dist/types/components/color-selector/color-selector.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/color-selector/color-selector.style.d.ts
-declare const colorSelectorStyle: ComponentSlotStyle<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchGroupLabel" | "colorSwatchItem", {
+declare const colorSelectorStyle: ComponentSlotStyle<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem", {
   /**
    * The shape of the thumb and color swatch.
    *
@@ -22,7 +22,7 @@ declare const colorSelectorStyle: ComponentSlotStyle<"root" | "hueSlider" | "sat
   md: {};
   lg: {};
   xl: {};
-}, CSSModifierObject<CSSSlotObject<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchGroupLabel" | "colorSwatchItem">>>;
+}, CSSModifierObject<CSSSlotObject<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem">>>;
 type ColorSelectorStyle = typeof colorSelectorStyle;
 //#endregion
 export { ColorSelectorStyle, colorSelectorStyle };

package/dist/types/components/drawer/drawer.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/drawer/drawer.style.d.ts
-declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar", {
+declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
   /**
    * The placement of the drawer.
    *
@@ -117,7 +117,7 @@ declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "ti
       rounded: "0";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar">>>;
+}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>;
 type DrawerStyle = typeof drawerStyle;
 //#endregion
 export { DrawerStyle, drawerStyle };

package/dist/types/components/empty-state/empty-state.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/empty-state/empty-state.style.d.ts
-declare const emptyState: ComponentSlotStyle<"title" | "content" | "root" | "description" | "indicator", CSSPropObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>, {
+declare const emptyState: ComponentSlotStyle<"title" | "content" | "root" | "indicator" | "description", CSSPropObject<CSSSlotObject<"title" | "content" | "root" | "indicator" | "description">>, {
   sm: {
     content: {
       gap: "xs";
@@ -47,7 +47,7 @@ declare const emptyState: ComponentSlotStyle<"title" | "content" | "root" | "des
       fontSize: "xl";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "description" | "indicator">>>;
+}, CSSModifierObject<CSSSlotObject<"title" | "content" | "root" | "indicator" | "description">>>;
 type EmptyState = typeof emptyState;
 //#endregion
 export { EmptyState, emptyState };

package/dist/types/components/modal/modal.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/modal/modal.style.d.ts
-declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
+declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
   /**
    * The placement of the modal.
    *
@@ -155,7 +155,7 @@ declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "tit
       p: "0";
     };
   };
-}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>;
+}, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>;
 type ModalStyle = typeof modalStyle;
 //#endregion
 export { ModalStyle, modalStyle };

package/dist/types/components/notice/notice.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/notice/notice.style.d.ts
-declare const noticeStyle: ComponentSlotStyle<"content" | "item" | "root" | "closeButton", CSSPropObject<CSSSlotObject<"content" | "item" | "root" | "closeButton">>, CSSModifierObject<CSSSlotObject<"content" | "item" | "root" | "closeButton">>, CSSModifierObject<CSSSlotObject<"content" | "item" | "root" | "closeButton">>>;
+declare const noticeStyle: ComponentSlotStyle<"content" | "item" | "closeButton" | "root", CSSPropObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>, CSSModifierObject<CSSSlotObject<"content" | "item" | "closeButton" | "root">>>;
 type NoticeStyle = typeof noticeStyle;
 //#endregion
 export { NoticeStyle };

package/dist/types/components/number-input/number-input.style.d.ts

@@ -1,7 +1,7 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 //#region src/components/number-input/number-input.style.d.ts
-declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "decrement" | "increment" | "field" | "control", CSSPropObject<CSSSlotObject<"button" | "root" | "decrement" | "increment" | "field" | "control">>, {
+declare const numberInputStyle: ComponentSlotStyle<"button" | "root" | "field" | "control" | "decrement" | "increment", CSSPropObject<CSSSlotObject<"button" | "root" | "field" | "control" | "decrement" | "increment">>, {
   xs: {
     control: {
       boxSize: "calc({--height} - {spaces.2})";

package/dist/types/components/radio-card/radio-card.d.ts

@@ -55,7 +55,7 @@ interface RadioCardRootProps<Y extends string = string> extends Merge<HTMLStyled
    */
   rootProps?: HTMLStyledProps<"label">;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+declare const component: <H extends "fragment" | As = "div", R extends _$_yamada_ui_utils0.Dict = _$_yamada_ui_utils0.Dict<any>>(el: H | _$react.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {
@@ -232,7 +232,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, RadioCardPropsContext: _$react.Context<Partial<RadioCardRootProps<string>> | undefined>, useRadioCardPropsContext: () => Partial<RadioCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? _$react.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, RadioCardPropsContext: _$react.Context<Partial<RadioCardRootProps<string>> | undefined>, useRadioCardPropsContext: () => Partial<RadioCardRootProps<string>> | undefined, useRootComponentProps: <Y extends _$_yamada_ui_utils0.Dict = {}, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {
@@ -409,7 +409,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _$_yamada
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, Merge<WithoutThemeProps<Y, ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
     justify: {
       end: {
         addon: {

package/dist/types/components/radio-card/radio-card.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/radio-card/radio-card.style.d.ts
-declare const radioCardStyle: ComponentSlotStyle<"group" | "root" | "description" | "indicator" | "addon", {
+declare const radioCardStyle: ComponentSlotStyle<"group" | "root" | "indicator" | "description" | "addon", {
   /**
    * The justify indicator of the component
    *

package/dist/types/components/select/select.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/select/select.style.d.ts
-declare const selectStyle: ComponentSlotStyle<"label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "indicator" | "valueText", {
+declare const selectStyle: ComponentSlotStyle<"label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "valueText", {
   /**
    * If `true`, wrap the value text.
    *

package/dist/types/components/steps/steps.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/steps/steps.style.d.ts
-declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "item" | "root" | "description" | "indicator", {
+declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "item" | "root" | "indicator" | "description", {
   /**
    * The orientation of the steps.
    *

package/dist/types/components/tag/tag.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/tag/tag.style.d.ts
-declare const tagStyle: ComponentSlotStyle<"content" | "icon" | "root" | "endIcon" | "startIcon" | "closeButton", {
+declare const tagStyle: ComponentSlotStyle<"content" | "icon" | "closeButton" | "root" | "endIcon" | "startIcon", {
   /**
    * If `true`, the tag is full rounded. Else, it'll be slightly round.
    *

package/dist/types/components/timeline/timeline.d.ts

@@ -69,7 +69,7 @@ declare const TimelineRoot: Component<({
   index,
   items,
   ...rest
-}: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "item" | "root" | "description" | "indicator" | "connector", {
+}: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "item" | "root" | "indicator" | "description" | "connector", {
   align: {
     center: {
       content: {

package/dist/types/components/timeline/timeline.style.d.ts

@@ -1,6 +1,6 @@
 import { ComponentSlotStyle } from "../../core/system/index.types.js";
 //#region src/components/timeline/timeline.style.d.ts
-declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "item" | "root" | "description" | "indicator" | "connector", {
+declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "item" | "root" | "indicator" | "description" | "connector", {
   /**
    * The alignment of the timeline.
    *

package/dist/types/providers/i18n-provider/i18n-provider.d.ts

@@ -134,7 +134,7 @@ declare const I18nContext: _$react.Context<I18nContext<{
   readonly toggle: {
     readonly "Toggle button": "Toggle button";
   };
-}, "progress.Loading..." | "progress.{value} percent" | "select.Clear value" | "table.Clear sorting" | "table.Page size" | "table.Select all rows" | "table.Select row" | "table.Sort ascending" | "table.Sort descending" | "toggle.Toggle button" | "slider.Slider thumb" | "modal.Close modal" | "modal.Open modal" | "pagination.Go to first page" | "pagination.Go to last page" | "pagination.Go to next page" | "pagination.Go to page {value}" | "pagination.Go to previous page" | "pagination.Pagination" | "pagination.{value} / {total}" | "pagination.{value} of {total}" | "closeButton.Close" | "tag.Close tag" | "datePicker.Clear value" | "actionBar.Close action bar" | "actionBar.Open action bar" | "autocomplete.Clear value" | "autocomplete.No results found" | "avatar.Avatar Icon" | "breadcrumb.Breadcrumb" | "breadcrumb.Ellipsis" | "calendar.Choose the month" | "calendar.Choose the year" | "calendar.Go to the next month" | "calendar.Go to the previous month" | "calendar.Today" | "carousel.Go to next slide" | "carousel.Go to previous slide" | "carousel.Go to {page} slide" | "carousel.Slides" | "carousel.{page} of {total}" | "colorPicker.Pick a color" | "colorSelector.Pick a color" | "colorSwatch.Color swatch group" | "hueSlider.Blue" | "hueSlider.Cyan" | "hueSlider.Green" | "hueSlider.Magenta" | "hueSlider.Red" | "hueSlider.Yellow" | "numberInput.Decrease" | "numberInput.Increase" | "passwordInput.Password strength meter" | "passwordInput.Toggle password visibility" | "saturationSlider.Saturation and brightness thumb" | "saturationSlider.Saturation {saturation}%, Brightness {brightness}%" | "sidebar.Close sidebar" | "sidebar.Open sidebar" | "stat.Decreased by" | "stat.Increased by">>;
+}, "progress.Loading..." | "progress.{value} percent" | "select.Clear value" | "table.Clear sorting" | "table.Page size" | "table.Select all rows" | "table.Select row" | "table.Sort ascending" | "table.Sort descending" | "toggle.Toggle button" | "slider.Slider thumb" | "modal.Close modal" | "modal.Open modal" | "closeButton.Close" | "calendar.Choose the month" | "calendar.Choose the year" | "calendar.Go to the next month" | "calendar.Go to the previous month" | "calendar.Today" | "actionBar.Close action bar" | "actionBar.Open action bar" | "autocomplete.Clear value" | "autocomplete.No results found" | "avatar.Avatar Icon" | "breadcrumb.Breadcrumb" | "breadcrumb.Ellipsis" | "carousel.Go to next slide" | "carousel.Go to previous slide" | "carousel.Go to {page} slide" | "carousel.Slides" | "carousel.{page} of {total}" | "colorPicker.Pick a color" | "colorSelector.Pick a color" | "colorSwatch.Color swatch group" | "datePicker.Clear value" | "hueSlider.Blue" | "hueSlider.Cyan" | "hueSlider.Green" | "hueSlider.Magenta" | "hueSlider.Red" | "hueSlider.Yellow" | "numberInput.Decrease" | "numberInput.Increase" | "pagination.Go to first page" | "pagination.Go to last page" | "pagination.Go to next page" | "pagination.Go to page {value}" | "pagination.Go to previous page" | "pagination.Pagination" | "pagination.{value} / {total}" | "pagination.{value} of {total}" | "passwordInput.Password strength meter" | "passwordInput.Toggle password visibility" | "saturationSlider.Saturation and brightness thumb" | "saturationSlider.Saturation {saturation}%, Brightness {brightness}%" | "sidebar.Close sidebar" | "sidebar.Open sidebar" | "stat.Decreased by" | "stat.Increased by" | "tag.Close tag">>;
 interface I18nProviderProps {
   children?: ReactNode;
   /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yamada-ui/react",
   "type": "module",
-  "version": "2.2.1-dev-20260510005230",
+  "version": "2.2.1-dev-20260510113404",
   "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
   "keywords": [
     "yamada",
@@ -147,7 +147,7 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "sonner": "^2.0.7",
     "uqr": "^0.1.3",
-    "@yamada-ui/utils": "2.1.3-dev-20260510005230"
+    "@yamada-ui/utils": "2.1.3-dev-20260510113404"
   },
   "devDependencies": {
     "@babel/parser": "^7.29.2",