@activecollab/components 2.0.497 → 2.0.499

package/dist/cjs/components/ObjectLayout/ObjectLayout.js

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ObjectLayout = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _hooks = require("../../hooks");
+var _useContainerCss = require("../../utils/useContainerCss");
+var _excluded = ["topBar", "band", "properties", "main", "rail", "stream", "panel", "panelWidth", "panelMin", "panelMax", "mainMin", "onPanelWidthChange", "resizeLabel", "ownScroll", "resetKey", "className", "data-testid"];
+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; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+// The height of the rail as the object opens. It stops to follow the rail at the first action of the user.
+var useOpeningRailHeight = function useOpeningRailHeight(resetKey) {
+  var railRef = (0, _react.useRef)(null);
+  var isFrozen = (0, _react.useRef)(false);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var rail = railRef.current;
+    isFrozen.current = false;
+    var measure = function measure() {
+      if (rail && !isFrozen.current) {
+        setHeight(rail.offsetHeight);
+      }
+    };
+    measure();
+    if (!rail || typeof ResizeObserver === "undefined") {
+      return undefined;
+    }
+
+    // eslint-disable-next-line compat/compat
+    var observer = new ResizeObserver(measure);
+    observer.observe(rail);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [resetKey]);
+  var freeze = (0, _react.useCallback)(function () {
+    isFrozen.current = true;
+  }, []);
+  return {
+    railRef,
+    height,
+    freeze
+  };
+};
+var noChange = function noChange() {
+  return undefined;
+};
+var ObjectLayout = exports.ObjectLayout = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var topBar = _ref.topBar,
+    band = _ref.band,
+    properties = _ref.properties,
+    main = _ref.main,
+    rail = _ref.rail,
+    stream = _ref.stream,
+    panel = _ref.panel,
+    _ref$panelWidth = _ref.panelWidth,
+    panelWidth = _ref$panelWidth === void 0 ? 600 : _ref$panelWidth,
+    _ref$panelMin = _ref.panelMin,
+    panelMin = _ref$panelMin === void 0 ? 300 : _ref$panelMin,
+    _ref$panelMax = _ref.panelMax,
+    panelMax = _ref$panelMax === void 0 ? 750 : _ref$panelMax,
+    _ref$mainMin = _ref.mainMin,
+    mainMin = _ref$mainMin === void 0 ? 550 : _ref$mainMin,
+    onPanelWidthChange = _ref.onPanelWidthChange,
+    _ref$resizeLabel = _ref.resizeLabel,
+    resizeLabel = _ref$resizeLabel === void 0 ? "Resize panel" : _ref$resizeLabel,
+    _ref$ownScroll = _ref.ownScroll,
+    ownScroll = _ref$ownScroll === void 0 ? false : _ref$ownScroll,
+    resetKey = _ref.resetKey,
+    className = _ref.className,
+    testId = _ref["data-testid"],
+    rest = _objectWithoutProperties(_ref, _excluded);
+  (0, _useContainerCss.useContainerCss)("c-object-layout-container", _Styles.CONTAINER_CSS);
+  var hasPanel = panel !== undefined && panel !== null;
+  var _useOpeningRailHeight = useOpeningRailHeight(resetKey),
+    railRef = _useOpeningRailHeight.railRef,
+    height = _useOpeningRailHeight.height,
+    freeze = _useOpeningRailHeight.freeze;
+  var _useResizablePanel = (0, _hooks.useResizablePanel)({
+      side: "right",
+      width: (0, _hooks.clampPanelWidth)(panelWidth, panelMin, panelMax),
+      min: panelMin,
+      max: panelMax,
+      onChange: onPanelWidthChange !== null && onPanelWidthChange !== void 0 ? onPanelWidthChange : noChange
+    }),
+    width = _useResizablePanel.width,
+    handleProps = _useResizablePanel.handleProps;
+  var part = function part(name) {
+    return testId ? "".concat(testId, "-").concat(name) : undefined;
+  };
+  var header = topBar ? /*#__PURE__*/_react.default.createElement(_Styles.StyledHeader, {
+    $panel: hasPanel,
+    className: "c-object-layout__header",
+    "data-testid": part("header")
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledTopBar, {
+    "data-testid": part("top-bar")
+  }, topBar)) : null;
+  var bandNode = band ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBand, {
+    className: "c-object-layout__band",
+    "data-testid": part("band")
+  }, band) : null;
+  if (hasPanel) {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledObjectLayout, _extends({}, rest, {
+      ref: ref,
+      $fill: ownScroll,
+      "data-testid": testId,
+      className: (0, _classnames.default)("c-object-layout c-object-layout--panel", {
+        "c-object-layout--own-scroll": ownScroll
+      }, className)
+    }), /*#__PURE__*/_react.default.createElement(_Styles.StyledSplit, {
+      $ownScroll: ownScroll,
+      className: "c-object-layout__split",
+      style: {
+        "--panel-width": "".concat(width, "px"),
+        "--main-min": "".concat(mainMin, "px")
+      },
+      "data-testid": part("split")
+    }, /*#__PURE__*/_react.default.createElement(_Styles.StyledPart, {
+      className: "c-object-layout__part",
+      "data-testid": part("part")
+    }, header, bandNode, /*#__PURE__*/_react.default.createElement(_Styles.StyledPartColumns, {
+      className: "c-object-layout__part-columns",
+      "data-testid": part("columns")
+    }, properties ? /*#__PURE__*/_react.default.createElement(_Styles.StyledProperties, {
+      "data-testid": part("properties")
+    }, properties) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledMain, {
+      $padded: true,
+      className: "c-object-layout__main",
+      "data-testid": part("main")
+    }, main))), /*#__PURE__*/_react.default.createElement(_Styles.StyledPanel, {
+      className: "c-object-layout__panel",
+      "data-testid": part("rail")
+    }, onPanelWidthChange ? /*#__PURE__*/_react.default.createElement(_Styles.StyledPanelHandle, _extends({}, handleProps, {
+      label: resizeLabel,
+      className: "c-object-layout__handle",
+      "data-testid": part("resize")
+    })) : null, panel)));
+  }
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledObjectLayout, _extends({}, rest, {
+    ref: ref,
+    $fill: false,
+    "data-testid": testId,
+    onPointerDownCapture: freeze,
+    onKeyDownCapture: freeze,
+    className: (0, _classnames.default)("c-object-layout", className)
+  }), header, bandNode, /*#__PURE__*/_react.default.createElement(_Styles.StyledColumns, {
+    className: "c-object-layout__columns",
+    "data-testid": part("columns")
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledLeft, {
+    className: "c-object-layout__left",
+    style: {
+      "--opening-rail-height": "".concat(height, "px")
+    },
+    "data-testid": part("left")
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMain, {
+    $padded: !stream,
+    className: "c-object-layout__main",
+    "data-testid": part("main")
+  }, main), /*#__PURE__*/_react.default.createElement(_Styles.StyledStream, {
+    "data-testid": part("stream")
+  }, stream)), /*#__PURE__*/_react.default.createElement(_Styles.StyledRail, {
+    ref: railRef,
+    className: "c-object-layout__rail",
+    "data-testid": part("rail")
+  }, rail)));
+});
+ObjectLayout.displayName = "ObjectLayout";
+//# sourceMappingURL=ObjectLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectLayout.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_hooks","_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","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","useOpeningRailHeight","resetKey","railRef","useRef","isFrozen","_useState","useState","_useState2","height","setHeight","useEffect","rail","current","measure","offsetHeight","ResizeObserver","undefined","observer","observe","disconnect","freeze","useCallback","noChange","ObjectLayout","exports","forwardRef","_ref","ref","topBar","band","properties","main","stream","panel","_ref$panelWidth","panelWidth","_ref$panelMin","panelMin","_ref$panelMax","panelMax","_ref$mainMin","mainMin","onPanelWidthChange","_ref$resizeLabel","resizeLabel","_ref$ownScroll","ownScroll","className","testId","rest","useContainerCss","CONTAINER_CSS","hasPanel","_useOpeningRailHeight","_useResizablePanel","useResizablePanel","side","width","clampPanelWidth","min","max","onChange","handleProps","part","concat","header","createElement","StyledHeader","$panel","StyledTopBar","bandNode","StyledBand","StyledObjectLayout","$fill","classnames","StyledSplit","$ownScroll","style","StyledPart","StyledPartColumns","StyledProperties","StyledMain","$padded","StyledPanel","StyledPanelHandle","label","onPointerDownCapture","onKeyDownCapture","StyledColumns","StyledLeft","StyledStream","StyledRail","displayName"],"sources":["../../../../src/components/ObjectLayout/ObjectLayout.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  CONTAINER_CSS,\n  StyledBand,\n  StyledColumns,\n  StyledHeader,\n  StyledLeft,\n  StyledMain,\n  StyledObjectLayout,\n  StyledPanel,\n  StyledPanelHandle,\n  StyledPart,\n  StyledPartColumns,\n  StyledProperties,\n  StyledRail,\n  StyledSplit,\n  StyledStream,\n  StyledTopBar,\n} from \"./Styles\";\nimport { clampPanelWidth, useResizablePanel } from \"../../hooks\";\nimport { useContainerCss } from \"../../utils/useContainerCss\";\n\nexport interface IObjectLayoutProps extends HTMLAttributes<HTMLDivElement> {\n  /** Sticky bar at the top edge. */\n  topBar?: ReactNode;\n  /** Sticky band under the top bar, for the title. */\n  band?: ReactNode;\n  /** Panel mode: a block above the main content. */\n  properties?: ReactNode;\n  main?: ReactNode;\n  /** Rail mode: the 300px right column. */\n  rail?: ReactNode;\n  /** Rail mode: content after the main column that can hold a part on the bottom edge. */\n  stream?: ReactNode;\n  /** Replaces the rail with a panel at the full height of the layout. */\n  panel?: ReactNode;\n  panelWidth?: number;\n  panelMin?: number;\n  panelMax?: number;\n  /** The width the main part keeps beside the panel. */\n  mainMin?: number;\n  /** With it the panel has a resize handle. Called with a whole pixel. */\n  onPanelWidthChange?: (width: number) => void;\n  /** The accessible name of the resize handle. */\n  resizeLabel?: string;\n  /** Panel mode: the layout has the height of its parent and the main part scrolls by itself. */\n  ownScroll?: boolean;\n  /** Rail mode: a new value measures the opening height of the rail again. */\n  resetKey?: string | number;\n  \"data-testid\"?: string;\n}\n\n// The height of the rail as the object opens. It stops to follow the rail at the first action of the user.\nconst useOpeningRailHeight = (resetKey?: string | number) => {\n  const railRef = useRef<HTMLDivElement>(null);\n  const isFrozen = useRef(false);\n  const [height, setHeight] = useState(0);\n\n  useEffect(() => {\n    const rail = railRef.current;\n\n    isFrozen.current = false;\n\n    const measure = () => {\n      if (rail && !isFrozen.current) {\n        setHeight(rail.offsetHeight);\n      }\n    };\n\n    measure();\n\n    if (!rail || typeof ResizeObserver === \"undefined\") {\n      return undefined;\n    }\n\n    // eslint-disable-next-line compat/compat\n    const observer = new ResizeObserver(measure);\n\n    observer.observe(rail);\n\n    return () => observer.disconnect();\n  }, [resetKey]);\n\n  const freeze = useCallback(() => {\n    isFrozen.current = true;\n  }, []);\n\n  return { railRef, height, freeze };\n};\n\nconst noChange = () => undefined;\n\nexport const ObjectLayout = forwardRef<HTMLDivElement, IObjectLayoutProps>(\n  (\n    {\n      topBar,\n      band,\n      properties,\n      main,\n      rail,\n      stream,\n      panel,\n      panelWidth = 600,\n      panelMin = 300,\n      panelMax = 750,\n      mainMin = 550,\n      onPanelWidthChange,\n      resizeLabel = \"Resize panel\",\n      ownScroll = false,\n      resetKey,\n      className,\n      \"data-testid\": testId,\n      ...rest\n    },\n    ref\n  ) => {\n    useContainerCss(\"c-object-layout-container\", CONTAINER_CSS);\n\n    const hasPanel = panel !== undefined && panel !== null;\n    const { railRef, height, freeze } = useOpeningRailHeight(resetKey);\n    const { width, handleProps } = useResizablePanel({\n      side: \"right\",\n      width: clampPanelWidth(panelWidth, panelMin, panelMax),\n      min: panelMin,\n      max: panelMax,\n      onChange: onPanelWidthChange ?? noChange,\n    });\n    const part = (name: string) => (testId ? `${testId}-${name}` : undefined);\n\n    const header = topBar ? (\n      <StyledHeader\n        $panel={hasPanel}\n        className=\"c-object-layout__header\"\n        data-testid={part(\"header\")}\n      >\n        <StyledTopBar data-testid={part(\"top-bar\")}>{topBar}</StyledTopBar>\n      </StyledHeader>\n    ) : null;\n\n    const bandNode = band ? (\n      <StyledBand className=\"c-object-layout__band\" data-testid={part(\"band\")}>\n        {band}\n      </StyledBand>\n    ) : null;\n\n    if (hasPanel) {\n      return (\n        <StyledObjectLayout\n          {...rest}\n          ref={ref}\n          $fill={ownScroll}\n          data-testid={testId}\n          className={classnames(\n            \"c-object-layout c-object-layout--panel\",\n            { \"c-object-layout--own-scroll\": ownScroll },\n            className\n          )}\n        >\n          <StyledSplit\n            $ownScroll={ownScroll}\n            className=\"c-object-layout__split\"\n            style={\n              {\n                \"--panel-width\": `${width}px`,\n                \"--main-min\": `${mainMin}px`,\n              } as CSSProperties\n            }\n            data-testid={part(\"split\")}\n          >\n            <StyledPart\n              className=\"c-object-layout__part\"\n              data-testid={part(\"part\")}\n            >\n              {header}\n              {bandNode}\n              <StyledPartColumns\n                className=\"c-object-layout__part-columns\"\n                data-testid={part(\"columns\")}\n              >\n                {properties ? (\n                  <StyledProperties data-testid={part(\"properties\")}>\n                    {properties}\n                  </StyledProperties>\n                ) : null}\n                <StyledMain\n                  $padded\n                  className=\"c-object-layout__main\"\n                  data-testid={part(\"main\")}\n                >\n                  {main}\n                </StyledMain>\n              </StyledPartColumns>\n            </StyledPart>\n            <StyledPanel\n              className=\"c-object-layout__panel\"\n              data-testid={part(\"rail\")}\n            >\n              {onPanelWidthChange ? (\n                <StyledPanelHandle\n                  {...handleProps}\n                  label={resizeLabel}\n                  className=\"c-object-layout__handle\"\n                  data-testid={part(\"resize\")}\n                />\n              ) : null}\n              {panel}\n            </StyledPanel>\n          </StyledSplit>\n        </StyledObjectLayout>\n      );\n    }\n\n    return (\n      <StyledObjectLayout\n        {...rest}\n        ref={ref}\n        $fill={false}\n        data-testid={testId}\n        onPointerDownCapture={freeze}\n        onKeyDownCapture={freeze}\n        className={classnames(\"c-object-layout\", className)}\n      >\n        {header}\n        {bandNode}\n        <StyledColumns\n          className=\"c-object-layout__columns\"\n          data-testid={part(\"columns\")}\n        >\n          <StyledLeft\n            className=\"c-object-layout__left\"\n            style={{ \"--opening-rail-height\": `${height}px` } as CSSProperties}\n            data-testid={part(\"left\")}\n          >\n            <StyledMain\n              $padded={!stream}\n              className=\"c-object-layout__main\"\n              data-testid={part(\"main\")}\n            >\n              {main}\n            </StyledMain>\n            <StyledStream data-testid={part(\"stream\")}>{stream}</StyledStream>\n          </StyledLeft>\n          <StyledRail\n            ref={railRef}\n            className=\"c-object-layout__rail\"\n            data-testid={part(\"rail\")}\n          >\n            {rail}\n          </StyledRail>\n        </StyledColumns>\n      </StyledObjectLayout>\n    );\n  }\n);\n\nObjectLayout.displayName = \"ObjectLayout\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTopBar = exports.StyledStream = exports.StyledSplit = exports.StyledRail = exports.StyledProperties = exports.StyledPartColumns = exports.StyledPart = exports.StyledPanelHandle = exports.StyledPanel = exports.StyledObjectLayout = exports.StyledMain = exports.StyledLeft = exports.StyledHeader = exports.StyledColumns = exports.StyledBand = exports.CONTAINER_CSS = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ResizeHandle = require("../ResizeHandle");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var CONTAINER_CSS = exports.CONTAINER_CSS = "\n@container (min-width: 900px) {\n  .c-object-layout .c-object-layout__header,\n  .c-object-layout .c-object-layout__band {\n    position: sticky;\n    z-index: 6;\n    background-color: var(--surface-sheet);\n  }\n  .c-object-layout .c-object-layout__header { top: 0; }\n  .c-object-layout .c-object-layout__band { top: 41px; padding: 8px 32px 16px; }\n  .c-object-layout .c-object-layout__columns {\n    grid-template-columns: minmax(0, 1fr) 300px;\n    column-gap: 32px;\n    padding-top: 0;\n    padding-left: 32px;\n  }\n  .c-object-layout .c-object-layout__left {\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    gap: 16px;\n    min-width: 0;\n    min-height: var(--opening-rail-height);\n  }\n  .c-object-layout .c-object-layout__rail { padding-bottom: 24px; }\n  .c-object-layout .c-object-layout__split {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) min(var(--panel-width), calc(100% - var(--main-min)));\n  }\n  .c-object-layout--own-scroll .c-object-layout__split { grid-template-rows: minmax(0, 1fr); }\n  .c-object-layout--own-scroll .c-object-layout__part { min-height: 0; overflow-y: auto; }\n  .c-object-layout .c-object-layout__part-columns { padding: 0 32px; }\n  .c-object-layout .c-object-layout__panel { padding: 0; }\n  .c-object-layout .c-object-layout__handle { display: block; }\n}\n@container (max-width: 899px) {\n  .c-object-layout .c-object-layout__columns { align-content: start; }\n  .c-object-layout--panel .c-object-layout__header { border-top-right-radius: inherit; }\n  .c-object-layout--own-scroll .c-object-layout__split { overflow-y: auto; }\n}\n";
+var StyledObjectLayout = exports.StyledObjectLayout = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledObjectLayout",
+  componentId: "sc-hmqt3m-0"
+})(["container-type:inline-size;display:flex;flex-direction:column;width:100%;", " border-radius:inherit;color:var(--color-theme-900);background-color:var(--surface-sheet);"], function (_ref) {
+  var $fill = _ref.$fill;
+  return $fill ? "height: 100%;" : "min-height: 100%;";
+});
+var StyledHeader = exports.StyledHeader = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledHeader",
+  componentId: "sc-hmqt3m-1"
+})(["border-top-left-radius:inherit;", ""], function (_ref2) {
+  var $panel = _ref2.$panel;
+  return !$panel && "border-top-right-radius: inherit;";
+});
+var StyledTopBar = exports.StyledTopBar = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledTopBar",
+  componentId: "sc-hmqt3m-2"
+})(["padding:9px 12px 0;"]);
+var StyledBand = exports.StyledBand = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledBand",
+  componentId: "sc-hmqt3m-3"
+})(["min-width:0;padding:16px 16px 0;"]);
+var StyledColumns = exports.StyledColumns = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledColumns",
+  componentId: "sc-hmqt3m-4"
+})(["display:grid;flex:1 1 0%;grid-template-columns:repeat(1,minmax(0,1fr));align-items:start;row-gap:24px;padding:16px 16px 0;"]);
+var StyledLeft = exports.StyledLeft = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledLeft",
+  componentId: "sc-hmqt3m-5"
+})(["display:contents;"]);
+var StyledMain = exports.StyledMain = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledMain",
+  componentId: "sc-hmqt3m-6"
+})(["order:1;display:flex;flex-direction:column;gap:24px;min-width:0;", ""], function (_ref3) {
+  var $padded = _ref3.$padded;
+  return $padded && "padding-bottom: 24px;";
+});
+var StyledStream = exports.StyledStream = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledStream",
+  componentId: "sc-hmqt3m-7"
+})(["display:contents;"]);
+var StyledRail = exports.StyledRail = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledRail",
+  componentId: "sc-hmqt3m-8"
+})(["order:2;display:flex;flex-direction:column;gap:16px;min-width:0;"]);
+var StyledSplit = exports.StyledSplit = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSplit",
+  componentId: "sc-hmqt3m-9"
+})(["display:flex;flex:1 1 0%;flex-direction:column;", ""], function (_ref4) {
+  var $ownScroll = _ref4.$ownScroll;
+  return $ownScroll && "min-height: 0;";
+});
+var StyledPart = exports.StyledPart = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPart",
+  componentId: "sc-hmqt3m-10"
+})(["display:flex;flex-direction:column;min-width:0;"]);
+var StyledPartColumns = exports.StyledPartColumns = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPartColumns",
+  componentId: "sc-hmqt3m-11"
+})(["display:flex;flex-direction:column;gap:16px;min-width:0;padding:16px 16px 0;"]);
+var StyledProperties = exports.StyledProperties = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledProperties",
+  componentId: "sc-hmqt3m-12"
+})(["min-width:0;"]);
+var StyledPanel = exports.StyledPanel = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPanel",
+  componentId: "sc-hmqt3m-13"
+})(["position:relative;min-width:0;padding:0 16px;"]);
+var StyledPanelHandle = exports.StyledPanelHandle = (0, _styledComponents.default)(_ResizeHandle.ResizeHandle).withConfig({
+  displayName: "Styles__StyledPanelHandle",
+  componentId: "sc-hmqt3m-14"
+})(["display:none;z-index:7;"]);
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_ResizeHandle","e","__esModule","default","CONTAINER_CSS","exports","StyledObjectLayout","styled","div","withConfig","displayName","componentId","_ref","$fill","StyledHeader","_ref2","$panel","StyledTopBar","StyledBand","StyledColumns","StyledLeft","StyledMain","_ref3","$padded","StyledStream","StyledRail","StyledSplit","_ref4","$ownScroll","StyledPart","StyledPartColumns","StyledProperties","StyledPanel","StyledPanelHandle","ResizeHandle"],"sources":["../../../../src/components/ObjectLayout/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ResizeHandle } from \"../ResizeHandle\";\n\nexport const CONTAINER_CSS = `\n@container (min-width: 900px) {\n  .c-object-layout .c-object-layout__header,\n  .c-object-layout .c-object-layout__band {\n    position: sticky;\n    z-index: 6;\n    background-color: var(--surface-sheet);\n  }\n  .c-object-layout .c-object-layout__header { top: 0; }\n  .c-object-layout .c-object-layout__band { top: 41px; padding: 8px 32px 16px; }\n  .c-object-layout .c-object-layout__columns {\n    grid-template-columns: minmax(0, 1fr) 300px;\n    column-gap: 32px;\n    padding-top: 0;\n    padding-left: 32px;\n  }\n  .c-object-layout .c-object-layout__left {\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    gap: 16px;\n    min-width: 0;\n    min-height: var(--opening-rail-height);\n  }\n  .c-object-layout .c-object-layout__rail { padding-bottom: 24px; }\n  .c-object-layout .c-object-layout__split {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) min(var(--panel-width), calc(100% - var(--main-min)));\n  }\n  .c-object-layout--own-scroll .c-object-layout__split { grid-template-rows: minmax(0, 1fr); }\n  .c-object-layout--own-scroll .c-object-layout__part { min-height: 0; overflow-y: auto; }\n  .c-object-layout .c-object-layout__part-columns { padding: 0 32px; }\n  .c-object-layout .c-object-layout__panel { padding: 0; }\n  .c-object-layout .c-object-layout__handle { display: block; }\n}\n@container (max-width: 899px) {\n  .c-object-layout .c-object-layout__columns { align-content: start; }\n  .c-object-layout--panel .c-object-layout__header { border-top-right-radius: inherit; }\n  .c-object-layout--own-scroll .c-object-layout__split { overflow-y: auto; }\n}\n`;\n\nexport const StyledObjectLayout = styled.div<{ $fill: boolean }>`\n  container-type: inline-size;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  ${({ $fill }) => ($fill ? \"height: 100%;\" : \"min-height: 100%;\")}\n  border-radius: inherit;\n  color: var(--color-theme-900);\n  background-color: var(--surface-sheet);\n`;\n\nexport const StyledHeader = styled.div<{ $panel: boolean }>`\n  border-top-left-radius: inherit;\n  ${({ $panel }) => !$panel && \"border-top-right-radius: inherit;\"}\n`;\n\nexport const StyledTopBar = styled.div`\n  padding: 9px 12px 0;\n`;\n\nexport const StyledBand = styled.div`\n  min-width: 0;\n  padding: 16px 16px 0;\n`;\n\nexport const StyledColumns = styled.div`\n  display: grid;\n  flex: 1 1 0%;\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n  align-items: start;\n  row-gap: 24px;\n  padding: 16px 16px 0;\n`;\n\nexport const StyledLeft = styled.div`\n  display: contents;\n`;\n\nexport const StyledMain = styled.div<{ $padded: boolean }>`\n  order: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  min-width: 0;\n  ${({ $padded }) => $padded && \"padding-bottom: 24px;\"}\n`;\n\nexport const StyledStream = styled.div`\n  display: contents;\n`;\n\nexport const StyledRail = styled.div`\n  order: 2;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  min-width: 0;\n`;\n\nexport const StyledSplit = styled.div<{ $ownScroll: boolean }>`\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n  ${({ $ownScroll }) => $ownScroll && \"min-height: 0;\"}\n`;\n\nexport const StyledPart = styled.div`\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n`;\n\nexport const StyledPartColumns = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  min-width: 0;\n  padding: 16px 16px 0;\n`;\n\nexport const StyledProperties = styled.div`\n  min-width: 0;\n`;\n\nexport const StyledPanel = styled.div`\n  position: relative;\n  min-width: 0;\n  padding: 0 16px;\n`;\n\nexport const StyledPanelHandle = styled(ResizeHandle)`\n  display: none;\n  z-index: 7;\n`;\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

