@fringeworks/react-layouts 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (220) hide show
  1. package/LICENSE +21 -0
  2. package/README.ja.md +234 -0
  3. package/README.md +236 -0
  4. package/_internal/_constants.cjs +27 -0
  5. package/_internal/_constants.d.cts +7 -0
  6. package/_internal/_constants.d.mts +7 -0
  7. package/_internal/_constants.mjs +25 -0
  8. package/_internal/applyLayout/applyLayout.cjs +26 -0
  9. package/_internal/applyLayout/applyLayout.d.cts +13 -0
  10. package/_internal/applyLayout/applyLayout.d.mts +14 -0
  11. package/_internal/applyLayout/applyLayout.mjs +24 -0
  12. package/_internal/applyLayout/index.cjs +3 -0
  13. package/_internal/applyLayout/index.d.cts +3 -0
  14. package/_internal/applyLayout/index.d.mts +3 -0
  15. package/_internal/applyLayout/index.mjs +3 -0
  16. package/_internal/applyLayout/types.cjs +0 -0
  17. package/_internal/applyLayout/types.d.cts +37 -0
  18. package/_internal/applyLayout/types.d.mts +37 -0
  19. package/_internal/applyLayout/types.mjs +1 -0
  20. package/_internal/withLayoutBase/index.cjs +3 -0
  21. package/_internal/withLayoutBase/index.d.cts +3 -0
  22. package/_internal/withLayoutBase/index.d.mts +3 -0
  23. package/_internal/withLayoutBase/index.mjs +3 -0
  24. package/_internal/withLayoutBase/types.cjs +0 -0
  25. package/_internal/withLayoutBase/types.d.cts +43 -0
  26. package/_internal/withLayoutBase/types.d.mts +43 -0
  27. package/_internal/withLayoutBase/types.mjs +1 -0
  28. package/_internal/withLayoutBase/withLayoutBase.cjs +50 -0
  29. package/_internal/withLayoutBase/withLayoutBase.d.cts +13 -0
  30. package/_internal/withLayoutBase/withLayoutBase.d.mts +14 -0
  31. package/_internal/withLayoutBase/withLayoutBase.mjs +47 -0
  32. package/_virtual/_rolldown/runtime.cjs +43 -0
  33. package/_virtual/_rolldown/runtime.mjs +18 -0
  34. package/constants.cjs +57 -0
  35. package/constants.d.cts +20 -0
  36. package/constants.d.mts +20 -0
  37. package/constants.mjs +20 -0
  38. package/css/balance.css +171 -0
  39. package/css/center.css +189 -0
  40. package/css/flow.css +205 -0
  41. package/css/layer.css +72 -0
  42. package/css/matrix.css +184 -0
  43. package/css/pack.css +42 -0
  44. package/css/pin.css +23 -0
  45. package/css/stack.css +216 -0
  46. package/css/styles.css +1346 -0
  47. package/css/tile.css +236 -0
  48. package/index.cjs +61 -0
  49. package/index.d.cts +22 -0
  50. package/index.d.mts +22 -0
  51. package/index.mjs +13 -0
  52. package/package.json +56 -0
  53. package/with-css/index.cjs +68 -0
  54. package/with-css/index.d.cts +23 -0
  55. package/with-css/index.d.mts +23 -0
  56. package/with-css/index.mjs +14 -0
  57. package/with-css/styles.cjs +14 -0
  58. package/with-css/styles.d.cts +2 -0
  59. package/with-css/styles.d.mts +2 -0
  60. package/with-css/styles.mjs +8 -0
  61. package/with-css/withBalanceLayout/index.cjs +4 -0
  62. package/with-css/withBalanceLayout/index.d.cts +3 -0
  63. package/with-css/withBalanceLayout/index.d.mts +3 -0
  64. package/with-css/withBalanceLayout/index.mjs +4 -0
  65. package/with-css/withCenterLayout/index.cjs +4 -0
  66. package/with-css/withCenterLayout/index.d.cts +3 -0
  67. package/with-css/withCenterLayout/index.d.mts +3 -0
  68. package/with-css/withCenterLayout/index.mjs +4 -0
  69. package/with-css/withFlowLayout/index.cjs +4 -0
  70. package/with-css/withFlowLayout/index.d.cts +3 -0
  71. package/with-css/withFlowLayout/index.d.mts +3 -0
  72. package/with-css/withFlowLayout/index.mjs +4 -0
  73. package/with-css/withLayerLayout/index.cjs +4 -0
  74. package/with-css/withLayerLayout/index.d.cts +3 -0
  75. package/with-css/withLayerLayout/index.d.mts +3 -0
  76. package/with-css/withLayerLayout/index.mjs +4 -0
  77. package/with-css/withLayout/index.cjs +4 -0
  78. package/with-css/withLayout/index.d.cts +3 -0
  79. package/with-css/withLayout/index.d.mts +3 -0
  80. package/with-css/withLayout/index.mjs +4 -0
  81. package/with-css/withMatrixLayout/index.cjs +4 -0
  82. package/with-css/withMatrixLayout/index.d.cts +3 -0
  83. package/with-css/withMatrixLayout/index.d.mts +3 -0
  84. package/with-css/withMatrixLayout/index.mjs +4 -0
  85. package/with-css/withPackLayout/index.cjs +4 -0
  86. package/with-css/withPackLayout/index.d.cts +3 -0
  87. package/with-css/withPackLayout/index.d.mts +3 -0
  88. package/with-css/withPackLayout/index.mjs +4 -0
  89. package/with-css/withPinLayout/index.cjs +4 -0
  90. package/with-css/withPinLayout/index.d.cts +3 -0
  91. package/with-css/withPinLayout/index.d.mts +3 -0
  92. package/with-css/withPinLayout/index.mjs +4 -0
  93. package/with-css/withStackLayout/index.cjs +4 -0
  94. package/with-css/withStackLayout/index.d.cts +3 -0
  95. package/with-css/withStackLayout/index.d.mts +3 -0
  96. package/with-css/withStackLayout/index.mjs +4 -0
  97. package/with-css/withTileLayout/index.cjs +4 -0
  98. package/with-css/withTileLayout/index.d.cts +3 -0
  99. package/with-css/withTileLayout/index.d.mts +3 -0
  100. package/with-css/withTileLayout/index.mjs +4 -0
  101. package/withBalanceLayout/index.cjs +3 -0
  102. package/withBalanceLayout/index.d.cts +3 -0
  103. package/withBalanceLayout/index.d.mts +3 -0
  104. package/withBalanceLayout/index.mjs +3 -0
  105. package/withBalanceLayout/types.cjs +0 -0
  106. package/withBalanceLayout/types.d.cts +10 -0
  107. package/withBalanceLayout/types.d.mts +10 -0
  108. package/withBalanceLayout/types.mjs +1 -0
  109. package/withBalanceLayout/withBalanceLayout.cjs +18 -0
  110. package/withBalanceLayout/withBalanceLayout.d.cts +12 -0
  111. package/withBalanceLayout/withBalanceLayout.d.mts +13 -0
  112. package/withBalanceLayout/withBalanceLayout.mjs +16 -0
  113. package/withCenterLayout/index.cjs +3 -0
  114. package/withCenterLayout/index.d.cts +3 -0
  115. package/withCenterLayout/index.d.mts +3 -0
  116. package/withCenterLayout/index.mjs +3 -0
  117. package/withCenterLayout/types.cjs +0 -0
  118. package/withCenterLayout/types.d.cts +10 -0
  119. package/withCenterLayout/types.d.mts +10 -0
  120. package/withCenterLayout/types.mjs +1 -0
  121. package/withCenterLayout/withCenterLayout.cjs +18 -0
  122. package/withCenterLayout/withCenterLayout.d.cts +12 -0
  123. package/withCenterLayout/withCenterLayout.d.mts +13 -0
  124. package/withCenterLayout/withCenterLayout.mjs +16 -0
  125. package/withFlowLayout/index.cjs +3 -0
  126. package/withFlowLayout/index.d.cts +3 -0
  127. package/withFlowLayout/index.d.mts +3 -0
  128. package/withFlowLayout/index.mjs +3 -0
  129. package/withFlowLayout/types.cjs +0 -0
  130. package/withFlowLayout/types.d.cts +10 -0
  131. package/withFlowLayout/types.d.mts +10 -0
  132. package/withFlowLayout/types.mjs +1 -0
  133. package/withFlowLayout/withFlowLayout.cjs +18 -0
  134. package/withFlowLayout/withFlowLayout.d.cts +12 -0
  135. package/withFlowLayout/withFlowLayout.d.mts +13 -0
  136. package/withFlowLayout/withFlowLayout.mjs +16 -0
  137. package/withLayerLayout/index.cjs +3 -0
  138. package/withLayerLayout/index.d.cts +3 -0
  139. package/withLayerLayout/index.d.mts +3 -0
  140. package/withLayerLayout/index.mjs +3 -0
  141. package/withLayerLayout/types.cjs +0 -0
  142. package/withLayerLayout/types.d.cts +10 -0
  143. package/withLayerLayout/types.d.mts +10 -0
  144. package/withLayerLayout/types.mjs +1 -0
  145. package/withLayerLayout/withLayerLayout.cjs +18 -0
  146. package/withLayerLayout/withLayerLayout.d.cts +12 -0
  147. package/withLayerLayout/withLayerLayout.d.mts +13 -0
  148. package/withLayerLayout/withLayerLayout.mjs +16 -0
  149. package/withLayout/index.cjs +3 -0
  150. package/withLayout/index.d.cts +3 -0
  151. package/withLayout/index.d.mts +3 -0
  152. package/withLayout/index.mjs +3 -0
  153. package/withLayout/types.cjs +0 -0
  154. package/withLayout/types.d.cts +37 -0
  155. package/withLayout/types.d.mts +37 -0
  156. package/withLayout/types.mjs +1 -0
  157. package/withLayout/withLayout.cjs +48 -0
  158. package/withLayout/withLayout.d.cts +14 -0
  159. package/withLayout/withLayout.d.mts +15 -0
  160. package/withLayout/withLayout.mjs +38 -0
  161. package/withMatrixLayout/index.cjs +3 -0
  162. package/withMatrixLayout/index.d.cts +3 -0
  163. package/withMatrixLayout/index.d.mts +3 -0
  164. package/withMatrixLayout/index.mjs +3 -0
  165. package/withMatrixLayout/types.cjs +0 -0
  166. package/withMatrixLayout/types.d.cts +10 -0
  167. package/withMatrixLayout/types.d.mts +10 -0
  168. package/withMatrixLayout/types.mjs +1 -0
  169. package/withMatrixLayout/withMatrixLayout.cjs +18 -0
  170. package/withMatrixLayout/withMatrixLayout.d.cts +12 -0
  171. package/withMatrixLayout/withMatrixLayout.d.mts +13 -0
  172. package/withMatrixLayout/withMatrixLayout.mjs +16 -0
  173. package/withPackLayout/index.cjs +3 -0
  174. package/withPackLayout/index.d.cts +3 -0
  175. package/withPackLayout/index.d.mts +3 -0
  176. package/withPackLayout/index.mjs +3 -0
  177. package/withPackLayout/types.cjs +0 -0
  178. package/withPackLayout/types.d.cts +10 -0
  179. package/withPackLayout/types.d.mts +10 -0
  180. package/withPackLayout/types.mjs +1 -0
  181. package/withPackLayout/withPackLayout.cjs +18 -0
  182. package/withPackLayout/withPackLayout.d.cts +12 -0
  183. package/withPackLayout/withPackLayout.d.mts +13 -0
  184. package/withPackLayout/withPackLayout.mjs +16 -0
  185. package/withPinLayout/index.cjs +3 -0
  186. package/withPinLayout/index.d.cts +3 -0
  187. package/withPinLayout/index.d.mts +3 -0
  188. package/withPinLayout/index.mjs +3 -0
  189. package/withPinLayout/types.cjs +0 -0
  190. package/withPinLayout/types.d.cts +10 -0
  191. package/withPinLayout/types.d.mts +10 -0
  192. package/withPinLayout/types.mjs +1 -0
  193. package/withPinLayout/withPinLayout.cjs +18 -0
  194. package/withPinLayout/withPinLayout.d.cts +12 -0
  195. package/withPinLayout/withPinLayout.d.mts +13 -0
  196. package/withPinLayout/withPinLayout.mjs +16 -0
  197. package/withStackLayout/index.cjs +3 -0
  198. package/withStackLayout/index.d.cts +3 -0
  199. package/withStackLayout/index.d.mts +3 -0
  200. package/withStackLayout/index.mjs +3 -0
  201. package/withStackLayout/types.cjs +0 -0
  202. package/withStackLayout/types.d.cts +10 -0
  203. package/withStackLayout/types.d.mts +10 -0
  204. package/withStackLayout/types.mjs +1 -0
  205. package/withStackLayout/withStackLayout.cjs +18 -0
  206. package/withStackLayout/withStackLayout.d.cts +12 -0
  207. package/withStackLayout/withStackLayout.d.mts +13 -0
  208. package/withStackLayout/withStackLayout.mjs +16 -0
  209. package/withTileLayout/index.cjs +3 -0
  210. package/withTileLayout/index.d.cts +3 -0
  211. package/withTileLayout/index.d.mts +3 -0
  212. package/withTileLayout/index.mjs +3 -0
  213. package/withTileLayout/types.cjs +0 -0
  214. package/withTileLayout/types.d.cts +10 -0
  215. package/withTileLayout/types.d.mts +10 -0
  216. package/withTileLayout/types.mjs +1 -0
  217. package/withTileLayout/withTileLayout.cjs +18 -0
  218. package/withTileLayout/withTileLayout.d.cts +12 -0
  219. package/withTileLayout/withTileLayout.d.mts +13 -0
  220. package/withTileLayout/withTileLayout.mjs +16 -0
