smarthr-ui 40.0.0 → 40.0.2

package/esm/components/BottomFixedArea/BottomFixedArea.js

@@ -3,6 +3,7 @@ import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { Base as BaseComponent } from '../Base';
 import { Cluster, Stack } from '../Layout';
+import { Text } from '../Text';
 import { TertiaryLink } from './TertiaryLink';
 import { validateElement } from './bottomFixedAreaHelper';
 import { useClassNames } from './useClassNames';
@@ -14,11 +15,11 @@ export const BottomFixedArea = ({ description, primaryButton, secondaryButton, t
     }, [primaryButton, secondaryButton]);
     return (React.createElement(Base, { ...props, themes: theme, zIndex: zIndex, className: `${className} ${classNames.wrapper}` },
         React.createElement(Stack, null,
-            description && React.createElement(Text, { className: classNames.description }, description),
-            (secondaryButton || primaryButton) && (React.createElement(ListCluster, { justify: "center", gap: { row: 0.5, column: 1 } },
+            description && (React.createElement(Text, { as: "p", className: classNames.description }, description)),
+            (secondaryButton || primaryButton) && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
                 secondaryButton && React.createElement("li", { className: classNames.secondaryButton }, secondaryButton),
                 primaryButton && React.createElement("li", { className: classNames.primaryButton }, primaryButton))),
-            tertiaryLinks && tertiaryLinks.length > 0 && (React.createElement(ListCluster, { justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (React.createElement("li", { key: index, className: classNames.tertiaryListItem },
+            tertiaryLinks && tertiaryLinks.length > 0 && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (React.createElement("li", { key: index, className: classNames.tertiaryListItem },
                 React.createElement(TertiaryLink, { ...tertiaryLink })))))))));
 };
 const Base = styled(BaseComponent) `
@@ -34,14 +35,4 @@ const Base = styled(BaseComponent) `
     box-sizing: border-box;
   `}
 `;
-const Text = styled.div `
-  margin: 0;
-`;
-const ListCluster = styled(Cluster).attrs({
-    forwardedAs: 'ul',
-}) `
-  list-style: none;
-  margin: 0;
-  padding: 0;
-`;
 //# sourceMappingURL=BottomFixedArea.js.map

package/esm/components/BottomFixedArea/BottomFixedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;YAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBACvD,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACnE,CACf;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IACvD,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACU,CACf,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtB,CAAA;AACD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;IACxC,WAAW,EAAE,IAAI;CAClB,CAAC,CAAA;;;;CAID,CAAA"}
+{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA"}

package/esm/components/ErrorScreen/ErrorScreen.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 type Props = {
     /** ロゴ */
     logo?: ReactNode;
@@ -20,6 +20,6 @@ type Props = {
     /** コンポーネントに適用するクラス名 */
     className?: string;
 };
-type ElementProps = Omit<ComponentProps<'div'>, keyof Props>;
+type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
 export declare const ErrorScreen: FC<Props & ElementProps>;
 export {};

package/esm/components/ErrorScreen/ErrorScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,OAAO,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA0BtC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,6BAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,6BAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,oBAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,IAChF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK;oBACZ,oBAAC,QAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA4BtC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,6BAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,6BAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,oBAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,IAChF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK;oBACZ,oBAAC,QAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA"}

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

@@ -33,7 +33,6 @@ declare const MessageScreen: import("react").FC<{
     inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
     nonce?: string | undefined;
     tabIndex?: number | undefined;
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;

package/esm/components/Layout/Center/Center.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
+import React from 'react';
 import type { Gap } from '../../../types';
+import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
 type Props = PropsWithChildren<{
     /** コンテンツの最小高さ */
     minHeight?: number | string;
@@ -11,6 +12,18 @@ type Props = PropsWithChildren<{
     verticalCentering?: boolean;
     as?: string | React.ComponentType<any>;
 }>;
-type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
-export declare const Center: React.FC<Props & ElementProps>;
+type ElementProps = Omit<ComponentPropsWithRef<'div'>, keyof Props>;
+export declare const Center: React.ForwardRefExoticComponent<Omit<{
+    /** コンテンツの最小高さ */
+    minHeight?: string | number | undefined;
+    /** コンテンツの最大幅 */
+    maxWidth?: string | number | undefined;
+    /** 境界とコンテンツの間の余白 */
+    padding?: Gap | undefined;
+    /** 天地中央揃えも有効化するかどうか */
+    verticalCentering?: boolean | undefined;
+    as?: string | React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & ElementProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/esm/components/Layout/Center/Center.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 const center = tv({
     base: 'shr-mx-auto shr-box-content shr-flex shr-flex-col shr-items-center',
@@ -32,7 +32,7 @@ const center = tv({
         },
     },
 });
-export const Center = ({ minHeight, maxWidth, padding, verticalCentering, as: Component = 'div', className, ...props }) => {
+export const Center = forwardRef(({ minHeight, maxWidth, padding, verticalCentering, as: Component = 'div', className, ...props }, ref) => {
     const styleProps = useMemo(() => ({
         className: center({ padding, verticalCentering, className }),
         style: {
@@ -40,6 +40,6 @@ export const Center = ({ minHeight, maxWidth, padding, verticalCentering, as: Co
             maxWidth: maxWidth ?? undefined,
         },
     }), [padding, verticalCentering, className, minHeight, maxWidth]);
-    return React.createElement(Component, { ...props, ...styleProps });
-};
+    return React.createElement(Component, { ...styleProps, ...props, ref: ref });
+});
 //# sourceMappingURL=Center.js.map

package/esm/components/Layout/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/components/Layout/Center/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+C,OAAO,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAiBtC,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;QAC7B,iBAAiB,EAAE;YACjB,IAAI,EAAE,oBAAoB;SAC3B;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAmC,CAAC,EACrD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC;QAC5D,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,IAAI,SAAS;YACjC,QAAQ,EAAE,QAAQ,IAAI,SAAS;SAChC;KACF,CAAC,EACF,CAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC7D,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,KAAK,KAAM,UAAU,GAAI,CAAA;AACjD,CAAC,CAAA"}
+{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/components/Layout/Center/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAkBtC,MAAM,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;QAC7B,iBAAiB,EAAE;YACjB,IAAI,EAAE,oBAAoB;SAC3B;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAC/F,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC;QAC5D,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,IAAI,SAAS;YACjC,QAAQ,EAAE,QAAQ,IAAI,SAAS;SAChC;KACF,CAAC,EACF,CAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC7D,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,UAAU,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3D,CAAC,CACF,CAAA"}

package/esm/components/Layout/Cluster/Cluster.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'tailwind-variants';
 import type { Gap, SeparateGap } from '../../../types';
-import type { ComponentProps, PropsWithChildren } from 'react';
+import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
 declare const cluster: import("tailwind-variants").TVReturnType<{
     inline: {
         true: string;
@@ -693,6 +693,6 @@ type Props = PropsWithChildren<Omit<VariantProps<typeof cluster>, 'gap' | 'rowGa
     as?: string | React.ComponentType<any>;
     /** 間隔の指定（基準フォントサイズの相対値または抽象値） */
     gap?: Gap | SeparateGap;
-}> & ComponentProps<'div'>;
-export declare const Cluster: React.FC<Props>;
+}> & ComponentPropsWithRef<'div'>;
+export declare const Cluster: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/esm/components/Layout/Cluster/Cluster.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 const cluster = tv({
     base: 'shr-flex-wrap [&:empty]:shr-gap-0',
@@ -103,11 +103,11 @@ const cluster = tv({
         },
     },
 });
-export const Cluster = ({ as: Component = 'div', gap = 0.5, ...props }) => {
+export const Cluster = forwardRef(({ as: Component = 'div', gap = 0.5, ...props }, ref) => {
     const rowGap = gap instanceof Object ? gap.row : gap;
     const columnGap = gap instanceof Object ? gap.column : gap;
     const { inline = false, align, justify, className, ...others } = props;
     const styles = useMemo(() => cluster({ inline, rowGap, columnGap, align, justify, className }), [inline, rowGap, columnGap, align, justify, className]);
-    return React.createElement(Component, { ...others, className: styles });
-};
+    return React.createElement(Component, { ...others, ref: ref, className: styles });
+});
 //# sourceMappingURL=Cluster.js.map

package/esm/components/Layout/Cluster/Cluster.js.map

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

package/esm/components/Layout/Reel/Reel.d.ts

@@ -1,8 +1,9 @@
-import React, { ComponentProps, PropsWithChildren } from 'react';
+import React from 'react';
 import { VariantProps } from 'tailwind-variants';
+import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
 type Props = VariantProps<typeof reel> & PropsWithChildren<{
     as?: string | React.ComponentType<any>;
-}> & ComponentProps<'div'>;
+}> & ComponentPropsWithRef<'div'>;
 declare const reel: import("tailwind-variants").TVReturnType<{
     gap: {
         0: string;
@@ -515,5 +516,5 @@ declare const reel: import("tailwind-variants").TVReturnType<{
         X3L: string;
     };
 }>, unknown, unknown, undefined>>;
-export declare const Reel: React.FC<Props>;
+export declare const Reel: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/esm/components/Layout/Reel/Reel.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 const reel = tv({
     base: [
@@ -73,8 +73,8 @@ const reel = tv({
         },
     },
 });
-export const Reel = ({ as: Component = 'div', gap = 0.5, padding = 0, className, ...props }) => {
+export const Reel = forwardRef(({ as: Component = 'div', gap = 0.5, padding = 0, className, ...props }, ref) => {
     const styles = useMemo(() => reel({ gap, padding, className }), [className, gap, padding]);
-    return React.createElement(Component, { ...props, className: styles });
-};
+    return React.createElement(Component, { ...props, ref: ref, className: styles });
+});
 //# sourceMappingURL=Reel.js.map

package/esm/components/Layout/Reel/Reel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reel.js","sourceRoot":"","sources":["../../../../src/components/Layout/Reel/Reel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,OAAO,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAUpD,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,EAAE;QACJ,oDAAoD;QACpD,oEAAoE;QACpE;;;UAGE;QACF,iBAAiB;KAClB;IACD,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,CAAC,EAAE,WAAW;YACd,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,IAAI,EAAE,cAAc;YACpB,CAAC,EAAE,WAAW;YACd,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,WAAW;YACd,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,cAAc;YACnB,GAAG,EAAE,aAAa;YAClB,EAAE,EAAE,WAAW;YACf,CAAC,EAAE,aAAa;YAChB,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,aAAa;YAChB,EAAE,EAAE,WAAW;YACf,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,WAAW;SACW;QAC7B,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;KAC9B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAoB,CAAC,EACpC,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,CAAC,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAA;IAC1F,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACpD,CAAC,CAAA"}
+{"version":3,"file":"Reel.js","sourceRoot":"","sources":["../../../../src/components/Layout/Reel/Reel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAWpD,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,EAAE;QACJ,oDAAoD;QACpD,oEAAoE;QACpE;;;UAGE;QACF,iBAAiB;KAClB;IACD,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,CAAC,EAAE,WAAW;YACd,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,IAAI,EAAE,cAAc;YACpB,CAAC,EAAE,WAAW;YACd,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,GAAG,EAAE,aAAa;YAClB,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,WAAW;YACd,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE,eAAe;YACxB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,cAAc;YACtB,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,cAAc;YACnB,GAAG,EAAE,aAAa;YAClB,EAAE,EAAE,WAAW;YACf,CAAC,EAAE,aAAa;YAChB,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,aAAa;YAChB,EAAE,EAAE,WAAW;YACf,GAAG,EAAE,aAAa;YAClB,GAAG,EAAE,WAAW;SACW;QAC7B,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;KAC9B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAA;IAC1F,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}

package/esm/components/Layout/Sidebar/Sidebar.d.ts

@@ -1,7 +1,7 @@
-import { type CSSProperties, type ComponentProps, type PropsWithChildren } from 'react';
 import React from 'react';
 import { VariantProps } from 'tailwind-variants';
 import type { Gap, SeparateGap } from '../../../types';
+import type { CSSProperties, ComponentPropsWithRef, PropsWithChildren } from 'react';
 declare const sidebar: import("tailwind-variants").TVReturnType<{
     align: {
         start: string;
@@ -670,6 +670,6 @@ type Props = Omit<VariantProps<typeof sidebar>, 'rowGap' | 'columnGap'> & Varian
     contentsMinWidth?: CSSProperties['minWidth'];
     /** 各領域の間隔の指定（gap） */
     gap?: Gap | SeparateGap;
-}> & ComponentProps<'div'>;
-export declare const Sidebar: React.FC<Props>;
+}> & ComponentPropsWithRef<'div'>;
+export declare const Sidebar: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/esm/components/Layout/Sidebar/Sidebar.js

@@ -1,5 +1,4 @@
-import { useMemo, } from 'react';
-import React from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 const sidebar = tv({
     base: ['shr-flex shr-flex-wrap', 'empty:shr-gap-0'],
@@ -81,7 +80,7 @@ const sidebarItem = tv({
         },
     },
 });
-export const Sidebar = ({ as: Component = 'div', align = 'stretch', contentsMinWidth = '50%', gap = 1, right = false, className, children, ...props }) => {
+export const Sidebar = forwardRef(({ as: Component = 'div', align = 'stretch', contentsMinWidth = '50%', gap = 1, right = false, className, children, ...props }, ref) => {
     const rowGap = gap instanceof Object ? gap.row : gap;
     const columnGap = gap instanceof Object ? gap.column : gap;
     const wrapperStyle = useMemo(() => sidebar({ align, rowGap, columnGap, className }), [align, rowGap, columnGap, className]);
@@ -120,6 +119,6 @@ export const Sidebar = ({ as: Component = 'div', align = 'stretch', contentsMinW
         }
         return child;
     });
-    return (React.createElement(Component, { ...props, className: wrapperStyle }, styledChildren));
-};
+    return (React.createElement(Component, { ...props, ref: ref, className: wrapperStyle }, styledChildren));
+});
 //# sourceMappingURL=Sidebar.js.map

package/esm/components/Layout/Sidebar/Sidebar.js.map

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

package/esm/components/Layout/Stack/Stack.d.ts

@@ -50,7 +50,7 @@ declare const stack: import("tailwind-variants").TVReturnType<{
         baseline: string;
         stretch: string;
     };
-}, undefined, "shr-flex-col shr-justify-start [&&&]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "shr-flex-col shr-justify-start [&_>_*]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
     inline: {
         true: string;
         false: string;
@@ -250,7 +250,7 @@ declare const stack: import("tailwind-variants").TVReturnType<{
         baseline: string;
         stretch: string;
     };
-}, undefined, "shr-flex-col shr-justify-start [&&&]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "shr-flex-col shr-justify-start [&_>_*]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
     inline: {
         true: string;
         false: string;

package/esm/components/Layout/Stack/Stack.js

@@ -1,47 +1,35 @@
 import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 const stack = tv({
-    base: 'shr-flex-col shr-justify-start [&&&]:shr-my-0',
+    base: 'shr-flex-col shr-justify-start [&_>_*]:shr-my-0',
     variants: {
         inline: {
             true: 'shr-inline-flex',
             false: 'shr-flex',
         },
         gap: {
-            0: '[&&&]:shr-space-y-0',
-            0.25: '[&&&]:shr-space-y-0.25',
-            0.5: '[&&&]:shr-space-y-0.5',
-            0.75: '[&&&]:shr-space-y-0.75',
-            1: '[&&&]:shr-space-y-1',
-            1.25: '[&&&]:shr-space-y-1.25',
-            1.5: '[&&&]:shr-space-y-1.5',
-            2: '[&&&]:shr-space-y-2',
-            2.5: '[&&&]:shr-space-y-2.5',
-            3: '[&&&]:shr-space-y-3',
-            3.5: '[&&&]:shr-space-y-3.5',
-            4: '[&&&]:shr-space-y-4',
-            8: '[&&&]:shr-space-y-8',
-            '-0.25': '[&&&]:-shr-space-y-0.25',
-            '-0.5': '[&&&]:-shr-space-y-0.5',
-            '-0.75': '[&&&]:-shr-space-y-0.75',
-            '-1': '[&&&]:-shr-space-y-1',
-            '-1.25': '[&&&]:-shr-space-y-1.25',
-            '-1.5': '[&&&]:-shr-space-y-1.5',
-            '-2': '[&&&]:-shr-space-y-2',
-            '-2.5': '[&&&]:-shr-space-y-2.5',
-            '-3': '[&&&]:-shr-space-y-3',
-            '-3.5': '[&&&]:-shr-space-y-3.5',
-            '-4': '[&&&]:-shr-space-y-4',
-            '-8': '[&&&]:-shr-space-y-8',
-            X3S: '[&&&]:shr-space-y-0.25',
-            XXS: '[&&&]:shr-space-y-0.5',
-            XS: '[&&&]:shr-space-y-1',
-            S: '[&&&]:shr-space-y-1.5',
-            M: '[&&&]:shr-space-y-2',
-            L: '[&&&]:shr-space-y-2.5',
-            XL: '[&&&]:shr-space-y-3',
-            XXL: '[&&&]:shr-space-y-3.5',
-            X3L: '[&&&]:shr-space-y-4',
+            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',
         },
         align: {
             start: 'shr-items-start',

package/esm/components/Layout/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAIpD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,+CAA+C;IACrD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,UAAU;SAClB;QACD,GAAG,EAAE;YACH,CAAC,EAAE,qBAAqB;YACxB,IAAI,EAAE,wBAAwB;YAC9B,GAAG,EAAE,uBAAuB;YAC5B,IAAI,EAAE,wBAAwB;YAC9B,CAAC,EAAE,qBAAqB;YACxB,IAAI,EAAE,wBAAwB;YAC9B,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,CAAC,EAAE,qBAAqB;YACxB,OAAO,EAAE,yBAAyB;YAClC,MAAM,EAAE,wBAAwB;YAChC,OAAO,EAAE,yBAAyB;YAClC,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE,yBAAyB;YAClC,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE,sBAAsB;YAC5B,GAAG,EAAE,wBAAwB;YAC7B,GAAG,EAAE,uBAAuB;YAC5B,EAAE,EAAE,qBAAqB;YACzB,CAAC,EAAE,uBAAuB;YAC1B,CAAC,EAAE,qBAAqB;YACxB,CAAC,EAAE,uBAAuB;YAC1B,EAAE,EAAE,qBAAqB;YACzB,GAAG,EAAE,uBAAuB;YAC5B,GAAG,EAAE,qBAAqB;SACC;QAC7B,KAAK,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,YAAY,EAAE,iBAAiB;YAC/B,GAAG,EAAE,eAAe;YACpB,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAC9C,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAChC,CAAA;IACD,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAIpD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,iDAAiD;IACvD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,UAAU;SAClB;QACD,GAAG,EAAE;YACH,CAAC,EAAE,sBAAsB;YACzB,IAAI,EAAE,yBAAyB;YAC/B,GAAG,EAAE,wBAAwB;YAC7B,IAAI,EAAE,yBAAyB;YAC/B,CAAC,EAAE,sBAAsB;YACzB,IAAI,EAAE,yBAAyB;YAC/B,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,yBAAyB;YAC9B,GAAG,EAAE,wBAAwB;YAC7B,EAAE,EAAE,sBAAsB;YAC1B,CAAC,EAAE,wBAAwB;YAC3B,CAAC,EAAE,sBAAsB;YACzB,CAAC,EAAE,wBAAwB;YAC3B,EAAE,EAAE,sBAAsB;YAC1B,GAAG,EAAE,wBAAwB;YAC7B,GAAG,EAAE,sBAAsB;SACA;QAC7B,KAAK,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,YAAY,EAAE,iBAAiB;YAC/B,GAAG,EAAE,eAAe;YACpB,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAC9C,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAChC,CAAA;IACD,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}

package/lib/components/BottomFixedArea/BottomFixedArea.js

@@ -29,6 +29,7 @@ const styled_components_1 = __importStar(require("styled-components"));
 const useTheme_1 = require("../../hooks/useTheme");
 const Base_1 = require("../Base");
 const Layout_1 = require("../Layout");
+const Text_1 = require("../Text");
 const TertiaryLink_1 = require("./TertiaryLink");
 const bottomFixedAreaHelper_1 = require("./bottomFixedAreaHelper");
 const useClassNames_1 = require("./useClassNames");
@@ -40,11 +41,11 @@ const BottomFixedArea = ({ description, primaryButton, secondaryButton, tertiary
     }, [primaryButton, secondaryButton]);
     return (react_1.default.createElement(Base, { ...props, themes: theme, zIndex: zIndex, className: `${className} ${classNames.wrapper}` },
         react_1.default.createElement(Layout_1.Stack, null,
-            description && react_1.default.createElement(Text, { className: classNames.description }, description),
-            (secondaryButton || primaryButton) && (react_1.default.createElement(ListCluster, { justify: "center", gap: { row: 0.5, column: 1 } },
+            description && (react_1.default.createElement(Text_1.Text, { as: "p", className: classNames.description }, description)),
+            (secondaryButton || primaryButton) && (react_1.default.createElement(Layout_1.Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
                 secondaryButton && react_1.default.createElement("li", { className: classNames.secondaryButton }, secondaryButton),
                 primaryButton && react_1.default.createElement("li", { className: classNames.primaryButton }, primaryButton))),
-            tertiaryLinks && tertiaryLinks.length > 0 && (react_1.default.createElement(ListCluster, { justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (react_1.default.createElement("li", { key: index, className: classNames.tertiaryListItem },
+            tertiaryLinks && tertiaryLinks.length > 0 && (react_1.default.createElement(Layout_1.Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (react_1.default.createElement("li", { key: index, className: classNames.tertiaryListItem },
                 react_1.default.createElement(TertiaryLink_1.TertiaryLink, { ...tertiaryLink })))))))));
 };
 exports.BottomFixedArea = BottomFixedArea;
@@ -61,14 +62,4 @@ const Base = (0, styled_components_1.default)(Base_1.Base) `
     box-sizing: border-box;
   `}
 `;
-const Text = styled_components_1.default.div `
-  margin: 0;
-`;
-const ListCluster = (0, styled_components_1.default)(Layout_1.Cluster).attrs({
-    forwardedAs: 'ul',
-}) `
-  list-style: none;
-  margin: 0;
-  padding: 0;
-`;
 //# sourceMappingURL=BottomFixedArea.js.map

package/lib/components/BottomFixedArea/BottomFixedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,uEAA+C;AAE/C,mDAAsD;AACtD,kCAA+C;AAE/C,sCAA0C;AAE1C,iDAA6C;AAC7C,mEAAyD;AACzD,mDAA+C;AA2BxC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAA,uCAAe,EAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,8BAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,8BAAC,cAAK;YACH,WAAW,IAAI,8BAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;YAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,8BAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBACvD,eAAe,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACnE,CACf;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,8BAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IACvD,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,8BAAC,2BAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACU,CACf,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,eAAe,mBA4C3B;AAED,MAAM,IAAI,GAAG,IAAA,2BAAM,EAAC,WAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA;AACD,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEtB,CAAA;AACD,MAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,gBAAO,CAAC,CAAC,KAAK,CAAC;IACxC,WAAW,EAAE,IAAI;CAClB,CAAC,CAAA;;;;CAID,CAAA"}
+{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,uEAA+C;AAE/C,mDAAsD;AACtD,kCAA+C;AAE/C,sCAA0C;AAC1C,kCAA8B;AAE9B,iDAA6C;AAC7C,mEAAyD;AACzD,mDAA+C;AA2BxC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAA,uCAAe,EAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,8BAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,8BAAC,cAAK;YACH,WAAW,IAAI,CACd,8BAAC,WAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,8BAAC,gBAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,8BAAC,gBAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,8BAAC,2BAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,eAAe,mBAgD3B;AAED,MAAM,IAAI,GAAG,IAAA,2BAAM,EAAC,WAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA"}

package/lib/components/ErrorScreen/ErrorScreen.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import type { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 type Props = {
     /** ロゴ */
     logo?: ReactNode;
@@ -20,6 +20,6 @@ type Props = {
     /** コンポーネントに適用するクラス名 */
     className?: string;
 };
-type ElementProps = Omit<ComponentProps<'div'>, keyof Props>;
+type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
 export declare const ErrorScreen: FC<Props & ElementProps>;
 export {};

package/lib/components/ErrorScreen/ErrorScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqE;AACrE,yDAAsC;AAEtC,wCAAwC;AACxC,sCAAyC;AACzC,gDAA4C;AAC5C,0CAAsC;AA0BtC,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEK,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,8BAAC,yBAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,8BAAC,eAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,8BAAC,cAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,uCAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,8BAAC,cAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,8BAAC,qBAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,uCAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,8BAAC,cAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,IAChF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,sCAAI,GAAG,EAAE,KAAK;oBACZ,8BAAC,mBAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,uCAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,WAAW,eA0CvB"}
+{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,yDAAsC;AAEtC,wCAAwC;AACxC,sCAAyC;AACzC,gDAA4C;AAC5C,0CAAsC;AA4BtC,MAAM,WAAW,GAAG,IAAA,sBAAE,EAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEK,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,8BAAC,yBAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,8BAAC,eAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,8BAAC,cAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,uCAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,8BAAC,cAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,8BAAC,qBAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,uCAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,8BAAC,cAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,IAChF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,sCAAI,GAAG,EAAE,KAAK;oBACZ,8BAAC,mBAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,uCAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,WAAW,eA0CvB"}

package/lib/components/ErrorScreen/index.d.ts

@@ -33,7 +33,6 @@ declare const MessageScreen: import("react").FC<{
     inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
     nonce?: string | undefined;
     tabIndex?: number | undefined;
-    ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;

package/lib/components/Layout/Center/Center.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
+import React from 'react';
 import type { Gap } from '../../../types';
+import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
 type Props = PropsWithChildren<{
     /** コンテンツの最小高さ */
     minHeight?: number | string;
@@ -11,6 +12,18 @@ type Props = PropsWithChildren<{
     verticalCentering?: boolean;
     as?: string | React.ComponentType<any>;
 }>;
-type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props>;
-export declare const Center: React.FC<Props & ElementProps>;
+type ElementProps = Omit<ComponentPropsWithRef<'div'>, keyof Props>;
+export declare const Center: React.ForwardRefExoticComponent<Omit<{
+    /** コンテンツの最小高さ */
+    minHeight?: string | number | undefined;
+    /** コンテンツの最大幅 */
+    maxWidth?: string | number | undefined;
+    /** 境界とコンテンツの間の余白 */
+    padding?: Gap | undefined;
+    /** 天地中央揃えも有効化するかどうか */
+    verticalCentering?: boolean | undefined;
+    as?: string | React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & ElementProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/Layout/Center/Center.js

@@ -58,7 +58,7 @@ const center = (0, tailwind_variants_1.tv)({
         },
     },
 });
-const Center = ({ minHeight, maxWidth, padding, verticalCentering, as: Component = 'div', className, ...props }) => {
+exports.Center = (0, react_1.forwardRef)(({ minHeight, maxWidth, padding, verticalCentering, as: Component = 'div', className, ...props }, ref) => {
     const styleProps = (0, react_1.useMemo)(() => ({
         className: center({ padding, verticalCentering, className }),
         style: {
@@ -66,7 +66,6 @@ const Center = ({ minHeight, maxWidth, padding, verticalCentering, as: Component
             maxWidth: maxWidth ?? undefined,
         },
     }), [padding, verticalCentering, className, minHeight, maxWidth]);
-    return react_1.default.createElement(Component, { ...props, ...styleProps });
-};
-exports.Center = Center;
+    return react_1.default.createElement(Component, { ...styleProps, ...props, ref: ref });
+});
 //# sourceMappingURL=Center.js.map

package/lib/components/Layout/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/components/Layout/Center/Center.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,yDAAsC;AAiBtC,MAAM,MAAM,GAAG,IAAA,sBAAE,EAAC;IAChB,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;QAC7B,iBAAiB,EAAE;YACjB,IAAI,EAAE,oBAAoB;SAC3B;KACF;CACF,CAAC,CAAA;AAEK,MAAM,MAAM,GAAmC,CAAC,EACrD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC;QAC5D,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,IAAI,SAAS;YACjC,QAAQ,EAAE,QAAQ,IAAI,SAAS;SAChC;KACF,CAAC,EACF,CAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC7D,CAAA;IAED,OAAO,8BAAC,SAAS,OAAK,KAAK,KAAM,UAAU,GAAI,CAAA;AACjD,CAAC,CAAA;AArBY,QAAA,MAAM,UAqBlB"}
+{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../../../src/components/Layout/Center/Center.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,yDAAsC;AAkBtC,MAAM,MAAM,GAAG,IAAA,sBAAE,EAAC;IAChB,IAAI,EAAE,oEAAoE;IAC1E,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,YAAY;YAClB,CAAC,EAAE,SAAS;YACZ,IAAI,EAAE,YAAY;YAClB,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,WAAW;YAChB,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,SAAS;YACZ,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,WAAW;YAChB,EAAE,EAAE,SAAS;YACb,CAAC,EAAE,WAAW;YACd,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,WAAW;YACd,EAAE,EAAE,SAAS;YACb,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,SAAS;SACa;QAC7B,iBAAiB,EAAE;YACjB,IAAI,EAAE,oBAAoB;SAC3B;KACF;CACF,CAAC,CAAA;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAC/F,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC;QAC5D,KAAK,EAAE;YACL,SAAS,EAAE,SAAS,IAAI,SAAS;YACjC,QAAQ,EAAE,QAAQ,IAAI,SAAS;SAChC;KACF,CAAC,EACF,CAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC7D,CAAA;IAED,OAAO,8BAAC,SAAS,OAAK,UAAU,KAAM,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3D,CAAC,CACF,CAAA"}

package/lib/components/Layout/Cluster/Cluster.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantProps } from 'tailwind-variants';
 import type { Gap, SeparateGap } from '../../../types';
-import type { ComponentProps, PropsWithChildren } from 'react';
+import type { ComponentPropsWithRef, PropsWithChildren } from 'react';
 declare const cluster: import("tailwind-variants").TVReturnType<{
     inline: {
         true: string;
@@ -693,6 +693,6 @@ type Props = PropsWithChildren<Omit<VariantProps<typeof cluster>, 'gap' | 'rowGa
     as?: string | React.ComponentType<any>;
     /** 間隔の指定（基準フォントサイズの相対値または抽象値） */
     gap?: Gap | SeparateGap;
-}> & ComponentProps<'div'>;
-export declare const Cluster: React.FC<Props>;
+}> & ComponentPropsWithRef<'div'>;
+export declare const Cluster: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};