etudes 5.0.0 → 5.2.0

package/operators/Repeat.js

@@ -1,27 +1,4 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -48,19 +25,19 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Repeat = void 0;
-var react_1 = __importStar(require("react"));
+exports.Repeat = Repeat;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("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 (react_1.default.createElement(react_1.default.Fragment, null, __spreadArray([], __read(Array(count)), false).map(function (v, i) {
-        var _a;
-        return (react_1.default.createElement(react_1.Fragment, { key: "element-".concat(i) }, (_a = render === null || render === void 0 ? void 0 : render(i)) !== null && _a !== void 0 ? _a : (typeof children === 'function' ? children(i) : children)));
-    })));
+    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)));
+        }) }));
 }
-exports.Repeat = Repeat;
 Object.defineProperty(Repeat, 'displayName', { value: 'Repeat', writable: false });
 //# sourceMappingURL=Repeat.js.map

package/operators/Repeat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Repeat.js","sourceRoot":"/","sources":["operators/Repeat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAQvD;;;GAGG;AACH,SAAgB,MAAM,CAAC,EAIC;QAHtB,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,OAAO,CACL,8DACG,yBAAI,KAAK,CAAC,KAAK,CAAC,UAAE,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC;;QAAK,OAAA,CAC/B,8BAAC,gBAAQ,IAAC,GAAG,EAAE,kBAAW,CAAC,CAAE,IAC1B,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,mCAAI,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAChE,CACZ,CAAA;KAAA,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAdD,wBAcC;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA","sourcesContent":["import React, { Fragment, type ReactNode } from 'react'\n\nexport type RepeatProps = {\n  children?: ReactNode | ((index: number) => ReactNode)\n  count?: number\n  render?: (index: number) => ReactNode\n}\n\n/**\n * A tag-less component that repeats its children, automatically assigning each\n * a unique key.\n */\nexport function Repeat({\n  count = 1,\n  children,\n  render,\n}: Readonly<RepeatProps>) {\n  return (\n    <>\n      {[...Array(count)].map((v, i) => (\n        <Fragment key={`element-${i}`}>\n          {render?.(i) ?? (typeof children === 'function' ? children(i) : children)}\n        </Fragment>\n      ))}\n    </>\n  )\n}\n\nObject.defineProperty(Repeat, 'displayName', { value: 'Repeat', writable: false })\n"]}
+{"version":3,"file":"Repeat.js","sourceRoot":"/","sources":["operators/Repeat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,wBAcC;;AA1BD,+BAAgD;AAQhD;;;GAGG;AACH,SAAgB,MAAM,CAAC,EAIC;QAHtB,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA;IAEN,OAAO,CACL,2DACG,yBAAI,KAAK,CAAC,KAAK,CAAC,UAAE,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC;;YAAK,OAAA,CAC/B,uBAAC,gBAAQ,cACN,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,mCAAI,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAD5D,kBAAW,CAAC,CAAE,CAElB,CACZ,CAAA;SAAA,CAAC,GACD,CACJ,CAAA;AACH,CAAC;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA","sourcesContent":["import { Fragment, type ReactNode } from 'react'\n\nexport type RepeatProps = {\n  children?: ReactNode | ((index: number) => ReactNode)\n  count?: number\n  render?: (index: number) => ReactNode\n}\n\n/**\n * A tag-less component that repeats its children, automatically assigning each\n * a unique key.\n */\nexport function Repeat({\n  count = 1,\n  children,\n  render,\n}: Readonly<RepeatProps>) {\n  return (\n    <>\n      {[...Array(count)].map((v, i) => (\n        <Fragment key={`element-${i}`}>\n          {render?.(i) ?? (typeof children === 'function' ? children(i) : children)}\n        </Fragment>\n      ))}\n    </>\n  )\n}\n\nObject.defineProperty(Repeat, 'displayName', { value: 'Repeat', writable: false })\n"]}

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "etudes",
-  "version": "5.0.0",
+  "version": "5.2.0",
   "description": "A study of headless React components",
-  "main": "lib",
   "scripts": {
     "clean": "rimraf lib",
     "prebuild": "npm run lint && npm run clean",
@@ -11,7 +10,7 @@
     "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\"",
     "test": "echo \"No tests yet :)\"",
-    "lint": "eslint --ext .ts --ext .tsx src demo",
+    "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'"
   },
@@ -35,55 +34,59 @@
     "utils"
   ],
   "devDependencies": {
-    "@babel/core": "^7.24.4",
-    "@babel/plugin-transform-runtime": "^7.24.3",
-    "@babel/preset-env": "^7.24.4",
-    "@babel/preset-react": "^7.24.1",
-    "@babel/preset-typescript": "^7.24.1",
+    "@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",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@stylistic/eslint-plugin": "^2.2.2",
     "@types/debug": "^4.1.12",
     "@types/html-webpack-plugin": "^3.2.9",
     "@types/node-polyglot": "^2.5.0",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@types/styled-components": "^5.1.34",
     "@types/webpack": "^5.28.5",
-    "@types/webpack-env": "^1.18.4",
-    "@typescript-eslint/eslint-plugin": "^7.7.0",
-    "@typescript-eslint/parser": "^7.7.0",
+    "@types/webpack-env": "^1.18.5",
     "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "^2.1.4",
     "concurrently": "^8.2.2",
     "cross-env": "^7.0.3",
-    "debug": "^4.3.4",
-    "dotenv-cli": "^7.4.1",
-    "eslint": "^8.56.0",
+    "debug": "^4.3.5",
+    "dotenv-cli": "^7.4.2",
+    "eslint": "^9.5.0",
     "html-webpack-plugin": "^5.6.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router": "^6.22.3",
-    "react-router-dom": "^6.22.3",
-    "rimraf": "^5.0.5",
-    "styled-components": "^6.1.8",
+    "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.4.5",
+    "typescript": "^5.5.2",
+    "typescript-eslint": "^8.0.0-alpha.10",
     "wait-on": "^7.2.0",
-    "webpack": "^5.91.0",
+    "webpack": "^5.92.1",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+    "webpack-dev-server": "^5.0.4"
   },
   "dependencies": {
-    "clsx": "^2.1.0",
+    "clsx": "^2.1.1",
     "fast-deep-equal": "^3.1.3",
-    "fast-xml-parser": "^4.3.6",
+    "fast-xml-parser": "^4.4.0",
     "interactjs": "^1.10.27",
     "resize-observer-polyfill": "^1.5.1",
-    "spase": "^7.1.0"
+    "spase": "^7.2.1"
   },
   "peerDependencies": {
     "react": "^18.2.0"
   },
   "optionalDependencies": {
-    "react-router": "^6.22.3",
-    "react-router-dom": "^6.22.3"
+    "react-router": "^6.23.1",
+    "react-router-dom": "^6.23.1"
   }
 }

