@bigbinary/neeto-molecules 4.1.55 → 4.1.56

package/dist/cjs/v2/Breadcrumbs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var neetoAtoms = require('@bigbinary/neeto-atoms');
+var primitives = require('@bigbinary/neeto-atoms/primitives');
 var classnames = require('classnames');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
@@ -15,10 +15,10 @@ var Breadcrumbs = reactUtils.withT(function (_ref) {
     _ref$hasTrailingSepar = _ref.hasTrailingSeparator,
     hasTrailingSeparator = _ref$hasTrailingSepar === void 0 ? false : _ref$hasTrailingSepar,
     className = _ref.className;
-  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Breadcrumb, {
+  return /*#__PURE__*/jsxRuntime.jsx(primitives.Breadcrumb, {
     "aria-label": t("neetoMolecules.breadcrumbs.breadcrumbAriaLabel"),
     className: classnames("mb-4", className),
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.BreadcrumbList, {
+    children: /*#__PURE__*/jsxRuntime.jsx(primitives.BreadcrumbList, {
       children: breadcrumbs.map(function (_ref2, index) {
         var text = _ref2.text,
           _ref2$link = _ref2.link,
@@ -26,12 +26,12 @@ var Breadcrumbs = reactUtils.withT(function (_ref) {
         var isLast = index + 1 === breadcrumbs.length;
         var isCurrentPage = isLast && !hasTrailingSeparator;
         return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.BreadcrumbItem, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(primitives.BreadcrumbItem, {
             "data-testid": "header-breadcrumb",
-            children: isCurrentPage ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.BreadcrumbPage, {
+            children: isCurrentPage ? /*#__PURE__*/jsxRuntime.jsx(primitives.BreadcrumbPage, {
               "data-testid": "".concat(general.hyphenize(text), "-breadcrumb"),
               children: text
-            }) : /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.BreadcrumbLink, {
+            }) : /*#__PURE__*/jsxRuntime.jsx(primitives.BreadcrumbLink, {
               asChild: true,
               children: /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Link, {
                 "data-testid": "".concat(general.hyphenize(text), "-breadcrumb"),
@@ -39,7 +39,7 @@ var Breadcrumbs = reactUtils.withT(function (_ref) {
                 children: text
               })
             })
-          }), !isCurrentPage && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.BreadcrumbSeparator, {})]
+          }), !isCurrentPage && /*#__PURE__*/jsxRuntime.jsx(primitives.BreadcrumbSeparator, {})]
         }, index);
       })
     })

package/dist/cjs/v2/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/v2/components/Breadcrumbs/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@bigbinary/neeto-atoms\";\nimport classNames from \"classnames\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nconst Breadcrumbs = withT(\n  ({ t, breadcrumbs = [], hasTrailingSeparator = false, className }) => (\n    <Breadcrumb\n      aria-label={t(\"neetoMolecules.breadcrumbs.breadcrumbAriaLabel\")}\n      className={classNames(\"mb-4\", className)}\n    >\n      <BreadcrumbList>\n        {breadcrumbs.map(({ text, link = \"#\" }, index) => {\n          const isLast = index + 1 === breadcrumbs.length;\n          const isCurrentPage = isLast && !hasTrailingSeparator;\n\n          return (\n            <React.Fragment key={index}>\n              <BreadcrumbItem data-testid=\"header-breadcrumb\">\n                {isCurrentPage ? (\n                  <BreadcrumbPage data-testid={`${hyphenize(text)}-breadcrumb`}>\n                    {text}\n                  </BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink asChild>\n                    <Link\n                      data-testid={`${hyphenize(text)}-breadcrumb`}\n                      to={link}\n                    >\n                      {text}\n                    </Link>\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isCurrentPage && <BreadcrumbSeparator />}\n            </React.Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n);\n\nBreadcrumbs.propTypes = {\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n};\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","withT","_ref","t","_ref$breadcrumbs","breadcrumbs","_ref$hasTrailingSepar","hasTrailingSeparator","className","_jsx","Breadcrumb","classNames","children","BreadcrumbList","map","_ref2","index","text","_ref2$link","link","isLast","length","isCurrentPage","_jsxs","React","Fragment","BreadcrumbItem","BreadcrumbPage","concat","hyphenize","BreadcrumbLink","asChild","Link","to","BreadcrumbSeparator"],"mappings":";;;;;;;;;;AAgBA,IAAMA,WAAW,GAAGC,gBAAK,CACvB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,gBAAA,GAAAF,IAAA,CAAEG,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,gBAAA;IAAAE,qBAAA,GAAAJ,IAAA,CAAEK,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAEE,SAAS,GAAAN,IAAA,CAATM,SAAS;EAAA,oBAC7DC,cAAA,CAACC,qBAAU,EAAA;IACT,YAAA,EAAYP,CAAC,CAAC,gDAAgD,CAAE;AAChEK,IAAAA,SAAS,EAAEG,UAAU,CAAC,MAAM,EAAEH,SAAS,CAAE;IAAAI,QAAA,eAEzCH,cAAA,CAACI,yBAAc,EAAA;MAAAD,QAAA,EACZP,WAAW,CAACS,GAAG,CAAC,UAAAC,KAAA,EAAuBC,KAAK,EAAK;AAAA,QAAA,IAA9BC,IAAI,GAAAF,KAAA,CAAJE,IAAI;UAAAC,UAAA,GAAAH,KAAA,CAAEI,IAAI;AAAJA,UAAAA,IAAI,GAAAD,UAAA,KAAA,MAAA,GAAG,GAAG,GAAAA,UAAA;QAClC,IAAME,MAAM,GAAGJ,KAAK,GAAG,CAAC,KAAKX,WAAW,CAACgB,MAAM;AAC/C,QAAA,IAAMC,aAAa,GAAGF,MAAM,IAAI,CAACb,oBAAoB;AAErD,QAAA,oBACEgB,eAAA,CAACC,KAAK,CAACC,QAAQ,EAAA;UAAAb,QAAA,EAAA,cACbH,cAAA,CAACiB,yBAAc,EAAA;AAAC,YAAA,aAAA,EAAY,mBAAmB;AAAAd,YAAAA,QAAA,EAC5CU,aAAa,gBACZb,cAAA,CAACkB,yBAAc,EAAA;AAAC,cAAA,aAAA,EAAA,EAAA,CAAAC,MAAA,CAAgBC,iBAAS,CAACZ,IAAI,CAAC,EAAA,aAAA,CAAc;AAAAL,cAAAA,QAAA,EAC1DK;AAAI,aACS,CAAC,gBAEjBR,cAAA,CAACqB,yBAAc,EAAA;cAACC,OAAO,EAAA,IAAA;cAAAnB,QAAA,eACrBH,cAAA,CAACuB,mBAAI,EAAA;AACH,gBAAA,aAAA,EAAA,EAAA,CAAAJ,MAAA,CAAgBC,iBAAS,CAACZ,IAAI,CAAC,EAAA,aAAA,CAAc;AAC7CgB,gBAAAA,EAAE,EAAEd,IAAK;AAAAP,gBAAAA,QAAA,EAERK;eACG;aACQ;WAEJ,CAAC,EAChB,CAACK,aAAa,iBAAIb,cAAA,CAACyB,8BAAmB,EAAA,EAAE,CAAC;AAAA,SAAA,EAjBvBlB,KAkBL,CAAC;MAErB,CAAC;KACa;AAAC,GACP,CAAC;AAAA,CAEjB;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/v2/components/Breadcrumbs/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport classNames from \"classnames\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nconst Breadcrumbs = withT(\n  ({ t, breadcrumbs = [], hasTrailingSeparator = false, className }) => (\n    <Breadcrumb\n      aria-label={t(\"neetoMolecules.breadcrumbs.breadcrumbAriaLabel\")}\n      className={classNames(\"mb-4\", className)}\n    >\n      <BreadcrumbList>\n        {breadcrumbs.map(({ text, link = \"#\" }, index) => {\n          const isLast = index + 1 === breadcrumbs.length;\n          const isCurrentPage = isLast && !hasTrailingSeparator;\n\n          return (\n            <React.Fragment key={index}>\n              <BreadcrumbItem data-testid=\"header-breadcrumb\">\n                {isCurrentPage ? (\n                  <BreadcrumbPage data-testid={`${hyphenize(text)}-breadcrumb`}>\n                    {text}\n                  </BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink asChild>\n                    <Link\n                      data-testid={`${hyphenize(text)}-breadcrumb`}\n                      to={link}\n                    >\n                      {text}\n                    </Link>\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isCurrentPage && <BreadcrumbSeparator />}\n            </React.Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n);\n\nBreadcrumbs.propTypes = {\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n};\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","withT","_ref","t","_ref$breadcrumbs","breadcrumbs","_ref$hasTrailingSepar","hasTrailingSeparator","className","_jsx","Breadcrumb","classNames","children","BreadcrumbList","map","_ref2","index","text","_ref2$link","link","isLast","length","isCurrentPage","_jsxs","React","Fragment","BreadcrumbItem","BreadcrumbPage","concat","hyphenize","BreadcrumbLink","asChild","Link","to","BreadcrumbSeparator"],"mappings":";;;;;;;;;;AAgBA,IAAMA,WAAW,GAAGC,gBAAK,CACvB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAAC,gBAAA,GAAAF,IAAA,CAAEG,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,gBAAA;IAAAE,qBAAA,GAAAJ,IAAA,CAAEK,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAEE,SAAS,GAAAN,IAAA,CAATM,SAAS;EAAA,oBAC7DC,cAAA,CAACC,qBAAU,EAAA;IACT,YAAA,EAAYP,CAAC,CAAC,gDAAgD,CAAE;AAChEK,IAAAA,SAAS,EAAEG,UAAU,CAAC,MAAM,EAAEH,SAAS,CAAE;IAAAI,QAAA,eAEzCH,cAAA,CAACI,yBAAc,EAAA;MAAAD,QAAA,EACZP,WAAW,CAACS,GAAG,CAAC,UAAAC,KAAA,EAAuBC,KAAK,EAAK;AAAA,QAAA,IAA9BC,IAAI,GAAAF,KAAA,CAAJE,IAAI;UAAAC,UAAA,GAAAH,KAAA,CAAEI,IAAI;AAAJA,UAAAA,IAAI,GAAAD,UAAA,KAAA,MAAA,GAAG,GAAG,GAAAA,UAAA;QAClC,IAAME,MAAM,GAAGJ,KAAK,GAAG,CAAC,KAAKX,WAAW,CAACgB,MAAM;AAC/C,QAAA,IAAMC,aAAa,GAAGF,MAAM,IAAI,CAACb,oBAAoB;AAErD,QAAA,oBACEgB,eAAA,CAACC,KAAK,CAACC,QAAQ,EAAA;UAAAb,QAAA,EAAA,cACbH,cAAA,CAACiB,yBAAc,EAAA;AAAC,YAAA,aAAA,EAAY,mBAAmB;AAAAd,YAAAA,QAAA,EAC5CU,aAAa,gBACZb,cAAA,CAACkB,yBAAc,EAAA;AAAC,cAAA,aAAA,EAAA,EAAA,CAAAC,MAAA,CAAgBC,iBAAS,CAACZ,IAAI,CAAC,EAAA,aAAA,CAAc;AAAAL,cAAAA,QAAA,EAC1DK;AAAI,aACS,CAAC,gBAEjBR,cAAA,CAACqB,yBAAc,EAAA;cAACC,OAAO,EAAA,IAAA;cAAAnB,QAAA,eACrBH,cAAA,CAACuB,mBAAI,EAAA;AACH,gBAAA,aAAA,EAAA,EAAA,CAAAJ,MAAA,CAAgBC,iBAAS,CAACZ,IAAI,CAAC,EAAA,aAAA,CAAc;AAC7CgB,gBAAAA,EAAE,EAAEd,IAAK;AAAAP,gBAAAA,QAAA,EAERK;eACG;aACQ;WAEJ,CAAC,EAChB,CAACK,aAAa,iBAAIb,cAAA,CAACyB,8BAAmB,EAAA,EAAE,CAAC;AAAA,SAAA,EAjBvBlB,KAkBL,CAAC;MAErB,CAAC;KACa;AAAC,GACP,CAAC;AAAA,CAEjB;;;;"}

