smarthr-ui 47.1.0 → 48.0.0

package/esm/components/Base/Base.js

@@ -1,5 +1,6 @@
 import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
+import { useSectionWrapper } from '../SectioningContent/useSectioningWrapper';
 const base = tv({
     base: 'smarthr-ui-Base shr-bg-white forced-colors:shr-border-shorthand contrast-more:shr-border-high-contrast',
     variants: {
@@ -101,6 +102,8 @@ export const Base = forwardRef(({ padding, radius = 'm', overflow, layer = 1, as
             className,
         });
     }, [className, layer, overflow, padding, radius]);
-    return React.createElement(Component, { ...props, className: styles, ref: ref });
+    const Wrapper = useSectionWrapper(Component);
+    return (React.createElement(Wrapper, null,
+        React.createElement(Component, { ...props, ref: ref, className: styles })));
 });
 //# sourceMappingURL=Base.js.map

package/esm/components/Base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"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"}

package/esm/components/Dialog/DialogContentInner.js

@@ -2,10 +2,10 @@ import React, { useCallback, useMemo, useRef, } from 'react';
 import { tv } from 'tailwind-variants';
 import { useHandleEscape } from '../../hooks/useHandleEscape';
 import { useTheme } from '../../hooks/useTailwindTheme';
-import { BodyScrollSuppressor } from './BodyScrollSuppressor';
 import { DialogOverlap } from './DialogOverlap';
 import { DialogPositionProvider } from './DialogPositionProvider';
 import { FocusTrap } from './FocusTrap';
+import { useBodyScrollLock } from './useBodyScrollLock';
 function exist(value) {
     return value !== undefined && value !== null;
 }
@@ -59,12 +59,12 @@ export const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
         }
         onClickOverlay && onClickOverlay();
     }, [isOpen, onClickOverlay]);
+    useBodyScrollLock(isOpen);
     return (React.createElement(DialogPositionProvider, { top: top, bottom: bottom },
         React.createElement(DialogOverlap, { isOpen: isOpen },
             React.createElement("div", { className: layoutStyle, id: id },
                 React.createElement("div", { onClick: handleClickOverlay, className: backgroundStyle, role: "presentation" }),
                 React.createElement("div", { ...props, ...innerStyleProps, ref: innerRef, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true" },
-                    React.createElement(FocusTrap, { firstFocusTarget: firstFocusTarget }, children)),
-                React.createElement(BodyScrollSuppressor, null)))));
+                    React.createElement(FocusTrap, { firstFocusTarget: firstFocusTarget }, children))))));
 };
 //# sourceMappingURL=DialogContentInner.js.map

package/esm/components/Dialog/DialogContentInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,WAAW,EACX,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAsDvC,SAAS,KAAK,CAAC,KAAU;IACvB,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAA;AAC9C,CAAC;AAED,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,KAAK,EAAE;QACL,MAAM,EAAE,iDAAiD;QACzD,KAAK,EACH,uJAAuJ;QACzJ,UAAU,EAAE,iEAAiE;KAC9E;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA+C,CAAC,EAC7E,cAAc,EACd,aAAa,GAAG,GAAG,EAAE;IACnB,UAAU;AACZ,CAAC,EACD,MAAM,EACN,EAAE,EACF,KAAK,EACL,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC9B,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACrE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QACpD,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QAC1D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;QACvD,MAAM,WAAW,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;QACpE,MAAM,eAAe,GAAG,oBAAoB,IAAI,IAAI,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,WACtE,KAAK,IAAI,CACX,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAA;QACjF,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,2BAA2B,CAAA;QAClF,OAAO;YACL,WAAW,EAAE,MAAM,EAAE;YACrB,eAAe,EAAE;gBACf,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;gBAC/B,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,WAAW,IAAI,aAAa,IAAI,cAAc,IAAI,YAAY,EAAE;oBAC1E,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;oBACnD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC;wBAC1B,CAAC,CAAC,OAAO,eAAe,KAAK,WAAW,GAAG;wBAC3C,CAAC,CAAC,eAAe;oBACnB,SAAS,EAAE,aAAa,UAAU,KAAK,UAAU,GAAG;iBACrD;aACF;YACD,eAAe,EAAE,UAAU,EAAE;SAC9B,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IAEzD,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC7C,eAAe,CACb,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,aAAa,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAC5B,CAAA;IAED,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,cAAc,IAAI,cAAc,EAAE,CAAA;IACpC,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,sBAAsB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;QAC9C,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM;YAC3B,6BAAK,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE;gBAEjC,6BAAK,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAC,cAAc,GAAG;gBACpF,gCACM,KAAK,KACL,eAAe,EACnB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,gBACD,SAAS,qBACJ,cAAc,gBACpB,MAAM;oBAEjB,oBAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,IAAG,QAAQ,CAAa,CACjE;gBAEN,oBAAC,oBAAoB,OAAG,CACpB,CACQ,CACO,CAC1B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"DialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogContentInner.tsx"],"names":[],"mappings":"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"}