package/providers/ScrollPositionProvider.d.ts

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren, type RefObject } from 'react';
+import { type PropsWithChildren, type RefObject } from 'react';
 import { Point } from 'spase';
 type ScrollPosition = {
     pos: Point;
@@ -9,7 +9,7 @@ type ScrollPositionContextValue = ScrollPosition & {
     maxPos: Point;
 };
 type ScrollPositionProviderProps = PropsWithChildren;
-export declare const ScrollPositionContext: React.Context<ScrollPositionContextValue | undefined>;
-export declare function ScrollPositionProvider({ children, }: Readonly<ScrollPositionProviderProps>): React.JSX.Element;
+export declare const ScrollPositionContext: import("react").Context<ScrollPositionContextValue | undefined>;
+export declare function ScrollPositionProvider({ children, }: Readonly<ScrollPositionProviderProps>): import("react/jsx-runtime").JSX.Element;
 export declare function useScrollPosition(targetRef?: RefObject<Element>): ScrollPosition;
 export {};

package/providers/ScrollPositionProvider.js

@@ -1,27 +1,4 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -39,8 +16,11 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollPosition = exports.ScrollPositionProvider = exports.ScrollPositionContext = void 0;
-var react_1 = __importStar(require("react"));
+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) {
@@ -77,9 +57,8 @@ function ScrollPositionProvider(_a) {
             window.removeEventListener('orientationchange', updateScrollPosition);
         };
     }, []);
