ingred-ui 28.0.0 → 28.2.0

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

@@ -44,6 +44,13 @@ type baseProps = {
     icon?: React.ReactNode;
     size?: ButtonSize;
     onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
+    /**
+     * `true` のときボーダーとシャドウ（通常・ホバー・アクティブ）を付けず、視覚的に抑えた見た目にする。
+     * 補足的なヒントやヘルプのトリガーなど、目立たせすぎない操作向け。**アイコン単体**（`icon` のみ）での利用を想定。
+     * `color` は **`secondaryLight` / `secondaryDark` を主に使う**想定（それ以外は用途に応じて）。
+     * `:active` は押し込み（位置ずれ）やシャドウの変化はせず、背景のみホバーより一段暗い色に変える。
+     */
+    isQuiet?: boolean;
     /**
      * ローディング状態を表示するかどうか。文字列を指定した場合はそれがローディングテキストとして使用されます。
      * - `true`: デフォルトの"Loading..."テキストを使用

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

@@ -7,6 +7,12 @@ declare const _default: {
     args: {
         onClick: any;
     };
+    argTypes: {
+        isQuiet: {
+            control: string;
+            description: string;
+        };
+    };
     parameters: {
         docs: {
             source: {
@@ -23,6 +29,7 @@ export declare const Danger: StoryObj<ButtonProps>;
 export declare const Clear: StoryObj<ButtonProps>;
 export declare const SecondaryDark: StoryObj<ButtonProps>;
 export declare const PrimarySubtle: StoryObj<ButtonProps>;
+export declare const IsQuiet: StoryObj<ButtonProps>;
 export declare const Small: StoryObj<ButtonProps>;
 export declare const Medium: StoryObj<ButtonProps>;
 export declare const Large: StoryObj<ButtonProps>;

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

@@ -8,6 +8,8 @@ export type ContainerProps = ButtonColorStyle & {
     height: string;
     href?: string;
     disabled?: boolean;
+    /** ボーダー・シャドウなしの抑えたスタイル（disabled 時の見た目調整にも使用） */
+    $isQuiet?: boolean;
 };
 export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $textColor?: string | undefined;
@@ -21,6 +23,8 @@ export declare const ButtonContainer: import("styled-components").StyledComponen
     height: string;
     href?: string | undefined;
     disabled?: boolean | undefined;