package/dist/cjs/components/ProgressBar/ProgressBar.js

@@ -11,7 +11,12 @@ 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); }
 var ProgressBar = exports.ProgressBar = function ProgressBar(_ref) {
   var _ref$progress = _ref.progress,
-    progress = _ref$progress === void 0 ? 0 : _ref$progress,
+    progressProp = _ref$progress === void 0 ? 0 : _ref$progress,
+    value = _ref.value,
+    limit = _ref.limit,
+    length = _ref.length,
+    _ref$rounded = _ref.rounded,
+    rounded = _ref$rounded === void 0 ? false : _ref$rounded,
     backgroundColor = _ref.backgroundColor,
     progressColor = _ref.progressColor,
     _ref$stroke = _ref.stroke,
@@ -19,6 +24,9 @@ var ProgressBar = exports.ProgressBar = function ProgressBar(_ref) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? 100 : _ref$width,
     className = _ref.className;
+  var hasLimit = typeof value === "number" && typeof limit === "number";
+  var isOver = hasLimit && value > limit;
+  var progress = hasLimit && limit > 0 ? value / limit * 100 : progressProp;
   var progressNumber = (0, _react.useMemo)(function () {
     var width = progress;
     if (progress > 100) {
@@ -49,14 +57,17 @@ var ProgressBar = exports.ProgressBar = function ProgressBar(_ref) {
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressBar, {
     className: (0, _classnames.default)("c-progress-bar", className),
     $color: backgroundColor,
-    $width: widthPercent
+    $width: widthPercent,
+    $length: length,
+    $rounded: rounded
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressBarProgress, {
     className: "c-progress-bar__progress",
     style: {
       width: "".concat(progressNumber, "%")
     },
     $height: height,
-    $color: progressColor
+    $color: isOver ? "var(--red-alert)" : progressColor,
+    $rounded: rounded
   }));
 };
 ProgressBar.displayName = "ProgressBar";

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ProgressBar","exports","_ref","_ref$progress","progress","backgroundColor","progressColor","_ref$stroke","stroke","_ref$width","width","className","progressNumber","useMemo","widthPercent","width_percent","height","stroke_min","createElement","StyledProgressBar","classNames","$color","$width","StyledProgressBarProgress","style","concat","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n  /** Progress prop can be number. */\n  progress: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n  className?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress = 0,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\n  className,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className={classNames(\"c-progress-bar\", className)}\n      $color={backgroundColor}\n      $width={widthPercent}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ProgressBar","exports","_ref","_ref$progress","progress","progressProp","value","limit","length","_ref$rounded","rounded","backgroundColor","progressColor","_ref$stroke","stroke","_ref$width","width","className","hasLimit","isOver","progressNumber","useMemo","widthPercent","width_percent","height","stroke_min","createElement","StyledProgressBar","classNames","$color","$width","$length","$rounded","StyledProgressBarProgress","style","concat","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface IProgressBarProps {\n  /** Progress in percent. Not needed with value and limit. */\n  progress?: number;\n  /** A value against a limit. Above the limit the bar is full and takes the alert color. */\n  value?: number;\n  limit?: number;\n  /** A fixed width in pixels, in place of the percent width. */\n  length?: number;\n  /** Round the ends of the bar. */\n  rounded?: boolean;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n  className?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress: progressProp = 0,\n  value,\n  limit,\n  length,\n  rounded = false,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\n  className,\n}) => {\n  const hasLimit = typeof value === \"number\" && typeof limit === \"number\";\n  const isOver = hasLimit && value > limit;\n  const progress = hasLimit && limit > 0 ? (value / limit) * 100 : progressProp;\n\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className={classNames(\"c-progress-bar\", className)}\n      $color={backgroundColor}\n      $width={widthPercent}\n      $length={length}\n      $rounded={rounded}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={isOver ? \"var(--red-alert)\" : progressColor}\n        $rounded={rounded}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,8 +10,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var StyledProgressBar = exports.StyledProgressBar = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledProgressBar",
   componentId: "sc-k5nm08-0"
-})(["", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, function (props) {
+})(["", " ", " ", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, function (props) {
   return props.$width ? (0, _styledComponents.css)(["width:", "%;"], props.$width) : (0, _styledComponents.css)(["width:100%;"]);
+}, function (props) {
+  return props.$length && (0, _styledComponents.css)(["flex-shrink:0;width:", "px;"], props.$length);
+}, function (props) {
+  return props.$rounded && (0, _styledComponents.css)(["overflow:hidden;border-radius:9999px;"]);
 }, function (props) {
   return props.$color ? (0, _styledComponents.css)(["background-color:", ";"], props.$color) : (0, _styledComponents.css)(["background-color:var(--color-theme-300);"]);
 });
@@ -19,7 +23,9 @@ StyledProgressBar.displayName = "StyledProgressBar";
 var StyledProgressBarProgress = exports.StyledProgressBarProgress = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledProgressBarProgress",
   componentId: "sc-k5nm08-1"
-})(["", " ", ""], function (props) {
+})(["", " ", " ", ""], function (props) {
+  return props.$rounded && (0, _styledComponents.css)(["border-radius:9999px;"]);
+}, function (props) {
   return props.$height ? (0, _styledComponents.css)(["height:", "px;"], props.$height) : (0, _styledComponents.css)(["height:3px;"]);
 }, function (props) {
   return props.$color ? (0, _styledComponents.css)(["background-color:", ";"], props.$color) : (0, _styledComponents.css)(["background-color:var(--color-secondary);"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledProgressBar","exports","styled","div","withConfig","displayName","componentId","BoxSizingStyle","props","$width","css","$color","StyledProgressBarProgress","$height"],"sources":["../../../../src/components/ProgressBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n  $color?: string;\n  $height?: number;\n  $width?: number;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$width\n      ? css`\n          width: ${props.$width}%;\n        `\n      : css`\n          width: 100%;\n        `}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-theme-300);\n        `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n  ${(props) =>\n    props.$height\n      ? css`\n          height: ${props.$height}px;\n        `\n      : css`\n          height: 3px;\n        `}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-secondary);\n        `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,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;AAQ5C,IAAMmB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACvCC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,OACRC,qBAAG,oBACQF,KAAK,CAACC,MAAM,QAEvBC,qBAAG,kBAEF;AAAA,GAEL,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,MAAM,OACRD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,QAElCD,qBAAG,+CAEF;AAAA,EACR;AAEDV,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAE5C,IAAMO,yBAAyB,GAAAX,OAAA,CAAAW,yBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACK,OAAO,OACTH,qBAAG,sBACSF,KAAK,CAACK,OAAO,QAEzBH,qBAAG,kBAEF;AAAA,GAEL,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,MAAM,OACRD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,QAElCD,qBAAG,+CAEF;AAAA,EACR;AAEDE,yBAAyB,CAACP,WAAW,GAAG,2BAA2B","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledProgressBar","exports","styled","div","withConfig","displayName","componentId","BoxSizingStyle","props","$width","css","$length","$rounded","$color","StyledProgressBarProgress","$height"],"sources":["../../../../src/components/ProgressBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n  $color?: string;\n  $height?: number;\n  $width?: number;\n  $length?: number;\n  $rounded?: boolean;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$width\n      ? css`\n          width: ${props.$width}%;\n        `\n      : css`\n          width: 100%;\n        `}\n\n  ${(props) =>\n    props.$length &&\n    css`\n      flex-shrink: 0;\n      width: ${props.$length}px;\n    `}\n\n  ${(props) =>\n    props.$rounded &&\n    css`\n      overflow: hidden;\n      border-radius: 9999px;\n    `}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-theme-300);\n        `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n  ${(props) =>\n    props.$rounded &&\n    css`\n      border-radius: 9999px;\n    `}\n\n  ${(props) =>\n    props.$height\n      ? css`\n          height: ${props.$height}px;\n        `\n      : css`\n          height: 3px;\n        `}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-secondary);\n        `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,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;AAU5C,IAAMmB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCACvCC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,OACRC,qBAAG,oBACQF,KAAK,CAACC,MAAM,QAEvBC,qBAAG,kBAEF;AAAA,GAEL,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,OAAO,QACbD,qBAAG,mCAEQF,KAAK,CAACG,OAAO,CACvB;AAAA,GAED,UAACH,KAAK;EAAA,OACNA,KAAK,CAACI,QAAQ,QACdF,qBAAG,4CAGF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACK,MAAM,OACRH,qBAAG,8BACmBF,KAAK,CAACK,MAAM,QAElCH,qBAAG,+CAEF;AAAA,EACR;AAEDV,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAE5C,IAAMS,yBAAyB,GAAAb,OAAA,CAAAa,yBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACI,QAAQ,QACdF,qBAAG,4BAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACO,OAAO,OACTL,qBAAG,sBACSF,KAAK,CAACO,OAAO,QAEzBL,qBAAG,kBAEF;AAAA,GAEL,UAACF,KAAK;EAAA,OACNA,KAAK,CAACK,MAAM,OACRH,qBAAG,8BACmBF,KAAK,CAACK,MAAM,QAElCH,qBAAG,+CAEF;AAAA,EACR;AAEDI,yBAAyB,CAACT,WAAW,GAAG,2BAA2B","ignoreList":[]}