@activecollab/components 2.0.251 → 2.0.252

package/dist/cjs/components/ChooseV2/ChooseV2.js

@@ -8,8 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _Styles = require("./Styles");
 var _utils = require("../../utils");
 var _ButtonGroup = require("../ButtonGroup");
+var _Checkbox = require("../Checkbox");
 var _RadioButton = require("../RadioButton");
-var _Typography = require("../Typography");
 var _excluded = ["required", "multiple", "invalid", "options", "selected", "onChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -87,9 +87,6 @@ var ChooseV2 = exports.ChooseV2 = /*#__PURE__*/_react.default.forwardRef(functio
       onChange(_newSelected);
     }
   };
-  var handleRadioChange = function handleRadioChange(id) {
-    if (multiple) handleSelect(id);else onChange([id]);
-  };
   if (!isReady) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: handleRef,
@@ -108,19 +105,30 @@ var ChooseV2 = exports.ChooseV2 = /*#__PURE__*/_react.default.forwardRef(functio
     }
   }), useVerticalLayout ? /*#__PURE__*/_react.default.createElement(_Styles.StyledVerticalContainer, null, options.map(function (option) {
     return /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioOption, {
+      $disabled: !!option.disabled,
       key: option.id,
-      "data-disabled": option.disabled,
-      onClick: function onClick() {
-        return !option.disabled && handleRadioChange(option.id);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, {
+      "data-disabled": option.disabled
+    }, multiple || !required ? /*#__PURE__*/_react.default.createElement(_Checkbox.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.createElement(_RadioButton.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.createElement(_Typography.Body2, null, option.name));
+      id: "choose-v2-".concat(option.id),
+      name: "choose-v2-".concat(option.id)
+    }), /*#__PURE__*/_react.default.createElement(_Styles.StyledLabel, {
+      $disabled: !!option.disabled,
+      weight: "regular",
+      htmlFor: "choose-v2-".concat(option.id)
+    }, option.name));
   })) : /*#__PURE__*/_react.default.createElement(_Styles.StyledFlexContainer, {
     ref: flexContainerRef
   }, /*#__PURE__*/_react.default.createElement(_ButtonGroup.ButtonGroup, {

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

@@ -1 +1 @@
-{"version":3,"file":"ChooseV2.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_ButtonGroup","_RadioButton","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ChooseV2","exports","React","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","_ref$required","required","_ref$multiple","multiple","_ref$invalid","invalid","options","selected","onChange","rest","internalRef","useRef","flexContainerRef","handleRef","useForkRef","_useState","useState","_useState2","useVerticalLayout","setUseVerticalLayout","_useState3","_useState4","isReady","setIsReady","parentSize","useResizeObserver","flexSize","parentWidth","width","flexWidth","useEffect","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","handleRadioChange","minHeight","StyledVerticalContainer","map","StyledRadioOption","disabled","onClick","RadioButton","checked","concat","Body2","StyledFlexContainer","ButtonGroup","StyledChoose","active","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n  StyledChoose,\n  StyledFlexContainer,\n  StyledRadioOption,\n  StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Body2 } from \"../Typography\";\n\nexport interface ChooseV2Option {\n  id: string | number;\n  name: string;\n  disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n  required?: boolean;\n  multiple?: boolean;\n  invalid?: boolean;\n  options: ChooseV2Option[];\n  selected: (string | number)[];\n  onChange: (ids: (string | number)[]) => void;\n}\n\nexport const ChooseV2 = React.forwardRef<\n  HTMLDivElement,\n  ChooseV2Props &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n  (\n    {\n      required = false,\n      multiple = false,\n      invalid = false,\n      options,\n      selected,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const flexContainerRef = useRef<HTMLDivElement | null>(null);\n    const handleRef = useForkRef(ref, internalRef);\n\n    const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n    const [isReady, setIsReady] = useState(false);\n\n    const parentSize = useResizeObserver(internalRef);\n    const flexSize = useResizeObserver(flexContainerRef);\n\n    const parentWidth = parentSize?.width ?? 0;\n    const flexWidth = flexSize?.width ?? 0;\n\n    useEffect(() => {\n      if (parentWidth === 0) return;\n\n      const measure = () => {\n        const temp = document.createElement(\"div\");\n        temp.style.display = \"inline-flex\";\n        temp.style.visibility = \"hidden\";\n        temp.style.position = \"absolute\";\n        temp.style.whiteSpace = \"nowrap\";\n        temp.style.pointerEvents = \"none\";\n        document.body.appendChild(temp);\n\n        options.forEach((option) => {\n          const button = document.createElement(\"button\");\n          button.textContent = option.name;\n          button.style.padding = \"6px 12px\";\n          button.style.border = \"1px solid transparent\";\n          button.style.marginRight = \"4px\";\n          temp.appendChild(button);\n        });\n\n        const totalWidth = temp.offsetWidth + 8;\n        document.body.removeChild(temp);\n\n        setUseVerticalLayout(totalWidth > parentWidth);\n        setIsReady(true);\n      };\n\n      requestAnimationFrame(measure);\n    }, [parentWidth, options, flexWidth]);\n\n    const handleSelect = (id: string | number) => {\n      if (multiple) {\n        const newSelected = selected.includes(id)\n          ? selected.filter((s) => s !== id)\n          : [...selected, id];\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      } else {\n        const newSelected = selected.includes(id) ? [] : [id];\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      }\n    };\n\n    const handleRadioChange = (id: string | number) => {\n      if (multiple) handleSelect(id);\n      else onChange([id]);\n    };\n\n    if (!isReady) {\n      return (\n        <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n      );\n    }\n\n    return (\n      <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n        {useVerticalLayout ? (\n          <StyledVerticalContainer>\n            {options.map((option) => (\n              <StyledRadioOption\n                key={option.id}\n                data-disabled={option.disabled}\n                onClick={() => !option.disabled && handleRadioChange(option.id)}\n              >\n                <RadioButton\n                  checked={selected.includes(option.id)}\n                  disabled={option.disabled}\n                  onChange={() =>\n                    !option.disabled && handleRadioChange(option.id)\n                  }\n                  name={multiple ? `choose-v2-${option.id}` : \"choose-v2-group\"}\n                />\n                <Body2>{option.name}</Body2>\n              </StyledRadioOption>\n            ))}\n          </StyledVerticalContainer>\n        ) : (\n          <StyledFlexContainer ref={flexContainerRef}>\n            <ButtonGroup invalid={invalid}>\n              {options.map((option) => (\n                <StyledChoose\n                  key={option.id}\n                  active={selected.includes(option.id)}\n                  disabled={option.disabled}\n                  onClick={() => handleSelect(option.id)}\n                >\n                  {option.name}\n                </StyledChoose>\n              ))}\n            </ButtonGroup>\n          </StyledFlexContainer>\n        )}\n      </div>\n    );\n  }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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"}
+{"version":3,"file":"ChooseV2.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_ButtonGroup","_Checkbox","_RadioButton","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ChooseV2","exports","React","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","_ref$required","required","_ref$multiple","multiple","_ref$invalid","invalid","options","selected","onChange","rest","internalRef","useRef","flexContainerRef","handleRef","useForkRef","_useState","useState","_useState2","useVerticalLayout","setUseVerticalLayout","_useState3","_useState4","isReady","setIsReady","parentSize","useResizeObserver","flexSize","parentWidth","width","flexWidth","useEffect","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","minHeight","StyledVerticalContainer","map","StyledRadioOption","$disabled","disabled","Checkbox","checked","concat","RadioButton","StyledLabel","weight","htmlFor","StyledFlexContainer","ButtonGroup","StyledChoose","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n  StyledChoose,\n  StyledFlexContainer,\n  StyledLabel,\n  StyledRadioOption,\n  StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n  id: string | number;\n  name: string;\n  disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n  required?: boolean;\n  multiple?: boolean;\n  invalid?: boolean;\n  options: ChooseV2Option[];\n  selected: (string | number)[];\n  onChange: (ids: (string | number)[]) => void;\n}\n\nexport const ChooseV2 = React.forwardRef<\n  HTMLDivElement,\n  ChooseV2Props &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n  (\n    {\n      required = false,\n      multiple = false,\n      invalid = false,\n      options,\n      selected,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const flexContainerRef = useRef<HTMLDivElement | null>(null);\n    const handleRef = useForkRef(ref, internalRef);\n\n    const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n    const [isReady, setIsReady] = useState(false);\n\n    const parentSize = useResizeObserver(internalRef);\n    const flexSize = useResizeObserver(flexContainerRef);\n\n    const parentWidth = parentSize?.width ?? 0;\n    const flexWidth = flexSize?.width ?? 0;\n\n    useEffect(() => {\n      if (parentWidth === 0) return;\n\n      const measure = () => {\n        const temp = document.createElement(\"div\");\n        temp.style.display = \"inline-flex\";\n        temp.style.visibility = \"hidden\";\n        temp.style.position = \"absolute\";\n        temp.style.whiteSpace = \"nowrap\";\n        temp.style.pointerEvents = \"none\";\n        document.body.appendChild(temp);\n\n        options.forEach((option) => {\n          const button = document.createElement(\"button\");\n          button.textContent = option.name;\n          button.style.padding = \"6px 12px\";\n          button.style.border = \"1px solid transparent\";\n          button.style.marginRight = \"4px\";\n          temp.appendChild(button);\n        });\n\n        const totalWidth = temp.offsetWidth + 8;\n        document.body.removeChild(temp);\n\n        setUseVerticalLayout(totalWidth > parentWidth);\n        setIsReady(true);\n      };\n\n      requestAnimationFrame(measure);\n    }, [parentWidth, options, flexWidth]);\n\n    const handleSelect = (id: string | number) => {\n      if (multiple) {\n        const newSelected = selected.includes(id)\n          ? selected.filter((s) => s !== id)\n          : [...selected, id];\n\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      } else {\n        const newSelected = selected.includes(id) ? [] : [id];\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      }\n    };\n\n    if (!isReady) {\n      return (\n        <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n      );\n    }\n\n    return (\n      <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n        {useVerticalLayout ? (\n          <StyledVerticalContainer>\n            {options.map((option) => (\n              <StyledRadioOption\n                $disabled={!!option.disabled}\n                key={option.id}\n                data-disabled={option.disabled}\n              >\n                {multiple || !required ? (\n                  <Checkbox\n                    checked={selected.includes(option.id)}\n                    disabled={option.disabled}\n                    onChange={() => !option.disabled && handleSelect(option.id)}\n                    name={`choose-v2-${option.id}`}\n                    id={`choose-v2-${option.id}`}\n                  />\n                ) : (\n                  <RadioButton\n                    checked={selected.includes(option.id)}\n                    disabled={option.disabled}\n                    onChange={() => !option.disabled && handleSelect(option.id)}\n                    id={`choose-v2-${option.id}`}\n                    name={`choose-v2-${option.id}`}\n                  />\n                )}\n                <StyledLabel\n                  $disabled={!!option.disabled}\n                  weight=\"regular\"\n                  htmlFor={`choose-v2-${option.id}`}\n                >\n                  {option.name}\n                </StyledLabel>\n              </StyledRadioOption>\n            ))}\n          </StyledVerticalContainer>\n        ) : (\n          <StyledFlexContainer ref={flexContainerRef}>\n            <ButtonGroup invalid={invalid}>\n              {options.map((option) => (\n                <StyledChoose\n                  key={option.id}\n                  active={selected.includes(option.id)}\n                  disabled={option.disabled}\n                  onClick={() => handleSelect(option.id)}\n                >\n                  {option.name}\n                </StyledChoose>\n              ))}\n            </ButtonGroup>\n          </StyledFlexContainer>\n        )}\n      </div>\n    );\n  }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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"}

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

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledVerticalContainer = exports.StyledRadioOption = exports.StyledFlexContainer = exports.StyledChoose = void 0;
+exports.StyledVerticalContainer = exports.StyledRadioOption = exports.StyledLabel = exports.StyledFlexContainer = exports.StyledChoose = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Choose = require("../Choose/Choose");
+var _Label = require("../Label");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var StyledChoose = exports.StyledChoose = (0, _styledComponents.default)(_Choose.Choose).withConfig({
@@ -20,14 +21,23 @@ var StyledVerticalContainer = exports.StyledVerticalContainer = _styledComponent
   componentId: "sc-uv67fb-1"
 })(["display:flex;flex-direction:column;width:100%;gap:8px;"]);
 StyledVerticalContainer.displayName = "StyledVerticalContainer";
+var StyledLabel = exports.StyledLabel = (0, _styledComponents.default)(_Label.Label).withConfig({
+  displayName: "Styles__StyledLabel",
+  componentId: "sc-uv67fb-2"
+})(["", ""], function (props) {
+  return !props.$disabled ? (0, _styledComponents.css)(["cursor:pointer;"]) : (0, _styledComponents.css)(["cursor:not-allowed;"]);
+});
+StyledLabel.displayName = "StyledLabel";
 var StyledRadioOption = exports.StyledRadioOption = _styledComponents.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 ? (0, _styledComponents.css)(["cursor:pointer;"]) : (0, _styledComponents.css)(["cursor:not-allowed;"]);
+});
 StyledRadioOption.displayName = "StyledRadioOption";
 var StyledFlexContainer = exports.StyledFlexContainer = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledFlexContainer",
-  componentId: "sc-uv67fb-3"
+  componentId: "sc-uv67fb-4"
 })(["display:flex;width:100%;"]);
 StyledFlexContainer.displayName = "StyledFlexContainer";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Choose","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledChoose","exports","styled","Choose","withConfig","displayName","componentId","props","active","css","StyledVerticalContainer","div","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\n\nexport const StyledChoose = styled(Choose)`\n  flex-shrink: 0;\n  white-space: nowrap;\n\n  ${(props) =>\n    !props.active &&\n    css`\n      background-color: transparent !important;\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledRadioOption = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &[data-disabled=\"true\"] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n  display: flex;\n  width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA0C,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEnC,IAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAItC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,MAAM,QACbC,qBAAG,+CAEF;AAAA,EACJ;AAEDT,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMK,uBAAuB,GAAAT,OAAA,CAAAS,uBAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDI,uBAAuB,CAACL,WAAW,GAAG,yBAAyB;AAExD,IAAMO,iBAAiB,GAAAX,OAAA,CAAAW,iBAAA,GAAGV,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAc1C;AAEDM,iBAAiB,CAACP,WAAW,GAAG,mBAAmB;AAE5C,IAAMQ,mBAAmB,GAAAZ,OAAA,CAAAY,mBAAA,GAAGX,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDO,mBAAmB,CAACR,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Choose","_Label","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledChoose","exports","styled","Choose","withConfig","displayName","componentId","props","active","css","StyledVerticalContainer","div","StyledLabel","Label","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n  flex-shrink: 0;\n  white-space: nowrap;\n\n  ${(props) =>\n    !props.active &&\n    css`\n      background-color: transparent !important;\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n  ${(props) =>\n    !props.$disabled\n      ? css`\n          cursor: pointer;\n        `\n      : css`\n          cursor: not-allowed;\n        `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  ${(props) =>\n    !props.$disabled\n      ? css`\n          cursor: pointer;\n        `\n      : css`\n          cursor: not-allowed;\n        `}\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &[data-disabled=\"true\"] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n  display: flex;\n  width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE1B,IAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAItC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,MAAM,QACbC,qBAAG,+CAEF;AAAA,EACJ;AAEDT,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMK,uBAAuB,GAAAT,OAAA,CAAAS,uBAAA,GAAGR,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDI,uBAAuB,CAACL,WAAW,GAAG,yBAAyB;AAExD,IAAMO,WAAW,GAAAX,OAAA,CAAAW,WAAA,GAAG,IAAAV,yBAAM,EAACW,YAAK,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACO,SAAS,OACZL,qBAAG,6BAGHA,qBAAG,0BAEF;AAAA,EACR;AAEDG,WAAW,CAACP,WAAW,GAAG,aAAa;AAEhC,IAAMU,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAGb,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKvC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACO,SAAS,OACZL,qBAAG,6BAGHA,qBAAG,0BAEF;AAAA,EAUR;AAEDM,iBAAiB,CAACV,WAAW,GAAG,mBAAmB;AAE5C,IAAMW,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAGd,yBAAM,CAACS,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDU,mBAAmB,CAACX,WAAW,GAAG,qBAAqB"}