+    /** ボーダー・シャドウなしの抑えたスタイル（disabled 時の見た目調整にも使用） */
+    $isQuiet?: boolean | undefined;
 } & {
     size: ButtonSize;
 }, never>;

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -53,7 +53,7 @@ declare const _default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -98,7 +98,7 @@ declare const _default: {
         'aria-rowspan'?: number | undefined;
         'aria-selected'?: (boolean | "true" | "false") | undefined;
         'aria-setsize'?: number | undefined;
-        'aria-sort'?: "other" | "none" | "ascending" | "descending" | undefined;
+        'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
         'aria-valuemax'?: number | undefined;
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;

package/dist/components/Checkbox/checkboxMarkDataUrls.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Checkbox ::before 用 background-image の data URL（SVG base64）。
+ * Checkbox / CheckboxSize には依存しない（循環参照回避）。
+ */
+export declare const CHECKBOX_MARK_DATA_URLS: {
+    readonly enabled: {
+        readonly minus: {
+            readonly small: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDEwIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxyZWN0IHg9IjAuNDU4OTg0IiB5PSIwLjUiIHdpZHRoPSI5LjA4MjUyIiBoZWlnaHQ9IjIuMDAwMDIiIHJ4PSIwLjMiIGZpbGw9IndoaXRlIi8+IDwvc3ZnPg==')";
+            readonly medium: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDEwIDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxyZWN0IHk9IjAuODk4OTI2IiB3aWR0aD0iMTAiIGhlaWdodD0iMi4yMDIwNSIgcng9IjAuMyIgZmlsbD0id2hpdGUiLz4gPC9zdmc+')";
+        };
+        readonly check: {
+            readonly small: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0yLjU5MTMgNi4yNDc0OUMyLjQ4OTY1IDYuMTQ1ODMgMi40ODk2NSA1Ljk4MTAyIDIuNTkxMyA1Ljg3OTM2TDguMzU4NTQgMC4xMTIxMjlDOC40NjAxOSAwLjAxMDQ3NTMgOC42MjUwMSAwLjAxMDQ3NTEgOC43MjY2NiAwLjExMjEyOUw5LjcwOTU4IDEuMDk1MDRDOS44MTEyMyAxLjE5NjcgOS44MTEyMyAxLjM2MTUxIDkuNzA5NTggMS40NjMxN0wzLjk0MjM0IDcuMjMwNEMzLjg0MDY5IDcuMzMyMDUgMy42NzU4NyA3LjMzMjA1IDMuNTc0MjIgNy4yMzA0TDIuNTkxMyA2LjI0NzQ5WiIgZmlsbD0id2hpdGUiLz4gPHBhdGggZD0iTTMuOTQyMzQgNy4yMzA0QzMuODQwNjkgNy4zMzIwNSAzLjY3NTg3IDcuMzMyMDUgMy41NzQyMiA3LjIzMDRMMC40NzcxMTkgNC4xMzMzQzAuMzc1NDY1IDQuMDMxNjUgMC4zNzU0NjUgMy44NjY4NCAwLjQ3NzExOSAzLjc2NTE4TDEuNDYwMDMgMi43ODIyN0MxLjU2MTY5IDIuNjgwNjEgMS43MjY1IDIuNjgwNjEgMS44MjgxNiAyLjc4MjI3TDQuOTI1MzEgNS44Nzk0MkM1LjAyNjk3IDUuOTgxMDggNS4wMjY5NyA2LjE0NTg5IDQuOTI1MzEgNi4yNDc1NUwzLjk0MjM0IDcuMjMwNFoiIGZpbGw9IndoaXRlIi8+IDwvc3ZnPg==')";
+            readonly medium: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0zLjM2OTcgNy4xNTg5NEMzLjI1MjU1IDcuMDQxNzggMy4yNTI1NSA2Ljg1MTgzIDMuMzY5NyA2LjczNDY3TDEwLjAxNjUgMC4wODc4NjgxQzEwLjEzMzcgLTAuMDI5Mjg5MiAxMC4zMjM2IC0wLjAyOTI4OTQgMTAuNDQwOCAwLjA4Nzg2NzlMMTEuNTczNiAxLjIyMDY5QzExLjY5MDcgMS4zMzc4NSAxMS42OTA3IDEuNTI3OCAxMS41NzM2IDEuNjQ0OTVMNC45MjY3OSA4LjI5MTc2QzQuODA5NjMgOC40MDg5MSA0LjYxOTY4IDguNDA4OTEgNC41MDI1MiA4LjI5MTc2TDMuMzY5NyA3LjE1ODk0WiIgZmlsbD0id2hpdGUiLz4gPHBhdGggZD0iTTQuOTI2NzkgOC4yOTE3NkM0LjgwOTYzIDguNDA4OTEgNC42MTk2OCA4LjQwODkxIDQuNTAyNTIgOC4yOTE3NkwwLjkzMzA4MyA0LjcyMzJDMC44MTU5MjYgNC42MDUxNiAwLjgxNTkyNiA0LjQxNTIxIDAuOTMzMDgzIDQuMjk4MDVMMi4wNjU5IDMuMTY1MjNDMi4xODMwNiAzLjA0ODA3IDIuMzczMDEgMy4wNDgwNyAyLjQ5MDE3IDMuMTY1MjNMNi4wNTk2OCA2LjczNDc0QzYuMTc2ODQgNi44NTE5IDYuMTc2ODQgNy4wNDE4NSA2LjA1OTY4IDcuMTU5MDFMNC45MjY3OSA4LjI5MTc2WiIgZmlsbD0id2hpdGUiLz4gPC9zdmc+')";
+        };
+    };
+    readonly disabled: {
+        readonly minus: {
+            readonly small: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDEwIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxyZWN0IHg9IjAuNDU4OTg0IiB5PSIwLjUiIHdpZHRoPSI5LjA4MjUyIiBoZWlnaHQ9IjIuMDAwMDIiIHJ4PSIwLjMiIGZpbGw9IiNCM0JBQzEiLz4gPC9zdmc+')";
+            readonly medium: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDEwIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxyZWN0IHk9IjAuMzk4OTI2IiB3aWR0aD0iMTAiIGhlaWdodD0iMi4yMDIwNSIgZmlsbD0iI0IzQkFDMSIvPiA8L3N2Zz4=')";
+        };
+        readonly check: {
+            readonly small: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0yLjU5MTMgNi4yNDc0OUMyLjQ4OTY1IDYuMTQ1ODMgMi40ODk2NSA1Ljk4MTAyIDIuNTkxMyA1Ljg3OTM2TDguMzU4NTQgMC4xMTIxMjlDOC40NjAxOSAwLjAxMDQ3NTMgOC42MjUwMSAwLjAxMDQ3NTEgOC43MjY2NiAwLjExMjEyOUw5LjcwOTU4IDEuMDk1MDRDOS44MTEyMyAxLjE5NjcgOS44MTEyMyAxLjM2MTUxIDkuNzA5NTggMS40NjMxN0wzLjk0MjM0IDcuMjMwNEMzLjg0MDY5IDcuMzMyMDUgMy42NzU4NyA3LjMzMjA1IDMuNTc0MjIgNy4yMzA0TDIuNTkxMyA2LjI0NzQ5WiIgZmlsbD0iI0IzQkFDMSIvPiA8cGF0aCBkPSJNMy45NDIzNCA3LjIzMDRDMy44NDA2OSA3LjMzMjA1IDMuNjc1ODcgNy4zMzIwNSAzLjU3NDIyIDcuMjMwNEwwLjQ3NzExOSA0LjEzMzNDMC4zNzU0NjUgNC4wMzE2NSAwLjM3NTQ2NSAzLjg2Njg0IDAuNDc3MTE5IDMuNzY1MThMMS40NjAwMyAyLjc4MjI3QzEuNTYxNjkgMi42ODA2MSAxLjcyNjUgMi42ODA2MSAxLjgyODE2IDIuNzgyMjdMNC45MjUzMSA1Ljg3OTQyQzUuMDI2OTcgNS45ODEwOCA1LjAyNjk3IDYuMTQ1ODkgNC45MjUzMSA2LjI0NzU1TDMuOTQyMzQgNy4yMzA0WiIgZmlsbD0iI0IzQkFDMSIvPiA8L3N2Zz4=')";
+            readonly medium: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0zLjM2OTcgNy4xNTg5NEMzLjI1MjU1IDcuMDQxNzggMy4yNTI1NSA2Ljg1MTgzIDMuMzY5NyA2LjczNDY3TDEwLjAxNjUgMC4wODc4NjgxQzEwLjEzMzcgLTAuMDI5Mjg5MiAxMC4zMjM2IC0wLjAyOTI4OTQgMTAuNDQwOCAwLjA4Nzg2NzlMMTEuNTczNiAxLjIyMDY5QzExLjY5MDcgMS4zMzc4NSAxMS42OTA3IDEuNTI3OCAxMS41NzM2IDEuNjQ0OTVMNC45MjY3OSA4LjI5MTc2QzQuODA5NjMgOC40MDg5MSA0LjYxOTY4IDguNDA4OTEgNC41MDI1MiA4LjI5MTc2TDMuMzY5NyA3LjE1ODk0WiIgZmlsbD0iI0IzQkFDMSIvPiA8cGF0aCBkPSJNNC45MjY3OSA4LjI5MTc2QzQuODA5NjMgOC40MDg5MSA0LjYxOTY4IDguNDA4OTEgNC41MDI1MiA4LjI5MTc2TDAuOTMzMDgzIDQuNzIyMzJDMC44MTU5MjYgNC42MDUxNiAwLjgxNTkyNiA0LjQxNTIxIDAuOTMzMDgzIDQuMjk4MDVMMi4wNjU5IDMuMTY1MjNDMi4xODMwNiAzLjA0ODA3IDIuMzczMDEgMy4wNDgwNyAyLjQ5MDE3IDMuMTY1MjNMNi4wNTk2OCA2LjczNDc0QzYuMTc2ODQgNi44NTE5IDYuMTc2ODQgNy4wNDE4NSA2LjA1OTY4IDcuMTU5MDFMNC45MjY3OSA4LjI5MTc2WiIgZmlsbD0iI0IzQkFDMSIvPiA8L3N2Zz4=')";
+        };
+    };
+};

package/dist/components/CheckboxCard/CheckboxCard.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const CheckboxCard: React.ForwardRefExoticComponent<Omit<import("../Checkbox").CheckBoxProps, "slot" | "children"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    slotContent?: React.ReactNode;
+    slotExpansion?: import("..").SlotExpansion | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default CheckboxCard;

package/dist/components/CheckboxCard/CheckboxCard.stories.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import { StoryObj } from "@storybook/react-vite";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<import("..").CheckBoxProps, "slot" | "children"> & {
+        title: React.ReactNode;
+        description?: React.ReactNode;
+        slotContent?: React.ReactNode;
+        slotExpansion?: import("..").SlotExpansion | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        checked: {
+            control: {
+                type: string;
+            };
+        };
+        indeterminate: {
+            control: {
+                type: string;
+            };
+        };
+        slotExpansion: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+/** 上からシンプル→複雑（各ブロック独立した state） */
+export declare const Showcase: StoryObj;
+/** 未チェックのときだけスロット内容を disabled にする例（slot は always で常時表示） */
+export declare const SlotInputsDependOnChecked: StoryObj;

package/dist/components/CheckboxCard/__tests__/CheckboxCard.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

@@ -0,0 +1,2 @@
+export { default } from "./CheckboxCard";
+export type { CheckboxCardProps } from "./types";

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+import type { CheckBoxProps } from "../Checkbox";
+import type { SlotExpansion } from "../SelectableCard/types";
+export type CheckboxCardProps = Omit<CheckBoxProps, "children" | "slot"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    slotContent?: ReactNode;
+    slotExpansion?: SlotExpansion;
+};

package/dist/components/IconText/IconText.d.ts

@@ -0,0 +1,25 @@
+import { type AnchorHTMLAttributes, type ReactElement, type ReactNode } from "react";
+import { type IconTextSize, type IconTextPos } from "./types";
+export type IconTextProps = {
+    /** 単体アイコンのとき（`prependIcon`/`appendIcon` 未指定時）。 */
+    icon?: ReactElement;
+    size?: IconTextSize;
+    /** 単体 `icon` の配置。両端アイコン指定時は無視される。 */
+    pos?: IconTextPos;
+    /** テキスト左側のアイコン。`appendIcon` と同時指定可。その場合 `icon` / `pos` は無視。 */
+    prependIcon?: ReactElement;
+    /** テキスト右側のアイコン。同上。 */
+    appendIcon?: ReactElement;
+    /**
+     * テキストとアイコンの共通デフォルト色（CSS カラー）。
+     * 非リンク時: 省略時は黒。`iconColor` / `textColor` で個別上書き可。
+     * リンク時: 共通色には使わず（プライマリが既定）。個別指定は `iconColor` / `textColor`。
+     */
+    color?: string;
+    /** アイコン色のみ指定。省略時は `color`（非リンク）またはプライマリ（リンク）にフォールバック */
+    iconColor?: string;
+    /** テキスト色のみ指定。省略時は `color`（非リンク）またはプライマリ（リンク）にフォールバック */
+    textColor?: string;
+    children: ReactNode;
+} & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color">;
+export declare const IconText: ({ icon, size, pos, prependIcon, appendIcon, color, iconColor, textColor, children, ...rest }: IconTextProps) => JSX.Element;

package/dist/components/IconText/IconText.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { StoryObj } from "@storybook/react-vite";
+declare const meta: Meta<({ icon, size, pos, prependIcon, appendIcon, color, iconColor, textColor, children, ...rest }: import("./IconText").IconTextProps) => JSX.Element>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const Positions: Story;
+export declare const DualIcons: Story;
+export declare const Colors: Story;

package/dist/components/IconText/__tests__/IconText.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

@@ -0,0 +1,3 @@
+export { IconText } from "./IconText";
+export type { IconTextProps } from "./IconText";
+export type { IconTextSize, IconTextPos } from "./types";

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

@@ -0,0 +1,11 @@
+import { IconTextSize } from "./types";
+type StyledIconTextProps = {
+    $size: IconTextSize;
+    $isLink: boolean;
+};
+/** 先に定義し、Container の hover で参照して下線色をテキストの color と揃える */
+export declare const Text: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $color: string;
+}, never>;
+export declare const Container: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, StyledIconTextProps, never>;
+export {};

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

