@baton8/general-components 1.0.0

package/dist/components/atoms/select/pageSizeSelect.d.ts

@@ -0,0 +1,35 @@
+import { ReactElement } from "react";
+import { GenericFunctionComponent } from "../../../utils/types";
+type PageSizeSelectProps<V extends number> = {
+    /**
+     * 選択されているページの項目数。
+     */
+    pageSize?: V;
+    /**
+     * 初期のページの項目数。
+     */
+    defaultPageSize?: V;
+    /**
+     * ページの項目数として選択できる選択肢の配列。
+     */
+    optionPageSizes: Array<V>;
+    /**
+     * 無効にするかどうか。
+     */
+    isDisabled?: boolean;
+    /**
+     * 選択肢が選択されたときに呼ばれるコールバック関数。
+     */
+    onSet?: (pageSize: V) => unknown;
+    /** */
+    className?: string;
+};
+type PageSizeSelectComponent = GenericFunctionComponent<(<V extends number>(props: PageSizeSelectProps<V>) => ReactElement)>;
+/**
+ * ### ページに表示する項目数の選択式メニュー
+ *
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const PageSizeSelect: PageSizeSelectComponent;
+export {};

package/dist/components/atoms/select/pageSizeSelect.stories.d.ts

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

package/dist/components/atoms/select/pageSizeSelectAuto.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from "react";
+type PageSizeSelectAutoProps = {
+    /** */
+    className?: string;
+};
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const PageSizeSelectAuto: FunctionComponent<PageSizeSelectAutoProps>;
+export {};

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

