@activecollab/components 2.0.497 → 2.0.499

package/dist/cjs/components/LabeledDivider/LabeledDivider.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabeledDivider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _excluded = ["label", "tone", "lines", "className"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var LabeledDivider = exports.LabeledDivider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var label = _ref.label,
+    _ref$tone = _ref.tone,
+    tone = _ref$tone === void 0 ? "muted" : _ref$tone,
+    _ref$lines = _ref.lines,
+    lines = _ref$lines === void 0 ? true : _ref$lines,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledLabeledDivider, _extends({
+    role: "separator"
+  }, rest, {
+    ref: ref,
+    className: (0, _classnames.default)("c-labeled-divider", className)
+  }), lines ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLabeledDividerLine, {
+    $tone: tone
+  }) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledLabeledDividerLabel, {
+    $tone: tone,
+    className: "c-labeled-divider__label"
+  }, label), lines ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLabeledDividerLine, {
+    $tone: tone
+  }) : null);
+});
+LabeledDivider.displayName = "LabeledDivider";
+//# sourceMappingURL=LabeledDivider.js.map

package/dist/cjs/components/LabeledDivider/LabeledDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledDivider.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","LabeledDivider","exports","forwardRef","_ref","ref","label","_ref$tone","tone","_ref$lines","lines","className","rest","createElement","StyledLabeledDivider","role","classnames","StyledLabeledDividerLine","$tone","StyledLabeledDividerLabel","displayName"],"sources":["../../../../src/components/LabeledDivider/LabeledDivider.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledLabeledDivider,\n  StyledLabeledDividerLabel,\n  StyledLabeledDividerLine,\n} from \"./Styles\";\n\nexport interface ILabeledDividerProps extends HTMLAttributes<HTMLDivElement> {\n  /** The text in the middle of the divider. */\n  label: ReactNode;\n  /** \"muted\" for a quiet label such as a day, \"accent\" for a mark such as \"New\". */\n  tone?: \"muted\" | \"accent\";\n  /** Set to false for a centered label with no line. */\n  lines?: boolean;\n}\n\nexport const LabeledDivider = forwardRef<HTMLDivElement, ILabeledDividerProps>(\n  ({ label, tone = \"muted\", lines = true, className, ...rest }, ref) => (\n    <StyledLabeledDivider\n      role=\"separator\"\n      {...rest}\n      ref={ref}\n      className={classnames(\"c-labeled-divider\", className)}\n    >\n      {lines ? <StyledLabeledDividerLine $tone={tone} /> : null}\n      <StyledLabeledDividerLabel\n        $tone={tone}\n        className=\"c-labeled-divider__label\"\n      >\n        {label}\n      </StyledLabeledDividerLabel>\n      {lines ? <StyledLabeledDividerLine $tone={tone} /> : null}\n    </StyledLabeledDivider>\n  )\n);\n\nLabeledDivider.displayName = \"LabeledDivider\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LabeledDivider/Styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledLabeledDividerLine = exports.StyledLabeledDividerLabel = exports.StyledLabeledDivider = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var StyledLabeledDivider = exports.StyledLabeledDivider = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledLabeledDivider",
+  componentId: "sc-1g6iiz7-0"
+})(["display:flex;align-items:center;justify-content:center;gap:16px;"]);
+var StyledLabeledDividerLine = exports.StyledLabeledDividerLine = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledLabeledDividerLine",
+  componentId: "sc-1g6iiz7-1"
+})(["flex:1 1 0%;height:1px;background-color:", ";opacity:0.5;"], function (_ref) {
+  var $tone = _ref.$tone;
+  return $tone === "accent" ? "var(--color-secondary)" : "var(--color-theme-600)";
+});
+var StyledLabeledDividerLabel = exports.StyledLabeledDividerLabel = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledLabeledDividerLabel",
+  componentId: "sc-1g6iiz7-2"
+})(["font-weight:600;", ""], function (_ref2) {
+  var $tone = _ref2.$tone;
+  return $tone === "accent" ? (0, _styledComponents.css)(["font-size:11px;line-height:13px;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-secondary);"]) : (0, _styledComponents.css)(["padding:4px 0;font-size:12px;line-height:15px;color:var(--color-theme-700);"]);
+});
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/LabeledDivider/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledLabeledDivider","exports","styled","div","withConfig","displayName","componentId","StyledLabeledDividerLine","span","_ref","$tone","StyledLabeledDividerLabel","_ref2","css"],"sources":["../../../../src/components/LabeledDivider/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ntype Tone = \"muted\" | \"accent\";\n\nexport const StyledLabeledDivider = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n`;\n\nexport const StyledLabeledDividerLine = styled.span<{ $tone: Tone }>`\n  flex: 1 1 0%;\n  height: 1px;\n  background-color: ${({ $tone }) =>\n    $tone === \"accent\" ? \"var(--color-secondary)\" : \"var(--color-theme-600)\"};\n  opacity: 0.5;\n`;\n\nexport const StyledLabeledDividerLabel = styled.span<{ $tone: Tone }>`\n  font-weight: 600;\n\n  ${({ $tone }) =>\n    $tone === \"accent\"\n      ? css`\n          font-size: 11px;\n          line-height: 13px;\n          letter-spacing: 0.06em;\n          text-transform: uppercase;\n          color: var(--color-secondary);\n        `\n      : css`\n          padding: 4px 0;\n          font-size: 12px;\n          line-height: 15px;\n          color: var(--color-theme-700);\n        `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAIzC,IAAMmB,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEAK7C;AAEM,IAAMC,wBAAwB,GAAAN,OAAA,CAAAM,wBAAA,GAAGL,yBAAM,CAACM,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAG7B,UAAAG,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAC1BA,KAAK,KAAK,QAAQ,GAAG,wBAAwB,GAAG,wBAAwB;AAAA,EAE3E;AAEM,IAAMC,yBAAyB,GAAAV,OAAA,CAAAU,yBAAA,GAAGT,yBAAM,CAACM,IAAI,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BAGhD,UAAAM,KAAA;EAAA,IAAGF,KAAK,GAAAE,KAAA,CAALF,KAAK;EAAA,OACRA,KAAK,KAAK,QAAQ,OACdG,qBAAG,0HAOHA,qBAAG,kFAKF;AAAA,EACR","ignoreList":[]}