package/dist/cjs/v2/Columns.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Columns = require('../Columns-D3eocaeY.js');
+var Columns = require('../Columns-ZySdkGqV.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('@bigbinary/neeto-atoms');
+require('@bigbinary/neeto-atoms/primitives');
 require('@dnd-kit/core');
 require('@dnd-kit/sortable');
 require('i18next');

package/dist/cjs/v2/Columns.js.map

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

package/dist/cjs/v2/ConfigurePageSidebar.js

@@ -2,9 +2,9 @@
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
-var neetoAtoms = require('@bigbinary/neeto-atoms');
+var primitives = require('@bigbinary/neeto-atoms/primitives');
 var reactRouterDom = require('react-router-dom');
-var ConfigureView = require('../ConfigureView-DGf7cRMQ.js');
+var ConfigureView = require('../ConfigureView-CAWRNNYI.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/objectWithoutProperties');
@@ -13,6 +13,7 @@ require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-commons-frontend/utils/general');
 require('ramda');
 require('@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint');
+require('@bigbinary/neeto-atoms');
 require('classnames');
 require('@bigbinary/neeto-filters-frontend/Segments');
 require('../createLucideIcon-DBDhE7kE.js');
@@ -29,16 +30,16 @@ var ConfigurePageSidebar = function ConfigurePageSidebar(_ref) {
   var handleConfigureLinkClick = function handleConfigureLinkClick() {
     history.push(configurePageRoute);
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.SidebarProvider, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.SidebarProvider, {
     className: "!w-auto",
     open: !isSidebarCollapsed,
     onOpenChange: function onOpenChange(open) {
       return setIsSidebarCollapsed(!open);
     },
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sidebar, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.Sidebar, {
       collapsible: "offcanvas",
       side: document.documentElement.dir === "rtl" ? "right" : "left",
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.SidebarContent, {
+      children: /*#__PURE__*/jsxRuntime.jsx(primitives.SidebarContent, {
         children: /*#__PURE__*/jsxRuntime.jsx(ConfigureView.ConfigureView, {
           isConfigureSidebar: true,
           handleGoBack: handleConfigureLinkClick,
@@ -48,7 +49,7 @@ var ConfigurePageSidebar = function ConfigurePageSidebar(_ref) {
           }
         })
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.SidebarTrigger, {})]
+    }), /*#__PURE__*/jsxRuntime.jsx(primitives.SidebarTrigger, {})]
   });
 };
 