@@ -0,0 +1,25 @@
+export type IconTextSize = "xs" | "small" | "medium" | "large";
+export type IconTextPos = "prepend" | "append";
+/** Figma Icon text と対応（xs〜large） */
+export declare const ICON_TEXT_SIZES: {
+    readonly xs: {
+        readonly iconSize: 14;
+        readonly fontSize: 12;
+        readonly gap: "2px";
+    };
+    readonly small: {
+        readonly iconSize: 16;
+        readonly fontSize: 13;
+        readonly gap: "4px";
+    };
+    readonly medium: {
+        readonly iconSize: 18;
+        readonly fontSize: 14;
+        readonly gap: "6px";
+    };
+    readonly large: {
+        readonly iconSize: 20;
+        readonly fontSize: 16;
+        readonly gap: "6px";
+    };
+};

package/dist/components/RadioCard/RadioCard.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const RadioCard: React.ForwardRefExoticComponent<Omit<import("../RadioButton").RadioButtonProps, "slot" | "children"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    slotContent?: React.ReactNode;
+    slotExpansion?: import("./types").SlotExpansion | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default RadioCard;

package/dist/components/RadioCard/RadioCard.stories.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+import { StoryObj } from "@storybook/react-vite";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<import("..").RadioButtonProps, "slot" | "children"> & {
+        title: React.ReactNode;
+        description?: React.ReactNode;
+        slotContent?: React.ReactNode;
+        slotExpansion?: import("..").SlotExpansion | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        checked: {
+            control: {
+                type: string;
+            };
+        };
+        slotExpansion: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+/** 上からシンプル→複雑（各ブロック独立した state） */
+export declare const Showcase: StoryObj;
+/** 未選択のときだけスロット内容を disabled にする例（slot は always で常時表示） */
+export declare const SlotInputsDependOnChecked: StoryObj;

package/dist/components/RadioCard/__tests__/RadioCard.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

@@ -0,0 +1,2 @@
+export { default } from "./RadioCard";
+export type { RadioCardProps, SlotExpansion } from "./types";

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { RadioButtonProps } from "../RadioButton";
+import type { SlotExpansion } from "../SelectableCard/types";
+export type { SlotExpansion };
+export type RadioCardProps = Omit<RadioButtonProps, "children" | "slot"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    slotContent?: ReactNode;
+    slotExpansion?: SlotExpansion;
+};