-    return (react_1.default.createElement(exports.ScrollPositionContext.Provider, { value: value }, children));
+    return ((0, jsx_runtime_1.jsx)(exports.ScrollPositionContext.Provider, { value: value, children: children }));
 }
-exports.ScrollPositionProvider = ScrollPositionProvider;
 function useScrollPosition(targetRef) {
     var context = (0, react_1.useContext)(exports.ScrollPositionContext);
     if (!context)
@@ -108,5 +87,4 @@ function useScrollPosition(targetRef) {
         step: new spase_1.Point([stepX, stepY]),
     };
 }
-exports.useScrollPosition = useScrollPosition;
 //# sourceMappingURL=ScrollPositionProvider.js.map

package/providers/ScrollPositionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollPositionProvider.js","sourceRoot":"/","sources":["providers/ScrollPositionProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useContext, useEffect, useState, type PropsWithChildren, type RefObject } from 'react'\nimport { Point, Rect } from 'spase'\n\ntype ScrollPosition = {\n  pos: Point\n  step: Point\n}\n\ntype ScrollPositionContextValue = ScrollPosition & {\n  minPos: Point\n  maxPos: Point\n}\n\ntype ScrollPositionProviderProps = PropsWithChildren\n\nexport const ScrollPositionContext = createContext<ScrollPositionContextValue | undefined>(undefined)\n\nexport function ScrollPositionProvider({\n  children,\n}: Readonly<ScrollPositionProviderProps>) {\n  const [value, setValue] = useState<ScrollPositionContextValue>({\n    minPos: new Point(),\n    maxPos: new Point(),\n    pos: new Point(),\n    step: new Point(),\n  })\n\n  useEffect(() => {\n    const updateScrollPosition = () => {\n      const refRect = Rect.fromViewport()\n      const refRectMin = refRect.clone({ x: 0, y: 0 })\n      const refRectFull = Rect.from(window, { overflow: true })\n\n      if (!refRectFull) return\n\n      const refRectMax = refRectMin.clone({ x: refRectFull.width - refRect.width, y: refRectFull.height - refRect.height })\n      const step = new Point([refRect.left / refRectMax.left, refRect.top / refRectMax.top])\n\n      setValue({\n        minPos: new Point([refRectMin.left, refRectMin.top]),\n        maxPos: new Point([refRectMax.left, refRectMax.top]),\n        pos: new Point([refRect.left, refRect.top]),\n        step,\n      })\n    }\n\n    window.addEventListener('scroll', updateScrollPosition)\n    window.addEventListener('resize', updateScrollPosition)\n    window.addEventListener('orientationchange', updateScrollPosition)\n\n    updateScrollPosition()\n\n    return () => {\n      window.removeEventListener('scroll', updateScrollPosition)\n      window.removeEventListener('resize', updateScrollPosition)\n      window.removeEventListener('orientationchange', updateScrollPosition)\n    }\n  }, [])\n\n  return (\n    <ScrollPositionContext.Provider value={value}>\n      {children}\n    </ScrollPositionContext.Provider>\n  )\n}\n\nexport function useScrollPosition(targetRef?: RefObject<Element>): ScrollPosition {\n  const context = useContext(ScrollPositionContext)\n  if (!context) throw Error('Cannot fetch the current scroll position context, is the corresponding provider instated?')\n\n  if (!targetRef) {\n    return {\n      pos: context.pos,\n      step: context.step,\n    }\n  }\n\n  const element = targetRef.current\n\n  const refRect = Rect.fromViewport()\n  const rect = Rect.from(element)\n\n  if (!refRect || !rect) {\n    return {\n      pos: new Point(),\n      step: new Point(),\n    }\n  }\n\n  const posX = refRect.right - rect.left\n  const posY = refRect.bottom - rect.top\n  const stepX = posX / rect.width\n  const stepY = posY / rect.height\n\n  return {\n    pos: new Point([posX, posY]),\n    step: new Point([stepX, stepY]),\n  }\n}\n"]}
+{"version":3,"file":"ScrollPositionProvider.js","sourceRoot":"/","sources":["providers/ScrollPositionProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useContext, useEffect, useState, type PropsWithChildren, type RefObject } from 'react'\nimport { Point, Rect } from 'spase'\n\ntype ScrollPosition = {\n  pos: Point\n  step: Point\n}\n\ntype ScrollPositionContextValue = ScrollPosition & {\n  minPos: Point\n  maxPos: Point\n}\n\ntype ScrollPositionProviderProps = PropsWithChildren\n\nexport const ScrollPositionContext = createContext<ScrollPositionContextValue | undefined>(undefined)\n\nexport function ScrollPositionProvider({\n  children,\n}: Readonly<ScrollPositionProviderProps>) {\n  const [value, setValue] = useState<ScrollPositionContextValue>({\n    minPos: new Point(),\n    maxPos: new Point(),\n    pos: new Point(),\n    step: new Point(),\n  })\n\n  useEffect(() => {\n    const updateScrollPosition = () => {\n      const refRect = Rect.fromViewport()\n      const refRectMin = refRect.clone({ x: 0, y: 0 })\n      const refRectFull = Rect.from(window, { overflow: true })\n\n      if (!refRectFull) return\n\n      const refRectMax = refRectMin.clone({ x: refRectFull.width - refRect.width, y: refRectFull.height - refRect.height })\n      const step = new Point([refRect.left / refRectMax.left, refRect.top / refRectMax.top])\n\n      setValue({\n        minPos: new Point([refRectMin.left, refRectMin.top]),\n        maxPos: new Point([refRectMax.left, refRectMax.top]),\n        pos: new Point([refRect.left, refRect.top]),\n        step,\n      })\n    }\n\n    window.addEventListener('scroll', updateScrollPosition)\n    window.addEventListener('resize', updateScrollPosition)\n    window.addEventListener('orientationchange', updateScrollPosition)\n\n    updateScrollPosition()\n\n    return () => {\n      window.removeEventListener('scroll', updateScrollPosition)\n      window.removeEventListener('resize', updateScrollPosition)\n      window.removeEventListener('orientationchange', updateScrollPosition)\n    }\n  }, [])\n\n  return (\n    <ScrollPositionContext.Provider value={value}>\n      {children}\n    </ScrollPositionContext.Provider>\n  )\n}\n\nexport function useScrollPosition(targetRef?: RefObject<Element>): ScrollPosition {\n  const context = useContext(ScrollPositionContext)\n  if (!context) throw Error('Cannot fetch the current scroll position context, is the corresponding provider instated?')\n\n  if (!targetRef) {\n    return {\n      pos: context.pos,\n      step: context.step,\n    }\n  }\n\n  const element = targetRef.current\n\n  const refRect = Rect.fromViewport()\n  const rect = Rect.from(element)\n\n  if (!refRect || !rect) {\n    return {\n      pos: new Point(),\n      step: new Point(),\n    }\n  }\n\n  const posX = refRect.right - rect.left\n  const posY = refRect.bottom - rect.top\n  const stepX = posX / rect.width\n  const stepY = posY / rect.height\n\n  return {\n    pos: new Point([posX, posY]),\n    step: new Point([stepX, stepY]),\n  }\n}\n"]}