package/dist/cjs/v2/ConfigurePageSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurePageSidebar.js","sources":["../../../src/v2/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@bigbinary/neeto-atoms\";\nimport PropTypes from \"prop-types\";\nimport { useHistory } from \"react-router-dom\";\n\nimport ConfigureView from \"./Sidebar/Components/ConfigureView\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <SidebarProvider\n      className=\"!w-auto\"\n      open={!isSidebarCollapsed}\n      onOpenChange={open => setIsSidebarCollapsed(!open)}\n    >\n      <Sidebar\n        collapsible=\"offcanvas\"\n        side={document.documentElement.dir === \"rtl\" ? \"right\" : \"left\"}\n      >\n        <SidebarContent>\n          <ConfigureView\n            isConfigureSidebar\n            handleGoBack={handleConfigureLinkClick}\n            navLink={{ label, items }}\n          />\n        </SidebarContent>\n      </Sidebar>\n      <SidebarTrigger />\n    </SidebarProvider>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  configurePageRoute: PropTypes.string,\n  label: PropTypes.string,\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarCollapsed","setIsSidebarCollapsed","handleConfigureLinkClick","push","_jsxs","SidebarProvider","className","open","onOpenChange","children","_jsx","Sidebar","collapsible","side","document","documentElement","dir","SidebarContent","ConfigureView","isConfigureSidebar","handleGoBack","navLink","SidebarTrigger"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAIpB;AAAA,EAAA,IAHJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACKC,KAAK,GAAAF,IAAA,CAAfG,QAAQ;IACRC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;AAElB,EAAA,IAAMC,OAAO,GAAGC,yBAAU,EAAE;AAC5B,EAAA,IAAAC,SAAA,GAAoDC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEhD,EAAA,IAAMI,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAS;AACrCR,IAAAA,OAAO,CAACS,IAAI,CAACV,kBAAkB,CAAC;EAClC,CAAC;EAED,oBACEW,eAAA,CAACC,0BAAe,EAAA;AACdC,IAAAA,SAAS,EAAC,SAAS;IACnBC,IAAI,EAAE,CAACP,kBAAmB;AAC1BQ,IAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAED,IAAI,EAAA;AAAA,MAAA,OAAIN,qBAAqB,CAAC,CAACM,IAAI,CAAC;IAAA,CAAC;IAAAE,QAAA,EAAA,cAEnDC,cAAA,CAACC,kBAAO,EAAA;AACNC,MAAAA,WAAW,EAAC,WAAW;MACvBC,IAAI,EAAEC,QAAQ,CAACC,eAAe,CAACC,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,MAAO;MAAAP,QAAA,eAEhEC,cAAA,CAACO,yBAAc,EAAA;QAAAR,QAAA,eACbC,cAAA,CAACQ,2BAAa,EAAA;UACZC,kBAAkB,EAAA,IAAA;AAClBC,UAAAA,YAAY,EAAElB,wBAAyB;AACvCmB,UAAAA,OAAO,EAAE;AAAE/B,YAAAA,KAAK,EAALA,KAAK;AAAEC,YAAAA,KAAK,EAALA;AAAM;SACzB;OACa;AAAC,KACV,CAAC,eACVmB,cAAA,CAACY,yBAAc,IAAE,CAAC;AAAA,GACH,CAAC;AAEtB;;;;"}
+{"version":3,"file":"ConfigurePageSidebar.js","sources":["../../../src/v2/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@bigbinary/neeto-atoms/primitives\";\nimport PropTypes from \"prop-types\";\nimport { useHistory } from \"react-router-dom\";\n\nimport ConfigureView from \"./Sidebar/Components/ConfigureView\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <SidebarProvider\n      className=\"!w-auto\"\n      open={!isSidebarCollapsed}\n      onOpenChange={open => setIsSidebarCollapsed(!open)}\n    >\n      <Sidebar\n        collapsible=\"offcanvas\"\n        side={document.documentElement.dir === \"rtl\" ? \"right\" : \"left\"}\n      >\n        <SidebarContent>\n          <ConfigureView\n            isConfigureSidebar\n            handleGoBack={handleConfigureLinkClick}\n            navLink={{ label, items }}\n          />\n        </SidebarContent>\n      </Sidebar>\n      <SidebarTrigger />\n    </SidebarProvider>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  configurePageRoute: PropTypes.string,\n  label: PropTypes.string,\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","_useState","useState","_useState2","_slicedToArray","isSidebarCollapsed","setIsSidebarCollapsed","handleConfigureLinkClick","push","_jsxs","SidebarProvider","className","open","onOpenChange","children","_jsx","Sidebar","collapsible","side","document","documentElement","dir","SidebarContent","ConfigureView","isConfigureSidebar","handleGoBack","navLink","SidebarTrigger"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAIpB;AAAA,EAAA,IAHJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACKC,KAAK,GAAAF,IAAA,CAAfG,QAAQ;IACRC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;AAElB,EAAA,IAAMC,OAAO,GAAGC,yBAAU,EAAE;AAC5B,EAAA,IAAAC,SAAA,GAAoDC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5DI,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEhD,EAAA,IAAMI,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAS;AACrCR,IAAAA,OAAO,CAACS,IAAI,CAACV,kBAAkB,CAAC;EAClC,CAAC;EAED,oBACEW,eAAA,CAACC,0BAAe,EAAA;AACdC,IAAAA,SAAS,EAAC,SAAS;IACnBC,IAAI,EAAE,CAACP,kBAAmB;AAC1BQ,IAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAED,IAAI,EAAA;AAAA,MAAA,OAAIN,qBAAqB,CAAC,CAACM,IAAI,CAAC;IAAA,CAAC;IAAAE,QAAA,EAAA,cAEnDC,cAAA,CAACC,kBAAO,EAAA;AACNC,MAAAA,WAAW,EAAC,WAAW;MACvBC,IAAI,EAAEC,QAAQ,CAACC,eAAe,CAACC,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,MAAO;MAAAP,QAAA,eAEhEC,cAAA,CAACO,yBAAc,EAAA;QAAAR,QAAA,eACbC,cAAA,CAACQ,2BAAa,EAAA;UACZC,kBAAkB,EAAA,IAAA;AAClBC,UAAAA,YAAY,EAAElB,wBAAyB;AACvCmB,UAAAA,OAAO,EAAE;AAAE/B,YAAAA,KAAK,EAALA,KAAK;AAAEC,YAAAA,KAAK,EAALA;AAAM;SACzB;OACa;AAAC,KACV,CAAC,eACVmB,cAAA,CAACY,yBAAc,IAAE,CAAC;AAAA,GACH,CAAC;AAEtB;;;;"}

package/dist/cjs/v2/CopyToClipboardButton.js

@@ -92,30 +92,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__*/jsxRuntime.jsxs(neetoAtoms.Button, _objectSpread(_objectSpread({
+  var button = /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.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__*/jsxRuntime.jsx(ButtonIcon, {
-      size: 16
-    }), buttonLabel]
-  }));
+  }, otherProps));
   if (label) return button;