package/esm/components/Dialog/useBodyScrollLock.d.ts

@@ -0,0 +1 @@
+export declare const useBodyScrollLock: (isOpen: boolean) => void;

package/esm/components/Dialog/useBodyScrollLock.js

@@ -0,0 +1,28 @@
+import { useEffect, useState } from 'react';
+export const useBodyScrollLock = (isOpen) => {
+    const [scrollBarWidth, setScrollBarWidth] = useState(null);
+    const [paddingRight, setPaddingRight] = useState(null);
+    useEffect(() => {
+        setScrollBarWidth(window.innerWidth - document.body.clientWidth);
+    }, []);
+    useEffect(() => {
+        if (scrollBarWidth === null) {
+            return;
+        }
+        const originalPaddingRight = getComputedStyle(document.body).getPropertyValue('padding-right');
+        setPaddingRight(scrollBarWidth + parseInt(originalPaddingRight, 10));
+    }, [scrollBarWidth]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        if (paddingRight !== null) {
+            document.body.style.paddingInlineEnd = `${paddingRight}px`;
+        }
+        document.body.style.overflow = 'hidden';
+        return () => {
+            document.body.style.paddingInlineEnd = '';
+            document.body.style.overflow = '';
+        };
+    }, [isOpen, paddingRight]);
+};
+//# sourceMappingURL=useBodyScrollLock.js.map

package/esm/components/Dialog/useBodyScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.js","sourceRoot":"","sources":["../../../src/components/Dialog/useBodyScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAe,EAAE,EAAE;IACnD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAErE,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,KAAK,IAAI,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QACD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;QAC9F,eAAe,CAAC,cAAc,GAAG,QAAQ,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAA;IACtE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAM;QAEnB,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,YAAY,IAAI,CAAA;QAC5D,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAEvC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,EAAE,CAAA;YACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;AAC5B,CAAC,CAAA"}

package/esm/components/Dropdown/SortDropdown/SortDropdown.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Button } from '../../Button';
+import { Fieldset } from '../../Fieldset';
 import { FormControl } from '../../FormControl';
 import { Cluster, Stack } from '../../Layout';
-import { Fieldset } from '../../NewFieldset';
 import { RadioButton } from '../../RadioButton';
 import { Select } from '../../Select';
 import { Dropdown } from '../Dropdown';

package/esm/components/Dropdown/SortDropdown/SortDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/SortDropdown/SortDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SortDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/SortDropdown/SortDropdown.tsx"],"names":[],"mappings":"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"}

package/esm/components/Fieldset/Fieldset.d.ts

@@ -0,0 +1,3 @@
+import React, { ComponentProps } from 'react';
+import { ActualFormControl } from '../FormControl/FormControl';
+export declare const Fieldset: React.FC<ComponentProps<typeof ActualFormControl>>;

package/esm/components/Fieldset/Fieldset.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ActualFormControl } from '../FormControl/FormControl';
+export const Fieldset = (props) => (React.createElement(ActualFormControl, { ...props, as: "fieldset" }));
+//# sourceMappingURL=Fieldset.js.map

package/esm/components/Fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAAuD,CAAC,KAAK,EAAE,EAAE,CAAC,CACrF,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,UAAU,GAAG,CAC/C,CAAA"}

package/esm/components/Fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/esm/components/FormControl/FormControl.d.ts