package/utils/asClassNameDict.js

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

package/utils/asClassNameDict.js.map

@@ -1 +1 @@
-{"version":3,"file":"asClassNameDict.js","sourceRoot":"/","sources":["utils/asClassNameDict.ts"],"names":[],"mappings":";;;AAAA,SAAgB,eAAe,CAAI,IAAgC;IACjE,OAAO,IAAI,CAAA;AACb,CAAC;AAFD,0CAEC","sourcesContent":["export function asClassNameDict<T>(dict: { [K in keyof T]: string }) {\n  return dict\n}\n"]}
+{"version":3,"file":"asClassNameDict.js","sourceRoot":"/","sources":["utils/asClassNameDict.ts"],"names":[],"mappings":";;AAAA,0CAEC;AAFD,SAAgB,eAAe,CAAI,IAAgC;IACjE,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["export function asClassNameDict<T>(dict: { [K in keyof T]: string }) {\n  return dict\n}\n"]}

package/utils/asComponentDict.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.asComponentDict = void 0;
+exports.asComponentDict = asComponentDict;
 var react_1 = require("react");
 function asComponentDict(children, typeDict) {
     if (typeDict === void 0) { typeDict = {}; }
@@ -20,5 +20,4 @@ function asComponentDict(children, typeDict) {
     });
     return components;
 }
