@fringeworks/react-layouts 0.8.0

package/withLayerLayout/withLayerLayout.d.mts

@@ -0,0 +1,13 @@
+import { LayerLayoutComponent, WithLayerLayoutOptions } from "./types.mjs";
+import { ElementType } from "react";
+
+//#region src/withLayerLayout/withLayerLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withLayerLayout<C extends ElementType>(Component: C, options?: WithLayerLayoutOptions): LayerLayoutComponent<C>;
+//#endregion
+export { withLayerLayout as default };

package/withLayerLayout/withLayerLayout.mjs

@@ -0,0 +1,16 @@
+import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
+import layer from "@fringeworks/style-layouts/layer";
+
+//#region src/withLayerLayout/withLayerLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withLayerLayout(Component, options = {}) {
+	return withLayoutBase(Component, layer, options);
+}
+
+//#endregion
+export { withLayerLayout as default };

package/withLayout/index.cjs

@@ -0,0 +1,3 @@
+const require_withLayout_withLayout = require('./withLayout.cjs');
+
+module.exports = require_withLayout_withLayout;

package/withLayout/index.d.cts

@@ -0,0 +1,3 @@
+import { LayoutComponent, WithLayoutOptions, WithLayoutProps } from "./types.cjs";
+import withLayout from "./withLayout.cjs";
+export { type LayoutComponent, type WithLayoutOptions, type WithLayoutProps, withLayout as default };

package/withLayout/index.d.mts

@@ -0,0 +1,3 @@
+import { LayoutComponent, WithLayoutOptions, WithLayoutProps } from "./types.mjs";
+import withLayout from "./withLayout.mjs";
+export { type LayoutComponent, type WithLayoutOptions, type WithLayoutProps, withLayout as default };

package/withLayout/index.mjs

@@ -0,0 +1,3 @@
+import withLayout from "./withLayout.mjs";
+
+export { withLayout as default };

package/withLayout/types.d.cts

@@ -0,0 +1,37 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
+import { LayoutType } from "../constants.cjs";
+import { WithBalanceLayoutProps } from "../withBalanceLayout/types.cjs";
+import { WithCenterLayoutProps } from "../withCenterLayout/types.cjs";
+import { WithFlowLayoutProps } from "../withFlowLayout/types.cjs";
+import { WithLayerLayoutProps } from "../withLayerLayout/types.cjs";
+import { WithMatrixLayoutProps } from "../withMatrixLayout/types.cjs";
+import { WithPackLayoutProps } from "../withPackLayout/types.cjs";
+import { WithPinLayoutProps } from "../withPinLayout/types.cjs";
+import { WithStackLayoutProps } from "../withStackLayout/types.cjs";
+import { WithTileLayoutProps } from "../withTileLayout/types.cjs";
+import { ElementType } from "react";
+
+//#region src/withLayout/types.d.ts
+type WithLayoutProps = ({
+  layout: typeof LayoutType.balance;
+} & WithBalanceLayoutProps) | ({
+  layout: typeof LayoutType.center;
+} & WithCenterLayoutProps) | ({
+  layout: typeof LayoutType.flow;
+} & WithFlowLayoutProps) | ({
+  layout: typeof LayoutType.layer;
+} & WithLayerLayoutProps) | ({
+  layout: typeof LayoutType.matrix;
+} & WithMatrixLayoutProps) | ({
+  layout: typeof LayoutType.pack;
+} & WithPackLayoutProps) | ({
+  layout: typeof LayoutType.pin;
+} & WithPinLayoutProps) | ({
+  layout: typeof LayoutType.stack;
+} & WithStackLayoutProps) | ({
+  layout: typeof LayoutType.tile;
+} & WithTileLayoutProps);
+type WithLayoutOptions = WithLayoutBaseOptions;
+type LayoutComponent<C extends ElementType> = LayoutComponentBase<C, WithLayoutProps>;
+//#endregion
+export { LayoutComponent, WithLayoutOptions, WithLayoutProps };

package/withLayout/types.d.mts

