@baton8/general-components 1.0.0

package/dist/components/atoms/tagList/tagList.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+/**
+ * ### タグのリスト
+ *
+ * #### 専用コンポーネント
+ * - [QuizTagList](/docs/atoms-TagList-QuizTagList--ドキュメント)
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const TagList: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/atoms/tagList/tagList.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { TagList } from "../../../components";
+type Meta = RawMeta<typeof TagList>;
+type Story = RawStory<typeof TagList>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export declare const WithMoreTag: Story;
+export default meta;

package/dist/components/atoms/textButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./textButton";
+export * from "./textButtonIconContainer";

package/dist/components/atoms/textButton/textButton.d.ts

@@ -0,0 +1,43 @@
+import { ExtendedKeyboardEvent } from "mousetrap";
+import { AriaAttributes, KeyboardEvent, MouseEvent, ReactNode } from "react";
+/**
+ * ### テキストボタン
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const TextButton: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & AriaAttributes & {
+    /**
+     * カラースキーム。
+     * `null` を指定した場合は、文字色の設定が行われないので、外側の文字色を継承させることができます。
+     * @defaultValue `"primary"`
+     */
+    colorScheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | null | undefined;
+    /**
+     * ボタンの種類。
+     * HTML と違ってデフォルト値が `"button"` になっているので、フォームの送信ボタンとして使う場合は明示的に `"submit"` を指定してください。
+     * @defaultValue `"button"`
+     */
+    type?: "button" | "reset" | "submit" | undefined;
+    /**
+     * クリックされたりショートカットキーが押されたりしたときに実行する関数。
+     */
+    onClick?: ((event: MouseEvent<HTMLButtonElement> | ExtendedKeyboardEvent) => unknown) | undefined;
+    /** */
+    onKeyDown?: ((event: KeyboardEvent<HTMLButtonElement>) => unknown) | undefined;
+    /** */
+    onKeyUp?: ((event: KeyboardEvent<HTMLButtonElement>) => unknown) | undefined;
+    /** */
+    onMouseDown?: ((event: MouseEvent<HTMLButtonElement>) => unknown) | undefined;
+    /** */
+    onPointerDown?: ((event: MouseEvent<HTMLButtonElement>) => unknown) | undefined;
+    /**
+     * 内部に表示する内容。
+     */
+    children?: ReactNode;
+    /** */
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/atoms/textButton/textButton.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { TextButton } from "../../../components";
+type Meta = RawMeta<typeof TextButton>;
+type Story = RawStory<typeof TextButton>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export declare const WithIcon: Story;
+export default meta;

package/dist/components/atoms/textButton/textButtonIconContainer.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from "react";
+/**
+ * ### テキストボタン内のアイコン
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const TextButtonIconContainer: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined; /** */
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    children?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    /** */
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/atoms/textarea/index.d.ts

@@ -0,0 +1 @@
+export * from "./textarea";

package/dist/components/atoms/textarea/textarea.d.ts