-exports.asComponentDict = asComponentDict;
 //# sourceMappingURL=asComponentDict.js.map

package/utils/asComponentDict.js.map

@@ -1 +1 @@
-{"version":3,"file":"asComponentDict.js","sourceRoot":"/","sources":["utils/asComponentDict.ts"],"names":[],"mappings":";;;AAAA,+BAA4F;AAM5F,SAAgB,eAAe,CAA8B,QAAoB,EAAE,QAAqB;IAArB,yBAAA,EAAA,WAAc,EAAO;IACtG,IAAM,IAAI,GAAgB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC/C,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACrC,IAAM,UAAU,GAAqC,EAAE,CAAA;IAEvD,gBAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAA,KAAK;QAC9B,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC;YAAE,MAAM,KAAK,CAAC,wBAAwB,CAAC,CAAA;QAEjE,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAW,CAAC,CAAA;QAC9C,IAAI,KAAK,GAAG,CAAC;YAAE,MAAM,KAAK,CAAC,sEAA+D,KAAK,CAAE,CAAC,CAAA;QAElG,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;QACvB,IAAI,UAAU,CAAC,GAAG,CAAC;YAAE,MAAM,KAAK,CAAC,mBAAY,KAAK,CAAC,KAAK,CAAC,gCAA6B,CAAC,CAAA;QAEvF,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;IACzB,CAAC,CAAC,CAAA;IAEF,OAAO,UAAU,CAAA;AACnB,CAAC;AAlBD,0CAkBC","sourcesContent":["import { Children, isValidElement, type JSXElementConstructor, type ReactNode } from 'react'\n\ntype ComponentTypeDict = Record<string, JSXElementConstructor<any>>\n\ntype ComponentElementDict<T extends ComponentTypeDict> = Record<keyof T, JSX.Element>\n\nexport function asComponentDict<T extends ComponentTypeDict>(children?: ReactNode, typeDict: T = {} as T): Partial<ComponentElementDict<T>> {\n  const keys: (keyof T)[] = Object.keys(typeDict)\n  const types = Object.values(typeDict)\n  const components: Partial<ComponentElementDict<T>> = {}\n\n  Children.forEach(children, child => {\n    if (!isValidElement(child)) throw Error('Invalid child detected')\n\n    const index = types.indexOf(child.type as any)\n    if (index < 0) throw Error(`Unsupported child, only the following children are allowed: ${types}`)\n\n    const key = keys[index]\n    if (components[key]) throw Error(`Only one ${types[index]} can be provided as a child`)\n\n    components[key] = child\n  })\n\n  return components\n}\n"]}
+{"version":3,"file":"asComponentDict.js","sourceRoot":"/","sources":["utils/asComponentDict.ts"],"names":[],"mappings":";;AAMA,0CAkBC;AAxBD,+BAA4F;AAM5F,SAAgB,eAAe,CAA8B,QAAoB,EAAE,QAAqB;IAArB,yBAAA,EAAA,WAAc,EAAO;IACtG,IAAM,IAAI,GAAgB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC/C,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACrC,IAAM,UAAU,GAAqC,EAAE,CAAA;IAEvD,gBAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAA,KAAK;QAC9B,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC;YAAE,MAAM,KAAK,CAAC,wBAAwB,CAAC,CAAA;QAEjE,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAW,CAAC,CAAA;QAC9C,IAAI,KAAK,GAAG,CAAC;YAAE,MAAM,KAAK,CAAC,sEAA+D,KAAK,CAAE,CAAC,CAAA;QAElG,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;QACvB,IAAI,UAAU,CAAC,GAAG,CAAC;YAAE,MAAM,KAAK,CAAC,mBAAY,KAAK,CAAC,KAAK,CAAC,gCAA6B,CAAC,CAAA;QAEvF,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;IACzB,CAAC,CAAC,CAAA;IAEF,OAAO,UAAU,CAAA;AACnB,CAAC","sourcesContent":["import { Children, isValidElement, type JSXElementConstructor, type ReactNode } from 'react'\n\ntype ComponentTypeDict = Record<string, JSXElementConstructor<any>>\n\ntype ComponentElementDict<T extends ComponentTypeDict> = Record<keyof T, JSX.Element>\n\nexport function asComponentDict<T extends ComponentTypeDict>(children?: ReactNode, typeDict: T = {} as T): Partial<ComponentElementDict<T>> {\n  const keys: (keyof T)[] = Object.keys(typeDict)\n  const types = Object.values(typeDict)\n  const components: Partial<ComponentElementDict<T>> = {}\n\n  Children.forEach(children, child => {\n    if (!isValidElement(child)) throw Error('Invalid child detected')\n\n    const index = types.indexOf(child.type as any)\n    if (index < 0) throw Error(`Unsupported child, only the following children are allowed: ${types}`)\n\n    const key = keys[index]\n    if (components[key]) throw Error(`Only one ${types[index]} can be provided as a child`)\n\n    components[key] = child\n  })\n\n  return components\n}\n"]}

