ekm-ui 0.3.97 → 0.4.1

package/dist/table-result-block.js

@@ -1,14 +1,14 @@
 export { e as TableResultBlock } from './chunk-UQFNA3OB.js';
+import './chunk-52VBZOHL.js';
 import './chunk-ZHMUFBQM.js';
 import './chunk-YZ2YZSNQ.js';
 import './chunk-E62SCYLR.js';
-import './chunk-X6RBGNFS.js';
 import './chunk-7Q6OMA2A.js';
 import './chunk-KRMPO53Y.js';
 import './chunk-CX2XFI5Q.js';
 import './chunk-R47VIYM2.js';
 import './chunk-HVNLAQA6.js';
-import './chunk-52VBZOHL.js';
+import './chunk-XKE3VK6Z.js';
 import './chunk-7WJGATIR.js';
 import './chunk-RTRHNOTP.js';
 import './chunk-JHGOFDVG.js';

package/package.json

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

package/src/nbui/nbui-card-form.tsx

@@ -0,0 +1,35 @@
+export function NBUI_Card_Form() {
+  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="w-2/4 h-4 bg-gray-400 rounded-md" />
+        <div className="flex gap-2">
+          <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+          <div className="mt-4 w-2/4 h-6 bg-gray-200 rounded-md" />
+        </div>
+        <div className="flex gap-2">
+          <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+          <div className="mt-4 w-2/4 h-6 bg-gray-200 rounded-md" />
+        </div>
+        <div className="flex gap-2">
+          <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+          <div className="mt-4 w-2/4 h-6 bg-gray-200 rounded-md" />
+        </div>
+        <div className="w-2/4 h-4 bg-gray-400 rounded-md" />
+        <div className="flex gap-2">
+          <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+          <div className="mt-4 w-2/4 h-6 bg-gray-200 rounded-md" />
+        </div>
+        <div className="flex gap-2">
+          <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+          <div className="mt-4 w-2/4 h-6 bg-gray-200 rounded-md" />
+        </div>
+        <div className="flex gap-2">
+          <div className="mt-4 w-2/4 h-4 bg-gray-200 rounded-md" />
+          <div className="mt-4 w-2/4 h-6 bg-gray-200 rounded-md" />
+        </div>
+      </div>
+    </div>
+  )
+}

package/src/nbui/nbui-card-image.tsx

@@ -0,0 +1,10 @@
+export function NBUI_Card_Image() {
+    <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-2/4 h-6 bg-gray-400 rounded-md" />
+            <div className="flex items-center">
+                <div className="mt-2 w-60 h-40 bg-gray-200 rounded-md" />
+            </div>
+        </div>
+    </div>
+}

package/src/nbui/nbui-card-lg.tsx

@@ -0,0 +1,16 @@
+export function NBUI_Card_Lg() {
+  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="w-2/4 h-4 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-card-paragraphs-lg.tsx

@@ -0,0 +1,23 @@
+export function NBUI_Card_Paragraphs_Lg() {
+  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="w-2/4 h-4 bg-gray-400 rounded-md" />
+        <div className="mt-2 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+      <div className="w-2/4 h-4 bg-gray-400 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />  
+    </div>
+  </div>
+  )
+}

package/src/nbui/nbui-card-paragraphs.tsx

@@ -0,0 +1,16 @@
+export function NBUI_Card_Paragraphs() {
+  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="w-2/4 h-4 bg-gray-400 rounded-md" />
+        <div className="mt-2 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-3/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-3/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-2/4 h-4 bg-gray-200 rounded-md" />
+        <div className="mt-1 w-3/4 h-4 bg-gray-200 rounded-md" />
+    </div>
+  </div>
+  )
+}

package/src/nbui/nbui-card-sm.tsx

@@ -0,0 +1,12 @@
+export function NBUI_Card_Sm() {
+  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="w-2/4 h-4 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>
+    </div>
+  )
+}

package/src/nbui/nbui-card-table.tsx

