@ansiversa/components 0.0.47 → 0.0.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansiversa/components",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description": "Shared UI components and layouts for the Ansiversa ecosystem",
   "type": "module",
   "exports": {

package/src/AvTableToolbar.astro

@@ -12,8 +12,10 @@ const { title, subtitle, className = "" } = Astro.props as Props;
 
 <div class={`av-table-toolbar ${className}`}>
   <div class="av-table-toolbar__left">
-    <h1 class="av-table-toolbar__title">{title}</h1>
-    {subtitle ? <p class="av-table-toolbar__subtitle">{subtitle}</p> : null}
+    <slot name="title">
+      <h1 class="av-table-toolbar__title">{title}</h1>
+      {subtitle ? <p class="av-table-toolbar__subtitle">{subtitle}</p> : null}
+    </slot>
   </div>
 
   <div class="av-table-toolbar__right">

package/src/styles/global.css

@@ -828,7 +828,7 @@
 }
 
 .av-table__th-order {
-  width: 60px;
+  width: 84px;
   text-align: center;
   white-space: nowrap;
 }
@@ -845,6 +845,8 @@
   justify-content: space-between;
   gap: 1rem;
   margin-bottom: 0.75rem;
+  position: relative;
+  z-index: 1;
 }
 
 .av-table-toolbar__title {
@@ -879,6 +881,21 @@
   justify-content: flex-end;
 }
 
+.av-admin-page-top {
+  padding-top: 1rem;
+}
+
+.av-faq-admin__count {
+  color: var(--ans-muted);
+  font-size: 0.875rem;
+}
+
+.av-table-toolbar input,
+.av-table-toolbar .av-input {
+  position: relative;
+  z-index: 1;
+}
+
 /* PAGER */
 .av-table-pager {
   display: flex;
@@ -978,6 +995,13 @@
 
   .av-navbar {
     @apply border-b border-slate-800/60 bg-slate-950/60 backdrop-blur-xl;
+    position: relative;
+    z-index: 50;
+  }
+
+  .av-navbar__dropdown {
+    position: absolute;
+    z-index: 60;
   }
 
   .av-navbar-inner {