@activecollab/components 2.0.250 → 2.0.252

package/dist/index.js

@@ -198,11 +198,7 @@
   var StyledButtonElement = styled__default["default"].span.withConfig({
     displayName: "Styles__StyledButtonElement",
     componentId: "sc-vi1kcr-2"
-  })(["", " display:inline-flex;svg{margin:0 4px;}"], {
-    "overflow": "hidden",
-    "textOverflow": "ellipsis",
-    "whiteSpace": "nowrap"
-  });
+  })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
   var _excluded$4P = ["children", "active", "variant", "size", "className"];
@@ -16102,11 +16098,11 @@
     componentId: "sc-y7zymm-0"
   })(["border:0px;clip:rect(0px,0px,0px,0px);cursor:pointer;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0px;position:absolute;white-space:nowrap;width:1px;"]);
   StyledInput$3.displayName = "StyledInput";
-  var StyledLabel = styled__default["default"].label.withConfig({
+  var StyledLabel$1 = styled__default["default"].label.withConfig({
     displayName: "Styles__StyledLabel",
     componentId: "sc-y7zymm-1"
   })([""]);
-  StyledLabel.displayName = "StyledLabel";
+  StyledLabel$1.displayName = "StyledLabel";
   var StyledCheckbox$1 = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledCheckbox",
     componentId: "sc-y7zymm-2"
@@ -16116,13 +16112,13 @@
     return !props.mixed && styled.css(["stroke:var(--color-theme-500);"]);
   }, function (props) {
     return props.mixed && styled.css(["stroke:transparent;"]);
-  }, StyledInput$3, StyledLabel, StyledInput$3, StyledLabel, function (props) {
+  }, StyledInput$3, StyledLabel$1, StyledInput$3, StyledLabel$1, function (props) {
     return !props.mixed && styled.css(["rect{stroke:var(--color-secondary);stroke-width:3px;}"]);
-  }, StyledInput$3, StyledLabel, function (props) {
+  }, StyledInput$3, StyledLabel$1, function (props) {
     return props.mixed && styled.css(["stroke:transparent;"]);
   }, function (props) {
-    return props.hover && !props.mixed && styled.css(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput$3, StyledLabel);
-  }, StyledInput$3, StyledLabel, function (props) {
+    return props.hover && !props.mixed && styled.css(["", ":not(:checked) ~ ", "{path{stroke:var(--color-secondary-500);stroke-dashoffset:24;}rect{stroke:var(--color-secondary);stroke-width:3px;}}"], StyledInput$3, StyledLabel$1);
+  }, StyledInput$3, StyledLabel$1, function (props) {
     return !props.mixed && styled.css(["stroke:var(--page-paper-main);stroke-dashoffset:24;"]);
   }, function (props) {
     return props.mixed && styled.css(["stroke:transparent;"]);
@@ -16191,7 +16187,7 @@
       checked: initialChecked,
       onChange: handleChange,
       disabled: disabled
-    })), /*#__PURE__*/React__default["default"].createElement(StyledLabel, {
+    })), /*#__PURE__*/React__default["default"].createElement(StyledLabel$1, {
       htmlFor: id,
       className: "c-checkbox--label"
     }, /*#__PURE__*/React__default["default"].createElement(CheckboxIcon$1, {
@@ -20767,6 +20763,34 @@
   };
   Choose.displayName = "Choose";
 
+  var _excluded$s = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
+  var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var _ref$invalid = _ref.invalid,
+      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "regular" : _ref$size,
+      children = _ref.children,
+      className = _ref.className,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "bold" : _ref$weight,
+      htmlFor = _ref.htmlFor,
+      props = _objectWithoutProperties(_ref, _excluded$s);
+    var color = invalid ? "alert" : "primary";
+    var variant = size === "regular" ? "Body 2" : "Caption 1";
+    return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
+      as: "label",
+      className: classNames__default["default"]("c-label", className),
+      variant: variant,
+      color: color,
+      weight: weight,
+      ref: ref,
+      htmlFor: htmlFor
+    }, props), children, required ? "*" : null);
+  });
+  Label.displayName = "Label";
+
   var StyledChoose = styled__default["default"](Choose).withConfig({
     displayName: "Styles__StyledChoose",
     componentId: "sc-uv67fb-0"
@@ -20779,18 +20803,27 @@
     componentId: "sc-uv67fb-1"
   })(["display:flex;flex-direction:column;width:100%;gap:8px;"]);
   StyledVerticalContainer.displayName = "StyledVerticalContainer";