@@ -1,5 +1,36 @@
-import React, { ComponentProps } from 'react';
-import { FormGroup } from '../FormGroup';
-type Props = Omit<ComponentProps<typeof FormGroup>, 'as' | 'dangerouslyTitleHidden'>;
-export declare const FormControl: React.FC<Props>;
+import React, { ComponentProps, ComponentPropsWithoutRef, PropsWithChildren, ReactNode } from 'react';
+import { HeadingTypes } from '../Heading';
+import { StatusLabel } from '../StatusLabel';
+import type { Gap } from '../../types';
+type StatusLabelProps = ComponentProps<typeof StatusLabel>;
+type Props = PropsWithChildren<{
+    /** グループのタイトル名 */
+    title: ReactNode;
+    /** タイトルの見出しのタイプ */
+    titleType?: HeadingTypes;
+    /** タイトルの見出しを視覚的に隠すかどうか */
+    dangerouslyTitleHidden?: boolean;
+    /** label 要素に適用する `htmlFor` 値 */
+    htmlFor?: string;
+    /** label 要素に適用する `id` 値 */
+    labelId?: string;
+    /** タイトル群と子要素の間の間隔調整用（基本的には不要） */
+    innerMargin?: Gap;
+    /** タイトルの隣に表示する `StatusLabel` の Props の配列 */
+    statusLabelProps?: StatusLabelProps | StatusLabelProps[];
+    /** タイトルの下に表示するヘルプメッセージ */
+    helpMessage?: ReactNode;
+    /** タイトルの下に表示する入力例 */
+    exampleMessage?: ReactNode;
+    /** タイトルの下に表示するエラーメッセージ */
+    errorMessages?: ReactNode | ReactNode[];
+    /** フォームコントロールの下に表示する補足メッセージ */
+    supplementaryMessage?: ReactNode;
+    /** `true` のとき、文字色を `TEXT_DISABLED` にする */
+    disabled?: boolean;
+    as?: string | React.ComponentType<any>;
+}>;
+type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props | 'aria-labelledby'>;
+export declare const ActualFormControl: React.FC<Props & ElementProps>;
+export declare const FormControl: React.FC<Omit<Props & ElementProps, 'as'>>;
 export {};

package/esm/components/FormControl/FormControl.js

