quix-ui 1.2.0 → 1.2.2

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;
@@ -20,30 +20,24 @@ declare const meta: {
         height: {
             control: "number";
         };
-        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,32 +1,25 @@
 {
   "name": "quix-ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "This is a react component library.",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "vite build",
-    "rollup": "rollup -c",
+    "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",
     "lint:fix": "eslint ./src --ext .ts,.tsx --fix",
     "release": "standard-version",
-    "compile": "rimraf dist/lib && tsc && tsc --build tsconfig.es5.json"
+    "compile": "rimraf dist && tsc && tsc --build tsconfig.json"
   },
   "repository": {
     "type": "git",
@@ -80,9 +73,10 @@
     "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",

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;