package/dist/cjs/components/ContentWizard/{ContentWizard.js → ContentStepper.js}

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ContentWizard = void 0;
+exports.ContentStepper = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactFocusLock = require("react-focus-lock");
 var _ContentStep = require("./ContentStep");
-var _ContentWizardContext = require("./context/ContentWizardContext");
+var _ContentStepperContext = require("./context/ContentStepperContext");
 var _Styles = require("./Styles");
 var _Transitions = require("../Transitions");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -18,7 +18,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 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(arr) { if (Array.isArray(arr)) return arr; }
-var ContentWizard = exports.ContentWizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var ContentStepper = exports.ContentStepper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     controlledStep = _ref.step,
@@ -96,7 +96,7 @@ var ContentWizard = exports.ContentWizard = /*#__PURE__*/(0, _react.forwardRef)(
       return null;
     });
   }, [activeStep, childrenCollection, isLeft, enteredStep, handleHeight, handleEntered]);
-  return /*#__PURE__*/_react.default.createElement(_ContentWizardContext.ContentWizardContextProvider, {
+  return /*#__PURE__*/_react.default.createElement(_ContentStepperContext.ContentStepperContextProvider, {
     value: {
       activeStep,
       setActiveStep,
@@ -117,5 +117,5 @@ var ContentWizard = exports.ContentWizard = /*#__PURE__*/(0, _react.forwardRef)(
     $height: height
   }, renderSteps)));
 });
