@niche-works/style-layouts 0.3.0 → 0.4.0

package/index.mjs

@@ -1,11 +1,11 @@
-import balance from "./core/balance/balance.mjs";
-import center from "./core/center/center.mjs";
-import flow from "./core/flow/flow.mjs";
-import layer from "./core/layer/layer.mjs";
-import matrix from "./core/matrix/matrix.mjs";
-import pack from "./core/pack/pack.mjs";
-import pin from "./core/pin/pin.mjs";
-import stack from "./core/stack/stack.mjs";
-import tile from "./core/tile/tile.mjs";
+import balance_default from "./balance/index.mjs";
+import center_default from "./center/index.mjs";
+import flow_default from "./flow/index.mjs";
+import layer_default from "./layer/index.mjs";
+import matrix_default from "./matrix/index.mjs";
+import pack_default from "./pack/index.mjs";
+import pin_default from "./pin/index.mjs";
+import stack_default from "./stack/index.mjs";
+import tile_default from "./tile/index.mjs";
 
-export { balance, center, flow, layer, matrix, pack, pin, stack, tile };
+export { balance_default as balance, center_default as center, flow_default as flow, layer_default as layer, matrix_default as matrix, pack_default as pack, pin_default as pin, stack_default as stack, tile_default as tile };

package/layer/index.cjs

@@ -1,4 +1,8 @@
-require('../core/layer/styles.css');
 const require_core_layer_layer = require('../core/layer/layer.cjs');
+require('../core/layer/styles.css');
+
+//#region src/layer/index.ts
+var layer_default = require_core_layer_layer;
 
-module.exports = require_core_layer_layer;
+//#endregion
+module.exports = layer_default;

package/layer/index.mjs

@@ -1,4 +1,8 @@
-import "../core/layer/styles.css";
 import layer from "../core/layer/layer.mjs";
+import "../core/layer/styles.css";
+
+//#region src/layer/index.ts
+var layer_default = layer;
 
-export { layer as default };
+//#endregion
+export { layer_default as default };

package/matrix/index.cjs

@@ -1,4 +1,8 @@
-require('../core/matrix/styles.css');
 const require_core_matrix_matrix = require('../core/matrix/matrix.cjs');
+require('../core/matrix/styles.css');
+
+//#region src/matrix/index.ts
+var matrix_default = require_core_matrix_matrix;
 
-module.exports = require_core_matrix_matrix;
+//#endregion
+module.exports = matrix_default;

package/matrix/index.mjs

@@ -1,4 +1,8 @@
-import "../core/matrix/styles.css";
 import matrix from "../core/matrix/matrix.mjs";
+import "../core/matrix/styles.css";
+
+//#region src/matrix/index.ts
+var matrix_default = matrix;
 
-export { matrix as default };
+//#endregion
+export { matrix_default as default };

package/pack/index.cjs

@@ -1,4 +1,8 @@
-require('../core/pack/styles.css');
 const require_core_pack_pack = require('../core/pack/pack.cjs');
+require('../core/pack/styles.css');
+
+//#region src/pack/index.ts
+var pack_default = require_core_pack_pack;
 
-module.exports = require_core_pack_pack;
+//#endregion
+module.exports = pack_default;

package/pack/index.mjs

@@ -1,4 +1,8 @@
-import "../core/pack/styles.css";
 import pack from "../core/pack/pack.mjs";
+import "../core/pack/styles.css";
+
+//#region src/pack/index.ts
+var pack_default = pack;
 
-export { pack as default };
+//#endregion
+export { pack_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@niche-works/style-layouts",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "keywords": [
     "css",
     "style",
@@ -37,6 +37,10 @@
       "import": "./core/constants.mjs",
       "require": "./core/constants.cjs"
     },
+    "./helpers/*": {
+      "import": "./helpers/*.mjs",
+      "require": "./helpers/*.cjs"
+    },
     "./core/styles.css": "./core/styles.css",
     "./core/*.css": "./core/*/styles.css"
   },
@@ -44,8 +48,6 @@
   "module": "./index.mjs",
   "dependencies": {
     "@niche-works/types": "^0.3.1",
-    "@niche-works/utils": "^0.4.0",
-    "clsx": "^2.1.1",
-    "csstype": "^3.2.3"
+    "@niche-works/utils": "^0.4.0"
   }
 }

package/pin/index.cjs

@@ -1,4 +1,8 @@
-require('../core/pin/styles.css');
 const require_core_pin_pin = require('../core/pin/pin.cjs');
+require('../core/pin/styles.css');
+
+//#region src/pin/index.ts
+var pin_default = require_core_pin_pin;
 
-module.exports = require_core_pin_pin;
+//#endregion
+module.exports = pin_default;

