@activecollab/components 2.0.250 → 2.0.252

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":"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"}
+{"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":"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"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentWizard/ContentStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,cAAc,wFAoH1B,CAAC"}

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

@@ -1,10 +1,10 @@
 import React, { forwardRef, useCallback, useMemo, useRef, useState } from "react";
 import { MoveFocusInside } from "react-focus-lock";
 import { ContentStep } from "./ContentStep";
-import { ContentWizardContextProvider } from "./context/ContentWizardContext";
+import { ContentStepperContextProvider } from "./context/ContentStepperContext";
 import { StyledContentWizardContainer, StyledStepWrapper } from "./Styles";
 import { SlideLeftRightTransition, ResizeTransition } from "../Transitions";
-export const ContentWizard = /*#__PURE__*/forwardRef((_ref, ref) => {
+export const ContentStepper = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -71,7 +71,7 @@ export const ContentWizard = /*#__PURE__*/forwardRef((_ref, ref) => {
       return null;
     });
   }, [activeStep, childrenCollection, isLeft, enteredStep, handleHeight, handleEntered]);
-  return /*#__PURE__*/React.createElement(ContentWizardContextProvider, {
+  return /*#__PURE__*/React.createElement(ContentStepperContextProvider, {
     value: {
       activeStep,
       setActiveStep,
@@ -92,5 +92,5 @@ export const ContentWizard = /*#__PURE__*/forwardRef((_ref, ref) => {
     $height: height
   }, renderSteps)));
 });
-ContentWizard.displayName = "ContentWizard";
-//# sourceMappingURL=ContentWizard.js.map
+ContentStepper.displayName = "ContentStepper";
+//# sourceMappingURL=ContentStepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentStepper.js","names":["React","forwardRef","useCallback","useMemo","useRef","useState","MoveFocusInside","ContentStep","ContentStepperContextProvider","StyledContentWizardContainer","StyledStepWrapper","SlideLeftRightTransition","ResizeTransition","ContentStepper","_ref","ref","children","className","step","controlledStep","onStepChange","childrenCollection","Children","toArray","internalStep","setInternalStep","enteredStep","setEnteredStep","height","setHeight","previousStepRef","activeStep","undefined","isLeft","prevStep","current","direction","setActiveStep","newStep","goNext","nextIndex","Math","min","length","goPrevious","prevIndex","max","handleHeight","element","offsetHeight","handleEntered","stepIndex","renderSteps","map","child","index","type","stepContent","cloneElement","key","isFirst","isLast","createElement","in","onEnter","onEntered","disabled","value","totalSteps","style","width","$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/esm/components/ContentWizard/context/ContentStepperContext.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from "react";
+export interface IContentStepperContext {
+    activeStep: number;
+    setActiveStep: (step: number) => void;
+    goNext: () => void;
+    goPrevious: () => void;
+    direction: "left" | "right";
+    totalSteps: number;
+}
+export interface IContentWizardContextProvider {
+    children: ReactNode;
+    value: IContentStepperContext;
+}
+export declare const ContentStepperContextProvider: React.FC<IContentWizardContextProvider>;
+export declare const useContentStepperContext: () => IContentStepperContext;
+//# sourceMappingURL=ContentStepperContext.d.ts.map

package/dist/esm/components/ContentWizard/context/ContentStepperContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentStepperContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContentWizard/context/ContentStepperContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB;AAMD,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,sBAAsB,CAAC;CAC/B;AAED,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAClD,6BAA6B,CAO9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,sBAU3C,CAAC"}

package/dist/esm/components/ContentWizard/context/ContentStepperContext.js

@@ -0,0 +1,19 @@
+import React, { createContext, useContext } from "react";
+const ContentStepperContext = /*#__PURE__*/createContext(undefined);
+export const ContentStepperContextProvider = _ref => {
+  let {
+    children,
+    value
+  } = _ref;
+  return /*#__PURE__*/React.createElement(ContentStepperContext.Provider, {
+    value: value
+  }, children);
+};
+export const useContentStepperContext = () => {
+  const context = useContext(ContentStepperContext);
+  if (context === undefined) {
+    throw new Error("useContentWizardContext must be used within a ContentWizardContextProvider");
+  }
+  return context;
+};
+//# sourceMappingURL=ContentStepperContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentStepperContext.js","names":["React","createContext","useContext","ContentStepperContext","undefined","ContentStepperContextProvider","_ref","children","value","createElement","Provider","useContentStepperContext","context","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,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAmB,OAAO;AAWnE,MAAMC,qBAAqB,gBAAGF,aAAa,CACzCG,SACF,CAAC;AAOD,OAAO,MAAMC,6BAEZ,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACtB,oBACEN,KAAA,CAAAS,aAAA,CAACN,qBAAqB,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAC1CD,QAC6B,CAAC;AAErC,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGA,CAAA,KAA8B;EACpE,MAAMC,OAAO,GAAGV,UAAU,CAACC,qBAAqB,CAAC;EAEjD,IAAIS,OAAO,KAAKR,SAAS,EAAE;IACzB,MAAM,IAAIS,KAAK,CACb,4EACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC"}

package/dist/esm/components/ContentWizard/context/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./ContentWizardContext";
+export * from "./ContentStepperContext";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ContentWizard/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContentWizard/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContentWizard/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

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

@@ -1,2 +1,2 @@
-export * from "./ContentWizardContext";
+export * from "./ContentStepperContext";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/ContentWizard/context/index.ts"],"sourcesContent":["export * from \"./ContentWizardContext\";\n"],"mappings":"AAAA,cAAc,wBAAwB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/ContentWizard/context/index.ts"],"sourcesContent":["export * from \"./ContentStepperContext\";\n"],"mappings":"AAAA,cAAc,yBAAyB"}

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

@@ -1,5 +1,5 @@
-import { useContentWizardContext } from "./context";
-export * from "./ContentWizard";
+import { useContentStepperContext } from "./context";
+export * from "./ContentStepper";
 export * from "./ContentStep";
-export { useContentWizardContext };
+export { useContentStepperContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ContentWizard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentWizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentWizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

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

@@ -1,5 +1,5 @@
-import { useContentWizardContext } from "./context";
-export * from "./ContentWizard";
+import { useContentStepperContext } from "./context";
+export * from "./ContentStepper";
 export * from "./ContentStep";
-export { useContentWizardContext };
+export { useContentStepperContext };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useContentWizardContext"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentWizardContext } from \"./context\";\n\nexport * from \"./ContentWizard\";\nexport * from \"./ContentStep\";\n\nexport { useContentWizardContext };\n"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,WAAW;AAEnD,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAE7B,SAASA,uBAAuB"}
+{"version":3,"file":"index.js","names":["useContentStepperContext"],"sources":["../../../../src/components/ContentWizard/index.ts"],"sourcesContent":["import { useContentStepperContext } from \"./context\";\n\nexport * from \"./ContentStepper\";\nexport * from \"./ContentStep\";\n\nexport { useContentStepperContext };\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,WAAW;AAEpD,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAE7B,SAASA,wBAAwB"}