@scripso-homepad/ui 0.4.34 → 0.4.36

package/dist/web/index.cjs

@@ -29500,6 +29500,62 @@ function AppHeader({
     }
   );
 }
+function SidebarCollapseIcon({
+  className,
+  size = 20,
+  strokeWidth = 2
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true,
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12.5 2.5V17.5M8.33333 12.5L5.83333 10L8.33333 7.5M4.16667 2.5H15.8333C16.7538 2.5 17.5 3.24619 17.5 4.16667V15.8333C17.5 16.7538 16.7538 17.5 15.8333 17.5H4.16667C3.24619 17.5 2.5 16.7538 2.5 15.8333V4.16667C2.5 3.24619 3.24619 2.5 4.16667 2.5Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function SidebarExpandIcon({
+  className,
+  size = 20,
+  strokeWidth = 2
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": true,
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12.5 2.5V17.5M6.66667 7.5L9.16667 10L6.66667 12.5M4.16667 2.5H15.8333C16.7538 2.5 17.5 3.24619 17.5 4.16667V15.8333C17.5 16.7538 16.7538 17.5 15.8333 17.5H4.16667C3.24619 17.5 2.5 16.7538 2.5 15.8333V4.16667C2.5 3.24619 3.24619 2.5 4.16667 2.5Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 function useMediaQuery(query) {
   const [matches, setMatches] = react.useState(() => {
     if (typeof window === "undefined") {
@@ -29848,7 +29904,7 @@ function Sidebar({
                     onClick: handleHeaderAction,
                     className: "shrink-0 cursor-pointer text-white transition-[opacity,transform] duration-200 hover:opacity-80 active:scale-95",
                     "aria-label": isDesktop ? isExpanded ? labels.collapse : labels.expand : labels.closeMenu,
-                    children: isDesktop ? isExpanded ? collapseIcon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { size: 20, strokeWidth: 1.75 }) : expandIcon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftOpen, { size: 20, strokeWidth: 1.75 }) : closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 20, strokeWidth: 1.75 })
+                    children: isDesktop ? isExpanded ? collapseIcon ?? /* @__PURE__ */ jsxRuntime.jsx(SidebarCollapseIcon, {}) : expandIcon ?? /* @__PURE__ */ jsxRuntime.jsx(SidebarExpandIcon, {}) : closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 20, strokeWidth: 1.75 })
                   }
                 )
               ]
@@ -30622,6 +30678,7 @@ function TableActionsMenu({
   triggerAriaLabel,
   className,
   menuClassName,
+  triggerIcon,
   menuWidth = MENU_WIDTH_PX,
   menuFitContent = true
 }) {
@@ -30718,12 +30775,22 @@ function TableActionsMenu({
               item.onSelect();
             },
             className: cn(
-              "flex h-[51px] w-full cursor-pointer items-center gap-2.5 px-3 text-left typography-14 font-medium text-storm-gray-900 transition-colors hover:bg-storm-gray-0",
+              "flex h-[51px] w-full cursor-pointer items-center gap-2.5 px-3 text-left typography-14 font-medium transition-colors hover:bg-storm-gray-0",
               index > 0 && "border-t border-storm-gray-50",
-              item.disabled && "cursor-not-allowed opacity-50"
+              item.disabled && "cursor-not-allowed opacity-50",
+              item.tone === "danger" ? "text-[#AE0011]" : item.tone === "success" ? "text-green-600" : "text-storm-gray-900"
             ),
             children: [
-              icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex size-5 shrink-0 items-center justify-center text-storm-gray-200", children: icon }) : null,
+              icon ? /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "inline-flex size-5 shrink-0 items-center justify-center",
+                    item.tone === "danger" ? "text-[#AE0011]" : item.tone === "success" ? "text-green-600" : "text-storm-gray-200"
+                  ),
+                  children: icon
+                }
+              ) : null,
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: item.label })
             ]
           },
@@ -30738,7 +30805,7 @@ function TableActionsMenu({
       {
         ref: triggerRef,
         variant: "menu",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(TableMoreIcon, { className: "size-5" }),
+        icon: triggerIcon ?? /* @__PURE__ */ jsxRuntime.jsx(TableMoreIcon, { className: "size-5" }),
         ariaLabel: triggerAriaLabel,
         onClick: () => setOpen((current) => !current),
         "aria-expanded": open,
@@ -31888,6 +31955,8 @@ exports.HistoryTimeline = HistoryTimeline;
 exports.Modal = Modal;
 exports.Pagination = Pagination;
 exports.Sidebar = Sidebar;
+exports.SidebarCollapseIcon = SidebarCollapseIcon;
+exports.SidebarExpandIcon = SidebarExpandIcon;
 exports.SidebarMobileHeader = SidebarMobileHeader;
 exports.SidebarNavItem = SidebarNavItem;
 exports.SidebarUserCard = SidebarUserCard;