+  var StyledLabel = styled__default["default"](Label).withConfig({
+    displayName: "Styles__StyledLabel",
+    componentId: "sc-uv67fb-2"
+  })(["", ""], function (props) {
+    return !props.$disabled ? styled.css(["cursor:pointer;"]) : styled.css(["cursor:not-allowed;"]);
+  });
+  StyledLabel.displayName = "StyledLabel";
   var StyledRadioOption = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledRadioOption",
-    componentId: "sc-uv67fb-2"
-  })(["display:flex;align-items:center;gap:6px;cursor:pointer;&:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"]);
+    componentId: "sc-uv67fb-3"
+  })(["display:flex;align-items:center;gap:6px;", " &:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"], function (props) {
+    return !props.$disabled ? styled.css(["cursor:pointer;"]) : styled.css(["cursor:not-allowed;"]);
+  });
   StyledRadioOption.displayName = "StyledRadioOption";
   var StyledFlexContainer = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledFlexContainer",
-    componentId: "sc-uv67fb-3"
+    componentId: "sc-uv67fb-4"
   })(["display:flex;width:100%;"]);
   StyledFlexContainer.displayName = "StyledFlexContainer";
 
-  var _excluded$s = ["required", "multiple", "invalid", "options", "selected", "onChange"];
+  var _excluded$r = ["required", "multiple", "invalid", "options", "selected", "onChange"];
   var ChooseV2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _parentSize$width, _flexSize$width;
     var _ref$required = _ref.required,
@@ -20802,7 +20835,7 @@
       options = _ref.options,
       selected = _ref.selected,
       onChange = _ref.onChange,
-      rest = _objectWithoutProperties(_ref, _excluded$s);
+      rest = _objectWithoutProperties(_ref, _excluded$r);
     var internalRef = React.useRef(null);
     var flexContainerRef = React.useRef(null);
     var handleRef = useForkRef(ref, internalRef);
@@ -20856,9 +20889,6 @@
         onChange(_newSelected);
       }
     };
-    var handleRadioChange = function handleRadioChange(id) {
-      if (multiple) handleSelect(id);else onChange([id]);
-    };
     if (!isReady) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: handleRef,
