ingred-ui 33.1.0-canary.0 → 33.1.1

package/README.md

@@ -55,28 +55,29 @@ Storybook: https://ingred-ui.netlify.app/
 
 ## Development
 
-このリポジトリでは [pnpm](https://pnpm.io/) を使います（`package.json` の `packageManager` フィールド参照）。Node.js 20 以上を推奨します。
+Node.js 20 以上を推奨します。パッケージ管理は [pnpm](https://pnpm.io/)（`package.json` の `packageManager`）。**ローカル開発では `make` が `pnpm run` のラッパー**（fluct_ms の client と同様）。CI は従来どおり `ci.mk` を使用します。
 
 ```bash
 # 初回・依存更新後
-pnpm install
-
-# よく使うコマンド
-pnpm run lint
-pnpm run test
-pnpm run storybook
-pnpm run build-storybook
-pnpm run build
-pnpm run format
+make install   # または make setup
+
+# よく使うコマンド（一覧は make / make help）
+make lint
+make test
+make storybook
+make build-storybook
+make build
+make format
 ```
 
+特定テストだけ実行する例: `make test ARGS='--testPathPattern=Banner'`
+
 ### 祝日データの更新
 
 カレンダーコンポーネントで使用される日本の祝日データは、内閣府が公開しているCSVファイルから自動的に更新されます。
 
 ```bash
-# 手動で祝日データを更新
-pnpm run update-holidays
+make update-holidays
 ```
 
 詳細な情報については、[scripts/holiday/README.md](./scripts/holiday/README.md) を参照してください。

package/dist/components/Accordion/styled.d.ts

@@ -1,14 +1,18 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const AccordionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexProps> & import("../Flex").FlexProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexProps> & import("../Flex").FlexProps, never>> & {
+export declare const AccordionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexProps> & import("../Flex").FlexProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexProps> & import("../Flex").FlexProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "disabled" | "expanded"> & {
     expanded: boolean;
     disabled?: boolean | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexProps> & import("../Flex").FlexProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexProps> & import("../Flex").FlexProps, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexProps> & import("../Flex").FlexProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../Flex").FlexProps> & import("../Flex").FlexProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "disabled" | "expanded"> & {
     expanded: boolean;
     disabled?: boolean | undefined;

package/dist/components/AdvancedFilter/hooks/useAdvancedFilterState.d.ts

@@ -23,7 +23,7 @@ export type UseAdvancedFilterStateReturn = {
         x: number;
         y: number;
     } | null;
-    triggerRef: React.RefObject<HTMLDivElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement>;
     setSelectedType: (type: string | null) => void;
     setIsConfigPanelOpen: (open: boolean) => void;
     setAppliedFilters: React.Dispatch<React.SetStateAction<AppliedFilter[]>>;

package/dist/components/AdvancedFilter/hooks/useFilterMenuPosition.d.ts

@@ -12,7 +12,7 @@ export type UseFilterMenuPositionProps = {
         x: number;
         y: number;
     } | null) => void;
-    triggerRef: React.RefObject<HTMLDivElement | null>;
+    triggerRef: React.RefObject<HTMLDivElement>;
     appliedFilters: AppliedFilter[];
 };
 export type UseFilterMenuPositionReturn = {

package/dist/components/AdvancedFilter/styled.d.ts

@@ -1,44 +1,52 @@
 /// <reference types="react" />
 import { AdvancedFilterSize, AdvancedFilterVariant } from "./types";
 /** ラベルが長い場合も1行表示（パネル幅は max-content で伸縮） */
-export declare const AdvancedFilterTypeMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{
+export declare const AdvancedFilterTypeMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<{
     pressed?: boolean | undefined;
     prepend?: import("react").ReactNode;
     append?: import("react").ReactNode;
     children: import("react").ReactNode;
     closeOnClick?: boolean | undefined;
     color?: "danger" | undefined;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>, "colors"> & {
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "colors"> & {
     colors?: "danger" | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<{
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<{
     pressed?: boolean | undefined;
     prepend?: import("react").ReactNode;
     append?: import("react").ReactNode;
     children: import("react").ReactNode;
     closeOnClick?: boolean | undefined;
     color?: "danger" | undefined;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>, "colors"> & {
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "colors"> & {
     colors?: "danger" | undefined;
 }, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<{
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<{
     pressed?: boolean | undefined;
     prepend?: import("react").ReactNode;
     append?: import("react").ReactNode;
     children: import("react").ReactNode;
     closeOnClick?: boolean | undefined;
     color?: "danger" | undefined;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>, "colors"> & {
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "colors"> & {
     colors?: "danger" | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<{
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<{
     pressed?: boolean | undefined;
     prepend?: import("react").ReactNode;
     append?: import("react").ReactNode;
     children: import("react").ReactNode;
     closeOnClick?: boolean | undefined;
     color?: "danger" | undefined;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>, "colors"> & {
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "colors"> & {
     colors?: "danger" | undefined;
 }, never>> & {
     as?: import("styled-components").WebTarget | undefined;

package/dist/components/AdvancedFilter/utils/positionCalculator.d.ts

@@ -29,11 +29,11 @@ export declare class FilterPositionCalculator {
     /**
      * ConfigPanelの座標を計算（AppliedFilter 用。後方互換）
      */
-    static calculateConfigPanelPosition(filter: AppliedFilter, appliedFilters: AppliedFilter[], triggerRef: React.RefObject<HTMLDivElement | null>): MenuPosition;
+    static calculateConfigPanelPosition(filter: AppliedFilter, appliedFilters: AppliedFilter[], triggerRef: React.RefObject<HTMLDivElement>): MenuPosition;
     /**
      * ConfigPanelの座標を計算（slotId ベース。presetSlots モード用）
      */
-    static calculateConfigPanelPositionBySlotId(slotId: string, slotIndex: number, triggerRef: React.RefObject<HTMLDivElement | null>): MenuPosition;
+    static calculateConfigPanelPositionBySlotId(slotId: string, slotIndex: number, triggerRef: React.RefObject<HTMLDivElement>): MenuPosition;
     /**
      * 実際のDOM要素から座標を計算
      */

package/dist/components/Badge/styled.d.ts

@@ -1,26 +1,26 @@
 /// <reference types="react" />
 import { BadgeSize } from "./types";
 export declare const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const NormalBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "size" | "color" | "backgroundColor" | "fontSize" | "fontWeight"> & {
+export declare const NormalBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "size" | "color" | "fontSize" | "fontWeight" | "backgroundColor"> & {
     color: string;
     backgroundColor: string;
     size?: BadgeSize | undefined;
     fontSize?: string | undefined;
     fontWeight?: string | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "size" | "color" | "backgroundColor" | "fontSize" | "fontWeight"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "size" | "color" | "fontSize" | "fontWeight" | "backgroundColor"> & {
     color: string;
     backgroundColor: string;
     size?: BadgeSize | undefined;
     fontSize?: string | undefined;
     fontWeight?: string | undefined;
 }, never>>> & string;
-export declare const PillBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "size" | "color" | "backgroundColor" | "fontSize" | "fontWeight"> & {
+export declare const PillBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "size" | "color" | "fontSize" | "fontWeight" | "backgroundColor"> & {
     color: string;
     backgroundColor: string;
     size?: BadgeSize | undefined;
     fontSize?: string | undefined;
     fontWeight?: string | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "size" | "color" | "backgroundColor" | "fontSize" | "fontWeight"> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "size" | "color" | "fontSize" | "fontWeight" | "backgroundColor"> & {
     color: string;
     backgroundColor: string;
     size?: BadgeSize | undefined;

package/dist/components/Banner/styled.d.ts

@@ -8,6 +8,9 @@ type ContentWrapperProps = {
     size: BannerSize;
 };
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ContainerProps> & ContainerProps, never>>> & string;
+/** 左アイコン — 狭い幅でも flex で縮まない */
+export declare const IconSlot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & ContentWrapperProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & ContentWrapperProps, never>>> & string;
+export declare const Message: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
 export {};

package/dist/components/Button/Button.d.ts

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { Theme } from "../../themes";
-import type { JSX } from "react";
 export type ButtonSize = "small" | "medium" | "large";
 export type ButtonColor = "primary" | "primarySubtle" | "secondaryLight" | "secondaryDark" | "danger" | "clear";
 export type ButtonColorStyle = {

package/dist/components/Button/styled.d.ts

@@ -17,10 +17,12 @@ export declare const Text: import("styled-components/dist/types").IStyledCompone
 }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$textColor"> & {
     $textColor?: string | undefined;
 }, never>>> & string;
-export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & {
+export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "size" | "color" | "height" | "inline" | "disabled" | "fontSize" | "borderRadius" | "paddingInline" | "$isQuiet" | keyof ButtonColorStyle | "href"> & ButtonColorStyle & {
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "size" | "color" | "height" | "fontSize" | "href" | "disabled" | "inline" | "borderRadius" | "paddingInline" | "$isQuiet" | keyof ButtonColorStyle> & ButtonColorStyle & {
     color: string;
     inline: boolean;
     fontSize: string;
@@ -33,10 +35,12 @@ export declare const ButtonContainer: import("styled-components/dist/types").ISt
     $isQuiet?: boolean | undefined;
 } & {
     size: ButtonSize;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & {
+}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, "size" | "color" | "height" | "inline" | "disabled" | "fontSize" | "borderRadius" | "paddingInline" | "$isQuiet" | keyof ButtonColorStyle | "href"> & ButtonColorStyle & {
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "size" | "color" | "height" | "fontSize" | "href" | "disabled" | "inline" | "borderRadius" | "paddingInline" | "$isQuiet" | keyof ButtonColorStyle> & ButtonColorStyle & {
     color: string;
     inline: boolean;
     fontSize: string;

package/dist/components/Calendar/Calendar/Calendar.d.ts

@@ -65,7 +65,7 @@ export type CalendarProps = React.HTMLAttributes<HTMLDivElement> & {
      */
     labelSuffix?: ReactNode;
 };
-declare const _default: React.NamedExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /**
      * 日付
      * @default dayjs()
@@ -126,5 +126,5 @@ declare const _default: React.NamedExoticComponent<React.HTMLAttributes<HTMLDivE
      * `showDateFields` が true のときのみ表示される。
      */
     labelSuffix?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/components/Calendar/Calendar/internal/Day/styled.d.ts

@@ -5,33 +5,45 @@ type DayContainerProps = {
     isSundayOrHoliday?: boolean;
     isToday?: boolean;
 };
-export declare const DayContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isToday"> & {
+export declare const DayContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isToday"> & {
     isToday?: boolean | undefined;
 }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isToday"> & {
     isToday?: boolean | undefined;
 }, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isToday"> & {
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isToday"> & {
     isToday?: boolean | undefined;
 }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isToday"> & {
     isToday?: boolean | undefined;
 }, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof DayContainerProps> & DayContainerProps, never>>> & string;
-export declare const DayStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never>> & {
+export declare const DayStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never>> & {
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>>> & string;
-export declare const DisableDayContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never>> & {
+export declare const DisableDayContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never>> & {
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never> & Partial<Pick<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof DayContainerProps> & DayContainerProps, never>> & {
     as?: import("styled-components").WebTarget | undefined;
     forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>>> & string;
 export {};

package/dist/components/Calendar/CalendarRange/CalendarRange.d.ts

@@ -190,7 +190,7 @@ export declare const CalendarRange: React.ForwardRefExoticComponent<React.HTMLAt
     endLabelSuffix?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
 export type { DateRange };
-declare const _default: React.NamedExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /**
      * 開始日
      * @default dayjs()
@@ -279,5 +279,5 @@ declare const _default: React.NamedExoticComponent<React.HTMLAttributes<HTMLDivE
      * `showDateFields` が true のときのみ表示される。
      */
     endLabelSuffix?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>>;
 export default _default;