@@ -0,0 +1,37 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
+import { LayoutType } from "../constants.mjs";
+import { WithBalanceLayoutProps } from "../withBalanceLayout/types.mjs";
+import { WithCenterLayoutProps } from "../withCenterLayout/types.mjs";
+import { WithFlowLayoutProps } from "../withFlowLayout/types.mjs";
+import { WithLayerLayoutProps } from "../withLayerLayout/types.mjs";
+import { WithMatrixLayoutProps } from "../withMatrixLayout/types.mjs";
+import { WithPackLayoutProps } from "../withPackLayout/types.mjs";
+import { WithPinLayoutProps } from "../withPinLayout/types.mjs";
+import { WithStackLayoutProps } from "../withStackLayout/types.mjs";
+import { WithTileLayoutProps } from "../withTileLayout/types.mjs";
+import { ElementType } from "react";
+
+//#region src/withLayout/types.d.ts
+type WithLayoutProps = ({
+  layout: typeof LayoutType.balance;
+} & WithBalanceLayoutProps) | ({
+  layout: typeof LayoutType.center;
+} & WithCenterLayoutProps) | ({
+  layout: typeof LayoutType.flow;
+} & WithFlowLayoutProps) | ({
+  layout: typeof LayoutType.layer;
+} & WithLayerLayoutProps) | ({
+  layout: typeof LayoutType.matrix;
+} & WithMatrixLayoutProps) | ({
+  layout: typeof LayoutType.pack;
+} & WithPackLayoutProps) | ({
+  layout: typeof LayoutType.pin;
+} & WithPinLayoutProps) | ({
+  layout: typeof LayoutType.stack;
+} & WithStackLayoutProps) | ({
+  layout: typeof LayoutType.tile;
+} & WithTileLayoutProps);
+type WithLayoutOptions = WithLayoutBaseOptions;
+type LayoutComponent<C extends ElementType> = LayoutComponentBase<C, WithLayoutProps>;
+//#endregion
+export { LayoutComponent, WithLayoutOptions, WithLayoutProps };

package/withLayout/types.mjs

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

package/withLayout/withLayout.cjs

