@fringeworks/react-layouts 0.8.0

package/withStackLayout/types.d.cts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
+import { ElementType } from "react";
+import { StackLayoutOptions } from "@fringeworks/style-layouts/stack";
+
+//#region src/withStackLayout/types.d.ts
+type WithStackLayoutProps = StackLayoutOptions;
+type WithStackLayoutOptions = WithLayoutBaseOptions;
+type StackLayoutComponent<C extends ElementType> = LayoutComponentBase<C, StackLayoutOptions>;
+//#endregion
+export { StackLayoutComponent, WithStackLayoutOptions, WithStackLayoutProps };

package/withStackLayout/types.d.mts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
+import { ElementType } from "react";
+import { StackLayoutOptions } from "@fringeworks/style-layouts/stack";
+
+//#region src/withStackLayout/types.d.ts
+type WithStackLayoutProps = StackLayoutOptions;
+type WithStackLayoutOptions = WithLayoutBaseOptions;
+type StackLayoutComponent<C extends ElementType> = LayoutComponentBase<C, StackLayoutOptions>;
+//#endregion
+export { StackLayoutComponent, WithStackLayoutOptions, WithStackLayoutProps };

package/withStackLayout/types.mjs

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

package/withStackLayout/withStackLayout.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_stack = require("@fringeworks/style-layouts/stack");
+_fringeworks_style_layouts_stack = require_runtime.__toESM(_fringeworks_style_layouts_stack, 1);
+
+//#region src/withStackLayout/withStackLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withStackLayout(Component, options = {}) {
+	return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_stack.default, options);
+}
+
+//#endregion
+module.exports = withStackLayout;

package/withStackLayout/withStackLayout.d.cts

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

package/withStackLayout/withStackLayout.d.mts

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

package/withStackLayout/withStackLayout.mjs

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

package/withTileLayout/index.cjs

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

package/withTileLayout/index.d.cts

@@ -0,0 +1,3 @@
+import { TileLayoutComponent, WithTileLayoutOptions, WithTileLayoutProps } from "./types.cjs";
+import withTileLayout from "./withTileLayout.cjs";
+export { type TileLayoutComponent, type WithTileLayoutOptions, type WithTileLayoutProps, withTileLayout as default };

package/withTileLayout/index.d.mts

@@ -0,0 +1,3 @@
+import { TileLayoutComponent, WithTileLayoutOptions, WithTileLayoutProps } from "./types.mjs";
+import withTileLayout from "./withTileLayout.mjs";
+export { type TileLayoutComponent, type WithTileLayoutOptions, type WithTileLayoutProps, withTileLayout as default };

package/withTileLayout/index.mjs

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

package/withTileLayout/types.d.cts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
+import { ElementType } from "react";
+import { TileLayoutOptions } from "@fringeworks/style-layouts/tile";
+
+//#region src/withTileLayout/types.d.ts
+type WithTileLayoutProps = TileLayoutOptions;
+type WithTileLayoutOptions = WithLayoutBaseOptions;
+type TileLayoutComponent<C extends ElementType> = LayoutComponentBase<C, TileLayoutOptions>;
+//#endregion
+export { TileLayoutComponent, WithTileLayoutOptions, WithTileLayoutProps };

package/withTileLayout/types.d.mts

@@ -0,0 +1,10 @@
+import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
+import { ElementType } from "react";
+import { TileLayoutOptions } from "@fringeworks/style-layouts/tile";
+
+//#region src/withTileLayout/types.d.ts
+type WithTileLayoutProps = TileLayoutOptions;
+type WithTileLayoutOptions = WithLayoutBaseOptions;
+type TileLayoutComponent<C extends ElementType> = LayoutComponentBase<C, TileLayoutOptions>;
+//#endregion
+export { TileLayoutComponent, WithTileLayoutOptions, WithTileLayoutProps };

package/withTileLayout/types.mjs

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

package/withTileLayout/withTileLayout.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_tile = require("@fringeworks/style-layouts/tile");
+_fringeworks_style_layouts_tile = require_runtime.__toESM(_fringeworks_style_layouts_tile, 1);
+
+//#region src/withTileLayout/withTileLayout.tsx
+/**
+* コンテナーのレイアウト機能を追加するHOC
+* @param Component コンポーネント
+* @param options オプション
+* @returns
+*/
+function withTileLayout(Component, options = {}) {
+	return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_tile.default, options);
+}
+
+//#endregion
+module.exports = withTileLayout;

package/withTileLayout/withTileLayout.d.cts

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

package/withTileLayout/withTileLayout.d.mts

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

package/withTileLayout/withTileLayout.mjs

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