quix-ui 1.3.2 → 1.3.3

package/dist/Provider/routes/RouterProvider.d.ts

@@ -0,0 +1,4 @@
+import { RouteObject } from "react-router-dom";
+export default function QuixRouterProvider({ routes }: {
+    routes: RouteObject[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { default as FlexView } from './view/FlexView';
 export { default as Buttons } from './components/Buttons/Buttons';
 export { default as Layout } from './components/layout/Layout';
+export { default as QuixRouterProvider } from './Provider/routes/RouterProvider';

package/dist/index.js

@@ -1,5 +1,5 @@
 import { jsx as jsx$1, jsxs } from 'react/jsx-runtime';
-import { useNavigate, NavLink, Link } from 'react-router-dom';
+import { useNavigate, Outlet, NavLink, Link, createBrowserRouter, RouterProvider } from 'react-router-dom';
 import * as React2 from 'react';
 import { forwardRef, useContext, useState, useCallback, useEffect } from 'react';
 
@@ -2097,7 +2097,6 @@ function Layout(props) {
     layoutStyle = props.layoutStyle,
     className = props.className,
     sideMenu = props.sideMenu,
-    content = props.content,
     header = props.header;
   var size = useViewportSize();
   var LayoutSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width:", "\n    "])), layoutStyle === null || layoutStyle === void 0 ? void 0 : layoutStyle.width);
@@ -2240,19 +2239,36 @@ function Layout(props) {
         zIndex: 10,
         width: size.width - ((size.width < 450 ? Number(0) : size.width < 850 ? Number((_sideMenu$width$table = sideMenu === null || sideMenu === void 0 || (_sideMenu$width = sideMenu.width) === null || _sideMenu$width === void 0 ? void 0 : _sideMenu$width.tablet) !== null && _sideMenu$width$table !== void 0 ? _sideMenu$width$table : 60) : size.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: content && content()
+      children: jsx$1(Outlet, {})
     })]
   });
 }
 
-export { Buttons, FlexView, Layout };
-Menu === null || sideMenu === void 0 || (_sideMenu$width = sideMenu.width) === null || _sideMenu$width === void 0 ? void 0 : _sideMenu$width.tablet) !== null && _sideMenu$width$table !== void 0 ? _sideMenu$width$table : 60) : size.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)
+function QuixRouterProvider(_ref) {
+  var routes = _ref.routes;
+  var router = createBrowserRouter(routes);
+  return jsx$1(RouterProvider, {
+    router: router
+  });
+}
+
+export { Buttons, FlexView, Layout, QuixRouterProvider };
+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: content && content()
+      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.2",
+  "version": "1.3.3",
   "description": "This is a react component library.",
   "type": "module",
   "main": "dist/index.js",
@@ -92,7 +92,8 @@
     "typescript-eslint": "^8.53.0"
   },
   "peerDependencies": {
-    "react": "^16",
-    "react-dom": "^16"
+    "react": ">=18",
+    "react-dom": ">=18",
+    "react-router-dom": ">=6"
   }
 }