-  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipProvider, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipTrigger, {
-        asChild: true,
-        children: button
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipContent, {
-        side: "top",
-        children: currentTooltipContent
-      })]
-    }))
-  });
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, _objectSpread(_objectSpread({
+    content: currentTooltipContent,
+    position: "top"
+  }, tooltipProps), {}, {
+    children: button
+  }));
 };
 
 module.exports = CopyToClipboardButton;

package/dist/cjs/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","createLucideIcon","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":"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","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","createLucideIcon","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/cjs/v2/FloatingActionMenu.js

@@ -7,6 +7,7 @@ var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
+var primitives = require('@bigbinary/neeto-atoms/primitives');
 var neetoCist = require('@bigbinary/neeto-cist');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var Profile = require('@bigbinary/neeto-team-members-frontend/Profile');
@@ -511,23 +512,19 @@ var Menu = function Menu(_ref) {
 var Modal = function Modal(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose;
-  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog, {
-    open: isOpen,
-    onOpenChange: function onOpenChange(open) {
-      return !open && onClose();
-    },
-    children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.DialogContent, {
-      "aria-describedby": undefined,
-      className: "sm:max-w-4xl",
-      showCloseButton: false,
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DialogTitle, {
-        className: "sr-only",
-        children: "Product Switcher"
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        "data-testid": "product-switcher-modal",
-        children: /*#__PURE__*/jsxRuntime.jsx(Menu, {})
-      })]
-    })
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    className: "sm:max-w-4xl",
+    closeButton: false,
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+      className: "sr-only",
+      children: "Product Switcher"
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      "data-testid": "product-switcher-modal",
+      children: /*#__PURE__*/jsxRuntime.jsx(Menu, {})
+    })]
   });
 };
 
