@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/build/data/Popover/Popover.js

@@ -1,10 +1,18 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { isBoolean } from 'lodash';
-import PropTypes from 'prop-types';
-import React__default, { useMemo } from 'react';
+import React__default from 'react';
+import { useFloatingNodeId, useMergeRefs, FloatingNode, FloatingPortal } from '@floating-ui/react';
+import useFloatingPopover from '../../hooks/useFloatingPopover.js';
+import { getElementRef } from '../../utils/getElementRef.js';
+import { SharedFloatingArrow, POPOVER_ARROW } from '../_shared/FloatingArrow.styled.js';
 import { Popover as Popover$1 } from './Popover.styled.js';
-import maxSize from 'popper-max-size-modifier';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
+const TIPPY_DEFAULT_Z_INDEX = 9999;
+const POSITIONER_MAX_WIDTH = 'calc(100vw - 10px)';
+const CONTEXT_MENU_SUBLEVEL_PLACEMENT = 'right-start';
+const CONTEXT_MENU_SUBLEVEL_TRIGGER = 'mouseenter click focus';
+const CONTEXT_MENU_ITEM_SELECTOR = '.context-menu-item';
+const CONTEXT_MENU_SUBLEVEL_OPENER_CLASS = 'opens-sublevel';
+const PROPS_NEVER_FORWARDED = ['onClick', 'onChange', 'onSubmit', 'popperOptions'];
 const Popover = React__default.forwardRef(function Popover({
   content = 'Tooltip',
   interactive = true,
@@ -18,78 +26,124 @@ const Popover = React__default.forwardRef(function Popover({
   contextMenuSublevel = false,
   children,
   modifiers = [],
+  middleware,
   maxWidth = 'none',
+  zIndex = TIPPY_DEFAULT_Z_INDEX,
+  disabled = false,
+  appendTo,
+  onClickOutside,
+  onShow,
+  onHide,
   ...props
 }, ref) {
-  const errorOffset = useMemo(() => arrow ? 15 : 0, [arrow]);
-  const isControlled = useMemo(() => isBoolean(visible), [visible]);
-  const handleContextMenuItemClick = () => {
-    document.querySelectorAll('.context-menu-item:not(.opens-sublevel)').forEach(item => item.addEventListener('click', () => {
-      document.querySelectorAll('[data-tippy-root]').forEach(node => {
-        if (node._tippy) {
-          node._tippy.hide();
-        }
-      });
-    }));
+  void modifiers.length;
+  const onOpenChange = React__default.useCallback((open, event, reason) => {
+    if (!open && reason === 'outside-press') {
+      onClickOutside?.(event);
+    }
+    if (open) {
+      onShow?.();
+    } else {
+      onHide?.();
+    }
+  }, [onClickOutside, onShow, onHide]);
+  const nodeId = useFloatingNodeId();
+  const offsetTuple = [offset[0] ?? 0, offset[1] ?? 0];
+  const arrowDrivesTheOffset = arrow;
+  const drawsArrow = contextMenu ? false : arrow;
+  const {
+    refs,
+    floatingStyles,
+    context,
+    getReferenceProps,
+    getFloatingProps,
+    isMounted,
+    transitionStyles,
+    arrowRef,
+    setOpen,
+    placement: resolvedPlacement,
+    pointerEvents
+  } = useFloatingPopover({
+    placement: contextMenuSublevel ? CONTEXT_MENU_SUBLEVEL_PLACEMENT : placement,
+    open: visible,
+    onOpenChange,
+    trigger: contextMenuSublevel ? CONTEXT_MENU_SUBLEVEL_TRIGGER : trigger,
+    offset: offsetTuple,
+    arrow: arrowDrivesTheOffset,
+    interactive,
+    disabled,
+    duration,
+    constrainHeight: true,
+    nodeId,
+    middleware
+  });
+  const childRef = React__default.isValidElement(children) ? getElementRef(children) : null;
+  const referenceRef = useMergeRefs([ref, childRef, refs.setReference]);
+  const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => !PROPS_NEVER_FORWARDED.includes(key)));
+  const reference = React__default.isValidElement(children) ? React__default.cloneElement(children, {
+    ...getReferenceProps(children.props),
+    ref: referenceRef
+  }) : children;
+  const handleContextMenuClick = event => {
+    if (!contextMenu) return;
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const item = target.closest(CONTEXT_MENU_ITEM_SELECTOR);
+    if (!item || item.classList.contains(CONTEXT_MENU_SUBLEVEL_OPENER_CLASS)) return;
+    setOpen(false, event.nativeEvent, 'click');
   };
-  const eventHandlerProps = ['onClick', 'onChange', 'onSubmit'];
-  const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => !eventHandlerProps.includes(key)));
-  return React__default.createElement("div", null, React__default.createElement(Popover$1, _extends({
-    ref: ref,
-    content: content,
-    interactive: interactive,
-    placement: contextMenuSublevel ? 'right-start' : placement,
-    duration: duration,
-    animation: 'shift-away-subtle',
-    trigger: isControlled ? undefined : contextMenuSublevel ? 'mouseenter click focus' : trigger,
-    offset: [offset[0], offset[1] + errorOffset],
-    arrow: contextMenu ? false : arrow,
-    visible: visible,
-    popperOptions: {
-      modifiers: [{
-        ...maxSize,
-        options: {
-          boundary: 'viewport',
-          rootBoundary: 'viewport',
-          padding: 10
-        }
-      }, {
-        name: 'applyMaxSize',
-        enabled: true,
-        phase: 'beforeWrite',
-        requires: ['maxSize'],
-        fn({
-          state
-        }) {
-          const {
-            height
-          } = state.modifiersData.maxSize;
-          state.styles.popper = {
-            ...state.styles.popper,
-            maxHeight: `${height}px`
-          };
-        }
-      }, ...modifiers]
+  const renderInline = appendTo === 'parent' || interactive && appendTo === undefined;
+  const resolvePortalRoot = () => {
+    if (renderInline || appendTo === undefined) return undefined;
+    if (typeof appendTo === 'function') {
+      const node = refs.reference.current;
+      return node instanceof Element ? appendTo(node) : null;
+    }
+    return appendTo;
+  };
+  const floating = isMounted ? jsx("div", {
+    ref: refs.setFloating,
+    style: {
+      ...floatingStyles,
+      zIndex,
+      pointerEvents,
+      maxWidth: POSITIONER_MAX_WIDTH
     },
-    onShow: contextMenu ? handleContextMenuItemClick : undefined,
-    maxWidth: maxWidth
-  }, filteredProps), children));
+    ...getFloatingProps({
+      onClick: handleContextMenuClick
+    }),
+    children: jsxs(Popover$1, {
+      ...filteredProps,
+      "data-placement": resolvedPlacement,
+      "data-context-menu": contextMenu ? 'true' : undefined,
+      "data-context-menu-sublevel": contextMenuSublevel ? 'true' : undefined,
+      role: "tooltip",
+      tabIndex: -1,
+      style: {
+        ...transitionStyles,
+        maxWidth
+      },
+      children: [jsx("div", {
+        className: "tippy-content",
+        children: content
+      }), drawsArrow && jsx(SharedFloatingArrow, {
+        ref: arrowRef,
+        context: context,
+        "data-arrow-surface": "popover",
+        ...POPOVER_ARROW
+      })]
+    })
+  }) : null;
+  return jsxs("div", {
+    children: [reference, jsx(FloatingNode, {
+      id: nodeId,
+      children: renderInline ? floating : jsx(FloatingPortal, {
+        root: resolvePortalRoot(),
+        children: floating
+      })
+    })]
+  });
 });
-Popover.propTypes = process.env.NODE_ENV !== "production" ? {
-  content: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
-  interactive: PropTypes.bool,
-  placement: PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
-  duration: PropTypes.number,
-  trigger: PropTypes.string,
-  offset: PropTypes.arrayOf(PropTypes.number),
-  arrow: PropTypes.bool,
-  visible: PropTypes.bool,
-  modifiers: PropTypes.array,
-  maxWidth: PropTypes.string,
-  contextMenu: PropTypes.bool,
-  contextMenuSublevel: PropTypes.bool,
-  children: PropTypes.node.isRequired
-} : {};
 
 export { Popover as default };
 //# sourceMappingURL=Popover.js.map

package/build/data/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/data/Popover/Popover.js"],"sourcesContent":["import { isBoolean } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useMemo } from 'react';\nimport * as S from './Popover.styled';\nimport maxSize from 'popper-max-size-modifier';\n\n/**\n * The `Popover` is a transient view that shows on a content screen when a user clicks on a control button or within a defined area.\n * A `Popover` renders a temporary context to get user’s attention and to hide unnecessary interactions.\n *\n * This component is used with the `Button` and `ContextMenu` components to create dropdown menus and context menus.\n * See their documentation for usage examples.\n *\n * ### Import\n *\n * ``` js\n * import { Popover } from '@ntbjs/react-components/data'\n * // or\n * import Popover from '@ntbjs/react-components/data/Popover'\n * ```\n *\n * ### Usage example\n *\n * ``` js\n<Popover content={<img alt=\"Dummy content\" src={dummyImage} />}>\n  <ActionButton icon={<DeleteIcon />} onClick={() => {}} />\n</Popover>\n * ```\n */\n\nconst Popover = React.forwardRef(function Popover(\n  {\n    content = 'Tooltip',\n    interactive = true,\n    placement = 'bottom-end',\n    duration = 350,\n    trigger = 'click focus',\n    offset = [0, 8],\n    arrow = true,\n    visible = undefined,\n    contextMenu = false,\n    contextMenuSublevel = false,\n    children,\n    modifiers = [],\n    maxWidth = 'none',\n    ...props\n  },\n  ref\n) {\n  const errorOffset = useMemo(() => (arrow ? 15 : 0), [arrow]);\n\n  const isControlled = useMemo(() => isBoolean(visible), [visible]);\n\n  const handleContextMenuItemClick = () => {\n    document.querySelectorAll('.context-menu-item:not(.opens-sublevel)').forEach(item =>\n      item.addEventListener('click', () => {\n        document.querySelectorAll('[data-tippy-root]').forEach(node => {\n          if (node._tippy) {\n            node._tippy.hide();\n          }\n        });\n      })\n    );\n  };\n\n  const eventHandlerProps = ['onClick', 'onChange', 'onSubmit'];\n\n  const filteredProps = Object.fromEntries(\n    Object.entries(props).filter(([key]) => !eventHandlerProps.includes(key))\n  );\n\n  return (\n    <div>\n      <S.Popover\n        ref={ref}\n        content={content}\n        interactive={interactive}\n        placement={contextMenuSublevel ? 'right-start' : placement}\n        duration={duration}\n        animation={'shift-away-subtle'}\n        trigger={\n          isControlled ? undefined : contextMenuSublevel ? 'mouseenter click focus' : trigger\n        }\n        offset={[offset[0], offset[1] + errorOffset]}\n        arrow={contextMenu ? false : arrow}\n        visible={visible}\n        popperOptions={{\n          modifiers: [\n            {\n              ...maxSize,\n              options: {\n                boundary: 'viewport',\n                rootBoundary: 'viewport',\n                padding: 10\n              }\n            },\n            {\n              name: 'applyMaxSize',\n              enabled: true,\n              phase: 'beforeWrite',\n              requires: ['maxSize'],\n              fn({ state }) {\n                // The `maxSize` modifier provides this data\n                const { height } = state.modifiersData.maxSize;\n\n                state.styles.popper = {\n                  ...state.styles.popper,\n                  maxHeight: `${height}px`\n                };\n              }\n            },\n            ...modifiers\n          ]\n        }}\n        // contextMenu={contextMenu}\n        // contextMenuSublevel={contextMenuSublevel}\n        onShow={contextMenu ? handleContextMenuItemClick : undefined}\n        maxWidth={maxWidth}\n        {...filteredProps}\n      >\n        {children}\n      </S.Popover>\n    </div>\n  );\n});\n\n/**\n * https://atomiks.github.io/tippyjs/v6/all-props/\n * @type {{content: Validator<NonNullable<string>>}}\n */\nPopover.propTypes = {\n  /**\n   * The content of the `Popover`.\n   */\n  content: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n\n  /**\n   * Determines if the `Popover` has interactive content inside of it, so that it can be\n   * hovered over and clicked inside without hiding.\n   */\n  interactive: PropTypes.bool,\n\n  /**\n   * The preferred placement of the `Popover`. Note that Popper's flip modifier can change\n   * this to the opposite placement if it has more space.\n   */\n  placement: PropTypes.oneOf([\n    'top',\n    'top-start',\n    'top-end',\n    'right',\n    'right-start',\n    'right-end',\n    'bottom',\n    'bottom-start',\n    'bottom-end',\n    'left',\n    'left-start',\n    'left-end',\n    'auto',\n    'auto-start',\n    'auto-end'\n  ]),\n\n  /**\n   * Duration in ms of the transition animation.\n   */\n  duration: PropTypes.number,\n\n  /**\n   * Determines the events that cause the `Popover` to show. Multiple event names are separated by\n   * spaces.\n   *\n   * *Example events:*\n   *\n   * `trigger: 'click'`\n   *\n   * `trigger: 'focusin'`\n   *\n   * `trigger: 'mouseenter click'`\n   *\n   * --\n   */\n  trigger: PropTypes.string,\n\n  /**\n   * Displaces the popover from its reference element in pixels (skidding and distance).\n   *\n   * `[skidding, distance]`\n   */\n  offset: PropTypes.arrayOf(PropTypes.number),\n\n  /**\n   * Determines if the popover has an arrow.\n   */\n  arrow: PropTypes.bool,\n\n  /**\n   * Use React's state to fully control the `Popover` instead of relying on the native trigger\n   * and `hideOnClick` props\n   */\n  visible: PropTypes.bool,\n\n  /**\n   * Additional Popper modifiers\n   */\n  modifiers: PropTypes.array,\n\n  /**\n   * Max-width\n   */\n  maxWidth: PropTypes.string,\n\n  /**\n   * Whether the `Popover` contains a context menu.\n   * This will remove the default arrow, and apply styling.\n   */\n  contextMenu: PropTypes.bool,\n\n  /**\n   * Whether the `Popover` contains a context menu which is the sublevel of another context menu.\n   * This will automatically set placement, spacing and trigger events, add a dropdown icon, etc.\n   */\n  contextMenuSublevel: PropTypes.bool,\n\n  /**\n   * Content of the `Popover`.\n   */\n  children: PropTypes.node.isRequired\n};\n\nexport default Popover;\n"],"names":["Popover","React","forwardRef","content","interactive","placement","duration","trigger","offset","arrow","visible","undefined","contextMenu","contextMenuSublevel","children","modifiers","maxWidth","props","ref","errorOffset","useMemo","isControlled","isBoolean","handleContextMenuItemClick","document","querySelectorAll","forEach","item","addEventListener","node","_tippy","hide","eventHandlerProps","filteredProps","Object","fromEntries","entries","filter","key","includes","createElement","S","_extends","animation","popperOptions","maxSize","options","boundary","rootBoundary","padding","name","enabled","phase","requires","fn","state","height","modifiersData","styles","popper","maxHeight","onShow","propTypes","process","env","NODE_ENV","PropTypes","oneOfType","string","element","isRequired","bool","oneOf","number","arrayOf","array"],"mappings":";;;;;;;AA8BMA,MAAAA,OAAO,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,OAAOA,CAC/C;AACEG,EAAAA,OAAO,GAAG,SAAS;AACnBC,EAAAA,WAAW,GAAG,IAAI;AAClBC,EAAAA,SAAS,GAAG,YAAY;AACxBC,EAAAA,QAAQ,GAAG,GAAG;AACdC,EAAAA,OAAO,GAAG,aAAa;AACvBC,EAAAA,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACfC,EAAAA,KAAK,GAAG,IAAI;AACZC,EAAAA,OAAO,GAAGC,SAAS;AACnBC,EAAAA,WAAW,GAAG,KAAK;AACnBC,EAAAA,mBAAmB,GAAG,KAAK;EAC3BC,QAAQ;AACRC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA,QAAQ,GAAG,MAAM;EACjB,GAAGC,KAAAA;AACL,CAAC,EACDC,GAAG,EACH;AACA,EAAA,MAAMC,WAAW,GAAGC,OAAO,CAAC,MAAOX,KAAK,GAAG,EAAE,GAAG,CAAE,EAAE,CAACA,KAAK,CAAC,CAAC,CAAA;AAE5D,EAAA,MAAMY,YAAY,GAAGD,OAAO,CAAC,MAAME,SAAS,CAACZ,OAAO,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;EAEjE,MAAMa,0BAA0B,GAAGA,MAAM;AACvCC,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,yCAAyC,CAAC,CAACC,OAAO,CAACC,IAAI,IAC/EA,IAAI,CAACC,gBAAgB,CAAC,OAAO,EAAE,MAAM;MACnCJ,QAAQ,CAACC,gBAAgB,CAAC,mBAAmB,CAAC,CAACC,OAAO,CAACG,IAAI,IAAI;QAC7D,IAAIA,IAAI,CAACC,MAAM,EAAE;AACfD,UAAAA,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE,CAAA;AACpB,SAAA;AACF,OAAC,CAAC,CAAA;AACJ,KAAC,CACH,CAAC,CAAA;GACF,CAAA;EAED,MAAMC,iBAAiB,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;AAE7D,EAAA,MAAMC,aAAa,GAAGC,MAAM,CAACC,WAAW,CACtCD,MAAM,CAACE,OAAO,CAACnB,KAAK,CAAC,CAACoB,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACN,iBAAiB,CAACO,QAAQ,CAACD,GAAG,CAAC,CAC1E,CAAC,CAAA;AAED,EAAA,OACErC,cAAA,CAAAuC,aAAA,CAAA,KAAA,EAAA,IAAA,EACEvC,cAAA,CAAAuC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACRxB,IAAAA,GAAG,EAAEA,GAAI;AACTf,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEQ,mBAAmB,GAAG,aAAa,GAAGR,SAAU;AAC3DC,IAAAA,QAAQ,EAAEA,QAAS;AACnBqC,IAAAA,SAAS,EAAE,mBAAoB;IAC/BpC,OAAO,EACLc,YAAY,GAAGV,SAAS,GAAGE,mBAAmB,GAAG,wBAAwB,GAAGN,OAC7E;AACDC,IAAAA,MAAM,EAAE,CAACA,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,GAAGW,WAAW,CAAE;AAC7CV,IAAAA,KAAK,EAAEG,WAAW,GAAG,KAAK,GAAGH,KAAM;AACnCC,IAAAA,OAAO,EAAEA,OAAQ;AACjBkC,IAAAA,aAAa,EAAE;AACb7B,MAAAA,SAAS,EAAE,CACT;AACE,QAAA,GAAG8B,OAAO;AACVC,QAAAA,OAAO,EAAE;AACPC,UAAAA,QAAQ,EAAE,UAAU;AACpBC,UAAAA,YAAY,EAAE,UAAU;AACxBC,UAAAA,OAAO,EAAE,EAAA;AACX,SAAA;AACF,OAAC,EACD;AACEC,QAAAA,IAAI,EAAE,cAAc;AACpBC,QAAAA,OAAO,EAAE,IAAI;AACbC,QAAAA,KAAK,EAAE,aAAa;QACpBC,QAAQ,EAAE,CAAC,SAAS,CAAC;AACrBC,QAAAA,EAAEA,CAAC;AAAEC,UAAAA,KAAAA;AAAM,SAAC,EAAE;UAEZ,MAAM;AAAEC,YAAAA,MAAAA;AAAO,WAAC,GAAGD,KAAK,CAACE,aAAa,CAACZ,OAAO,CAAA;AAE9CU,UAAAA,KAAK,CAACG,MAAM,CAACC,MAAM,GAAG;AACpB,YAAA,GAAGJ,KAAK,CAACG,MAAM,CAACC,MAAM;YACtBC,SAAS,EAAE,GAAGJ,MAAM,CAAA,EAAA,CAAA;WACrB,CAAA;AACH,SAAA;OACD,EACD,GAAGzC,SAAS,CAAA;KAEd;AAGF8C,IAAAA,MAAM,EAAEjD,WAAW,GAAGW,0BAA0B,GAAGZ,SAAU;AAC7DK,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACfiB,aAAa,CAAA,EAEhBnB,QACQ,CACR,CAAC,CAAA;AAEV,CAAC,EAAC;AAMFd,OAAO,CAAC8D,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAIlB9D,EAAAA,OAAO,EAAE+D,SAAS,CAACC,SAAS,CAAC,CAACD,SAAS,CAACE,MAAM,EAAEF,SAAS,CAACG,OAAO,CAAC,CAAC,CAACC,UAAU;EAM9ElE,WAAW,EAAE8D,SAAS,CAACK,IAAI;AAM3BlE,EAAAA,SAAS,EAAE6D,SAAS,CAACM,KAAK,CAAC,CACzB,KAAK,EACL,WAAW,EACX,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,UAAU,EACV,MAAM,EACN,YAAY,EACZ,UAAU,CACX,CAAC;EAKFlE,QAAQ,EAAE4D,SAAS,CAACO,MAAM;EAgB1BlE,OAAO,EAAE2D,SAAS,CAACE,MAAM;EAOzB5D,MAAM,EAAE0D,SAAS,CAACQ,OAAO,CAACR,SAAS,CAACO,MAAM,CAAC;EAK3ChE,KAAK,EAAEyD,SAAS,CAACK,IAAI;EAMrB7D,OAAO,EAAEwD,SAAS,CAACK,IAAI;EAKvBxD,SAAS,EAAEmD,SAAS,CAACS,KAAK;EAK1B3D,QAAQ,EAAEkD,SAAS,CAACE,MAAM;EAM1BxD,WAAW,EAAEsD,SAAS,CAACK,IAAI;EAM3B1D,mBAAmB,EAAEqD,SAAS,CAACK,IAAI;AAKnCzD,EAAAA,QAAQ,EAAEoD,SAAS,CAACrC,IAAI,CAACyC,UAAAA;AAC3B,CAAC,GAAA,EAAA;;;;"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/data/Popover/Popover.tsx"],"sourcesContent":["import React from 'react';\n\nimport { FloatingNode, FloatingPortal, useFloatingNodeId, useMergeRefs } from '@floating-ui/react';\n\nimport useFloatingPopover from '../../../hooks/useFloatingPopover';\nimport { getElementRef } from '../../../utils/getElementRef';\nimport { POPOVER_ARROW, SharedFloatingArrow } from '../_shared/FloatingArrow.styled';\nimport * as S from './Popover.styled';\n\nimport type { Middleware, OpenChangeReason } from '@floating-ui/react';\nimport type { PopoverPlacement, PopperOffset } from '../../../hooks/useFloatingPopover';\n\n// tippy's default z-index; 10 consumer call sites override it, which is why it's declared as a prop.\nconst TIPPY_DEFAULT_Z_INDEX = 9999;\n\n// tippy.css applied this viewport cap through [data-tippy-root] (the positioner), carried over.\nconst POSITIONER_MAX_WIDTH = 'calc(100vw - 10px)';\n\n// Placement and trigger that contextMenuSublevel forces, unchanged from old implementation.\nconst CONTEXT_MENU_SUBLEVEL_PLACEMENT = 'right-start' as const;\nconst CONTEXT_MENU_SUBLEVEL_TRIGGER = 'mouseenter click focus';\n\n/**\n * The class `ContextMenuItem` writes (`ContextMenuItem.tsx:81`), and the one it adds for an\n * item that opens a submenu. A click on a LEAF item closes the menu; a click on a sublevel\n * opener must not, or the submenu would close the parent it just opened.\n */\nconst CONTEXT_MENU_ITEM_SELECTOR = '.context-menu-item';\nconst CONTEXT_MENU_SUBLEVEL_OPENER_CLASS = 'opens-sublevel';\n\n// tippy's three-way appendTo: given value portals, absent+interactive=true (default) renders INLINE into reference's parent, absent+interactive=false portals to body. Plan C4 confirms behaviour-preserving.\nexport type PopoverAppendTo = 'parent' | Element | ((reference: Element) => Element);\n\ntype PopoverOwnProps = {\n  /**\n   * The content of the `Popover`.\n   */\n  content: string | React.ReactElement<any>;\n  /**\n   * Whether the popover's content is interactive and where it renders (inline by default for interactive popovers).\n   */\n  interactive?: boolean;\n  /**\n   * Preferred placement; 12 concrete names need no Popper→Floating UI translation. Three `auto*` values select `autoPlacement()` instead of `flip()`.\n   */\n  placement?: PopoverPlacement;\n  /**\n   * Duration in ms of the transition animation.\n   */\n  duration?: number;\n  /**\n   * Events that cause the popover to show (space-separated). `''` means no triggers, `undefined` means `'mouseenter focus'`, component defaults to `'click focus'`.\n   */\n  trigger?: string;\n  /**\n   * `[skidding, distance]`; distance is the gap between reference and arrow tip (not box), absorbing the old `+15` offset.\n   */\n  offset?: number[];\n  /**\n   * Whether the popover has an arrow; also moves the box even when not drawn (existing behaviour, reproduced).\n   */\n  arrow?: boolean;\n  /**\n   * Pass a boolean to control visibility; both `true` and `false` disable native triggers. `onClickOutside` still fires in controlled mode.\n   */\n  visible?: boolean;\n  /**\n   * @deprecated Accepted and ignored; use `middleware` instead.\n   */\n  modifiers?: any[];\n  /**\n   * Extra Floating UI middleware, appended after the built-in chain; one internal caller needed this for width matching.\n   */\n  middleware?: Middleware[];\n  /**\n   * Max-width of the popover box, as a CSS length. Defaults to `'none'`, which is what tippy\n   * received and wrote inline on every popover in both consumers.\n   */\n  maxWidth?: string;\n  /**\n   * Whether the `Popover` contains a context menu.\n   * This will remove the default arrow, and apply styling.\n   *\n   * It also makes a click on a `ContextMenuItem` close the menu — see\n   * `handleContextMenuClick`.\n   */\n  contextMenu?: boolean;\n  /**\n   * Whether the `Popover` contains a context menu which is the sublevel of another context menu.\n   * This will automatically set placement, spacing and trigger events, add a dropdown icon, etc.\n   */\n  contextMenuSublevel?: boolean;\n  /**\n   * `z-index` of the positioned element (default: 9999, tippy's default).\n   */\n  zIndex?: number;\n  /**\n   * A disabled popover can never open, even under a controlled `visible={true}` — tippy's\n   * semantics.\n   */\n  disabled?: boolean;\n  /**\n   * Where the popover is rendered (default: inline for interactive popovers, document.body otherwise).\n   */\n  appendTo?: PopoverAppendTo;\n  /** Fired when a press lands outside both the reference and the popover. */\n  onClickOutside?: (event?: Event) => void;\n  /**\n   * Fired when the popover opens. tippy's `onShow`, minus its instance argument.\n   */\n  onShow?: () => void;\n  /**\n   * Fired when the popover closes; one internal caller (inputs/Button) depends on it to reset dropdown-is-active class.\n   */\n  onHide?: () => void;\n  /**\n   * Content of the `Popover`.\n   */\n  children: React.ReactNode;\n};\n\n// Props spreads onto S.Popover, so the published type must admit its props. Base moved from styled(Tippy) to styled.div, requiring explicit declaration of zIndex, disabled, appendTo, onClickOutside, onHide.\ntype Props = Omit<React.ComponentPropsWithoutRef<typeof S.Popover>, keyof PopoverOwnProps> &\n  PopoverOwnProps;\n\n// Props accepted-but-ignored: onClick/onChange/onSubmit filter is load-bearing (would activate dead handlers); popperOptions is plan C6 deprecation.\nconst PROPS_NEVER_FORWARDED = ['onClick', 'onChange', 'onSubmit', 'popperOptions'];\n\n/**\n * The `Popover` is a transient view that shows on a content screen when a user clicks on a control button or within a defined area.\n * A `Popover` renders a temporary context to get user’s attention and to hide unnecessary interactions.\n *\n * This component is used with the `Button` and `ContextMenu` components to create dropdown menus and context menus.\n * See their documentation for usage examples.\n *\n * ### Import\n *\n * ``` js\n * import { Popover } from '@ntbjs/react-components/data'\n * // or\n * import Popover from '@ntbjs/react-components/data/Popover'\n * ```\n *\n * ### Usage example\n *\n * ``` js\n<Popover content={<img alt=\"Dummy content\" src={dummyImage} />}>\n  <ActionButton icon={<DeleteIcon />} onClick={() => {}} />\n</Popover>\n * ```\n */\n\nconst Popover = React.forwardRef<any, Props>(function Popover(\n  {\n    content = 'Tooltip',\n    interactive = true,\n    placement = 'bottom-end',\n    duration = 350,\n    trigger = 'click focus',\n    offset = [0, 8],\n    arrow = true,\n    visible = undefined,\n    contextMenu = false,\n    contextMenuSublevel = false,\n    children,\n    modifiers = [],\n    middleware,\n    maxWidth = 'none',\n    zIndex = TIPPY_DEFAULT_Z_INDEX,\n    disabled = false,\n    appendTo,\n    onClickOutside,\n    onShow,\n    onHide,\n    ...props\n  },\n  ref\n) {\n  void modifiers.length;\n\n  const onOpenChange = React.useCallback(\n    (open: boolean, event?: Event, reason?: OpenChangeReason) => {\n      if (!open && reason === 'outside-press') {\n        onClickOutside?.(event);\n      }\n\n      if (open) {\n        onShow?.();\n      } else {\n        onHide?.();\n      }\n    },\n    [onClickOutside, onShow, onHide]\n  );\n\n  // Registers in FloatingTree if present; safe with no tree (guarded reads in useDismiss).\n  const nodeId = useFloatingNodeId();\n\n  // Normalize to fixed-length tuple; public prop stays number[] for compat.\n  const offsetTuple: PopperOffset = [offset[0] ?? 0, offset[1] ?? 0];\n\n  // Arrow position drives offset even when not drawn (existing behavior). arrowDrivesTheOffset feeds hook; drawsArrow decides rendering.\n  const arrowDrivesTheOffset = arrow;\n  const drawsArrow = contextMenu ? false : arrow;\n\n  const {\n    refs,\n    floatingStyles,\n    context,\n    getReferenceProps,\n    getFloatingProps,\n    isMounted,\n    transitionStyles,\n    arrowRef,\n    setOpen,\n    placement: resolvedPlacement,\n    pointerEvents\n  } = useFloatingPopover({\n    placement: contextMenuSublevel ? CONTEXT_MENU_SUBLEVEL_PLACEMENT : placement,\n    open: visible,\n    onOpenChange,\n    trigger: contextMenuSublevel ? CONTEXT_MENU_SUBLEVEL_TRIGGER : trigger,\n    offset: offsetTuple,\n    arrow: arrowDrivesTheOffset,\n    interactive,\n    disabled,\n    duration,\n    // Always on, replacing popper-max-size-modifier behavior (but clears cap when content fits, unlike applyMaxSize).\n    constrainHeight: true,\n    nodeId,\n    middleware\n  });\n\n  // Reference is the CHILD (not wrapper) for positioning compat; ref merges forwarded ref, child's ref, and setReference.\n  const childRef = React.isValidElement(children) ? getElementRef(children) : null;\n  const referenceRef = useMergeRefs([ref, childRef, refs.setReference]);\n\n  const filteredProps = Object.fromEntries(\n    Object.entries(props).filter(([key]) => !PROPS_NEVER_FORWARDED.includes(key))\n  );\n\n  // Floating UI composes handlers with existing ones, so child's own handlers still work.\n  const reference = React.isValidElement(children)\n    ? React.cloneElement(\n        children as React.ReactElement<Record<string, unknown>>,\n        {\n          ...getReferenceProps((children as React.ReactElement<Record<string, unknown>>).props),\n          ref: referenceRef\n        } as never\n      )\n    : children;\n\n  // Delegated click handler closes this menu on item click (inline rendering means ancestor menus close automatically via bubbling).\n  const handleContextMenuClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!contextMenu) return;\n\n    const target = event.target;\n    if (!(target instanceof Element)) return;\n\n    const item = target.closest(CONTEXT_MENU_ITEM_SELECTOR);\n    if (!item || item.classList.contains(CONTEXT_MENU_SUBLEVEL_OPENER_CLASS)) return;\n\n    setOpen(false, event.nativeEvent, 'click');\n  };\n\n  // Inline rendering: 'parent' or (interactive && no explicit appendTo).\n  const renderInline = appendTo === 'parent' || (interactive && appendTo === undefined);\n\n  // null/undefined NOT interchangeable: undefined→document.body default, null→defer until reference exists.\n  const resolvePortalRoot = (): HTMLElement | null | undefined => {\n    if (renderInline || appendTo === undefined) return undefined;\n    if (typeof appendTo === 'function') {\n      const node = refs.reference.current;\n      return node instanceof Element ? (appendTo(node) as HTMLElement) : null;\n    }\n    return appendTo as HTMLElement;\n  };\n\n  const floating = isMounted ? (\n    <div\n      ref={refs.setFloating}\n      style={{ ...floatingStyles, zIndex, pointerEvents, maxWidth: POSITIONER_MAX_WIDTH }}\n      {...getFloatingProps({ onClick: handleContextMenuClick })}\n    >\n      {/*\n       * filteredProps first so explicit attrs can't override transition/placement styles. role/tabindex from tippy (not changed for compat).\n       */}\n      <S.Popover\n        {...filteredProps}\n        data-placement={resolvedPlacement}\n        data-context-menu={contextMenu ? 'true' : undefined}\n        data-context-menu-sublevel={contextMenuSublevel ? 'true' : undefined}\n        role=\"tooltip\"\n        tabIndex={-1}\n        style={{ ...transitionStyles, maxWidth }}\n      >\n        <div className=\"tippy-content\">{content}</div>\n        {drawsArrow && (\n          <SharedFloatingArrow\n            ref={arrowRef}\n            context={context}\n            data-arrow-surface=\"popover\"\n            {...POPOVER_ARROW}\n          />\n        )}\n      </S.Popover>\n    </div>\n  ) : null;\n\n  // FloatingNode publishes ID to nested popovers; no DOM cost in standalone case. Bare wrapper preserved for compat.\n  return (\n    <div>\n      {reference}\n      <FloatingNode id={nodeId}>\n        {renderInline ? (\n          floating\n        ) : (\n          <FloatingPortal root={resolvePortalRoot()}>{floating}</FloatingPortal>\n        )}\n      </FloatingNode>\n    </div>\n  );\n});\n\nexport default Popover;\n"],"names":["TIPPY_DEFAULT_Z_INDEX","POSITIONER_MAX_WIDTH","CONTEXT_MENU_SUBLEVEL_PLACEMENT","CONTEXT_MENU_SUBLEVEL_TRIGGER","CONTEXT_MENU_ITEM_SELECTOR","CONTEXT_MENU_SUBLEVEL_OPENER_CLASS","PROPS_NEVER_FORWARDED","Popover","React","forwardRef","content","interactive","placement","duration","trigger","offset","arrow","visible","undefined","contextMenu","contextMenuSublevel","children","modifiers","middleware","maxWidth","zIndex","disabled","appendTo","onClickOutside","onShow","onHide","props","ref","length","onOpenChange","useCallback","open","event","reason","nodeId","useFloatingNodeId","offsetTuple","arrowDrivesTheOffset","drawsArrow","refs","floatingStyles","context","getReferenceProps","getFloatingProps","isMounted","transitionStyles","arrowRef","setOpen","resolvedPlacement","pointerEvents","useFloatingPopover","constrainHeight","childRef","isValidElement","getElementRef","referenceRef","useMergeRefs","setReference","filteredProps","Object","fromEntries","entries","filter","key","includes","reference","cloneElement","handleContextMenuClick","target","Element","item","closest","classList","contains","nativeEvent","renderInline","resolvePortalRoot","node","current","floating","_jsx","setFloating","style","onClick","_jsxs","S","role","tabIndex","className","SharedFloatingArrow","POPOVER_ARROW","FloatingNode","id","FloatingPortal","root"],"mappings":"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"}

package/build/data/Popover/Popover.styled.js

@@ -1,146 +1,16 @@
-import styled, { css } from 'styled-components';
+import styled from 'styled-components';
 import { rgba } from 'polished';
 import { applyDefaultTheme } from '../../utils/defaultTheme.js';
-import TippyTooltip from '@tippyjs/react';
-import 'tippy.js/dist/tippy.css';
-import 'tippy.js/animations/shift-away-subtle.css';
 
-const Popover = styled(TippyTooltip).attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  font-size: 1rem;
-  font-weight: 400;
-  color: inherit;
-  border-radius: 0;
-  line-height: inherit;
-  max-height: inherit;
-
-  ${props => props.maxWidth && css`
-      max-width: ${props.maxWidth};
-    `}
-
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
-
-  ${props => props.theme.themeProp('box-shadow', `0px 1px 6px -3px ${rgba(props.theme.getColor('black'), 0.7)}`, `0 1px 6px -4px ${props.theme.getColor('black')}`)}
-
-  ${props => props.theme.themeProp('border', `1px solid ${props.theme.getColor('gray-800')}`, `1px solid ${props.theme.getColor('gray-300')}`)}
-
-  ${props => props.contextMenu && css`
-      border-radius: 4px;
-
-      ${props => props.theme.themeProp('border', 'none', 'none')}
-
-      ${props => props.theme.themeProp('box-shadow', `none`, `0 1px 6px ${rgba(props.theme.getColor('gray-900'), 0.3)}`)}
-    `}
-
-  ${props => props.contextMenuSublevel && css`
-      &[data-placement^='right-start'],
-      &[data-placement^='left-start'] {
-        margin-top: -4px;
-      }
-
-      &[data-placement^='left'] {
-        margin-right: -6px;
-      }
-
-      &[data-placement^='right'] {
-        margin-left: -6px;
-      }
-    `}
-
-  .tippy-content {
-    padding: 0;
-    max-height: inherit;
-
-    > div {
-      max-height: inherit;
-    }
-  }
-
-  .tippy-arrow {
-    ${props => props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('white'), 1)}
-  }
-
-  && > .tippy-arrow::before {
-    position: absolute;
-    border-color: transparent;
-    border-style: solid;
-  }
-
-  & > .tippy-arrow::after {
-    content: '';
-    position: absolute;
-    border-color: transparent;
-    border-style: solid;
-  }
-
-  &[data-placement^='top'] {
-    & > .tippy-arrow:before {
-      bottom: -16px;
-      left: -5px;
-      border-width: 15px 13px 0;
-      ${props => props.theme.themeProp('border-top-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1)}
-    }
-
-    & > .tippy-arrow:after {
-      bottom: -15px;
-      left: -5px;
-      border-width: 15px 13px 0;
-      border-top-color: initial;
-      transform-origin: center top;
-    }
-  }
-
-  &[data-placement^='right'] {
-    & > .tippy-arrow:before {
-      bottom: -5px;
-      left: -16px;
-      border-width: 13px 15px 13px 0;
-      ${props => props.theme.themeProp('border-right-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1)}
-    }
-
-    & > .tippy-arrow:after {
-      bottom: -5px;
-      left: -15px;
-      border-width: 13px 15px 13px 0;
-      border-right-color: initial;
-      transform-origin: center top;
-    }
-  }
-
-  &[data-placement^='bottom'] {
-    & > .tippy-arrow:before {
-      top: -16px;
-      left: -5px;
-      border-width: 0 13px 15px 13px;
-      ${props => props.theme.themeProp('border-bottom-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1)}
-    }
-
-    & > .tippy-arrow:after {
-      top: -14.5px;
-      left: -5px;
-      border-width: 0 13px 15px 13px;
-      border-bottom-color: initial;
-      transform-origin: center top;
-    }
-  }
-
-  &[data-placement^='left'] {
-    & > .tippy-arrow::before {
-      bottom: -5px;
-      right: -16px;
-      border-width: 13px 0 13px 15px;
-      ${props => props.theme.themeProp('border-left-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-300'), 1)}
-    }
-
-    & > .tippy-arrow::after {
-      bottom: -5px;
-      right: -15px;
-      border-width: 13px 0 13px 15px;
-      border-left-color: initial;
-      transform-origin: center top;
-    }
-  }
-`;
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const Popover = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Popoverstyled__Popover",
+  componentId: "sc-egg7l2-0"
+})(["position:relative;outline:0;white-space:normal;font-family:", ";font-size:1rem;font-weight:400;color:inherit;border-radius:0;line-height:inherit;max-height:inherit;", " ", " ", " .tippy-content{position:relative;z-index:1;padding:0;max-height:inherit;> div{max-height:inherit;}}&[data-context-menu='true']{border-radius:4px;}body.dark-theme &[data-context-menu='true']{border:none;box-shadow:none;}body.light-theme &[data-context-menu='true']{border:none;box-shadow:0 1px 6px ", ";}body:not(.light-theme):not(.dark-theme) &[data-context-menu='true']{border:none;box-shadow:0 1px 6px ", ";@media (prefers-color-scheme:dark){box-shadow:none;}}&[data-context-menu-sublevel='true']{&[data-placement^='right-start'],&[data-placement^='left-start']{margin-top:-4px;}&[data-placement^='left']{margin-right:-6px;}&[data-placement^='right']{margin-left:-6px;}}"], props => props.theme.primaryFontFamily, props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')), props => props.theme.themeProp('box-shadow', `0px 1px 6px -3px ${rgba(props.theme.getColor('black'), 0.7)}`, `0 1px 6px -4px ${props.theme.getColor('black')}`), props => props.theme.themeProp('border', `1px solid ${props.theme.getColor('gray-800')}`, `1px solid ${props.theme.getColor('gray-300')}`), props => rgba(props.theme.getColor('gray-900'), 0.3), props => rgba(props.theme.getColor('gray-900'), 0.3));
 
 export { Popover };
 //# sourceMappingURL=Popover.styled.js.map

package/build/data/Popover/Popover.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.styled.js","sources":["../../../src/components/data/Popover/Popover.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { rgba } from 'polished';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport TippyTooltip from '@tippyjs/react';\nimport 'tippy.js/dist/tippy.css';\nimport 'tippy.js/animations/shift-away-subtle.css';\n\nexport const Popover = styled(TippyTooltip).attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 400;\n  color: inherit;\n  border-radius: 0;\n  line-height: inherit;\n  max-height: inherit;\n\n  ${props =>\n    props.maxWidth &&\n    css`\n      max-width: ${props.maxWidth};\n    `}\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('white')\n    )}\n\n  ${props =>\n    props.theme.themeProp(\n      'box-shadow',\n      `0px 1px 6px -3px ${rgba(props.theme.getColor('black'), 0.7)}`,\n      `0 1px 6px -4px ${props.theme.getColor('black')}`\n    )}\n\n  ${props =>\n    props.theme.themeProp(\n      'border',\n      `1px solid ${props.theme.getColor('gray-800')}`,\n      `1px solid ${props.theme.getColor('gray-300')}`\n    )}\n\n  ${props =>\n    props.contextMenu &&\n    css`\n      border-radius: 4px;\n\n      ${props => props.theme.themeProp('border', 'none', 'none')}\n\n      ${props =>\n        props.theme.themeProp(\n          'box-shadow',\n          `none`,\n          `0 1px 6px ${rgba(props.theme.getColor('gray-900'), 0.3)}`\n        )}\n    `}\n\n  ${props =>\n    props.contextMenuSublevel &&\n    css`\n      &[data-placement^='right-start'],\n      &[data-placement^='left-start'] {\n        margin-top: -4px;\n      }\n\n      &[data-placement^='left'] {\n        margin-right: -6px;\n      }\n\n      &[data-placement^='right'] {\n        margin-left: -6px;\n      }\n    `}\n\n  .tippy-content {\n    padding: 0;\n    max-height: inherit;\n\n    > div {\n      max-height: inherit;\n    }\n  }\n\n  .tippy-arrow {\n    ${props =>\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('white'),\n        1\n      )}\n  }\n\n  && > .tippy-arrow::before {\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  & > .tippy-arrow::after {\n    content: '';\n    position: absolute;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  &[data-placement^='top'] {\n    & > .tippy-arrow:before {\n      bottom: -16px;\n      left: -5px;\n      border-width: 15px 13px 0;\n      ${props =>\n        props.theme.themeProp(\n          'border-top-color',\n          props.theme.getColor('gray-800'),\n          props.theme.getColor('gray-300'),\n          1\n        )}\n    }\n\n    & > .tippy-arrow:after {\n      bottom: -15px;\n      left: -5px;\n      border-width: 15px 13px 0;\n      border-top-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='right'] {\n    & > .tippy-arrow:before {\n      bottom: -5px;\n      left: -16px;\n      border-width: 13px 15px 13px 0;\n      ${props =>\n        props.theme.themeProp(\n          'border-right-color',\n          props.theme.getColor('gray-800'),\n          props.theme.getColor('gray-300'),\n          1\n        )}\n    }\n\n    & > .tippy-arrow:after {\n      bottom: -5px;\n      left: -15px;\n      border-width: 13px 15px 13px 0;\n      border-right-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='bottom'] {\n    & > .tippy-arrow:before {\n      top: -16px;\n      left: -5px;\n      border-width: 0 13px 15px 13px;\n      ${props =>\n        props.theme.themeProp(\n          'border-bottom-color',\n          props.theme.getColor('gray-800'),\n          props.theme.getColor('gray-300'),\n          1\n        )}\n    }\n\n    & > .tippy-arrow:after {\n      top: -14.5px;\n      left: -5px;\n      border-width: 0 13px 15px 13px;\n      border-bottom-color: initial;\n      transform-origin: center top;\n    }\n  }\n\n  &[data-placement^='left'] {\n    & > .tippy-arrow::before {\n      bottom: -5px;\n      right: -16px;\n      border-width: 13px 0 13px 15px;\n      ${props =>\n        props.theme.themeProp(\n          'border-left-color',\n          props.theme.getColor('gray-800'),\n          props.theme.getColor('gray-300'),\n          1\n        )}\n    }\n\n    & > .tippy-arrow::after {\n      bottom: -5px;\n      right: -15px;\n      border-width: 13px 0 13px 15px;\n      border-left-color: initial;\n      transform-origin: center top;\n    }\n  }\n`;\n"],"names":["Popover","styled","TippyTooltip","attrs","applyDefaultTheme","props","theme","primaryFontFamily","maxWidth","css","themeProp","getColor","rgba","contextMenu","contextMenuSublevel"],"mappings":";;;;;;;AAQO,MAAMA,OAAO,GAAGC,MAAM,CAACC,YAAY,CAAC,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACpE,eAAA,EAAiBC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIF,KAAK,IACLA,KAAK,CAACG,QAAQ,IACdC,GAAG,CAAA;AACP,iBAAmBJ,EAAAA,KAAK,CAACG,QAAQ,CAAA;AACjC,IAAK,CAAA,CAAA;AACL;AACA,EAAIH,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,YAAY,EACZL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACL;AACA,EAAA,EAAIN,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,YAAY,EACZ,oBAAoBE,IAAI,CAACP,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAA,CAAE,EAC9D,CAAkBN,eAAAA,EAAAA,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,OAAO,CAAC,EACjD,CAAC,CAAA;AACL;AACA,EAAA,EAAIN,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,QAAQ,EACR,CAAaL,UAAAA,EAAAA,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,CAAE,CAAA,EAC/C,aAAaN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAC/C,CAAC,CAAA;AACL;AACA,EAAA,EAAIN,KAAK,IACLA,KAAK,CAACQ,WAAW,IACjBJ,GAAG,CAAA;AACP;AACA;AACA,MAAA,EAAQJ,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACI,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;AAChE;AACA,MAAQL,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,YAAY,EACZ,CAAA,IAAA,CAAM,EACN,CAAA,UAAA,EAAaE,IAAI,CAACP,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAA,CAC1D,CAAC,CAAA;AACT,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIN,KAAK,IACLA,KAAK,CAACS,mBAAmB,IACzBL,GAAG,CAAA;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMJ,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,OAAO,EACPL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,OAAO,CAAC,EAC7B,CACF,CAAC,CAAA;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAA,EAAQN,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,kBAAkB,EAClBL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChC,CACF,CAAC,CAAA;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAA,EAAQN,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,oBAAoB,EACpBL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChC,CACF,CAAC,CAAA;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAA,EAAQN,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,qBAAqB,EACrBL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChC,CACF,CAAC,CAAA;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAA,EAAQN,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,mBAAmB,EACnBL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChC,CACF,CAAC,CAAA;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"Popover.styled.js","sources":["../../../src/components/data/Popover/Popover.styled.ts"],"sourcesContent":["// Carries four load-bearing styles from tippy.css: position:relative (arrow container), white-space:normal, outline:0, .tippy-content position/z-index. Arrow CSS replaced by SVG (FloatingArrow.styled.ts). Variants use static attribute selectors (not interpolated) to avoid componentId collisions.\n\nimport styled from 'styled-components';\nimport { rgba } from 'polished';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\n// Mandatory (not optional) to filter theme object from DOM; fixes declared defect where theme was written as `data-theme=\"[object Object]\"`.\n\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\n/**\n * The popover box — what `.tippy-box` was.\n *\n * `Popover.tsx` puts the transition styles and the `max-width` on this element inline and\n * the POSITION on its parent, matching the split tippy used (animated box inside a\n * Popper-positioned root) and the one `Tooltip` and the three existing Floating UI sites\n * use.\n *\n * `max-height: inherit` is not decorative and neither is the `.tippy-content` chain below\n * it. `size()` writes its cap onto the POSITIONER (`elements.floating`), exactly where\n * `popper-max-size-modifier` + `applyMaxSize` used to write `state.styles.popper.maxHeight`,\n * so the cap has to be inherited down box → `.tippy-content` → its child to reach the\n * element that actually scrolls.\n */\nexport const Popover = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n  outline: 0;\n  white-space: normal;\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 400;\n  color: inherit;\n  border-radius: 0;\n  line-height: inherit;\n  max-height: inherit;\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('white')\n    )}\n\n  ${props =>\n    props.theme.themeProp(\n      'box-shadow',\n      `0px 1px 6px -3px ${rgba(props.theme.getColor('black'), 0.7)}`,\n      `0 1px 6px -4px ${props.theme.getColor('black')}`\n    )}\n\n  ${props =>\n    props.theme.themeProp(\n      'border',\n      `1px solid ${props.theme.getColor('gray-800')}`,\n      `1px solid ${props.theme.getColor('gray-300')}`\n    )}\n\n  .tippy-content {\n    position: relative;\n    z-index: 1;\n    padding: 0;\n    max-height: inherit;\n\n    > div {\n      max-height: inherit;\n    }\n  }\n\n  /* context-menu variant: NO BACKTICKS IN COMMENTS (ends tagged template) **/\n  &[data-context-menu='true'] {\n    border-radius: 4px;\n  }\n\n  body.dark-theme &[data-context-menu='true'] {\n    border: none;\n    box-shadow: none;\n  }\n\n  body.light-theme &[data-context-menu='true'] {\n    border: none;\n    box-shadow: 0 1px 6px ${props => rgba(props.theme.getColor('gray-900'), 0.3)};\n  }\n\n  body:not(.light-theme):not(.dark-theme) &[data-context-menu='true'] {\n    border: none;\n    box-shadow: 0 1px 6px ${props => rgba(props.theme.getColor('gray-900'), 0.3)};\n\n    @media (prefers-color-scheme: dark) {\n      box-shadow: none;\n    }\n  }\n\n  /* sublevel variant: margins pull submenu back onto parent item; data-placement from resolved placement **/\n  &[data-context-menu-sublevel='true'] {\n    &[data-placement^='right-start'],\n    &[data-placement^='left-start'] {\n      margin-top: -4px;\n    }\n\n    &[data-placement^='left'] {\n      margin-right: -6px;\n    }\n\n    &[data-placement^='right'] {\n      margin-left: -6px;\n    }\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","Popover","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","theme","primaryFontFamily","themeProp","getColor","rgba"],"mappings":";;;;AAQA,MAAMA,iBAAiB,GAAIC,IAAY,IAAc;EACnD,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC;AAClD,CAAC;AAgBM,MAAMC,OAAO,GAAGC,MAAM,CAACC,GAAG,CAC9BC,UAAU,CAAC;AACVN,EAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAAF,UAAA,CAAA;EAAAG,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,6DAAA,EAAA,uGAAA,EAAA,GAAA,EAAA,GAAA,EAAA,4SAAA,EAAA,yGAAA,EAAA,0QAAA,CAAA,EAIVC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,EAQnDF,KAAK,IACLA,KAAK,CAACC,KAAK,CAACE,SAAS,CACnB,YAAY,EACZH,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,EAChCJ,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,OAAO,CAC9B,CAAC,EAEDJ,KAAK,IACLA,KAAK,CAACC,KAAK,CAACE,SAAS,CACnB,YAAY,EACZ,CAAA,iBAAA,EAAoBE,IAAI,CAACL,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAA,CAAE,EAC9D,CAAA,eAAA,EAAkBJ,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,OAAO,CAAC,CAAA,CACjD,CAAC,EAEDJ,KAAK,IACLA,KAAK,CAACC,KAAK,CAACE,SAAS,CACnB,QAAQ,EACR,CAAA,UAAA,EAAaH,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,CAAA,CAAE,EAC/C,CAAA,UAAA,EAAaJ,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,CAAA,CAC/C,CAAC,EAyBuBJ,KAAK,IAAIK,IAAI,CAACL,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,EAKpDJ,KAAK,IAAIK,IAAI,CAACL,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC;;;;"}

package/build/data/SeverityBadge/SeverityBadge.js

@@ -1,18 +1,18 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from 'prop-types';
 import Badge from '../Badge/Badge.js';
+import { jsx } from 'react/jsx-runtime';
 
-const InformationIcon = () => React__default.createElement("svg", {
+const InformationIcon = () => jsx("svg", {
   width: "12",
   height: "12",
   viewBox: "0 0 12 12",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, React__default.createElement("path", {
-  d: "M6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11ZM6 10C7.06087 10 8.07828 9.57857 8.82843 8.82843C9.57857 8.07828 10 7.06087 10 6C10 4.93913 9.57857 3.92172 8.82843 3.17157C8.07828 2.42143 7.06087 2 6 2C4.93913 2 3.92172 2.42143 3.17157 3.17157C2.42143 3.92172 2 4.93913 2 6C2 7.06087 2.42143 8.07828 3.17157 8.82843C3.92172 9.57857 4.93913 10 6 10ZM5.5 3.5H6.5V4.5H5.5V3.5ZM5.5 5.5H6.5V8.5H5.5V5.5Z",
-  fill: "currentColor"
-}));
+  xmlns: "http://www.w3.org/2000/svg",
+  children: jsx("path", {
+    d: "M6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11ZM6 10C7.06087 10 8.07828 9.57857 8.82843 8.82843C9.57857 8.07828 10 7.06087 10 6C10 4.93913 9.57857 3.92172 8.82843 3.17157C8.07828 2.42143 7.06087 2 6 2C4.93913 2 3.92172 2.42143 3.17157 3.17157C2.42143 3.92172 2 4.93913 2 6C2 7.06087 2.42143 8.07828 3.17157 8.82843C3.92172 9.57857 4.93913 10 6 10ZM5.5 3.5H6.5V4.5H5.5V3.5ZM5.5 5.5H6.5V8.5H5.5V5.5Z",
+    fill: "currentColor"
+  })
+});
 const SEVERITY_BADGE_STYLES = {
   1: {
     backgroundColors: ['#272727', '#ffffff'],
@@ -49,9 +49,9 @@ const SeverityBadge = React__default.forwardRef(function SeverityBadge({
   ...rest
 }, forwardedRef) {
   const style = SEVERITY_BADGE_STYLES[severity] || SEVERITY_BADGE_STYLES[1];
-  return React__default.createElement(Badge, _extends({
+  return jsx(Badge, {
     ref: forwardedRef,
-    badgeIcon: icon === undefined ? React__default.createElement(InformationIcon, null) : icon,
+    badgeIcon: icon === undefined ? jsx(InformationIcon, {}) : icon,
     badgeContent: label,
     backgroundColors: style.backgroundColors,
     colors: style.colors,
@@ -60,19 +60,10 @@ const SeverityBadge = React__default.forwardRef(function SeverityBadge({
     fontWeight: fontWeight,
     height: height,
     horizontalPadding: horizontalPadding,
-    verticalPadding: verticalPadding
-  }, rest));
+    verticalPadding: verticalPadding,
+    ...rest
+  });
 });
-SeverityBadge.propTypes = process.env.NODE_ENV !== "production" ? {
-  severity: PropTypes.oneOf([1, 2, 3, 4, 5]).isRequired,
-  label: PropTypes.node.isRequired,
-  icon: PropTypes.node,
-  fontSize: PropTypes.number,
-  fontWeight: PropTypes.number,
-  height: PropTypes.number,
-  horizontalPadding: PropTypes.number,
-  verticalPadding: PropTypes.number
-} : {};
 
 export { SeverityBadge as default };
 //# sourceMappingURL=SeverityBadge.js.map

package/build/data/SeverityBadge/SeverityBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeverityBadge.js","sources":["../../../src/components/data/SeverityBadge/SeverityBadge.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Badge from '../Badge/Badge';\n\nconst InformationIcon = () => (\n  <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11ZM6 10C7.06087 10 8.07828 9.57857 8.82843 8.82843C9.57857 8.07828 10 7.06087 10 6C10 4.93913 9.57857 3.92172 8.82843 3.17157C8.07828 2.42143 7.06087 2 6 2C4.93913 2 3.92172 2.42143 3.17157 3.17157C2.42143 3.92172 2 4.93913 2 6C2 7.06087 2.42143 8.07828 3.17157 8.82843C3.92172 9.57857 4.93913 10 6 10ZM5.5 3.5H6.5V4.5H5.5V3.5ZM5.5 5.5H6.5V8.5H5.5V5.5Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nconst SEVERITY_BADGE_STYLES = {\n  1: {\n    backgroundColors: ['#272727', '#ffffff'],\n    colors: ['#d9dce0', '#202435'],\n    borderColors: ['#3a3a3a', '#ece4e1']\n  },\n  2: {\n    backgroundColors: ['#272727', '#ffffff'],\n    colors: ['#d9dce0', '#202435'],\n    borderColors: ['#3a3a3a', '#ece4e1']\n  },\n  3: {\n    backgroundColors: ['#2e2301', '#faeeb3'],\n    colors: ['#eab308', '#78350F']\n  },\n  4: {\n    backgroundColors: ['#2e2301', '#faeeb3'],\n    colors: ['#eab308', '#78350F']\n  },\n  5: {\n    backgroundColors: ['#7E1B1B', 'rgba(182, 41, 2, 0.1)'],\n    colors: ['#e8d5d6', '#b62902']\n  }\n};\n\n/**\n * A severity-aware badge that maps a severity level (1-5) to the appropriate\n * color scheme and icon. Thin wrapper around Badge.\n *\n * ### Import\n *\n * ```js\n * import { SeverityBadge } from \"@ntbjs/react-components/data\";\n * // named exports for advanced use\n * ```\n */\nconst SeverityBadge = React.forwardRef(function SeverityBadge(\n  {\n    severity,\n    label,\n    icon,\n    fontSize = 12,\n    fontWeight = 500,\n    height = 24,\n    horizontalPadding = 8,\n    verticalPadding = 2,\n    ...rest\n  },\n  forwardedRef\n) {\n  const style = SEVERITY_BADGE_STYLES[severity] || SEVERITY_BADGE_STYLES[1];\n\n  return (\n    <Badge\n      ref={forwardedRef}\n      badgeIcon={icon === undefined ? <InformationIcon /> : icon}\n      badgeContent={label}\n      backgroundColors={style.backgroundColors}\n      colors={style.colors}\n      borderColors={style.borderColors}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      height={height}\n      horizontalPadding={horizontalPadding}\n      verticalPadding={verticalPadding}\n      {...rest}\n    />\n  );\n});\n\nSeverityBadge.propTypes = {\n  /** Severity level (1-5). 1-2 = Info, 3-4 = Limited use, 5 = Highly restricted. */\n  severity: PropTypes.oneOf([1, 2, 3, 4, 5]).isRequired,\n  /** Badge content — string or JSX node (e.g. label with remove button). */\n  label: PropTypes.node.isRequired,\n  /** Override the default information icon. Pass null to suppress. */\n  icon: PropTypes.node,\n  /** Font size in pixels. */\n  fontSize: PropTypes.number,\n  /** Font weight. */\n  fontWeight: PropTypes.number,\n  /** Badge height in pixels. */\n  height: PropTypes.number,\n  /** Left and right padding in pixels. */\n  horizontalPadding: PropTypes.number,\n  /** Top and bottom padding in pixels. */\n  verticalPadding: PropTypes.number\n};\n\nexport default SeverityBadge;\n"],"names":["InformationIcon","React","createElement","width","height","viewBox","fill","xmlns","d","SEVERITY_BADGE_STYLES","backgroundColors","colors","borderColors","SeverityBadge","forwardRef","severity","label","icon","fontSize","fontWeight","horizontalPadding","verticalPadding","rest","forwardedRef","style","Badge","_extends","ref","badgeIcon","undefined","badgeContent","propTypes","process","env","NODE_ENV","PropTypes","oneOf","isRequired","node","number"],"mappings":"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"}
+{"version":3,"file":"SeverityBadge.js","sources":["../../../src/components/data/SeverityBadge/SeverityBadge.tsx"],"sourcesContent":["import React from 'react';\nimport Badge from '../Badge/Badge';\n\nconst InformationIcon = () => (\n  <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6 11C3.2385 11 1 8.7615 1 6C1 3.2385 3.2385 1 6 1C8.7615 1 11 3.2385 11 6C11 8.7615 8.7615 11 6 11ZM6 10C7.06087 10 8.07828 9.57857 8.82843 8.82843C9.57857 8.07828 10 7.06087 10 6C10 4.93913 9.57857 3.92172 8.82843 3.17157C8.07828 2.42143 7.06087 2 6 2C4.93913 2 3.92172 2.42143 3.17157 3.17157C2.42143 3.92172 2 4.93913 2 6C2 7.06087 2.42143 8.07828 3.17157 8.82843C3.92172 9.57857 4.93913 10 6 10ZM5.5 3.5H6.5V4.5H5.5V3.5ZM5.5 5.5H6.5V8.5H5.5V5.5Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\n// Severities 3-5 pass undefined borderColors; type declares it optional to match code behavior, not a functional fix.\ntype SeverityBadgeStyle = {\n  backgroundColors: string[];\n  colors: string[];\n  borderColors?: string[];\n};\n\nconst SEVERITY_BADGE_STYLES: Record<1 | 2 | 3 | 4 | 5, SeverityBadgeStyle> = {\n  1: {\n    backgroundColors: ['#272727', '#ffffff'],\n    colors: ['#d9dce0', '#202435'],\n    borderColors: ['#3a3a3a', '#ece4e1']\n  },\n  2: {\n    backgroundColors: ['#272727', '#ffffff'],\n    colors: ['#d9dce0', '#202435'],\n    borderColors: ['#3a3a3a', '#ece4e1']\n  },\n  3: {\n    backgroundColors: ['#2e2301', '#faeeb3'],\n    colors: ['#eab308', '#78350F']\n  },\n  4: {\n    backgroundColors: ['#2e2301', '#faeeb3'],\n    colors: ['#eab308', '#78350F']\n  },\n  5: {\n    backgroundColors: ['#7E1B1B', 'rgba(182, 41, 2, 0.1)'],\n    colors: ['#e8d5d6', '#b62902']\n  }\n};\n\ntype SeverityBadgeOwnProps = {\n  /** Severity level (1-5). 1-2 = Info, 3-4 = Limited use, 5 = Highly restricted. */\n  severity: 1 | 2 | 3 | 4 | 5;\n  /** Badge content — string or JSX node (e.g. label with remove button). */\n  label: React.ReactNode;\n  /** Override the default information icon. Pass null to suppress. */\n  icon?: React.ReactNode;\n  /** Font size in pixels. */\n  fontSize?: number;\n  /** Font weight. */\n  fontWeight?: number;\n  /** Badge height in pixels. */\n  height?: number;\n  /** Left and right padding in pixels. */\n  horizontalPadding?: number;\n  /** Top and bottom padding in pixels. */\n  verticalPadding?: number;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype SeverityBadgeProps = Omit<\n  React.ComponentPropsWithoutRef<typeof Badge>,\n  keyof SeverityBadgeOwnProps\n> &\n  SeverityBadgeOwnProps;\n\n/**\n * A severity-aware badge that maps a severity level (1-5) to the appropriate\n * color scheme and icon. Thin wrapper around Badge.\n *\n * ### Import\n *\n * ```js\n * import { SeverityBadge } from \"@ntbjs/react-components/data\";\n * // named exports for advanced use\n * ```\n */\nconst SeverityBadge = React.forwardRef<any, SeverityBadgeProps>(function SeverityBadge(\n  {\n    severity,\n    label,\n    icon,\n    fontSize = 12,\n    fontWeight = 500,\n    height = 24,\n    horizontalPadding = 8,\n    verticalPadding = 2,\n    ...rest\n  },\n  forwardedRef\n) {\n  const style = SEVERITY_BADGE_STYLES[severity] || SEVERITY_BADGE_STYLES[1];\n\n  return (\n    <Badge\n      ref={forwardedRef}\n      badgeIcon={icon === undefined ? <InformationIcon /> : icon}\n      badgeContent={label}\n      backgroundColors={style.backgroundColors}\n      colors={style.colors}\n      borderColors={style.borderColors}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      height={height}\n      horizontalPadding={horizontalPadding}\n      verticalPadding={verticalPadding}\n      {...rest}\n    />\n  );\n});\n\nexport default SeverityBadge;\n"],"names":["InformationIcon","_jsx","width","height","viewBox","fill","xmlns","children","d","SEVERITY_BADGE_STYLES","backgroundColors","colors","borderColors","SeverityBadge","React","forwardRef","severity","label","icon","fontSize","fontWeight","horizontalPadding","verticalPadding","rest","forwardedRef","style","Badge","ref","badgeIcon","undefined","badgeContent"],"mappings":";;;;AAGA,MAAMA,eAAe,GAAGA,MACtBC,GAAA,CAAA,KAAA,EAAA;AAAKC,EAAAA,KAAK,EAAC,IAAI;AAACC,EAAAA,MAAM,EAAC,IAAI;AAACC,EAAAA,OAAO,EAAC,WAAW;AAACC,EAAAA,IAAI,EAAC,MAAM;AAACC,EAAAA,KAAK,EAAC,4BAA4B;AAAAC,EAAAA,QAAA,EAC5FN,GAAA,CAAA,MAAA,EAAA;AACEO,IAAAA,CAAC,EAAC,ocAAoc;AACtcH,IAAAA,IAAI,EAAC;GACN;AAAC,CACC,CACN;AASD,MAAMI,qBAAoE,GAAG;AAC3E,EAAA,CAAC,EAAE;AACDC,IAAAA,gBAAgB,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AACxCC,IAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AAC9BC,IAAAA,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS;GACpC;AACD,EAAA,CAAC,EAAE;AACDF,IAAAA,gBAAgB,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AACxCC,IAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AAC9BC,IAAAA,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS;GACpC;AACD,EAAA,CAAC,EAAE;AACDF,IAAAA,gBAAgB,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AACxCC,IAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS;GAC9B;AACD,EAAA,CAAC,EAAE;AACDD,IAAAA,gBAAgB,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;AACxCC,IAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS;GAC9B;AACD,EAAA,CAAC,EAAE;AACDD,IAAAA,gBAAgB,EAAE,CAAC,SAAS,EAAE,uBAAuB,CAAC;AACtDC,IAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS;AAC/B;AACF,CAAC;AAuCD,MAAME,aAAa,GAAGC,cAAK,CAACC,UAAU,CAA0B,SAASF,aAAaA,CACpF;EACEG,QAAQ;EACRC,KAAK;EACLC,IAAI;AACJC,EAAAA,QAAQ,GAAG,EAAE;AACbC,EAAAA,UAAU,GAAG,GAAG;AAChBjB,EAAAA,MAAM,GAAG,EAAE;AACXkB,EAAAA,iBAAiB,GAAG,CAAC;AACrBC,EAAAA,eAAe,GAAG,CAAC;EACnB,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,KAAK,GAAGhB,qBAAqB,CAACO,QAAQ,CAAC,IAAIP,qBAAqB,CAAC,CAAC,CAAC;EAEzE,OACER,GAAA,CAACyB,KAAK,EAAA;AACJC,IAAAA,GAAG,EAAEH,YAAa;IAClBI,SAAS,EAAEV,IAAI,KAAKW,SAAS,GAAG5B,GAAA,CAACD,eAAe,EAAA,EAAE,CAAC,GAAGkB,IAAK;AAC3DY,IAAAA,YAAY,EAAEb,KAAM;IACpBP,gBAAgB,EAAEe,KAAK,CAACf,gBAAiB;IACzCC,MAAM,EAAEc,KAAK,CAACd,MAAO;IACrBC,YAAY,EAAEa,KAAK,CAACb,YAAa;AACjCO,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,UAAU,EAAEA,UAAW;AACvBjB,IAAAA,MAAM,EAAEA,MAAO;AACfkB,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,IAAAA,eAAe,EAAEA,eAAgB;IAAA,GAC7BC;AAAI,GACT,CAAC;AAEN,CAAC;;;;"}

package/build/data/SeverityBadge/index.js

@@ -0,0 +1,2 @@
+export { default } from './SeverityBadge.js';
+//# sourceMappingURL=index.js.map

package/build/data/SeverityBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/data/Tab/Tab.js

@@ -1,25 +1,19 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
 import React__default from 'react';
 import { Tab as Tab$1 } from './Tab.styled.js';
+import { jsx } from 'react/jsx-runtime';
 
 const Tab = React__default.forwardRef(function Tab({
   children,
-  hidden,
+  hidden = false,
   ...props
 }, forwardedRef) {
   if (hidden) return null;
-  return React__default.createElement(Tab$1, _extends({
-    ref: forwardedRef
-  }, props), children);
+  return jsx(Tab$1, {
+    ref: forwardedRef,
+    ...props,
+    children: children
+  });
 });
-Tab.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.any,
-  hidden: PropTypes.bool
-} : {};
-Tab.defaultProps = {
-  hidden: false
-};
 
 export { Tab as default };
 //# sourceMappingURL=Tab.js.map