package/dist/components/SelectableCard/SelectableCardLayout.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SelectableCardLayoutProps } from "./types";
+declare const SelectableCardLayout: React.ForwardRefExoticComponent<SelectableCardLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export default SelectableCardLayout;

package/dist/components/SelectableCard/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,24 @@
+export declare const Root: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $checked: boolean;
+    $disabled: boolean;
+}, never>;
+export declare const HeaderRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $checked: boolean;
+    $disabled: boolean;
+    $clickable?: boolean | undefined;
+}, never>;
+/** grid 0fr/1fr でスロット開閉をアニメーション */
+export declare const SlotExpandWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $open: boolean;
+}, never>;
+export declare const SlotOverflow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Slot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $checked: boolean;
+    $disabled: boolean;
+}, never>;
+/** For click-boundary checks only; does not generate a box (no extra height vs bare span). */
+export declare const ControlWrap: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const HeaderControlRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CardDescription: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $disabled?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type SlotExpansion = "whenChecked" | "always";
+export type SelectableCardLayoutProps = {
+    checked: boolean;
+    disabled?: boolean;
+    header: React.ReactNode;
+    /** ヘッダー領域全体のクリック（コントロール外からの選択用） */
+    onHeaderClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    slot?: React.ReactNode;
+    slotExpansion?: SlotExpansion;
+};

