@infonomic/uikit 6.7.7 → 6.8.0

package/dist/components/button/combo-button.d.ts

@@ -1,9 +1,16 @@
 import { type ButtonProps } from './button';
+export interface ComboButtonOption {
+    label: string;
+    value: string;
+    /**
+     * Optional leading icon for the menu item. Rendered before the label; items
+     * without one still align with their icon-bearing siblings, so a menu may
+     * mix the two.
+     */
+    icon?: React.ReactNode;
+}
 export type ComboButtonProps = ButtonProps & {
-    options: {
-        label: string;
-        value: string;
-    }[];
+    options: ComboButtonOption[];
     onButtonClick?: () => void;
     onOptionSelect?: (value: string) => void;
     disabled?: boolean;

package/dist/components/button/combo-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combo-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/combo-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAGnD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,6LAgBzB,gBAAgB,gCAiDlB,CAAA"}
+{"version":3,"file":"combo-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/combo-button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAGnD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,6LAgBzB,gBAAgB,gCAgFlB,CAAA"}

package/dist/components/button/combo-button.js

@@ -1,10 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
 import classnames from "classnames";
 import { ChevronDownIcon } from "../../icons/chevron-down-icon.js";
 import { Dropdown } from "../dropdown/dropdown.js";
 import { Button } from "./button.js";
 import combo_button_module from "./combo-button.module.js";
-const ComboButton = ({ options, onButtonClick, onOptionSelect, disabled = false, buttonDisabled = false, optionsDisabled = false, children, align = 'end', dataSide = 'top', sideOffset = 5, className, buttonClassName, triggerClassName, intent = 'primary', ...rest })=>/*#__PURE__*/ jsxs("div", {
+const ComboButton = ({ options, onButtonClick, onOptionSelect, disabled = false, buttonDisabled = false, optionsDisabled = false, children, align = 'end', dataSide = 'top', sideOffset = 5, className, buttonClassName, triggerClassName, intent = 'primary', ...rest })=>{
+    const anyOptionHasIcon = options.some((option)=>null != option.icon);
+    const wrapperRef = useRef(null);
+    return /*#__PURE__*/ jsxs("div", {
+        ref: wrapperRef,
         className: classnames('combo-button-wrapper', combo_button_module["combo-button-wrapper"], className),
         style: {
             '--ring-color': `var(--ring-${intent})`
@@ -36,13 +41,24 @@ const ComboButton = ({ options, onButtonClick, onOptionSelect, disabled = false,
                         children: /*#__PURE__*/ jsx(Dropdown.Content, {
                             className: classnames('combo-button-options', combo_button_module["combo-button-options"]),
                             align: align,
+                            anchor: wrapperRef,
                             "data-side": dataSide,
                             sideOffset: sideOffset,
                             children: options.map((option)=>/*#__PURE__*/ jsx(Dropdown.Item, {
                                     onClick: ()=>onOptionSelect?.(option.value),
-                                    children: /*#__PURE__*/ jsx("div", {
+                                    children: /*#__PURE__*/ jsxs("div", {
                                         className: classnames('combo-button-options-item', combo_button_module["combo-button-options-item"]),
-                                        children: option.label
+                                        children: [
+                                            anyOptionHasIcon && /*#__PURE__*/ jsx("span", {
+                                                className: classnames('combo-button-options-item-icon', combo_button_module["combo-button-options-item-icon"]),
+                                                "aria-hidden": "true",
+                                                children: option.icon
+                                            }),
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: classnames('combo-button-options-item-label', combo_button_module["combo-button-options-item-label"]),
+                                                children: option.label
+                                            })
+                                        ]
                                     })
                                 }, option.value))
                         })
@@ -51,4 +67,5 @@ const ComboButton = ({ options, onButtonClick, onOptionSelect, disabled = false,
             })
         ]
     });
+};
 export { ComboButton };

package/dist/components/button/combo-button.module.css

@@ -48,5 +48,25 @@
 
   .combo-button-options-item,
   :global(.infonomic-combo-button-options-item) {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0 4px;
+  }
+
+  /* Fixed box so labels line up whether or not an item carries an icon. */
+  .combo-button-options-item-icon,
+  :global(.infonomic-combo-button-options-item-icon) {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .combo-button-options-item-label,
+  :global(.infonomic-combo-button-options-item-label) {
+    min-width: 0;
   }
 }

package/dist/components/button/combo-button.module.js

@@ -7,6 +7,12 @@ const combo_button_module = {
     "combo-button-trigger": "combo-button-trigger-mVb2fy",
     comboButtonTrigger: "combo-button-trigger-mVb2fy",
     "combo-button-options": "combo-button-options-T9vVC9",
-    comboButtonOptions: "combo-button-options-T9vVC9"
+    comboButtonOptions: "combo-button-options-T9vVC9",
+    "combo-button-options-item": "combo-button-options-item-yPO0eQ",
+    comboButtonOptionsItem: "combo-button-options-item-yPO0eQ",
+    "combo-button-options-item-icon": "combo-button-options-item-icon-OpHeKm",
+    comboButtonOptionsItemIcon: "combo-button-options-item-icon-OpHeKm",
+    "combo-button-options-item-label": "combo-button-options-item-label-Q7QOKt",
+    comboButtonOptionsItemLabel: "combo-button-options-item-label-Q7QOKt"
 };
 export default combo_button_module;

package/dist/components/button/combo-button_module.css

@@ -48,5 +48,25 @@
   :is(.combo-button-options-T9vVC9, .infonomic-combo-button-options) {
     min-width: 120px;
   }
+
+  :is(.combo-button-options-item-yPO0eQ, .infonomic-combo-button-options-item) {
+    align-items: center;
+    gap: .5rem;
+    padding: 0 4px;
+    display: flex;
+  }
+
+  :is(.combo-button-options-item-icon-OpHeKm, .infonomic-combo-button-options-item-icon) {
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    width: 1rem;
+    height: 1rem;
+    display: inline-flex;
+  }
+
+  :is(.combo-button-options-item-label-Q7QOKt, .infonomic-combo-button-options-item-label) {
+    min-width: 0;
+  }
 }
 

package/dist/components/dropdown/dropdown.d.ts

@@ -13,7 +13,7 @@ export declare const Dropdown: {
     };
     Portal: typeof Portal;
     Content: {
-        ({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, ...rest }: {
+        ({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, anchor, ...rest }: {
             ref?: React.RefObject<React.ComponentRef<"div">>;
             className?: string;
             children?: React.ReactNode;
@@ -22,6 +22,14 @@ export declare const Dropdown: {
             align?: React.ComponentProps<typeof Menu.Positioner>["align"];
             alignOffset?: React.ComponentProps<typeof Menu.Positioner>["alignOffset"];
             collisionPadding?: React.ComponentProps<typeof Menu.Positioner>["collisionPadding"];
+            /**
+             * Element the popup is positioned against. Defaults to the trigger, which is
+             * the right answer when the trigger is the whole control. Pass a wider
+             * element when the trigger is only part of it — a combo button's dropdown
+             * half, say — so `align` measures against the control the user sees rather
+             * than against the narrow trigger.
+             */
+            anchor?: React.ComponentProps<typeof Menu.Positioner>["anchor"];
         } & Omit<React.ComponentProps<typeof Menu.Popup>, "className">): React.JSX.Element;
         displayName: string;
     };

package/dist/components/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown/dropdown.js

@@ -22,12 +22,13 @@ function Portal({ children, ...rest }) {
         children: children
     });
 }
-const Content = ({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, ...rest })=>/*#__PURE__*/ jsx(Menu.Positioner, {
+const Content = ({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, anchor, ...rest })=>/*#__PURE__*/ jsx(Menu.Positioner, {
         side: side,
         sideOffset: sideOffset,
         align: align,
         alignOffset: alignOffset,
         collisionPadding: collisionPadding,
+        anchor: anchor,
         children: /*#__PURE__*/ jsx(Menu.Popup, {
             ref: ref,
             className: classnames('infonomic-dropdown-content', dropdown_module["dropdown-content"], className),

package/dist/icons/index.d.ts

@@ -32,6 +32,7 @@ export * from './info-icon.js';
 export * from './infonomic-icon.js';
 export * from './light-icon.js';
 export * from './location-pin-icon.js';
+export * from './markdown-icon.js';
 export * from './moon-icon.js';
 export * from './plus-icon.js';
 export * from './primary-icon.js';

package/dist/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA"}

package/dist/icons/index.js

@@ -32,6 +32,7 @@ export * from "./info-icon.js";
 export * from "./infonomic-icon.js";
 export * from "./light-icon.js";
 export * from "./location-pin-icon.js";
+export * from "./markdown-icon.js";
 export * from "./moon-icon.js";
 export * from "./plus-icon.js";
 export * from "./primary-icon.js";

package/dist/icons/markdown-icon.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+import type { IconProps } from './types/icon.js';
+/**
+ * The CommonMark mark — the conventional glyph for "this content is available
+ * as markdown". Used by surfaces that expose a document's `.md` representation.
+ */
+export declare const MarkdownIcon: {
+    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=markdown-icon.d.ts.map

package/dist/icons/markdown-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-icon.d.ts","sourceRoot":"","sources":["../../src/icons/markdown-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD;;;GAGG;AACH,eAAO,MAAM,YAAY;2CAItB,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAuB/B,CAAA"}

package/dist/icons/markdown-icon.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { IconElement } from "./icon-element.js";
+import icons_module from "./icons.module.js";
+const MarkdownIcon = ({ className, svgClassName, ...rest })=>{
+    const applied = classnames(icons_module["fill-current"], svgClassName);
+    return /*#__PURE__*/ jsx(IconElement, {
+        className: classnames('markdown-icon', className),
+        ...rest,
+        children: /*#__PURE__*/ jsxs("svg", {
+            className: applied,
+            xmlns: "http://www.w3.org/2000/svg",
+            focusable: "false",
+            "aria-hidden": "true",
+            viewBox: "0 0 16 16",
+            strokeWidth: "0",
+            children: [
+                /*#__PURE__*/ jsx("path", {
+                    d: "M14.5 3H1.5C0.671573 3 0 3.67157 0 4.5V11.5C0 12.3284 0.671573 13 1.5 13H14.5C15.3284 13 16 12.3284 16 11.5V4.5C16 3.67157 15.3284 3 14.5 3ZM1.5 4H14.5C14.7761 4 15 4.22386 15 4.5V11.5C15 11.7761 14.7761 12 14.5 12H1.5C1.22386 12 1 11.7761 1 11.5V4.5C1 4.22386 1.22386 4 1.5 4Z",
+                    fillRule: "evenodd",
+                    clipRule: "evenodd"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M2.5 10.5V5.5H4L5.5 7.5L7 5.5H8.5V10.5H7V7.75L5.5 9.75L4 7.75V10.5H2.5Z"
+                }),
+                /*#__PURE__*/ jsx("path", {
+                    d: "M11.75 10.5L9.5 8H11V5.5H12.5V8H14L11.75 10.5Z"
+                })
+            ]
+        })
+    });
+};
+MarkdownIcon.displayName = 'MarkdownIcon';
+export { MarkdownIcon };

package/dist/react.d.ts

@@ -78,6 +78,7 @@ export * from './icons/info-icon.js';
 export * from './icons/infonomic-icon.js';
 export * from './icons/light-icon.js';
 export * from './icons/location-pin-icon.js';
+export * from './icons/markdown-icon.js';
 export * from './icons/moon-icon.js';
 export * from './icons/plus-icon.js';
 export * from './icons/primary-icon.js';

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"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"}

package/dist/react.js

@@ -73,6 +73,7 @@ export * from "./icons/info-icon.js";
 export * from "./icons/infonomic-icon.js";
 export * from "./icons/light-icon.js";
 export * from "./icons/location-pin-icon.js";
+export * from "./icons/markdown-icon.js";
 export * from "./icons/moon-icon.js";
 export * from "./icons/plus-icon.js";
 export * from "./icons/primary-icon.js";

package/dist/widgets/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY;gBACX,MAAM,IAAI;EAClB,CAAA;AAEN,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEvD,wBAAgB,QAAQ,IAAI;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACzD,CAiBA;AAED,iBAAS,KAAK,CAAC,EACb,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,QAAQ,GACT,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsBhC;kBA3BQ,KAAK;;;WArCN,CAAC;;;WAF2B,CAAC;;;WAAK,CAAC;;;WAAD,CAAC;;;AA2E3C,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/widgets/modal/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY;gBACX,MAAM,IAAI;EAClB,CAAA;AAEN,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEvD,wBAAgB,QAAQ,IAAI;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACzD,CAiBA;AAED,iBAAS,KAAK,CAAC,EACb,MAAM,EACN,SAAS,EACT,mBAAmB,EACnB,QAAQ,GACT,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqDhC;kBA1DQ,KAAK;;;WArCd,CAAC;;;WAF2B,CAAC;;;WAAK,CAAC;;;WAAD,CAAC;;;AA0GnC,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/widgets/modal/modal.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useState } from "react";
+import { createContext, useCallback, useRef, useState } from "react";
 import { Dialog } from "@base-ui/react/dialog";
 import classnames from "classnames";
 import modal_module from "./modal.module.js";
@@ -25,6 +25,17 @@ function useModal() {
     };
 }
 function Modal({ isOpen, onDismiss, closeOnOverlayClick, children }) {
+    const pressStartedOnOverlay = useRef(false);
+    const handleOverlayPointerDown = (event)=>{
+        pressStartedOnOverlay.current = event.target === event.currentTarget;
+    };
+    const handleOverlayClick = (event)=>{
+        const startedOnOverlay = pressStartedOnOverlay.current;
+        pressStartedOnOverlay.current = false;
+        if (true !== closeOnOverlayClick) return;
+        if (!startedOnOverlay || event.target !== event.currentTarget) return;
+        onDismiss?.();
+    };
     return /*#__PURE__*/ jsx(ModalContext.Provider, {
         value: {
             onDismiss
@@ -43,6 +54,8 @@ function Modal({ isOpen, onDismiss, closeOnOverlayClick, children }) {
                     }),
                     /*#__PURE__*/ jsx(Dialog.Popup, {
                         className: classnames('infonomic-modal-wrapper', modal_module["modal-wrapper"]),
+                        onPointerDown: handleOverlayPointerDown,
+                        onClick: handleOverlayClick,
                         children: children
                     })
                 ]

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "6.7.7",
+  "version": "6.8.0",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [

package/src/components/button/combo-button.module.css

@@ -48,5 +48,25 @@
 
   .combo-button-options-item,
   :global(.infonomic-combo-button-options-item) {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0 4px;
+  }
+
+  /* Fixed box so labels line up whether or not an item carries an icon. */
+  .combo-button-options-item-icon,
+  :global(.infonomic-combo-button-options-item-icon) {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .combo-button-options-item-label,
+  :global(.infonomic-combo-button-options-item-label) {
+    min-width: 0;
   }
 }

package/src/components/button/combo-button.tsx

@@ -1,3 +1,5 @@
+import { useRef } from 'react'
+
 import cx from 'classnames'
 
 import { ChevronDownIcon } from '../../icons/chevron-down-icon'
@@ -5,8 +7,19 @@ import { Dropdown as DropdownComponent } from '../dropdown/dropdown'
 import { Button, type ButtonProps } from './button'
 import styles from './combo-button.module.css'
 
+export interface ComboButtonOption {
+  label: string
+  value: string
+  /**
+   * Optional leading icon for the menu item. Rendered before the label; items
+   * without one still align with their icon-bearing siblings, so a menu may
+   * mix the two.
+   */
+  icon?: React.ReactNode
+}
+
 export type ComboButtonProps = ButtonProps & {
-  options: { label: string; value: string }[]
+  options: ComboButtonOption[]
   onButtonClick?: () => void
   onOptionSelect?: (value: string) => void
   disabled?: boolean
@@ -38,8 +51,20 @@ export const ComboButton = ({
   intent = 'primary',
   ...rest
 }: ComboButtonProps) => {
+  // Reserve the icon column for every item as soon as one option carries an
+  // icon, so labels stay on a common left edge in a mixed menu.
+  const anyOptionHasIcon = options.some((option) => option.icon != null)
+
+  // The menu is positioned against the whole control, not against the dropdown
+  // half that triggers it. Anchoring to the trigger would measure `align`
+  // from the narrow chevron, so an `end`-aligned menu hangs off the right of
+  // the button and a `start`-aligned one starts at the chevron rather than at
+  // the button's left edge.
+  const wrapperRef = useRef<HTMLDivElement>(null)
+
   return (
     <div
+      ref={wrapperRef}
       className={cx('combo-button-wrapper', styles['combo-button-wrapper'], className)}
       style={{ '--ring-color': `var(--ring-${intent})` } as React.CSSProperties}
     >
@@ -65,6 +90,7 @@ export const ComboButton = ({
             <DropdownComponent.Content
               className={cx('combo-button-options', styles['combo-button-options'])}
               align={align}
+              anchor={wrapperRef}
               data-side={dataSide}
               sideOffset={sideOffset}
             >
@@ -76,7 +102,25 @@ export const ComboButton = ({
                   <div
                     className={cx('combo-button-options-item', styles['combo-button-options-item'])}
                   >
-                    {option.label}
+                    {anyOptionHasIcon && (
+                      <span
+                        className={cx(
+                          'combo-button-options-item-icon',
+                          styles['combo-button-options-item-icon']
+                        )}
+                        aria-hidden="true"
+                      >
+                        {option.icon}
+                      </span>
+                    )}
+                    <span
+                      className={cx(
+                        'combo-button-options-item-label',
+                        styles['combo-button-options-item-label']
+                      )}
+                    >
+                      {option.label}
+                    </span>
                   </div>
                 </DropdownComponent.Item>
               ))}

package/src/components/dropdown/dropdown.tsx

@@ -43,6 +43,7 @@ const Content = ({
   align,
   alignOffset,
   collisionPadding,
+  anchor,
   ...rest
 }: {
   ref?: React.RefObject<React.ComponentRef<'div'>>
@@ -53,6 +54,14 @@ const Content = ({
   align?: React.ComponentProps<typeof Menu.Positioner>['align']
   alignOffset?: React.ComponentProps<typeof Menu.Positioner>['alignOffset']
   collisionPadding?: React.ComponentProps<typeof Menu.Positioner>['collisionPadding']
+  /**
+   * Element the popup is positioned against. Defaults to the trigger, which is
+   * the right answer when the trigger is the whole control. Pass a wider
+   * element when the trigger is only part of it — a combo button's dropdown
+   * half, say — so `align` measures against the control the user sees rather
+   * than against the narrow trigger.
+   */
+  anchor?: React.ComponentProps<typeof Menu.Positioner>['anchor']
 } & Omit<React.ComponentProps<typeof Menu.Popup>, 'className'>): React.JSX.Element => {
   return (
     <Menu.Positioner
@@ -61,6 +70,7 @@ const Content = ({
       align={align}
       alignOffset={alignOffset}
       collisionPadding={collisionPadding}
+      anchor={anchor}
     >
       <Menu.Popup
         ref={ref}

package/src/icons/index.ts

@@ -32,6 +32,7 @@ export * from './info-icon.js'
 export * from './infonomic-icon.js'
 export * from './light-icon.js'
 export * from './location-pin-icon.js'
+export * from './markdown-icon.js'
 export * from './moon-icon.js'
 export * from './plus-icon.js'
 export * from './primary-icon.js'

package/src/icons/markdown-icon.tsx

@@ -0,0 +1,42 @@
+import type React from 'react'
+
+import cx from 'classnames'
+
+import { IconElement } from './icon-element.js'
+import styles from './icons.module.css'
+import type { IconProps } from './types/icon.js'
+
+/**
+ * The CommonMark mark — the conventional glyph for "this content is available
+ * as markdown". Used by surfaces that expose a document's `.md` representation.
+ */
+export const MarkdownIcon = ({
+  className,
+  svgClassName,
+  ...rest
+}: IconProps): React.JSX.Element => {
+  const applied = cx(styles['fill-current'], svgClassName)
+
+  return (
+    <IconElement className={cx('markdown-icon', className)} {...rest}>
+      <svg
+        className={applied}
+        xmlns="http://www.w3.org/2000/svg"
+        focusable="false"
+        aria-hidden="true"
+        viewBox="0 0 16 16"
+        strokeWidth="0"
+      >
+        <path
+          d="M14.5 3H1.5C0.671573 3 0 3.67157 0 4.5V11.5C0 12.3284 0.671573 13 1.5 13H14.5C15.3284 13 16 12.3284 16 11.5V4.5C16 3.67157 15.3284 3 14.5 3ZM1.5 4H14.5C14.7761 4 15 4.22386 15 4.5V11.5C15 11.7761 14.7761 12 14.5 12H1.5C1.22386 12 1 11.7761 1 11.5V4.5C1 4.22386 1.22386 4 1.5 4Z"
+          fillRule="evenodd"
+          clipRule="evenodd"
+        />
+        <path d="M2.5 10.5V5.5H4L5.5 7.5L7 5.5H8.5V10.5H7V7.75L5.5 9.75L4 7.75V10.5H2.5Z" />
+        <path d="M11.75 10.5L9.5 8H11V5.5H12.5V8H14L11.75 10.5Z" />
+      </svg>
+    </IconElement>
+  )
+}
+
+MarkdownIcon.displayName = 'MarkdownIcon'

package/src/react.ts

@@ -81,6 +81,7 @@ export * from './icons/info-icon.js'
 export * from './icons/infonomic-icon.js'
 export * from './icons/light-icon.js'
 export * from './icons/location-pin-icon.js'
+export * from './icons/markdown-icon.js'
 export * from './icons/moon-icon.js'
 export * from './icons/plus-icon.js'
 export * from './icons/primary-icon.js'

package/src/widgets/modal/modal.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import type React from 'react'
-import { createContext, useCallback, useState } from 'react'
+import { createContext, useCallback, useRef, useState } from 'react'
 
 import { Dialog } from '@base-ui/react/dialog'
 import cx from 'classnames'
@@ -55,6 +55,33 @@ function Modal({
   closeOnOverlayClick,
   children,
 }: ModalProps): React.JSX.Element {
+  // Overlay dismissal is handled here rather than by Base UI's outside-press
+  // detection. `Dialog.Popup` below is the full-viewport flex box that centres
+  // the dialog, not the dialog box itself, so a click on the empty space around
+  // the dialog still lands *inside* the popup — Base UI sees no outside press
+  // and `disablePointerDismissal` never comes into play. Comparing the event
+  // target against the popup identifies those clicks: they hit the centring box
+  // directly, whereas a click on the dialog hits `Modal.Container` or a
+  // descendant of it.
+  //
+  // The press must both start and end on the popup. Without the pointerdown
+  // check, selecting text in the dialog and releasing outside it emits a click
+  // on their common ancestor — the popup — and would dismiss the dialog
+  // mid-drag.
+  const pressStartedOnOverlay = useRef(false)
+
+  const handleOverlayPointerDown = (event: React.PointerEvent<HTMLDivElement>): void => {
+    pressStartedOnOverlay.current = event.target === event.currentTarget
+  }
+
+  const handleOverlayClick = (event: React.MouseEvent<HTMLDivElement>): void => {
+    const startedOnOverlay = pressStartedOnOverlay.current
+    pressStartedOnOverlay.current = false
+    if (closeOnOverlayClick !== true) return
+    if (!startedOnOverlay || event.target !== event.currentTarget) return
+    onDismiss?.()
+  }
+
   return (
     <ModalContext.Provider value={{ onDismiss }}>
       <Dialog.Root
@@ -69,7 +96,11 @@ function Modal({
       >
         <Dialog.Portal>
           <Dialog.Backdrop className={cx('infonomic-modal-backdrop', styles.backdrop)} />
-          <Dialog.Popup className={cx('infonomic-modal-wrapper', styles['modal-wrapper'])}>
+          <Dialog.Popup
+            className={cx('infonomic-modal-wrapper', styles['modal-wrapper'])}
+            onPointerDown={handleOverlayPointerDown}
+            onClick={handleOverlayClick}
+          >
             {children}
           </Dialog.Popup>
         </Dialog.Portal>