@kashifd/jwero-components 0.5.71 → 0.5.74

package/README.md

@@ -1,30 +1,10 @@
-# React + TypeScript + Vite
+# @kashifd/jwero-components
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+A component library designed to streamline UI development for platform applications. It includes customizable components that are easy to use and integrate into React projects.
 
-Currently, two official plugins are available:
+## Installation
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+To install the library, run the following command:
 
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+```bash
+npm install @kashifd/jwero-components

package/dist/index.es.js

@@ -48615,11 +48615,12 @@ const nW = ({
   imageSx: d,
   textBoxSx: g,
   searchQuery: m,
-  buttonAdditionalProps: b
+  buttonAdditionalProps: b,
+  showButton: w = !0
 }) => {
-  const w = Lr();
-  let T = t, D = n, P = a;
-  return e === "search" && (T = t || eV, D = n || "No results found", P = a || `We could not find any results for ${m ? `"${m}"` : "your searched text"}`), e === "data" && (T = t || Z8, D = n || "No data found", P = a || "There is no data present, please add data."), /* @__PURE__ */ k.jsxs(
+  const T = Lr();
+  let D = t, P = n, E = a;
+  return e === "search" && (D = t || eV, P = n || "No results found", E = a || `We could not find any results for ${m ? `"${m}"` : "your searched text"}`), e === "data" && (D = t || Z8, P = n || "No data found", E = a || "There is no data present, please add data."), /* @__PURE__ */ k.jsxs(
     nt,
     {
       alignItems: "center",
@@ -48630,11 +48631,11 @@ const nW = ({
           Zv,
           {
             component: "img",
-            src: T,
+            src: D,
             alt: "comment-img",
             loading: "lazy",
-            onError: (E) => {
-              E.target.src = J8;
+            onError: (I) => {
+              I.target.src = J8;
             },
             sx: {
               height: "8.25rem",
@@ -48656,15 +48657,15 @@ const nW = ({
               ...g
             },
             children: [
-              /* @__PURE__ */ k.jsx(Ct, { variant: "xxlSemibold", children: D }),
+              /* @__PURE__ */ k.jsx(Ct, { variant: "xxlSemibold", children: P }),
               /* @__PURE__ */ k.jsx(
                 Ct,
                 {
                   variant: "xlRegular",
                   sx: {
-                    color: w.colors.text_tertiary
+                    color: T.colors.text_tertiary
                   },
-                  children: P
+                  children: E
                 }
               )
             ]
@@ -48676,10 +48677,17 @@ const nW = ({
             variant: s == null ? void 0 : s.variant,
             title: s == null ? void 0 : s.title,
             onClick: s == null ? void 0 : s.onClick,
-            iconProps: {
-              position: "before",
-              icon: /* @__PURE__ */ k.jsx(c0, {})
-            },
+            iconProps: w ? {
+              position: "start",
+              icon: /* @__PURE__ */ k.jsx(
+                c0,
+                {
+                  sx: {
+                    color: (s == null ? void 0 : s.variant) === "outlined" ? "#000" : "#fff"
+                  }
+                }
+              )
+            } : void 0,
             ...b
           }
         )