etudes 5.2.0 → 5.3.0

package/operators/ExtractChild.js

@@ -1,52 +1,25 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExtractChild = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var utils_1 = require("../utils");
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Children, forwardRef, isValidElement } from 'react';
+import { cloneStyledElement } from '../utils/index.js';
 /**
  * Extracts a single child of a parent component into its own component. If the
  * parent component has multiple children, only the first one will be extracted,
  * the rest will be ignored.
  */
-exports.ExtractChild = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
+export const ExtractChild = forwardRef(({ children, ...props }, ref) => {
     if (Array.isArray(children)) {
-        console.error("[etudes::ExtractChild] Only one child is expected, but found ".concat(children.length, ". Only the first child is extracted while the rest are discarded."));
+        console.error(`[etudes::ExtractChild] Only one child is expected, but found ${children.length}. Only the first child is extracted while the rest are discarded.`);
     }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.Children.map(children, function (child, idx) {
+    return (_jsx(_Fragment, { children: Children.map(children, (child, idx) => {
             if (idx > 0) {
                 return undefined;
             }
-            else if ((0, react_1.isValidElement)(child)) {
-                return (0, utils_1.cloneStyledElement)(child, __assign(__assign({}, props), { ref: ref }));
+            else if (isValidElement(child)) {
+                return cloneStyledElement(child, { ...props, ref });
             }
             else {
                 return child;
             }
         }) }));
 });
-Object.defineProperty(exports.ExtractChild, 'displayName', { value: 'ExtractChild', writable: false });
-//# sourceMappingURL=ExtractChild.js.map
+Object.defineProperty(ExtractChild, 'displayName', { value: 'ExtractChild', writable: false });

package/operators/ExtractChildren.js

@@ -1,39 +1,13 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExtractChildren = ExtractChildren;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var utils_1 = require("../utils");
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Children, isValidElement } from 'react';
+import { cloneStyledElement } from '../utils/index.js';
 /**
  * Extracts all children of a parent component into its own component.
  */
-function ExtractChildren(_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.Children.map(children, function (child) {
-            if ((0, react_1.isValidElement)(child)) {
-                return (0, utils_1.cloneStyledElement)(child, __assign({}, props));
+export function ExtractChildren({ children, ...props }) {
+    return (_jsx(_Fragment, { children: Children.map(children, child => {
+            if (isValidElement(child)) {
+                return cloneStyledElement(child, { ...props });
             }
             else {
                 return child;
@@ -41,4 +15,3 @@ function ExtractChildren(_a) {
         }) }));
 }
 Object.defineProperty(ExtractChildren, 'displayName', { value: 'ExtractChildren', writable: false });
-//# sourceMappingURL=ExtractChildren.js.map

package/operators/Repeat.js

@@ -1,43 +1,10 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Repeat = Repeat;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment } from 'react';
 /**
  * A tag-less component that repeats its children, automatically assigning each
  * a unique key.
  */
-function Repeat(_a) {
-    var _b = _a.count, count = _b === void 0 ? 1 : _b, children = _a.children, render = _a.render;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: __spreadArray([], __read(Array(count)), false).map(function (v, i) {
-            var _a;
-            return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (_a = render === null || render === void 0 ? void 0 : render(i)) !== null && _a !== void 0 ? _a : (typeof children === 'function' ? children(i) : children) }, "element-".concat(i)));
-        }) }));
+export function Repeat({ count = 1, children, render, }) {
+    return (_jsx(_Fragment, { children: [...Array(count)].map((v, i) => (_jsx(Fragment, { children: render?.(i) ?? (typeof children === 'function' ? children(i) : children) }, `element-${i}`))) }));
 }
 Object.defineProperty(Repeat, 'displayName', { value: 'Repeat', writable: false });
-//# sourceMappingURL=Repeat.js.map

package/operators/index.js

@@ -0,0 +1,5 @@
+export * from './Conditional.js';
+export * from './Each.js';
+export * from './ExtractChild.js';
+export * from './ExtractChildren.js';
+export * from './Repeat.js';

package/package.json

@@ -1,18 +1,17 @@
 {
   "name": "etudes",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "description": "A study of headless React components",
+  "type": "module",
   "scripts": {
     "clean": "rimraf lib",
     "prebuild": "npm run lint && npm run clean",
-    "build": "cross-env NODE_ENV=production tsc",
+    "build": "tsc",
     "pages": "rimraf .gh-pages && webpack --config demo/config/build.conf.ts",
-    "predemo": "npm run clean",
-    "demo": "concurrently \"cross-env NODE_ENV=production tsc -w --diagnostics false\" \"wait-on lib && cross-env NODE_ENV=development webpack-cli serve --mode development --hot --config demo/config/build.conf.ts\"",
+    "dev": "concurrently \"tsc -w\" \"wait-on -t 30s lib && vite dev -c demo/vite.config.ts --port 8080\"",
     "test": "echo \"No tests yet :)\"",
     "lint": "eslint",
-    "lint:fix": "npm run lint -- --fix",
-    "scan": "dotenv -- sh -c 'sonar-scanner -Dsonar.projectKey=$SONAR_PROJECT_KEY -Dsonar.sources=. -Dsonar.host.url=$SONAR_HOST_URL -Dsonar.token=$SONAR_TOKEN'"
+    "lint:fix": "eslint --fix"
   },
   "repository": {
     "type": "git",
@@ -34,59 +33,46 @@
     "utils"
   ],
   "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
-    "@eslint/js": "^9.5.0",
+    "@eslint/js": "^9.9.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@stylistic/eslint-plugin": "^2.2.2",
+    "@stylistic/eslint-plugin": "^2.7.2",
     "@types/debug": "^4.1.12",
-    "@types/html-webpack-plugin": "^3.2.9",
-    "@types/node-polyglot": "^2.5.0",
-    "@types/react": "^18.3.3",
+    "@types/node": "^22.5.4",
+    "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
     "@types/styled-components": "^5.1.34",
-    "@types/webpack": "^5.28.5",
-    "@types/webpack-env": "^1.18.5",
-    "babel-loader": "^9.1.3",
-    "babel-plugin-styled-components": "^2.1.4",
+    "@vitejs/plugin-react": "^4.3.1",
     "concurrently": "^8.2.2",
-    "cross-env": "^7.0.3",
-    "debug": "^4.3.5",
-    "dotenv-cli": "^7.4.2",
-    "eslint": "^9.5.0",
-    "html-webpack-plugin": "^5.6.0",
+    "debug": "^4.3.6",
+    "eslint": "^9.9.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router": "^6.23.1",
-    "react-router-dom": "^6.23.1",
-    "rimraf": "^5.0.7",
-    "semantic-release": "^24.0.0",
-    "styled-components": "^6.1.11",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.5.2",
-    "typescript-eslint": "^8.0.0-alpha.10",
-    "wait-on": "^7.2.0",
-    "webpack": "^5.92.1",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4"
+    "react-router": "^6.26.1",
+    "react-router-dom": "^6.26.1",
+    "rimraf": "^6.0.1",
+    "semantic-release": "^24.1.0",
+    "styled-components": "^6.1.13",
+    "tsx": "^4.19.0",
+    "typescript": "^5.5.4",
+    "typescript-eslint": "^8.4.0",
+    "vite": "^5.4.3",
+    "vite-plugin-dts": "^4.1.0",
+    "wait-on": "^8.0.0"
   },
   "dependencies": {
     "clsx": "^2.1.1",
     "fast-deep-equal": "^3.1.3",
-    "fast-xml-parser": "^4.4.0",
+    "fast-xml-parser": "^4.5.0",
     "interactjs": "^1.10.27",
     "resize-observer-polyfill": "^1.5.1",
-    "spase": "^7.2.1"
+    "spase": "^8.0.3"
   },
   "peerDependencies": {
     "react": "^18.2.0"
   },
   "optionalDependencies": {
-    "react-router": "^6.23.1",
-    "react-router-dom": "^6.23.1"
+    "react-router": "^6.26.1",
+    "react-router-dom": "^6.26.1"
   }
 }

package/providers/ScrollPositionProvider.js

@@ -1,66 +1,44 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollPositionContext = void 0;
-exports.ScrollPositionProvider = ScrollPositionProvider;
-exports.useScrollPosition = useScrollPosition;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var spase_1 = require("spase");
-exports.ScrollPositionContext = (0, react_1.createContext)(undefined);
-function ScrollPositionProvider(_a) {
-    var children = _a.children;
-    var _b = __read((0, react_1.useState)({
-        minPos: new spase_1.Point(),
-        maxPos: new spase_1.Point(),
-        pos: new spase_1.Point(),
-        step: new spase_1.Point(),
-    }), 2), value = _b[0], setValue = _b[1];
-    (0, react_1.useEffect)(function () {
-        var updateScrollPosition = function () {
-            var refRect = spase_1.Rect.fromViewport();
-            var refRectMin = refRect.clone({ x: 0, y: 0 });
-            var refRectFull = spase_1.Rect.from(window, { overflow: true });
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+import { Point, Rect } from 'spase';
+export const ScrollPositionContext = createContext(undefined);
+export function ScrollPositionProvider({ children, }) {
+    const [value, setValue] = useState({
+        minPos: new Point(),
+        maxPos: new Point(),
+        pos: new Point(),
+        step: new Point(),
+    });
+    useEffect(() => {
+        const updateScrollPosition = () => {
+            const refRect = Rect.fromViewport();
+            const refRectMin = refRect.clone({ x: 0, y: 0 });
+            const refRectFull = Rect.from(window, { overflow: true });
             if (!refRectFull)
                 return;
-            var refRectMax = refRectMin.clone({ x: refRectFull.width - refRect.width, y: refRectFull.height - refRect.height });
-            var step = new spase_1.Point([refRect.left / refRectMax.left, refRect.top / refRectMax.top]);
+            const refRectMax = refRectMin.clone({ x: refRectFull.width - refRect.width, y: refRectFull.height - refRect.height });
+            const step = new Point([refRect.left / refRectMax.left, refRect.top / refRectMax.top]);
             setValue({
-                minPos: new spase_1.Point([refRectMin.left, refRectMin.top]),
-                maxPos: new spase_1.Point([refRectMax.left, refRectMax.top]),
-                pos: new spase_1.Point([refRect.left, refRect.top]),
-                step: step,
+                minPos: new Point([refRectMin.left, refRectMin.top]),
+                maxPos: new Point([refRectMax.left, refRectMax.top]),
+                pos: new Point([refRect.left, refRect.top]),
+                step,
             });
         };
         window.addEventListener('scroll', updateScrollPosition);
         window.addEventListener('resize', updateScrollPosition);
         window.addEventListener('orientationchange', updateScrollPosition);
         updateScrollPosition();
-        return function () {
+        return () => {
             window.removeEventListener('scroll', updateScrollPosition);
             window.removeEventListener('resize', updateScrollPosition);
             window.removeEventListener('orientationchange', updateScrollPosition);
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.ScrollPositionContext.Provider, { value: value, children: children }));
+    return (_jsx(ScrollPositionContext.Provider, { value: value, children: children }));
 }
-function useScrollPosition(targetRef) {
-    var context = (0, react_1.useContext)(exports.ScrollPositionContext);
+export function useScrollPosition(targetRef) {
+    const context = useContext(ScrollPositionContext);
     if (!context)
         throw Error('Cannot fetch the current scroll position context, is the corresponding provider instated?');
     if (!targetRef) {
@@ -69,22 +47,21 @@ function useScrollPosition(targetRef) {
             step: context.step,
         };
     }
-    var element = targetRef.current;
-    var refRect = spase_1.Rect.fromViewport();
-    var rect = spase_1.Rect.from(element);
+    const element = targetRef.current;
+    const refRect = Rect.fromViewport();
+    const rect = Rect.from(element);
     if (!refRect || !rect) {
         return {
-            pos: new spase_1.Point(),
-            step: new spase_1.Point(),
+            pos: new Point(),
+            step: new Point(),
         };
     }
-    var posX = refRect.right - rect.left;
-    var posY = refRect.bottom - rect.top;
-    var stepX = posX / rect.width;
-    var stepY = posY / rect.height;
+    const posX = refRect.right - rect.left;
+    const posY = refRect.bottom - rect.top;
+    const stepX = posX / rect.width;
+    const stepY = posY / rect.height;
     return {
-        pos: new spase_1.Point([posX, posY]),
-        step: new spase_1.Point([stepX, stepY]),
+        pos: new Point([posX, posY]),
+        step: new Point([stepX, stepY]),
     };
 }
-//# sourceMappingURL=ScrollPositionProvider.js.map

package/providers/index.js

@@ -0,0 +1 @@
+export * from './ScrollPositionProvider.js';

package/utils/asClassNameDict.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.asClassNameDict = asClassNameDict;
-function asClassNameDict(dict) {
+export function asClassNameDict(dict) {
     return dict;
 }
-//# sourceMappingURL=asClassNameDict.js.map

package/utils/asComponentDict.js

@@ -1,23 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.asComponentDict = asComponentDict;
-var react_1 = require("react");
-function asComponentDict(children, typeDict) {
-    if (typeDict === void 0) { typeDict = {}; }
-    var keys = Object.keys(typeDict);
-    var types = Object.values(typeDict);
-    var components = {};
-    react_1.Children.forEach(children, function (child) {
-        if (!(0, react_1.isValidElement)(child))
+import { Children, isValidElement } from 'react';
+export function asComponentDict(children, typeDict = {}) {
+    const keys = Object.keys(typeDict);
+    const types = Object.values(typeDict);
+    const components = {};
+    Children.forEach(children, child => {
+        if (!isValidElement(child))
             throw Error('Invalid child detected');
-        var index = types.indexOf(child.type);
+        const index = types.indexOf(child.type);
         if (index < 0)
-            throw Error("Unsupported child, only the following children are allowed: ".concat(types));
-        var key = keys[index];
+            throw Error(`Unsupported child, only the following children are allowed: ${types}`);
+        const key = keys[index];
         if (components[key])
-            throw Error("Only one ".concat(types[index], " can be provided as a child"));
+            throw Error(`Only one ${types[index]} can be provided as a child`);
         components[key] = child;
     });
     return components;
 }
-//# sourceMappingURL=asComponentDict.js.map

package/utils/asStyleDict.js

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.asStyleDict = asStyleDict;
-function asStyleDict(dict) {
+export function asStyleDict(dict) {
     return dict;
 }
-//# sourceMappingURL=asStyleDict.js.map

package/utils/cloneStyledElement.js

@@ -1,62 +1,15 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cloneStyledElement = cloneStyledElement;
-var react_1 = require("react");
-function cloneStyledElement(element, props) {
-    if (props === void 0) { props = {}; }
-    var children = [];
-    for (var _i = 2; _i < arguments.length; _i++) {
-        children[_i - 2] = arguments[_i];
-    }
-    var _a = props, className = _a.className, style = _a.style, otherProps = __rest(_a, ["className", "style"]);
-    var _b = element.props, elementClassName = _b.className, elementStyle = _b.style, otherElementProps = __rest(_b, ["className", "style"]);
-    return react_1.cloneElement.apply(void 0, __spreadArray([element, __assign(__assign({ className: "".concat(elementClassName !== null && elementClassName !== void 0 ? elementClassName : '', " ").concat(className !== null && className !== void 0 ? className : '').split(' ').filter(Boolean).join(' '), style: __assign(__assign({}, elementStyle !== null && elementStyle !== void 0 ? elementStyle : {}), style !== null && style !== void 0 ? style : {}) }, otherElementProps), otherProps)], __read(children), false));
+import { cloneElement } from 'react';
+function cloneStyledElement(element, props = {}, ...children) {
+    const { className, style, ...otherProps } = props;
+    const { className: elementClassName, style: elementStyle, ...otherElementProps } = element.props;
+    return cloneElement(element, {
+        className: `${elementClassName ?? ''} ${className ?? ''}`.split(' ').filter(Boolean).join(' '),
+        style: {
+            ...elementStyle ?? {},
+            ...style ?? {},
+        },
+        ...otherElementProps,
+        ...otherProps,
+    }, ...children);
 }
-//# sourceMappingURL=cloneStyledElement.js.map
+export { cloneStyledElement };

package/utils/index.js

@@ -1,22 +1,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./asClassNameDict"), exports);
-__exportStar(require("./asComponentDict"), exports);
-__exportStar(require("./asStyleDict"), exports);
-__exportStar(require("./cloneStyledElement"), exports);
-__exportStar(require("./styles"), exports);
-//# sourceMappingURL=index.js.map
+export * from './asClassNameDict.js';
+export * from './asComponentDict.js';
+export * from './asStyleDict.js';
+export * from './cloneStyledElement.js';
+export * from './styles.js';

package/utils/styles.js

@@ -1,22 +1,6 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styles = styles;
-function styles() {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return args.reduce(function (out, curr) { return (__assign(__assign({}, out), curr || {})); }, {});
+export function styles(...args) {
+    return args.reduce((out, curr) => ({
+        ...out,
+        ...curr || {},
+    }), {});
 }
-//# sourceMappingURL=styles.js.map