@activecollab/components 2.0.497 → 2.0.499

package/dist/cjs/components/PropertyList/PropertyList.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePropertyListLayout = exports.usePropertyListDensity = exports.PropertyListValue = exports.PropertyListToggle = exports.PropertyListRow = exports.PropertyListLayout = exports.PropertyListLabel = exports.PropertyListDivider = exports.PropertyListBranch = exports.PropertyListAdd = exports.PropertyList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _Icons = require("../Icons");
+var _excluded = ["density", "className", "children"],
+  _excluded2 = ["icon", "label", "value", "action", "tone", "readOnly", "chevron", "className", "children"],
+  _excluded3 = ["expanded", "className", "children"],
+  _excluded4 = ["position"];
+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 DensityContext = /*#__PURE__*/(0, _react.createContext)("form");
+var LayoutContext = /*#__PURE__*/(0, _react.createContext)("stacked");
+var usePropertyListDensity = exports.usePropertyListDensity = function usePropertyListDensity() {
+  return (0, _react.useContext)(DensityContext);
+};
+var usePropertyListLayout = exports.usePropertyListLayout = function usePropertyListLayout() {
+  return (0, _react.useContext)(LayoutContext);
+};
+
+/** Sets the layout of the rows below it: one line each, or the three columns of a table. */
+var PropertyListLayout = exports.PropertyListLayout = function PropertyListLayout(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? "stacked" : _ref$value,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(LayoutContext.Provider, {
+    value: value
+  }, children);
+};
+
+/** The line between two rows. In a stacked list it starts where the label text starts. */
+var PropertyListDivider = exports.PropertyListDivider = function PropertyListDivider() {
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListDivider, {
+    "aria-hidden": "true",
+    $layout: usePropertyListLayout(),
+    $density: usePropertyListDensity(),
+    className: "c-property-list__divider"
+  });
+};
+var PropertyList = exports.PropertyList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
+  var _ref2$density = _ref2.density,
+    density = _ref2$density === void 0 ? "form" : _ref2$density,
+    className = _ref2.className,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var parts = _react.Children.toArray(children).filter(Boolean);
+  return /*#__PURE__*/_react.default.createElement(DensityContext.Provider, {
+    value: density
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyList, _extends({}, rest, {
+    ref: ref,
+    variant: "raised",
+    radius: 20,
+    shadow: density === "page",
+    className: (0, _classnames.default)("c-property-list", className)
+  }), parts.map(function (part, index) {
+    var _key;
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: (_key = part.key) !== null && _key !== void 0 ? _key : index
+    }, index > 0 ? /*#__PURE__*/_react.default.createElement(PropertyListDivider, null) : null, part);
+  })));
+});
+PropertyList.displayName = "PropertyList";
+var PropertyListValue = exports.PropertyListValue = function PropertyListValue(_ref3) {
+  var _ref3$placeholder = _ref3.placeholder,
+    placeholder = _ref3$placeholder === void 0 ? false : _ref3$placeholder,
+    className = _ref3.className,
+    children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListValue, {
+    forwardedAs: "span",
+    color: placeholder ? "quaternary" : undefined,
+    $density: usePropertyListDensity(),
+    $placeholder: placeholder,
+    className: (0, _classnames.default)("c-property-list__value", className),
+    "data-placeholder": placeholder || undefined
+  }, children);
+};
+
+/** The "Add" of a row: a placeholder with a plus where another row has its chevron. */
+var PropertyListAdd = exports.PropertyListAdd = function PropertyListAdd(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PropertyListValue, {
+    placeholder: true
+  }, children), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListAddIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.AddCrossTinyIcon, null)));
+};
+var PropertyListLabel = exports.PropertyListLabel = function PropertyListLabel(_ref5) {
+  var icon = _ref5.icon,
+    label = _ref5.label;
+  var density = usePropertyListDensity();
+  var layout = usePropertyListLayout();
+  if (layout === "table") {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListTableLabel, {
+      className: "c-property-list__label"
+    }, /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListIcon, {
+      $size: 16,
+      $scale: true
+    }, icon), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListLabelText, {
+      forwardedAs: "span",
+      weight: "medium",
+      $layout: layout,
+      $density: density
+    }, label));
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListIcon, {
+    $size: density === "page" ? 28 : 24,
+    $scale: false
+  }, icon), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListLabelText, {
+    forwardedAs: "span",
+    weight: "medium",
+    $layout: layout,
+    $density: density,
+    className: "c-property-list__label"
+  }, label));
+};
+var PropertyListRow = exports.PropertyListRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref6, ref) {
+  var icon = _ref6.icon,
+    label = _ref6.label,
+    value = _ref6.value,
+    action = _ref6.action,
+    _ref6$tone = _ref6.tone,
+    tone = _ref6$tone === void 0 ? "regular" : _ref6$tone,
+    _ref6$readOnly = _ref6.readOnly,
+    readOnly = _ref6$readOnly === void 0 ? false : _ref6$readOnly,
+    _ref6$chevron = _ref6.chevron,
+    chevron = _ref6$chevron === void 0 ? true : _ref6$chevron,
+    className = _ref6.className,
+    children = _ref6.children,
+    rest = _objectWithoutProperties(_ref6, _excluded2);
+  var density = usePropertyListDensity();
+  var layout = usePropertyListLayout();
+  var caret = !readOnly && chevron ? /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListChevron, null, /*#__PURE__*/_react.default.createElement(_Icons.ArrowDownSmallIcon, null)) : null;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListRow, _extends({}, rest, {
+    as: readOnly ? "div" : "button",
+    ref: ref
+  }, readOnly ? null : {
+    type: "button"
+  }, {
+    $layout: layout,
+    $density: density,
+    $tone: tone,
+    $clickable: !readOnly,
+    className: (0, _classnames.default)("c-property-list__row", className)
+  }), children !== null && children !== void 0 ? children : layout === "table" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PropertyListLabel, {
+    icon: icon,
+    label: label
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListTableValue, null, value), /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListTableAction, null, action, caret)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(PropertyListLabel, {
+    icon: icon,
+    label: label
+  }), value, action, caret));
+});
+PropertyListRow.displayName = "PropertyListRow";
+/** The last row of a list: it opens and closes the rows with no value. */
+var PropertyListToggle = exports.PropertyListToggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref7, ref) {
+  var _ref7$expanded = _ref7.expanded,
+    expanded = _ref7$expanded === void 0 ? false : _ref7$expanded,
+    className = _ref7.className,
+    children = _ref7.children,
+    rest = _objectWithoutProperties(_ref7, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListToggle, _extends({
+    type: "button"
+  }, rest, {
+    ref: ref,
+    "aria-expanded": expanded,
+    className: (0, _classnames.default)("c-property-list__toggle", className)
+  }), children);
+});
+PropertyListToggle.displayName = "PropertyListToggle";
+/** The tree line before a row that belongs to the row above it. Its parent must be positioned. */
+var PropertyListBranch = exports.PropertyListBranch = function PropertyListBranch(_ref8) {
+  var _ref8$position = _ref8.position,
+    position = _ref8$position === void 0 ? "last" : _ref8$position,
+    rest = _objectWithoutProperties(_ref8, _excluded4);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListBranch, _extends({
+    "aria-hidden": "true"
+  }, rest)), position === "middle" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledPropertyListBranchLine, {
+    "aria-hidden": "true"
+  }) : null);
+};
+//# sourceMappingURL=PropertyList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyList.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Icons","_excluded","_excluded2","_excluded3","_excluded4","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","DensityContext","createContext","LayoutContext","usePropertyListDensity","exports","useContext","usePropertyListLayout","PropertyListLayout","_ref","_ref$value","value","children","createElement","Provider","PropertyListDivider","StyledPropertyListDivider","$layout","$density","className","PropertyList","forwardRef","_ref2","ref","_ref2$density","density","rest","parts","Children","toArray","filter","Boolean","StyledPropertyList","variant","radius","shadow","classnames","map","part","index","_key","Fragment","key","displayName","PropertyListValue","_ref3","_ref3$placeholder","placeholder","StyledPropertyListValue","forwardedAs","color","undefined","$placeholder","PropertyListAdd","_ref4","StyledPropertyListAddIcon","AddCrossTinyIcon","PropertyListLabel","_ref5","icon","label","layout","StyledPropertyListTableLabel","StyledPropertyListIcon","$size","$scale","StyledPropertyListLabelText","weight","PropertyListRow","_ref6","action","_ref6$tone","tone","_ref6$readOnly","readOnly","_ref6$chevron","chevron","caret","StyledPropertyListChevron","ArrowDownSmallIcon","StyledPropertyListRow","as","type","$tone","$clickable","StyledPropertyListTableValue","StyledPropertyListTableAction","PropertyListToggle","_ref7","_ref7$expanded","expanded","StyledPropertyListToggle","PropertyListBranch","_ref8","_ref8$position","position","StyledPropertyListBranch","StyledPropertyListBranchLine"],"sources":["../../../../src/components/PropertyList/PropertyList.tsx"],"sourcesContent":["import React, {\n  ButtonHTMLAttributes,\n  Children,\n  Fragment,\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  Ref,\n  createContext,\n  forwardRef,\n  useContext,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  PropertyListDensity,\n  PropertyListLayoutName,\n  PropertyListTone,\n  StyledPropertyList,\n  StyledPropertyListAddIcon,\n  StyledPropertyListBranch,\n  StyledPropertyListBranchLine,\n  StyledPropertyListChevron,\n  StyledPropertyListDivider,\n  StyledPropertyListIcon,\n  StyledPropertyListLabelText,\n  StyledPropertyListRow,\n  StyledPropertyListTableAction,\n  StyledPropertyListTableLabel,\n  StyledPropertyListTableValue,\n  StyledPropertyListToggle,\n  StyledPropertyListValue,\n} from \"./Styles\";\nimport { AddCrossTinyIcon, ArrowDownSmallIcon } from \"../Icons\";\n\nconst DensityContext = createContext<PropertyListDensity>(\"form\");\nconst LayoutContext = createContext<PropertyListLayoutName>(\"stacked\");\n\nexport const usePropertyListDensity = () => useContext(DensityContext);\nexport const usePropertyListLayout = () => useContext(LayoutContext);\n\n/** Sets the layout of the rows below it: one line each, or the three columns of a table. */\nexport const PropertyListLayout = ({\n  value = \"stacked\",\n  children,\n}: {\n  value?: PropertyListLayoutName;\n  children?: ReactNode;\n}) => <LayoutContext.Provider value={value}>{children}</LayoutContext.Provider>;\n\n/** The line between two rows. In a stacked list it starts where the label text starts. */\nexport const PropertyListDivider = () => (\n  <StyledPropertyListDivider\n    aria-hidden=\"true\"\n    $layout={usePropertyListLayout()}\n    $density={usePropertyListDensity()}\n    className=\"c-property-list__divider\"\n  />\n);\n\nexport interface IPropertyListProps extends HTMLAttributes<HTMLDivElement> {\n  /** \"form\" for a compact list in a form, \"page\" for a list on a page, with a shadow. */\n  density?: PropertyListDensity;\n}\n\nexport const PropertyList = forwardRef<HTMLDivElement, IPropertyListProps>(\n  ({ density = \"form\", className, children, ...rest }, ref) => {\n    const parts = Children.toArray(children).filter(Boolean);\n\n    return (\n      <DensityContext.Provider value={density}>\n        <StyledPropertyList\n          {...rest}\n          ref={ref}\n          variant=\"raised\"\n          radius={20}\n          shadow={density === \"page\"}\n          className={classnames(\"c-property-list\", className)}\n        >\n          {parts.map((part, index) => (\n            <Fragment key={(part as ReactElement).key ?? index}>\n              {index > 0 ? <PropertyListDivider /> : null}\n              {part}\n            </Fragment>\n          ))}\n        </StyledPropertyList>\n      </DensityContext.Provider>\n    );\n  }\n);\n\nPropertyList.displayName = \"PropertyList\";\n\nexport interface IPropertyListValueProps {\n  /** A row with no value shows its text in the placeholder color. */\n  placeholder?: boolean;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const PropertyListValue = ({\n  placeholder = false,\n  className,\n  children,\n}: IPropertyListValueProps) => (\n  <StyledPropertyListValue\n    forwardedAs=\"span\"\n    color={placeholder ? \"quaternary\" : undefined}\n    $density={usePropertyListDensity()}\n    $placeholder={placeholder}\n    className={classnames(\"c-property-list__value\", className)}\n    data-placeholder={placeholder || undefined}\n  >\n    {children}\n  </StyledPropertyListValue>\n);\n\n/** The \"Add\" of a row: a placeholder with a plus where another row has its chevron. */\nexport const PropertyListAdd = ({ children }: { children?: ReactNode }) => (\n  <>\n    <PropertyListValue placeholder>{children}</PropertyListValue>\n    <StyledPropertyListAddIcon>\n      <AddCrossTinyIcon />\n    </StyledPropertyListAddIcon>\n  </>\n);\n\nexport interface IPropertyListLabelProps {\n  icon?: ReactNode;\n  label?: ReactNode;\n}\n\nexport const PropertyListLabel = ({ icon, label }: IPropertyListLabelProps) => {\n  const density = usePropertyListDensity();\n  const layout = usePropertyListLayout();\n\n  if (layout === \"table\") {\n    return (\n      <StyledPropertyListTableLabel className=\"c-property-list__label\">\n        <StyledPropertyListIcon $size={16} $scale>\n          {icon}\n        </StyledPropertyListIcon>\n        <StyledPropertyListLabelText\n          forwardedAs=\"span\"\n          weight=\"medium\"\n          $layout={layout}\n          $density={density}\n        >\n          {label}\n        </StyledPropertyListLabelText>\n      </StyledPropertyListTableLabel>\n    );\n  }\n\n  return (\n    <>\n      <StyledPropertyListIcon\n        $size={density === \"page\" ? 28 : 24}\n        $scale={false}\n      >\n        {icon}\n      </StyledPropertyListIcon>\n      <StyledPropertyListLabelText\n        forwardedAs=\"span\"\n        weight=\"medium\"\n        $layout={layout}\n        $density={density}\n        className=\"c-property-list__label\"\n      >\n        {label}\n      </StyledPropertyListLabelText>\n    </>\n  );\n};\n\nexport interface IPropertyListRowProps\n  extends Omit<HTMLAttributes<HTMLElement>, \"children\"> {\n  icon?: ReactNode;\n  label?: ReactNode;\n  value?: ReactNode;\n  /** A control before the chevron. */\n  action?: ReactNode;\n  tone?: PropertyListTone;\n  /** A read only row is plain text. A row that can change is one button. */\n  readOnly?: boolean;\n  chevron?: boolean;\n  /** Replaces the label, the value and the action. */\n  children?: ReactNode;\n}\n\nexport const PropertyListRow = forwardRef<HTMLElement, IPropertyListRowProps>(\n  (\n    {\n      icon,\n      label,\n      value,\n      action,\n      tone = \"regular\",\n      readOnly = false,\n      chevron = true,\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const density = usePropertyListDensity();\n    const layout = usePropertyListLayout();\n    const caret =\n      !readOnly && chevron ? (\n        <StyledPropertyListChevron>\n          <ArrowDownSmallIcon />\n        </StyledPropertyListChevron>\n      ) : null;\n\n    return (\n      <StyledPropertyListRow\n        {...rest}\n        as={readOnly ? \"div\" : \"button\"}\n        ref={ref as Ref<HTMLDivElement>}\n        {...(readOnly ? null : { type: \"button\" })}\n        $layout={layout}\n        $density={density}\n        $tone={tone}\n        $clickable={!readOnly}\n        className={classnames(\"c-property-list__row\", className)}\n      >\n        {children ??\n          (layout === \"table\" ? (\n            <>\n              <PropertyListLabel icon={icon} label={label} />\n              <StyledPropertyListTableValue>\n                {value}\n              </StyledPropertyListTableValue>\n              <StyledPropertyListTableAction>\n                {action}\n                {caret}\n              </StyledPropertyListTableAction>\n            </>\n          ) : (\n            <>\n              <PropertyListLabel icon={icon} label={label} />\n              {value}\n              {action}\n              {caret}\n            </>\n          ))}\n      </StyledPropertyListRow>\n    );\n  }\n);\n\nPropertyListRow.displayName = \"PropertyListRow\";\n\nexport interface IPropertyListToggleProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** The rows that the toggle opens are on the screen. */\n  expanded?: boolean;\n}\n\n/** The last row of a list: it opens and closes the rows with no value. */\nexport const PropertyListToggle = forwardRef<\n  HTMLButtonElement,\n  IPropertyListToggleProps\n>(({ expanded = false, className, children, ...rest }, ref) => (\n  <StyledPropertyListToggle\n    type=\"button\"\n    {...rest}\n    ref={ref}\n    aria-expanded={expanded}\n    className={classnames(\"c-property-list__toggle\", className)}\n  >\n    {children}\n  </StyledPropertyListToggle>\n));\n\nPropertyListToggle.displayName = \"PropertyListToggle\";\n\nexport interface IPropertyListBranchProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  /** \"middle\" continues the line to the next row of the branch. */\n  position?: \"middle\" | \"last\";\n}\n\n/** The tree line before a row that belongs to the row above it. Its parent must be positioned. */\nexport const PropertyListBranch = ({\n  position = \"last\",\n  ...rest\n}: IPropertyListBranchProps) => (\n  <>\n    <StyledPropertyListBranch aria-hidden=\"true\" {...rest} />\n    {position === \"middle\" ? (\n      <StyledPropertyListBranchLine aria-hidden=\"true\" />\n    ) : null}\n  </>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledPropertyListValue = exports.StyledPropertyListToggle = exports.StyledPropertyListTableValue = exports.StyledPropertyListTableLabel = exports.StyledPropertyListTableAction = exports.StyledPropertyListRow = exports.StyledPropertyListLabelText = exports.StyledPropertyListIcon = exports.StyledPropertyListDivider = exports.StyledPropertyListChevron = exports.StyledPropertyListBranchLine = exports.StyledPropertyListBranch = exports.StyledPropertyListAddIcon = exports.StyledPropertyList = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Card = require("../Card");
+var _Typography = require("../Typography");
+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 StyledPropertyList = exports.StyledPropertyList = (0, _styledComponents.default)(_Card.Card).withConfig({
+  displayName: "Styles__StyledPropertyList",
+  componentId: "sc-ssdfzo-0"
+})(["display:flex;flex-direction:column;overflow:clip;"]);
+var StyledPropertyListDivider = exports.StyledPropertyListDivider = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPropertyListDivider",
+  componentId: "sc-ssdfzo-1"
+})(["flex-shrink:0;height:1px;background-color:var(--border-raised);", ""], function (_ref) {
+  var $layout = _ref.$layout,
+    $density = _ref.$density;
+  return $layout === "stacked" && "margin-left: ".concat($density === "page" ? 44 : 46, "px;");
+});
+var highlight = "linear-gradient(var(--highlight-dark), var(--highlight-dark))";
+var StyledPropertyListRow = exports.StyledPropertyListRow = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledPropertyListRow",
+  componentId: "sc-ssdfzo-2"
+})(["position:relative;width:100%;border:0;text-align:left;background-color:", ";", " ", ""], function (_ref2) {
+  var $tone = _ref2.$tone;
+  return $tone === "alert" ? "var(--alert-surface-subtle)" : "transparent";
+}, function (_ref3) {
+  var $layout = _ref3.$layout,
+    $density = _ref3.$density;
+  return $layout === "table" ? (0, _styledComponents.css)(["display:grid;grid-template-columns:185px minmax(0,1fr) auto;align-items:center;min-height:36px;padding:4px 12px;"]) : (0, _styledComponents.css)(["display:flex;align-items:center;gap:8px;min-height:", "px;padding:6px 12px;"], $density === "page" ? 44 : 40);
+}, function (_ref4) {
+  var $clickable = _ref4.$clickable,
+    $tone = _ref4.$tone;
+  return $clickable && (0, _styledComponents.css)(["cursor:pointer;&:hover,&[aria-expanded=\"true\"]{", "}"], $tone === "alert" ? "background-image: ".concat(highlight, ";") : "background-color: var(--color-theme-200);");
+});
+var StyledPropertyListTableLabel = exports.StyledPropertyListTableLabel = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListTableLabel",
+  componentId: "sc-ssdfzo-3"
+})(["display:flex;align-items:center;gap:10px;min-width:0;padding-right:8px;"]);
+var StyledPropertyListIcon = exports.StyledPropertyListIcon = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListIcon",
+  componentId: "sc-ssdfzo-4"
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:", "px;height:", "px;& svg{fill:var(--color-theme-700);", "}"], function (_ref5) {
+  var $size = _ref5.$size;
+  return $size;
+}, function (_ref6) {
+  var $size = _ref6.$size;
+  return $size;
+}, function (_ref7) {
+  var $scale = _ref7.$scale,
+    $size = _ref7.$size;
+  return $scale && "width: ".concat($size, "px; height: ").concat($size, "px;");
+});
+var StyledPropertyListLabelText = exports.StyledPropertyListLabelText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+  displayName: "Styles__StyledPropertyListLabelText",
+  componentId: "sc-ssdfzo-5"
+})(["&&{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-theme-700);", "}"], function (_ref8) {
+  var $layout = _ref8.$layout,
+    $density = _ref8.$density;
+  return $layout === "stacked" && (0, _styledComponents.css)(["flex:1 1 0%;", ""], $density === "page" ? "margin-left: -4px;" : "padding-left: 6px;");
+});
+var StyledPropertyListValue = exports.StyledPropertyListValue = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+  displayName: "Styles__StyledPropertyListValue",
+  componentId: "sc-ssdfzo-6"
+})(["&&{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:", ";", "}"], function (_ref9) {
+  var $density = _ref9.$density;
+  return $density === "page" ? "15px" : "calc(1em + 1px)";
+}, function (_ref0) {
+  var $placeholder = _ref0.$placeholder,
+    $density = _ref0.$density;
+  return !$placeholder && "color: ".concat($density === "page" ? "var(--muted-text)" : "var(--color-theme-800)", ";");
+});
+var StyledPropertyListAddIcon = exports.StyledPropertyListAddIcon = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListAddIcon",
+  componentId: "sc-ssdfzo-7"
+})(["display:flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;& svg{fill:var(--color-theme-700);}"]);
+var StyledPropertyListTableValue = exports.StyledPropertyListTableValue = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListTableValue",
+  componentId: "sc-ssdfzo-8"
+})(["display:flex;align-items:center;gap:8px;min-width:0;"]);
+var StyledPropertyListTableAction = exports.StyledPropertyListTableAction = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListTableAction",
+  componentId: "sc-ssdfzo-9"
+})(["display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:16px;padding-left:8px;"]);
+var StyledPropertyListChevron = exports.StyledPropertyListChevron = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListChevron",
+  componentId: "sc-ssdfzo-10"
+})(["display:flex;flex-shrink:0;& svg{fill:var(--color-theme-700);}"]);
+var StyledPropertyListToggle = exports.StyledPropertyListToggle = _styledComponents.default.button.withConfig({
+  displayName: "Styles__StyledPropertyListToggle",
+  componentId: "sc-ssdfzo-11"
+})(["display:flex;align-items:center;width:100%;min-height:36px;padding:0 12px;border:0;background-color:transparent;color:var(--color-theme-600);font-size:13px;line-height:20px;text-align:left;cursor:pointer;&:hover,&:focus-visible{background-color:var(--color-theme-200);}"]);
+var StyledPropertyListBranch = exports.StyledPropertyListBranch = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListBranch",
+  componentId: "sc-ssdfzo-12"
+})(["position:absolute;top:0;left:19px;width:13px;height:50%;border:0 solid var(--color-theme-500);border-bottom-width:1px;border-left-width:1px;border-bottom-left-radius:4px;pointer-events:none;"]);
+var StyledPropertyListBranchLine = exports.StyledPropertyListBranchLine = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledPropertyListBranchLine",
+  componentId: "sc-ssdfzo-13"
+})(["position:absolute;top:50%;bottom:0;left:19px;width:1px;background-color:var(--color-theme-500);pointer-events:none;"]);
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Card","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledPropertyList","exports","styled","Card","withConfig","displayName","componentId","StyledPropertyListDivider","div","_ref","$layout","$density","concat","highlight","StyledPropertyListRow","_ref2","$tone","_ref3","css","_ref4","$clickable","StyledPropertyListTableLabel","span","StyledPropertyListIcon","_ref5","$size","_ref6","_ref7","$scale","StyledPropertyListLabelText","Body2","_ref8","StyledPropertyListValue","_ref9","_ref0","$placeholder","StyledPropertyListAddIcon","StyledPropertyListTableValue","StyledPropertyListTableAction","StyledPropertyListChevron","StyledPropertyListToggle","button","StyledPropertyListBranch","StyledPropertyListBranchLine"],"sources":["../../../../src/components/PropertyList/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Card } from \"../Card\";\nimport { Body2 } from \"../Typography\";\n\nexport type PropertyListDensity = \"form\" | \"page\";\nexport type PropertyListLayoutName = \"stacked\" | \"table\";\nexport type PropertyListTone = \"regular\" | \"alert\";\n\nexport const StyledPropertyList = styled(Card)`\n  display: flex;\n  flex-direction: column;\n  overflow: clip;\n`;\n\nexport const StyledPropertyListDivider = styled.div<{\n  $layout: PropertyListLayoutName;\n  $density: PropertyListDensity;\n}>`\n  flex-shrink: 0;\n  height: 1px;\n  background-color: var(--border-raised);\n  ${({ $layout, $density }) =>\n    $layout === \"stacked\" && `margin-left: ${$density === \"page\" ? 44 : 46}px;`}\n`;\n\nconst highlight =\n  \"linear-gradient(var(--highlight-dark), var(--highlight-dark))\";\n\nexport const StyledPropertyListRow = styled.div<{\n  $layout: PropertyListLayoutName;\n  $density: PropertyListDensity;\n  $tone: PropertyListTone;\n  $clickable: boolean;\n}>`\n  position: relative;\n  width: 100%;\n  border: 0;\n  text-align: left;\n  background-color: ${({ $tone }) =>\n    $tone === \"alert\" ? \"var(--alert-surface-subtle)\" : \"transparent\"};\n\n  ${({ $layout, $density }) =>\n    $layout === \"table\"\n      ? css`\n          display: grid;\n          grid-template-columns: 185px minmax(0, 1fr) auto;\n          align-items: center;\n          min-height: 36px;\n          padding: 4px 12px;\n        `\n      : css`\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          min-height: ${$density === \"page\" ? 44 : 40}px;\n          padding: 6px 12px;\n        `}\n\n  ${({ $clickable, $tone }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n\n      &:hover,\n      &[aria-expanded=\"true\"] {\n        ${$tone === \"alert\"\n          ? `background-image: ${highlight};`\n          : \"background-color: var(--color-theme-200);\"}\n      }\n    `}\n`;\n\nexport const StyledPropertyListTableLabel = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  padding-right: 8px;\n`;\n\nexport const StyledPropertyListIcon = styled.span<{\n  $size: number;\n  $scale: boolean;\n}>`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: ${({ $size }) => $size}px;\n  height: ${({ $size }) => $size}px;\n\n  & svg {\n    fill: var(--color-theme-700);\n    ${({ $scale, $size }) => $scale && `width: ${$size}px; height: ${$size}px;`}\n  }\n`;\n\nexport const StyledPropertyListLabelText = styled(Body2)<{\n  $layout: PropertyListLayoutName;\n  $density: PropertyListDensity;\n}>`\n  && {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--color-theme-700);\n\n    ${({ $layout, $density }) =>\n      $layout === \"stacked\" &&\n      css`\n        flex: 1 1 0%;\n        ${$density === \"page\" ? \"margin-left: -4px;\" : \"padding-left: 6px;\"}\n      `}\n  }\n`;\n\nexport const StyledPropertyListValue = styled(Body2)<{\n  $density: PropertyListDensity;\n  $placeholder: boolean;\n}>`\n  && {\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: ${({ $density }) =>\n      $density === \"page\" ? \"15px\" : \"calc(1em + 1px)\"};\n\n    ${({ $placeholder, $density }) =>\n      !$placeholder &&\n      `color: ${\n        $density === \"page\" ? \"var(--muted-text)\" : \"var(--color-theme-800)\"\n      };`}\n  }\n`;\n\nexport const StyledPropertyListAddIcon = styled.span`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n\n  & svg {\n    fill: var(--color-theme-700);\n  }\n`;\n\nexport const StyledPropertyListTableValue = styled.span`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n`;\n\nexport const StyledPropertyListTableAction = styled.span`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  min-width: 16px;\n  padding-left: 8px;\n`;\n\nexport const StyledPropertyListChevron = styled.span`\n  display: flex;\n  flex-shrink: 0;\n\n  & svg {\n    fill: var(--color-theme-700);\n  }\n`;\n\nexport const StyledPropertyListToggle = styled.button`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 36px;\n  padding: 0 12px;\n  border: 0;\n  background-color: transparent;\n  color: var(--color-theme-600);\n  font-size: 13px;\n  line-height: 20px;\n  text-align: left;\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n  }\n`;\n\nexport const StyledPropertyListBranch = styled.span`\n  position: absolute;\n  top: 0;\n  left: 19px;\n  width: 13px;\n  height: 50%;\n  border: 0 solid var(--color-theme-500);\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n  border-bottom-left-radius: 4px;\n  pointer-events: none;\n`;\n\nexport const StyledPropertyListBranchLine = styled.span`\n  position: absolute;\n  top: 50%;\n  bottom: 0;\n  left: 19px;\n  width: 1px;\n  background-color: var(--color-theme-500);\n  pointer-events: none;\n`;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_PropertyList","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/PropertyList/index.ts"],"sourcesContent":["export * from \"./PropertyList\";\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/ResizeHandle/ResizeHandle.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResizeHandle = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _excluded = ["label", "edge", "active", "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 ResizeHandle = exports.ResizeHandle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var label = _ref.label,
+    _ref$edge = _ref.edge,
+    edge = _ref$edge === void 0 ? "left" : _ref$edge,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledResizeHandle, _extends({
+    role: "separator",
+    "aria-orientation": "vertical",
+    "aria-label": label,
+    tabIndex: 0
+  }, rest, {
+    ref: ref,
+    $edge: edge,
+    className: (0, _classnames.default)("c-resize-handle", className)
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledResizeHandleLine, {
+    $active: active
+  }));
+});
+ResizeHandle.displayName = "ResizeHandle";
+//# sourceMappingURL=ResizeHandle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle.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","ResizeHandle","exports","forwardRef","_ref","ref","label","_ref$edge","edge","_ref$active","active","className","rest","createElement","StyledResizeHandle","role","tabIndex","$edge","classnames","StyledResizeHandleLine","$active","displayName"],"sources":["../../../../src/components/ResizeHandle/ResizeHandle.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledResizeHandle, StyledResizeHandleLine } from \"./Styles\";\n\nexport interface IResizeHandleProps extends HTMLAttributes<HTMLDivElement> {\n  /** The accessible name of the handle. */\n  label: string;\n  /** The edge of its positioned parent the handle stands on. */\n  edge?: \"left\" | \"right\";\n  /** Shows the line, as during a drag. */\n  active?: boolean;\n}\n\nexport const ResizeHandle = forwardRef<HTMLDivElement, IResizeHandleProps>(\n  ({ label, edge = \"left\", active = false, className, ...rest }, ref) => (\n    <StyledResizeHandle\n      role=\"separator\"\n      aria-orientation=\"vertical\"\n      aria-label={label}\n      tabIndex={0}\n      {...rest}\n      ref={ref}\n      $edge={edge}\n      className={classnames(\"c-resize-handle\", className)}\n    >\n      <StyledResizeHandleLine $active={active} />\n    </StyledResizeHandle>\n  )\n);\n\nResizeHandle.displayName = \"ResizeHandle\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledResizeHandleLine = exports.StyledResizeHandle = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var StyledResizeHandleLine = exports.StyledResizeHandleLine = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledResizeHandleLine",
+  componentId: "sc-bg73bx-0"
+})(["position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background-color:var(--selectable-active);opacity:", ";pointer-events:none;transition:opacity 150ms cubic-bezier(0.4,0,0.2,1);"], function (_ref) {
+  var $active = _ref.$active;
+  return $active ? 1 : 0;
+});
+var StyledResizeHandle = exports.StyledResizeHandle = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledResizeHandle",
+  componentId: "sc-bg73bx-1"
+})(["position:absolute;top:0;bottom:0;", ":0;width:8px;transform:translateX(", ");cursor:col-resize;outline:none;touch-action:none;&:hover ", ",&:focus-visible ", "{opacity:1;}"], function (_ref2) {
+  var $edge = _ref2.$edge;
+  return $edge;
+}, function (_ref3) {
+  var $edge = _ref3.$edge;
+  return $edge === "left" ? "-50%" : "50%";
+}, StyledResizeHandleLine, StyledResizeHandleLine);
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledResizeHandleLine","exports","styled","span","withConfig","displayName","componentId","_ref","$active","StyledResizeHandle","div","_ref2","$edge","_ref3"],"sources":["../../../../src/components/ResizeHandle/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledResizeHandleLine = styled.span<{ $active: boolean }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 1px;\n  transform: translateX(-50%);\n  background-color: var(--selectable-active);\n  opacity: ${({ $active }) => ($active ? 1 : 0)};\n  pointer-events: none;\n  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);\n`;\n\nexport const StyledResizeHandle = styled.div<{ $edge: \"left\" | \"right\" }>`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  ${({ $edge }) => $edge}: 0;\n  width: 8px;\n  transform: translateX(${({ $edge }) => ($edge === \"left\" ? \"-50%\" : \"50%\")});\n  cursor: col-resize;\n  outline: none;\n  touch-action: none;\n\n  &:hover ${StyledResizeHandleLine}, &:focus-visible ${StyledResizeHandleLine} {\n    opacity: 1;\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,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sNAQpC,UAAAC,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAQA,OAAO,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC,CAG9C;AAEM,IAAMC,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oLAIxC,UAAAK,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAOA,KAAK;AAAA,GAEE,UAAAC,KAAA;EAAA,IAAGD,KAAK,GAAAC,KAAA,CAALD,KAAK;EAAA,OAAQA,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,KAAK;AAAA,CAAC,EAKhEZ,sBAAsB,EAAqBA,sBAAsB,CAG5E","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ResizeHandle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/ResizeHandle/index.ts"],"sourcesContent":["export * from \"./ResizeHandle\";\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/Section/Section.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Section = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+var _Card = require("../Card");
+var _excluded = ["title", "counter", "actions", "card", "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 Section = exports.Section = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var title = _ref.title,
+    counter = _ref.counter,
+    actions = _ref.actions,
+    _ref$card = _ref.card,
+    card = _ref$card === void 0 ? false : _ref$card,
+    className = _ref.className,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var titleId = (0, _react.useId)();
+  var hasCounter = counter !== undefined && counter !== null;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSection, _extends({}, rest, {
+    ref: ref,
+    "aria-labelledby": title ? titleId : undefined,
+    className: (0, _classnames.default)("c-section", className)
+  }), title ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSectionHeader, {
+    className: "c-section__header"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledSectionTitle, {
+    id: titleId
+  }, title), hasCounter ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSectionCounter, {
+    className: "c-section__counter"
+  }, counter) : null, actions ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSectionActions, {
+    className: "c-section__actions"
+  }, actions) : null) : null, card ? /*#__PURE__*/_react.default.createElement(_Card.Card, {
+    variant: "raised",
+    radius: 24,
+    className: "c-section__body"
+  }, children) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "c-section__body"
+  }, children));
+});
+Section.displayName = "Section";
+//# sourceMappingURL=Section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Card","_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","Section","exports","forwardRef","_ref","ref","title","counter","actions","_ref$card","card","className","children","rest","titleId","useId","hasCounter","undefined","createElement","StyledSection","classnames","StyledSectionHeader","StyledSectionTitle","id","StyledSectionCounter","StyledSectionActions","Card","variant","radius","displayName"],"sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useId } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledSection,\n  StyledSectionActions,\n  StyledSectionCounter,\n  StyledSectionHeader,\n  StyledSectionTitle,\n} from \"./Styles\";\nimport { Card } from \"../Card\";\n\nexport interface ISectionProps\n  extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** The title of the section. Without it the section has no header. */\n  title?: ReactNode;\n  /** A short count beside the title, for example \"9 of 15\". */\n  counter?: ReactNode;\n  /** Controls at the right end of the header. */\n  actions?: ReactNode;\n  /** Puts the body in a raised card. */\n  card?: boolean;\n}\n\nexport const Section = forwardRef<HTMLElement, ISectionProps>(\n  (\n    { title, counter, actions, card = false, className, children, ...rest },\n    ref\n  ) => {\n    const titleId = useId();\n    const hasCounter = counter !== undefined && counter !== null;\n\n    return (\n      <StyledSection\n        {...rest}\n        ref={ref}\n        aria-labelledby={title ? titleId : undefined}\n        className={classnames(\"c-section\", className)}\n      >\n        {title ? (\n          <StyledSectionHeader className=\"c-section__header\">\n            <StyledSectionTitle id={titleId}>{title}</StyledSectionTitle>\n            {hasCounter ? (\n              <StyledSectionCounter className=\"c-section__counter\">\n                {counter}\n              </StyledSectionCounter>\n            ) : null}\n            {actions ? (\n              <StyledSectionActions className=\"c-section__actions\">\n                {actions}\n              </StyledSectionActions>\n            ) : null}\n          </StyledSectionHeader>\n        ) : null}\n        {card ? (\n          <Card variant=\"raised\" radius={24} className=\"c-section__body\">\n            {children}\n          </Card>\n        ) : (\n          <div className=\"c-section__body\">{children}</div>\n        )}\n      </StyledSection>\n    );\n  }\n);\n\nSection.displayName = \"Section\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSectionTitle = exports.StyledSectionHeader = exports.StyledSectionCounter = exports.StyledSectionActions = exports.StyledSection = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var StyledSection = exports.StyledSection = _styledComponents.default.section.withConfig({
+  displayName: "Styles__StyledSection",
+  componentId: "sc-vhpgru-0"
+})(["display:flex;flex-direction:column;gap:8px;min-width:0;"]);
+var StyledSectionHeader = exports.StyledSectionHeader = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSectionHeader",
+  componentId: "sc-vhpgru-1"
+})(["display:flex;align-items:center;gap:8px;min-height:24px;padding:0 16px;"]);
+var StyledSectionTitle = exports.StyledSectionTitle = _styledComponents.default.h3.withConfig({
+  displayName: "Styles__StyledSectionTitle",
+  componentId: "sc-vhpgru-2"
+})(["margin:0;font-size:16px;line-height:24px;font-weight:600;color:var(--color-theme-800);"]);
+var StyledSectionCounter = exports.StyledSectionCounter = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledSectionCounter",
+  componentId: "sc-vhpgru-3"
+})(["font-size:13px;line-height:20px;color:var(--color-theme-700);"]);
+var StyledSectionActions = exports.StyledSectionActions = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledSectionActions",
+  componentId: "sc-vhpgru-4"
+})(["display:flex;align-items:center;gap:16px;margin-left:auto;"]);
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledSection","exports","styled","section","withConfig","displayName","componentId","StyledSectionHeader","div","StyledSectionTitle","h3","StyledSectionCounter","span","StyledSectionActions"],"sources":["../../../../src/components/Section/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledSection = styled.section`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n`;\n\nexport const StyledSectionHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 24px;\n  padding: 0 16px;\n`;\n\nexport const StyledSectionTitle = styled.h3`\n  margin: 0;\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 600;\n  color: var(--color-theme-800);\n`;\n\nexport const StyledSectionCounter = styled.span`\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--color-theme-700);\n`;\n\nexport const StyledSectionActions = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-left: auto;\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,GAAGE,yBAAM,CAACC,OAAO,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAK1C;AAEM,IAAMC,mBAAmB,GAAAN,OAAA,CAAAM,mBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+EAM5C;AAEM,IAAMG,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAGP,yBAAM,CAACQ,EAAE,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8FAM1C;AAEM,IAAMK,oBAAoB,GAAAV,OAAA,CAAAU,oBAAA,GAAGT,yBAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAI9C;AAEM,IAAMO,oBAAoB,GAAAZ,OAAA,CAAAY,oBAAA,GAAGX,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAK7C","ignoreList":[]}