package/dist/components/SelectableCard/useSelectableCardHeaderClick.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+/**
+ * ヘッダー領域クリックで input をトグルするための ref・ハンドラ。
+ * コントロール本体（ラベル内）のクリックと二重発火しないよう ControlWrap + contains で抑止する。
+ */
+export declare function useSelectableCardHeaderClick(disabled: boolean | undefined, inputRefProp: React.Ref<HTMLInputElement> | undefined): {
+    controlWrapRef: React.MutableRefObject<HTMLSpanElement | null>;
+    assignInputRef: (node: HTMLInputElement | null) => void;
+    handleHeaderClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+};

package/dist/components/SelectableCard/utils.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from "react";
+export declare function hasRenderableDescription(description?: ReactNode): boolean;

package/dist/components/Tag/Tag.stories.d.ts

@@ -1,17 +1,18 @@
-/// <reference types="react" />
+import React from "react";
 import { StoryObj } from "@storybook/react-vite";
 import { Tag } from "./Tag";
 declare const meta: Meta<({ label, size, variant, onRemove, className, disabled, boldText, onClick, "aria-label": ariaLabel, "data-tag": dataTag, prepend, }: import("./types").TagProps) => JSX.Element>;
 export default meta;
 type Story = StoryObj<typeof Tag>;
