@homecode/ui 4.26.5 → 4.26.7

package/dist/esm/src/components/Icon/icons/attach.svg.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgAttach = function SvgAttach(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2.11,
+    d: "m14.085 8.968-7.702 6.734c-.893.782-.893 2.05 0 2.832.892.781 2.34.781 3.232 0l12.012-10.51c1.785-1.564 1.785-4.1 0-5.663s-4.68-1.564-6.464 0L3.15 12.87c-2.678 2.346-2.678 6.15 0 8.495 2.677 2.346 7.018 2.346 9.696 0l8.78-7.677"
+  })));
+};
+
+export { SvgAttach as default };

package/dist/esm/src/components/Icon/icons/index.js

@@ -1,4 +1,5 @@
 var ICONS = {
+    attach: () => import('./attach.svg.js'),
     arrowRight: () => import('./arrowRight.svg.js'),
     arrowLeft: () => import('./arrowLeft.svg.js'),
     arrowUp: () => import('./arrowUp.svg.js'),
@@ -48,6 +49,8 @@ var ICONS = {
     layers: () => import('./layers.svg.js'),
     link: () => import('./link.svg.js'),
     loader: () => import('./loader.svg.js'),
+    lock: () => import('./lock.svg.js'),
+    lockOpen: () => import('./lockOpen.svg.js'),
     map: () => import('./map.svg.js'),
     menu: () => import('./menu.svg.js'),
     mic: () => import('./mic.svg.js'),
@@ -72,6 +75,7 @@ var ICONS = {
     send: () => import('./send.svg.js'),
     settings: () => import('./settings.svg.js'),
     shoppingBag: () => import('./shoppingBag.svg.js'),
+    smile: () => import('./smile.svg.js'),
     soundWave: () => import('./soundWave.svg.js'),
     sparks: () => import('./sparks.svg.js'),
     star: () => import('./star.svg.js'),

package/dist/esm/src/components/Icon/icons/lock.svg.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgLock = function SvgLock(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.975,
+    d: "M12.045 18.083v-2.418m4.821-4.835V5.996a4.83 4.83 0 0 0-4.821-4.835 4.83 4.83 0 0 0-4.821 4.835v4.834M4.813 22.917h14.464a3.62 3.62 0 0 0 3.616-3.626v-4.834a3.62 3.62 0 0 0-3.616-3.627H4.813a3.62 3.62 0 0 0-3.616 3.627v4.834a3.62 3.62 0 0 0 3.616 3.626"
+  })));
+};
+
+export { SvgLock as default };

package/dist/esm/src/components/Icon/icons/lockOpen.svg.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgLockOpen = function SvgLockOpen(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.969,
+    d: "M13.199 16.784h-2.408m-3.613-6.01V5.966a4.81 4.81 0 0 1 4.817-4.808 4.81 4.81 0 0 1 4.816 4.808M4.771 22.794H19.22a3.61 3.61 0 0 0 3.612-3.606V14.38a3.61 3.61 0 0 0-3.612-3.606H4.77a3.61 3.61 0 0 0-3.612 3.606v4.808a3.61 3.61 0 0 0 3.612 3.606",
+    style: {
+      stroke: "currentColor",
+      strokeOpacity: 1
+    }
+  }));
+};
+
+export { SvgLockOpen as default };

package/dist/esm/src/components/Icon/icons/smile.svg.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgSmile = function SvgSmile(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M9.262 9.898h.848a2.122 2.122 0 0 0-4.241 0h.848a1.273 1.273 0 0 1 2.545 0m6.786-2.12c-1.169 0-2.12.95-2.12 2.12h.848a1.273 1.273 0 0 1 2.545 0h.848c0-1.17-.951-2.12-2.12-2.12",
+    style: {
+      strokeWidth: 0.424,
+      strokeDasharray: "none"
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.019.143C5.471.143.143 5.47.143 12.019S5.47 23.895 12.019 23.895s11.876-5.328 11.876-11.876S18.567.143 12.02.143m0 22.904C5.938 23.047.991 18.1.991 12.019.991 5.939 5.938.991 12.02.991S23.047 5.938 23.047 12.02c0 6.08-4.947 11.028-11.028 11.028",
+    style: {
+      strokeWidth: 0.424,
+      strokeDasharray: "none"
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.019 16.685c-1.54-.001-3.817-.407-3.817-1.273h-.849c0 2.061 4.188 2.12 4.666 2.12s4.666-.059 4.666-2.12h-.849c0 .866-2.278 1.272-3.817 1.273",
+    style: {
+      strokeWidth: 0.424,
+      strokeDasharray: "none"
+    }
+  }));
+};
+
+export { SvgSmile as default };

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

@@ -1,19 +1,33 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState, useLayoutEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { config } from '../../tools/config.js';
+import { isBrowser } from '../../tools/env.js';
 
 const DEFAULT_SELECTOR = `#${config.appOverlayId}`;
 function Portal(props) {
     const { selector = DEFAULT_SELECTOR, children } = props;
-    const [isMounted, setMounted] = useState(false);
-    useEffect(() => {
-        // prevent HTML mismatch between server and client
+    // Start with immediate rendering if we're in browser
+    const [isMounted, setMounted] = useState(isBrowser);
+    useLayoutEffect(() => {
+        // Ensure we're mounted on client side (handles SSR edge cases)
         setMounted(true);
     }, []);
+    // Cache target element to avoid DOM queries on every render
+    const targetElement = useMemo(() => {
+        if (!isMounted)
+            return null;
+        return document.querySelector(selector);
+    }, [selector, isMounted]);
+    // Don't render if not mounted (prevents SSR hydration mismatch)
     if (!isMounted)
         return null;
-    return createPortal(jsx(Fragment, { children: children }), document.querySelector(selector));
+    // Check if target element exists before rendering
+    if (!targetElement) {
+        console.warn(`Portal target element not found: ${selector}`);
+        return null;
+    }
+    return createPortal(jsx(Fragment, { children: children }), targetElement);
 }
 
 export { Portal };

package/dist/esm/types/src/components/Icon/icons/index.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    attach: () => Promise<any>;
     arrowRight: () => Promise<any>;
     arrowLeft: () => Promise<any>;
     arrowUp: () => Promise<any>;
@@ -48,6 +49,8 @@ declare const _default: {
     layers: () => Promise<any>;
     link: () => Promise<any>;
     loader: () => Promise<any>;
+    lock: () => Promise<any>;
+    lockOpen: () => Promise<any>;
     map: () => Promise<any>;
     menu: () => Promise<any>;
     mic: () => Promise<any>;
@@ -72,6 +75,7 @@ declare const _default: {
     send: () => Promise<any>;
     settings: () => Promise<any>;
     shoppingBag: () => Promise<any>;
+    smile: () => Promise<any>;
     soundWave: () => Promise<any>;
     sparks: () => Promise<any>;
     star: () => Promise<any>;

package/dist/esm/types/src/components/Portal/Portal.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.26.5",
+  "version": "4.26.7",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",