package/utils/asStyleDict.js

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

package/utils/asStyleDict.js.map

@@ -1 +1 @@
-{"version":3,"file":"asStyleDict.js","sourceRoot":"/","sources":["utils/asStyleDict.ts"],"names":[],"mappings":";;;AAEA,SAAgB,WAAW,CAAI,IAAuC;IACpE,OAAO,IAAI,CAAA;AACb,CAAC;AAFD,kCAEC","sourcesContent":["import { type CSSProperties } from 'react'\n\nexport function asStyleDict<T>(dict: { [K in keyof T]: CSSProperties }) {\n  return dict\n}\n"]}
+{"version":3,"file":"asStyleDict.js","sourceRoot":"/","sources":["utils/asStyleDict.ts"],"names":[],"mappings":";;AAEA,kCAEC;AAFD,SAAgB,WAAW,CAAI,IAAuC;IACpE,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import { type CSSProperties } from 'react'\n\nexport function asStyleDict<T>(dict: { [K in keyof T]: CSSProperties }) {\n  return dict\n}\n"]}

package/utils/cloneStyledElement.js

@@ -47,7 +47,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cloneStyledElement = void 0;
+exports.cloneStyledElement = cloneStyledElement;
 var react_1 = require("react");
 function cloneStyledElement(element, props) {
     if (props === void 0) { props = {}; }
@@ -59,5 +59,4 @@ function cloneStyledElement(element, props) {
     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));
 }
-exports.cloneStyledElement = cloneStyledElement;
 //# sourceMappingURL=cloneStyledElement.js.map

