quix-ui 1.1.5 → 1.1.8

package/dist/index.js

@@ -1361,5 +1361,46 @@ function requireJsxRuntime () {
 	return jsxRuntime.exports;
 }
 
-requireJsxRuntime();
-uireJsxRuntime();
+var jsxRuntimeExports = requireJsxRuntime();
+
+function ViewContainer(props) {
+    const { display, isScrollable, direction, alignItems, justifyContent, width, height, backgroundColor, paddingX, paddingY, textColor, className, rounded } = props;
+    return jsxRuntimeExports.jsx("div", { className: className, style: {
+            display: display || 'block',
+            overflowY: isScrollable ? 'scroll' : 'hidden',
+            flexDirection: direction || 'row',
+            alignItems: alignItems || 'stretch',
+            justifyContent: justifyContent || 'flex-start',
+            width: width ? `${width}px` : 'auto',
+            height: height ? `${height}px` : 'auto',
+            backgroundColor: backgroundColor || 'transparent',
+            paddingInline: paddingX ? `${paddingX}px` : undefined,
+            paddingBlock: paddingY ? `${paddingY}px` : undefined,
+            color: textColor || 'inherit',
+            borderTopLeftRadius: typeof rounded === 'number' ? rounded : rounded?.topLeft ?? 4,
+            borderTopRightRadius: typeof rounded === 'number' ? rounded : rounded?.topRight ?? 4,
+            borderBottomLeftRadius: typeof rounded === 'number' ? rounded : rounded?.bottomLeft ?? 4,
+            borderBottomRightRadius: typeof rounded === 'number' ? rounded : rounded?.bottomRight ?? 4,
+        }, children: props.children });
+}
+
+function Buttons(props) {
+    const { onClick, width, height, label, paddingX, paddingY, backgroundColor, textColor, rounded, className } = props;
+    return jsxRuntimeExports.jsx("button", { className: className, style: {
+            width: width ? `${width}px` : 'auto',
+            height: height ? `${height}px` : 'auto',
+            paddingInline: paddingX ?? 4,
+            paddingBlock: paddingY ?? 4,
+            backgroundColor: backgroundColor || 'transparent',
+            color: textColor || 'inherit',
+            borderTopLeftRadius: typeof rounded === 'number' ? rounded : rounded?.topLeft ?? 4,
+            borderTopRightRadius: typeof rounded === 'number' ? rounded : rounded?.topRight ?? 4,
+            borderBottomLeftRadius: typeof rounded === 'number' ? rounded : rounded?.bottomLeft ?? 4,
+            borderBottomRightRadius: typeof rounded === 'number' ? rounded : rounded?.bottomRight ?? 4,
+            cursor: 'pointer',
+        }, onClick: onClick, children: label });
+}
+
+export { Buttons, ViewContainer };
+ Buttons;
+exports.ViewContainer = ViewContainer;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './view/ViewContainer';
-export * from './components/Buttons/Buttons';
+export { default as ViewContainer } from './view/ViewContainer';
+export { default as Buttons } from './components/Buttons/Buttons';

package/dist/types/test/Test.d.ts

@@ -0,0 +1 @@
+export declare function Test(): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quix-ui",
-  "version": "1.1.5",
+  "version": "1.1.8",
   "description": "This is a react component library.",
   "type": "module",
   "main": "dist/index.js",
@@ -14,7 +14,6 @@
     }
   },
   "files": [
-
     "dist"
   ],
   "scripts": {
@@ -81,6 +80,7 @@
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jiti": "^2.6.1",
+    "quix-ui": "^1.1.6",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "^6.1.2",
@@ -95,8 +95,8 @@
     "typescript-eslint": "^8.53.0"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^16",
+    "react-dom": "^16"
   },
   "dependencies": {
     "fs": "^0.0.1-security"