package/pin/index.mjs

@@ -1,4 +1,8 @@
-import "../core/pin/styles.css";
 import pin from "../core/pin/pin.mjs";
+import "../core/pin/styles.css";
+
+//#region src/pin/index.ts
+var pin_default = pin;
 
-export { pin as default };
+//#endregion
+export { pin_default as default };

package/stack/index.cjs

@@ -1,4 +1,8 @@
-require('../core/stack/styles.css');
 const require_core_stack_stack = require('../core/stack/stack.cjs');
+require('../core/stack/styles.css');
+
+//#region src/stack/index.ts
+var stack_default = require_core_stack_stack;
 
-module.exports = require_core_stack_stack;
+//#endregion
+module.exports = stack_default;

package/stack/index.mjs

@@ -1,4 +1,8 @@
-import "../core/stack/styles.css";
 import stack from "../core/stack/stack.mjs";
+import "../core/stack/styles.css";
+
+//#region src/stack/index.ts
+var stack_default = stack;
 
-export { stack as default };
+//#endregion
+export { stack_default as default };

package/tile/index.cjs

@@ -1,4 +1,8 @@
-require('../core/tile/styles.css');
 const require_core_tile_tile = require('../core/tile/tile.cjs');
+require('../core/tile/styles.css');
+
+//#region src/tile/index.ts
+var tile_default = require_core_tile_tile;
 
-module.exports = require_core_tile_tile;
+//#endregion
+module.exports = tile_default;

package/tile/index.mjs

@@ -1,4 +1,8 @@
-import "../core/tile/styles.css";
 import tile from "../core/tile/tile.mjs";
+import "../core/tile/styles.css";
+
+//#region src/tile/index.ts
+var tile_default = tile;
 
-export { tile as default };
+//#endregion
+export { tile_default as default };

package/types.d.cts

@@ -1,2 +1,2 @@
-import { StyleLayout, StyleLayoutResult } from "./core/types.cjs";
-export { StyleLayout, StyleLayoutResult };
+import { CSSCustomProperties, StyleLayout, StyleLayoutResult } from "./core/types.cjs";
+export { CSSCustomProperties, StyleLayout, StyleLayoutResult };

package/types.d.mts

@@ -1,2 +1,2 @@
-import { StyleLayout, StyleLayoutResult } from "./core/types.mjs";
-export { StyleLayout, StyleLayoutResult };
+import { CSSCustomProperties, StyleLayout, StyleLayoutResult } from "./core/types.mjs";
+export { CSSCustomProperties, StyleLayout, StyleLayoutResult };

package/core/_internal/warnIfUnsupported.cjs

@@ -1,15 +0,0 @@
-
-//#region src/core/_internal/warnIfUnsupported.ts
-const _checkCSSSupport = (property, value) => {
-	if (typeof CSS === "undefined" || !CSS.supports) return true;
-	return CSS.supports(property, value);
-};
-function warnIfUnsupported(layout, checks) {
-	if (process.env.NODE_ENV === "production") return;
-	checks.forEach(([property, value]) => {
-		if (!_checkCSSSupport(property, value)) console.warn(`[@niche-works/style-layouts] "${property}: ${value}" is not supported in this browser. The "${layout}" layout may not work as expected.`);
-	});
-}
-
-//#endregion
-module.exports = warnIfUnsupported;

package/core/_internal/warnIfUnsupported.d.cts

@@ -1,3 +0,0 @@
-//#region src/core/_internal/warnIfUnsupported.d.ts
-declare function warnIfUnsupported(layout: string, checks: [string, string][]): void;
-export = warnIfUnsupported;

package/core/_internal/warnIfUnsupported.d.mts

@@ -1,4 +0,0 @@
-//#region src/core/_internal/warnIfUnsupported.d.ts
-declare function warnIfUnsupported(layout: string, checks: [string, string][]): void;
-//#endregion
-export { warnIfUnsupported as default };

package/core/_internal/warnIfUnsupported.mjs

@@ -1,14 +0,0 @@
-//#region src/core/_internal/warnIfUnsupported.ts
-const _checkCSSSupport = (property, value) => {
-	if (typeof CSS === "undefined" || !CSS.supports) return true;
-	return CSS.supports(property, value);
-};
-function warnIfUnsupported(layout, checks) {
-	if (process.env.NODE_ENV === "production") return;
-	checks.forEach(([property, value]) => {
-		if (!_checkCSSSupport(property, value)) console.warn(`[@niche-works/style-layouts] "${property}: ${value}" is not supported in this browser. The "${layout}" layout may not work as expected.`);
-	});
-}
-
-//#endregion
-export { warnIfUnsupported as default };