@@ -0,0 +1,48 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
+let _fringeworks_style_layouts_balance = require("@fringeworks/style-layouts/balance");
+_fringeworks_style_layouts_balance = require_runtime.__toESM(_fringeworks_style_layouts_balance, 1);
+let _fringeworks_utils = require("@fringeworks/utils");
+let _fringeworks_style_layouts_center = require("@fringeworks/style-layouts/center");
+_fringeworks_style_layouts_center = require_runtime.__toESM(_fringeworks_style_layouts_center, 1);
+let _fringeworks_style_layouts_flow = require("@fringeworks/style-layouts/flow");
+_fringeworks_style_layouts_flow = require_runtime.__toESM(_fringeworks_style_layouts_flow, 1);
+let _fringeworks_style_layouts_layer = require("@fringeworks/style-layouts/layer");
+_fringeworks_style_layouts_layer = require_runtime.__toESM(_fringeworks_style_layouts_layer, 1);
+let _fringeworks_style_layouts_matrix = require("@fringeworks/style-layouts/matrix");
+_fringeworks_style_layouts_matrix = require_runtime.__toESM(_fringeworks_style_layouts_matrix, 1);
+let _fringeworks_style_layouts_pack = require("@fringeworks/style-layouts/pack");
+_fringeworks_style_layouts_pack = require_runtime.__toESM(_fringeworks_style_layouts_pack, 1);
+let _fringeworks_style_layouts_pin = require("@fringeworks/style-layouts/pin");
+_fringeworks_style_layouts_pin = require_runtime.__toESM(_fringeworks_style_layouts_pin, 1);
+let _fringeworks_style_layouts_stack = require("@fringeworks/style-layouts/stack");
+_fringeworks_style_layouts_stack = require_runtime.__toESM(_fringeworks_style_layouts_stack, 1);
+let _fringeworks_style_layouts_tile = require("@fringeworks/style-layouts/tile");
+_fringeworks_style_layouts_tile = require_runtime.__toESM(_fringeworks_style_layouts_tile, 1);
+
+//#region src/withLayout/withLayout.tsx
+const LAYOUTS = {
+	balance: _fringeworks_style_layouts_balance.default,
+	center: _fringeworks_style_layouts_center.default,
+	flow: _fringeworks_style_layouts_flow.default,
+	layer: _fringeworks_style_layouts_layer.default,
+	matrix: _fringeworks_style_layouts_matrix.default,
+	pack: _fringeworks_style_layouts_pack.default,
+	pin: _fringeworks_style_layouts_pin.default,
+	stack: _fringeworks_style_layouts_stack.default,
+	tile: _fringeworks_style_layouts_tile.default
+};
+/**
+* コンテナーのレイアウト機能を追加するHOC
+*
+* - `layout`プロパティで適用するレイアウトを選択する
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withLayout(Component, options = {}) {
+	return (0, _fringeworks_utils.unsafeCast)(require__internal_withLayoutBase_withLayoutBase(Component, LAYOUTS, options));
+}
+
+//#endregion
+module.exports = withLayout;

package/withLayout/withLayout.d.cts

@@ -0,0 +1,14 @@
+import { LayoutComponent, WithLayoutOptions } from "./types.cjs";
+import { ElementType } from "react";
+
+//#region src/withLayout/withLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ *
+ * - `layout`プロパティで適用するレイアウトを選択する
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withLayout<C extends ElementType>(Component: C, options?: WithLayoutOptions): LayoutComponent<C>;
+export = withLayout;

package/withLayout/withLayout.d.mts

@@ -0,0 +1,15 @@
+import { LayoutComponent, WithLayoutOptions } from "./types.mjs";
+import { ElementType } from "react";
+
+//#region src/withLayout/withLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ *
+ * - `layout`プロパティで適用するレイアウトを選択する
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withLayout<C extends ElementType>(Component: C, options?: WithLayoutOptions): LayoutComponent<C>;
+//#endregion
+export { withLayout as default };

package/withLayout/withLayout.mjs

@@ -0,0 +1,38 @@
+import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
+import balance from "@fringeworks/style-layouts/balance";
+import { unsafeCast } from "@fringeworks/utils";
+import center from "@fringeworks/style-layouts/center";
+import flow from "@fringeworks/style-layouts/flow";
+import layer from "@fringeworks/style-layouts/layer";
+import matrix from "@fringeworks/style-layouts/matrix";
+import pack from "@fringeworks/style-layouts/pack";
+import pin from "@fringeworks/style-layouts/pin";
+import stack from "@fringeworks/style-layouts/stack";
+import tile from "@fringeworks/style-layouts/tile";
+
+//#region src/withLayout/withLayout.tsx
+const LAYOUTS = {
+	balance,
+	center,
+	flow,
+	layer,
+	matrix,
+	pack,
+	pin,
+	stack,
+	tile
+};
+/**
+* コンテナーのレイアウト機能を追加するHOC
+*
+* - `layout`プロパティで適用するレイアウトを選択する
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withLayout(Component, options = {}) {
+	return unsafeCast(withLayoutBase(Component, LAYOUTS, options));
+}
+
+//#endregion
+export { withLayout as default };

package/withMatrixLayout/index.cjs

@@ -0,0 +1,3 @@
+const require_withMatrixLayout_withMatrixLayout = require('./withMatrixLayout.cjs');
+
+module.exports = require_withMatrixLayout_withMatrixLayout;

package/withMatrixLayout/index.d.cts

@@ -0,0 +1,3 @@
+import { MatrixLayoutComponent, WithMatrixLayoutOptions, WithMatrixLayoutProps } from "./types.cjs";
+import withMatrixLayout from "./withMatrixLayout.cjs";
+export { type MatrixLayoutComponent, type WithMatrixLayoutOptions, type WithMatrixLayoutProps, withMatrixLayout as default };

package/withMatrixLayout/index.d.mts

@@ -0,0 +1,3 @@
+import { MatrixLayoutComponent, WithMatrixLayoutOptions, WithMatrixLayoutProps } from "./types.mjs";
+import withMatrixLayout from "./withMatrixLayout.mjs";
+export { type MatrixLayoutComponent, type WithMatrixLayoutOptions, type WithMatrixLayoutProps, withMatrixLayout as default };

package/withMatrixLayout/index.mjs

@@ -0,0 +1,3 @@
+import withMatrixLayout from "./withMatrixLayout.mjs";
+
+export { withMatrixLayout as default };

package/withMatrixLayout/types.d.cts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
+import { ElementType } from "react";
+import { MatrixLayoutOptions } from "@fringeworks/style-layouts/matrix";
+
+//#region src/withMatrixLayout/types.d.ts
+type WithMatrixLayoutProps = MatrixLayoutOptions;
+type WithMatrixLayoutOptions = WithLayoutBaseOptions;
+type MatrixLayoutComponent<C extends ElementType> = LayoutComponentBase<C, MatrixLayoutOptions>;
+//#endregion
+export { MatrixLayoutComponent, WithMatrixLayoutOptions, WithMatrixLayoutProps };

package/withMatrixLayout/types.d.mts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
+import { ElementType } from "react";
+import { MatrixLayoutOptions } from "@fringeworks/style-layouts/matrix";
+
+//#region src/withMatrixLayout/types.d.ts
+type WithMatrixLayoutProps = MatrixLayoutOptions;
+type WithMatrixLayoutOptions = WithLayoutBaseOptions;
+type MatrixLayoutComponent<C extends ElementType> = LayoutComponentBase<C, MatrixLayoutOptions>;
+//#endregion
+export { MatrixLayoutComponent, WithMatrixLayoutOptions, WithMatrixLayoutProps };

package/withMatrixLayout/types.mjs

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

package/withMatrixLayout/withMatrixLayout.cjs

@@ -0,0 +1,18 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
+let _fringeworks_style_layouts_matrix = require("@fringeworks/style-layouts/matrix");
+_fringeworks_style_layouts_matrix = require_runtime.__toESM(_fringeworks_style_layouts_matrix, 1);
+
+//#region src/withMatrixLayout/withMatrixLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withMatrixLayout(Component, options = {}) {
+	return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_matrix.default, options);
+}
+
+//#endregion
+module.exports = withMatrixLayout;

package/withMatrixLayout/withMatrixLayout.d.cts

@@ -0,0 +1,12 @@
+import { MatrixLayoutComponent, WithMatrixLayoutOptions } from "./types.cjs";
+import { ElementType } from "react";
+
+//#region src/withMatrixLayout/withMatrixLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withMatrixLayout<C extends ElementType>(Component: C, options?: WithMatrixLayoutOptions): MatrixLayoutComponent<C>;
+export = withMatrixLayout;

package/withMatrixLayout/withMatrixLayout.d.mts

@@ -0,0 +1,13 @@
+import { MatrixLayoutComponent, WithMatrixLayoutOptions } from "./types.mjs";
+import { ElementType } from "react";
+
+//#region src/withMatrixLayout/withMatrixLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withMatrixLayout<C extends ElementType>(Component: C, options?: WithMatrixLayoutOptions): MatrixLayoutComponent<C>;
+//#endregion
+export { withMatrixLayout as default };

package/withMatrixLayout/withMatrixLayout.mjs

@@ -0,0 +1,16 @@
+import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
+import matrix from "@fringeworks/style-layouts/matrix";
+
+//#region src/withMatrixLayout/withMatrixLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withMatrixLayout(Component, options = {}) {
+	return withLayoutBase(Component, matrix, options);
+}
+
+//#endregion
+export { withMatrixLayout as default };

package/withPackLayout/index.cjs

@@ -0,0 +1,3 @@
+const require_withPackLayout_withPackLayout = require('./withPackLayout.cjs');
+
+module.exports = require_withPackLayout_withPackLayout;

package/withPackLayout/index.d.cts

@@ -0,0 +1,3 @@
+import { PackLayoutComponent, WithPackLayoutOptions, WithPackLayoutProps } from "./types.cjs";
+import withPackLayout from "./withPackLayout.cjs";
+export { type PackLayoutComponent, type WithPackLayoutOptions, type WithPackLayoutProps, withPackLayout as default };

package/withPackLayout/index.d.mts

@@ -0,0 +1,3 @@
+import { PackLayoutComponent, WithPackLayoutOptions, WithPackLayoutProps } from "./types.mjs";
+import withPackLayout from "./withPackLayout.mjs";
+export { type PackLayoutComponent, type WithPackLayoutOptions, type WithPackLayoutProps, withPackLayout as default };

package/withPackLayout/index.mjs

@@ -0,0 +1,3 @@
+import withPackLayout from "./withPackLayout.mjs";
+
+export { withPackLayout as default };

package/withPackLayout/types.d.cts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
+import { ElementType } from "react";
+import { PackLayoutOptions } from "@fringeworks/style-layouts/pack";
+
+//#region src/withPackLayout/types.d.ts
+type WithPackLayoutProps = PackLayoutOptions;
+type WithPackLayoutOptions = WithLayoutBaseOptions;
+type PackLayoutComponent<C extends ElementType> = LayoutComponentBase<C, PackLayoutOptions>;
+//#endregion
+export { PackLayoutComponent, WithPackLayoutOptions, WithPackLayoutProps };

package/withPackLayout/types.d.mts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
+import { ElementType } from "react";
+import { PackLayoutOptions } from "@fringeworks/style-layouts/pack";
+
+//#region src/withPackLayout/types.d.ts
+type WithPackLayoutProps = PackLayoutOptions;
+type WithPackLayoutOptions = WithLayoutBaseOptions;
+type PackLayoutComponent<C extends ElementType> = LayoutComponentBase<C, PackLayoutOptions>;
+//#endregion
+export { PackLayoutComponent, WithPackLayoutOptions, WithPackLayoutProps };

package/withPackLayout/types.mjs

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

package/withPackLayout/withPackLayout.cjs

@@ -0,0 +1,18 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
+let _fringeworks_style_layouts_pack = require("@fringeworks/style-layouts/pack");
+_fringeworks_style_layouts_pack = require_runtime.__toESM(_fringeworks_style_layouts_pack, 1);
+
+//#region src/withPackLayout/withPackLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withPackLayout(Component, options = {}) {
+	return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_pack.default, options);
+}
+
+//#endregion
+module.exports = withPackLayout;

package/withPackLayout/withPackLayout.d.cts

@@ -0,0 +1,12 @@
+import { PackLayoutComponent, WithPackLayoutOptions } from "./types.cjs";
+import { ElementType } from "react";
+
+//#region src/withPackLayout/withPackLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withPackLayout<C extends ElementType>(Component: C, options?: WithPackLayoutOptions): PackLayoutComponent<C>;
+export = withPackLayout;

package/withPackLayout/withPackLayout.d.mts

@@ -0,0 +1,13 @@
+import { PackLayoutComponent, WithPackLayoutOptions } from "./types.mjs";
+import { ElementType } from "react";
+
+//#region src/withPackLayout/withPackLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withPackLayout<C extends ElementType>(Component: C, options?: WithPackLayoutOptions): PackLayoutComponent<C>;
+//#endregion
+export { withPackLayout as default };

package/withPackLayout/withPackLayout.mjs

@@ -0,0 +1,16 @@
+import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
+import pack from "@fringeworks/style-layouts/pack";
+
+//#region src/withPackLayout/withPackLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withPackLayout(Component, options = {}) {
+	return withLayoutBase(Component, pack, options);
+}
+
+//#endregion
+export { withPackLayout as default };

package/withPinLayout/index.cjs

@@ -0,0 +1,3 @@
+const require_withPinLayout_withPinLayout = require('./withPinLayout.cjs');
+
+module.exports = require_withPinLayout_withPinLayout;

package/withPinLayout/index.d.cts

@@ -0,0 +1,3 @@
+import { PinLayoutComponent, WithPinLayoutOptions, WithPinLayoutProps } from "./types.cjs";
+import withPinLayout from "./withPinLayout.cjs";
+export { type PinLayoutComponent, type WithPinLayoutOptions, type WithPinLayoutProps, withPinLayout as default };

package/withPinLayout/index.d.mts

@@ -0,0 +1,3 @@
+import { PinLayoutComponent, WithPinLayoutOptions, WithPinLayoutProps } from "./types.mjs";
+import withPinLayout from "./withPinLayout.mjs";
+export { type PinLayoutComponent, type WithPinLayoutOptions, type WithPinLayoutProps, withPinLayout as default };

package/withPinLayout/index.mjs

@@ -0,0 +1,3 @@
+import withPinLayout from "./withPinLayout.mjs";
+
+export { withPinLayout as default };

package/withPinLayout/types.d.cts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
+import { ElementType } from "react";
+import { PinLayoutOptions } from "@fringeworks/style-layouts/pin";
+
+//#region src/withPinLayout/types.d.ts
+type WithPinLayoutProps = PinLayoutOptions;
+type WithPinLayoutOptions = WithLayoutBaseOptions;
+type PinLayoutComponent<C extends ElementType> = LayoutComponentBase<C, PinLayoutOptions>;
+//#endregion
+export { PinLayoutComponent, WithPinLayoutOptions, WithPinLayoutProps };

package/withPinLayout/types.d.mts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
+import { ElementType } from "react";
+import { PinLayoutOptions } from "@fringeworks/style-layouts/pin";
+
+//#region src/withPinLayout/types.d.ts
+type WithPinLayoutProps = PinLayoutOptions;
+type WithPinLayoutOptions = WithLayoutBaseOptions;
+type PinLayoutComponent<C extends ElementType> = LayoutComponentBase<C, PinLayoutOptions>;
+//#endregion
+export { PinLayoutComponent, WithPinLayoutOptions, WithPinLayoutProps };

package/withPinLayout/types.mjs

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

package/withPinLayout/withPinLayout.cjs

@@ -0,0 +1,18 @@
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
+let _fringeworks_style_layouts_pin = require("@fringeworks/style-layouts/pin");
+_fringeworks_style_layouts_pin = require_runtime.__toESM(_fringeworks_style_layouts_pin, 1);
+
+//#region src/withPinLayout/withPinLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withPinLayout(Component, options = {}) {
+	return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_pin.default, options);
+}
+
+//#endregion
+module.exports = withPinLayout;

package/withPinLayout/withPinLayout.d.cts

@@ -0,0 +1,12 @@
+import { PinLayoutComponent, WithPinLayoutOptions } from "./types.cjs";
+import { ElementType } from "react";
+
+//#region src/withPinLayout/withPinLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withPinLayout<C extends ElementType>(Component: C, options?: WithPinLayoutOptions): PinLayoutComponent<C>;
+export = withPinLayout;

package/withPinLayout/withPinLayout.d.mts

@@ -0,0 +1,13 @@
+import { PinLayoutComponent, WithPinLayoutOptions } from "./types.mjs";
+import { ElementType } from "react";
+
+//#region src/withPinLayout/withPinLayout.d.ts
+/**
+ * コンテナーのレイアウト機能を追加するHOC
+ * @param Component コンポーネント
+ * @param options オプション
+ * @returns
+ */
+declare function withPinLayout<C extends ElementType>(Component: C, options?: WithPinLayoutOptions): PinLayoutComponent<C>;
+//#endregion
+export { withPinLayout as default };