@@ -20877,19 +20907,30 @@
       }
     }), useVerticalLayout ? /*#__PURE__*/React__default["default"].createElement(StyledVerticalContainer, null, options.map(function (option) {
       return /*#__PURE__*/React__default["default"].createElement(StyledRadioOption, {
+        $disabled: !!option.disabled,
         key: option.id,
-        "data-disabled": option.disabled,
-        onClick: function onClick() {
-          return !option.disabled && handleRadioChange(option.id);
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(RadioButton, {
+        "data-disabled": option.disabled
+      }, multiple || !required ? /*#__PURE__*/React__default["default"].createElement(Checkbox, {
+        checked: selected.includes(option.id),
+        disabled: option.disabled,
+        onChange: function onChange() {
+          return !option.disabled && handleSelect(option.id);
+        },
+        name: "choose-v2-".concat(option.id),
+        id: "choose-v2-".concat(option.id)
+      }) : /*#__PURE__*/React__default["default"].createElement(RadioButton, {
         checked: selected.includes(option.id),
         disabled: option.disabled,
         onChange: function onChange() {
-          return !option.disabled && handleRadioChange(option.id);
+          return !option.disabled && handleSelect(option.id);
         },
-        name: multiple ? "choose-v2-".concat(option.id) : "choose-v2-group"
-      }), /*#__PURE__*/React__default["default"].createElement(Body2, null, option.name));
+        id: "choose-v2-".concat(option.id),
+        name: "choose-v2-".concat(option.id)
+      }), /*#__PURE__*/React__default["default"].createElement(StyledLabel, {
+        $disabled: !!option.disabled,
+        weight: "regular",
+        htmlFor: "choose-v2-".concat(option.id)
+      }, option.name));
     })) : /*#__PURE__*/React__default["default"].createElement(StyledFlexContainer, {
       ref: flexContainerRef
     }, /*#__PURE__*/React__default["default"].createElement(ButtonGroup, {
@@ -20994,21 +21035,21 @@
   StyledLinkElements.displayName = "StyledLinkElements";
   StyledLink.displayName = "StyledLink";
 
-  var _excluded$r = ["children", "className"];
+  var _excluded$q = ["children", "className"];
   /**
    * Back link component
    */
   var BackLink = function BackLink(_ref) {
     var children = _ref.children,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$r);
+      args = _objectWithoutProperties(_ref, _excluded$q);
     return /*#__PURE__*/React__default["default"].createElement(StyledBackLink, _extends({
       className: classNames__default["default"]("c-back-link", className)
     }, args), children);
   };
   BackLink.displayName = "BackLink";
 
-  var _excluded$q = ["as", "children", "variant", "size", "disabled", "className"];
+  var _excluded$p = ["as", "children", "variant", "size", "disabled", "className"];
   /**
    * Link component
    */
@@ -21021,7 +21062,7 @@
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$q);
+      args = _objectWithoutProperties(_ref, _excluded$p);
     var Component = as || "a";
     return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
       ref: ref,
@@ -21464,7 +21505,7 @@
   StyledToastMessage.displayName = "StyledToastMessage";
   StyledCloseSmallIcon.displayName = "StyledCloseSmallIcon";
 
-  var _excluded$p = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
+  var _excluded$o = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
   var ToastMessage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var text = _ref.text,
       type = _ref.type,
@@ -21475,7 +21516,7 @@
       dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$p);
+      rest = _objectWithoutProperties(_ref, _excluded$o);
     var handleOnClose = React.useCallback(function () {
       if (typeof onClose === "function") {
         onClose();
@@ -21523,7 +21564,7 @@
   });
   StyledValueButton$1.displayName = "StyledValueButton";
 
-  var _excluded$o = ["active", "alwaysShowIcon", "icon", "label", "value"];
+  var _excluded$n = ["active", "alwaysShowIcon", "icon", "label", "value"];
   var ValueButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
@@ -21532,7 +21573,7 @@
       icon = _ref.icon,
       label = _ref.label,
       value = _ref.value,
-      args = _objectWithoutProperties(_ref, _excluded$o);
+      args = _objectWithoutProperties(_ref, _excluded$n);
     return /*#__PURE__*/React__default["default"].createElement(StyledValueButton$1, _extends({
       className: "c-value-button"
     }, args, {
@@ -21600,7 +21641,7 @@
   });
   StyledCaretIcon.displayName = "StyledCaretIcon";
 
-  var _excluded$n = ["children", "type", "size", "invalid", "open", "endAdornment", "typographyProps", "mode"];
+  var _excluded$m = ["children", "type", "size", "invalid", "open", "endAdornment", "typographyProps", "mode"];
   var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$type = _ref.type,
@@ -21615,7 +21656,7 @@
       typographyProps = _ref.typographyProps,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$n);
+      rest = _objectWithoutProperties(_ref, _excluded$m);
     var variant = React.useMemo(function () {
       if (size === "big") {
         return "Body 1";
@@ -21646,7 +21687,7 @@
   });
   SelectTrigger.displayName = "SelectTrigger";
 
-  var _excluded$m = ["mode", "selected", "min", "max", "onChange", "target", "triggerMode", "step"];
+  var _excluded$l = ["mode", "selected", "min", "max", "onChange", "target", "triggerMode", "step"];
   var renderOption = function renderOption(option) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       id: option.id
@@ -21665,7 +21706,7 @@
       triggerMode = _ref.triggerMode,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 15 : _ref$step,
-      rest = _objectWithoutProperties(_ref, _excluded$m);
+      rest = _objectWithoutProperties(_ref, _excluded$l);
     var generateTimeOptions = function generateTimeOptions() {
       var minTime = moment__default$1["default"](isValidTime(min) ? min : "00:00", "HH:mm");
       var maxTime = moment__default$1["default"](isValidTime(max) ? max : "23:45", "HH:mm");
@@ -21740,11 +21781,11 @@
   });
   StyledToggle.displayName = "StyledToggle";
 
-  var _excluded$l = ["hovered", "className"];
+  var _excluded$k = ["hovered", "className"];
   var Toggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var hovered = _ref.hovered,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$l);