@@ -0,0 +1,109 @@
+import { ReactElement } from "react";
+import { GenericFunctionComponent } from "../../../utils/types";
+type SelectProps<V> = {
+    /**
+     * 選択されている値。
+     */
+    value?: V | null;
+    /**
+     * 初期値。
+     */
+    defaultValue?: V | null;
+    /**
+     * 見た目のバリアント。
+     * 基本的には `"outline"` で利用してください。
+     * フォームの一部として使う場合など、省スペースで表示したいときには `"minimal"` にしてください。
+     * - `"outline"` — 通常
+     * - `"minimal"` — 背景や罫線がない
+     * @defaultValue `"outline"`
+     */
+    variant?: "outline" | "minimal";
+    /**
+     * 選択肢メニューをコントロール本体に対して揃える方向。
+     *
+     * 選択肢メニューは基本的にコントロール本体と同じ幅で表示されますが、選択肢メニューの幅には下限が設定されているため、コントロール本体の幅が非常に小さい場合は選択肢メニューの方が大きくなります。
+     * その場合に、選択肢メニューをコントロール本体に対してどちら側に揃えるかを設定できます。
+     * @defaultValue `"left"`
+     */
+    optionAlignment?: "left" | "right";
+    /**
+     * バリデーションエラーがあるかどうか。
+     * これが `true` のときは警告表示になります。
+     * @defaultValue `false`
+     */
+    isError?: boolean;
+    /**
+     * 選択しない状態に戻せるかどうか。
+     * これを `true` にすると、コントロール内部にクリアボタンが表示され、選択を解除できるようになります。
+     * @defaultValue `false`
+     */
+    isClearable?: boolean;
+    /**
+     * 無効にするかどうか。
+     */
+    isDisabled?: boolean;
+    /**
+     * 選択肢が選択されたときに呼ばれるコールバック関数。
+     */
+    onSet?: (value: V | null) => unknown;
+    /**
+     * 選択肢の情報。
+     * `SelectItem` を複数個置いてください。
+     */
+    children: ReactElement | Array<ReactElement>;
+    /** */
+    className?: string;
+};
+type SelectComponent = GenericFunctionComponent<(<V>(props: SelectProps<V>) => ReactElement)>;
+/**
+ * ### 選択式メニュー
+ *
+ * #### 構成
+ * 以下のようなコンポーネント構成で利用してください。
+ * - **`Select`**
+ *   - [`SelectOption`](/docs/atoms-Select-SelectOption--ドキュメント) (複数個)
+ *
+ * #### 例
+ * 最も単純な使い方は、次のように子要素に `SelectOption` を複数個置き、各 `SelectOption` に `value` と `label` を指定する方法です。
+ * `value` はプログラム上でその選択肢を表す値で、`label` は画面に表示されるテキストです。
+ *
+ * ```tsx
+ * <Select>
+ *   <SelectOption value="option1" label="選択肢1"/>
+ *   <SelectOption value="option2" label="選択肢2"/>
+ *   <SelectOption value="option3" label="選択肢3"/>
+ * </Select>
+ * ```
+ *
+ * `SelectOption` には子要素を設定することができ、選択肢メニューの中での各選択肢の表示をカスタマイズすることができます。
+ * 例えば、以下のようにするとバッジを表示できます。
+ *
+ * ```tsx
+ * <Select>
+ *   <SelectOption value="quiz" label="クイズ" iconNode={<Icon name="quiz"/>}>
+ *     <Badge scheme="primary">その1</Badge>
+ *     クイズ
+ *   </SelectOption>
+ *   <SelectOption value="deck" label="デッキ" iconNode={<Icon name="deck"/>}>
+ *     <Badge scheme="red">その2</Badge>
+ *     デッキ
+ *   </SelectOption>
+ *   <SelectOption value="user" label="ユーザー" iconNode={<Icon name="user"/>}>
+ *     <Badge scheme="blue">その3</Badge>
+ *     ユーザー
+ *   </SelectOption>
+ * </Select>
+ * ```
+ *
+ * #### 要素が可変な場合について
+ * このコンポーネントは、選択肢が固定の場合に向いています。
+ * ユーザーが入力した値に応じて表示する選択肢を動的に変更したい場合には、[`AsyncSelect`](/docs/atoms-AsyncSelect-AsyncSelect--ドキュメント) の方が便利です。
+ *
+ * #### 専用コンポーネント
+ * - [`PageSizeSelect`](/docs/atoms-Select-🎶PageSizeSelect--ドキュメント) — ページに表示する項目数
+ * - [`SortOrderSelect`](/docs/atoms-Select-🎶SortOrderSelect--ドキュメント) — 並べ替え順
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const Select: SelectComponent;
+export {};

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

@@ -0,0 +1,13 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { Select } from "../../../components";
+type Meta = RawMeta<typeof Select>;
+type Story = RawStory<typeof Select>;
+declare const meta: Meta;
+export declare const Basic: Story;
+export declare const WithManyOptions: Story;
+export declare const Clearable: Story;
+export declare const NarrowLeft: Story;
+export declare const NarrowRight: Story;
+export declare const Error: Story;
+export declare const Minimal: Story;
+export default meta;

package/dist/components/atoms/select/selectComponentClearIndicator.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { ClearIndicatorProps } from "react-select";
+type SelectComponentClearIndicatorProps = ClearIndicatorProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentClearIndicator: FunctionComponent<SelectComponentClearIndicatorProps>;
+export {};

package/dist/components/atoms/select/selectComponentControl.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { ControlProps } from "react-select";
+type SelectComponentControl = ControlProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentControl: FunctionComponent<SelectComponentControl>;
+export {};

package/dist/components/atoms/select/selectComponentDropdownIndicator.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { DropdownIndicatorProps } from "react-select";
+type SelectComponentDropdownIndicatorProps = DropdownIndicatorProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentDropdownIndicator: FunctionComponent<SelectComponentDropdownIndicatorProps>;
+export {};

package/dist/components/atoms/select/selectComponentIndicatorsContainer.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { IndicatorsContainerProps } from "react-select";
+type SelectComponentIndicatorsContainerProps = IndicatorsContainerProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentIndicatorsContainer: FunctionComponent<SelectComponentIndicatorsContainerProps>;
+export {};

package/dist/components/atoms/select/selectComponentInput.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { InputProps } from "react-select";
+type SelectComponentInputProps = InputProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentInput: FunctionComponent<SelectComponentInputProps>;
+export {};

package/dist/components/atoms/select/selectComponentLoadingMessage.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { NoticeProps } from "react-select";
+type SelectComponentLoadingMessageProps = NoticeProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentLoadingMessage: FunctionComponent<SelectComponentLoadingMessageProps>;
+export {};

package/dist/components/atoms/select/selectComponentMenu.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { MenuProps } from "react-select";
+type SelectComponentMenuProps = MenuProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentMenu: FunctionComponent<SelectComponentMenuProps>;
+export {};

package/dist/components/atoms/select/selectComponentMenuList.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { MenuListProps } from "react-select";
+type SelectComponentMenuListProps = MenuListProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentMenuList: FunctionComponent<SelectComponentMenuListProps>;
+export {};

package/dist/components/atoms/select/selectComponentMenuPortal.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from "react";
+type SelectComponentMenuPortalProps = any;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentMenuPortal: FunctionComponent<SelectComponentMenuPortalProps>;
+export {};

package/dist/components/atoms/select/selectComponentNoOptionMessage.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { NoticeProps } from "react-select";
+type SelectComponentNoOptionMessageProps = NoticeProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentNoOptionMessage: FunctionComponent<SelectComponentNoOptionMessageProps>;
+export {};

package/dist/components/atoms/select/selectComponentOption.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { OptionProps } from "react-select";
+type SelectComponentItemProps = OptionProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentOption: FunctionComponent<SelectComponentItemProps>;
+export {};

package/dist/components/atoms/select/selectComponentPlacement.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+import { PlaceholderProps } from "react-select";
+type SelectComponentPlaceholderProps = PlaceholderProps<{
+    value: any;
+    label: string;
+    node: ReactNode;
+}>;
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectComponentPlaceholder: FunctionComponent<SelectComponentPlaceholderProps>;
+export {};

package/dist/components/atoms/select/selectHook.d.ts

@@ -0,0 +1,8 @@
+import { StateManagerProps } from "react-select/dist/declarations/src/useStateManager";
+/**
+ * メニューを閉じたときに、メニューのアンマウントを一定時間遅らせるための props を返します。
+ * これによって、メニューを閉じたときに CSS によるアニメーションを行うことができます。
+ */
+export declare const useDelayedMenuProps: (duration: number) => Pick<StateManagerProps, "menuIsOpen" | "onMenuOpen" | "onMenuClose"> & {
+    isMenuOpen: boolean;
+};

