ingred-ui 31.0.0 → 31.0.2

package/README.md

@@ -55,13 +55,28 @@ Storybook: https://ingred-ui.netlify.app/
 
 ## Development
 
+このリポジトリでは [pnpm](https://pnpm.io/) を使います（`package.json` の `packageManager` フィールド参照）。Node.js 20 以上を推奨します。
+
+```bash
+# 初回・依存更新後
+pnpm install
+
+# よく使うコマンド
+pnpm run lint
+pnpm run test
+pnpm run storybook
+pnpm run build-storybook
+pnpm run build
+pnpm run format
+```
+
 ### 祝日データの更新
 
 カレンダーコンポーネントで使用される日本の祝日データは、内閣府が公開しているCSVファイルから自動的に更新されます。
 
 ```bash
 # 手動で祝日データを更新
-yarn update-holidays
+pnpm run update-holidays
 ```
 
 詳細な情報については、[scripts/holiday/README.md](./scripts/holiday/README.md) を参照してください。

package/dist/components/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import { Property } from "csstype";
+import type { Property } from "csstype";
 import { FlexProps } from "../Flex/Flex";
 import { SpacerProps } from "../../utils/spacer";
 export type CardProps = SpacerProps & FlexProps & {

package/dist/components/Card/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from "./Card";
+import Card from "./Card";
+export default Card;
 export type { CardProps } from "./Card";

package/dist/components/FileUploader/FileUploader.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Property } from "csstype";
+import type { Property } from "csstype";
 export type FileUploaderProps = {
     description?: string;
     title?: string;

package/dist/components/Flex/Flex.d.ts

@@ -1,4 +1,4 @@
-import { Property } from "csstype";
+import type { Property } from "csstype";
 type TLengthStyledSystem = string | 0 | number;
 export type FlexProps = {
     display?: "flex" | "inline-flex";

package/dist/components/Flex/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from "./Flex";
+import Flex from "./Flex";
+export default Flex;
 export type { FlexProps } from "./Flex";

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Property } from "csstype";
+import type { Property } from "csstype";
 import { InputSize, InputVariant } from "./types";
 export type InputProps = (React.ComponentPropsWithoutRef<"input"> | React.ComponentPropsWithoutRef<"textarea">) & {
     /**

package/dist/components/MenuList/MenuList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Property } from "csstype";
+import type { Property } from "csstype";
 import { Theme } from "../../themes";
 import { IconName } from "../Icon";
 export type ContentType = "default" | "warning" | "disabled";

package/dist/components/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import { Placement } from "@floating-ui/core";
+import type { Placement } from "@floating-ui/react";
 import * as React from "react";
 import { ModalProps } from "../Modal";
 import { AutoPlacement } from "../../hooks/usePlacement";

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Property } from "csstype";
+import type { Property } from "csstype";
 export type ScrollAreaProps = React.ComponentPropsWithoutRef<"div"> & {
     height?: Property.Height;
     maxHeight?: Property.MaxHeight;

package/dist/components/Select/Select.d.ts

@@ -1,11 +1,12 @@
 import * as React from "react";
-import { Props as ReactSelectProps, StylesConfig } from "react-select";
+import { Props as ReactSelectProps, StylesConfig, type MenuListProps } from "react-select";
 import { Theme } from "../../themes";
 export declare const getOverrideStyles: <OptionValue>(theme: Theme, error: boolean) => StylesConfig<OptionType<OptionValue>, boolean>;
 export type OptionType<T = string> = {
     label: string;
     value: T;
 };
+export declare const ReactSelectMenuList: ({ children, innerRef, innerProps, maxHeight, }: MenuListProps<OptionType<any>, boolean>) => JSX.Element;
 /**
  * @deprecated このコンポーネントは非推奨です。代わりに `Select2` を使用してください。
  */

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

@@ -1,2 +1,2 @@
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const ReactSelectMenuList: any;
+export declare const MenuListInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;

package/dist/components/Spacer/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./Spacer";
+import Spacer from "./Spacer";
+export default Spacer;

package/dist/components/Spinner/Spinner.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Property } from "csstype";
+import type { Property } from "csstype";
 export type SpinnerProps = {
     width?: Property.Width;
 };

package/dist/components/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { IconName } from "../Icon/Icon";
 import { SwitchSize, SwitchVariant } from "./types";
-import { Placement } from "@floating-ui/core";
+import type { Placement } from "@floating-ui/react";
 type Case = {
     name: string;
     value?: string | number;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Placement } from "@floating-ui/core";
+import type { Placement } from "@floating-ui/react";
 import { CSSTransitionProps } from "../../utils/reactTransitionGroup";
 import { AutoPlacement } from "../../hooks/usePlacement";
 export type TooltipProps = Omit<React.ComponentPropsWithoutRef<"div">, "content"> & {