package/dist/cjs/components/LabeledDivider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LabeledDivider = require("./LabeledDivider");
+Object.keys(_LabeledDivider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LabeledDivider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LabeledDivider[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/LabeledDivider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_LabeledDivider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/LabeledDivider/index.ts"],"sourcesContent":["export * from \"./LabeledDivider\";\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/ListRow/ListRow.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _useContainerCss = require("../../utils/useContainerCss");
+var _excluded = ["sideAction", "sideActionTop", "sideActionOffset", "sideActionProps", "divided", "hover", "className", "children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var ListRow = exports.ListRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var sideAction = _ref.sideAction,
+    _ref$sideActionTop = _ref.sideActionTop,
+    sideActionTop = _ref$sideActionTop === void 0 ? 4 : _ref$sideActionTop,
+    _ref$sideActionOffset = _ref.sideActionOffset,
+    sideActionOffset = _ref$sideActionOffset === void 0 ? 0 : _ref$sideActionOffset,
+    sideActionProps = _ref.sideActionProps,
+    _ref$divided = _ref.divided,
+    divided = _ref$divided === void 0 ? false : _ref$divided,
+    _ref$hover = _ref.hover,
+    hover = _ref$hover === void 0 ? false : _ref$hover,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  (0, _useContainerCss.useContainerCss)("c-list-row-container", _Styles.CONTAINER_CSS);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledListRow, _extends({}, rest, {
+    ref: ref,
+    $hover: hover,
+    className: (0, _classnames.default)("c-list-row", className)
+  }), children, sideAction ? /*#__PURE__*/_react.default.createElement(_Styles.StyledListRowSideAction, _extends({}, sideActionProps, {
+    className: (0, _classnames.default)("c-list-row__side-action", sideActionProps === null || sideActionProps === void 0 ? void 0 : sideActionProps.className),
+    style: {
+      top: sideActionTop,
+      "--side-offset": "".concat(sideActionOffset, "px")
+    }
+  }), sideAction) : null, divided ? /*#__PURE__*/_react.default.createElement(_Styles.StyledListRowDivider, {
+    "aria-hidden": "true",
+    className: "c-list-row__divider"
+  }) : null);
+});
+ListRow.displayName = "ListRow";
+//# sourceMappingURL=ListRow.js.map