@@ -1,5 +1,164 @@
-import { FormGroup } from '../FormGroup';
-export const FormControl = FormGroup;
-// 一部スタイリングが内部的に FormGroup という名前に依存しているため置き換え
-FormControl.displayName = 'FormGroup';
+import React, { useMemo, } from 'react';
+import { isStyledComponent } from 'styled-components';
+import { tv } from 'tailwind-variants';
+import { useId } from '../../hooks/useId';
+import { MultiComboBox, SingleComboBox } from '../ComboBox';
+import { DatePicker } from '../DatePicker';
+import { DropZone } from '../DropZone';
+import { FaCircleExclamationIcon } from '../Icon';
+import { CurrencyInput, Input } from '../Input';
+import { InputFile } from '../InputFile';
+import { Cluster, Stack } from '../Layout';
+import { Select } from '../Select';
+import { StatusLabel } from '../StatusLabel';
+import { Text } from '../Text';
+import { Textarea } from '../Textarea';
+import { visuallyHiddenText } from '../VisuallyHiddenText/VisuallyHiddenText';
+const formGroup = tv({
+    slots: {
+        wrapper: [
+            'smarthr-ui-FormControl',
+            'shr-mx-[unset] shr-border-none shr-p-[unset]',
+            'disabled:shr-text-disabled',
+            '[&:disabled_.smarthr-ui-FormControl-label_>_span]:shr-text-disabled',
+            '[&:disabled_.smarthr-ui-FormControl-errorMessage]:shr-text-inherit',
+            '[&:disabled_.smarthr-ui-FormControl-supplementaryMessage]:shr-text-inherit',
+            '[&:disabled_.smarthr-ui-Input]:shr-border-default/50 [&:disabled_.smarthr-ui-Input]:shr-bg-white-darken',
+        ],
+        label: [
+            'smarthr-ui-FormControl-label',
+            // flex-item が stretch してクリッカブル領域が広がりすぎないようにする
+            'shr-self-start',
+            'shr-px-[unset]',
+        ],
+        errorIcon: ['smarthr-ui-FormControl-errorMessage', 'shr-text-danger'],
+    },
+});
+const childrenWrapper = tv({
+    variants: {
+        innerMargin: {
+            0: '[&&&]:shr-mt-0',
+            0.25: '[&&&]:shr-mt-0.25',
+            0.5: '[&&&]:shr-mt-0.5',
+            0.75: '[&&&]:shr-mt-0.75',
+            1: '[&&&]:shr-mt-1',
+            1.25: '[&&&]:shr-mt-1.25',
+            1.5: '[&&&]:shr-mt-1.5',
+            2: '[&&&]:shr-mt-2',
+            2.5: '[&&&]:shr-mt-2.5',
+            3: '[&&&]:shr-mt-3',
+            3.5: '[&&&]:shr-mt-3.5',
+            4: '[&&&]:shr-mt-4',
+            8: '[&&&]:shr-mt-8',
+            X3S: '[&&&]:shr-mt-0.25',
+            XXS: '[&&&]:shr-mt-0.5',
+            XS: '[&&&]:shr-mt-1',
+            S: '[&&&]:shr-mt-1.5',
+            M: '[&&&]:shr-mt-2',
+            L: '[&&&]:shr-mt-2.5',
+            XL: '[&&&]:shr-mt-3',
+            XXL: '[&&&]:shr-mt-3.5',
+            X3L: '[&&&]:shr-mt-4',
+        },
+        isRoleGroup: {
+            true: '',
+            false: '',
+        },
+    },
+    compoundVariants: [
+        {
+            innerMargin: undefined,
+            isRoleGroup: true,
+            className: '[:not([hidden])_~_&&&]:shr-mt-1',
+        },
+        {
+            innerMargin: undefined,
+            isRoleGroup: false,
+            className: '[:not([hidden])_~_&&&]:shr-mt-0.5',
+        },
+    ],
+});
+export const ActualFormControl = ({ title, titleType = 'blockTitle', dangerouslyTitleHidden = false, htmlFor, labelId, innerMargin, statusLabelProps = [], helpMessage, exampleMessage, errorMessages, supplementaryMessage, as = 'div', className, children, ...props }) => {
+    const managedHtmlFor = useId(htmlFor);
+    const managedLabelId = useId(labelId);
+    const isRoleGroup = as === 'fieldset';
+    const statusLabelList = Array.isArray(statusLabelProps) ? statusLabelProps : [statusLabelProps];
+    const describedbyIds = useMemo(() => Object.entries({ helpMessage, exampleMessage, supplementaryMessage, errorMessages })
+        .filter(({ 1: value }) => value)
+        .map(([key]) => `${managedHtmlFor}_${key}`)
+        .join(' '), [helpMessage, exampleMessage, supplementaryMessage, errorMessages, managedHtmlFor]);
+    const actualErrorMessages = useMemo(() => {
+        if (!errorMessages) {
+            return [];
+        }
+        return Array.isArray(errorMessages) ? errorMessages : [errorMessages];
+    }, [errorMessages]);
+    const { wrapperStyle, labelStyle, errorIconStyle, childrenWrapperStyle } = useMemo(() => {
+        const { wrapper, label, errorIcon } = formGroup();
+        return {
+            wrapperStyle: wrapper({ className }),
+            labelStyle: label({ className: dangerouslyTitleHidden ? visuallyHiddenText() : '' }),
+            errorIconStyle: errorIcon(),
+            childrenWrapperStyle: childrenWrapper({ innerMargin, isRoleGroup }),
+        };
+    }, [className, dangerouslyTitleHidden, innerMargin, isRoleGroup]);
+    return (React.createElement(Stack, { ...props, as: as, gap: innerMargin ?? 0.5, "aria-labelledby": isRoleGroup ? managedLabelId : undefined, "aria-describedby": isRoleGroup && describedbyIds ? describedbyIds : undefined, className: wrapperStyle },
+        React.createElement(Cluster, { align: "center", htmlFor: !isRoleGroup ? managedHtmlFor : undefined, id: managedLabelId, className: labelStyle, as: isRoleGroup ? 'legend' : 'label', 
+            // Stack 対象にしないための hidden
+            hidden: dangerouslyTitleHidden || undefined },
+            React.createElement(Text, { as: "span", styleType: titleType }, title),
+            statusLabelList.length > 0 && (React.createElement(Cluster, { gap: 0.25, as: "span" }, statusLabelList.map((statusLabelProp, index) => (React.createElement(StatusLabel, { ...statusLabelProp, key: index })))))),
+        helpMessage && (React.createElement("p", { className: "smarthr-ui-FormControl-helpMessage", id: `${managedHtmlFor}_helpMessage` }, helpMessage)),
+        exampleMessage && (React.createElement(Text, { as: "p", color: "TEXT_GREY", italic: true, id: `${managedHtmlFor}_exampleMessage`, className: "smarthr-ui-FormControl-exampleMessage" }, exampleMessage)),
+        actualErrorMessages.length > 0 && (React.createElement(Stack, { gap: 0, id: `${managedHtmlFor}_errorMessages` }, actualErrorMessages.map((message, index) => (React.createElement("p", { key: index },
+            React.createElement(FaCircleExclamationIcon, { text: message, className: errorIconStyle })))))),
+        React.createElement("div", { className: childrenWrapperStyle }, addIdToFirstInput(children, managedHtmlFor, describedbyIds)),
+        supplementaryMessage && (React.createElement(Text, { as: "p", size: "S", color: "TEXT_GREY", id: `${managedHtmlFor}_supplementaryMessage`, className: "smarthr-ui-FormControl-supplementaryMessage" }, supplementaryMessage))));
+};
+const addIdToFirstInput = (children, managedHtmlFor, describedbyIds) => {
+    let foundFirstInput = false;
+    const addId = (targets) => React.Children.map(targets, (child) => {
+        if (foundFirstInput || !React.isValidElement(child)) {
+            return child;
+        }
+        const { type } = child;
+        if (isInputElement(type)) {
+            foundFirstInput = true;
+            const inputAttributes = {
+                id: managedHtmlFor,
+                ...(describedbyIds ? { 'aria-describedby': describedbyIds } : {}),
+            };
+            return React.cloneElement(child, {
+                ...(isComboBoxElement(type) ? { inputAttributes } : inputAttributes),
+            });
+        }
+        return React.cloneElement(child, {}, addId(child.props.children));
+    });
+    return addId(children);
+};
+/**
+ * - CheckBox / RadioButton は内部に label を含むため対象外
+ * - SearchInput は label を含むため対象外
+ * - InputWithTooltip は領域が狭く FormControl を置けない場所での私用を想定しているため対象外
+ *
+ * @param type
+ * @returns
+ */
+const isInputElement = (type) => {
+    const _type = isStyledComponent(type) ? type.target : type;
+    return (_type === Input ||
+        _type === CurrencyInput ||
+        _type === Textarea ||
+        _type === DatePicker ||
+        _type === Select ||
+        _type === SingleComboBox ||
+        _type === MultiComboBox ||
+        _type === InputFile ||
+        _type === DropZone);
+};
+const isComboBoxElement = (type) => {
+    const _type = isStyledComponent(type) ? type.target : type;
+    return _type === SingleComboBox || _type === MultiComboBox;
+};
+export const FormControl = ActualFormControl;
 //# sourceMappingURL=FormControl.js.map