package/utils/cloneStyledElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"cloneStyledElement.js","sourceRoot":"/","sources":["utils/cloneStyledElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiM;AAkBjM,SAAS,kBAAkB,CACzB,OAAuE,EACvE,KAAqE;IAArE,sBAAA,EAAA,UAAqE;IACrE,kBAAwB;SAAxB,UAAwB,EAAxB,qBAAwB,EAAxB,IAAwB;QAAxB,iCAAwB;;IAExB,IAAM,KAAsC,KAAY,EAAhD,SAAS,eAAA,EAAE,KAAK,WAAA,EAAK,UAAU,cAAjC,sBAAmC,CAAe,CAAA;IACxD,IAAM,KAA6E,OAAO,CAAC,KAAY,EAApF,gBAAgB,eAAA,EAAS,YAAY,WAAA,EAAK,iBAAiB,cAAxE,sBAA0E,CAAuB,CAAA;IAEvG,OAAO,oBAAY,8BAAC,OAAO,sBACzB,SAAS,EAAE,UAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE,cAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC9F,KAAK,wBACA,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,GAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,KAEb,iBAAiB,GACjB,UAAU,WACT,QAAQ,WAAC;AACjB,CAAC;AAEQ,gDAAkB","sourcesContent":["import { cloneElement, type Attributes, type CElement, type ClassAttributes, type Component, type ComponentState, type FunctionComponentElement, type ReactElement, type ReactNode } from 'react'\n\n/**\n * Wrapper for {@link cloneElement} but instead of overwriting `className` and\n * `style` of the cloned element with the values specified in the `props`\n * argument, they are merged.\n *\n * @param element The target element to clone.\n * @param props The props to apply to the cloned element. Overlapping props are\n *              overwritten with the exception of `className` and `style`, which\n *              are merged.\n * @param children Optional child elements add into the cloned element.\n *\n * @returns The cloned element.\n */\nfunction cloneStyledElement<P>(element: FunctionComponentElement<P>, props?: Partial<P> & Attributes, ...children: ReactNode[]): FunctionComponentElement<P>\nfunction cloneStyledElement<P, T extends Component<P, ComponentState>>(element: CElement<P, T>, props?: Partial<P> & ClassAttributes<T>, ...children: ReactNode[]): CElement<P, T>\nfunction cloneStyledElement<P>(element: ReactElement<P>, props?: Partial<P> & Attributes, ...children: ReactNode[]): ReactElement<P>\nfunction cloneStyledElement<P, T extends Component<P, ComponentState> = never>(\n  element: FunctionComponentElement<P> | CElement<P, T> | ReactElement<P>,\n  props: Partial<P> & Attributes | Partial<P> & ClassAttributes<T> = {},\n  ...children: ReactNode[]\n) {\n  const { className, style, ...otherProps } = props as any\n  const { className: elementClassName, style: elementStyle, ...otherElementProps } = element.props as any\n\n  return cloneElement(element, {\n    className: `${elementClassName ?? ''} ${className ?? ''}`.split(' ').filter(Boolean).join(' '),\n    style: {\n      ...elementStyle ?? {},\n      ...style ?? {},\n    },\n    ...otherElementProps,\n    ...otherProps,\n  }, ...children)\n}\n\nexport { cloneStyledElement }\n"]}
+{"version":3,"file":"cloneStyledElement.js","sourceRoot":"/","sources":["utils/cloneStyledElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCS,gDAAkB;AArC3B,+BAAiM;AAkBjM,SAAS,kBAAkB,CACzB,OAAuE,EACvE,KAAqE;IAArE,sBAAA,EAAA,UAAqE;IACrE,kBAAwB;SAAxB,UAAwB,EAAxB,qBAAwB,EAAxB,IAAwB;QAAxB,iCAAwB;;IAExB,IAAM,KAAsC,KAAY,EAAhD,SAAS,eAAA,EAAE,KAAK,WAAA,EAAK,UAAU,cAAjC,sBAAmC,CAAe,CAAA;IACxD,IAAM,KAA6E,OAAO,CAAC,KAAY,EAApF,gBAAgB,eAAA,EAAS,YAAY,WAAA,EAAK,iBAAiB,cAAxE,sBAA0E,CAAuB,CAAA;IAEvG,OAAO,oBAAY,8BAAC,OAAO,sBACzB,SAAS,EAAE,UAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,EAAE,cAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC9F,KAAK,wBACA,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,GAClB,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,KAEb,iBAAiB,GACjB,UAAU,WACT,QAAQ,WAAC;AACjB,CAAC","sourcesContent":["import { cloneElement, type Attributes, type CElement, type ClassAttributes, type Component, type ComponentState, type FunctionComponentElement, type ReactElement, type ReactNode } from 'react'\n\n/**\n * Wrapper for {@link cloneElement} but instead of overwriting `className` and\n * `style` of the cloned element with the values specified in the `props`\n * argument, they are merged.\n *\n * @param element The target element to clone.\n * @param props The props to apply to the cloned element. Overlapping props are\n *              overwritten with the exception of `className` and `style`, which\n *              are merged.\n * @param children Optional child elements add into the cloned element.\n *\n * @returns The cloned element.\n */\nfunction cloneStyledElement<P>(element: FunctionComponentElement<P>, props?: Partial<P> & Attributes, ...children: ReactNode[]): FunctionComponentElement<P>\nfunction cloneStyledElement<P, T extends Component<P, ComponentState>>(element: CElement<P, T>, props?: Partial<P> & ClassAttributes<T>, ...children: ReactNode[]): CElement<P, T>\nfunction cloneStyledElement<P>(element: ReactElement<P>, props?: Partial<P> & Attributes, ...children: ReactNode[]): ReactElement<P>\nfunction cloneStyledElement<P, T extends Component<P, ComponentState> = never>(\n  element: FunctionComponentElement<P> | CElement<P, T> | ReactElement<P>,\n  props: Partial<P> & Attributes | Partial<P> & ClassAttributes<T> = {},\n  ...children: ReactNode[]\n) {\n  const { className, style, ...otherProps } = props as any\n  const { className: elementClassName, style: elementStyle, ...otherElementProps } = element.props as any\n\n  return cloneElement(element, {\n    className: `${elementClassName ?? ''} ${className ?? ''}`.split(' ').filter(Boolean).join(' '),\n    style: {\n      ...elementStyle ?? {},\n      ...style ?? {},\n    },\n    ...otherElementProps,\n    ...otherProps,\n  }, ...children)\n}\n\nexport { cloneStyledElement }\n"]}

package/utils/styles.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.styles = void 0;
+exports.styles = styles;
 function styles() {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -19,5 +19,4 @@ function styles() {
     }
     return args.reduce(function (out, curr) { return (__assign(__assign({}, out), curr || {})); }, {});
 }
-exports.styles = styles;
 //# sourceMappingURL=styles.js.map

package/utils/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"/","sources":["utils/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,SAAgB,MAAM;IAAC,cAA8C;SAA9C,UAA8C,EAA9C,qBAA8C,EAA9C,IAA8C;QAA9C,yBAA8C;;IACnE,OAAO,IAAI,CAAC,MAAM,CAAgB,UAAC,GAAG,EAAE,IAAI,IAAK,OAAA,uBAC5C,GAAG,GACH,IAAI,IAAI,EAAE,EACb,EAH+C,CAG/C,EAAE,EAAE,CAAC,CAAA;AACT,CAAC;AALD,wBAKC","sourcesContent":["import { type CSSProperties } from 'react'\n\nexport function styles(...args: (CSSProperties | undefined | false)[]): CSSProperties {\n  return args.reduce<CSSProperties>((out, curr) => ({\n    ...out,\n    ...curr || {},\n  }), {})\n}\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"/","sources":["utils/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAEA,wBAKC;AALD,SAAgB,MAAM;IAAC,cAA8C;SAA9C,UAA8C,EAA9C,qBAA8C,EAA9C,IAA8C;QAA9C,yBAA8C;;IACnE,OAAO,IAAI,CAAC,MAAM,CAAgB,UAAC,GAAG,EAAE,IAAI,IAAK,OAAA,uBAC5C,GAAG,GACH,IAAI,IAAI,EAAE,EACb,EAH+C,CAG/C,EAAE,EAAE,CAAC,CAAA;AACT,CAAC","sourcesContent":["import { type CSSProperties } from 'react'\n\nexport function styles(...args: (CSSProperties | undefined | false)[]): CSSProperties {\n  return args.reduce<CSSProperties>((out, curr) => ({\n    ...out,\n    ...curr || {},\n  }), {})\n}\n"]}