@salemcobalt/ui 0.2.0-rc.17 → 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;
@@ -2974,6 +2977,7 @@ interface WordDiffPart {
 }
 type WordDiffElement = 'p' | 'div' | 'span';
 type WordDiffSize = 'sm' | 'md';
+type WordDiffFamily = 'sans' | 'mono';
 interface WordDiffProps extends Omit<ComponentPropsWithRef<'p'>, 'children'> {
     /** Runs of unchanged, removed and added text, in reading order, whitespace included. Rendered exactly: joining every `text` gives the visible string. */
     parts: readonly WordDiffPart[];
@@ -2981,6 +2985,11 @@ interface WordDiffProps extends Omit<ComponentPropsWithRef<'p'>, 'children'> {
     as?: WordDiffElement | undefined;
     /** `sm` 14px UI text (default) or `md` body copy. */
     size?: WordDiffSize | undefined;
+    /**
+     * `sans` prose (default), or `mono` for code and structured text (YAML, JSON, Markdown source): the mono face, no
+     * reading-measure cap, and marks without side padding so columns stay aligned.
+     */
+    family?: WordDiffFamily | undefined;
     /** Screen reader word around added text: "[added: …]". Default "added". */
     addedLabel?: string | undefined;
     /** Screen reader word around removed text: "[removed: …]". Default "removed". */
@@ -2991,7 +3000,7 @@ interface WordDiffProps extends Omit<ComponentPropsWithRef<'p'>, 'children'> {
  * `<del>` and `<ins>` with "[removed: …]" / "[added: …]" for screen readers. The line, not the colour, carries the
  * meaning. Whitespace is preserved exactly (`white-space: pre-wrap`).
  */
-declare function WordDiff({ parts, as, size, addedLabel, removedLabel, className, ...rest }: WordDiffProps): react.DetailedReactHTMLElement<{
+declare function WordDiff({ parts, as, size, family, addedLabel, removedLabel, className, ...rest }: WordDiffProps): react.DetailedReactHTMLElement<{
     slot?: string | undefined | undefined;
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
@@ -3272,6 +3281,7 @@ declare function WordDiff({ parts, as, size, addedLabel, removedLabel, className
     onTransitionRunCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
     onTransitionStart?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
     onTransitionStartCapture?: react.TransitionEventHandler<HTMLParagraphElement> | undefined;
+    'data-family'?: string;
     className: string;
     'data-size': WordDiffSize;
 }, HTMLParagraphElement>;

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(
@@ -3585,6 +3602,7 @@ function WordDiff({
   parts,
   as = "p",
   size = "sm",
+  family = "sans",
   addedLabel = "added",
   removedLabel = "removed",
   className,
@@ -3603,7 +3621,12 @@ function WordDiff({
   );
   return createElement7(
     as,
-    { className: cx("sc-word-diff", className), "data-size": size, ...rest },
+    {
+      className: cx("sc-word-diff", className),
+      "data-size": size,
+      ...family === "mono" ? { "data-family": "mono" } : {},
+      ...rest
+    },
     children
   );
 }