@@ -0,0 +1,4 @@
1
+ import withFlowLayout from "../../withFlowLayout/withFlowLayout.mjs";
2
+ import "../../css/flow.css";
3
+
4
+ export { withFlowLayout as default };
@@ -0,0 +1,4 @@
1
+ const require_withLayerLayout_withLayerLayout = require('../../withLayerLayout/withLayerLayout.cjs');
2
+ require('../../css/layer.css');
3
+
4
+ module.exports = require_withLayerLayout_withLayerLayout;
@@ -0,0 +1,3 @@
1
+ import { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps } from "../../withLayerLayout/types.cjs";
2
+ import withLayerLayout from "../../withLayerLayout/withLayerLayout.cjs";
3
+ export { type LayerLayoutComponent, type WithLayerLayoutOptions, type WithLayerLayoutProps, withLayerLayout as default };
@@ -0,0 +1,3 @@
1
+ import { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps } from "../../withLayerLayout/types.mjs";
2
+ import withLayerLayout from "../../withLayerLayout/withLayerLayout.mjs";
3
+ export { type LayerLayoutComponent, type WithLayerLayoutOptions, type WithLayerLayoutProps, withLayerLayout as default };
@@ -0,0 +1,4 @@
1
+ import withLayerLayout from "../../withLayerLayout/withLayerLayout.mjs";
2
+ import "../../css/layer.css";
3
+
4
+ export { withLayerLayout as default };
@@ -0,0 +1,4 @@
1
+ const require_withLayout_withLayout = require('../../withLayout/withLayout.cjs');
2
+ require('../../css/styles.css');
3
+
4
+ module.exports = require_withLayout_withLayout;
@@ -0,0 +1,3 @@
1
+ import { LayoutComponent, WithLayoutOptions, WithLayoutProps } from "../../withLayout/types.cjs";
2
+ import withLayout from "../../withLayout/withLayout.cjs";
3
+ export { type LayoutComponent, type WithLayoutOptions, type WithLayoutProps, withLayout as default };
@@ -0,0 +1,3 @@
1
+ import { LayoutComponent, WithLayoutOptions, WithLayoutProps } from "../../withLayout/types.mjs";
2
+ import withLayout from "../../withLayout/withLayout.mjs";
3
+ export { type LayoutComponent, type WithLayoutOptions, type WithLayoutProps, withLayout as default };
@@ -0,0 +1,4 @@
1
+ import withLayout from "../../withLayout/withLayout.mjs";
2
+ import "../../css/styles.css";
3
+
4
+ export { withLayout as default };
@@ -0,0 +1,4 @@
1
+ const require_withMatrixLayout_withMatrixLayout = require('../../withMatrixLayout/withMatrixLayout.cjs');
2
+ require('../../css/matrix.css');
3
+
4
+ module.exports = require_withMatrixLayout_withMatrixLayout;
@@ -0,0 +1,3 @@
1
+ import { MatrixLayoutComponent, WithMatrixLayoutOptions, WithMatrixLayoutProps } from "../../withMatrixLayout/types.cjs";
2
+ import withMatrixLayout from "../../withMatrixLayout/withMatrixLayout.cjs";
3
+ export { type MatrixLayoutComponent, type WithMatrixLayoutOptions, type WithMatrixLayoutProps, withMatrixLayout as default };
@@ -0,0 +1,3 @@
1
+ import { MatrixLayoutComponent, WithMatrixLayoutOptions, WithMatrixLayoutProps } from "../../withMatrixLayout/types.mjs";
2
+ import withMatrixLayout from "../../withMatrixLayout/withMatrixLayout.mjs";
3
+ export { type MatrixLayoutComponent, type WithMatrixLayoutOptions, type WithMatrixLayoutProps, withMatrixLayout as default };
@@ -0,0 +1,4 @@
1
+ import withMatrixLayout from "../../withMatrixLayout/withMatrixLayout.mjs";
2
+ import "../../css/matrix.css";
3
+
4
+ export { withMatrixLayout as default };
@@ -0,0 +1,4 @@
1
+ const require_withPackLayout_withPackLayout = require('../../withPackLayout/withPackLayout.cjs');
2
+ require('../../css/pack.css');
3
+
4
+ module.exports = require_withPackLayout_withPackLayout;
@@ -0,0 +1,3 @@
1
+ import { PackLayoutComponent, WithPackLayoutOptions, WithPackLayoutProps } from "../../withPackLayout/types.cjs";
2
+ import withPackLayout from "../../withPackLayout/withPackLayout.cjs";
3
+ export { type PackLayoutComponent, type WithPackLayoutOptions, type WithPackLayoutProps, withPackLayout as default };
@@ -0,0 +1,3 @@
1
+ import { PackLayoutComponent, WithPackLayoutOptions, WithPackLayoutProps } from "../../withPackLayout/types.mjs";
2
+ import withPackLayout from "../../withPackLayout/withPackLayout.mjs";
3
+ export { type PackLayoutComponent, type WithPackLayoutOptions, type WithPackLayoutProps, withPackLayout as default };
@@ -0,0 +1,4 @@
1
+ import withPackLayout from "../../withPackLayout/withPackLayout.mjs";
2
+ import "../../css/pack.css";
3
+
4
+ export { withPackLayout as default };
@@ -0,0 +1,4 @@
1
+ const require_withPinLayout_withPinLayout = require('../../withPinLayout/withPinLayout.cjs');
2
+ require('../../css/pin.css');
3
+
4
+ module.exports = require_withPinLayout_withPinLayout;
@@ -0,0 +1,3 @@
1
+ import { PinLayoutComponent, WithPinLayoutOptions, WithPinLayoutProps } from "../../withPinLayout/types.cjs";
2
+ import withPinLayout from "../../withPinLayout/withPinLayout.cjs";
3
+ export { type PinLayoutComponent, type WithPinLayoutOptions, type WithPinLayoutProps, withPinLayout as default };
@@ -0,0 +1,3 @@
1
+ import { PinLayoutComponent, WithPinLayoutOptions, WithPinLayoutProps } from "../../withPinLayout/types.mjs";
2
+ import withPinLayout from "../../withPinLayout/withPinLayout.mjs";
3
+ export { type PinLayoutComponent, type WithPinLayoutOptions, type WithPinLayoutProps, withPinLayout as default };
@@ -0,0 +1,4 @@
1
+ import withPinLayout from "../../withPinLayout/withPinLayout.mjs";
2
+ import "../../css/pin.css";
3
+
4
+ export { withPinLayout as default };
@@ -0,0 +1,4 @@
1
+ const require_withStackLayout_withStackLayout = require('../../withStackLayout/withStackLayout.cjs');
2
+ require('../../css/stack.css');
3
+
4
+ module.exports = require_withStackLayout_withStackLayout;
@@ -0,0 +1,3 @@
1
+ import { StackLayoutComponent, WithStackLayoutOptions, WithStackLayoutProps } from "../../withStackLayout/types.cjs";
2
+ import withStackLayout from "../../withStackLayout/withStackLayout.cjs";
3
+ export { type StackLayoutComponent, type WithStackLayoutOptions, type WithStackLayoutProps, withStackLayout as default };
@@ -0,0 +1,3 @@
1
+ import { StackLayoutComponent, WithStackLayoutOptions, WithStackLayoutProps } from "../../withStackLayout/types.mjs";
2
+ import withStackLayout from "../../withStackLayout/withStackLayout.mjs";
3
+ export { type StackLayoutComponent, type WithStackLayoutOptions, type WithStackLayoutProps, withStackLayout as default };
@@ -0,0 +1,4 @@
1
+ import withStackLayout from "../../withStackLayout/withStackLayout.mjs";
2
+ import "../../css/stack.css";
3
+
4
+ export { withStackLayout as default };
@@ -0,0 +1,4 @@
1
+ const require_withTileLayout_withTileLayout = require('../../withTileLayout/withTileLayout.cjs');
2
+ require('../../css/tile.css');
3
+
4
+ module.exports = require_withTileLayout_withTileLayout;
@@ -0,0 +1,3 @@
1
+ import { TileLayoutComponent, WithTileLayoutOptions, WithTileLayoutProps } from "../../withTileLayout/types.cjs";
2
+ import withTileLayout from "../../withTileLayout/withTileLayout.cjs";
3
+ export { type TileLayoutComponent, type WithTileLayoutOptions, type WithTileLayoutProps, withTileLayout as default };
@@ -0,0 +1,3 @@
1
+ import { TileLayoutComponent, WithTileLayoutOptions, WithTileLayoutProps } from "../../withTileLayout/types.mjs";
2
+ import withTileLayout from "../../withTileLayout/withTileLayout.mjs";
3
+ export { type TileLayoutComponent, type WithTileLayoutOptions, type WithTileLayoutProps, withTileLayout as default };
@@ -0,0 +1,4 @@
1
+ import withTileLayout from "../../withTileLayout/withTileLayout.mjs";
2
+ import "../../css/tile.css";
3
+
4
+ export { withTileLayout as default };
@@ -0,0 +1,3 @@
1
+ const require_withBalanceLayout_withBalanceLayout = require('./withBalanceLayout.cjs');
2
+
3
+ module.exports = require_withBalanceLayout_withBalanceLayout;
@@ -0,0 +1,3 @@
1
+ import { BalanceLayoutComponent, WithBalanceLayoutOptions, WithBalanceLayoutProps } from "./types.cjs";
2
+ import withBalanceLayout from "./withBalanceLayout.cjs";
3
+ export { type BalanceLayoutComponent, type WithBalanceLayoutOptions, type WithBalanceLayoutProps, withBalanceLayout as default };
@@ -0,0 +1,3 @@
1
+ import { BalanceLayoutComponent, WithBalanceLayoutOptions, WithBalanceLayoutProps } from "./types.mjs";
2
+ import withBalanceLayout from "./withBalanceLayout.mjs";
3
+ export { type BalanceLayoutComponent, type WithBalanceLayoutOptions, type WithBalanceLayoutProps, withBalanceLayout as default };
@@ -0,0 +1,3 @@
1
+ import withBalanceLayout from "./withBalanceLayout.mjs";
2
+
3
+ export { withBalanceLayout as default };
File without changes
@@ -0,0 +1,10 @@
1
+ import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
2
+ import { ElementType } from "react";
3
+ import { BalanceLayoutOptions } from "@fringeworks/style-layouts/balance";
4
+
5
+ //#region src/withBalanceLayout/types.d.ts
6
+ type WithBalanceLayoutProps = BalanceLayoutOptions;
7
+ type WithBalanceLayoutOptions = WithLayoutBaseOptions;
8
+ type BalanceLayoutComponent<C extends ElementType> = LayoutComponentBase<C, BalanceLayoutOptions>;
9
+ //#endregion
10
+ export { BalanceLayoutComponent, WithBalanceLayoutOptions, WithBalanceLayoutProps };
@@ -0,0 +1,10 @@
1
+ import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
2
+ import { BalanceLayoutOptions } from "@fringeworks/style-layouts/balance";
3
+ import { ElementType } from "react";
4
+
5
+ //#region src/withBalanceLayout/types.d.ts
6
+ type WithBalanceLayoutProps = BalanceLayoutOptions;
7
+ type WithBalanceLayoutOptions = WithLayoutBaseOptions;
8
+ type BalanceLayoutComponent<C extends ElementType> = LayoutComponentBase<C, BalanceLayoutOptions>;
9
+ //#endregion
10
+ export { BalanceLayoutComponent, WithBalanceLayoutOptions, WithBalanceLayoutProps };
@@ -0,0 +1 @@
1
+ export { };
@@ -0,0 +1,18 @@
1
+ const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
2
+ const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
3
+ let _fringeworks_style_layouts_balance = require("@fringeworks/style-layouts/balance");
4
+ _fringeworks_style_layouts_balance = require_runtime.__toESM(_fringeworks_style_layouts_balance, 1);
5
+
6
+ //#region src/withBalanceLayout/withBalanceLayout.tsx
7
+ /**
8
+ * コンテナーのレイアウト機能を追加するHOC
9
+ * @param Component コンポーネント
10
+ * @param options オプション
11
+ * @returns
12
+ */
13
+ function withBalanceLayout(Component, options = {}) {
14
+ return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_balance.default, options);
15
+ }
16
+
17
+ //#endregion
18
+ module.exports = withBalanceLayout;
@@ -0,0 +1,12 @@
1
+ import { BalanceLayoutComponent, WithBalanceLayoutOptions } from "./types.cjs";
2
+ import { ElementType } from "react";
3
+
4
+ //#region src/withBalanceLayout/withBalanceLayout.d.ts
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ declare function withBalanceLayout<C extends ElementType>(Component: C, options?: WithBalanceLayoutOptions): BalanceLayoutComponent<C>;
12
+ export = withBalanceLayout;
@@ -0,0 +1,13 @@
1
+ import { BalanceLayoutComponent, WithBalanceLayoutOptions } from "./types.mjs";
2
+ import { ElementType } from "react";
3
+
4
+ //#region src/withBalanceLayout/withBalanceLayout.d.ts
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ declare function withBalanceLayout<C extends ElementType>(Component: C, options?: WithBalanceLayoutOptions): BalanceLayoutComponent<C>;
12
+ //#endregion
13
+ export { withBalanceLayout as default };
@@ -0,0 +1,16 @@
1
+ import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
2
+ import balance from "@fringeworks/style-layouts/balance";
3
+
4
+ //#region src/withBalanceLayout/withBalanceLayout.tsx
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ function withBalanceLayout(Component, options = {}) {
12
+ return withLayoutBase(Component, balance, options);
13
+ }
14
+
15
+ //#endregion
16
+ export { withBalanceLayout as default };
@@ -0,0 +1,3 @@
1
+ const require_withCenterLayout_withCenterLayout = require('./withCenterLayout.cjs');
2
+
3
+ module.exports = require_withCenterLayout_withCenterLayout;
@@ -0,0 +1,3 @@
1
+ import { CenterLayoutComponent, WithCenterLayoutOptions, WithCenterLayoutProps } from "./types.cjs";
2
+ import withCenterLayout from "./withCenterLayout.cjs";
3
+ export { type CenterLayoutComponent, type WithCenterLayoutOptions, type WithCenterLayoutProps, withCenterLayout as default };
@@ -0,0 +1,3 @@
1
+ import { CenterLayoutComponent, WithCenterLayoutOptions, WithCenterLayoutProps } from "./types.mjs";
2
+ import withCenterLayout from "./withCenterLayout.mjs";
3
+ export { type CenterLayoutComponent, type WithCenterLayoutOptions, type WithCenterLayoutProps, withCenterLayout as default };
@@ -0,0 +1,3 @@
1
+ import withCenterLayout from "./withCenterLayout.mjs";
2
+
3
+ export { withCenterLayout as default };
File without changes
@@ -0,0 +1,10 @@
1
+ import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
2
+ import { ElementType } from "react";
3
+ import { CenterLayoutOptions } from "@fringeworks/style-layouts/center";
4
+
5
+ //#region src/withCenterLayout/types.d.ts
6
+ type WithCenterLayoutProps = CenterLayoutOptions;
7
+ type WithCenterLayoutOptions = WithLayoutBaseOptions;
8
+ type CenterLayoutComponent<C extends ElementType> = LayoutComponentBase<C, CenterLayoutOptions>;
9
+ //#endregion
10
+ export { CenterLayoutComponent, WithCenterLayoutOptions, WithCenterLayoutProps };
@@ -0,0 +1,10 @@
1
+ import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
2
+ import { ElementType } from "react";
3
+ import { CenterLayoutOptions } from "@fringeworks/style-layouts/center";
4
+
5
+ //#region src/withCenterLayout/types.d.ts
6
+ type WithCenterLayoutProps = CenterLayoutOptions;
7
+ type WithCenterLayoutOptions = WithLayoutBaseOptions;
8
+ type CenterLayoutComponent<C extends ElementType> = LayoutComponentBase<C, CenterLayoutOptions>;
9
+ //#endregion
10
+ export { CenterLayoutComponent, WithCenterLayoutOptions, WithCenterLayoutProps };
@@ -0,0 +1 @@
1
+ export { };
@@ -0,0 +1,18 @@
1
+ const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
2
+ const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
3
+ let _fringeworks_style_layouts_center = require("@fringeworks/style-layouts/center");
4
+ _fringeworks_style_layouts_center = require_runtime.__toESM(_fringeworks_style_layouts_center, 1);
5
+
6
+ //#region src/withCenterLayout/withCenterLayout.tsx
7
+ /**
8
+ * コンテナーのレイアウト機能を追加するHOC
9
+ * @param Component コンポーネント
10
+ * @param options オプション
11
+ * @returns
12
+ */
13
+ function withCenterLayout(Component, options = {}) {
14
+ return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_center.default, options);
15
+ }
16
+
17
+ //#endregion
18
+ module.exports = withCenterLayout;
@@ -0,0 +1,12 @@
1
+ import { CenterLayoutComponent, WithCenterLayoutOptions } from "./types.cjs";
2
+ import { ElementType } from "react";
3
+
4
+ //#region src/withCenterLayout/withCenterLayout.d.ts
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ declare function withCenterLayout<C extends ElementType>(Component: C, options?: WithCenterLayoutOptions): CenterLayoutComponent<C>;
12
+ export = withCenterLayout;
@@ -0,0 +1,13 @@
1
+ import { CenterLayoutComponent, WithCenterLayoutOptions } from "./types.mjs";
2
+ import { ElementType } from "react";
3
+
4
+ //#region src/withCenterLayout/withCenterLayout.d.ts
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ declare function withCenterLayout<C extends ElementType>(Component: C, options?: WithCenterLayoutOptions): CenterLayoutComponent<C>;
12
+ //#endregion
13
+ export { withCenterLayout as default };
@@ -0,0 +1,16 @@
1
+ import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
2
+ import center from "@fringeworks/style-layouts/center";
3
+
4
+ //#region src/withCenterLayout/withCenterLayout.tsx
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ function withCenterLayout(Component, options = {}) {
12
+ return withLayoutBase(Component, center, options);
13
+ }
14
+
15
+ //#endregion
16
+ export { withCenterLayout as default };
@@ -0,0 +1,3 @@
1
+ const require_withFlowLayout_withFlowLayout = require('./withFlowLayout.cjs');
2
+
3
+ module.exports = require_withFlowLayout_withFlowLayout;
@@ -0,0 +1,3 @@
1
+ import { FlowLayoutComponent, WithFlowLayoutOptions, WithFlowLayoutProps } from "./types.cjs";
2
+ import withFlowLayout from "./withFlowLayout.cjs";
3
+ export { type FlowLayoutComponent, type WithFlowLayoutOptions, type WithFlowLayoutProps, withFlowLayout as default };
@@ -0,0 +1,3 @@
1
+ import { FlowLayoutComponent, WithFlowLayoutOptions, WithFlowLayoutProps } from "./types.mjs";
2
+ import withFlowLayout from "./withFlowLayout.mjs";
3
+ export { type FlowLayoutComponent, type WithFlowLayoutOptions, type WithFlowLayoutProps, withFlowLayout as default };
@@ -0,0 +1,3 @@
1
+ import withFlowLayout from "./withFlowLayout.mjs";
2
+
3
+ export { withFlowLayout as default };
File without changes
@@ -0,0 +1,10 @@
1
+ import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
2
+ import { ElementType } from "react";
3
+ import { FlowLayoutOptions } from "@fringeworks/style-layouts/flow";
4
+
5
+ //#region src/withFlowLayout/types.d.ts
6
+ type WithFlowLayoutProps = FlowLayoutOptions;
7
+ type WithFlowLayoutOptions = WithLayoutBaseOptions;
8
+ type FlowLayoutComponent<C extends ElementType> = LayoutComponentBase<C, FlowLayoutOptions>;
9
+ //#endregion
10
+ export { FlowLayoutComponent, WithFlowLayoutOptions, WithFlowLayoutProps };
@@ -0,0 +1,10 @@
1
+ import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
2
+ import { ElementType } from "react";
3
+ import { FlowLayoutOptions } from "@fringeworks/style-layouts/flow";
4
+
5
+ //#region src/withFlowLayout/types.d.ts
6
+ type WithFlowLayoutProps = FlowLayoutOptions;
7
+ type WithFlowLayoutOptions = WithLayoutBaseOptions;
8
+ type FlowLayoutComponent<C extends ElementType> = LayoutComponentBase<C, FlowLayoutOptions>;
9
+ //#endregion
10
+ export { FlowLayoutComponent, WithFlowLayoutOptions, WithFlowLayoutProps };
@@ -0,0 +1 @@
1
+ export { };
@@ -0,0 +1,18 @@
1
+ const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
2
+ const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
3
+ let _fringeworks_style_layouts_flow = require("@fringeworks/style-layouts/flow");
4
+ _fringeworks_style_layouts_flow = require_runtime.__toESM(_fringeworks_style_layouts_flow, 1);
5
+
6
+ //#region src/withFlowLayout/withFlowLayout.tsx
7
+ /**
8
+ * コンテナーのレイアウト機能を追加するHOC
9
+ * @param Component コンポーネント
10
+ * @param options オプション
11
+ * @returns
12
+ */
13
+ function withFlowLayout(Component, options = {}) {
14
+ return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_flow.default, options);
15
+ }
16
+
17
+ //#endregion
18
+ module.exports = withFlowLayout;
@@ -0,0 +1,12 @@
1
+ import { FlowLayoutComponent, WithFlowLayoutOptions } from "./types.cjs";
2
+ import { ElementType } from "react";
3
+
4
+ //#region src/withFlowLayout/withFlowLayout.d.ts
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ declare function withFlowLayout<C extends ElementType>(Component: C, options?: WithFlowLayoutOptions): FlowLayoutComponent<C>;
12
+ export = withFlowLayout;
@@ -0,0 +1,13 @@
1
+ import { FlowLayoutComponent, WithFlowLayoutOptions } from "./types.mjs";
2
+ import { ElementType } from "react";
3
+
4
+ //#region src/withFlowLayout/withFlowLayout.d.ts
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ declare function withFlowLayout<C extends ElementType>(Component: C, options?: WithFlowLayoutOptions): FlowLayoutComponent<C>;
12
+ //#endregion
13
+ export { withFlowLayout as default };
@@ -0,0 +1,16 @@
1
+ import withLayoutBase from "../_internal/withLayoutBase/withLayoutBase.mjs";
2
+ import flow from "@fringeworks/style-layouts/flow";
3
+
4
+ //#region src/withFlowLayout/withFlowLayout.tsx
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ function withFlowLayout(Component, options = {}) {
12
+ return withLayoutBase(Component, flow, options);
13
+ }
14
+
15
+ //#endregion
16
+ export { withFlowLayout as default };
@@ -0,0 +1,3 @@
1
+ const require_withLayerLayout_withLayerLayout = require('./withLayerLayout.cjs');
2
+
3
+ module.exports = require_withLayerLayout_withLayerLayout;
@@ -0,0 +1,3 @@
1
+ import { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps } from "./types.cjs";
2
+ import withLayerLayout from "./withLayerLayout.cjs";
3
+ export { type LayerLayoutComponent, type WithLayerLayoutOptions, type WithLayerLayoutProps, withLayerLayout as default };
@@ -0,0 +1,3 @@
1
+ import { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps } from "./types.mjs";
2
+ import withLayerLayout from "./withLayerLayout.mjs";
3
+ export { type LayerLayoutComponent, type WithLayerLayoutOptions, type WithLayerLayoutProps, withLayerLayout as default };
@@ -0,0 +1,3 @@
1
+ import withLayerLayout from "./withLayerLayout.mjs";
2
+
3
+ export { withLayerLayout as default };
File without changes
@@ -0,0 +1,10 @@
1
+ import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.cjs";
2
+ import { ElementType } from "react";
3
+ import { LayerLayoutOptions } from "@fringeworks/style-layouts/layer";
4
+
5
+ //#region src/withLayerLayout/types.d.ts
6
+ type WithLayerLayoutProps = LayerLayoutOptions;
7
+ type WithLayerLayoutOptions = WithLayoutBaseOptions;
8
+ type LayerLayoutComponent<C extends ElementType> = LayoutComponentBase<C, LayerLayoutOptions>;
9
+ //#endregion
10
+ export { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps };
@@ -0,0 +1,10 @@
1
+ import { LayoutComponentBase, WithLayoutBaseOptions } from "../_internal/withLayoutBase/types.mjs";
2
+ import { ElementType } from "react";
3
+ import { LayerLayoutOptions } from "@fringeworks/style-layouts/layer";
4
+
5
+ //#region src/withLayerLayout/types.d.ts
6
+ type WithLayerLayoutProps = LayerLayoutOptions;
7
+ type WithLayerLayoutOptions = WithLayoutBaseOptions;
8
+ type LayerLayoutComponent<C extends ElementType> = LayoutComponentBase<C, LayerLayoutOptions>;
9
+ //#endregion
10
+ export { LayerLayoutComponent, WithLayerLayoutOptions, WithLayerLayoutProps };
@@ -0,0 +1 @@
1
+ export { };
@@ -0,0 +1,18 @@
1
+ const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
2
+ const require__internal_withLayoutBase_withLayoutBase = require('../_internal/withLayoutBase/withLayoutBase.cjs');
3
+ let _fringeworks_style_layouts_layer = require("@fringeworks/style-layouts/layer");
4
+ _fringeworks_style_layouts_layer = require_runtime.__toESM(_fringeworks_style_layouts_layer, 1);
5
+
6
+ //#region src/withLayerLayout/withLayerLayout.tsx
7
+ /**
8
+ * コンテナーのレイアウト機能を追加するHOC
9
+ * @param Component コンポーネント
10
+ * @param options オプション
11
+ * @returns
12
+ */
13
+ function withLayerLayout(Component, options = {}) {
14
+ return require__internal_withLayoutBase_withLayoutBase(Component, _fringeworks_style_layouts_layer.default, options);
15
+ }
16
+
17
+ //#endregion
18
+ module.exports = withLayerLayout;
@@ -0,0 +1,12 @@
1
+ import { LayerLayoutComponent, WithLayerLayoutOptions } from "./types.cjs";
2
+ import { ElementType } from "react";
3
+
4
+ //#region src/withLayerLayout/withLayerLayout.d.ts
5
+ /**
6
+ * コンテナーのレイアウト機能を追加するHOC
7
+ * @param Component コンポーネント
8
+ * @param options オプション
9
+ * @returns
10
+ */
11
+ declare function withLayerLayout<C extends ElementType>(Component: C, options?: WithLayerLayoutOptions): LayerLayoutComponent<C>;
12
+ export = withLayerLayout;