smarthr-ui 56.0.0 → 57.0.0

package/esm/components/AccordionPanel/AccordionPanelTrigger.js

@@ -9,7 +9,7 @@ import { AccordionPanelItemContext } from './AccordionPanelItem';
 import { getNewExpandedItems } from './accordionPanelHelper';
 const accordionPanelTrigger = tv({
     slots: {
-        title: 'shr-grow',
+        title: 'shr-grow shr-leading-tight',
         button: [
             'smarthr-ui-AccordionPanel-trigger',
             'shr-group shr-bg-transparent shr-border-none shr-appearance-none shr-w-full shr-px-1 shr-py-0.75 shr-cursor-pointer shr-text-inherit shr-text-color-inherit shr-text-left',

package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map

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

package/esm/components/AppNavi/AppNavi.d.ts

@@ -7,7 +7,9 @@ type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
 type Props = PropsWithChildren<{
     /** ラベルのテキスト */
     label?: ReactNode;
-    /** 表示するボタンの Props の配列 */
+    /** 表示するボタンの Props の配列
+     * @deprecated AppNaviButton などのコンポーネントを組み合わせて組み上げてください
+     */
     buttons?: Array<AppNaviButtonProps | AppNaviAnchorProps | AppNaviDropdownProps | AppNaviCustomTagProps>;
     /** ドロップダウンにキャレットを表示するかどうか */
     displayDropdownCaret?: boolean;

package/esm/components/AppNavi/AppNavi.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8D,OAAO,EAAE,MAAM,OAAO,CAAA;AAClG,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAwB,MAAM,mBAAmB,CAAA;AAezE,MAAM,OAAO,GAAG,EAAE,CAAC;IACjB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,oBAAoB;YACpB,oFAAoF;SACrF;QACD,WAAW,EAAE,CAAC,0BAA0B,EAAE,uBAAuB,CAAC;QAClE,SAAS,EAAE;YACT,4BAA4B;YAC5B,uDAAuD;SACxD;QACD,QAAQ,EAAE,CAAC,6BAA6B,EAAE,eAAe,CAAC;KAC3D;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAA6B,CAAC,EAChD,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,oBAAoB,GAAG,KAAK,EAC5B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACnF,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAA;QAC/D,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,gBAAgB,EAAE,WAAW,EAAE;YAC/B,YAAY,EAAE,SAAS,EAAE;YACzB,aAAa,EAAE,QAAQ,EAAE;SAC1B,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,sEAAsE;IACtE,oBAAC,GAAG,OAAK,KAAK,EAAE,SAAS,EAAE,YAAY;QACpC,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAE,gBAAgB,IAAG,KAAK,CAAe;QAExE,OAAO,IAAI,CACV,4BAAI,SAAS,EAAE,YAAY,IACxB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzB,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;gBACpB,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa;oBAClC,oBAAC,gBAAgB,OAAK,MAAM,GAAI,CAC7B,CACN,CAAA;YACH,CAAC;YAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;gBACrB,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa;oBAElC,oBAAC,aAAa,OAAK,MAAM,GAAI,CAC1B,CACN,CAAA;YACH,CAAC;YAED,IAAI,iBAAiB,IAAI,MAAM,EAAE,CAAC;gBAChC,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa;oBAClC,oBAAC,eAAe,OAAK,MAAM,EAAE,YAAY,EAAE,oBAAoB,GAAI,CAChE,CACN,CAAA;YACH,CAAC;YAED,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa;gBAClC,oBAAC,aAAa,OAAK,MAAM,GAAI,CAC1B,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACN;QAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8D,OAAO,EAAE,MAAM,OAAO,CAAA;AAClG,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAwB,MAAM,mBAAmB,CAAA;AAiBzE,MAAM,OAAO,GAAG,EAAE,CAAC;IACjB,KAAK,EAAE;QACL,OAAO,EAAE;YACP,oBAAoB;YACpB,oFAAoF;SACrF;QACD,WAAW,EAAE,CAAC,0BAA0B,EAAE,uBAAuB,CAAC;QAClE,SAAS,EAAE;YACT,4BAA4B;YAC5B,uDAAuD;SACxD;QACD,QAAQ,EAAE,CAAC,6BAA6B,EAAE,eAAe,CAAC;KAC3D;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAA6B,CAAC,EAChD,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,oBAAoB,GAAG,KAAK,EAC5B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACnF,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,CAAA;QAC/D,OAAO;YACL,YAAY,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YACpC,gBAAgB,EAAE,WAAW,EAAE;YAC/B,YAAY,EAAE,SAAS,EAAE;YACzB,aAAa,EAAE,QAAQ,EAAE;SAC1B,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,sEAAsE;IACtE,oBAAC,GAAG,OAAK,KAAK,EAAE,SAAS,EAAE,YAAY;QACpC,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAE,gBAAgB,IAAG,KAAK,CAAe;QAExE,OAAO,IAAI,CACV,4BAAI,SAAS,EAAE,YAAY,IACxB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzB,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;gBACpB,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa;oBAClC,oBAAC,gBAAgB,OAAK,MAAM,GAAI,CAC7B,CACN,CAAA;YACH,CAAC;YAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;gBACrB,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa;oBAElC,oBAAC,aAAa,OAAK,MAAM,GAAI,CAC1B,CACN,CAAA;YACH,CAAC;YAED,IAAI,iBAAiB,IAAI,MAAM,EAAE,CAAC;gBAChC,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa;oBAClC,oBAAC,eAAe,OAAK,MAAM,EAAE,YAAY,EAAE,oBAAoB,GAAI,CAChE,CACN,CAAA;YACH,CAAC;YAED,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa;gBAClC,oBAAC,aAAa,OAAK,MAAM,GAAI,CAC1B,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACN;QAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppNavi/AppNaviDropdown.d.ts

@@ -9,4 +9,5 @@ export type AppNaviDropdownProps = PropsWithChildren<{
     current?: boolean;
     displayCaret?: boolean;
 }>;
+/** @deprecated AppNaviDropdownMenuButton を使ってください */
 export declare const AppNaviDropdown: FC<AppNaviDropdownProps>;

package/esm/components/AppNavi/AppNaviDropdown.js

@@ -17,6 +17,7 @@ const appNaviDropdown = tv({
         },
     },
 });
+/** @deprecated AppNaviDropdownMenuButton を使ってください */
 export const AppNaviDropdown = ({ children, dropdownContent, icon: Icon, current = false, displayCaret, }) => {
     const { wrapperStyle, iconStyle } = useMemo(() => {
         const { wrapper, icon } = appNaviDropdown({ active: current, displayCaret });

package/esm/components/AppNavi/AppNaviDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,eAAe,GAAG,EAAE,CAAC;IACzB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,6BAA6B;oBAC7B,sEAAsE;iBACvE;aACF;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,QAAQ,EACR,eAAe,EACf,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAA;QAC5E,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,oBAAC,cAAc,oBAAe,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY;gBAChF,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;gBACtC,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACrB,CACD;QAElB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,OAAO,EAAE,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,eAAe,GAAG,EAAE,CAAC;IACzB,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,IAAI,EAAE;gBACJ,OAAO,EAAE;oBACP,6BAA6B;oBAC7B,sEAAsE;iBACvE;aACF;SACF;KACF;CACF,CAAC,CAAA;AAEF,qDAAqD;AACrD,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACxD,QAAQ,EACR,eAAe,EACf,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,KAAK,EACf,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/C,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAA;QAC5E,OAAO;YACL,YAAY,EAAE,OAAO,EAAE;YACvB,SAAS,EAAE,IAAI,EAAE;SAClB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,oBAAC,cAAc,oBAAe,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY;gBAChF,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI;gBACtC,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACrB,CACD;QAElB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppNavi/AppNaviDropdownMenuButton.d.ts

@@ -0,0 +1,7 @@
+import { type FC, type PropsWithChildren, type ReactNode } from 'react';
+type AppNaviDropdownMenuButtonProps = PropsWithChildren<{
+    /** 引き金となるボタンラベル */
+    label: ReactNode;
+}>;
+export declare const AppNaviDropdownMenuButton: FC<AppNaviDropdownMenuButtonProps>;
+export {};

package/esm/components/AppNavi/AppNaviDropdownMenuButton.js

@@ -0,0 +1,37 @@
+import React, { useMemo, useState, } from 'react';
+import { tv } from 'tailwind-variants';
+import { UnstyledButton } from '../Button';
+import { Dropdown, DropdownContent, DropdownScrollArea, DropdownTrigger } from '../Dropdown';
+import { dropdownMenuButton } from '../Dropdown/DropdownMenuButton/DropdownMenuButton';
+import { FaCaretDownIcon } from '../Icon';
+import { appNaviItemStyle } from './style';
+const { slots: { triggerButton, actionList }, } = dropdownMenuButton;
+const appNaviDropdownMenuButton = tv({
+    extend: appNaviItemStyle,
+    slots: {
+        wrapper: ['smarthr-ui-AppNavi-dropdownMenuButton', triggerButton],
+        actionList,
+    },
+});
+export const AppNaviDropdownMenuButton = ({ children, label, }) => {
+    const [hasCurrentPage, setHasCurrentPage] = useState(false);
+    const actualChildren = useMemo(() => React.Children.map(children, (item, i) => {
+        if (React.isValidElement(item) && item.props['aria-current'] === 'page') {
+            setHasCurrentPage(true);
+        }
+        // MEMO: {flag && <Button/>}のような書き方に対応させる為、型を変換する
+        // itemの存在チェックでfalsyな値は弾かれている想定
+        return item ? React.createElement("li", { key: i }, item) : null;
+    }), [children]);
+    const { wrapper: wrapperStyle, actionList: actionListStyle } = appNaviDropdownMenuButton({
+        active: hasCurrentPage,
+    });
+    return (React.createElement(Dropdown, null,
+        React.createElement(DropdownTrigger, null,
+            React.createElement(UnstyledButton, { className: wrapperStyle() },
+                label,
+                React.createElement(FaCaretDownIcon, null))),
+        React.createElement(DropdownContent, null,
+            React.createElement(DropdownScrollArea, { as: "ul", className: actionListStyle() }, actualChildren))));
+};
+//# sourceMappingURL=AppNaviDropdownMenuButton.js.map

package/esm/components/AppNavi/AppNaviDropdownMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppNaviDropdownMenuButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAwB,cAAc,EAAE,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAA;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAY1C,MAAM,EACJ,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,GACrC,GAAG,kBAAkB,CAAA;AACtB,MAAM,yBAAyB,GAAG,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE;QACL,OAAO,EAAE,CAAC,uCAAuC,EAAE,aAAa,CAAC;QACjE,UAAU;KACX;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAuC,CAAC,EAC5E,QAAQ,EACR,KAAK,GACN,EAAE,EAAE;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CACH,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACvC,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,MAAM,EAAE,CAAC;YACxE,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACzB,CAAC;QAED,iDAAiD;QACjD,+BAA+B;QAC/B,OAAO,IAAI,CAAC,CAAC,CAAC,4BAAI,GAAG,EAAE,CAAC,IAAG,IAA4B,CAAM,CAAC,CAAC,CAAC,IAAI,CAAA;IACtE,CAAC,CAAC,EACJ,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,yBAAyB,CAAC;QACvF,MAAM,EAAE,cAAc;KACvB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,eAAe;YACd,oBAAC,cAAc,IAAC,SAAS,EAAE,YAAY,EAAE;gBACtC,KAAK;gBACN,oBAAC,eAAe,OAAG,CACJ,CACD;QAClB,oBAAC,eAAe;YACd,oBAAC,kBAAkB,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,eAAe,EAAE,IACrD,cAAc,CACI,CACL,CACT,CACZ,CAAA;AACH,CAAC,CAAA"}

package/esm/components/AppNavi/index.d.ts

@@ -1,5 +1,14 @@
-export * from './AppNavi';
-export { AppNaviAnchorProps } from './AppNaviAnchor';
-export { AppNaviButtonProps } from './AppNaviButton';
-export { AppNaviDropdownProps } from './AppNaviDropdown';
-export { AppNaviCustomTagProps } from './AppNaviCustomTag';
+export { AppNavi } from './AppNavi';
+export { 
+/** @deprecated AppNaviAnchor を直接使ってください */
+AppNaviAnchorProps, AppNaviAnchor, } from './AppNaviAnchor';
+export { 
+/** @deprecated AppNaviButton を直接使ってください */
+AppNaviButtonProps, AppNaviButton, } from './AppNaviButton';
+export { 
+/** @deprecated AppNaviDropdownMenuButton を直接使ってください */
+AppNaviDropdownProps, AppNaviDropdown, } from './AppNaviDropdown';
+export { 
+/** @deprecated AppNaviCustomTag を直接使ってください */
+AppNaviCustomTagProps, AppNaviCustomTag, } from './AppNaviCustomTag';
+export { AppNaviDropdownMenuButton } from './AppNaviDropdownMenuButton';

package/esm/components/AppNavi/index.js

@@ -1,2 +1,7 @@
-export * from './AppNavi';
+export { AppNavi } from './AppNavi';
+export { AppNaviAnchor, } from './AppNaviAnchor';
+export { AppNaviButton, } from './AppNaviButton';
+export { AppNaviDropdown, } from './AppNaviDropdown';
+export { AppNaviCustomTag, } from './AppNaviCustomTag';
+export { AppNaviDropdownMenuButton } from './AppNaviDropdownMenuButton';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppNavi/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AppNavi/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAGL,aAAa,GACd,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAGL,aAAa,GACd,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAGL,eAAe,GAChB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAGL,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA"}

package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts

@@ -1,49 +1,28 @@
-import { FC, PropsWithChildren, ReactNode } from 'react';
-import { HeadingTagTypes } from '../../Heading';
-import { type ContentBodyProps } from '../useDialogInnerStyle';
+import { type FC, type PropsWithChildren, type ReactNode } from 'react';
+import { type Props as DialogBodyProps } from '../DialogBody';
+import { type Props as DialogHeaderProps } from '../DialogHeader';
 import type { DecoratorsType, ResponseMessageType } from '../../../types';
-export type BaseProps = PropsWithChildren<{
-    /**
-     * ダイアログのタイトル
-     */
-    title: ReactNode;
-    /**
-     * ダイアログのサブタイトル
-     */
-    subtitle?: ReactNode;
-    /**
-     * @deprecated SectioningContent(Article, Aside, Nav, Section)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
-     */
-    titleTag?: HeadingTagTypes;
-    /**
-     * アクションボタンのラベル
-     */
+export type BaseProps = PropsWithChildren<DialogHeaderProps & DialogBodyProps & {
+    /** アクションボタンのラベル */
     actionText: ReactNode;
-    /**
-     * アクションボタンのスタイル
-     */
+    /** アクションボタンのスタイル */
     actionTheme?: 'primary' | 'secondary' | 'danger';
     /**
      * アクションボタンをクリックした時に発火するコールバック関数
      * @param closeDialog - ダイアログを閉じる関数
      */
     onClickAction: (closeDialog: () => void) => void;
-    /**
-     * アクションボタンを無効にするかどうか
-     */
+    /** アクションボタンを無効にするかどうか */
     actionDisabled?: boolean;
-    /**
-     * 閉じるボタンを無効にするかどうか
-     */
+    /** 閉じるボタンを無効にするかどうか */
     closeDisabled?: boolean;
     /** ダイアログフッターの左端操作領域 */
     subActionArea?: ReactNode;
     /** コンポーネント内の文言を変更するための関数を設定 */
     decorators?: DecoratorsType<'closeButtonLabel'>;
-}> & ContentBodyProps;
+}>;
 export type ActionDialogContentInnerProps = BaseProps & {
     onClickClose: () => void;
     responseMessage?: ResponseMessageType;
-    titleId: string;
 };
 export declare const ActionDialogContentInner: FC<ActionDialogContentInnerProps>;

package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js

@@ -1,33 +1,29 @@
 import React, { useCallback } from 'react';
 import { Button } from '../../Button';
-import { Heading } from '../../Heading';
 import { Cluster, Stack } from '../../Layout';
 import { ResponseMessage } from '../../ResponseMessage';
-import { Section } from '../../SectioningContent';
-import { Text } from '../../Text';
-import { useOffsetHeight } from '../dialogHelper';
-import { useDialoginnerStyle } from '../useDialogInnerStyle';
+import { DialogBody } from '../DialogBody';
+import { DialogHeader } from '../DialogHeader';
+import { dialogContentInner } from '../dialogInnerStyle';
 const CLOSE_BUTTON_LABEL = 'キャンセル';
 export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, contentBgColor, contentPadding, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
     const handleClickAction = useCallback(() => {
         onClickAction(onClickClose);
     }, [onClickAction, onClickClose]);
-    const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
     const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
-    const { titleAreaStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useDialoginnerStyle(offsetHeight, contentBgColor, contentPadding);
-    return (React.createElement(Section, null,
-        React.createElement(Heading, { tag: titleTag },
-            React.createElement(Stack, { gap: 0.25, as: "span", ref: titleRef, className: titleAreaStyle },
-                subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: "smarthr-ui-Dialog-subtitle" }, subtitle)),
-                React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: "smarthr-ui-Dialog-title" }, title))),
-        React.createElement("div", { ...bodyStyleProps }, children),
-        React.createElement(Stack, { gap: 0.5, ref: bottomRef, className: actionAreaStyle },
+    const { wrapper, actionArea, buttonArea, message } = dialogContentInner();
+    return (
+    // eslint-disable-next-line smarthr/best-practice-for-layouts, smarthr/a11y-heading-in-sectioning-content
+    React.createElement(Stack, { gap: 0, as: "section", className: wrapper() },
+        React.createElement(DialogHeader, { title: title, subtitle: subtitle, titleTag: titleTag, titleId: titleId }),
+        React.createElement(DialogBody, { contentPadding: contentPadding, contentBgColor: contentBgColor }, children),
+        React.createElement(Stack, { gap: 0.5, className: actionArea() },
             React.createElement(Cluster, { justify: "space-between" },
                 subActionArea,
-                React.createElement(Cluster, { gap: { row: 0.5, column: 1 }, className: buttonAreaStyle },
+                React.createElement(Cluster, { gap: { row: 0.5, column: 1 }, className: buttonArea() },
                     React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: "smarthr-ui-Dialog-closeButton" }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
                     React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: "smarthr-ui-Dialog-actionButton" }, actionText))),
-            (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement("div", { className: messageStyle },
+            (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement("div", { className: message() },
                 React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text))))));
 };
 //# sourceMappingURL=ActionDialogContentInner.js.map

package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmD,WAAW,EAAE,MAAM,OAAO,CAAA;AAE3F,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAiC,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAmC,MAAM,iBAAiB,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAgCxD,MAAM,kBAAkB,GAAG,OAAO,CAAA;AAClC,MAAM,CAAC,MAAM,wBAAwB,GAAsC,CAAC,EAC1E,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,GAAG,SAAS,EACvB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,UAAU,GACX,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IACjC,MAAM,mBAAmB,GAAG,eAAe,IAAI,eAAe,CAAC,MAAM,KAAK,YAAY,CAAA;IAEtF,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEzE,OAAO;IACL,yGAAyG;IACzG,oBAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,EAAE;QAC9C,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI;QACxF,oBAAC,UAAU,IAAC,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,IACvE,QAAQ,CACE;QACb,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE;YACtC,oBAAC,OAAO,IAAC,OAAO,EAAC,eAAe;gBAC7B,aAAa;gBACd,oBAAC,OAAO,IAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;oBAC5D,oBAAC,MAAM,IACL,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,aAAa,IAAI,mBAAmB,EAC9C,SAAS,EAAC,+BAA+B,IAExC,UAAU,EAAE,gBAAgB,EAAE,CAAC,kBAAkB,CAAC,IAAI,kBAAkB,CAClE;oBACT,oBAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAC,gCAAgC,IAEzC,UAAU,CACJ,CACD,CACF;YACT,CAAC,eAAe,EAAE,MAAM,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CACjF,6BAAK,SAAS,EAAE,OAAO,EAAE;gBACvB,oBAAC,eAAe,IAAC,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,IAAI,EAAC,OAAO,IACxD,eAAe,CAAC,IAAI,CACL,CACd,CACP,CACK,CACF,CACT,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Dialog/{useDialogInnerStyle.d.ts → DialogBody.d.ts}

@@ -1,8 +1,16 @@
-import { type VariantProps } from 'tailwind-variants';
-import { type Gap } from '../../types';
+import React, { type PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import type { Gap } from '../../types';
+export type Props = PropsWithChildren<Pick<VariantProps<typeof dialogBody>, 'contentBgColor'> & {
+    contentPadding?: Gap | {
+        block?: Gap;
+        inline?: Gap;
+    };
+    className?: string | undefined;
+}>;
 declare const dialogBody: import("tailwind-variants").TVReturnType<{
-    contentPaddingBlock: { [key in Gap]: string; };
-    contentPaddingInline: { [key in Gap]: string; };
+    paddingBlock: { [key in Gap]: string; };
+    paddingInline: { [key in Gap]: string; };
     contentBgColor: {
         BACKGROUND: string;
         COLUMN: string;
@@ -19,8 +27,8 @@ declare const dialogBody: import("tailwind-variants").TVReturnType<{
         GREY_20: string;
     };
 }, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
-    contentPaddingBlock: { [key in Gap]: string; };
-    contentPaddingInline: { [key in Gap]: string; };
+    paddingBlock: { [key in Gap]: string; };
+    paddingInline: { [key in Gap]: string; };
     contentBgColor: {
         BACKGROUND: string;
         COLUMN: string;
@@ -37,8 +45,8 @@ declare const dialogBody: import("tailwind-variants").TVReturnType<{
         GREY_20: string;
     };
 }, {
-    contentPaddingBlock: { [key in Gap]: string; };
-    contentPaddingInline: { [key in Gap]: string; };
+    paddingBlock: { [key in Gap]: string; };
+    paddingInline: { [key in Gap]: string; };
     contentBgColor: {
         BACKGROUND: string;
         COLUMN: string;
@@ -55,8 +63,8 @@ declare const dialogBody: import("tailwind-variants").TVReturnType<{
         GREY_20: string;
     };
 }>, {
-    contentPaddingBlock: { [key in Gap]: string; };
-    contentPaddingInline: { [key in Gap]: string; };
+    paddingBlock: { [key in Gap]: string; };
+    paddingInline: { [key in Gap]: string; };
     contentBgColor: {
         BACKGROUND: string;
         COLUMN: string;
@@ -73,8 +81,8 @@ declare const dialogBody: import("tailwind-variants").TVReturnType<{
         GREY_20: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
-    contentPaddingBlock: { [key in Gap]: string; };
-    contentPaddingInline: { [key in Gap]: string; };
+    paddingBlock: { [key in Gap]: string; };
+    paddingInline: { [key in Gap]: string; };
     contentBgColor: {
         BACKGROUND: string;
         COLUMN: string;
@@ -91,8 +99,8 @@ declare const dialogBody: import("tailwind-variants").TVReturnType<{
         GREY_20: string;
     };
 }, undefined, string[], import("tailwind-variants/dist/config").TVConfig<{
-    contentPaddingBlock: { [key in Gap]: string; };
-    contentPaddingInline: { [key in Gap]: string; };
+    paddingBlock: { [key in Gap]: string; };
+    paddingInline: { [key in Gap]: string; };
     contentBgColor: {
         BACKGROUND: string;
         COLUMN: string;
@@ -109,8 +117,8 @@ declare const dialogBody: import("tailwind-variants").TVReturnType<{
         GREY_20: string;
     };
 }, {
-    contentPaddingBlock: { [key in Gap]: string; };
-    contentPaddingInline: { [key in Gap]: string; };
+    paddingBlock: { [key in Gap]: string; };
+    paddingInline: { [key in Gap]: string; };
     contentBgColor: {
         BACKGROUND: string;
         COLUMN: string;
@@ -127,22 +135,5 @@ declare const dialogBody: import("tailwind-variants").TVReturnType<{
         GREY_20: string;
     };
 }>, unknown, unknown, undefined>>;
-export type ContentBodyProps = Pick<VariantProps<typeof dialogBody>, 'contentBgColor'> & {
-    contentPadding?: Gap | {
-        block?: Gap;
-        inline?: Gap;
-    };
-};
-export declare const useDialoginnerStyle: (offsetHeight: number, bgColor: ContentBodyProps["contentBgColor"], padding?: ContentBodyProps["contentPadding"]) => {
-    titleAreaStyle: string;
-    bodyStyleProps: {
-        className: string;
-        style: {
-            maxHeight: string;
-        };
-    };
-    actionAreaStyle: string;
-    buttonAreaStyle: string;
-    messageStyle: string;
-};
+export declare const DialogBody: React.FC<Props>;
 export {};

package/esm/components/Dialog/{useDialogInnerStyle.js → DialogBody.js}

@@ -1,17 +1,9 @@
-import { useMemo } from 'react';
+import React from 'react';
 import { tv } from 'tailwind-variants';
-const dialogContentInner = tv({
-    slots: {
-        titleArea: ['smarthr-ui-Dialog-titleArea', 'shr-border-b-shorthand shr-px-1.5 shr-py-1'],
-        actionArea: ['smarthr-ui-Dialog-actionArea', 'shr-border-t-shorthand shr-px-1.5 shr-py-1'],
-        buttonArea: ['smarthr-ui-Dialog-buttonArea', 'shr-ms-auto'],
-        message: 'shr-text-right',
-    },
-});
 const dialogBody = tv({
-    base: ['smarthr-ui-Dialog-body', 'shr-overflow-auto'],
+    base: ['smarthr-ui-Dialog-body', 'shr-overflow-auto shr-flex-auto'],
     variants: {
-        contentPaddingBlock: {
+        paddingBlock: {
             0: 'shr-py-0',
             0.25: 'shr-py-0.25',
             0.5: 'shr-py-0.5',
@@ -35,7 +27,7 @@ const dialogBody = tv({
             XXL: 'shr-py-3.5',
             X3L: 'shr-py-4',
         },
-        contentPaddingInline: {
+        paddingInline: {
             0: 'shr-px-0',
             0.25: 'shr-px-0.25',
             0.5: 'shr-px-0.5',
@@ -76,25 +68,10 @@ const dialogBody = tv({
         },
     },
 });
-export const useDialoginnerStyle = (offsetHeight, bgColor, padding = 1.5) => useMemo(() => {
-    const { titleArea, actionArea, buttonArea, message } = dialogContentInner();
-    const paddingBlock = padding instanceof Object ? padding.block : padding;
-    const paddingInline = padding instanceof Object ? padding.inline : padding;
-    return {
-        titleAreaStyle: titleArea(),
-        bodyStyleProps: {
-            className: dialogBody({
-                contentBgColor: bgColor,
-                contentPaddingBlock: paddingBlock,
-                contentPaddingInline: paddingInline,
-            }),
-            style: {
-                maxHeight: `calc(100svh - ${offsetHeight}px)`,
-            },
-        },
-        actionAreaStyle: actionArea(),
-        buttonAreaStyle: buttonArea(),
-        messageStyle: message(),
-    };
-}, [bgColor, offsetHeight, padding]);
-//# sourceMappingURL=useDialogInnerStyle.js.map
+export const DialogBody = ({ contentBgColor, contentPadding = 1.5, className, ...rest }) => {
+    const paddingBlock = contentPadding instanceof Object ? contentPadding.block : contentPadding;
+    const paddingInline = contentPadding instanceof Object ? contentPadding.inline : contentPadding;
+    const style = dialogBody({ contentBgColor, paddingBlock, paddingInline, className });
+    return React.createElement("div", { ...rest, className: style });
+};
+//# sourceMappingURL=DialogBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBody.js","sourceRoot":"","sources":["../../../src/components/Dialog/DialogBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAWpD,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE,CAAC,wBAAwB,EAAE,iCAAiC,CAAC;IACnE,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;YACnB,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,YAAY;YACjB,EAAE,EAAE,UAAU;YACd,CAAC,EAAE,YAAY;YACf,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,YAAY;YACf,EAAE,EAAE,UAAU;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,UAAU;SACY;QAC7B,aAAa,EAAE;YACb,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,IAAI,EAAE,aAAa;YACnB,CAAC,EAAE,UAAU;YACb,IAAI,EAAE,aAAa;YACnB,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,YAAY;YACjB,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,UAAU;YACb,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,YAAY;YACjB,EAAE,EAAE,UAAU;YACd,CAAC,EAAE,YAAY;YACf,CAAC,EAAE,UAAU;YACb,CAAC,EAAE,YAAY;YACf,EAAE,EAAE,UAAU;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,UAAU;SACY;QAC7B,cAAc,EAAE;YACd,UAAU,EAAE,mBAAmB;YAC/B,MAAM,EAAE,eAAe;YACvB,SAAS,EAAE,kBAAkB;YAC7B,eAAe,EAAE,wBAAwB;YACzC,IAAI,EAAE,aAAa;YACnB,MAAM,EAAE,gCAAgC;YACxC,iBAAiB,EAAE,0BAA0B;YAC7C,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,+BAA+B;YACvC,MAAM,EAAE,+BAA+B;YACvC,MAAM,EAAE,+BAA+B;YACvC,MAAM,EAAE,+BAA+B;YACvC,OAAO,EAAE,gCAAgC;SAC1C;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAoB,CAAC,EAC1C,cAAc,EACd,cAAc,GAAG,GAAG,EACpB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,cAAc,YAAY,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAA;IAC7F,MAAM,aAAa,GAAG,cAAc,YAAY,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAA;IAE/F,MAAM,KAAK,GAAG,UAAU,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAA;IACpF,OAAO,gCAAS,IAAI,EAAE,SAAS,EAAE,KAAK,GAAI,CAAA;AAC5C,CAAC,CAAA"}

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

@@ -16,24 +16,9 @@ export type DialogContentInnerProps = PropsWithChildren<{
      * ダイアログの幅
      */
     width?: string | number;
-    /**
-     * ダイアログを開いたときの初期 top 位置
-     */
-    top?: number;
-    /**
-     * ダイアログを開いたときの初期 right 位置
-     */
-    right?: number;
-    /**
-     * ダイアログを開いたときの初期 bottom 位置
-     */
-    bottom?: number;
-    /**
-     * ダイアログを開いたときの初期 left 位置
-     */
-    left?: number;
     /**
      * ダイアログの `id`
+     * TODO 使われてなさそうなので確認
      */
     id?: string;
     /**

package/esm/components/Dialog/DialogContentInner.js

@@ -1,51 +1,37 @@
 import React, { useCallback, useMemo, useRef, } from 'react';
 import { tv } from 'tailwind-variants';
 import { useHandleEscape } from '../../hooks/useHandleEscape';
-import { useTheme } from '../../hooks/useTailwindTheme';
 import { DialogOverlap } from './DialogOverlap';
-import { DialogPositionProvider } from './DialogPositionProvider';
 import { FocusTrap } from './FocusTrap';
 import { useBodyScrollLock } from './useBodyScrollLock';
-function exist(value) {
-    return value !== undefined && value !== null;
-}
 const dialogContentInner = tv({
     slots: {
-        layout: 'smarthr-ui-Dialog-wrapper shr-fixed shr-inset-0',
-        inner: 'smarthr-ui-Dialog contrast-more:shr-border-highContrast shr-absolute shr-rounded-m shr-bg-white shr-shadow-layer-3 contrast-more:shr-border-shorthand',
-        background: 'smarthr-ui-Dialog-background shr-fixed shr-inset-0 shr-bg-scrim',
+        layout: ['smarthr-ui-Dialog-wrapper', 'shr-max-w-[calc(100dvw-theme(spacing.1))]'],
+        inner: [
+            'smarthr-ui-Dialog',
+            'shr-relative shr-z-1 shr-rounded-m shr-bg-white shr-shadow-layer-3',
+            'contrast-more:shr-border-highContrast contrast-more:shr-border-shorthand',
+        ],
+        background: ['smarthr-ui-Dialog-background', 'shr-absolute shr-inset-0 shr-bg-scrim'],
     },
 });
 export const DialogContentInner = ({ onClickOverlay, onPressEscape = () => {
     /* noop */
-}, isOpen, id, width, top, right, bottom, left, firstFocusTarget, ariaLabel, ariaLabelledby, children, className, ...props }) => {
-    const { spacing } = useTheme();
-    const { layoutStyle, innerStyleProps, backgroundStyle } = useMemo(() => {
+}, isOpen, id, width, firstFocusTarget, ariaLabel, ariaLabelledby, children, className, ...rest }) => {
+    const { layoutStyleProps, innerStyle, backgroundStyle } = useMemo(() => {
         const { layout, inner, background } = dialogContentInner();
-        const positionTop = exist(top) ? `${top}px` : 'auto';
-        const positionRight = exist(right) ? `${right}px` : 'auto';
-        const positionBottom = exist(bottom) ? `${bottom}px` : 'auto';
-        const positionLeft = exist(left) ? `${left}px` : 'auto';
         const actualWidth = typeof width === 'number' ? `${width}px` : width;
-        const minimumMaxWidth = `calc(100vw - max(${left || 0}px, ${spacing[0.5]}) - max(${right || 0}px, ${spacing[0.5]}))`;
-        const translateX = exist(right) || exist(left) ? '0' : 'calc((100vw - 100%) / 2)';
-        const translateY = exist(top) || exist(bottom) ? '0' : 'calc((100svh - 100%) / 2)';
         return {
-            layoutStyle: layout(),
-            innerStyleProps: {
-                className: inner({ className }),
+            layoutStyleProps: {
+                className: layout(),
                 style: {
-                    inset: `${positionTop} ${positionRight} ${positionBottom} ${positionLeft}`,
-                    width: exist(actualWidth) ? actualWidth : undefined,
-                    maxWidth: exist(actualWidth)
-                        ? `min(${minimumMaxWidth}, ${actualWidth})`
-                        : minimumMaxWidth,
-                    transform: `translate(${translateX}, ${translateY})`,
+                    width: actualWidth ?? undefined,
                 },
             },
+            innerStyle: inner({ className }),
             backgroundStyle: background(),
         };
-    }, [bottom, className, left, right, spacing, top, width]);
+    }, [className, width]);
     const innerRef = useRef(null);
     useHandleEscape(useCallback(() => {
         if (!isOpen) {
@@ -60,11 +46,10 @@ 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))))));
+    return (React.createElement(DialogOverlap, { isOpen: isOpen },
+        React.createElement("div", { ...layoutStyleProps, id: id },
+            React.createElement("div", { onClick: handleClickOverlay, className: backgroundStyle, role: "presentation" }),
+            React.createElement("div", { ...rest, ref: innerRef, role: "dialog", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-modal": "true", className: innerStyle },
+                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":"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"}
+{"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;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAuCvD,MAAM,kBAAkB,GAAG,EAAE,CAAC;IAC5B,KAAK,EAAE;QACL,MAAM,EAAE,CAAC,2BAA2B,EAAE,2CAA2C,CAAC;QAClF,KAAK,EAAE;YACL,mBAAmB;YACnB,oEAAoE;YACpE,0EAA0E;SAC3E;QACD,UAAU,EAAE,CAAC,8BAA8B,EAAE,uCAAuC,CAAC;KACtF;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,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,EAAE,gBAAgB,EAAE,UAAU,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,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;QACpE,OAAO;YACL,gBAAgB,EAAE;gBAChB,SAAS,EAAE,MAAM,EAAE;gBACnB,KAAK,EAAE;oBACL,KAAK,EAAE,WAAW,IAAI,SAAS;iBAChC;aACF;YACD,UAAU,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;YAChC,eAAe,EAAE,UAAU,EAAE;SAC9B,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAA;IAEtB,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,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAEzB,OAAO,CACL,oBAAC,aAAa,IAAC,MAAM,EAAE,MAAM;QAC3B,gCAAS,gBAAgB,EAAE,EAAE,EAAE,EAAE;YAE/B,6BAAK,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAC,cAAc,GAAG;YACpF,gCACM,IAAI,EACR,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,gBACD,SAAS,qBACJ,cAAc,gBACpB,MAAM,EACjB,SAAS,EAAE,UAAU;gBAErB,oBAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,IAAG,QAAQ,CAAa,CACjE,CACF,CACQ,CACjB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { HeadingTagTypes } from '../Heading';
+export type Props = {
+    /** ダイアログタイトル */
+    title: React.ReactNode;
+    /** ダイアログサブタイトル */
+    subtitle?: React.ReactNode;
+    /**
+     * ダイアログヘッダーの HTML タグ
+     * @deprecated SectioningContent(Article, Aside, Nav, Section)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
+     */
+    titleTag?: HeadingTagTypes;
+    titleId: string;
+};
+export declare const DialogHeader: React.FC<Props>;