@@ -0,0 +1,56 @@
+export function NBUI_Card_Table() {
+  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="flex gap-2">
+        <div className="mt-4 w-1/3 h-6 bg-gray-200 rounded-md" />
+        <div className="mt-4 w-40 h-6 bg-gray-300 rounded-md" />
+        <div className="mt-4 w-40 h-6 bg-gray-300 rounded-md" />
+      </div>
+      <div className="flex gap-2">
+        <div className="mt-4 w-1/4 h-6 bg-gray-300 rounded-md" />
+        <div className="mt-4 w-2/4 h-6 bg-gray-300 rounded-md" />
+        <div className="mt-4 w-2/4 h-6 bg-gray-300 rounded-md" />
+        <div className="mt-4 w-2/4 h-6 bg-gray-300 rounded-md" />
+      </div>
+      <div className="flex gap-2">
+        <div className="mt-4 w-1/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 className="flex gap-2">
+        <div className="mt-4 w-1/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 className="flex gap-2">
+        <div className="mt-4 w-1/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 className="flex gap-2">
+        <div className="mt-4 w-1/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 className="flex gap-2">
+        <div className="mt-4 w-1/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 className="flex gap-2">
+        <div className="mt-4 w-1/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>
+  </div>
+  )
+}

package/src/nbui/nbui-card.tsx

@@ -3,12 +3,11 @@ export function NBUI_Card() {
     <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="w-2/4 h-4 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-footer.tsx

@@ -0,0 +1,8 @@
+export function NBUI_Footer() {
+  return (
+    <div className="flex justify-between gap-2">
+      <div className="mt-2 w-40 h-8 bg-gray-200 rounded-md" />
+      <div className="mt-2 w-40 h-8 bg-green-700 rounded-md" />
+    </div>
+  )
+}

package/src/nbui/nbui-side-panel-container.tsx

@@ -0,0 +1,38 @@
+import PropTypes from 'prop-types';
+
+export function NBUI_Page_Layout({ children }: { children: React.ReactElement }) {
+  return (
+    <div className="px-4">
+        <div className="mb-4 md:flex gap-4">
+            {children}
+        </div>
+    </div>
+  );
+}
+
+export function NBUI_Page_Layout_Side_Panel({ children }: { children: React.ReactElement }) {
+  return (
+    <aside className="flex w-full md:max-w-[320px] shrink-0 flex-col gap-4">
+     {children}
+    </aside>
+  );
+}
+
+export function NBUI_Side_Panel_Main({ children }: { children: React.ReactElement }) {
+  return (
+    <div className="flex flex-grow flex-col gap-4 mb-4 md:mb-0">
+        {children}
+    </div>
+  );
+}
+
+NBUI_Page_Layout.Side_Panel = NBUI_Page_Layout_Side_Panel;
+NBUI_Page_Layout.Main = NBUI_Side_Panel_Main;
+
+NBUI_Page_Layout.propTypes = {
+    children: PropTypes.oneOfType([
+        PropTypes.shape({ type: PropTypes.oneOf([NBUI_Page_Layout_Side_Panel]) }),
+        PropTypes.shape({ type: PropTypes.oneOf([NBUI_Side_Panel_Main]) }),
+      ]).isRequired,
+};
+

package/dist/chunk-X6RBGNFS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/nbui/nbui-card.tsx"],"names":["jsx","jsxs","NBUI_Card"],"mappings":"AAGM,OACE,OAAAA,EADF,QAAAC,MAAA,oBAHC,SAASC,GAAY,CAC1B,OACEF,EAAC,OAAI,UAAU,qHACb,SAAAC,EAAC,OAAI,UAAU,4CACb,UAAAD,EAAC,OAAI,UAAU,mCAAmC,EAClDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,EACvDA,EAAC,OAAI,UAAU,wCAAwC,GACzD,EACF,CAEJ","sourcesContent":["export function NBUI_Card() {\n  return (\n    <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\">\n      <div className=\"flex h-full flex-col justify-center gap-4\">\n        <div className=\"w-1/4 h-6 bg-gray-400 rounded-md\" />\n        <div className=\"mt-2 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n        <div className=\"mt-4 w-2/4 h-4 bg-gray-200 rounded-md\" />\n      </div>\n    </div>\n  )\n}"]}