package/esm/components/FormControl/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,MAAM,CAAC,MAAM,WAAW,GAAoB,SAAS,CAAA;AACrD,6CAA6C;AAC7C,WAAW,CAAC,WAAW,GAAG,WAAW,CAAA"}
+{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"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"}

package/esm/components/Icon/Icon.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export declare const FaAddressBookIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaAddressCardIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaAngleDownIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaAngleLeftIcon: import("react").FC<import("./generateIcon").Props>;
@@ -7,20 +8,22 @@ export declare const FaAngleUpIcon: import("react").FC<import("./generateIcon").
 export declare const FaAnglesLeftIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaAnglesRightIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaArrowDownIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaArrowDownWideShortIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaArrowLeftIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaArrowRightIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaArrowRotateLeftIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaArrowRotateRightIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaArrowUp19Icon: import("react").FC<import("./generateIcon").Props>;
-export declare const FaArrowUpWideShortIcon: import("react").FC<import("./generateIcon").Props>;
-export declare const FaArrowDownWideShortIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaArrowUpIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaArrowUpWideShortIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaArrowsRotateIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaAsteriskIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaBabyCarriageIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaBanIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaBarsIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaBarsStaggeredIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaBellIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaBellSlashIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaBoltIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaBookIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaBookOpenIcon: import("react").FC<import("./generateIcon").Props>;
@@ -33,6 +36,7 @@ export declare const FaCalendarCheckIcon: import("react").FC<import("./generateI
 export declare const FaCalendarDaysIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaCalendarXmarkIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaCaretDownIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaCaretLeftIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaCaretRightIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaCaretUpIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaChartAreaIcon: import("react").FC<import("./generateIcon").Props>;
@@ -54,6 +58,7 @@ export declare const FaCirclePlusIcon: import("react").FC<import("./generateIcon
 export declare const FaCircleQuestionIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaCircleUserIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaCircleXmarkIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaClipboardCheckIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaClipboardIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaClipboardListIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaClockIcon: import("react").FC<import("./generateIcon").Props>;
@@ -66,6 +71,8 @@ export declare const FaCommentIcon: import("react").FC<import("./generateIcon").
 export declare const FaCommentsIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaCompressIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaCopyIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaCubeIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaCubesIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaDatabaseIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaDoorOpenIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaDownLeftAndUpRightToCenterIcon: import("react").FC<import("./generateIcon").Props>;
@@ -87,6 +94,7 @@ export declare const FaFolderPlusIcon: import("react").FC<import("./generateIcon
 export declare const FaFontIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaGaugeIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaGearIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaGearsIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaGlobeIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaGraduationCapIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaGripIcon: import("react").FC<import("./generateIcon").Props>;
@@ -95,8 +103,11 @@ export declare const FaGripLinesVerticalIcon: import("react").FC<import("./gener
 export declare const FaGripVerticalIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaHourglassHalfIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaHouseIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaIdBadgeIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaIdCardIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaImageIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaInboxIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaIntercomIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaKeyIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaLeftLongIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaLeftRightIcon: import("react").FC<import("./generateIcon").Props>;
@@ -104,17 +115,22 @@ export declare const FaLightbulbIcon: import("react").FC<import("./generateIcon"
 export declare const FaLinkIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaListIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaListOlIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaListUlIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaLockIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaLockOpenIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaMagnifyingGlassIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaMagnifyingGlassMinusIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaMagnifyingGlassPlusIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaMessageIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaMinusIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaMoneyCheckDollarIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPaintbrushIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPaperPlaneIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPaperclipIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPenIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPenToSquareIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPencilIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaPiggyBankIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPlusIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPowerOffIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaPrintIcon: import("react").FC<import("./generateIcon").Props>;
@@ -129,9 +145,13 @@ export declare const FaRocketIcon: import("react").FC<import("./generateIcon").P
 export declare const FaRotateIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaRotateLeftIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaShareNodesIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaShieldHalvedIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaSlidersIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaSortDownIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaSortIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaSortUpIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaSquareCheckIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaSquareMinusIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaSquarePlusIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaSquarePollVerticalIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaStarIcon: import("react").FC<import("./generateIcon").Props>;
@@ -139,6 +159,7 @@ export declare const FaSuitcaseMedicalIcon: import("react").FC<import("./generat
 export declare const FaTableIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaTableListIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaTagIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaTagsIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaToolboxIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaTrashCanIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaTrashIcon: import("react").FC<import("./generateIcon").Props>;
@@ -152,8 +173,12 @@ export declare const FaUserCheckIcon: import("react").FC<import("./generateIcon"
 export declare const FaUserClockIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaUserIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaUserLargeIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaUserPenIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaUserPlusIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaUsersIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaWindowMaximizeIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaWindowMinimizeIcon: import("react").FC<import("./generateIcon").Props>;
+export declare const FaWindowRestoreIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaXmarkIcon: import("react").FC<import("./generateIcon").Props>;
 export declare const FaYenSignIcon: import("react").FC<import("./generateIcon").Props>;
 export { WarningIcon } from './WarningIcon';