@soppiya/app-bridge 1.0.8 → 1.1.1

package/dist/shared/loading/Loading.d.ts

@@ -0,0 +1,2 @@
+declare const Loading: () => import("react/jsx-runtime").JSX.Element;
+export default Loading;

package/dist/shared/loading/Loading.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { BlockStack, Spinner } from "@soppiya/elementus";
+const Loading = ()=>/*#__PURE__*/ jsx(BlockStack, {
+        justifyContent: "center",
+        alignItems: "center",
+        children: /*#__PURE__*/ jsx(Spinner, {
+            size: "md"
+        })
+    });
+const loading_Loading = Loading;
+export { loading_Loading as default };

package/dist/shared/loading/index.d.ts

@@ -0,0 +1 @@
+export { default as Loading } from "./Loading";

package/dist/shared/loading/index.js

@@ -0,0 +1,2 @@
+import Loading from "./Loading.js";
+export { Loading };

package/dist/styles.css

@@ -295,6 +295,10 @@
 @layer components;
 
 @layer utilities {
+  .invisible {
+    visibility: hidden;
+  }
+
   .visible {
     visibility: visible;
   }
@@ -315,6 +319,10 @@
     position: relative;
   }
 
+  .top-0\.5 {
+    top: calc(var(--spacing) * .5);
+  }
+
   .top-1 {
     top: calc(var(--spacing) * 1);
   }
@@ -355,6 +363,10 @@
     z-index: 1;
   }
 
+  .z-20 {
+    z-index: 20;
+  }
+
   .z-30 {
     z-index: 30;
   }
@@ -363,6 +375,10 @@
     margin-inline: auto;
   }
 
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+
   .mt-\[10px\] {
     margin-top: 10px;
   }
@@ -439,6 +455,14 @@
     width: 150px;
   }
 
+  .w-\[170px\]\! {
+    width: 170px !important;
+  }
+
+  .w-\[188px\]\! {
+    width: 188px !important;
+  }
+
   .w-\[207px\] {
     width: 207px;
   }
@@ -447,6 +471,10 @@
     width: 320px;
   }
 
+  .w-\[calc\(100\%-188px\)\]\! {
+    width: calc(100% - 188px) !important;
+  }
+
   .w-full {
     width: 100%;
   }
@@ -455,6 +483,10 @@
     max-width: 150px !important;
   }
 
+  .grow {
+    flex-grow: 1;
+  }
+
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -529,11 +561,20 @@
     border-width: 1px;
   }
 
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+
   .border-b {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
 
+  .border-t-\[\#ebebeb\] {
+    border-top-color: #ebebeb;
+  }
+
   .border-b-\[\#ebebeb\] {
     border-bottom-color: #ebebeb;
   }
@@ -550,6 +591,10 @@
     background-color: #ebebeb;
   }
 
+  .bg-\[\#f1f1f1\] {
+    background-color: #f1f1f1;
+  }
+
   .bg-gray-400 {
     background-color: var(--color-gray-400);
   }
@@ -562,6 +607,10 @@
     object-fit: cover;
   }
 
+  .p-4\! {
+    padding: calc(var(--spacing) * 4) !important;
+  }
+
   .p-5 {
     padding: calc(var(--spacing) * 5);
   }
@@ -578,6 +627,22 @@
     padding-inline: 8px !important;
   }
 
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+
+  .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+
+  .underline {
+    text-decoration-line: underline;
+  }
+
   .opacity-50 {
     opacity: .5;
   }
@@ -642,6 +707,14 @@
       top: calc(var(--spacing) * 0);
     }
 
+    .md\:-left-5 {
+      left: calc(var(--spacing) * -5);
+    }
+
+    .md\:mt-0 {
+      margin-top: calc(var(--spacing) * 0);
+    }
+
     .md\:h-\[100px\] {
       height: 100px;
     }
@@ -670,6 +743,10 @@
       width: 117px;
     }
 
+    .md\:w-\[256px\]\! {
+      width: 256px !important;
+    }
+
     .md\:w-\[395px\] {
       width: 395px;
     }
@@ -678,9 +755,42 @@
       width: 708px;
     }
 
+    .md\:w-\[calc\(100\%\+40px\)\]\! {
+      width: calc(100% + 40px) !important;
+    }
+
+    .md\:w-\[calc\(100\%-256px\)\]\! {
+      width: calc(100% - 256px) !important;
+    }
+
     .md\:grid-cols-\[repeat\(auto-fill\,minmax\(117px\,1fr\)\)\] {
       grid-template-columns: repeat(auto-fill, minmax(117px, 1fr));
     }
+
+    .md\:flex-col-reverse\! {
+      flex-direction: column-reverse !important;
+    }
+
+    .md\:border-b {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+
+    .md\:border-b-\[\#ebebeb\] {
+      border-bottom-color: #ebebeb;
+    }
+
+    .md\:border-b-transparent {
+      border-bottom-color: #0000;
+    }
+
+    .md\:pb-0 {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+
+    .md\:pb-3 {
+      padding-bottom: calc(var(--spacing) * 3);
+    }
   }
 
   @media (width >= 64rem) {
@@ -712,6 +822,10 @@
       width: 300px;
     }
 
+    .lg\:w-\[352px\]\! {
+      width: 352px !important;
+    }
+
     .lg\:w-\[444px\] {
       width: 444px;
     }
@@ -720,6 +834,10 @@
       width: 780px;
     }
 
+    .lg\:w-\[calc\(100\%-352px\)\]\! {
+      width: calc(100% - 352px) !important;
+    }
+
     .lg\:cursor-pointer {
       cursor: pointer;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soppiya/app-bridge",
-  "version": "1.0.8",
+  "version": "1.1.1",
   "type": "module",
   "exports": {
     ".": {
@@ -45,6 +45,7 @@
     "graphql": "^16.11.0",
     "prettier": "^3.6.2",
     "react": "^19.1.1",
+    "sass": "^1.97.0",
     "storybook": "^9.1.8",
     "storybook-addon-apollo-client": "^9.0.0",
     "storybook-addon-rslib": "^2.1.2",
@@ -59,10 +60,11 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.7",
-    "@soppiya/elementus": "^1.0.9",
+    "@soppiya/elementus": "^1.1.8",
     "@uidotdev/usehooks": "^2.4.1",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
+    "moment": "^2.30.1",
     "react-toastify": "^11.0.5"
   }
 }