package/dist/components/atoms/select/selectOption.d.ts

@@ -0,0 +1,36 @@
+import { ReactElement, ReactNode } from "react";
+import { CommonProps } from "../../../modules/data";
+import { GenericFunctionComponent } from "../../../utils/types";
+type SelectOptionProps<V> = CommonProps & {
+    /**
+     * この選択肢の値。
+     */
+    value: V;
+    /**
+     * この選択肢が選択されているときに、選択式メニュー本体の内部で表示する文字列。
+     */
+    label: string;
+    /**
+     * 無効にするかどうか。
+     * @defaultValue `false`
+     */
+    isDisabled?: boolean;
+    /**
+     * 選択肢メニューの選択肢が一覧される箇所で表示する内容。
+     * 省略した場合は、`label` に設定された文字列が表示されます。
+     */
+    children?: ReactNode;
+    /** */
+    className?: string;
+};
+type SelectOptionComponent = GenericFunctionComponent<(<V>(props: SelectOptionProps<V>) => ReactElement)>;
+/**
+ * ### 選択式メニューの選択肢
+ *
+ * このコンポーネントは [`Select`](/docs/atoms-Select-Select--ドキュメント) の子要素に配置するものであり、単独では動作しません。
+ * 詳細は [`Select`](/docs/atoms-Select-Select--ドキュメント) のドキュメントを参照してください。
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectOption: SelectOptionComponent;
+export {};

package/dist/components/atoms/select/selectOption.stories.d.ts

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

package/dist/components/atoms/select/selectOptionIconContainer.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from "react";
+/**
+ * ### ボタン内のアイコン
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SelectOptionIconContainer: 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/select/sortOrderSelect.d.ts

@@ -0,0 +1,34 @@
+import { FunctionComponent } from "react";
+type SortOrderSelectProps = {
+    /**
+     * 選択されている並べ替え順。
+     */
+    sortOrder?: "ascending" | "descending";
+    /**
+     * 初期の並べ替え順。
+     */
+    defaultSortOrder?: "ascending" | "descending";
+    /**
+     * 選択肢に表示するアイコンの種類。
+     * @defaultValue `"number"`
+     */
+    iconType?: "number" | "alphabet";
+    /**
+     * 無効にするかどうか。
+     */
+    isDisabled?: boolean;
+    /**
+     * 選択肢が選択されたときに呼ばれるコールバック関数。
+     */
+    onSet?: (sortOrder: "ascending" | "descending") => unknown;
+    /** */
+    className?: string;
+};
+/**
+ * ### 並べ替え順の選択式メニュー
+ *
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SortOrderSelect: FunctionComponent<SortOrderSelectProps>;
+export {};

package/dist/components/atoms/select/sortOrderSelect.stories.d.ts

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

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

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

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

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+/**
+ * ### 1 行のテキスト
+ *
+ * #### 概要
+ * デザイン上テキストが長くなっても必ず 1 行で表示したい場合に利用してください。
+ * 中身のテキストが 1 行を超えた場合は、超えた部分が「…」で表示されます。
+ *
+ * 2 行以上で行数を制限したい場合は、[`MultiLineText`](/docs/atoms-MultiLineText-MultiLineText--ドキュメント) を利用してください。
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const SingleLineText: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /**
+     * 使用する HTML タグの名前。
+     * @defaultValue `"div"`
+     */
+    as?: keyof JSX.IntrinsicElements | undefined;
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { AriaAttributes, ChangeEvent } from "react";
+/**
+ * ### スイッチ
+ *
+ * #### 注意
+ * このコンポーネントはスイッチのみを表示します。
+ * 一緒にラベルを表示したい場合は、[`CheckableContainer`](/docs/atoms-CheckableContainer-CheckableContainer--ドキュメント) と [`CheckableLabel`](/docs/atoms-CheckableContainer-CheckableLabel--ドキュメント) を利用して、以下のようにしてください。
+ *
+ * ```tsx
+ * <CheckableContainer>
+ *   <Switch/>
+ *   <CheckableLabel>ラベル</CheckableLabel>
+ * </CheckableContainer>
+ * ```
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const Switch: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & AriaAttributes & {
+    /**
+     * チェック状態。
+     */
+    isChecked?: boolean | undefined;
+    /** */
+    name?: string | undefined;
+    /**
+     * バリデーションエラーがあるかどうか。
+     * これが `true` のときは警告表示になります。
+     * @defaultValue `false`
+     */
+    isError?: boolean | undefined;
+    /** */
+    isRequired?: boolean | undefined;
+    /**
+     * 無効にするかどうか。
+     * @defaultValue `false`
+     */
+    isDisabled?: boolean | undefined;
+    /** */
+    onSet?: ((isChecked: true | false) => void) | undefined;
+    /**
+     * `<input>` 要素の `change` イベントのリスナー。
+     * チェック状態を取得したいだけの場合は、`onSet` prop を利用する方が便利です。
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    /** */
+    onBlur?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
+    /** */
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,13 @@
+import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
+import { Switch } from "../../../components";
+type Meta = RawMeta<typeof Switch>;
+type Story = RawStory<typeof Switch>;
+declare const meta: Meta;
+export declare const Unchecked: Story;
+export declare const Checked: Story;
+export declare const ErrorUnchecked: Story;
+export declare const ErrorChecked: Story;
+export declare const TestUncontrolled: Story;
+export declare const TestControlled: Story;
+export declare const TestHook: Story;
+export default meta;

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

@@ -0,0 +1,2 @@
+export * from "./tag";
+export * from "./tagIconContainer";

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

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+/**
+ * ### タグ
+ *
+ * #### 専用コンポーネント
+ * - [GenreTag](/docs/atoms-Tag-GenreTag-ドキュメント)
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const Tag: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
+    className?: string | undefined;
+    id?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & {
+    /**
+     * カラースキーム。
+     * @defaultValue `"gray"`
+     */
+    scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | undefined;
+    /** */
+    className?: string | undefined;
+    /** */
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLSpanElement>>;

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

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

package/dist/components/atoms/tag/tagIconContainer.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from "react";
+/**
+ * @group React コンポーネント
+ * @category React コンポーネント
+ */
+export declare const TagIconContainer: 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/tagList/index.d.ts

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