@bigbinary/neeto-molecules 4.1.54 → 4.1.56

package/dist/v2/CopyToClipboardButton.js

@@ -2,11 +2,11 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { useState, useRef, useEffect, useLayoutEffect } from 'react';
-import { Button, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@bigbinary/neeto-atoms';
+import { Button, Tooltip } from '@bigbinary/neeto-atoms';
 import classnames from 'classnames';
 import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { useTranslation } from 'react-i18next';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
 
 /**
@@ -90,30 +90,24 @@ var CopyToClipboardButton = function CopyToClipboardButton(_ref) {
   var currentTooltipContent = isChecked ? successTooltipContent || t("neetoMolecules.common.copied") : tooltipContent || t("neetoMolecules.common.copy");
   var buttonLabel = isChecked && label ? successLabel || t("neetoMolecules.common.copied") : label;
   var ButtonIcon = isChecked ? Check : Icon;
-  var button = /*#__PURE__*/jsxs(Button, _objectSpread(_objectSpread({
+  var button = /*#__PURE__*/jsx(Button, _objectSpread({
     ref: ref,
     "data-testid": "copy-to-clipboard-button",
+    icon: ButtonIcon,
+    iconPosition: "left",
+    label: buttonLabel || undefined,
     size: resolvedSize,
     variant: isChecked ? "default" : variant,
     className: classnames("neeto-molecules-copy-button", isChecked && "neeto-molecules-copy-button--active", className),
     onClick: onHandleClick
-  }, otherProps), {}, {
-    children: [/*#__PURE__*/jsx(ButtonIcon, {
-      size: 16
-    }), buttonLabel]
-  }));
+  }, otherProps));
   if (label) return button;
-  return /*#__PURE__*/jsx(TooltipProvider, {
-    children: /*#__PURE__*/jsxs(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
-      children: [/*#__PURE__*/jsx(TooltipTrigger, {
-        asChild: true,
-        children: button
-      }), /*#__PURE__*/jsx(TooltipContent, {
-        side: "top",
-        children: currentTooltipContent
-      })]
-    }))
-  });
+  return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
+    content: currentTooltipContent,
+    position: "top"
+  }, tooltipProps), {}, {
+    children: button
+  }));
 };
 
 export { CopyToClipboardButton as default };

