@mirror-physics/fractal-ui 0.2.0-next.29 → 0.2.0-next.30

package/dist/index.js

@@ -544,6 +544,7 @@ function Dropdown({
   align = "left",
   triggerContent,
   label,
+  iconOnly = false,
   noChevron = false,
   size = "md",
   triggerVariant = "outline",
@@ -624,6 +625,7 @@ function Dropdown({
           "fractal-dropdown-trigger",
           `fractal-dropdown-trigger--${size}`,
           `fractal-dropdown-trigger--${triggerVariant}`,
+          iconOnly && "fractal-dropdown-trigger--icon-only",
           triggerClassName
         ),
         children: [
@@ -631,7 +633,7 @@ function Dropdown({
             selected.icon != null && /* @__PURE__ */ jsx10("span", { className: "fractal-dropdown-icon fractal-dropdown-icon--trigger", children: selected.icon }),
             selected.description != null && (typeof selected.description !== "string" || selected.description !== "") && /* @__PURE__ */ jsx10("span", { className: "fractal-dropdown-selected-text", children: selected.description })
           ] }),
-          !noChevron && /* @__PURE__ */ jsx10("span", { className: "fractal-dropdown-chevron", "aria-hidden": true, children: /* @__PURE__ */ jsx10(ChevronIcon, { size: size === "sm" ? 14 : 16 }) })
+          !noChevron && !iconOnly && /* @__PURE__ */ jsx10("span", { className: "fractal-dropdown-chevron", "aria-hidden": true, children: /* @__PURE__ */ jsx10(ChevronIcon, { size: size === "sm" ? 14 : 16 }) })
         ]
       }
     ),
@@ -1388,6 +1390,29 @@ var SidebarBrand = React11.forwardRef(
   ({ className, type = "button", ...props }, ref) => /* @__PURE__ */ jsx20("button", { ref, type, className: cn("fractal-sidebar__brand", className), ...props })
 );
 SidebarBrand.displayName = "SidebarBrand";
+function SidebarAccountMenu({
+  name,
+  items,
+  onSelect,
+  triggerLabel = "Account menu",
+  className
+}) {
+  return /* @__PURE__ */ jsx20(
+    Dropdown,
+    {
+      align: "left",
+      className: cn("fractal-sidebar__account", className),
+      items,
+      onSelect,
+      panelClassName: "fractal-sidebar__account-panel",
+      selectedValue: "",
+      triggerClassName: "fractal-sidebar__account-trigger",
+      triggerContent: /* @__PURE__ */ jsx20("span", { className: "fractal-sidebar__account-name", children: name }),
+      triggerLabel,
+      triggerVariant: "tertiary"
+    }
+  );
+}
 var SidebarNav = React11.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx20("nav", { ref, className: cn("fractal-sidebar__nav", className), ...props })
 );
@@ -1695,6 +1720,7 @@ export {
   SidePanel,
   SidePanelGhost,
   Sidebar,
+  SidebarAccountMenu,
   SidebarBrand,
   SidebarFooter,
   SidebarGhost,