@homecode/ui 5.18.2 → 5.18.5

package/dist/esm/src/components/TextShimmer/TextShimmer.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import cn from 'classnames';
 import React__default, { useMemo } from 'react';
 import S from './TextShimmer.styl.js';
+import cn from 'classnames';
 
 function TextShimmerComponent({ children, as: Component = 'p', className, duration = 1, spread = 3, inverted = false, active = true, }) {
     const { backgroundGradient } = useMemo(() => {
@@ -9,8 +9,8 @@ function TextShimmerComponent({ children, as: Component = 'p', className, durati
         // Wide blend stops “vertical knife” artefacts when the ramp only spans few pixels inside the glyph mask.
         const ridgeHalf = Math.min(49, Math.max(36, raw + 17));
         // Resolve on the gradient so ancestor --txt-sh-* inherit. --decent-color is the surface.
-        const fill = 'var(--txt-sh-fill, var(--text-shimmer-decent-tone, var(--accent-color)))';
-        const highlight = 'var(--txt-sh-highlight, var(--text-shimmer-accent-tone, var(--active-color)))';
+        const fill = 'var(--txt-sh-fill, var(--text-shimmer-decent-tone, var(--accent-color-alpha-300)))';
+        const highlight = 'var(--txt-sh-highlight, var(--text-shimmer-accent-tone, var(--accent-color)))';
         const baseColor = inverted ? highlight : fill;
         const bandColor = inverted ? fill : highlight;
         const backgroundGradient = `linear-gradient(90deg, ${baseColor} calc(50% - ${ridgeHalf}%), ${bandColor} 50%, ${baseColor} calc(50% + ${ridgeHalf}%))`;

package/dist/esm/src/components/ThinkingOutline/ThinkingOutline.js

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-import S from './ThinkingOutline.styl.js';
 import cn from 'classnames';
+import S from './ThinkingOutline.styl.js';
 
-function ThinkingOutline({ active = false, className, }) {
-    return (jsx("div", { className: cn(S.root, active && S.active, className), children: jsx("div", { className: S.bloom }) }));
+function ThinkingOutline({ active, className }) {
+    const isControlled = active !== undefined;
+    return (jsx("div", { className: cn(S.root, isControlled && active && S.active, !isControlled && S.interactive, className), children: jsx("div", { className: S.bloom }) }));
 }
 
 export { ThinkingOutline };

package/dist/esm/src/components/ThinkingOutline/ThinkingOutline.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = "@property --promptGlowAngle{syntax:\"<angle>\";inherits:true;initial-value:0deg}.ThinkingOutline_root__rvvBG{animation:ThinkingOutline_orbitGlow__3bK-F 3.5s linear infinite;animation-play-state:paused;border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease-out}.ThinkingOutline_root__rvvBG.ThinkingOutline_active__-66iV,.ThinkingOutline_root__rvvBG:hover{animation-play-state:running;opacity:1}.ThinkingOutline_root__rvvBG:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;position:absolute}.ThinkingOutline_bloom__XKYD5{border-radius:inherit;filter:blur(20px);inset:0;opacity:.55;position:absolute}.ThinkingOutline_bloom__XKYD5:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:6px;position:absolute}@media (prefers-reduced-motion:reduce){.ThinkingOutline_root__rvvBG{animation:none}}@keyframes ThinkingOutline_orbitGlow__3bK-F{0%{--promptGlowAngle:-30deg}25%{--promptGlowAngle:30deg}50%{--promptGlowAngle:150deg}75%{--promptGlowAngle:210deg}to{--promptGlowAngle:330deg}}";
-var S = {"root":"ThinkingOutline_root__rvvBG","orbitGlow":"ThinkingOutline_orbitGlow__3bK-F","active":"ThinkingOutline_active__-66iV","bloom":"ThinkingOutline_bloom__XKYD5"};
+var css_248z = "@property --promptGlowAngle{syntax:\"<angle>\";inherits:true;initial-value:0deg}.ThinkingOutline_root__rvvBG{animation:ThinkingOutline_orbitGlow__3bK-F 3.5s linear infinite;animation-play-state:paused;border-radius:inherit;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease-out}.ThinkingOutline_root__rvvBG.ThinkingOutline_interactive__3jMCg{pointer-events:auto}.ThinkingOutline_root__rvvBG.ThinkingOutline_active__-66iV,.ThinkingOutline_root__rvvBG.ThinkingOutline_interactive__3jMCg:hover{animation-play-state:running;opacity:1}.ThinkingOutline_root__rvvBG:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;position:absolute}.ThinkingOutline_bloom__XKYD5{border-radius:inherit;filter:blur(20px);inset:0;opacity:.55;position:absolute}.ThinkingOutline_bloom__XKYD5:before{background:conic-gradient(from var(--promptGlowAngle),var(--active-color) 0deg,var(--active-color-alpha-300) 48deg,transparent 80deg,transparent 100deg,var(--active-color-alpha-300) 132deg,var(--active-color) 180deg,var(--active-color-alpha-300) 228deg,transparent 260deg,transparent 280deg,var(--active-color-alpha-300) 312deg,var(--active-color) 1turn);border-radius:inherit;content:\"\";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:6px;position:absolute}@media (prefers-reduced-motion:reduce){.ThinkingOutline_root__rvvBG{animation:none}}@keyframes ThinkingOutline_orbitGlow__3bK-F{0%{--promptGlowAngle:-30deg}25%{--promptGlowAngle:30deg}50%{--promptGlowAngle:150deg}75%{--promptGlowAngle:210deg}to{--promptGlowAngle:330deg}}";
+var S = {"root":"ThinkingOutline_root__rvvBG","orbitGlow":"ThinkingOutline_orbitGlow__3bK-F","interactive":"ThinkingOutline_interactive__3jMCg","active":"ThinkingOutline_active__-66iV","bloom":"ThinkingOutline_bloom__XKYD5"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/types/src/components/Menu/Menu.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { Size } from 'uilib/types';
-import { Props as ScrollProps } from 'uilib/components/Scroll/Scroll.types';
+import { Props as ScrollProps } from '../Scroll/Scroll.types';
+import { Size } from '../../types';
 export interface MenuProps extends ScrollProps {
     children: ReactNode;
     className?: string;

package/dist/esm/types/src/components/ThinkingOutline/ThinkingOutline.d.ts

@@ -1,5 +1,3 @@
-export type ThinkingOutlineProps = {
-    active?: boolean;
-    className?: string;
-};
-export declare function ThinkingOutline({ active, className, }: ThinkingOutlineProps): import("react").JSX.Element;
+import { ThinkingOutlineProps } from './ThinkingOutline.types';
+export type { ThinkingOutlineProps };
+export declare function ThinkingOutline({ active, className }: ThinkingOutlineProps): import("react").JSX.Element;

package/dist/esm/types/src/components/ThinkingOutline/ThinkingOutline.types.d.ts

@@ -0,0 +1,4 @@
+export type ThinkingOutlineProps = {
+    active?: boolean;
+    className?: string;
+};

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@homecode/ui",
-  "version": "5.18.2",
+  "version": "5.18.5",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",
     "tests:watch": "jest --watch",
     "ts": "tsc --noUnusedLocals",
-    "dev": "NODE_OPTIONS='--loader ts-node/esm' NODE_ENV=development webpack-dev-server --mode=development --config ./src/docs/config/webpack.config.js --progress",
+    "dev": "vite --config ./src/docs/config/vite.config.ts",
     "build": "rollup -c rollup.config.ts --configPlugin @rollup/plugin-typescript",
     "build:compress": "COMPRESS=true yarn build",
     "release": "standard-version",
@@ -15,7 +15,7 @@
     "release:major": "yarn release -- --release-as major",
     "release:as": "yarn release -- --release-as",
     "docs:types": "node bin/parseTypes.js",
-    "docs:build": "yarn docs:types && NODE_OPTIONS='--loader ts-node/esm' NODE_ENV=production webpack --mode=production --config ./src/docs/config/webpack.config.js --progress",
+    "docs:build": "yarn docs:types && vite build --config ./src/docs/config/vite.config.ts",
     "docs:deploy": "./bin/deploy",
     "docs": "yarn docs:build && yarn docs:deploy"
   },
@@ -43,14 +43,13 @@
   "type": "module",
   "exports": {
     ".": {
+      "types": "./dist/esm/types/index.d.ts",
       "import": "./dist/esm/index.js",
-      "require": "./dist/esm/index.js",
-      "default": "./dist/esm/index.js",
-      "types": "./dist/esm/types/index.d.ts"
+      "default": "./dist/esm/index.js"
     },
     "./icons": {
-      "import": "./dist/esm/src/components/Icon/icons/index.js",
-      "types": "./dist/esm/types/src/components/Icon/icons/index.d.ts"
+      "types": "./dist/esm/types/src/components/Icon/icons/index.d.ts",
+      "import": "./dist/esm/src/components/Icon/icons/index.js"
     }
   },
   "bugs": {
@@ -61,9 +60,7 @@
   },
   "dependencies": {
     "@homecode/ui": "^4.17.2",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@svgr/webpack": "^8.1.0",
     "@tiptap/core": "^3.22.1",
     "@tiptap/extension-mention": "^3.22.1",
     "@tiptap/extensions": "^3.22.1",
@@ -75,14 +72,12 @@
     "compareq": "^1.2.2",
     "fastest-validator": "^1.16.0",
     "favicons": "^7.1.3",
-    "favicons-webpack-plugin": "^6.0.0",
     "justorm": "^3.0.2",
     "lucide-react": "^1.43.0",
     "moment": "^2.29.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-live": "^3.1.2",
-    "react-refresh": "^0.14.0",
     "roddeh-i18n": "^1.2.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-uglify": "^6.0.4",
@@ -96,8 +91,6 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
-    "@babel/plugin-proposal-optional-chaining": "^7.20.7",
-    "@babel/preset-typescript": "^7.21.0",
     "@codesandbox/sandpack-react": "^2.0.6",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-json": "^6.0.0",
@@ -111,25 +104,14 @@
     "@types/node": "^18.14.0",
     "@types/react": "^18.3.20",
     "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react-swc": "^3.11.0",
     "babel-jest": "^29.7.0",
-    "babel-loader": "8",
-    "babel-preset-react-app": "^10.0.1",
-    "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.7.3",
-    "css-modules-typescript-loader": "^4.0.1",
-    "file-loader": "^6.2.0",
     "fs": "^0.0.2",
-    "html-webpack-partials-plugin": "^0.8.0",
-    "html-webpack-plugin": "^5.5.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "mini-css-extract-plugin": "^2.7.2",
-    "postcss-loader": "^7.0.2",
     "postcss-preset-env": "^8.0.1",
     "raw-loader": "^4.0.2",
-    "react-hot-loader": "^4.13.1",
     "replace": "^1.2.2",
     "rollup": "^3.17.1",
     "rollup-plugin-delete": "^2.0.0",
@@ -138,17 +120,12 @@
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-typescript2": "^0.34.1",
     "standard-version": "^9.5.0",
-    "style-loader": "^3.3.1",
     "stylus": "^0.59.0",
-    "stylus-loader": "^7.1.0",
     "ts-jest": "^29.2.5",
-    "ts-node": "^10.9.1",
     "ts-to-json": "^1.22.11",
     "typescript": "^4.9.5",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1",
-    "webpack-merge": "^5.8.0"
+    "vite": "^6.4.3",
+    "vite-plugin-svgr": "^4.5.0"
   },
   "resolutions": {
     "@types/react": "^18.3.20"