sprintify-ui 0.12.6 → 0.12.8

package/dist/sprintify-ui.es.js

@@ -22159,6 +22159,10 @@ const pI = /* @__PURE__ */ Pu(hI), mI = { class: "text-xs text-slate-600" }, Q0
     twButton: {
       default: "outline-none",
       type: String
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
     }
   },
   setup(n) {
@@ -22173,7 +22177,8 @@ const pI = /* @__PURE__ */ Pu(hI), mI = { class: "text-xs text-slate-600" }, Q0
     return (l, a) => (k(), ne(g(wv), null, {
       default: X(({ open: u }) => [
         ee(g(tk), {
-          class: j(g(s))
+          class: j(g(s)),
+          disabled: n.disabled
         }, {
           default: X(() => [
             A("div", {
@@ -22184,7 +22189,7 @@ const pI = /* @__PURE__ */ Pu(hI), mI = { class: "text-xs text-slate-600" }, Q0
             ], 512)
           ]),
           _: 3
-        }, 8, ["class"]),
+        }, 8, ["class", "disabled"]),
         (k(), ne(rr, { to: "body" }, [
           A("div", {
             ref_key: "dropdownRef",
@@ -26204,8 +26209,8 @@ const qI = ["onClick"], UI = ["onClick"], KI = { class: "px-1 py-1 h-full flex i
   },
   setup(n) {
     const t = n, e = S(() => {
-      const o = ["text-left flex w-full"];
-      return t.collapsed || o.push("rounded-md"), t.active ? t.dark ? o.push("bg-slate-700 text-white") : o.push("bg-slate-100 text-primary-700") : t.dark ? o.push("hover:bg-slate-800 hover:text-white text-slate-300") : o.push("hover:bg-slate-50 hover:text-slate-900 text-slate-800"), t.size == "xs" && o.push("text-[13px] px-2.5 py-1 font-medium"), t.size == "sm" && o.push("text-sm px-3 py-1.5 font-medium"), t.size == "md" && o.push("text-base px-3 py-2 font-medium"), o;
+      const o = ["text-left flex w-full navbar-side-item-content"];
+      return t.collapsed || o.push("rounded-md"), t.active ? t.dark ? o.push("bg-slate-700 text-white active") : o.push("bg-slate-100 text-primary-700 active") : t.dark ? o.push("hover:bg-slate-800 hover:text-white text-slate-300") : o.push("hover:bg-slate-50 hover:text-slate-900 text-slate-800"), t.size == "xs" && o.push("text-[13px] px-2.5 py-1 font-medium"), t.size == "sm" && o.push("text-sm px-3 py-1.5 font-medium"), t.size == "md" && o.push("text-base px-3 py-2 font-medium"), o;
     }), r = S(() => {
       const o = ["shrink-0 leading-none inline-block"];
       return t.active ? o.push("opacity-100") : o.push("opacity-70 group-hover:opacity-100"), t.size == "xs" && o.push("w-3.5 h-3.5"), t.size == "sm" && o.push("w-4 h-4"), t.size == "md" && o.push("w-5 h-5"), t.collapsed || o.push("mr-2"), o;
@@ -44530,11 +44535,12 @@ const zz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Pz = { c
             M.name === "highlight" ? (k(), ne(Qs, {
               key: 0,
               placement: "bottom",
-              "tw-button": "block"
+              "tw-button": "block",
+              disabled: n.disabled
             }, {
               button: X(() => [
                 A("div", {
-                  class: j([g(C), g(o).isActive("highlight") ? "bg-slate-200" : ""])
+                  class: j([g(C), g(o).isActive("highlight") ? "bg-slate-200" : "", n.disabled ? "opacity-50 cursor-not-allowed" : ""])
                 }, [
                   ee(x, {
                     class: "h-4 w-4 text-slate-600",
@@ -44569,14 +44575,15 @@ const zz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Pz = { c
                 ])
               ]),
               _: 2
-            }, 1024)) : M.name === "link" ? (k(), ne(Qs, {
+            }, 1032, ["disabled"])) : M.name === "link" ? (k(), ne(Qs, {
               key: 1,
               placement: "bottom",
-              "tw-button": "block"
+              "tw-button": "block",
+              disabled: n.disabled
             }, {
               button: X(() => [
                 A("div", {
-                  class: j([g(C), g(o).isActive("link") ? "bg-slate-200" : ""]),
+                  class: j([g(C), g(o).isActive("link") ? "bg-slate-200" : "", n.disabled ? "opacity-50 cursor-not-allowed" : ""]),
                   onClick: h
                 }, [
                   ee(x, {
@@ -44639,7 +44646,7 @@ const zz = { class: "px-1 py-1 border-b flex flex-wrap items-center" }, Pz = { c
                 ])
               ]),
               _: 2
-            }, 1024)) : (k(), $("button", {
+            }, 1032, ["disabled"])) : (k(), $("button", {
               key: 2,
               class: j([g(C), g(o).isActive(M.name) ? "bg-slate-200" : ""]),
               type: "button",

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

@@ -26,6 +26,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
         type: StringConstructor;
     };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animated: {
         default: boolean;
@@ -43,7 +47,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
         type: StringConstructor;
     };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & Readonly<{}>, {
+    disabled: boolean;
     placement: Placement;
     twButton: string;
     animated: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.12.6",
+  "version": "0.12.8",
   "type": "module",
   "scripts": {
     "generate-llm-txt": "node scripts/generate-llm-txt.js",

package/src/components/BaseDropdown.vue

@@ -2,6 +2,7 @@
   <Popover v-slot="{ open }">
     <PopoverButton
       :class="twButtonInternal"
+      :disabled="disabled"
     >
       <div ref="buttonRef">
         <slot name="button" />
@@ -70,6 +71,10 @@ const props = defineProps({
     default: 'outline-none',
     type: String,
   },
+  disabled: {
+    default: false,
+    type: Boolean,
+  },
 });
 
 const { floatingStyles } = useFloating(buttonRefEl, dropdownRef, {

package/src/components/BaseNavbarSideItemContent.vue

@@ -62,7 +62,7 @@ const props = defineProps({
 });
 
 const classes = computed(() => {
-  const classList = ['text-left flex w-full'];
+  const classList = ['text-left flex w-full navbar-side-item-content'];
 
   if (!props.collapsed) {
     classList.push('rounded-md');
@@ -70,9 +70,9 @@ const classes = computed(() => {
 
   if (props.active) {
     if (props.dark) {
-      classList.push('bg-slate-700 text-white');
+      classList.push('bg-slate-700 text-white active');
     } else {
-      classList.push('bg-slate-100 text-primary-700');
+      classList.push('bg-slate-100 text-primary-700 active');
     }
   } else {
     if (props.dark) {

package/src/components/BaseTipTap.vue

@@ -15,9 +15,10 @@
           v-if="action.name === 'highlight'"
           placement="bottom"
           tw-button="block"
+          :disabled="disabled"
         >
           <template #button>
-            <div :class="[buttonClass, editor.isActive('highlight') ? 'bg-slate-200' : '']">
+            <div :class="[buttonClass, editor.isActive('highlight') ? 'bg-slate-200' : '', disabled ? 'opacity-50 cursor-not-allowed' : '']">
               <BaseIcon
                 class="h-4 w-4 text-slate-600"
                 :icon="action.icon"
@@ -52,10 +53,11 @@
           v-else-if="action.name === 'link'"
           placement="bottom"
           tw-button="block"
+          :disabled="disabled"
         >
           <template #button>
             <div
-              :class="[buttonClass, editor.isActive('link') ? 'bg-slate-200' : '']"
+              :class="[buttonClass, editor.isActive('link') ? 'bg-slate-200' : '', disabled ? 'opacity-50 cursor-not-allowed' : '']"
               @click="openLinkDropdown"
             >
               <BaseIcon