@owocow/saber-ui 0.1.11 → 0.1.12

package/dist/{SaberAppSidebar.vue_vue_type_script_setup_true_lang-CEWQTjEi.js → SaberAppSidebar.vue_vue_type_script_setup_true_lang-HXyIXiau.js}

@@ -2,7 +2,7 @@ import le from "@nuxt/ui/components/Button.vue";
 import ne from "@nuxt/ui/runtime/vue/components/Icon.vue";
 import { defineComponent as ie, useModel as oe, ref as ce, computed as W, openBlock as c, createElementBlock as g, normalizeClass as s, unref as l, createElementVNode as h, renderSlot as M, createBlock as _, withCtx as C, normalizeProps as re, guardReactiveProps as ue, createCommentVNode as A, createVNode as G, Transition as de, toDisplayString as K, Fragment as H, renderList as N, mergeModels as X } from "vue";
 import { tv as me } from "tailwind-variants";
-import { _ as pe } from "./SaberNavigationSearch.vue_vue_type_script_setup_true_lang-Bj96kMla.js";
+import { _ as ve } from "./SaberNavigationSearch.vue_vue_type_script_setup_true_lang-Bj96kMla.js";
 const xe = /* @__PURE__ */ ie({
   name: "SaberAppSidebar",
   __name: "SaberAppSidebar",
@@ -21,16 +21,16 @@ const xe = /* @__PURE__ */ ie({
     const e = V, $ = Y, F = oe(V, "activeSection"), T = ce(!1), w = W(() => e.sections.find((t) => t.key === F.value)), a = me({
       slots: {
         root: "flex h-full min-h-0 flex-col overflow-hidden",
-        header: "shrink-0 pl-0 pr-3 pl-1",
-        logo: "flex h-11 items-center mb-1.5",
-        viewport: "min-h-0 flex-1 overflow-y-auto pr-3 pl-1",
-        panel: "flex min-h-full flex-col gap-1",
+        header: "shrink-0",
+        logo: "flex h-11 items-center mb-2",
+        viewport: "min-h-0 flex-1 overflow-y-auto",
+        panel: "flex min-h-full flex-col gap-1.5",
         sectionList: "flex flex-col",
         group: "flex flex-col",
         groupLabel: "px-2 py-2 text-[11px] uppercase tracking-wider text-muted/70",
         childList: "flex flex-col",
         nestedHeader: "flex items-center",
-        footer: "shrink-0 pr-4 pb-1",
+        footer: "shrink-0",
         sectionItem: "flex w-full items-center rounded-md px-2 py-2 text-sm font-normal mb-0.5 gap-2 text-left transition",
         sectionItemLeadingIcon: "size-4.5 shrink-0",
         sectionItemLabel: "min-w-0 flex-1 truncate text-left",
@@ -43,12 +43,12 @@ const xe = /* @__PURE__ */ ie({
         backButtonLabel: "truncate text-sm font-medium flex-1 text-center pr-10"
       }
     })(), z = W(() => {
-      var t, i, o, r, u, d, m, p, v, f, b, B;
+      var t, i, o, r, u, d, m, v, f, p, b, B;
       return {
         enterActive: ((i = (t = e.ui) == null ? void 0 : t.transition) == null ? void 0 : i.enterActive) ?? "transition duration-200 ease-out",
         leaveActive: ((r = (o = e.ui) == null ? void 0 : o.transition) == null ? void 0 : r.leaveActive) ?? "transition duration-200 ease-out pointer-events-none",
-        enterFrom: T.value ? ((d = (u = e.ui) == null ? void 0 : u.transition) == null ? void 0 : d.backwardEnterFrom) ?? "-translate-x-2 opacity-0 blur-[2px]" : ((p = (m = e.ui) == null ? void 0 : m.transition) == null ? void 0 : p.forwardEnterFrom) ?? "translate-x-2 opacity-0 blur-[2px]",
-        leaveTo: T.value ? ((f = (v = e.ui) == null ? void 0 : v.transition) == null ? void 0 : f.backwardLeaveTo) ?? "translate-x-2 opacity-0 blur-[2px]" : ((B = (b = e.ui) == null ? void 0 : b.transition) == null ? void 0 : B.forwardLeaveTo) ?? "-translate-x-2 opacity-0 blur-[2px]"
+        enterFrom: T.value ? ((d = (u = e.ui) == null ? void 0 : u.transition) == null ? void 0 : d.backwardEnterFrom) ?? "-translate-x-2 opacity-0 blur-[2px]" : ((v = (m = e.ui) == null ? void 0 : m.transition) == null ? void 0 : v.forwardEnterFrom) ?? "translate-x-2 opacity-0 blur-[2px]",
+        leaveTo: T.value ? ((p = (f = e.ui) == null ? void 0 : f.transition) == null ? void 0 : p.backwardLeaveTo) ?? "translate-x-2 opacity-0 blur-[2px]" : ((B = (b = e.ui) == null ? void 0 : b.transition) == null ? void 0 : B.forwardLeaveTo) ?? "-translate-x-2 opacity-0 blur-[2px]"
       };
     });
     function E(t) {
@@ -58,14 +58,14 @@ const xe = /* @__PURE__ */ ie({
       return E(t).some((i) => i.key === e.activeKey);
     }
     function Z(t) {
-      var o, r, u, d, m, p, v, f;
+      var o, r, u, d, m, v, f, p;
       const i = P(t) ? ["font-medium", (r = (o = e.ui) == null ? void 0 : o.sectionItem) == null ? void 0 : r.active] : ["text-default", (d = (u = e.ui) == null ? void 0 : u.sectionItem) == null ? void 0 : d.inactive];
-      return a.sectionItem({ class: [(p = (m = e.ui) == null ? void 0 : m.sectionItem) == null ? void 0 : p.base, i, (f = (v = e.ui) == null ? void 0 : v.sectionItem) == null ? void 0 : f.hover] });
+      return a.sectionItem({ class: [(v = (m = e.ui) == null ? void 0 : m.sectionItem) == null ? void 0 : v.base, i, (p = (f = e.ui) == null ? void 0 : f.sectionItem) == null ? void 0 : p.hover] });
     }
     function ee(t) {
-      var o, r, u, d, m, p, v, f;
+      var o, r, u, d, m, v, f, p;
       const i = t.key === e.activeKey ? ["font-medium", (r = (o = e.ui) == null ? void 0 : o.childItem) == null ? void 0 : r.active] : ["text-default", (d = (u = e.ui) == null ? void 0 : u.childItem) == null ? void 0 : d.inactive];
-      return a.childItem({ class: [(p = (m = e.ui) == null ? void 0 : m.childItem) == null ? void 0 : p.base, i, (f = (v = e.ui) == null ? void 0 : v.childItem) == null ? void 0 : f.hover] });
+      return a.childItem({ class: [(v = (m = e.ui) == null ? void 0 : m.childItem) == null ? void 0 : v.base, i, (p = (f = e.ui) == null ? void 0 : f.childItem) == null ? void 0 : p.hover] });
     }
     function te(t) {
       var o;
@@ -88,7 +88,7 @@ const xe = /* @__PURE__ */ ie({
       $("select", { source: "item", item: t, sectionKey: i, groupKey: o });
     }
     return (t, i) => {
-      var u, d, m, p, v, f;
+      var u, d, m, v, f, p;
       const o = ne, r = le;
       return c(), g("aside", {
         class: s(l(a).root({ class: (u = e.ui) == null ? void 0 : u.root }))
@@ -101,11 +101,11 @@ const xe = /* @__PURE__ */ ie({
           }, [
             M(t.$slots, "logo")
           ], 2),
-          e.searchGroups.length ? (c(), _(pe, {
+          e.searchGroups.length ? (c(), _(ve, {
             key: 0,
             groups: e.searchGroups,
             shortcut: e.shortcut,
-            ui: (p = e.ui) == null ? void 0 : p.search,
+            ui: (v = e.ui) == null ? void 0 : v.search,
             onSelect: i[0] || (i[0] = (b) => $("select", b))
           }, {
             empty: C((b) => [
@@ -115,7 +115,7 @@ const xe = /* @__PURE__ */ ie({
           }, 8, ["groups", "shortcut", "ui"])) : A("", !0)
         ], 2),
         h("nav", {
-          class: s(l(a).viewport({ class: (v = e.ui) == null ? void 0 : v.viewport }))
+          class: s(l(a).viewport({ class: (f = e.ui) == null ? void 0 : f.viewport }))
         }, [
           G(de, {
             mode: "out-in",
@@ -241,7 +241,7 @@ const xe = /* @__PURE__ */ ie({
           }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
         ], 2),
         h("footer", {
-          class: s(l(a).footer({ class: (f = e.ui) == null ? void 0 : f.footer }))
+          class: s(l(a).footer({ class: (p = e.ui) == null ? void 0 : p.footer }))
         }, [
           M(t.$slots, "footer")
         ], 2)

package/dist/components/SaberAppSidebar.mjs

@@ -1,4 +1,4 @@
-import { _ as f } from "../SaberAppSidebar.vue_vue_type_script_setup_true_lang-CEWQTjEi.js";
+import { _ as f } from "../SaberAppSidebar.vue_vue_type_script_setup_true_lang-HXyIXiau.js";
 export {
   f as default
 };

package/dist/index.mjs

@@ -9,7 +9,7 @@ import { _ as P } from "./SaberInfoProvider.vue_vue_type_script_setup_true_lang-
 import { _ as z } from "./SaberModalWithMobile.vue_vue_type_script_setup_true_lang-aQlToncY.js";
 import { _ as A } from "./SaberStatus.vue_vue_type_script_setup_true_lang-D9aRVCow.js";
 import { _ as F } from "./SaberSwitchBar.vue_vue_type_script_setup_true_lang-CDx3Dcas.js";
-import { _ as U } from "./SaberAppSidebar.vue_vue_type_script_setup_true_lang-CEWQTjEi.js";
+import { _ as U } from "./SaberAppSidebar.vue_vue_type_script_setup_true_lang-HXyIXiau.js";
 import { _ as V } from "./SaberNavigationSearch.vue_vue_type_script_setup_true_lang-Bj96kMla.js";
 import { k as W } from "./plugin-Dr3z0YFg.js";
 import { _ as be, a as fe, b as ue, c as Se, d as _e, e as pe } from "./plugin-Dr3z0YFg.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owocow/saber-ui",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Saber application foundation for Vue 3 projects built on Nuxt UI",
   "type": "module",
   "sideEffects": false,
@@ -207,7 +207,7 @@
     "vue": "^3"
   },
   "devDependencies": {
-    "@nuxt/ui": "4.8.0",
+    "@nuxt/ui": "4.11.0",
     "@tailwindcss/vite": "^4.3.3",
     "@types/crypto-js": "^4.2.2",
     "@types/node": "^26.1.2",