ekm-ui 0.3.85 → 0.3.87

package/dist/table-result-block.js

@@ -1,15 +1,17 @@
-export { e as TableResultBlock } from './chunk-BS2JSVCX.js';
+export { e as TableResultBlock } from './chunk-UEHTOYK2.js';
+import './chunk-RHBXFO7R.js';
 import './chunk-CVZY2CLV.js';
 import './chunk-N7JQ6EAC.js';
 import './chunk-HVNLAQA6.js';
 import './chunk-52VBZOHL.js';
 import './chunk-ZHMUFBQM.js';
-import './chunk-Q3HXAUZP.js';
 import './chunk-E62SCYLR.js';
+import './chunk-Q3HXAUZP.js';
 import './chunk-JHGOFDVG.js';
 import './chunk-4E6CDLVE.js';
 import './chunk-XXP5K6Y4.js';
-import './chunk-RHBXFO7R.js';
+import './chunk-X6RBGNFS.js';
+import './chunk-BV5QP4Q2.js';
 import './chunk-P4BV63ZR.js';
 import './chunk-QCHLLBHM.js';
 import './chunk-LIXVY47P.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ekm-ui",
-  "version": "0.3.85",
+  "version": "0.3.87",
   "sideEffects": [
     "**/*.css"
   ],

package/src/index.tsx

@@ -55,6 +55,8 @@ export { FeaturePageGroup } from "./featurePageComponents/feature-page-group";
 export { TableResultBlock } from "./table-result-block";
 export { DateRangePicker } from "./date-range-picker";
 export { ProductPicker } from "./product-picker/product-drawer";
-export {TestComponent} from "./test-component";
+export { TestComponent } from "./test-component";
+export { NBUI_Container } from "./nbui/nbui-container";
+export { NBUI_Card } from "./nbui/nbui-card";
 
 import "./styles.css";

package/src/nbui/nbui-card.tsx

@@ -0,0 +1,15 @@
+export function NBUI_Card() {
+  return (
+    <div className="flex flex-col rounded-lg border border-gray-200 bg-white px-5 py-4 shadow-sm dark:border-gray-700 dark:bg-gray-800">
+      <div className="flex h-full flex-col justify-center gap-4">
+        <div className="w-1/4 h-6 bg-gray-400 rounded-md" />
+        <div className="mt-2 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+      </div>
+    </div>
+  )
+}

package/src/nbui/nbui-container.tsx

@@ -0,0 +1,22 @@
+//@ts-nocheck
+function NBUI_PageHeader() {
+  return (
+    <div className="border-b bg-white p-8 shadow-sm dark:border-gray-700 dark:bg-gray-800 lg:flex lg:items-center lg:justify-between">
+      <div className="w-full">
+        <div className="w-32 h-4 bg-gray-200 rounded-md" />
+        <div className="flex items-center">
+          <div className="mt-2 w-80 h-10 bg-gray-400 rounded-md" />
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export function NBUI_Container({ children }) {
+  return (
+    <main className="relative dark:bg-gray-900 flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ">
+      <NBUI_PageHeader />
+      <form className="grid-col-1 grid gap-y-4 px-4">{children}</form>
+    </main>
+  )
+}