package/withPinLayout/withPinLayout.mjs

@@ -0,0 +1,16 @@
+import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
+import pin from "@fringeworks/style-layouts/pin";
+
+//#region src/withPinLayout/withPinLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withPinLayout(Component, options = {}) {
+	return withLayoutBase(Component, pin, options);
+}
+
+//#endregion
+export { withPinLayout as default };

package/withStackLayout/index.cjs

@@ -0,0 +1,3 @@
+const require_withStackLayout_withStackLayout = require('./withStackLayout.cjs');
+
+module.exports = require_withStackLayout_withStackLayout;

package/withStackLayout/index.d.cts

@@ -0,0 +1,3 @@
+import { StackLayoutComponent, WithStackLayoutOptions, WithStackLayoutProps } from "./types.cjs";
+import withStackLayout from "./withStackLayout.cjs";
+export { type StackLayoutComponent, type WithStackLayoutOptions, type WithStackLayoutProps, withStackLayout as default };

package/withStackLayout/index.d.mts

@@ -0,0 +1,3 @@
+import { StackLayoutComponent, WithStackLayoutOptions, WithStackLayoutProps } from "./types.mjs";
+import withStackLayout from "./withStackLayout.mjs";
+export { type StackLayoutComponent, type WithStackLayoutOptions, type WithStackLayoutProps, withStackLayout as default };

package/withStackLayout/index.mjs

@@ -0,0 +1,3 @@
+import withStackLayout from "./withStackLayout.mjs";
+
+export { withStackLayout as default };