@@ -575,10 +572,10 @@ var HelpMenu = function HelpMenu() {
       return setOpen(false);
     }, 150);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton$4, {
         onClick: function onClick() {
@@ -589,7 +586,7 @@ var HelpMenu = function HelpMenu() {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.PopoverContent, {
       align: "center",
       className: "z-[99999] w-56 gap-0.5 p-1",
       side: "right",
@@ -755,10 +752,10 @@ var OrganizationSwitcher = function OrganizationSwitcher() {
       return false;
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton$3, {
         onClick: function onClick() {
@@ -769,7 +766,7 @@ var OrganizationSwitcher = function OrganizationSwitcher() {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.PopoverContent, {
       align: "center",
       className: "z-[99999] w-56 gap-0.5 p-1",
       side: "right",
@@ -840,10 +837,10 @@ var Dropdown = function Dropdown() {
       return setOpen(false);
     }, 150);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton$2, {
         onClick: function onClick() {
@@ -854,7 +851,7 @@ var Dropdown = function Dropdown() {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsx(primitives.PopoverContent, {
       align: "start",
       className: "z-[99999] w-[calc(100vw-25rem)] max-w-none overflow-y-auto rounded-xl p-0",
       collisionPadding: 16,
@@ -884,11 +881,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,
@@ -897,15 +889,13 @@ var ProfileHeader = function ProfileHeader(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: "flex w-full min-w-0 items-center gap-2 text-start",
     "data-testid": "floating-action-menu-profile-header",
-    children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Avatar, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Avatar, {
       className: "size-8 shrink-0",
       "data-testid": "floating-action-menu-header-profile-icon",
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.AvatarImage, {
-        alt: name,
-        src: imageUrl
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.AvatarFallback, {
-        children: getInitials$1(name)
-      })]
+      user: {
+        name: name,
+        imageUrl: imageUrl
+      }
     }), /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: "flex min-w-0 flex-grow flex-col gap-1",
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
@@ -992,10 +982,10 @@ var ProfileExpandMenu = function ProfileExpandMenu(_ref) {
       return setOpen(false);
     }, 150);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton$1, {
         profileInfo: profileInfo,
@@ -1007,7 +997,7 @@ var ProfileExpandMenu = function ProfileExpandMenu(_ref) {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.PopoverContent, {
       align: "center",
       className: "z-[99999] w-56 gap-0.5 p-1",
       side: "right",
@@ -1191,10 +1181,10 @@ var WorkspaceMenu = function WorkspaceMenu() {
       return setOpen(false);
     }, 150);
   }, []);
-  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
     open: open,
     onOpenChange: setOpen,
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
       asChild: true,
       children: /*#__PURE__*/jsxRuntime.jsx(MenuButton, {
         onClick: function onClick() {
@@ -1205,7 +1195,7 @@ var WorkspaceMenu = function WorkspaceMenu() {
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave
       })
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.PopoverContent, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.PopoverContent, {
       align: "center",
       className: "z-[99999] w-56 gap-0.5 p-1",
       side: "right",
@@ -1303,27 +1293,27 @@ var ProfileMenu = function ProfileMenu(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx(LinkSection, {
         links: defaultLinks
       }), neetoCist.isNotEmpty(topLinks) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
           className: "my-2"
         }), /*#__PURE__*/jsxRuntime.jsx(LinkSection, {
           links: topLinks
         })]
       }), neetoCist.isPresent(customContent) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
           className: "my-2"
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "px-3 py-1",
           children: customContent
         })]
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+      }), /*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
         className: "my-2"
-      }), ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.isOwner) && /*#__PURE__*/jsxRuntime.jsx(WorkspaceMenu, {}), isOrganizationSwitcherEnabled && /*#__PURE__*/jsxRuntime.jsx(OrganizationSwitcher, {}), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+      }), ((_globalProps$user4 = globalProps.user) === null || _globalProps$user4 === void 0 ? void 0 : _globalProps$user4.isOwner) && /*#__PURE__*/jsxRuntime.jsx(WorkspaceMenu, {}), isOrganizationSwitcherEnabled && /*#__PURE__*/jsxRuntime.jsx(OrganizationSwitcher, {}), /*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
         className: "my-2"
       }), neetoCist.isPresent((_globalProps$user5 = globalProps.user) === null || _globalProps$user5 === void 0 ? void 0 : _globalProps$user5.subscriptionPlan) && /*#__PURE__*/jsxRuntime.jsx(LinkSection, {
         links: [subscriptionPlanLink]
       }), showProductSwitcher && /*#__PURE__*/jsxRuntime.jsx(ProductSwitcher, {
         toggleModal: toggleModal
-      }), /*#__PURE__*/jsxRuntime.jsx(HelpMenu, {}), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+      }), /*#__PURE__*/jsxRuntime.jsx(HelpMenu, {}), /*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
         className: "my-2"
       })]
     }), isAuthenticated && !isConsumer && /*#__PURE__*/jsxRuntime.jsx(ProfileExpandMenu, {
@@ -1331,7 +1321,7 @@ var ProfileMenu = function ProfileMenu(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(LinkSection, {
       links: bottomLinks
     }), isThemeSwitcherEnabled && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Separator, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(primitives.Separator, {
         className: "my-2"
       }), /*#__PURE__*/jsxRuntime.jsx(ThemeSwitcher, {})]
     })]