-export declare const Default: Story;
-export declare const Sizes: Story;
-export declare const Variants: Story;
-export declare const WithoutRemove: Story;
-export declare const Disabled: Story;
-export declare const BoldText: Story;
-export declare const Clickable: Story;
-export declare const BoldAndClickable: Story;
-export declare const AllFeatures: Story;
-export declare const PrependSizes: Story;
-export declare const PrependWithClickable: Story;
+/** Storybook Playground 用（prepend / onRemove は show* で組み立て） */
+type TagPlaygroundArgs = Omit<React.ComponentProps<typeof Tag>, "prepend" | "onRemove"> & {
+    showPrepend?: boolean;
+    showRemove?: boolean;
+};
+/** Controls で主要 props を試す（既定の確認用） */
+export declare const Playground: StoryObj<TagPlaygroundArgs>;
+/**
+ * サイズ・variant・状態・prepend・bold・複合までを1画面で比較する。
+ * （静的表示のため Controls は無効）
+ */
+export declare const Overview: Story;

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-export type TagSize = "small" | "medium" | "large";
+export type TagSize = "small" | "medium" | "large" | "xl";
 export type TagVariant = "light" | "dark";
 export type TagProps = {
     label: string;
@@ -21,9 +21,7 @@ export declare const TAG_SIZES: {
         readonly padding: "2px 4px";
         readonly iconSize: "12px";
         readonly borderRadius: "4px";
-        /** prepend とラベルテキストの間 */
         readonly prependGap: "2px";
-        /** ラベルと削除ボタンなど、従来ルート gap で取っていた間隔 */
         readonly itemGap: "4px";
     };
     readonly medium: {
@@ -44,6 +42,15 @@ export declare const TAG_SIZES: {
         readonly prependGap: "4px";
         readonly itemGap: "8px";
     };
+    readonly xl: {
+        readonly height: "30px";
+        readonly fontSize: "14px";
+        readonly padding: "4px 8px";
+        readonly iconSize: "16px";
+        readonly borderRadius: "4px";
+        readonly prependGap: "4px";
+        readonly itemGap: "8px";
+    };
 };
 export declare const TAG_VARIANTS: {
     readonly light: {

package/dist/components/index.d.ts

@@ -19,6 +19,8 @@ export { default as Card } from "./Card";
 export * from "./Card";
 export { default as Checkbox } from "./Checkbox";
 export * from "./Checkbox";
+export { default as CheckboxCard } from "./CheckboxCard";
+export * from "./CheckboxCard";
 export { default as ClickAwayListener } from "./ClickAwayListener";
 export * from "./ClickAwayListener";
 export { default as ConfirmModal } from "./ConfirmModal";
@@ -67,6 +69,7 @@ export { default as Grow } from "./Grow";
 export * from "./Grow";
 export { default as Icon } from "./Icon";
 export * from "./Icon";
+export * from "./IconText";
 export { default as Input } from "./Input";
 export * from "./Input";
 export { default as ItemEmpty } from "./ItemEmpty";
@@ -97,6 +100,8 @@ export { default as Popover } from "./Popover";
 export * from "./Popover";
 export { default as Portal } from "./Portal";
 export * from "./Portal";
+export { default as RadioCard } from "./RadioCard";
+export * from "./RadioCard";
 export { default as RadioButton } from "./RadioButton";
 export * from "./RadioButton";
 export { default as ScrollArea } from "./ScrollArea";