quix-ui 1.3.4 → 1.3.7

package/dist/components/layout/hooks/useElementSize.d.ts

@@ -1,7 +1,6 @@
 declare function useWindowEvent(type: keyof WindowEventMap, listener: () => void, options: any): void;
 export { useWindowEvent };
-declare function useViewportSize(): {
+export declare function useViewportSize(): {
     width: number;
     height: number;
 };
-export { useViewportSize };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsx as jsx$1, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx as jsx$1 } from 'react/jsx-runtime';
 import { useNavigate, Outlet, NavLink, Link, createBrowserRouter, RouterProvider } from 'react-router-dom';
 import * as React2 from 'react';
 import { forwardRef, useContext, useState, useCallback, useEffect } from 'react';
@@ -147,7 +147,7 @@ function FlexView(props) {
     onClick = props.onClick,
     onRightClick = props.onRightClick,
     tooltip = props.tooltip;
-  return jsx$1("div", {
+  return jsxs("div", {
     onContextMenu: onRightClick,
     onClick: onClick,
     className: "".concat(className, " ").concat(layout, " quix_view "),
@@ -168,7 +168,7 @@ function FlexView(props) {
       transition: '0.3s all',
       position: tooltip ? 'relative' : 'unset'
     }, style),
-    children: tooltip && jsx$1("div", {
+    children: [tooltip && jsx$1("div", {
       style: {
         position: 'absolute',
         width: '100px',
@@ -183,7 +183,7 @@ function FlexView(props) {
       },
       className: "quix_tooltip",
       children: tooltip.component
-    })
+    }), props.children]
   });
 }
 
@@ -2253,3 +2253,22 @@ function QuixRouterProvider(_ref) {
 }
 
 export { Buttons, FlexView, Layout, QuixRouterProvider };
+e.width > 850 ? Number((_sideMenu$width$deskt = sideMenu === null || sideMenu === void 0 || (_sideMenu$width2 = sideMenu.width) === null || _sideMenu$width2 === void 0 ? void 0 : _sideMenu$width2.desktop) !== null && _sideMenu$width$deskt !== void 0 ? _sideMenu$width$deskt : 300) : Number((_sideMenu$width$deskt2 = sideMenu === null || sideMenu === void 0 || (_sideMenu$width3 = sideMenu.width) === null || _sideMenu$width3 === void 0 ? void 0 : _sideMenu$width3.desktop) !== null && _sideMenu$width$deskt2 !== void 0 ? _sideMenu$width$deskt2 : 300)) + 30)
+      },
+      children: jsxRuntime.jsx(reactRouterDom.Outlet, {})
+    })]
+  });
+}
+
+function QuixRouterProvider(_ref) {
+  var routes = _ref.routes;
+  var router = reactRouterDom.createBrowserRouter(routes);
+  return jsxRuntime.jsx(reactRouterDom.RouterProvider, {
+    router: router
+  });
+}
+
+exports.Buttons = Buttons;
+exports.FlexView = FlexView;
+exports.Layout = Layout;
+exports.QuixRouterProvider = QuixRouterProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quix-ui",
-  "version": "1.3.4",
+  "version": "1.3.7",
   "description": "This is a react component library.",
   "type": "module",
   "main": "dist/index.js",