quix-ui 1.2.1 → 1.2.3

package/dist/view/FlexView.d.ts

@@ -0,0 +1,3 @@
+import { ViewProps } from "./types";
+import './style.css';
+export default function FlexView(props: ViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/view/Layout.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react-vite';
-import { ViewContainer } from 'quix-ui';
+import ViewContainer from './FlexView';
 declare const meta: {
     title: string;
     component: typeof ViewContainer;
@@ -15,35 +15,29 @@ declare const meta: {
             control: "color";
         };
         width: {
-            control: "number";
+            control: "text";
         };
         height: {
-            control: "number";
+            control: "text";
         };
-        display: {
+        layout: {
             options: string[];
         };
+        gap: {
+            control: "number";
+        };
         direction: {
             options: string[];
         };
         isScrollable: {
             control: "boolean";
         };
-        alignItems: {
-            options: string[];
-        };
-        justifyContent: {
-            options: string[];
-        };
         paddingX: {
             control: "number";
         };
         paddingY: {
             control: "number";
         };
-        children: {
-            control: "text";
-        };
         rounded: {
             topLeft: {
                 control: string;
@@ -58,14 +52,39 @@ declare const meta: {
                 control: string;
             };
         };
+        mah: {
+            control: "number";
+        };
+        maw: {
+            control: "number";
+        };
+        borderColor: {
+            control: "color";
+        };
+        borderWidth: {
+            control: "number";
+        };
+        borderType: {
+            options: string[];
+        };
+        style: {
+            control: "text";
+        };
         className: {
             control: "text";
         };
+        tooltip: {
+            position: {
+                control: string;
+            };
+        };
     };
     args: {
         onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onRightClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const View: Story;
+export declare const FlexView: Story;
+export declare const ScrollableFlexView: Story;

package/dist/view/types.d.ts

@@ -1,22 +1,33 @@
+import React, { ReactNode } from "react";
 export interface ViewProps {
-    display?: "block" | "flex" | "inline-block" | "inline-flex";
     isScrollable?: boolean;
     direction?: "row" | "column" | "row-reverse" | "column-reverse";
-    alignItems?: "stretch" | "center" | "flex-start";
-    justifyContent?: "flex-start" | "center" | "space-between";
-    width?: number;
-    height?: number;
+    width?: number | string;
+    height?: number | string;
     backgroundColor?: string;
     paddingX?: number;
     paddingY?: number;
     textColor?: string;
-    children?: React.ReactNode | string;
+    children?: React.ReactNode | string | React.ReactNode[];
     rounded?: {
         topLeft?: number;
         topRight?: number;
         bottomLeft?: number;
         bottomRight?: number;
     } | number;
+    gap?: number;
+    mah?: number | string;
+    maw?: number | string;
+    borderColor?: string;
+    borderWidth?: number;
+    borderType?: "solid" | "rige" | "dashed" | "dotted" | "double" | "groove";
+    style?: React.CSSProperties;
     className?: string;
-    onClick?: () => void;
+    layout: "flex-center" | "flex-start" | "flex-end" | "flex-between" | "";
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    onRightClick?: React.MouseEventHandler<HTMLDivElement>;
+    tooltip?: {
+        component: ReactNode;
+        position: "left" | "right" | "top" | "bottom";
+    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quix-ui",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "This is a react component library.",
   "type": "module",
   "main": "dist/index.js",
@@ -13,7 +13,7 @@
     "build": "vite build",
     "rollup": " rimraf dist && rollup -c",
     "test": "jest --watchAll --verbose",
-    "storybook": "storybook dev -p 6006",
+    "ui": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "prepare": "husky",
     "lint": "eslint ./src/ --ext .ts,.tsx",
@@ -55,6 +55,7 @@
     "@eslint/js": "^9.39.2",
     "@figma/eslint-plugin-figma-plugins": "^1.0.0",
     "@figma/plugin-typings": "^1.122.0",
+    "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
@@ -65,6 +66,7 @@
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.8",
     "@vitejs/plugin-react": "^5.1.2",
+    "antd": "^6.2.2",
     "axios": "^1.13.2",
     "babel-loader": "^10.0.0",
     "eslint": "^9.39.2",
@@ -73,16 +75,16 @@
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jiti": "^2.6.1",
-    "quix-ui": "^1.1.8",
+    "quix-ui": "^1.2.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-router-dom": "^7.12.0",
     "rimraf": "^6.1.2",
     "rollup": "^4.55.1",
-    "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^10.1.11",
-    "styled-components": "^6.3.6",
+    "styled-components": "^6.3.8",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.53.0"

package/dist/view/ViewContainer.d.ts

@@ -1,2 +0,0 @@
-import { ViewProps } from "./types";
-export default function ViewContainer(props: ViewProps): import("react/jsx-runtime").JSX.Element;