@salemcobalt/ui 0.2.0-rc.18 → 0.2.0-rc.19

package/dist/index.d.ts

@@ -1013,8 +1013,11 @@ declare function Item({ icon, trailing, tone, className, children, ...rest }: Me
 interface MenuLinkItemProps extends Omit<Menu$1.LinkItem.Props, 'className'>, ItemSlots {
     className?: string | undefined;
 }
-/** An item that navigates: renders an `<a href>`. */
-declare function LinkItem({ icon, trailing, tone, className, children, ...rest }: MenuLinkItemProps): react.JSX.Element;
+/**
+ * An item that navigates: renders an `<a href>`. Closes the menu when chosen, like `Menu.Item`: with client-side
+ * routing the page stays mounted, so an open menu would sit over the new page. Pass `closeOnClick={false}` to keep it.
+ */
+declare function LinkItem({ icon, trailing, tone, className, closeOnClick, children, ...rest }: MenuLinkItemProps): react.JSX.Element;
 interface MenuCheckboxItemProps extends Omit<Menu$1.CheckboxItem.Props, 'className' | 'onCheckedChange'> {
     /** Called with the next checked state. */
     onCheckedChange?: ((checked: boolean) => void) | undefined;

package/dist/index.js

@@ -710,8 +710,25 @@ function ItemBody({
 function Item({ icon, trailing, tone = "default", className, children, ...rest }) {
   return /* @__PURE__ */ jsx9(BaseMenu.Item, { className: cx("sc-menu__item", className), "data-tone": tone, ...rest, children: /* @__PURE__ */ jsx9(ItemBody, { icon, trailing, children }) });
 }
-function LinkItem({ icon, trailing, tone = "default", className, children, ...rest }) {
-  return /* @__PURE__ */ jsx9(BaseMenu.LinkItem, { className: cx("sc-menu__item", className), "data-tone": tone, ...rest, children: /* @__PURE__ */ jsx9(ItemBody, { icon, trailing, children }) });
+function LinkItem({
+  icon,
+  trailing,
+  tone = "default",
+  className,
+  closeOnClick = true,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx9(
+    BaseMenu.LinkItem,
+    {
+      className: cx("sc-menu__item", className),
+      "data-tone": tone,
+      closeOnClick,
+      ...rest,
+      children: /* @__PURE__ */ jsx9(ItemBody, { icon, trailing, children })
+    }
+  );
 }
 function CheckboxItem({ trailing, onCheckedChange, className, children, ...rest }) {
   return /* @__PURE__ */ jsxs8(