quix-ui 1.1.5 → 1.1.6

package/dist/index.js

@@ -1,4 +1,6 @@
-import require$$0 from 'react';
+'use strict';
+
+var require$$0 = require('react');
 
 var jsxRuntime = {exports: {}};
 
@@ -1361,5 +1363,45 @@ 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 });
+}
+
+exports.Buttons = Buttons;
+exports.ViewContainer = ViewContainer;

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.6",
   "description": "This is a react component library.",
   "type": "module",
   "main": "dist/index.js",
@@ -14,7 +14,6 @@
     }
   },
   "files": [
-
     "dist"
   ],
   "scripts": {
@@ -95,10 +94,11 @@
     "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"
+    "fs": "^0.0.1-security",
+    "quix-ui": "^1.1.5"
   }
 }