-ContentWizard.displayName = "ContentWizard";
-//# sourceMappingURL=ContentWizard.js.map
+ContentStepper.displayName = "ContentStepper";
+//# sourceMappingURL=ContentStepper.js.map

package/dist/cjs/components/ContentWizard/ContentStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentStepper.js","names":["_react","_interopRequireWildcard","require","_reactFocusLock","_ContentStep","_ContentStepperContext","_Styles","_Transitions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","ContentStepper","exports","forwardRef","_ref","ref","children","className","controlledStep","step","onStepChange","childrenCollection","useMemo","React","Children","toArray","_useState","useState","_useState2","internalStep","setInternalStep","_useState3","_useState4","enteredStep","setEnteredStep","_useState5","_useState6","height","setHeight","previousStepRef","useRef","activeStep","undefined","isLeft","prevStep","current","direction","setActiveStep","useCallback","newStep","goNext","nextIndex","Math","min","goPrevious","prevIndex","max","handleHeight","element","concat","offsetHeight","handleEntered","stepIndex","renderSteps","map","child","index","type","ContentStep","stepContent","cloneElement","key","isFirst","isLast","createElement","SlideLeftRightTransition","in","onEnter","onEntered","MoveFocusInside","disabled","StyledStepWrapper","ContentStepperContextProvider","totalSteps","ResizeTransition","style","width","StyledContentWizardContainer","$height","displayName"],"sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { ContentStep } from \"./ContentStep\";\nimport { ContentStepperContextProvider } from \"./context/ContentStepperContext\";\nimport { StyledContentWizardContainer, StyledStepWrapper } from \"./Styles\";\nimport { SlideLeftRightTransition, ResizeTransition } from \"../Transitions\";\n\nexport interface IContentStepper {\n  children: ReactNode;\n  className?: string;\n  step?: number;\n  onStepChange?: (step: number) => void;\n}\n\nexport const ContentStepper = forwardRef<HTMLDivElement, IContentStepper>(\n  ({ children, className, step: controlledStep, onStepChange }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [internalStep, setInternalStep] = useState(0);\n    const [enteredStep, setEnteredStep] = useState(0);\n    const [height, setHeight] = useState(\"auto\");\n    const previousStepRef = useRef(0);\n\n    // Use controlled step if provided, otherwise use internal state\n    const activeStep =\n      controlledStep !== undefined ? controlledStep : internalStep;\n\n    // Calculate direction synchronously based on step change\n    const isLeft = useMemo(() => {\n      const prevStep = previousStepRef.current;\n      const direction = activeStep > prevStep;\n      previousStepRef.current = activeStep;\n      return direction;\n    }, [activeStep]);\n\n    const setActiveStep = useCallback(\n      (newStep: number) => {\n        if (newStep === activeStep) return;\n\n        if (controlledStep === undefined) {\n          setInternalStep(newStep);\n        }\n\n        onStepChange?.(newStep);\n      },\n      [activeStep, controlledStep, onStepChange]\n    );\n\n    const goNext = useCallback(() => {\n      const nextIndex = Math.min(activeStep + 1, childrenCollection.length - 1);\n      setActiveStep(nextIndex);\n    }, [activeStep, childrenCollection.length, setActiveStep]);\n\n    const goPrevious = useCallback(() => {\n      const prevIndex = Math.max(activeStep - 1, 0);\n      setActiveStep(prevIndex);\n    }, [activeStep, setActiveStep]);\n\n    const handleHeight = useCallback((element: HTMLElement) => {\n      setHeight(`${element.offsetHeight}px`);\n    }, []);\n\n    const handleEntered = useCallback((stepIndex: number) => {\n      setEnteredStep(stepIndex);\n    }, []);\n\n    const renderSteps = useMemo(() => {\n      return childrenCollection.map((child, index) => {\n        const element = child as ReactElement;\n\n        if (element?.type === ContentStep) {\n          const stepContent = React.cloneElement(element, {\n            key: `step-${index}`,\n            index,\n            isFirst: index === 0,\n            isLast: index === childrenCollection.length - 1,\n          });\n\n          return (\n            <SlideLeftRightTransition\n              key={`transition-${index}`}\n              in={activeStep === index}\n              direction={isLeft ? \"left\" : \"right\"}\n              onEnter={handleHeight}\n              onEntered={() => handleEntered(index)}\n            >\n              <MoveFocusInside disabled={enteredStep !== index}>\n                <StyledStepWrapper>{stepContent}</StyledStepWrapper>\n              </MoveFocusInside>\n            </SlideLeftRightTransition>\n          );\n        }\n\n        return null;\n      });\n    }, [\n      activeStep,\n      childrenCollection,\n      isLeft,\n      enteredStep,\n      handleHeight,\n      handleEntered,\n    ]);\n\n    return (\n      <ContentStepperContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          goNext,\n          goPrevious,\n          direction: isLeft ? \"left\" : \"right\",\n          totalSteps: childrenCollection.length,\n        }}\n      >\n        <ResizeTransition in style={{ height, width: \"100%\" }}>\n          <StyledContentWizardContainer\n            ref={ref}\n            className={className}\n            $height={height}\n          >\n            {renderSteps}\n          </StyledContentWizardContainer>\n        </ResizeTransition>\n      </ContentStepperContextProvider>\n    );\n  }\n);\n\nContentStepper.displayName = \"ContentStepper\";\n"],"mappings":"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"}