package/dist/cjs/components/ListRow/ListRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListRow.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_useContainerCss","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ListRow","exports","forwardRef","_ref","ref","sideAction","_ref$sideActionTop","sideActionTop","_ref$sideActionOffset","sideActionOffset","sideActionProps","_ref$divided","divided","_ref$hover","hover","className","children","rest","useContainerCss","CONTAINER_CSS","createElement","StyledListRow","$hover","classnames","StyledListRowSideAction","style","top","concat","StyledListRowDivider","displayName"],"sources":["../../../../src/components/ListRow/ListRow.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  CONTAINER_CSS,\n  StyledListRow,\n  StyledListRowDivider,\n  StyledListRowSideAction,\n} from \"./Styles\";\nimport { useContainerCss } from \"../../utils/useContainerCss\";\n\nexport interface IListRowProps extends HTMLAttributes<HTMLDivElement> {\n  /** A control beside the card. It shows on hover, on focus, and always on touch. */\n  sideAction?: ReactNode;\n  /** The distance of the side action from the top of the row, in pixels. */\n  sideActionTop?: number;\n  /** The distance from the right edge of the row to the edge of the card, in pixels. */\n  sideActionOffset?: number;\n  /** Extra attributes for the box of the side action. */\n  sideActionProps?: HTMLAttributes<HTMLSpanElement> & {\n    \"data-testid\"?: string;\n  };\n  /** Draws a line under the row, inset 16px. */\n  divided?: boolean;\n  /** Highlights the row under the pointer. */\n  hover?: boolean;\n}\n\nexport const ListRow = forwardRef<HTMLDivElement, IListRowProps>(\n  (\n    {\n      sideAction,\n      sideActionTop = 4,\n      sideActionOffset = 0,\n      sideActionProps,\n      divided = false,\n      hover = false,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    useContainerCss(\"c-list-row-container\", CONTAINER_CSS);\n\n    return (\n      <StyledListRow\n        {...rest}\n        ref={ref}\n        $hover={hover}\n        className={classnames(\"c-list-row\", className)}\n      >\n        {children}\n        {sideAction ? (\n          <StyledListRowSideAction\n            {...sideActionProps}\n            className={classnames(\n              \"c-list-row__side-action\",\n              sideActionProps?.className\n            )}\n            style={\n              {\n                top: sideActionTop,\n                \"--side-offset\": `${sideActionOffset}px`,\n              } as CSSProperties\n            }\n          >\n            {sideAction}\n          </StyledListRowSideAction>\n        ) : null}\n        {divided ? (\n          <StyledListRowDivider\n            aria-hidden=\"true\"\n            className=\"c-list-row__divider\"\n          />\n        ) : null}\n      </StyledListRow>\n    );\n  }\n);\n\nListRow.displayName = \"ListRow\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ListRow/Styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledListRowSideAction = exports.StyledListRowDivider = exports.StyledListRow = exports.CONTAINER_CSS = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var CONTAINER_CSS = exports.CONTAINER_CSS = "\n@container (min-width: 900px) {\n  .c-list-row > .c-list-row__side-action {\n    right: calc(-32px - var(--side-offset));\n    width: 32px;\n  }\n}\n";
+var StyledListRowSideAction = exports.StyledListRowSideAction = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledListRowSideAction",
+  componentId: "sc-ef2wrc-0"
+})(["position:absolute;right:calc(-16px - var(--side-offset));display:flex;justify-content:center;width:16px;opacity:0;&:has([aria-expanded=\"true\"]),&:has([open]),&:has(.open){opacity:1;}@media (hover:none){opacity:1;}"]);
+var StyledListRowDivider = exports.StyledListRowDivider = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledListRowDivider",
+  componentId: "sc-ef2wrc-1"
+})(["height:1px;margin:0 16px;background-color:var(--border-raised);"]);
+var StyledListRow = exports.StyledListRow = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledListRow",
+  componentId: "sc-ef2wrc-2"
+})(["position:relative;", " &:hover > ", ",&:focus-within > ", "{opacity:1;}&:hover > ", ",&:has(+ .c-list-row:hover) > ", "{background-color:transparent;}"], function (_ref) {
+  var $hover = _ref.$hover;
+  return $hover && "\n    &:hover {\n      background-color: var(--color-theme-200);\n    }\n  ";
+}, StyledListRowSideAction, StyledListRowSideAction, StyledListRowDivider, StyledListRowDivider);
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/ListRow/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","CONTAINER_CSS","exports","StyledListRowSideAction","styled","span","withConfig","displayName","componentId","StyledListRowDivider","div","StyledListRow","_ref","$hover"],"sources":["../../../../src/components/ListRow/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const CONTAINER_CSS = `\n@container (min-width: 900px) {\n  .c-list-row > .c-list-row__side-action {\n    right: calc(-32px - var(--side-offset));\n    width: 32px;\n  }\n}\n`;\n\nexport const StyledListRowSideAction = styled.span`\n  position: absolute;\n  right: calc(-16px - var(--side-offset));\n  display: flex;\n  justify-content: center;\n  width: 16px;\n  opacity: 0;\n\n  &:has([aria-expanded=\"true\"]),\n  &:has([open]),\n  &:has(.open) {\n    opacity: 1;\n  }\n\n  @media (hover: none) {\n    opacity: 1;\n  }\n`;\n\nexport const StyledListRowDivider = styled.div`\n  height: 1px;\n  margin: 0 16px;\n  background-color: var(--border-raised);\n`;\n\nexport const StyledListRow = styled.div<{ $hover: boolean }>`\n  position: relative;\n\n  ${({ $hover }) =>\n    $hover &&\n    `\n    &:hover {\n      background-color: var(--color-theme-200);\n    }\n  `}\n\n  &:hover > ${StyledListRowSideAction}, &:focus-within > ${StyledListRowSideAction} {\n    opacity: 1;\n  }\n\n  &:hover\n    > ${StyledListRowDivider},\n    &:has(+ .c-list-row:hover)\n    > ${StyledListRowDivider} {\n    background-color: transparent;\n  }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,4JAOzB;AAEM,IAAME,uBAAuB,GAAAD,OAAA,CAAAC,uBAAA,GAAGC,yBAAM,CAACC,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+NAiBjD;AAEM,IAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uEAI7C;AAEM,IAAMG,aAAa,GAAAT,OAAA,CAAAS,aAAA,GAAGP,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+JAGnC,UAAAI,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OACTA,MAAM,iFAKP;AAAA,GAEWV,uBAAuB,EAAsBA,uBAAuB,EAK1EM,oBAAoB,EAEpBA,oBAAoB,CAG3B","ignoreList":[]}

package/dist/cjs/components/ListRow/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ListRow = require("./ListRow");
+Object.keys(_ListRow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ListRow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ListRow[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ListRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ListRow","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/ListRow/index.ts"],"sourcesContent":["export * from \"./ListRow\";\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/Loaders/Skeleton/SkeletonLoader.js

@@ -7,7 +7,7 @@ exports.SkeletonLoader = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["className"];
+var _excluded = ["className", "width", "height", "radius", "animation"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -15,10 +15,19 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 var SkeletonLoader = exports.SkeletonLoader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var className = _ref.className,
+    width = _ref.width,
+    height = _ref.height,
+    radius = _ref.radius,
+    _ref$animation = _ref.animation,
+    animation = _ref$animation === void 0 ? "shimmer" : _ref$animation,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledSkeletonLoader, _extends({
     ref: ref,
-    className: (0, _classnames.default)("c-loader c-loader--linear", className)
+    className: (0, _classnames.default)("c-loader c-loader--linear", className),
+    $width: width,
+    $height: height,
+    $radius: radius,
+    $pulse: animation === "pulse"
   }, rest));
 });
 SkeletonLoader.displayName = "SkeletonLoader";

package/dist/cjs/components/Loaders/Skeleton/SkeletonLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonLoader.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","SkeletonLoader","exports","forwardRef","_ref","ref","className","rest","createElement","StyledSkeletonLoader","classNames","displayName"],"sources":["../../../../../src/components/Loaders/Skeleton/SkeletonLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledSkeletonLoader } from \"./Styles\";\n\nexport const SkeletonLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSkeletonLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nSkeletonLoader.displayName = \"SkeletonLoader\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SkeletonLoader.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","SkeletonLoader","exports","forwardRef","_ref","ref","className","width","height","radius","_ref$animation","animation","rest","createElement","StyledSkeletonLoader","classNames","$width","$height","$radius","$pulse","displayName"],"sources":["../../../../../src/components/Loaders/Skeleton/SkeletonLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledSkeletonLoader } from \"./Styles\";\n\nexport interface SkeletonLoaderProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  /** A number is in pixels. The default is 70%. */\n  width?: number | string;\n  /** A number is in pixels. The default is 16px. */\n  height?: number | string;\n  /** A number is in pixels. The default is 8px. */\n  radius?: number | string;\n  /** \"pulse\" is a solid block that fades in and out, for the skeleton of a page. */\n  animation?: \"shimmer\" | \"pulse\";\n}\n\nexport const SkeletonLoader = forwardRef<HTMLDivElement, SkeletonLoaderProps>(\n  (\n    { className, width, height, radius, animation = \"shimmer\", ...rest },\n    ref\n  ) => {\n    return (\n      <StyledSkeletonLoader\n        ref={ref}\n        className={classNames(\"c-loader c-loader--linear\", className)}\n        $width={width}\n        $height={height}\n        $radius={radius}\n        $pulse={animation === \"pulse\"}\n        {...rest}\n      />\n    );\n  }\n);\n\nSkeletonLoader.displayName = \"SkeletonLoader\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Loaders/Skeleton/Styles.js

@@ -8,8 +8,20 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _themes = require("../../../utils/themes");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var linearAnimation = (0, _styledComponents.keyframes)(["0%{background-position:left;}100%{background-position:right;}"]);
+var pulseAnimation = (0, _styledComponents.keyframes)(["50%{opacity:0.5;}"]);
+var toCssSize = function toCssSize(value) {
+  return typeof value === "number" ? "".concat(value, "px") : value;
+};
 var StyledSkeletonLoader = exports.StyledSkeletonLoader = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledSkeletonLoader",
   componentId: "sc-1n0a2yl-0"
-})(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;", " &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], _themes.DARK_THEME_SELECTOR, linearAnimation);
+})(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;", " &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;", " ", " ", " ", ""], _themes.DARK_THEME_SELECTOR, linearAnimation, function (props) {
+  return props.$width !== undefined && (0, _styledComponents.css)(["width:", ";"], toCssSize(props.$width));
+}, function (props) {
+  return props.$height !== undefined && (0, _styledComponents.css)(["height:", ";"], toCssSize(props.$height));
+}, function (props) {
+  return props.$radius !== undefined && (0, _styledComponents.css)(["border-radius:", ";"], toCssSize(props.$radius));
+}, function (props) {
+  return props.$pulse && (0, _styledComponents.css)(["&&{background:var(--color-theme-300);animation:", " 2s cubic-bezier(0.4,0,0.6,1) infinite;}"], pulseAnimation);
+});
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Loaders/Skeleton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_themes","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","linearAnimation","keyframes","StyledSkeletonLoader","exports","styled","div","withConfig","displayName","componentId","DARK_THEME_SELECTOR"],"sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nimport { DARK_THEME_SELECTOR } from \"../../../utils/themes\";\n\nconst linearAnimation = keyframes`\n  0% {\n    background-position: left;\n  }\n  100% {\n    background-position: right;\n  }\n`;\n\nexport const StyledSkeletonLoader = styled.div`\n  width: 70%;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 20%,\n    rgba(0, 0, 0, 0.05) 50%,\n    rgba(255, 255, 255, 0) 60%\n  );\n  background-size: 400%;\n  height: 16px;\n  border-radius: 8px;\n  ${DARK_THEME_SELECTOR} & {\n    background: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 20%,\n      rgba(0, 0, 0, 0.2) 50%,\n      rgba(255, 255, 255, 0) 60%\n    );\n    background-size: 500%;\n  }\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: ${linearAnimation};\n  animation-timing-function: linear;\n  animation-direction: reverse;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA4D,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE5D,IAAMmB,eAAe,OAAGC,2BAAS,oEAOhC;AAEM,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8bAW1CC,2BAAmB,EAWHT,eAAe,CAGlC","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_themes","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","linearAnimation","keyframes","pulseAnimation","toCssSize","value","concat","StyledSkeletonLoader","exports","styled","div","withConfig","displayName","componentId","DARK_THEME_SELECTOR","props","$width","undefined","css","$height","$radius","$pulse"],"sources":["../../../../../src/components/Loaders/Skeleton/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { DARK_THEME_SELECTOR } from \"../../../utils/themes\";\n\nconst linearAnimation = keyframes`\n  0% {\n    background-position: left;\n  }\n  100% {\n    background-position: right;\n  }\n`;\n\nconst pulseAnimation = keyframes`\n  50% {\n    opacity: 0.5;\n  }\n`;\n\nconst toCssSize = (value: number | string) =>\n  typeof value === \"number\" ? `${value}px` : value;\n\ninterface SkeletonLook {\n  $width?: number | string;\n  $height?: number | string;\n  $radius?: number | string;\n  $pulse?: boolean;\n}\n\nexport const StyledSkeletonLoader = styled.div<SkeletonLook>`\n  width: 70%;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 20%,\n    rgba(0, 0, 0, 0.05) 50%,\n    rgba(255, 255, 255, 0) 60%\n  );\n  background-size: 400%;\n  height: 16px;\n  border-radius: 8px;\n  ${DARK_THEME_SELECTOR} & {\n    background: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 20%,\n      rgba(0, 0, 0, 0.2) 50%,\n      rgba(255, 255, 255, 0) 60%\n    );\n    background-size: 500%;\n  }\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: ${linearAnimation};\n  animation-timing-function: linear;\n  animation-direction: reverse;\n\n  ${(props) =>\n    props.$width !== undefined &&\n    css`\n      width: ${toCssSize(props.$width)};\n    `}\n  ${(props) =>\n    props.$height !== undefined &&\n    css`\n      height: ${toCssSize(props.$height)};\n    `}\n  ${(props) =>\n    props.$radius !== undefined &&\n    css`\n      border-radius: ${toCssSize(props.$radius)};\n    `}\n  ${(props) =>\n    props.$pulse &&\n    css`\n      && {\n        background: var(--color-theme-300);\n        animation: ${pulseAnimation} 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n      }\n    `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA4D,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,wBAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE5D,IAAMmB,eAAe,OAAGC,2BAAS,oEAOhC;AAED,IAAMC,cAAc,OAAGD,2BAAS,wBAI/B;AAED,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAsB;EAAA,OACvC,OAAOA,KAAK,KAAK,QAAQ,MAAAC,MAAA,CAAMD,KAAK,UAAOA,KAAK;AAAA;AAS3C,IAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,idAW1CC,2BAAmB,EAWHb,eAAe,EAI/B,UAACc,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAKC,SAAS,QAC1BC,qBAAG,mBACQd,SAAS,CAACW,KAAK,CAACC,MAAM,CAAC,CACjC;AAAA,GACD,UAACD,KAAK;EAAA,OACNA,KAAK,CAACI,OAAO,KAAKF,SAAS,QAC3BC,qBAAG,oBACSd,SAAS,CAACW,KAAK,CAACI,OAAO,CAAC,CACnC;AAAA,GACD,UAACJ,KAAK;EAAA,OACNA,KAAK,CAACK,OAAO,KAAKH,SAAS,QAC3BC,qBAAG,2BACgBd,SAAS,CAACW,KAAK,CAACK,OAAO,CAAC,CAC1C;AAAA,GACD,UAACL,KAAK;EAAA,OACNA,KAAK,CAACM,MAAM,QACZH,qBAAG,mGAGcf,cAAc,CAE9B;AAAA,EACJ","ignoreList":[]}

