sprintify-ui 0.8.13 → 0.8.14

package/dist/sprintify-ui.es.js

@@ -46598,7 +46598,7 @@ const vP = /* @__PURE__ */ Oo(cP, [["render", gP]]), yP = /* @__PURE__ */ j("spa
   class: "px-4"
 }, K3 = /* @__PURE__ */ j("hr", { class: "my-2 border-slate-600" }, null, -1), Q3 = [
   K3
-], Z3 = { class: "flex flex-1 justify-between px-4" }, X3 = /* @__PURE__ */ j("div", { class: "flex flex-1" }, null, -1), J3 = { class: "ml-4 flex items-center md:ml-6" }, e4 = /* @__PURE__ */ ye({
+], Z3 = { class: "flex flex-1 justify-between px-4" }, X3 = { class: "flex grow" }, J3 = { class: "ml-4 flex items-center md:ml-6" }, e4 = /* @__PURE__ */ ye({
   __name: "BaseLayoutSidebarConfigurable",
   props: {
     appName: {
@@ -46702,7 +46702,9 @@ const vP = /* @__PURE__ */ Oo(cP, [["render", gP]]), yP = /* @__PURE__ */ j("spa
       ]),
       navbar: he(() => [
         j("div", Z3, [
-          X3,
+          j("div", X3, [
+            Re(a.$slots, "navbar")
+          ]),
           j("div", J3, [
             n.notifications ? (I(), _e(Yb, {
               key: 0,

package/dist/types/components/BaseLayoutSidebarConfigurable.vue.d.ts

@@ -91,6 +91,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     logoTo: RouteLocationRaw;
     notifications: NotificationsConfig;
 }, {}>, {
+    navbar?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.13",
+  "version": "0.8.14",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseLayoutSidebarConfigurable.stories.js

@@ -3,6 +3,7 @@ import PageDashboard from '../../.storybook/components/PageDashboard.vue';
 import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
 import { useSystemAlertStore } from '../stores/systemAlerts';
 import { sizes } from '../../.storybook/utils';
+import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
 
 export default {
   title: 'Layout/BaseLayoutSidebarConfigurable',
@@ -149,6 +150,7 @@ const Template = (args) => ({
   components: {
     BaseLayoutSidebarConfigurable,
     PageDashboard,
+    BaseAutocompleteFetch,
   },
   setup() {
 
@@ -162,6 +164,19 @@ const Template = (args) => ({
   },
   template: `
     <BaseLayoutSidebarConfigurable v-bind="args">
+
+      <template #navbar>
+        <div class="hidden items-center grow || sm:flex">
+          <BaseAutocompleteFetch
+            url="https://faker.witify.io/api/todos"
+            labelKey="title"
+            valueKey="id"
+            class="w-full"
+            size="md"
+          />
+        </div>
+      </template>
+
       <div class="py-10 bg-slate-50">
         <PageDashboard />
       </div>

package/src/components/BaseLayoutSidebarConfigurable.vue

@@ -67,8 +67,8 @@
 
     <template #navbar>
       <div class="flex flex-1 justify-between px-4">
-        <div class="flex flex-1">
-          <!-- Good spot for search bar... -->
+        <div class="flex grow">
+          <slot name="navbar" />
         </div>
 
         <div class="ml-4 flex items-center md:ml-6">