@@ -0,0 +1,57 @@
+import { AriaAttributes, ChangeEvent } from "react";
+/**
+ * ### 複数行テキスト入力欄
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const Textarea: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined; /** */
+} & AriaAttributes & {
+    /** */
+    value?: string | undefined;
+    /** */
+    name?: string | undefined;
+    /**
+     * スクロールなしで表示できる行数。
+     * テキスト入力欄の高さが変わるのみで、実際に入力できるテキストの行数を制限するわけではありません。
+     * @defaultValue `4`
+     */
+    rowCount?: number | undefined;
+    /**
+     * リサイズ可能な方向。
+     * @defaultValue `"vertical"`
+     */
+    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+    /**
+     * @defaultValue `"off"`
+     */
+    autoComplete?: string | undefined;
+    /** */
+    autoFocus?: boolean | undefined;
+    /**
+     * バリデーションエラーがあるかどうか。
+     * これが `true` のときは警告表示になります。
+     * @defaultValue `false`
+     */
+    isError?: boolean | undefined;
+    /** */
+    isRequired?: boolean | undefined;
+    /**
+     * 無効にするかどうか。
+     * @defaultValue `false`
+     */
+    isDisabled?: boolean | undefined;
+    /** */
+    onSet?: ((value: string) => void) | undefined;
+    /**
+     * `<textarea>` 要素の `change` イベントのリスナー。
+     * 入力された値を取得したいだけの場合は、`onSet` prop を利用する方が便利です。
+     */
+    onChange?: ((event: ChangeEvent<HTMLTextAreaElement>) => unknown) | undefined;
+    /** */
+    onBlur?: ((event: ChangeEvent<HTMLTextAreaElement>) => unknown) | undefined;
+    /** */
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/atoms/textarea/textarea.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { Textarea } from "../../../components";
+type Meta = RawMeta<typeof Textarea>;
+type Story = RawStory<typeof Textarea>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export declare const Error: Story;
+export declare const TestUncontrolled: Story;
+export declare const TestControlled: Story;
+export declare const TestHook: Story;
+export default meta;

package/dist/components/atoms/visuallyHidden/index.d.ts

@@ -0,0 +1 @@
+export * from "./visuallyHidden";

package/dist/components/atoms/visuallyHidden/visuallyHidden.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /**
+     * 使用する HTML タグの名前。
+     * @defaultValue `"span"`
+     */
+    as?: keyof JSX.IntrinsicElements | undefined;
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/components/atoms/visuallyHidden/visuallyHidden.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { VisuallyHidden } from "../../../components";
+type Meta = RawMeta<typeof VisuallyHidden>;
+type Story = RawStory<typeof VisuallyHidden>;
+declare const meta: Meta;
+export declare const Test: Story;
+export default meta;

package/dist/components/functions/shorthands.d.ts

@@ -0,0 +1,43 @@
+import { CSSInterpolation } from "@emotion/serialize";
+export type FlexAlign = "normal" | "start" | "end" | "center" | "baseline" | "stretch";
+export type FlexJustify = "normal" | "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly" | "stretch";
+/**
+ * @param config
+ * @returns CSS 宣言
+ * @category CSS ユーティリティ
+ */
+export declare function flexVertical(config?: {
+    gap?: number | string;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+}): CSSInterpolation;
+/**
+ * @param config
+ * @returns CSS 宣言
+ * @category CSS ユーティリティ
+ */
+export declare function flexHorizontal(config?: {
+    gap?: number | string;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+}): CSSInterpolation;
+/**
+ * @param config
+ * @returns CSS 宣言
+ * @category CSS ユーティリティ
+ */
+export declare function margin(config: {
+    top?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    right?: number | string;
+}): CSSInterpolation;
+/**
+ * @param config
+ * @returns CSS 宣言
+ * @category CSS ユーティリティ
+ */
+export declare function dimension(config: {
+    width?: number | string;
+    height?: number | string;
+}): CSSInterpolation;

package/dist/components/functions/utilities.d.ts

@@ -0,0 +1,94 @@
+import { CSSInterpolation } from "@emotion/serialize";
+import { ColorLevel, LeveledColorScheme, UnleveledColorScheme } from "../../modules/color";
+/**
+ * @category CSS ユーティリティ
+ */
+export declare function fontFamily(): string;
+/**
+ * @param weight ウェイト
+ * @returns ウェイト数値
+ * @category CSS ユーティリティ
+ */
+export declare function fontWeight(weight: "normal" | "bold"): number;
+/**
+ * @param scheme カラースキーム
+ * @returns 16 進数カラーコード
+ * @category CSS ユーティリティ
+ */
+export declare function color<S extends UnleveledColorScheme>(scheme: S): string;
+/**
+ * @param scheme カラースキーム
+ * @param level 色の濃さ (0～9, 1 刻み, 数字が大きいほど黒に近い)
+ * @param alpha アルファ値 (0～1, 0.1 刻み, 1 ほど不透明)
+ * @returns 16 進数カラーコード
+ * @category CSS ユーティリティ
+ */
+export declare function color<S extends LeveledColorScheme>(scheme: S, level: ColorLevel): string;
+/**
+ * @param color ベースとする 16 進数カラーコード
+ * @param alpha アルファ値 (0～1, 1ほど不透明)
+ * @returns 16 進数カラーコード
+ * @category CSS ユーティリティ
+ */
+export declare function alpha(color: string, alpha: number): string;
+declare const SEMANTIC_SIZES: {
+    gap: string;
+    max: string;
+};
+type SemanticSize = keyof typeof SEMANTIC_SIZES;
+/**
+ * ルート要素のフォントサイズに合わせて拡大縮小する相対的な長さを返します。
+ * CSS (Emotion) 上で長さを指定するときはこの関数を使い、px などの絶対単位は使用しないでください。
+ * また、全体のデザインを統一するため、引数の `dimen` として渡す値には基本的に整数を用いてください。
+ *
+ * `size(4)` がルート要素のフォントサイズと等しくなるようになっています。
+ *
+ * また、あらかじめ決められた文字列を指定することで、特定の用途の長さを取得することができます。
+ * 指定できる文字列は以下の通りです。
+ *
+ * - `"gap"` — アイコンとテキストの間隔 (6/16 em)
+ * - `"max"` — `border-radius` で真円の角丸を作るための大きな値 (1000 em)
+ * @param level 長さ
+ * @returns 長さ文字列
+ * @category CSS ユーティリティ
+ */
+export declare function size(level: number | SemanticSize): string;
+/**
+ * 罫線の太さを返します。
+ * 通常の罫線には `borderWidth(1)` を使用し、太い罫線が必要な場合には `borderWidth(2)` などを使用してください。
+ * @param level 太さのレベル
+ * @returns 長さ文字列
+ * @category CSS ユーティリティ
+ */
+export declare function borderWidth(level: number): string;
+/**
+ * @param color 16 進数カラーコード
+ * @param level シャドウの強さ
+ * @returns シャドウ設定文字列
+ * @category CSS ユーティリティ
+ */
+export declare function boxShadow(color: string, level: number, inset?: boolean): string;
+/**
+ * 行の高さを設定します。
+ * さらに、before 疑似要素と after 疑似要素に負のマージンを設定することで、最初の行の上と最後の行の下に追加される余白を取り除きます。
+ * これによって、ブロックの大きさがテキストぴったりに調整されます。
+ *
+ * いくつかの CSS 宣言をまとめた文字列を返すので、次のように他の CSS 宣言と並列する形で用いてください。
+ * ```typescript
+ * const style = css`
+ *   font-size: ${size(4)};  // その他の CSS 宣言
+ *   ${lineHeight(1.4)}
+ * `;
+ * ```
+ * @param lineHeight 行の高さの倍率
+ * @returns CSS 宣言
+ * @category CSS ユーティリティ
+ */
+export declare function lineHeight(lineHeight: number, additionalMargin?: string): CSSInterpolation;
+/**
+ * @param lineHeight 行の高さ (単位付きの絶対値)
+ * @returns CSS 宣言
+ * @category CSS ユーティリティ
+ */
+export declare function fixedLineHeight(lineHeight: string, additionalMargin?: string): CSSInterpolation;
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,52 @@
+export * from "./atoms/asyncSelect";
+export * from "./atoms/avatar";
+export * from "./atoms/badge";
+export * from "./atoms/barMeter";
+export * from "./atoms/barProgress";
+export * from "./atoms/button";
+export * from "./atoms/checkableContainer";
+export * from "./atoms/checkbox";
+export * from "./atoms/controlContainer";
+export * from "./atoms/divider";
+export * from "./atoms/fileInput";
+export * from "./atoms/generalIcon";
+export * from "./atoms/heading";
+export * from "./atoms/icon";
+export * from "./atoms/iconButton";
+export * from "./atoms/input";
+export * from "./atoms/link";
+export * from "./atoms/loadingIcon";
+export * from "./atoms/modal";
+export * from "./atoms/multiLineText";
+export * from "./atoms/numberInput";
+export * from "./atoms/passwordInput";
+export * from "./atoms/radio";
+export * from "./atoms/radioGroup";
+export * from "./atoms/root";
+export * from "./atoms/secondaryHeading";
+export * from "./atoms/select";
+export * from "./atoms/singleLineText";
+export * from "./atoms/switch";
+export * from "./atoms/tag";
+export * from "./atoms/tagList";
+export * from "./atoms/textarea";
+export * from "./atoms/visuallyHidden";
+export * from "./modules/bulkOperationContainer";
+export * from "./modules/card";
+export * from "./modules/cardList";
+export * from "./modules/contentHeader";
+export * from "./modules/countIndicator";
+export * from "./modules/dialog";
+export * from "./modules/drawer";
+export * from "./modules/footnote";
+export * from "./modules/footnoteList";
+export * from "./modules/fractionView";
+export * from "./modules/header";
+export * from "./modules/menu";
+export * from "./modules/pagination";
+export * from "./modules/rankView";
+export * from "./modules/stepper";
+export * from "./modules/tabList";
+export * from "./modules/toast";
+export * from "./functions/shorthands";
+export * from "./functions/utilities";

package/dist/components/modules/bulkOperationContainer/bulkOperationButton.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const BulkOperationButton: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    count: number;
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/modules/bulkOperationContainer/bulkOperationButton.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { BulkOperationButton } from "../../../components";
+type Meta = RawMeta<typeof BulkOperationButton>;
+type Story = RawStory<typeof BulkOperationButton>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export declare const LargeNumber: Story;
+export default meta;

package/dist/components/modules/bulkOperationContainer/bulkOperationContainer.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const BulkOperationContainer: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    /** */
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/modules/bulkOperationContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./bulkOperationContainer";
+export * from "./bulkOperationButton";

package/dist/components/modules/card/card.d.ts

@@ -0,0 +1,59 @@
+import { MouseEvent, ReactNode } from "react";
+/**
+ * ### カード
+ *
+ * #### 構成
+ * 以下のようなコンポーネント構成で利用してください。
+ * - **`CardList`**
+ *   - [`CardControlContainer`](/docs/atoms-Card-CardControlContainer--ドキュメント) (任意)
+ *     - `Checkbox` や `Radio` などのコントロール
+ *   - [`CardBody`](/docs/atoms-Card-CardBody--ドキュメント) (必須)
+ *     - [`CardHeadnote`](/docs/atoms-Card-CardHeadnote--ドキュメント) (任意)
+ *     - [`CardTitle`](/docs/atoms-Card-CardTitle--ドキュメント) (任意)
+ *     - `Footnote` や `BarMeter` などのその他の要素
+ *   - [`CardButtonList`](/docs/atoms-Card-CardButtonList--ドキュメント) (任意)
+ *     - [`CardButton`](/docs/atoms-Card-CardButton--ドキュメント) (2 個まで任意)
+ *
+ * #### 例
+ * 以下は全ての要素を配置した場合の例です。
+ * 実際には全てを配置する場面は少ないため、場面に応じて不要なものは省略してください。
+ *
+ * ```tsx
+ * <Card>
+ *   <CardControlContainer>
+ *     <Checkbox/>
+ *   </CardControlContainer>
+ *   <CardBody>
+ *     <CardHeadnote>10</CardHeadnote>
+ *     <CardTitle>タイトル</CardTitle>
+ *     (その他の要素)
+ *   </CardBody>
+ *   <CardButtonList>
+ *     <CardButton variant="secondary" label="メニュー" iconNode={<Icon name="menu"/>}/>
+ *     <CardButton label="編集" iconNode={<Icon name="edit"/>}/>
+ *   </CardButtonList>
+ * </Card>
+ * ```
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const Card: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /**
+     * `<label>` 要素で描画するかどうか。
+     * これを `true` にすることで、カード内に置いたチェックボックスなどの状態を変えるのに、カード自体をクリックできるようになります。
+     * @defaultValue `false`
+     */
+    isLabel?: boolean | undefined;
+    /** */
+    href?: string | undefined;
+    /** */
+    onClick?: ((event: MouseEvent<HTMLElement>) => unknown) | undefined;
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLLabelElement & HTMLSelectElement>>;

package/dist/components/modules/card/card.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { Card } from "../../../components";
+type Meta = RawMeta<typeof Card>;
+type Story = RawStory<typeof Card>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export declare const WithMoreInfo: Story;
+export declare const WithButton: Story;
+export declare const WithSecondaryButton: Story;
+export declare const WithBothButtons: Story;
+export declare const WithCheckbox: Story;
+export declare const WithRadio: Story;
+export declare const WithHeadnote: Story;
+export declare const WithAll: Story;
+export declare const LongText: Story;
+export declare const TestLabel: Story;
+export default meta;

package/dist/components/modules/card/cardBody.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const CardBody: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/components/modules/card/cardBody.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { CardBody } from "../../../components";
+type Meta = RawMeta<typeof CardBody>;
+type Story = RawStory<typeof CardBody>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export default meta;

package/dist/components/modules/card/cardButton.d.ts

@@ -0,0 +1,55 @@
+import { AriaAttributes, KeyboardEvent, MouseEvent, ReactElement } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const CardButton: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & AriaAttributes & {
+    /**
+     * ラベル。
+     * ここで指定された内容は表示されませんが、アクセシビリティのために `aria-label` プロパティの値として設定されます。
+     */
+    label: string;
+    /**
+     * 見た目のバリアント。
+     * そのカードに関するメインの動作を行うボタンには `"primary"` を指定し、それ以外のメニューを開くなどの動作を行うボタンには `"secondary"` を指定してください。
+     * @defaultValue `"primary"`
+     */
+    variant?: "primary" | "secondary" | undefined;
+    /**
+     * ボタンの種類。
+     * HTML と違ってデフォルト値が `"button"` になっているので、フォームの送信ボタンとして使う場合は明示的に `"submit"` を指定してください。
+     *
+     * `onClick` に文字列値が指定されていてリンクとして表示される際は、これは無視されます。
+     * @defaultValue `"button"`
+     */
+    type?: "button" | "reset" | "submit" | undefined;
+    /**
+     * 無効にするかどうか。
+     *
+     * `onClick` に文字列値が指定されていてリンクとして表示される際は、これは無視されます。
+     * @defaultValue `false`
+     */
+    isDisabled?: boolean | undefined;
+    /**
+     * クリックされたりショートカットキーが押されたりしたときに実行する関数。
+     */
+    onClick?: ((event: MouseEvent<HTMLButtonElement>) => unknown) | undefined;
+    /** */
+    onKeyDown?: ((event: KeyboardEvent<HTMLButtonElement>) => unknown) | undefined;
+    /** */
+    onKeyUp?: ((event: KeyboardEvent<HTMLButtonElement>) => unknown) | undefined;
+    /** */
+    onMouseDown?: ((event: MouseEvent<HTMLButtonElement>) => unknown) | undefined;
+    /** */
+    onPointerDown?: ((event: MouseEvent<HTMLButtonElement>) => unknown) | undefined;
+    /**
+     * 表示するアイコン。
+     */
+    children?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    /** */
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/modules/card/cardButton.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { CardButton } from "../../../components";
+type Meta = RawMeta<typeof CardButton>;
+type Story = RawStory<typeof CardButton>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export default meta;

package/dist/components/modules/card/cardButtonList.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const CardButtonList: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/modules/card/cardButtonList.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { CardButtonList } from "../../../components";
+type Meta = RawMeta<typeof CardButtonList>;
+type Story = RawStory<typeof CardButtonList>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export default meta;