package/dist/v2/CopyToClipboardButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardButton.js","sources":["../../node_modules/lucide-react/dist/esm/icons/check.js","../../node_modules/lucide-react/dist/esm/icons/copy.js","../../src/v2/components/CopyToClipboardButton/constants.js","../../src/v2/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M20 6 9 17l-5-5\", key: \"1gmf2c\" }]];\nconst Check = createLucideIcon(\"check\", __iconNode);\n\nexport { __iconNode, Check as default };\n//# sourceMappingURL=check.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.js.map\n","const TIME_OUT = 2000;\n\nexport { TIME_OUT };\n","import { useState, useEffect, useLayoutEffect, useRef } from \"react\";\n\nimport {\n  Button,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { Copy, Check } from \"lucide-react\";\nimport { copyToClipboard } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TIME_OUT } from \"./constants\";\n\nconst CopyToClipboardButton = ({\n  className,\n  icon: Icon = Copy,\n  label = \"\",\n  successLabel,\n  tooltipContent,\n  successTooltipContent,\n  value,\n  variant = \"outline\",\n  size,\n  tooltipProps,\n  onClick,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const ref = useRef();\n  const timerRef = useRef();\n\n  const resolvedSize = size || (label ? \"default\" : \"icon\");\n\n  const onHandleClick = event => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (onClick) onClick(event);\n    else copyToClipboard(value, { showToastr: false });\n\n    clearTimeout(timerRef.current);\n    setIsChecked(true);\n    timerRef.current = setTimeout(() => {\n      setIsChecked(false);\n    }, TIME_OUT);\n  };\n\n  useEffect(() => () => clearTimeout(timerRef.current), []);\n\n  useLayoutEffect(() => {\n    if (!ref.current) return;\n    ref.current.style.minWidth = \"\";\n    const buttonWidth = ref.current.clientWidth;\n    ref.current.style.minWidth = `${buttonWidth}px`;\n  }, [resolvedSize, label]);\n\n  const currentTooltipContent = isChecked\n    ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n    : tooltipContent || t(\"neetoMolecules.common.copy\");\n\n  const buttonLabel =\n    isChecked && label\n      ? successLabel || t(\"neetoMolecules.common.copied\")\n      : label;\n  const ButtonIcon = isChecked ? Check : Icon;\n\n  const button = (\n    <Button\n      {...{ ref }}\n      data-testid=\"copy-to-clipboard-button\"\n      size={resolvedSize}\n      variant={isChecked ? \"default\" : variant}\n      className={classnames(\n        \"neeto-molecules-copy-button\",\n        isChecked && \"neeto-molecules-copy-button--active\",\n        className\n      )}\n      onClick={onHandleClick}\n      {...otherProps}\n    >\n      <ButtonIcon size={16} />\n      {buttonLabel}\n    </Button>\n  );\n\n  if (label) return button;\n\n  return (\n    <TooltipProvider>\n      <Tooltip {...tooltipProps}>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent side=\"top\">{currentTooltipContent}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n\nCopyToClipboardButton.propTypes = {\n  className: PropTypes.string,\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  label: PropTypes.string,\n  successLabel: PropTypes.string,\n  value: PropTypes.string,\n  variant: PropTypes.string,\n  size: PropTypes.string,\n  tooltipContent: PropTypes.string,\n  successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["__iconNode","TIME_OUT","CopyToClipboardButton","_ref","className","_ref$icon","icon","Icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","_ref$variant","variant","size","tooltipProps","onClick","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","timerRef","resolvedSize","onHandleClick","event","preventDefault","stopPropagation","copyToClipboard","showToastr","clearTimeout","current","setTimeout","useEffect","useLayoutEffect","style","minWidth","buttonWidth","clientWidth","concat","currentTooltipContent","buttonLabel","ButtonIcon","Check","button","_jsxs","Button","_objectSpread","classnames","children","_jsx","TooltipProvider","Tooltip","TooltipTrigger","asChild","TooltipContent","side"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAMA,YAAU,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iBAAiB,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;AACtE,MAAM,KAAK,GAAG,gBAAgB,CAAC,OAAO,EAAEA,YAAU,CAAC;;ACVnD;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC1F,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,yDAAyD,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC1F,CAAC;AACD,MAAM,IAAI,GAAG,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC;;ACbjD,IAAMC,QAAQ,GAAG,IAAI;;;;;ACiBrB,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAarB;AAAA,EAAA,IAZJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,SAAA,GAAAF,IAAA,CACTG,IAAI;AAAEC,IAAAA,IAAI,GAAAF,SAAA,KAAA,MAAA,GAAGG,IAAI,GAAAH,SAAA;IAAAI,UAAA,GAAAN,IAAA,CACjBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;IACVE,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,cAAc,GAAAT,IAAA,CAAdS,cAAc;IACdC,qBAAqB,GAAAV,IAAA,CAArBU,qBAAqB;IACrBC,KAAK,GAAAX,IAAA,CAALW,KAAK;IAAAC,YAAA,GAAAZ,IAAA,CACLa,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,YAAA;IACnBE,IAAI,GAAAd,IAAA,CAAJc,IAAI;IACJC,YAAY,GAAAf,IAAA,CAAZe,YAAY;IACZC,OAAO,GAAAhB,IAAA,CAAPgB,OAAO;AACJC,IAAAA,UAAU,GAAAC,wBAAA,CAAAlB,IAAA,EAAAmB,SAAA,CAAA;AAEb,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMI,GAAG,GAAGC,MAAM,EAAE;AACpB,EAAA,IAAMC,QAAQ,GAAGD,MAAM,EAAE;EAEzB,IAAME,YAAY,GAAGlB,IAAI,KAAKP,KAAK,GAAG,SAAS,GAAG,MAAM,CAAC;AAEzD,EAAA,IAAM0B,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK,EAAI;IAC7BA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACE,eAAe,EAAE;IAEvB,IAAIpB,OAAO,EAAEA,OAAO,CAACkB,KAAK,CAAC,CAAC,KACvBG,eAAe,CAAC1B,KAAK,EAAE;AAAE2B,MAAAA,UAAU,EAAE;AAAM,KAAC,CAAC;AAElDC,IAAAA,YAAY,CAACR,QAAQ,CAACS,OAAO,CAAC;IAC9BZ,YAAY,CAAC,IAAI,CAAC;AAClBG,IAAAA,QAAQ,CAACS,OAAO,GAAGC,UAAU,CAAC,YAAM;MAClCb,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,EAAE9B,QAAQ,CAAC;EACd,CAAC;AAED4C,EAAAA,SAAS,CAAC,YAAA;IAAA,OAAM,YAAA;AAAA,MAAA,OAAMH,YAAY,CAACR,QAAQ,CAACS,OAAO,CAAC;AAAA,IAAA,CAAA;AAAA,EAAA,CAAA,EAAE,EAAE,CAAC;AAEzDG,EAAAA,eAAe,CAAC,YAAM;AACpB,IAAA,IAAI,CAACd,GAAG,CAACW,OAAO,EAAE;AAClBX,IAAAA,GAAG,CAACW,OAAO,CAACI,KAAK,CAACC,QAAQ,GAAG,EAAE;AAC/B,IAAA,IAAMC,WAAW,GAAGjB,GAAG,CAACW,OAAO,CAACO,WAAW;IAC3ClB,GAAG,CAACW,OAAO,CAACI,KAAK,CAACC,QAAQ,GAAA,EAAA,CAAAG,MAAA,CAAMF,WAAW,EAAA,IAAA,CAAI;AACjD,EAAA,CAAC,EAAE,CAACd,YAAY,EAAEzB,KAAK,CAAC,CAAC;AAEzB,EAAA,IAAM0C,qBAAqB,GAAGtB,SAAS,GACnCjB,qBAAqB,IAAIY,CAAC,CAAC,8BAA8B,CAAC,GAC1Db,cAAc,IAAIa,CAAC,CAAC,4BAA4B,CAAC;AAErD,EAAA,IAAM4B,WAAW,GACfvB,SAAS,IAAIpB,KAAK,GACdC,YAAY,IAAIc,CAAC,CAAC,8BAA8B,CAAC,GACjDf,KAAK;AACX,EAAA,IAAM4C,UAAU,GAAGxB,SAAS,GAAGyB,KAAK,GAAGhD,IAAI;EAE3C,IAAMiD,MAAM,gBACVC,IAAA,CAACC,MAAM,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACC3B,IAAAA,GAAG,EAAHA,GAAG;AACT,IAAA,aAAA,EAAY,0BAA0B;AACtCf,IAAAA,IAAI,EAAEkB,YAAa;AACnBnB,IAAAA,OAAO,EAAEc,SAAS,GAAG,SAAS,GAAGd,OAAQ;IACzCZ,SAAS,EAAEwD,UAAU,CACnB,6BAA6B,EAC7B9B,SAAS,IAAI,qCAAqC,EAClD1B,SACF,CAAE;AACFe,IAAAA,OAAO,EAAEiB;AAAc,GAAA,EACnBhB,UAAU,CAAA,EAAA,EAAA,EAAA;IAAAyC,QAAA,EAAA,cAEdC,GAAA,CAACR,UAAU,EAAA;AAACrC,MAAAA,IAAI,EAAE;KAAK,CAAC,EACvBoC,WAAW;AAAA,GAAA,CACN,CACT;EAED,IAAI3C,KAAK,EAAE,OAAO8C,MAAM;EAExB,oBACEM,GAAA,CAACC,eAAe,EAAA;IAAAF,QAAA,eACdJ,IAAA,CAACO,OAAO,EAAAL,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAKzC,YAAY,CAAA,EAAA,EAAA,EAAA;MAAA2C,QAAA,EAAA,cACvBC,GAAA,CAACG,cAAc,EAAA;QAACC,OAAO,EAAA,IAAA;AAAAL,QAAAA,QAAA,EAAEL;AAAM,OAAiB,CAAC,eACjDM,GAAA,CAACK,cAAc,EAAA;AAACC,QAAAA,IAAI,EAAC,KAAK;AAAAP,QAAAA,QAAA,EAAET;AAAqB,OAAiB,CAAC;KAAA,CAC5D;AAAC,GACK,CAAC;AAEtB;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"CopyToClipboardButton.js","sources":["../../node_modules/lucide-react/dist/esm/icons/check.js","../../node_modules/lucide-react/dist/esm/icons/copy.js","../../src/v2/components/CopyToClipboardButton/constants.js","../../src/v2/components/CopyToClipboardButton/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [[\"path\", { d: \"M20 6 9 17l-5-5\", key: \"1gmf2c\" }]];\nconst Check = createLucideIcon(\"check\", __iconNode);\n\nexport { __iconNode, Check as default };\n//# sourceMappingURL=check.js.map\n","/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n  [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n];\nconst Copy = createLucideIcon(\"copy\", __iconNode);\n\nexport { __iconNode, Copy as default };\n//# sourceMappingURL=copy.js.map\n","const TIME_OUT = 2000;\n\nexport { TIME_OUT };\n","import { useState, useEffect, useLayoutEffect, useRef } from \"react\";\n\nimport { Button, Tooltip } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { Copy, Check } from \"lucide-react\";\nimport { copyToClipboard } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TIME_OUT } from \"./constants\";\n\nconst CopyToClipboardButton = ({\n  className,\n  icon: Icon = Copy,\n  label = \"\",\n  successLabel,\n  tooltipContent,\n  successTooltipContent,\n  value,\n  variant = \"outline\",\n  size,\n  tooltipProps,\n  onClick,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const [isChecked, setIsChecked] = useState(false);\n\n  const ref = useRef();\n  const timerRef = useRef();\n\n  const resolvedSize = size || (label ? \"default\" : \"icon\");\n\n  const onHandleClick = event => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (onClick) onClick(event);\n    else copyToClipboard(value, { showToastr: false });\n\n    clearTimeout(timerRef.current);\n    setIsChecked(true);\n    timerRef.current = setTimeout(() => {\n      setIsChecked(false);\n    }, TIME_OUT);\n  };\n\n  useEffect(() => () => clearTimeout(timerRef.current), []);\n\n  useLayoutEffect(() => {\n    if (!ref.current) return;\n    ref.current.style.minWidth = \"\";\n    const buttonWidth = ref.current.clientWidth;\n    ref.current.style.minWidth = `${buttonWidth}px`;\n  }, [resolvedSize, label]);\n\n  const currentTooltipContent = isChecked\n    ? successTooltipContent || t(\"neetoMolecules.common.copied\")\n    : tooltipContent || t(\"neetoMolecules.common.copy\");\n\n  const buttonLabel =\n    isChecked && label\n      ? successLabel || t(\"neetoMolecules.common.copied\")\n      : label;\n  const ButtonIcon = isChecked ? Check : Icon;\n\n  const button = (\n    <Button\n      {...{ ref }}\n      data-testid=\"copy-to-clipboard-button\"\n      icon={ButtonIcon}\n      iconPosition=\"left\"\n      label={buttonLabel || undefined}\n      size={resolvedSize}\n      variant={isChecked ? \"default\" : variant}\n      className={classnames(\n        \"neeto-molecules-copy-button\",\n        isChecked && \"neeto-molecules-copy-button--active\",\n        className\n      )}\n      onClick={onHandleClick}\n      {...otherProps}\n    />\n  );\n\n  if (label) return button;\n\n  return (\n    <Tooltip content={currentTooltipContent} position=\"top\" {...tooltipProps}>\n      {button}\n    </Tooltip>\n  );\n};\n\nCopyToClipboardButton.propTypes = {\n  className: PropTypes.string,\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  label: PropTypes.string,\n  successLabel: PropTypes.string,\n  value: PropTypes.string,\n  variant: PropTypes.string,\n  size: PropTypes.string,\n  tooltipContent: PropTypes.string,\n  successTooltipContent: PropTypes.string,\n};\n\nexport default CopyToClipboardButton;\n"],"names":["__iconNode","TIME_OUT","CopyToClipboardButton","_ref","className","_ref$icon","icon","Icon","Copy","_ref$label","label","successLabel","tooltipContent","successTooltipContent","value","_ref$variant","variant","size","tooltipProps","onClick","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","ref","useRef","timerRef","resolvedSize","onHandleClick","event","preventDefault","stopPropagation","copyToClipboard","showToastr","clearTimeout","current","setTimeout","useEffect","useLayoutEffect","style","minWidth","buttonWidth","clientWidth","concat","currentTooltipContent","buttonLabel","ButtonIcon","Check","button","_jsx","Button","_objectSpread","iconPosition","undefined","classnames","Tooltip","content","position","children"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/v2/FloatingActionMenu.js

@@ -4,7 +4,8 @@ import { memo, useState, useRef, useEffect, useMemo, forwardRef, useCallback } f
 import { globalProps as globalProps$1 } from '@bigbinary/neeto-commons-frontend/initializers';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { Spinner, Input, Dialog, DialogContent, DialogTitle, Popover, PopoverAnchor, PopoverContent, Badge, Avatar, AvatarImage, AvatarFallback, Separator } from '@bigbinary/neeto-atoms';
+import { Spinner, Input, Dialog, Badge, Avatar } from '@bigbinary/neeto-atoms';
+import { Popover, PopoverAnchor, PopoverContent, Separator } from '@bigbinary/neeto-atoms/primitives';
 import { isNotEmpty, isNotPresent, isPresent, truncate, humanize } from '@bigbinary/neeto-cist';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Profile from '@bigbinary/neeto-team-members-frontend/Profile';
@@ -490,23 +491,19 @@ var Menu = function Menu(_ref) {
 var Modal = function Modal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/jsx(Dialog, {
-    open: isOpen,
-    onOpenChange: function onOpenChange(open) {
-      return !open && onClose();
-    },
-    children: /*#__PURE__*/jsxs(DialogContent, {
-      "aria-describedby": undefined,
-      className: "sm:max-w-4xl",
-      showCloseButton: false,
-      children: [/*#__PURE__*/jsx(DialogTitle, {
-        className: "sr-only",
-        children: "Product Switcher"
-      }), /*#__PURE__*/jsx("div", {
-        "data-testid": "product-switcher-modal",
-        children: /*#__PURE__*/jsx(Menu, {})
-      })]
-    })
+  return /*#__PURE__*/jsxs(Dialog, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    className: "sm:max-w-4xl",
+    closeButton: false,
+    children: [/*#__PURE__*/jsx(Dialog.Title, {
+      className: "sr-only",
+      children: "Product Switcher"
+    }), /*#__PURE__*/jsx("div", {
+      "data-testid": "product-switcher-modal",
+      children: /*#__PURE__*/jsx(Menu, {})
+    })]
   });
 };
 
@@ -863,11 +860,6 @@ var ProductSwitcher = function ProductSwitcher(_ref) {
 
 var MENU_ITEM_CLASS = "flex h-9 w-full items-center gap-2 neeto-ui-rounded-md px-2.5 text-sm font-medium hover:bg-accent";
 
-var getInitials$1 = function getInitials(name) {
-  return (name || "").split(" ").filter(Boolean).map(function (n) {
-    return n[0];
-  }).join("").toUpperCase().slice(0, 2);
-};
 var ProfileHeader = function ProfileHeader(_ref) {
   var profileInfo = _ref.profileInfo;
   var name = profileInfo.name,
@@ -876,15 +868,13 @@ var ProfileHeader = function ProfileHeader(_ref) {
   return /*#__PURE__*/jsxs("span", {
     className: "flex w-full min-w-0 items-center gap-2 text-start",
     "data-testid": "floating-action-menu-profile-header",
-    children: [/*#__PURE__*/jsxs(Avatar, {
+    children: [/*#__PURE__*/jsx(Avatar, {
       className: "size-8 shrink-0",
       "data-testid": "floating-action-menu-header-profile-icon",
-      children: [/*#__PURE__*/jsx(AvatarImage, {
-        alt: name,
-        src: imageUrl
-      }), /*#__PURE__*/jsx(AvatarFallback, {
-        children: getInitials$1(name)
-      })]
+      user: {
+        name: name,
+        imageUrl: imageUrl
+      }
     }), /*#__PURE__*/jsxs("span", {
       className: "flex min-w-0 flex-grow flex-col gap-1",
       children: [/*#__PURE__*/jsx("span", {
@@ -1319,11 +1309,6 @@ var ProfileMenu = function ProfileMenu(_ref) {
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var getInitials = function getInitials(name) {
-  return (name || "").split(" ").filter(Boolean).map(function (n) {
-    return n[0];
-  }).join("").toUpperCase().slice(0, 2);
-};
 var ProfileButton = function ProfileButton(_ref) {
   var profileInfoOverrides = _ref.profileInfoOverrides,
     showProductSwitcher = _ref.showProductSwitcher,
@@ -1417,16 +1402,13 @@ var ProfileButton = function ProfileButton(_ref) {
           type: "button",
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
-          children: [/*#__PURE__*/jsxs(Avatar, {
+          children: [/*#__PURE__*/jsx(Avatar, {
             className: "size-[1.625rem] shrink-0 rounded-full border-2 border-white",
             "data-testid": "profile-avatar",
-            children: [/*#__PURE__*/jsx(AvatarImage, {
-              alt: profileInfo.name,
-              src: profileInfo.imageUrl
-            }), /*#__PURE__*/jsx(AvatarFallback, {
-              className: "text-[10px]",
-              children: getInitials(profileInfo.name)
-            })]
+            user: {
+              name: profileInfo.name,
+              imageUrl: profileInfo.imageUrl
+            }
           }), /*#__PURE__*/jsx("span", {
             className: "flex size-[1.625rem] items-center justify-center rounded-full bg-white",
             children: /*#__PURE__*/jsx(CircleQuestionMark, {