package/dist/cjs/components/Menu/Menu.js

@@ -187,6 +187,7 @@ var Menu = exports.Menu = function Menu(_ref4) {
     handleScroll = _ref4$handleScroll === void 0 ? true : _ref4$handleScroll,
     _ref4$mode = _ref4.mode,
     mode = _ref4$mode === void 0 ? "normal" : _ref4$mode,
+    width = _ref4.width,
     _ref4$open = _ref4.open,
     defaultOpen = _ref4$open === void 0 ? false : _ref4$open,
     onOpen = _ref4.onOpen,
@@ -475,6 +476,7 @@ var Menu = exports.Menu = function Menu(_ref4) {
     modifiers: popperModifiers,
     transition: true
   }, function (_ref5) {
+    var _elementRef$current2;
     var placement = _ref5.placement,
       transitionProps = _ref5.transitionProps;
     return /*#__PURE__*/_react.default.createElement(_Transitions.Grow, {
@@ -491,7 +493,8 @@ var Menu = exports.Menu = function Menu(_ref4) {
       $mode: mode,
       onMouseDown: onMenuClick,
       style: {
-        pointerEvents: open ? "auto" : "none"
+        pointerEvents: open ? "auto" : "none",
+        width: width === "target" ? (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.offsetWidth : width
       }
     }, /*#__PURE__*/_react.default.createElement(_context.MenuContextProvider, {
       value: {