Adding FileUpload control and updated related components

src/myfasthtml/assets/myfasthtml.css

@@ -1,8 +1,20 @@
 :root {
     --color-border-primary: color-mix(in oklab, var(--color-primary) 40%, #0000);
+    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    --spacing: 0.25rem;
+    --text-sm: 0.875rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --font-weight-medium: 500;
+    --radius-md: 0.375rem;
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
 }
 
 
+
 .mf-icon-16 {
     width: 16px;
     min-width: 16px;
@@ -219,6 +231,7 @@
     bottom: 0;
     overflow-y: auto;
     overflow-x: hidden;
+    padding: 1rem;
 }
 
 /* Base resizer styles */
@@ -299,6 +312,16 @@
     opacity: 1;
 }
 
+
+.mf-layout-group {
+    font-weight: bold;
+    /*font-size: var(--text-sm);*/
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-bottom: 0.2rem;
+}
+
 /* *********************************************** */
 /* *********** Tabs Manager Component ************ */
 /* *********************************************** */