@arbidocs/blocks 0.4.93 → 0.4.95

package/dist/settings/index.js

@@ -7,8 +7,8 @@ export { DEFAULT_TRI_STATE_FILTER_MENU_LABELS, TriStateFilterMenu } from '../chu
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
 import { ToneBadge } from '../chunk-5LXQPP2K.js';
 import { TONE_BORDER, TONE_SURFACE } from '../chunk-AUS3KBHJ.js';
-import '../chunk-VILAPTCB.js';
 import '../chunk-NPLYHR2E.js';
+import '../chunk-VILAPTCB.js';
 import { formatCount } from '../chunk-OXF2IFXG.js';
 import { ModalScaffold, ModalSection, ModalSectionTitle, ModalHeader } from '../chunk-TX2ZICS7.js';
 export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, ModalSectionTitle } from '../chunk-TX2ZICS7.js';
@@ -214,16 +214,24 @@ function PanelActionsRow({
 }) {
   return /* @__PURE__ */ jsx("div", { "data-slot": "panel-actions-row", className: cn("flex justify-end", className), children });
 }
-function PanelAddButton({ label, onClick, isCompact, icon, testId }) {
+function PanelAddButton({
+  label,
+  onClick,
+  isCompact,
+  icon,
+  testId,
+  disabledReason
+}) {
   return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
       onClick,
-      title: label,
+      disabled: !!disabledReason,
+      title: disabledReason ?? label,
       "data-slot": "panel-add-button",
       "data-testid": testId,
-      className: "flex h-8 items-center gap-1.5 rounded-md px-2 text-sm font-medium text-primary transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11 pointer-coarse:min-w-11",
+      className: "flex h-8 items-center gap-1.5 rounded-md px-2 text-sm font-medium text-primary transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent pointer-coarse:h-11 pointer-coarse:min-w-11",
       children: [
         icon,
         isCompact ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }) : /* @__PURE__ */ jsx("span", { children: "New" })