package/dist/cjs/components/ContentWizard/context/{ContentWizardContext.js → ContentStepperContext.js}

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useContentWizardContext = exports.ContentWizardContextProvider = void 0;
+exports.useContentStepperContext = exports.ContentStepperContextProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var ContentWizardContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var ContentWizardContextProvider = exports.ContentWizardContextProvider = function ContentWizardContextProvider(_ref) {
+var ContentStepperContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var ContentStepperContextProvider = exports.ContentStepperContextProvider = function ContentStepperContextProvider(_ref) {
   var children = _ref.children,
     value = _ref.value;
-  return /*#__PURE__*/_react.default.createElement(ContentWizardContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(ContentStepperContext.Provider, {
     value: value
   }, children);
 };
-var useContentWizardContext = exports.useContentWizardContext = function useContentWizardContext() {
-  var context = (0, _react.useContext)(ContentWizardContext);
+var useContentStepperContext = exports.useContentStepperContext = function useContentStepperContext() {
+  var context = (0, _react.useContext)(ContentStepperContext);
   if (context === undefined) {
     throw new Error("useContentWizardContext must be used within a ContentWizardContextProvider");
   }
   return context;
 };
-//# sourceMappingURL=ContentWizardContext.js.map
+//# sourceMappingURL=ContentStepperContext.js.map

package/dist/cjs/components/ContentWizard/context/ContentStepperContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentStepperContext.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentStepperContext","createContext","undefined","ContentStepperContextProvider","exports","_ref","children","value","createElement","Provider","useContentStepperContext","context","useContext","Error"],"sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\nexport interface IContentStepperContext {\n  activeStep: number;\n  setActiveStep: (step: number) => void;\n  goNext: () => void;\n  goPrevious: () => void;\n  direction: \"left\" | \"right\";\n  totalSteps: number;\n}\n\nconst ContentStepperContext = createContext<IContentStepperContext | undefined>(\n  undefined\n);\n\nexport interface IContentWizardContextProvider {\n  children: ReactNode;\n  value: IContentStepperContext;\n}\n\nexport const ContentStepperContextProvider: React.FC<\n  IContentWizardContextProvider\n> = ({ children, value }) => {\n  return (\n    <ContentStepperContext.Provider value={value}>\n      {children}\n    </ContentStepperContext.Provider>\n  );\n};\n\nexport const useContentStepperContext = (): IContentStepperContext => {\n  const context = useContext(ContentStepperContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useContentWizardContext must be used within a ContentWizardContextProvider\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWpE,IAAMY,qBAAqB,gBAAG,IAAAC,oBAAa,EACzCC,SACF,CAAC;AAOM,IAAMC,6BAEZ,GAAAC,OAAA,CAAAD,6BAAA,GAAG,SAFSA,6BAEZA,CAAAE,IAAA,EAA4B;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;EACpB,oBACE/B,MAAA,CAAAS,OAAA,CAAAuB,aAAA,CAACR,qBAAqB,CAACS,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC1CD,QAC6B,CAAC;AAErC,CAAC;AAEM,IAAMI,wBAAwB,GAAAN,OAAA,CAAAM,wBAAA,GAAG,SAA3BA,wBAAwBA,CAAA,EAAiC;EACpE,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACZ,qBAAqB,CAAC;EAEjD,IAAIW,OAAO,KAAKT,SAAS,EAAE;IACzB,MAAM,IAAIW,KAAK,CACb,4EACF,CAAC;EACH;EAEA,OAAOF,OAAO;AAChB,CAAC"}

package/dist/cjs/components/ContentWizard/context/index.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _ContentWizardContext = require("./ContentWizardContext");
-Object.keys(_ContentWizardContext).forEach(function (key) {
+var _ContentStepperContext = require("./ContentStepperContext");
+Object.keys(_ContentStepperContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ContentWizardContext[key]) return;
+  if (key in exports && exports[key] === _ContentStepperContext[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _ContentWizardContext[key];
+      return _ContentStepperContext[key];
     }
   });
 });

package/dist/cjs/components/ContentWizard/context/index.js.map

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

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

@@ -4,24 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  useContentWizardContext: true
+  useContentStepperContext: true
 };
-Object.defineProperty(exports, "useContentWizardContext", {
+Object.defineProperty(exports, "useContentStepperContext", {
   enumerable: true,
   get: function get() {
-    return _context.useContentWizardContext;
+    return _context.useContentStepperContext;
   }
 });
 var _context = require("./context");
-var _ContentWizard = require("./ContentWizard");
-Object.keys(_ContentWizard).forEach(function (key) {
+var _ContentStepper = require("./ContentStepper");
+Object.keys(_ContentStepper).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ContentWizard[key]) return;
+  if (key in exports && exports[key] === _ContentStepper[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _ContentWizard[key];
+      return _ContentStepper[key];
     }
   });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_context","require","_ContentWizard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ContentStep"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentWizardContext } from \"./context\";\n\nexport * from \"./ContentWizard\";\nexport * from \"./ContentStep\";\n\nexport { useContentWizardContext };\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,cAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,cAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,cAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_context","require","_ContentStepper","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ContentStep"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentStepperContext } from \"./context\";\n\nexport * from \"./ContentStepper\";\nexport * from \"./ContentStep\";\n\nexport { useContentStepperContext };\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,eAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,YAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,YAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,YAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/ChooseV2/ChooseV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChooseV2.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAa3D,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,QAAQ,8MA+HpB,CAAC"}
+{"version":3,"file":"ChooseV2.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAc3D,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,QAAQ,8MA0IpB,CAAC"}

package/dist/esm/components/ChooseV2/ChooseV2.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useRef, useState, useEffect } from "react";
-import { StyledChoose, StyledFlexContainer, StyledRadioOption, StyledVerticalContainer } from "./Styles";
+import { StyledChoose, StyledFlexContainer, StyledLabel, StyledRadioOption, StyledVerticalContainer } from "./Styles";
 import { useResizeObserver, useForkRef } from "../../utils";
 import { ButtonGroup } from "../ButtonGroup";
+import { Checkbox } from "../Checkbox";
 import { RadioButton } from "../RadioButton";
-import { Body2 } from "../Typography";
 export const ChooseV2 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var _parentSize$width, _flexSize$width;
   let {
@@ -61,9 +61,6 @@ export const ChooseV2 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       onChange(newSelected);
     }
   };
