quix-ui 1.2.3 → 1.2.5

package/dist/components/layout/Layout.d.ts

@@ -1,11 +1,23 @@
 import { LayoutProps, menuItemsDynamicStyleProps, menuItemsProps, sideMenuProps } from "./types";
 import './layout.style.css';
-export declare function Layout(props: LayoutProps): import("react/jsx-runtime").JSX.Element;
+export default function Layout(props: LayoutProps): import("react/jsx-runtime").JSX.Element;
 export declare function SideMenu(props: {
     sideMenu: sideMenuProps;
     top: number;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MenuItem(item: menuItemsProps, ElementType?: "NavLink" | "Link" | "a" | "div", menuItemsDynamicStyle?: menuItemsDynamicStyleProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuItem({ item, ElementType, menuItemsDynamicStyle, menuItemStyle }: {
+    item: menuItemsProps;
+    ElementType?: "NavLink" | "Link" | "a" | "div";
+    menuItemsDynamicStyle?: menuItemsDynamicStyleProps;
+    menuItemStyle?: {
+        style?: React.CSSProperties;
+        width?: {
+            desktop: number | string;
+            tablet: number | string;
+            mobile: number | string;
+        };
+    };
+}): import("react/jsx-runtime").JSX.Element;
 export declare function Header(): import("react/jsx-runtime").JSX.Element;
 export declare function Content(): import("react/jsx-runtime").JSX.Element;
 export declare function Footer(): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/Layout.stories.d.ts

@@ -1,5 +1,5 @@
 import { StoryObj } from "@storybook/react-vite";
-import { Layout } from "./Layout";
+import Layout from "./Layout";
 declare const meta: {
     title: string;
     component: typeof Layout;
@@ -7,17 +7,6 @@ declare const meta: {
         layout: string;
     };
     tags: string[];
-    argTypes: {
-        backgroundColor: {
-            control: "color";
-        };
-        layoutStyle: {
-            control: "text";
-        };
-        className: {
-            control: "text";
-        };
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -0,0 +1,18 @@
+export default function useElementSize<T extends HTMLElement>(): readonly [import("react").RefObject<T | null>, {
+    width: number;
+    height: number;
+}];
+export declare class WindowSize {
+    size: {
+        width: number;
+        height: number;
+    };
+    constructor();
+    resizeWindow(): void;
+    update(): {
+        width: number;
+        height: number;
+    }[];
+    destroy(): void;
+}
+export declare const useWindowSize: WindowSize;

package/dist/components/layout/types.d.ts

@@ -4,13 +4,22 @@ export interface LayoutProps {
     className?: string;
     layoutStyle?: React.CSSProperties;
     sideMenu?: sideMenuProps;
-    ElementStyle?: React.CSSProperties;
+    menuItemStyle?: {
+        width: {
+            desktop: number | string;
+            tablet: number | string;
+            mobile: number | string;
+        };
+        style?: React.CSSProperties;
+    };
     children?: JSX.Element;
     header?: HeaderProps;
+    content?: () => JSX.Element;
 }
 export interface HeaderProps {
     height: number;
-    style: React.CSSProperties;
+    style?: React.CSSProperties;
+    children?: () => JSX.Element;
 }
 export interface menuItemsProps {
     label: string;
@@ -27,12 +36,23 @@ export interface menuItemsProps {
     };
 }
 export interface sideMenuProps {
-    width: number | string;
+    width: {
+        desktop: number | string;
+        tablet: number | string;
+        mobile: number | string;
+    };
     height: number | string;
     sideMenuStyle?: React.CSSProperties;
     menuItems: menuItemsProps[];
     ElementType?: "NavLink" | "Link" | "a" | "div";
-    ElementStyle?: React.CSSProperties;
+    menuItemStyle?: {
+        width?: {
+            desktop: number | string;
+            tablet: number | string;
+            mobile: number | string;
+        };
+        style: React.CSSProperties;
+    };
     menuItemsDynamicStyle?: menuItemsDynamicStyleProps;
     bottomSection?: menuItemsProps[];
 }

package/dist/global/globalElementStyled.d.ts

@@ -0,0 +1,24 @@
+export declare const Div: ({ css }: {
+    css: string;
+}) => import("storybook/theming").StyledComponent<{
+    theme?: import("storybook/theming").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const P: ({ css }: {
+    css: string;
+}) => import("storybook/theming").StyledComponent<{
+    theme?: import("storybook/theming").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const Input: ({ css }: {
+    css: string;
+}) => import("storybook/theming").StyledComponent<{
+    theme?: import("storybook/theming").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Section: ({ css }: {
+    css: string;
+}) => import("storybook/theming").StyledComponent<{
+    theme?: import("storybook/theming").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { default as FlexView } from './view/FlexView';
 export { default as Buttons } from './components/Buttons/Buttons';
+export { default as Layout } from './components/layout/Layout';