@bigbinary/neeto-molecules 4.1.48 → 4.1.50

package/dist/cjs/v2/MenuBar.js

@@ -0,0 +1,265 @@
+'use strict';
+
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var classnames = require('classnames');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var jsxRuntime = require('react/jsx-runtime');
+var plus = require('../plus-MoDFAiKt.js');
+var neetoCist = require('@bigbinary/neeto-cist');
+var general = require('@bigbinary/neeto-commons-frontend/utils/general');
+var reactRouterDom = require('react-router-dom');
+var reactI18next = require('react-i18next');
+var search = require('../search-BBuFYdmG.js');
+var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
+var CSSTransition = require('../CSSTransition-D_jVZ_GR.js');
+require('@babel/runtime/helpers/esm/extends');
+require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
+require('@babel/runtime/helpers/esm/inheritsLoose');
+require('../index-JY2zVpnv.js');
+require('../_commonjsHelpers-BJu3ubxk.js');
+require('react-dom');
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon.createLucideIcon("x", __iconNode);
+
+var _excluded$5 = ["label", "onClick"];
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AddNew = function AddNew(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    onClick = _ref.onClick,
+    otherProps = _objectWithoutProperties(_ref, _excluded$5);
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$4(_objectSpread$4({
+    className: "mb-2 px-2 py-1.5"
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Button, {
+      onClick: onClick,
+      className: "gap-1 text-sm",
+      size: "sm",
+      variant: "link",
+      children: [/*#__PURE__*/jsxRuntime.jsx(plus.Plus, {
+        size: 16
+      }), label]
+    })
+  }));
+};
+
+var _excluded$4 = ["url", "icon", "label", "count", "active", "onEdit", "onClick", "className"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Block = function Block(_ref) {
+  var url = _ref.url,
+    icon = _ref.icon,
+    label = _ref.label,
+    count = _ref.count,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    onEdit = _ref.onEdit,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? neetoCist.noop : _ref$onClick,
+    className = _ref.className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$4);
+  var handleEdit = function handleEdit(e) {
+    if (!onEdit) return;
+    e.stopPropagation();
+    onEdit();
+  };
+  var Parent = url ? reactRouterDom.Link : function (props) {
+    return /*#__PURE__*/jsxRuntime.jsx("button", _objectSpread$3({
+      type: "button"
+    }, props));
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(Parent, _objectSpread$3(_objectSpread$3({
+    "data-testid": otherProps["data-testid"] || "menubar-block",
+    to: url,
+    className: classnames("hover:bg-accent focus:bg-accent active:bg-accent relative mb-2 flex w-full cursor-pointer items-center justify-between rounded-md border border-transparent px-2 py-1.5 text-start transition-all hover:no-underline focus:outline-none motion-reduce:transition-none", _defineProperty({
+      "bg-primary/10 border-primary/10 after:bg-primary hover:bg-primary/10 focus:bg-primary/10 active:bg-primary/10 after:absolute after:inset-y-0 after:start-[-1px] after:w-[3px] after:rounded-s-md": active
+    }, className, className))
+  }, _objectSpread$3({
+    onClick: onClick
+  }, otherProps)), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center",
+      "data-testid": general.joinHyphenCase("menubar-block-label", label),
+      children: [icon && /*#__PURE__*/jsxRuntime.jsx("i", {
+        className: "me-1 flex items-center",
+        children: icon
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-sm font-medium",
+        title: label,
+        children: label
+      })]
+    }), Number.isInteger(count) && /*#__PURE__*/jsxRuntime.jsx("div", {
+      onClick: handleEdit,
+      children: /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-sm font-medium",
+        children: count
+      })
+    })]
+  }));
+};
+
+var _excluded$3 = ["label", "description", "active", "className"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Item = function Item(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/jsxRuntime.jsxs("button", _objectSpread$2(_objectSpread$2({
+    type: "button",
+    className: classnames("hover:bg-accent focus:bg-accent active:bg-accent mb-2 w-full cursor-pointer rounded-md border border-transparent p-3 text-start transition-all focus:outline-none motion-reduce:transition-none max-lg:p-2.5 max-md:p-2", _defineProperty({
+      "border-border bg-background text-foreground hover:bg-background focus:bg-background active:bg-background shadow-sm": active
+    }, className, className))
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("h5", {
+      className: "text-sm font-semibold",
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "text-muted-foreground text-xs",
+      children: description
+    })]
+  }));
+};
+
+var _excluded$2 = ["isCollapsed", "onCollapse"];
+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 Search = function Search(_ref) {
+  var _ref$isCollapsed = _ref.isCollapsed,
+    isCollapsed = _ref$isCollapsed === void 0 ? true : _ref$isCollapsed,
+    onCollapse = _ref.onCollapse,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (isCollapsed) return null;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "mb-5 flex items-center gap-1",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "relative flex-grow",
+      children: [/*#__PURE__*/jsxRuntime.jsx(search.Search, {
+        className: "text-muted-foreground absolute start-3 top-1/2 size-4 -translate-y-1/2"
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, _objectSpread$1({
+        className: "ps-9",
+        placeholder: t("neetoMolecules.common.actions.search"),
+        type: "search"
+      }, props))]
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+      "data-testid": "menubar-search-close-icon",
+      size: "icon-sm",
+      variant: "ghost",
+      onClick: onCollapse,
+      children: /*#__PURE__*/jsxRuntime.jsx(X, {
+        size: 16
+      })
+    })]
+  });
+};
+
+var _excluded$1 = ["children", "iconProps"],
+  _excluded2 = ["icon", "onClick"];
+function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SubTitle = function SubTitle(_ref) {
+  var children = _ref.children,
+    iconProps = _ref.iconProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
+    className: "my-5 flex items-center justify-between",
+    "data-testid": otherProps["data-testid"] || "menubar-subtitle-heading"
+  }, otherProps), {}, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex items-center gap-1",
+      children: iconProps === null || iconProps === void 0 ? void 0 : iconProps.map(function (_ref2, index) {
+        var Icon = _ref2.icon,
+          onClick = _ref2.onClick,
+          rest = _objectWithoutProperties(_ref2, _excluded2);
+        return /*#__PURE__*/React.createElement(neetoAtoms.Button, _objectSpread({
+          onClick: onClick,
+          key: index,
+          size: "icon-sm",
+          variant: "ghost"
+        }, rest), Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
+          size: 16
+        }));
+      })
+    })]
+  }));
+};
+
+var _excluded = ["title", "children", "showMenu", "className"];
+var MenuBar = function MenuBar(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    children = _ref.children,
+    _ref$showMenu = _ref.showMenu,
+    showMenu = _ref$showMenu === void 0 ? false : _ref$showMenu,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var prefersReducedMotion = reactUtils.usePrefersReducedMotion();
+  var nodeRef = React.useRef(null);
+  return /*#__PURE__*/jsxRuntime.jsx(CSSTransition.CSSTransition, {
+    nodeRef: nodeRef,
+    unmountOnExit: true,
+    "in": showMenu,
+    timeout: prefersReducedMotion ? 0 : 300,
+    onEnter: function onEnter() {
+      if (nodeRef.current) nodeRef.current.style.width = "0";
+    },
+    onEntered: function onEntered() {
+      if (nodeRef.current) nodeRef.current.style.width = "";
+    },
+    onEntering: function onEntering() {
+      if (nodeRef.current) nodeRef.current.style.width = "20.25rem";
+    },
+    onExit: function onExit() {
+      if (nodeRef.current) nodeRef.current.style.width = "20.25rem";
+    },
+    onExiting: function onExiting() {
+      if (nodeRef.current) nodeRef.current.style.width = "0";
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: nodeRef,
+      className: classnames("border-border bg-background shrink-0 overflow-hidden border-e transition-all duration-300 motion-reduce:transition-none", className),
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "h-dvh w-[20.25rem] overflow-y-auto p-8 max-lg:w-[17.5rem] max-lg:px-6 max-lg:pt-10 max-lg:pb-6 max-md:w-60 max-md:px-5 max-md:pt-10 max-md:pb-6",
+        "data-testid": "menubar-container",
+        children: [title && /*#__PURE__*/jsxRuntime.jsx("h2", {
+          className: "mb-4 text-xl leading-tight font-semibold",
+          "data-testid": otherProps["data-testid"] || "menubar-heading",
+          children: title
+        }), children]
+      })
+    })
+  });
+};
+MenuBar.Block = Block;
+MenuBar.Item = Item;
+MenuBar.SubTitle = SubTitle;
+MenuBar.Search = Search;
+MenuBar.AddNew = AddNew;
+
+module.exports = MenuBar;
+//# sourceMappingURL=MenuBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/x.js","../../../src/v2/components/MenuBar/AddNew.jsx","../../../src/v2/components/MenuBar/Block.jsx","../../../src/v2/components/MenuBar/Item.jsx","../../../src/v2/components/MenuBar/Search.jsx","../../../src/v2/components/MenuBar/SubTitle.jsx","../../../src/v2/components/MenuBar/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 = [\n  [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n  [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n];\nconst X = createLucideIcon(\"x\", __iconNode);\n\nexport { __iconNode, X as default };\n//# sourceMappingURL=x.js.map\n","import { Button } from \"@bigbinary/neeto-atoms\";\nimport { Plus } from \"lucide-react\";\nimport PropTypes from \"prop-types\";\n\nconst AddNew = ({ label = \"\", onClick, ...otherProps }) => (\n  <div className=\"mb-2 px-2 py-1.5\" {...otherProps}>\n    <Button {...{ onClick }} className=\"gap-1 text-sm\" size=\"sm\" variant=\"link\">\n      <Plus size={16} />\n      {label}\n    </Button>\n  </div>\n);\n\nAddNew.propTypes = {\n  label: PropTypes.string,\n  onClick: PropTypes.func,\n};\n\nexport default AddNew;\n","/* eslint-disable @bigbinary/neeto/use-neetoui-classes */\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nconst Block = ({\n  url,\n  icon,\n  label,\n  count,\n  active = false,\n  onEdit,\n  onClick = noop,\n  className,\n  ...otherProps\n}) => {\n  const handleEdit = e => {\n    if (!onEdit) return;\n\n    e.stopPropagation();\n    onEdit();\n  };\n\n  const Parent = url ? Link : props => <button type=\"button\" {...props} />;\n\n  return (\n    <Parent\n      data-testid={otherProps[\"data-testid\"] || \"menubar-block\"}\n      to={url}\n      className={classnames(\n        \"hover:bg-accent focus:bg-accent active:bg-accent relative mb-2 flex w-full cursor-pointer items-center justify-between rounded-md border border-transparent px-2 py-1.5 text-start transition-all hover:no-underline focus:outline-none motion-reduce:transition-none\",\n        {\n          \"bg-primary/10 border-primary/10 after:bg-primary hover:bg-primary/10 focus:bg-primary/10 active:bg-primary/10 after:absolute after:inset-y-0 after:start-[-1px] after:w-[3px] after:rounded-s-md\":\n            active,\n          [className]: className,\n        }\n      )}\n      {...{ onClick, ...otherProps }}\n    >\n      <div\n        className=\"flex items-center\"\n        data-testid={joinHyphenCase(\"menubar-block-label\", label)}\n      >\n        {icon && <i className=\"me-1 flex items-center\">{icon}</i>}\n        <span className=\"text-sm font-medium\" title={label}>\n          {label}\n        </span>\n      </div>\n      {Number.isInteger(count) && (\n        <div onClick={handleEdit}>\n          <span className=\"text-sm font-medium\">{count}</span>\n        </div>\n      )}\n    </Parent>\n  );\n};\n\nBlock.propTypes = {\n  url: PropTypes.string,\n  icon: PropTypes.node,\n  label: PropTypes.string,\n  count: PropTypes.number,\n  active: PropTypes.bool,\n  onEdit: PropTypes.func,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n};\n\nexport default Block;\n","/* eslint-disable @bigbinary/neeto/use-neetoui-classes */\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Item = ({\n  label = \"\",\n  description = \"\",\n  active = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <button\n    type=\"button\"\n    className={classnames(\n      \"hover:bg-accent focus:bg-accent active:bg-accent mb-2 w-full cursor-pointer rounded-md border border-transparent p-3 text-start transition-all focus:outline-none motion-reduce:transition-none max-lg:p-2.5 max-md:p-2\",\n      {\n        \"border-border bg-background text-foreground hover:bg-background focus:bg-background active:bg-background shadow-sm\":\n          active,\n        [className]: className,\n      }\n    )}\n    {...otherProps}\n  >\n    <h5 className=\"text-sm font-semibold\">{label}</h5>\n    <p className=\"text-muted-foreground text-xs\">{description}</p>\n  </button>\n);\n\nItem.propTypes = {\n  label: PropTypes.string,\n  description: PropTypes.string,\n  active: PropTypes.bool,\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import { Button, Input } from \"@bigbinary/neeto-atoms\";\nimport { Search as SearchIcon, X } from \"lucide-react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Search = ({ isCollapsed = true, onCollapse, ...props }) => {\n  const { t } = useTranslation();\n\n  if (isCollapsed) return null;\n\n  return (\n    <div className=\"mb-5 flex items-center gap-1\">\n      <div className=\"relative flex-grow\">\n        <SearchIcon className=\"text-muted-foreground absolute start-3 top-1/2 size-4 -translate-y-1/2\" />\n        <Input\n          className=\"ps-9\"\n          placeholder={t(\"neetoMolecules.common.actions.search\")}\n          type=\"search\"\n          {...props}\n        />\n      </div>\n      <Button\n        data-testid=\"menubar-search-close-icon\"\n        size=\"icon-sm\"\n        variant=\"ghost\"\n        onClick={onCollapse}\n      >\n        <X size={16} />\n      </Button>\n    </div>\n  );\n};\n\nSearch.propTypes = {\n  isCollapsed: PropTypes.bool,\n  onCollapse: PropTypes.func,\n};\n\nexport default Search;\n","import { Button } from \"@bigbinary/neeto-atoms\";\nimport PropTypes from \"prop-types\";\n\nconst SubTitle = ({ children, iconProps, ...otherProps }) => (\n  <div\n    className=\"my-5 flex items-center justify-between\"\n    data-testid={otherProps[\"data-testid\"] || \"menubar-subtitle-heading\"}\n    {...otherProps}\n  >\n    {children}\n    <div className=\"flex items-center gap-1\">\n      {iconProps?.map(({ icon: Icon, onClick, ...rest }, index) => (\n        <Button\n          {...{ onClick }}\n          key={index}\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          {...rest}\n        >\n          {Icon && <Icon size={16} />}\n        </Button>\n      ))}\n    </div>\n  </div>\n);\n\nSubTitle.propTypes = {\n  children: PropTypes.node,\n  iconProps: PropTypes.array,\n};\n\nexport default SubTitle;\n","import { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { usePrefersReducedMotion } from \"neetocommons/react-utils\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport AddNew from \"./AddNew\";\nimport Block from \"./Block\";\nimport Item from \"./Item\";\nimport Search from \"./Search\";\nimport SubTitle from \"./SubTitle\";\n\nconst MenuBar = ({\n  title = \"\",\n  children,\n  showMenu = false,\n  className = \"\",\n  ...otherProps\n}) => {\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const nodeRef = useRef(null);\n\n  return (\n    <CSSTransition\n      {...{ nodeRef }}\n      unmountOnExit\n      in={showMenu}\n      timeout={prefersReducedMotion ? 0 : 300}\n      onEnter={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"0\";\n      }}\n      onEntered={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"\";\n      }}\n      onEntering={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"20.25rem\";\n      }}\n      onExit={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"20.25rem\";\n      }}\n      onExiting={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"0\";\n      }}\n    >\n      <div\n        ref={nodeRef}\n        className={classnames(\n          \"border-border bg-background shrink-0 overflow-hidden border-e transition-all duration-300 motion-reduce:transition-none\",\n          className\n        )}\n      >\n        <div\n          className=\"h-dvh w-[20.25rem] overflow-y-auto p-8 max-lg:w-[17.5rem] max-lg:px-6 max-lg:pt-10 max-lg:pb-6 max-md:w-60 max-md:px-5 max-md:pt-10 max-md:pb-6\"\n          data-testid=\"menubar-container\"\n        >\n          {title && (\n            <h2\n              className=\"mb-4 text-xl leading-tight font-semibold\"\n              data-testid={otherProps[\"data-testid\"] || \"menubar-heading\"}\n            >\n              {title}\n            </h2>\n          )}\n          {children}\n        </div>\n      </div>\n    </CSSTransition>\n  );\n};\n\nMenuBar.Block = Block;\nMenuBar.Item = Item;\nMenuBar.SubTitle = SubTitle;\nMenuBar.Search = Search;\nMenuBar.AddNew = AddNew;\n\nMenuBar.propTypes = {\n  title: PropTypes.node,\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  showMenu: PropTypes.bool,\n  className: PropTypes.string,\n};\n\nexport default MenuBar;\n"],"names":["createLucideIcon","AddNew","_ref","_ref$label","label","onClick","otherProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","className","children","_jsxs","Button","size","variant","Plus","Block","url","icon","count","_ref$active","active","onEdit","_ref$onClick","noop","handleEdit","e","stopPropagation","Parent","Link","props","type","to","classnames","_defineProperty","joinHyphenCase","title","Number","isInteger","Item","_ref$description","description","_ref$className","Search","_ref$isCollapsed","isCollapsed","onCollapse","_useTranslation","useTranslation","t","SearchIcon","Input","placeholder","X","SubTitle","iconProps","map","_ref2","index","Icon","rest","_excluded2","_createElement","key","MenuBar","_ref$title","_ref$showMenu","showMenu","prefersReducedMotion","usePrefersReducedMotion","nodeRef","useRef","CSSTransition","unmountOnExit","timeout","onEnter","current","style","width","onEntered","onEntering","onExit","onExiting","ref"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/v2/Sidebar.js

@@ -18,6 +18,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var plus = require('../plus-MoDFAiKt.js');
 var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
 var chevronRight = require('../chevron-right-DpleLIQp.js');
 require('zustand/shallow');
@@ -55,26 +56,12 @@ var AppIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(AppIcons);
  */
 
 
-const __iconNode$1 = [
+const __iconNode = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon.createLucideIcon("ellipsis", __iconNode$1);
-
-/**
- * @license lucide-react v1.7.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-];
-const Plus = createLucideIcon.createLucideIcon("plus", __iconNode);
+const Ellipsis = createLucideIcon.createLucideIcon("ellipsis", __iconNode);
 
 var Header$1 = function Header(_ref) {
   var _ProductTypefaceLogos;
@@ -121,7 +108,7 @@ var AddAction = function AddAction(_ref) {
           e.preventDefault();
           e.stopPropagation();
         },
-        children: /*#__PURE__*/jsxRuntime.jsx(Plus, {})
+        children: /*#__PURE__*/jsxRuntime.jsx(plus.Plus, {})
       })
     }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenuContent, {
       align: "end",