+      args = _objectWithoutProperties(_ref, _excluded$k);
     return /*#__PURE__*/React__default["default"].createElement(StyledToggle, {
       className: classNames__default["default"]("c-toggle", className),
       $isHovered: hovered,
@@ -21772,11 +21813,11 @@
   })(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
   StyledAddToListButton.displayName = "StyledAddToListButton";
 
-  var _excluded$k = ["text", "className"];
+  var _excluded$j = ["text", "className"];
   var AddToListButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var text = _ref.text,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$k);
+      rest = _objectWithoutProperties(_ref, _excluded$j);
     return /*#__PURE__*/React__default["default"].createElement(StyledAddToListButton, _extends({
       ref: ref,
       className: classNames__default["default"]("c--add-to-list-btn", className)
@@ -21902,7 +21943,7 @@
   });
   StyledProgressRingPercentage.displayName = "StyledProgressRingPercentage";
 
-  var _excluded$j = ["className", "children"];
+  var _excluded$i = ["className", "children"];
   var ProgressCircle = function ProgressCircle(_ref) {
     var backgroundColor = _ref.backgroundColor,
       progressColor = _ref.progressColor,
@@ -21979,7 +22020,7 @@
   var ProgressRing = function ProgressRing(_ref2) {
     var className = _ref2.className,
       children = _ref2.children,
-      rest = _objectWithoutProperties(_ref2, _excluded$j);
+      rest = _objectWithoutProperties(_ref2, _excluded$i);
     return /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
       className: classNames__default["default"](className),
       "data-testid": "progress-ring"
@@ -21987,11 +22028,11 @@
   };
   ProgressRing.displayName = "ProgressRing";
 
-  var _excluded$i = ["radius"];
+  var _excluded$h = ["radius"];
   var ProgressPie = function ProgressPie(_ref) {
     var _ref$radius = _ref.radius,
       radius = _ref$radius === void 0 ? 20 : _ref$radius,
-      rest = _objectWithoutProperties(_ref, _excluded$i);
+      rest = _objectWithoutProperties(_ref, _excluded$h);
     return /*#__PURE__*/React__default["default"].createElement(ProgressCircle, _extends({}, rest, {
       stroke: radius,
       radius: radius
@@ -22315,34 +22356,6 @@
   ThumbsDownIcon.displayName = "ThumbsDownIcon";
   var ThumbsDownIcon$1 = ThumbsDownIcon;
 
-  var _excluded$h = ["invalid", "required", "size", "children", "className", "weight", "htmlFor"];
-  var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "regular" : _ref$size,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? "bold" : _ref$weight,
-      htmlFor = _ref.htmlFor,
-      props = _objectWithoutProperties(_ref, _excluded$h);
-    var color = invalid ? "alert" : "primary";
-    var variant = size === "regular" ? "Body 2" : "Caption 1";
-    return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
-      as: "label",
-      className: classNames__default["default"]("c-label", className),
-      variant: variant,
-      color: color,
-      weight: weight,
-      ref: ref,
-      htmlFor: htmlFor
-    }, props), children, required ? "*" : null);
-  });
-  Label.displayName = "Label";
-
   var GlobalStyle = styled.createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--ai-gradient:linear-gradient(135deg,#4da2ed,#9f69e5,#ec43d8,#f72222);--ai-gradient-lighter:linear-gradient( 135deg,rgba(77,162,237,0.1),rgba(159,105,229,0.1),rgba(236,67,216,0.1),rgba(230,10,10,0.1) );--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}.c-date-picker--calendar{width:260px;padding:16px 0px 8px 0px;margin:auto;background-color:var(--page-paper-main);}"]);
 
   var StyledDiv = styled__default["default"].div.withConfig({
@@ -23492,16 +23505,16 @@
   });
   Wizard.displayName = "Wizard";
 
-  var ContentWizardContext = /*#__PURE__*/React.createContext(undefined);
-  var ContentWizardContextProvider = function ContentWizardContextProvider(_ref) {
+  var ContentStepperContext = /*#__PURE__*/React.createContext(undefined);
+  var ContentStepperContextProvider = function ContentStepperContextProvider(_ref) {
     var children = _ref.children,
       value = _ref.value;
-    return /*#__PURE__*/React__default["default"].createElement(ContentWizardContext.Provider, {
+    return /*#__PURE__*/React__default["default"].createElement(ContentStepperContext.Provider, {
       value: value
     }, children);
   };
-  var useContentWizardContext = function useContentWizardContext() {
-    var context = React.useContext(ContentWizardContext);
+  var useContentStepperContext = function useContentStepperContext() {
+    var context = React.useContext(ContentStepperContext);
     if (context === undefined) {
       throw new Error("useContentWizardContext must be used within a ContentWizardContextProvider");
     }
@@ -23529,7 +23542,7 @@
     componentId: "sc-16hr2bg-1"
   })(["width:100%;"]);
 
-  var ContentWizard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var ContentStepper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
       controlledStep = _ref.step,
@@ -23607,7 +23620,7 @@
         return null;
       });
     }, [activeStep, childrenCollection, isLeft, enteredStep, handleHeight, handleEntered]);
-    return /*#__PURE__*/React__default["default"].createElement(ContentWizardContextProvider, {
+    return /*#__PURE__*/React__default["default"].createElement(ContentStepperContextProvider, {
       value: {
         activeStep,
         setActiveStep,
@@ -23628,7 +23641,7 @@
       $height: height
     }, renderSteps)));
   });
-  ContentWizard.displayName = "ContentWizard";
+  ContentStepper.displayName = "ContentStepper";
 
   var AvatarGroupsStyles = styled__default["default"].div.withConfig({
     displayName: "Styles__AvatarGroupsStyles",
@@ -24666,7 +24679,7 @@
   exports.ComputerIcon = ComputerIcon$1;
   exports.ConfirmDialog = ConfirmDialog;
   exports.ContentStep = ContentStep;
-  exports.ContentWizard = ContentWizard;
+  exports.ContentStepper = ContentStepper;
   exports.CopyIcon = CopyIcon$1;
   exports.CounterButton = CounterButton;
   exports.CrownBlankIcon = CrownBlankIcon$1;
@@ -24944,7 +24957,7 @@
   exports.numberWithSeparator = numberWithSeparator;
   exports.signifierTypes = signifierTypes;
   exports.toMoment = toMoment;
-  exports.useContentWizardContext = useContentWizardContext;
+  exports.useContentStepperContext = useContentStepperContext;
   exports.useEntityGroupContext = useEntityGroupContext;
   exports.useForkRef = useForkRef;
   exports.useHeight = useHeight;