@@ -1340,11 +1330,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,
@@ -1428,26 +1413,23 @@ var ProfileButton = function ProfileButton(_ref) {
       popoverProps: profilePopoverProps
     }), isPopoverOpen && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "pointer-events-none fixed inset-0 z-[99998] bg-black/[0.27]"
-    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
       open: isPopoverOpen,
       onOpenChange: setIsPopoverOpen,
-      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverAnchor, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverAnchor, {
         asChild: true,
         children: /*#__PURE__*/jsxRuntime.jsxs("button", {
           className: "bg-primary flex flex-col items-center justify-center gap-1.5 rounded-e-2xl p-1",
           type: "button",
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
-          children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Avatar, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Avatar, {
             className: "size-[1.625rem] shrink-0 rounded-full border-2 border-white",
             "data-testid": "profile-avatar",
-            children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.AvatarImage, {
-              alt: profileInfo.name,
-              src: profileInfo.imageUrl
-            }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.AvatarFallback, {
-              className: "text-[10px]",
-              children: getInitials(profileInfo.name)
-            })]
+            user: {
+              name: profileInfo.name,
+              imageUrl: profileInfo.imageUrl
+            }
           }), /*#__PURE__*/jsxRuntime.jsx("span", {
             className: "flex size-[1.625rem] items-center justify-center rounded-full bg-white",
             children: /*#__PURE__*/jsxRuntime.jsx(circleQuestionMark.CircleQuestionMark, {
@@ -1455,7 +1437,7 @@ var ProfileButton = function ProfileButton(_ref) {
             })
           })]
         })
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.PopoverContent, {
+      }), /*#__PURE__*/jsxRuntime.jsx(primitives.PopoverContent, {
         align: "end",
         className: "z-[99999] max-h-[var(--radix-popover-content-available-height)] w-64 overflow-y-auto rounded-xl p-0",
         collisionPadding: 16,