-  const handleRadioChange = id => {
-    if (multiple) handleSelect(id);else onChange([id]);
-  };
   if (!isReady) {
     return /*#__PURE__*/React.createElement("div", {
       ref: handleRef,
@@ -81,15 +78,26 @@ export const ChooseV2 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       width: "100%"
     }
   }), useVerticalLayout ? /*#__PURE__*/React.createElement(StyledVerticalContainer, null, options.map(option => /*#__PURE__*/React.createElement(StyledRadioOption, {
+    $disabled: !!option.disabled,
     key: option.id,
-    "data-disabled": option.disabled,
-    onClick: () => !option.disabled && handleRadioChange(option.id)
-  }, /*#__PURE__*/React.createElement(RadioButton, {
+    "data-disabled": option.disabled
+  }, multiple || !required ? /*#__PURE__*/React.createElement(Checkbox, {
+    checked: selected.includes(option.id),
+    disabled: option.disabled,
+    onChange: () => !option.disabled && handleSelect(option.id),
+    name: "choose-v2-" + option.id,
+    id: "choose-v2-" + option.id
+  }) : /*#__PURE__*/React.createElement(RadioButton, {
     checked: selected.includes(option.id),
     disabled: option.disabled,
-    onChange: () => !option.disabled && handleRadioChange(option.id),
-    name: multiple ? "choose-v2-" + option.id : "choose-v2-group"
-  }), /*#__PURE__*/React.createElement(Body2, null, option.name)))) : /*#__PURE__*/React.createElement(StyledFlexContainer, {
+    onChange: () => !option.disabled && handleSelect(option.id),
+    id: "choose-v2-" + option.id,
+    name: "choose-v2-" + option.id
+  }), /*#__PURE__*/React.createElement(StyledLabel, {
+    $disabled: !!option.disabled,
+    weight: "regular",
+    htmlFor: "choose-v2-" + option.id
+  }, option.name)))) : /*#__PURE__*/React.createElement(StyledFlexContainer, {
     ref: flexContainerRef
   }, /*#__PURE__*/React.createElement(ButtonGroup, {
     invalid: invalid

package/dist/esm/components/ChooseV2/ChooseV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChooseV2.js","names":["React","useRef","useState","useEffect","StyledChoose","StyledFlexContainer","StyledRadioOption","StyledVerticalContainer","useResizeObserver","useForkRef","ButtonGroup","RadioButton","Body2","ChooseV2","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","required","multiple","invalid","options","selected","onChange","rest","internalRef","flexContainerRef","handleRef","useVerticalLayout","setUseVerticalLayout","isReady","setIsReady","parentSize","flexSize","parentWidth","width","flexWidth","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","name","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","length","handleRadioChange","minHeight","_extends","map","key","disabled","onClick","checked","active","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n  StyledChoose,\n  StyledFlexContainer,\n  StyledRadioOption,\n  StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Body2 } from \"../Typography\";\n\nexport interface ChooseV2Option {\n  id: string | number;\n  name: string;\n  disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n  required?: boolean;\n  multiple?: boolean;\n  invalid?: boolean;\n  options: ChooseV2Option[];\n  selected: (string | number)[];\n  onChange: (ids: (string | number)[]) => void;\n}\n\nexport const ChooseV2 = React.forwardRef<\n  HTMLDivElement,\n  ChooseV2Props &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n  (\n    {\n      required = false,\n      multiple = false,\n      invalid = false,\n      options,\n      selected,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const flexContainerRef = useRef<HTMLDivElement | null>(null);\n    const handleRef = useForkRef(ref, internalRef);\n\n    const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n    const [isReady, setIsReady] = useState(false);\n\n    const parentSize = useResizeObserver(internalRef);\n    const flexSize = useResizeObserver(flexContainerRef);\n\n    const parentWidth = parentSize?.width ?? 0;\n    const flexWidth = flexSize?.width ?? 0;\n\n    useEffect(() => {\n      if (parentWidth === 0) return;\n\n      const measure = () => {\n        const temp = document.createElement(\"div\");\n        temp.style.display = \"inline-flex\";\n        temp.style.visibility = \"hidden\";\n        temp.style.position = \"absolute\";\n        temp.style.whiteSpace = \"nowrap\";\n        temp.style.pointerEvents = \"none\";\n        document.body.appendChild(temp);\n\n        options.forEach((option) => {\n          const button = document.createElement(\"button\");\n          button.textContent = option.name;\n          button.style.padding = \"6px 12px\";\n          button.style.border = \"1px solid transparent\";\n          button.style.marginRight = \"4px\";\n          temp.appendChild(button);\n        });\n\n        const totalWidth = temp.offsetWidth + 8;\n        document.body.removeChild(temp);\n\n        setUseVerticalLayout(totalWidth > parentWidth);\n        setIsReady(true);\n      };\n\n      requestAnimationFrame(measure);\n    }, [parentWidth, options, flexWidth]);\n\n    const handleSelect = (id: string | number) => {\n      if (multiple) {\n        const newSelected = selected.includes(id)\n          ? selected.filter((s) => s !== id)\n          : [...selected, id];\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      } else {\n        const newSelected = selected.includes(id) ? [] : [id];\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      }\n    };\n\n    const handleRadioChange = (id: string | number) => {\n      if (multiple) handleSelect(id);\n      else onChange([id]);\n    };\n\n    if (!isReady) {\n      return (\n        <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n      );\n    }\n\n    return (\n      <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n        {useVerticalLayout ? (\n          <StyledVerticalContainer>\n            {options.map((option) => (\n              <StyledRadioOption\n                key={option.id}\n                data-disabled={option.disabled}\n                onClick={() => !option.disabled && handleRadioChange(option.id)}\n              >\n                <RadioButton\n                  checked={selected.includes(option.id)}\n                  disabled={option.disabled}\n                  onChange={() =>\n                    !option.disabled && handleRadioChange(option.id)\n                  }\n                  name={multiple ? `choose-v2-${option.id}` : \"choose-v2-group\"}\n                />\n                <Body2>{option.name}</Body2>\n              </StyledRadioOption>\n            ))}\n          </StyledVerticalContainer>\n        ) : (\n          <StyledFlexContainer ref={flexContainerRef}>\n            <ButtonGroup invalid={invalid}>\n              {options.map((option) => (\n                <StyledChoose\n                  key={option.id}\n                  active={selected.includes(option.id)}\n                  disabled={option.disabled}\n                  onClick={() => handleSelect(option.id)}\n                >\n                  {option.name}\n                </StyledChoose>\n              ))}\n            </ButtonGroup>\n          </StyledFlexContainer>\n        )}\n      </div>\n    );\n  }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAE1D,SACEC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,aAAa;AAC3D,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,KAAK,QAAQ,eAAe;AAiBrC,OAAO,MAAMC,QAAQ,gBAAGb,KAAK,CAACc,UAAU,CAKtC,CAAAC,IAAA,EAUEC,GAAG,KACA;EAAA,IAAAC,iBAAA,EAAAC,eAAA;EAAA,IAVH;IACEC,QAAQ,GAAG,KAAK;IAChBC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,MAAMW,WAAW,GAAGzB,MAAM,CAAwB,IAAI,CAAC;EACvD,MAAM0B,gBAAgB,GAAG1B,MAAM,CAAwB,IAAI,CAAC;EAC5D,MAAM2B,SAAS,GAAGnB,UAAU,CAACO,GAAG,EAAEU,WAAW,CAAC;EAE9C,MAAM,CAACG,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG5B,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAM,CAAC6B,OAAO,EAAEC,UAAU,CAAC,GAAG9B,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAM+B,UAAU,GAAGzB,iBAAiB,CAACkB,WAAW,CAAC;EACjD,MAAMQ,QAAQ,GAAG1B,iBAAiB,CAACmB,gBAAgB,CAAC;EAEpD,MAAMQ,WAAW,IAAAlB,iBAAA,GAAGgB,UAAU,oBAAVA,UAAU,CAAEG,KAAK,YAAAnB,iBAAA,GAAI,CAAC;EAC1C,MAAMoB,SAAS,IAAAnB,eAAA,GAAGgB,QAAQ,oBAARA,QAAQ,CAAEE,KAAK,YAAAlB,eAAA,GAAI,CAAC;EAEtCf,SAAS,CAAC,MAAM;IACd,IAAIgC,WAAW,KAAK,CAAC,EAAE;IAEvB,MAAMG,OAAO,GAAGA,CAAA,KAAM;MACpB,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;MAC1CF,IAAI,CAACG,KAAK,CAACC,OAAO,GAAG,aAAa;MAClCJ,IAAI,CAACG,KAAK,CAACE,UAAU,GAAG,QAAQ;MAChCL,IAAI,CAACG,KAAK,CAACG,QAAQ,GAAG,UAAU;MAChCN,IAAI,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;MAChCP,IAAI,CAACG,KAAK,CAACK,aAAa,GAAG,MAAM;MACjCP,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,IAAI,CAAC;MAE/BjB,OAAO,CAAC4B,OAAO,CAAEC,MAAM,IAAK;QAC1B,MAAMC,MAAM,GAAGZ,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;QAC/CW,MAAM,CAACC,WAAW,GAAGF,MAAM,CAACG,IAAI;QAChCF,MAAM,CAACV,KAAK,CAACa,OAAO,GAAG,UAAU;QACjCH,MAAM,CAACV,KAAK,CAACc,MAAM,GAAG,uBAAuB;QAC7CJ,MAAM,CAACV,KAAK,CAACe,WAAW,GAAG,KAAK;QAChClB,IAAI,CAACU,WAAW,CAACG,MAAM,CAAC;MAC1B,CAAC,CAAC;MAEF,MAAMM,UAAU,GAAGnB,IAAI,CAACoB,WAAW,GAAG,CAAC;MACvCnB,QAAQ,CAACQ,IAAI,CAACY,WAAW,CAACrB,IAAI,CAAC;MAE/BT,oBAAoB,CAAC4B,UAAU,GAAGvB,WAAW,CAAC;MAC9CH,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC;IAED6B,qBAAqB,CAACvB,OAAO,CAAC;EAChC,CAAC,EAAE,CAACH,WAAW,EAAEb,OAAO,EAAEe,SAAS,CAAC,CAAC;EAErC,MAAMyB,YAAY,GAAIC,EAAmB,IAAK;IAC5C,IAAI3C,QAAQ,EAAE;MACZ,MAAM4C,WAAW,GAAGzC,QAAQ,CAAC0C,QAAQ,CAACF,EAAE,CAAC,GACrCxC,QAAQ,CAAC2C,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKJ,EAAE,CAAC,GAChC,CAAC,GAAGxC,QAAQ,EAAEwC,EAAE,CAAC;MACrB,IAAI5C,QAAQ,IAAI6C,WAAW,CAACI,MAAM,KAAK,CAAC,EAAE;MAC1C5C,QAAQ,CAACwC,WAAW,CAAC;IACvB,CAAC,MAAM;MACL,MAAMA,WAAW,GAAGzC,QAAQ,CAAC0C,QAAQ,CAACF,EAAE,CAAC,GAAG,EAAE,GAAG,CAACA,EAAE,CAAC;MACrD,IAAI5C,QAAQ,IAAI6C,WAAW,CAACI,MAAM,KAAK,CAAC,EAAE;MAC1C5C,QAAQ,CAACwC,WAAW,CAAC;IACvB;EACF,CAAC;EAED,MAAMK,iBAAiB,GAAIN,EAAmB,IAAK;IACjD,IAAI3C,QAAQ,EAAE0C,YAAY,CAACC,EAAE,CAAC,CAAC,KAC1BvC,QAAQ,CAAC,CAACuC,EAAE,CAAC,CAAC;EACrB,CAAC;EAED,IAAI,CAAChC,OAAO,EAAE;IACZ,oBACE/B,KAAA,CAAAyC,aAAA;MAAKzB,GAAG,EAAEY,SAAU;MAACc,KAAK,EAAE;QAAEN,KAAK,EAAE,MAAM;QAAEkC,SAAS,EAAE;MAAO;IAAE,CAAE,CAAC;EAExE;EAEA,oBACEtE,KAAA,CAAAyC,aAAA,QAAA8B,QAAA;IAAKvD,GAAG,EAAEY;EAAU,GAAKH,IAAI;IAAEiB,KAAK,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEP,KAAK,EAAE;IAAO;EAAE,IACtEP,iBAAiB,gBAChB7B,KAAA,CAAAyC,aAAA,CAAClC,uBAAuB,QACrBe,OAAO,CAACkD,GAAG,CAAErB,MAAM,iBAClBnD,KAAA,CAAAyC,aAAA,CAACnC,iBAAiB;IAChBmE,GAAG,EAAEtB,MAAM,CAACY,EAAG;IACf,iBAAeZ,MAAM,CAACuB,QAAS;IAC/BC,OAAO,EAAEA,CAAA,KAAM,CAACxB,MAAM,CAACuB,QAAQ,IAAIL,iBAAiB,CAAClB,MAAM,CAACY,EAAE;EAAE,gBAEhE/D,KAAA,CAAAyC,aAAA,CAAC9B,WAAW;IACViE,OAAO,EAAErD,QAAQ,CAAC0C,QAAQ,CAACd,MAAM,CAACY,EAAE,CAAE;IACtCW,QAAQ,EAAEvB,MAAM,CAACuB,QAAS;IAC1BlD,QAAQ,EAAEA,CAAA,KACR,CAAC2B,MAAM,CAACuB,QAAQ,IAAIL,iBAAiB,CAAClB,MAAM,CAACY,EAAE,CAChD;IACDT,IAAI,EAAElC,QAAQ,kBAAgB+B,MAAM,CAACY,EAAE,GAAK;EAAkB,CAC/D,CAAC,eACF/D,KAAA,CAAAyC,aAAA,CAAC7B,KAAK,QAAEuC,MAAM,CAACG,IAAY,CACV,CACpB,CACsB,CAAC,gBAE1BtD,KAAA,CAAAyC,aAAA,CAACpC,mBAAmB;IAACW,GAAG,EAAEW;EAAiB,gBACzC3B,KAAA,CAAAyC,aAAA,CAAC/B,WAAW;IAACW,OAAO,EAAEA;EAAQ,GAC3BC,OAAO,CAACkD,GAAG,CAAErB,MAAM,iBAClBnD,KAAA,CAAAyC,aAAA,CAACrC,YAAY;IACXqE,GAAG,EAAEtB,MAAM,CAACY,EAAG;IACfc,MAAM,EAAEtD,QAAQ,CAAC0C,QAAQ,CAACd,MAAM,CAACY,EAAE,CAAE;IACrCW,QAAQ,EAAEvB,MAAM,CAACuB,QAAS;IAC1BC,OAAO,EAAEA,CAAA,KAAMb,YAAY,CAACX,MAAM,CAACY,EAAE;EAAE,GAEtCZ,MAAM,CAACG,IACI,CACf,CACU,CACM,CAEpB,CAAC;AAEV,CACF,CAAC;AAEDzC,QAAQ,CAACiE,WAAW,GAAG,UAAU"}
+{"version":3,"file":"ChooseV2.js","names":["React","useRef","useState","useEffect","StyledChoose","StyledFlexContainer","StyledLabel","StyledRadioOption","StyledVerticalContainer","useResizeObserver","useForkRef","ButtonGroup","Checkbox","RadioButton","ChooseV2","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","required","multiple","invalid","options","selected","onChange","rest","internalRef","flexContainerRef","handleRef","useVerticalLayout","setUseVerticalLayout","isReady","setIsReady","parentSize","flexSize","parentWidth","width","flexWidth","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","name","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","length","minHeight","_extends","map","$disabled","disabled","key","checked","weight","htmlFor","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n  StyledChoose,\n  StyledFlexContainer,\n  StyledLabel,\n  StyledRadioOption,\n  StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n  id: string | number;\n  name: string;\n  disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n  required?: boolean;\n  multiple?: boolean;\n  invalid?: boolean;\n  options: ChooseV2Option[];\n  selected: (string | number)[];\n  onChange: (ids: (string | number)[]) => void;\n}\n\nexport const ChooseV2 = React.forwardRef<\n  HTMLDivElement,\n  ChooseV2Props &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n  (\n    {\n      required = false,\n      multiple = false,\n      invalid = false,\n      options,\n      selected,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const flexContainerRef = useRef<HTMLDivElement | null>(null);\n    const handleRef = useForkRef(ref, internalRef);\n\n    const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n    const [isReady, setIsReady] = useState(false);\n\n    const parentSize = useResizeObserver(internalRef);\n    const flexSize = useResizeObserver(flexContainerRef);\n\n    const parentWidth = parentSize?.width ?? 0;\n    const flexWidth = flexSize?.width ?? 0;\n\n    useEffect(() => {\n      if (parentWidth === 0) return;\n\n      const measure = () => {\n        const temp = document.createElement(\"div\");\n        temp.style.display = \"inline-flex\";\n        temp.style.visibility = \"hidden\";\n        temp.style.position = \"absolute\";\n        temp.style.whiteSpace = \"nowrap\";\n        temp.style.pointerEvents = \"none\";\n        document.body.appendChild(temp);\n\n        options.forEach((option) => {\n          const button = document.createElement(\"button\");\n          button.textContent = option.name;\n          button.style.padding = \"6px 12px\";\n          button.style.border = \"1px solid transparent\";\n          button.style.marginRight = \"4px\";\n          temp.appendChild(button);\n        });\n\n        const totalWidth = temp.offsetWidth + 8;\n        document.body.removeChild(temp);\n\n        setUseVerticalLayout(totalWidth > parentWidth);\n        setIsReady(true);\n      };\n\n      requestAnimationFrame(measure);\n    }, [parentWidth, options, flexWidth]);\n\n    const handleSelect = (id: string | number) => {\n      if (multiple) {\n        const newSelected = selected.includes(id)\n          ? selected.filter((s) => s !== id)\n          : [...selected, id];\n\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      } else {\n        const newSelected = selected.includes(id) ? [] : [id];\n        if (required && newSelected.length === 0) return;\n        onChange(newSelected);\n      }\n    };\n\n    if (!isReady) {\n      return (\n        <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n      );\n    }\n\n    return (\n      <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n        {useVerticalLayout ? (\n          <StyledVerticalContainer>\n            {options.map((option) => (\n              <StyledRadioOption\n                $disabled={!!option.disabled}\n                key={option.id}\n                data-disabled={option.disabled}\n              >\n                {multiple || !required ? (\n                  <Checkbox\n                    checked={selected.includes(option.id)}\n                    disabled={option.disabled}\n                    onChange={() => !option.disabled && handleSelect(option.id)}\n                    name={`choose-v2-${option.id}`}\n                    id={`choose-v2-${option.id}`}\n                  />\n                ) : (\n                  <RadioButton\n                    checked={selected.includes(option.id)}\n                    disabled={option.disabled}\n                    onChange={() => !option.disabled && handleSelect(option.id)}\n                    id={`choose-v2-${option.id}`}\n                    name={`choose-v2-${option.id}`}\n                  />\n                )}\n                <StyledLabel\n                  $disabled={!!option.disabled}\n                  weight=\"regular\"\n                  htmlFor={`choose-v2-${option.id}`}\n                >\n                  {option.name}\n                </StyledLabel>\n              </StyledRadioOption>\n            ))}\n          </StyledVerticalContainer>\n        ) : (\n          <StyledFlexContainer ref={flexContainerRef}>\n            <ButtonGroup invalid={invalid}>\n              {options.map((option) => (\n                <StyledChoose\n                  key={option.id}\n                  active={selected.includes(option.id)}\n                  disabled={option.disabled}\n                  onClick={() => handleSelect(option.id)}\n                >\n                  {option.name}\n                </StyledChoose>\n              ))}\n            </ButtonGroup>\n          </StyledFlexContainer>\n        )}\n      </div>\n    );\n  }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAE1D,SACEC,YAAY,EACZC,mBAAmB,EACnBC,WAAW,EACXC,iBAAiB,EACjBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,aAAa;AAC3D,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,WAAW,QAAQ,gBAAgB;AAiB5C,OAAO,MAAMC,QAAQ,gBAAGd,KAAK,CAACe,UAAU,CAKtC,CAAAC,IAAA,EAUEC,GAAG,KACA;EAAA,IAAAC,iBAAA,EAAAC,eAAA;EAAA,IAVH;IACEC,QAAQ,GAAG,KAAK;IAChBC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,MAAMW,WAAW,GAAG1B,MAAM,CAAwB,IAAI,CAAC;EACvD,MAAM2B,gBAAgB,GAAG3B,MAAM,CAAwB,IAAI,CAAC;EAC5D,MAAM4B,SAAS,GAAGnB,UAAU,CAACO,GAAG,EAAEU,WAAW,CAAC;EAE9C,MAAM,CAACG,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EACjE,MAAM,CAAC8B,OAAO,EAAEC,UAAU,CAAC,GAAG/B,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMgC,UAAU,GAAGzB,iBAAiB,CAACkB,WAAW,CAAC;EACjD,MAAMQ,QAAQ,GAAG1B,iBAAiB,CAACmB,gBAAgB,CAAC;EAEpD,MAAMQ,WAAW,IAAAlB,iBAAA,GAAGgB,UAAU,oBAAVA,UAAU,CAAEG,KAAK,YAAAnB,iBAAA,GAAI,CAAC;EAC1C,MAAMoB,SAAS,IAAAnB,eAAA,GAAGgB,QAAQ,oBAARA,QAAQ,CAAEE,KAAK,YAAAlB,eAAA,GAAI,CAAC;EAEtChB,SAAS,CAAC,MAAM;IACd,IAAIiC,WAAW,KAAK,CAAC,EAAE;IAEvB,MAAMG,OAAO,GAAGA,CAAA,KAAM;MACpB,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;MAC1CF,IAAI,CAACG,KAAK,CAACC,OAAO,GAAG,aAAa;MAClCJ,IAAI,CAACG,KAAK,CAACE,UAAU,GAAG,QAAQ;MAChCL,IAAI,CAACG,KAAK,CAACG,QAAQ,GAAG,UAAU;MAChCN,IAAI,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;MAChCP,IAAI,CAACG,KAAK,CAACK,aAAa,GAAG,MAAM;MACjCP,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,IAAI,CAAC;MAE/BjB,OAAO,CAAC4B,OAAO,CAAEC,MAAM,IAAK;QAC1B,MAAMC,MAAM,GAAGZ,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;QAC/CW,MAAM,CAACC,WAAW,GAAGF,MAAM,CAACG,IAAI;QAChCF,MAAM,CAACV,KAAK,CAACa,OAAO,GAAG,UAAU;QACjCH,MAAM,CAACV,KAAK,CAACc,MAAM,GAAG,uBAAuB;QAC7CJ,MAAM,CAACV,KAAK,CAACe,WAAW,GAAG,KAAK;QAChClB,IAAI,CAACU,WAAW,CAACG,MAAM,CAAC;MAC1B,CAAC,CAAC;MAEF,MAAMM,UAAU,GAAGnB,IAAI,CAACoB,WAAW,GAAG,CAAC;MACvCnB,QAAQ,CAACQ,IAAI,CAACY,WAAW,CAACrB,IAAI,CAAC;MAE/BT,oBAAoB,CAAC4B,UAAU,GAAGvB,WAAW,CAAC;MAC9CH,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC;IAED6B,qBAAqB,CAACvB,OAAO,CAAC;EAChC,CAAC,EAAE,CAACH,WAAW,EAAEb,OAAO,EAAEe,SAAS,CAAC,CAAC;EAErC,MAAMyB,YAAY,GAAIC,EAAmB,IAAK;IAC5C,IAAI3C,QAAQ,EAAE;MACZ,MAAM4C,WAAW,GAAGzC,QAAQ,CAAC0C,QAAQ,CAACF,EAAE,CAAC,GACrCxC,QAAQ,CAAC2C,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKJ,EAAE,CAAC,GAChC,CAAC,GAAGxC,QAAQ,EAAEwC,EAAE,CAAC;MAErB,IAAI5C,QAAQ,IAAI6C,WAAW,CAACI,MAAM,KAAK,CAAC,EAAE;MAC1C5C,QAAQ,CAACwC,WAAW,CAAC;IACvB,CAAC,MAAM;MACL,MAAMA,WAAW,GAAGzC,QAAQ,CAAC0C,QAAQ,CAACF,EAAE,CAAC,GAAG,EAAE,GAAG,CAACA,EAAE,CAAC;MACrD,IAAI5C,QAAQ,IAAI6C,WAAW,CAACI,MAAM,KAAK,CAAC,EAAE;MAC1C5C,QAAQ,CAACwC,WAAW,CAAC;IACvB;EACF,CAAC;EAED,IAAI,CAACjC,OAAO,EAAE;IACZ,oBACEhC,KAAA,CAAA0C,aAAA;MAAKzB,GAAG,EAAEY,SAAU;MAACc,KAAK,EAAE;QAAEN,KAAK,EAAE,MAAM;QAAEiC,SAAS,EAAE;MAAO;IAAE,CAAE,CAAC;EAExE;EAEA,oBACEtE,KAAA,CAAA0C,aAAA,QAAA6B,QAAA;IAAKtD,GAAG,EAAEY;EAAU,GAAKH,IAAI;IAAEiB,KAAK,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEP,KAAK,EAAE;IAAO;EAAE,IACtEP,iBAAiB,gBAChB9B,KAAA,CAAA0C,aAAA,CAAClC,uBAAuB,QACrBe,OAAO,CAACiD,GAAG,CAAEpB,MAAM,iBAClBpD,KAAA,CAAA0C,aAAA,CAACnC,iBAAiB;IAChBkE,SAAS,EAAE,CAAC,CAACrB,MAAM,CAACsB,QAAS;IAC7BC,GAAG,EAAEvB,MAAM,CAACY,EAAG;IACf,iBAAeZ,MAAM,CAACsB;EAAS,GAE9BrD,QAAQ,IAAI,CAACD,QAAQ,gBACpBpB,KAAA,CAAA0C,aAAA,CAAC9B,QAAQ;IACPgE,OAAO,EAAEpD,QAAQ,CAAC0C,QAAQ,CAACd,MAAM,CAACY,EAAE,CAAE;IACtCU,QAAQ,EAAEtB,MAAM,CAACsB,QAAS;IAC1BjD,QAAQ,EAAEA,CAAA,KAAM,CAAC2B,MAAM,CAACsB,QAAQ,IAAIX,YAAY,CAACX,MAAM,CAACY,EAAE,CAAE;IAC5DT,IAAI,iBAAeH,MAAM,CAACY,EAAK;IAC/BA,EAAE,iBAAeZ,MAAM,CAACY;EAAK,CAC9B,CAAC,gBAEFhE,KAAA,CAAA0C,aAAA,CAAC7B,WAAW;IACV+D,OAAO,EAAEpD,QAAQ,CAAC0C,QAAQ,CAACd,MAAM,CAACY,EAAE,CAAE;IACtCU,QAAQ,EAAEtB,MAAM,CAACsB,QAAS;IAC1BjD,QAAQ,EAAEA,CAAA,KAAM,CAAC2B,MAAM,CAACsB,QAAQ,IAAIX,YAAY,CAACX,MAAM,CAACY,EAAE,CAAE;IAC5DA,EAAE,iBAAeZ,MAAM,CAACY,EAAK;IAC7BT,IAAI,iBAAeH,MAAM,CAACY;EAAK,CAChC,CACF,eACDhE,KAAA,CAAA0C,aAAA,CAACpC,WAAW;IACVmE,SAAS,EAAE,CAAC,CAACrB,MAAM,CAACsB,QAAS;IAC7BG,MAAM,EAAC,SAAS;IAChBC,OAAO,iBAAe1B,MAAM,CAACY;EAAK,GAEjCZ,MAAM,CAACG,IACG,CACI,CACpB,CACsB,CAAC,gBAE1BvD,KAAA,CAAA0C,aAAA,CAACrC,mBAAmB;IAACY,GAAG,EAAEW;EAAiB,gBACzC5B,KAAA,CAAA0C,aAAA,CAAC/B,WAAW;IAACW,OAAO,EAAEA;EAAQ,GAC3BC,OAAO,CAACiD,GAAG,CAAEpB,MAAM,iBAClBpD,KAAA,CAAA0C,aAAA,CAACtC,YAAY;IACXuE,GAAG,EAAEvB,MAAM,CAACY,EAAG;IACfe,MAAM,EAAEvD,QAAQ,CAAC0C,QAAQ,CAACd,MAAM,CAACY,EAAE,CAAE;IACrCU,QAAQ,EAAEtB,MAAM,CAACsB,QAAS;IAC1BM,OAAO,EAAEA,CAAA,KAAMjB,YAAY,CAACX,MAAM,CAACY,EAAE;EAAE,GAEtCZ,MAAM,CAACG,IACI,CACf,CACU,CACM,CAEpB,CAAC;AAEV,CACF,CAAC;AAEDzC,QAAQ,CAACmE,WAAW,GAAG,UAAU"}

package/dist/esm/components/ChooseV2/Styles.d.ts

@@ -1,6 +1,11 @@
 /// <reference types="react" />
 export declare const StyledChoose: import("styled-components").StyledComponent<import("react").FC<import("../Choose/Choose").IChooseProps>, any, {}, never>;
 export declare const StyledVerticalContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRadioOption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Label").ILabelProps & Omit<import("../Typography/Typography").ITypographyProps, "color" | "variant" | keyof import("../Label").ILabelProps> & import("react").RefAttributes<HTMLLabelElement>>, any, {
+    $disabled?: boolean | undefined;
+}, never>;
+export declare const StyledRadioOption: import("styled-components").StyledComponent<"div", any, {
+    $disabled?: boolean | undefined;
+}, never>;
 export declare const StyledFlexContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ChooseV2/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,0HASxB,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAKnC,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAc7B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAG/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY,0HASxB,CAAC;AAIF,eAAO,MAAM,uBAAuB,oEAKnC,CAAC;AAIF,eAAO,MAAM,WAAW;;SASvB,CAAC;AAIF,eAAO,MAAM,iBAAiB;;SAsB7B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAG/B,CAAC"}

package/dist/esm/components/ChooseV2/Styles.js

@@ -1,5 +1,6 @@
 import styled, { css } from "styled-components";
 import { Choose } from "../Choose/Choose";
+import { Label } from "../Label";
 export const StyledChoose = styled(Choose).withConfig({
   displayName: "Styles__StyledChoose",
   componentId: "sc-uv67fb-0"
@@ -10,14 +11,19 @@ export const StyledVerticalContainer = styled.div.withConfig({
   componentId: "sc-uv67fb-1"
 })(["display:flex;flex-direction:column;width:100%;gap:8px;"]);
 StyledVerticalContainer.displayName = "StyledVerticalContainer";
+export const StyledLabel = styled(Label).withConfig({
+  displayName: "Styles__StyledLabel",
+  componentId: "sc-uv67fb-2"
+})(["", ""], props => !props.$disabled ? css(["cursor:pointer;"]) : css(["cursor:not-allowed;"]));
+StyledLabel.displayName = "StyledLabel";
 export const StyledRadioOption = styled.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;}"], props => !props.$disabled ? css(["cursor:pointer;"]) : css(["cursor:not-allowed;"]));
 StyledRadioOption.displayName = "StyledRadioOption";
 export const StyledFlexContainer = styled.div.withConfig({
   displayName: "Styles__StyledFlexContainer",
-  componentId: "sc-uv67fb-3"
+  componentId: "sc-uv67fb-4"
 })(["display:flex;width:100%;"]);
 StyledFlexContainer.displayName = "StyledFlexContainer";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/ChooseV2/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Choose","StyledChoose","withConfig","displayName","componentId","props","active","StyledVerticalContainer","div","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\n\nexport const StyledChoose = styled(Choose)`\n  flex-shrink: 0;\n  white-space: nowrap;\n\n  ${(props) =>\n    !props.active &&\n    css`\n      background-color: transparent !important;\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledRadioOption = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &[data-disabled=\"true\"] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n  display: flex;\n  width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACE,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAIrCC,KAAK,IACN,CAACA,KAAK,CAACC,MAAM,IACbP,GAAG,8CAEF,CACJ;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMI,uBAAuB,GAAGT,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMM,iBAAiB,GAAGX,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAc1C;AAEDK,iBAAiB,CAACN,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMO,mBAAmB,GAAGZ,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDM,mBAAmB,CAACP,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["styled","css","Choose","Label","StyledChoose","withConfig","displayName","componentId","props","active","StyledVerticalContainer","div","StyledLabel","$disabled","StyledRadioOption","StyledFlexContainer"],"sources":["../../../../src/components/ChooseV2/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Choose } from \"../Choose/Choose\";\nimport { Label } from \"../Label\";\n\nexport const StyledChoose = styled(Choose)`\n  flex-shrink: 0;\n  white-space: nowrap;\n\n  ${(props) =>\n    !props.active &&\n    css`\n      background-color: transparent !important;\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n\nexport const StyledVerticalContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n`;\n\nStyledVerticalContainer.displayName = \"StyledVerticalContainer\";\n\nexport const StyledLabel = styled(Label)<{ $disabled?: boolean }>`\n  ${(props) =>\n    !props.$disabled\n      ? css`\n          cursor: pointer;\n        `\n      : css`\n          cursor: not-allowed;\n        `}\n`;\n\nStyledLabel.displayName = \"StyledLabel\";\n\nexport const StyledRadioOption = styled.div<{ $disabled?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  ${(props) =>\n    !props.$disabled\n      ? css`\n          cursor: pointer;\n        `\n      : css`\n          cursor: not-allowed;\n        `}\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &[data-disabled=\"true\"] {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`;\n\nStyledRadioOption.displayName = \"StyledRadioOption\";\n\nexport const StyledFlexContainer = styled.div`\n  display: flex;\n  width: 100%;\n`;\n\nStyledFlexContainer.displayName = \"StyledFlexContainer\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGJ,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAIrCC,KAAK,IACN,CAACA,KAAK,CAACC,MAAM,IACbR,GAAG,8CAEF,CACJ;AAEDG,YAAY,CAACE,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMI,uBAAuB,GAAGV,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAKhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMM,WAAW,GAAGZ,MAAM,CAACG,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CACR;AAEDW,WAAW,CAACN,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMQ,iBAAiB,GAAGd,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qIAKtCC,KAAK,IACN,CAACA,KAAK,CAACK,SAAS,GACZZ,GAAG,wBAGHA,GAAG,yBAEF,CAUR;AAEDa,iBAAiB,CAACR,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMS,mBAAmB,GAAGf,MAAM,CAACW,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gCAG5C;AAEDQ,mBAAmB,CAACT,WAAW,GAAG,qBAAqB"}

package/dist/esm/components/ContentWizard/ContentStepper.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+export interface IContentStepper {
+    children: ReactNode;
+    className?: string;
+    step?: number;
+    onStepChange?: (step: number) => void;
+}
+export declare const ContentStepper: React.ForwardRefExoticComponent<IContentStepper & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContentStepper.d.ts.map