@activecollab/components 2.0.245 → 2.0.247

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","classNames","EditableContent","EditableText","_ref","ref","onSave","onCancel","value","inputProps","allowEmptyString","props","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","handleBlur","e","current","target","trim","length","handleKeyDown","key","blur","handleChange","createElement","_extends","onBlur","onKeyDown","onChange","type","className","displayName"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: () => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    { onSave, onCancel, value, inputProps, allowEmptyString, ...props },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n      },\n      [allowEmptyString, onSave, prevValue]\n    );\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\") {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel();\n        }\n      },\n      [onCancel]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    return (\n      <EditableContent\n        {...props}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      />\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}
+{"version":3,"file":"EditableText.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","classNames","styled","css","EditableContent","StyledDiv","StyledSpan","Typography","StyledTextareaSpan","withConfig","displayName","componentId","_ref","invalid","EditableText","_ref2","ref","onSave","onCancel","value","inputProps","allowEmptyString","multiline","variant","weight","disabled","wrapRef","children","props","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","intTextareaRef","isTextareaFocused","setIsTextareaFocused","handleBlur","e","current","target","trim","length","scrollLeft","handleFocus","handleKeyDown","key","blur","handleChange","createElement","_extends","forwardedAs","$disabled","className","String","replace","onFocus","onBlur","onKeyDown","onChange","placeholder","rows","type"],"sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classNames from \"classnames\";\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n  EditableContent,\n  EditableContentInterface,\n} from \"../EditableContent/EditableContent\";\nimport { StyledDiv, StyledSpan } from \"../EditableContent/Styles\";\nimport { Typography } from \"../Typography/Typography\";\n\nconst StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color, #ffffff);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n\n  &:focus {\n    opacity: 1;\n    background-color: var(--input-background-color, #f8f9fa);\n  }\n\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nexport interface EditableTextInterface extends EditableContentInterface {\n  /** Value to display. */\n  value?: string | null;\n  /** Optional callback called on enter, click outside and tab. */\n  onSave?: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  /** Optional callback called on input reset. */\n  onCancel?: () => void;\n  /** If true, setting empty value will save it, instead of revert to previous value. */\n  allowEmptyString?: boolean;\n  /** If true, shows a textarea instead of input for multiline editing. */\n  multiline?: boolean;\n  /** Children content to display */\n  children?: React.ReactNode;\n}\n\nexport const EditableText = forwardRef<HTMLDivElement, EditableTextInterface>(\n  (\n    {\n      onSave,\n      onCancel,\n      value,\n      inputProps,\n      allowEmptyString,\n      multiline = false,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      invalid,\n      wrapRef,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [currentValue, setCurrentValue] = useState(value);\n    const [prevValue, setPrevValue] = useState(value);\n    const escapeRef = useRef(false);\n    const intTextareaRef = useRef<HTMLTextAreaElement>(null);\n    const [isTextareaFocused, setIsTextareaFocused] = useState(false);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        setCurrentValue(value);\n        setPrevValue(value);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n    const handleBlur = useCallback(\n      (e) => {\n        setIsTextareaFocused(false);\n        if (escapeRef.current) {\n          setCurrentValue(prevValue);\n          escapeRef.current = false;\n        } else {\n          if (\n            e.target.value.trim().length > 0 &&\n            prevValue !== e.target.value\n          ) {\n            setPrevValue(e.target.value);\n            setCurrentValue(e.target.value);\n            typeof onSave === \"function\" && onSave(e);\n          } else {\n            !allowEmptyString\n              ? setCurrentValue(prevValue)\n              : typeof onSave === \"function\" &&\n                prevValue !== e.target.value &&\n                onSave(e);\n          }\n        }\n        // Reset scroll position for textarea\n        if (multiline && intTextareaRef?.current) {\n          intTextareaRef.current.scrollLeft = 0;\n        }\n      },\n      [allowEmptyString, onSave, prevValue, multiline]\n    );\n\n    const handleFocus = useCallback(() => {\n      setIsTextareaFocused(true);\n    }, []);\n\n    const handleKeyDown = useCallback(\n      (e) => {\n        if (e.key === \"Enter\" && !multiline) {\n          e.target.blur();\n        }\n        if (e.key === \"Escape\") {\n          escapeRef.current = true;\n          e.target.blur();\n          typeof onCancel === \"function\" && onCancel();\n        }\n      },\n      [onCancel, multiline]\n    );\n\n    const handleChange = useCallback((e) => {\n      setCurrentValue(e.target.value);\n    }, []);\n\n    if (multiline) {\n      return (\n        <StyledDiv ref={wrapRef} {...props}>\n          <StyledSpan\n            variant={variant}\n            forwardedAs=\"span\"\n            weight={weight}\n            $disabled={!isTextareaFocused}\n            className=\"presentation\"\n          >\n            {children\n              ? children\n              : String(currentValue || \"\").replace(/\\n/g, \" \")}\n          </StyledSpan>\n          <StyledTextareaSpan\n            ref={intTextareaRef}\n            forwardedAs=\"textarea\"\n            variant={variant}\n            weight={weight}\n            value={currentValue ?? \"\"}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            disabled={disabled}\n            invalid={invalid}\n            data-form-type=\"other\"\n            placeholder={inputProps?.placeholder}\n            className={classNames(\"c-textarea\", inputProps?.className)}\n            rows={3}\n            {...inputProps}\n          />\n        </StyledDiv>\n      );\n    }\n\n    return (\n      <EditableContent\n        {...props}\n        variant={variant}\n        weight={weight}\n        disabled={disabled}\n        invalid={invalid}\n        wrapRef={wrapRef}\n        ref={ref}\n        inputProps={{\n          ...inputProps,\n          value: currentValue ?? \"\",\n          onBlur: handleBlur,\n          onKeyDown: handleKeyDown,\n          onChange: handleChange,\n          type: \"text\",\n          className: classNames(\"c-input\", inputProps?.className),\n        }}\n      >\n        {children}\n      </EditableContent>\n    );\n  }\n);\n\nEditableText.displayName = \"EditableText\";\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;SAqBxB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;SAoBxB,CAAC"}

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

@@ -3,6 +3,6 @@ import { Paper } from "../Paper";
 export const StyledHeader = styled(Paper).withConfig({
   displayName: "Styles__StyledHeader",
   componentId: "sc-xrlqib-0"
-})(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], props => props.size === "big" && css(["height:140px;"]), props => props.size === "small" && css(["height:4rem;"]));
+})(["", " ", " padding:0 1rem;display:flex;overflow:hidden;@media screen and (max-width:350px){overflow:auto;}"], props => props.size === "big" && css(["height:140px;"]), props => props.size === "small" && css(["height:4rem;"]));
 StyledHeader.displayName = "StyledHeader";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledHeader","withConfig","displayName","componentId","props","size"],"sources":["../../../../src/components/Header/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)<{ size?: string }>`\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 140px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 4rem;\n    `}\n\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kIACpCC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,KAAK,IACpBP,GAAG,mBAEF,EAEAM,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,IACtBP,GAAG,kBAEF,CAUJ;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledHeader","withConfig","displayName","componentId","props","size"],"sources":["../../../../src/components/Header/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)<{ size?: string }>`\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 140px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 4rem;\n    `}\n\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kHACpCC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,KAAK,IACpBP,GAAG,mBAEF,EAEAM,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,IACtBP,GAAG,kBAEF,CASJ;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc"}

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

@@ -72,6 +72,7 @@ export * from "./Dot";
 export * from "./Entity";
 export * from "./Filter";
 export * from "./Wizard";
+export * from "./ContentWizard";
 export * from "./IconButton";
 export * from "./Typography";
 export * from "./Badge";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/esm/components/index.js

@@ -72,6 +72,7 @@ export * from "./Dot";
 export * from "./Entity";
 export * from "./Filter";
 export * from "./Wizard";
+export * from "./ContentWizard";
 export * from "./IconButton";
 export * from "./Typography";
 export * from "./Badge";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./ChooseV2\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./ChooseV2\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./ContentWizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ"}

package/dist/index.js

@@ -20419,7 +20419,7 @@
   var StyledHeader = styled__default["default"](Paper).withConfig({
     displayName: "Styles__StyledHeader",
     componentId: "sc-xrlqib-0"
-  })(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], function (props) {
+  })(["", " ", " padding:0 1rem;display:flex;overflow:hidden;@media screen and (max-width:350px){overflow:auto;}"], function (props) {
     return props.size === "big" && styled.css(["height:140px;"]);
   }, function (props) {
     return props.size === "small" && styled.css(["height:4rem;"]);
@@ -22338,14 +22338,46 @@
   });
   EditableContent.displayName = "EditableContent";
 
-  var _excluded$f = ["onSave", "onCancel", "value", "inputProps", "allowEmptyString"];
-  var EditableText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-    var onSave = _ref.onSave,
-      onCancel = _ref.onCancel,
-      value = _ref.value,
-      inputProps = _ref.inputProps,
-      allowEmptyString = _ref.allowEmptyString,
-      props = _objectWithoutProperties(_ref, _excluded$f);
+  var _excluded$f = ["onSave", "onCancel", "value", "inputProps", "allowEmptyString", "multiline", "variant", "weight", "disabled", "invalid", "wrapRef", "children"];
+  var StyledTextareaSpan = styled__default["default"](Typography).withConfig({
+    displayName: "EditableText__StyledTextareaSpan",
+    componentId: "sc-j2ewzm-0"
+  })(["", " background-color:var(--input-background-color,#ffffff);padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;font-variant-numeric:tabular-nums;outline-width:0px;outline:none;resize:none;white-space:pre-wrap;overflow-wrap:break-word;height:calc(1.5em * 3 + 2px);min-height:calc(1.5em * 3 + 2px);opacity:0;&:focus{opacity:1;background-color:var(--input-background-color,#f8f9fa);}&:disabled{opacity:0;}", ""], {
+    "position": "absolute",
+    "inset": "0px",
+    "boxSizing": "border-box",
+    "width": "100%",
+    "borderRadius": "0.375rem",
+    "borderWidth": "1px",
+    "borderStyle": "solid",
+    "borderColor": "transparent",
+    ":focus-within": {
+      "borderColor": "var(--color-theme-700)"
+    },
+    ":hover": {
+      "borderColor": "var(--color-theme-700)"
+    }
+  }, function (_ref) {
+    var invalid = _ref.invalid;
+    return invalid && styled.css(["border-color:var(--red-alert) !important;"]);
+  });
+  var EditableText = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+    var onSave = _ref2.onSave,
+      onCancel = _ref2.onCancel,
+      value = _ref2.value,
+      inputProps = _ref2.inputProps,
+      allowEmptyString = _ref2.allowEmptyString,
+      _ref2$multiline = _ref2.multiline,
+      multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
+      _ref2$variant = _ref2.variant,
+      variant = _ref2$variant === void 0 ? "Body 2" : _ref2$variant,
+      weight = _ref2.weight,
+      _ref2$disabled = _ref2.disabled,
+      disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+      invalid = _ref2.invalid,
+      wrapRef = _ref2.wrapRef,
+      children = _ref2.children,
+      props = _objectWithoutProperties(_ref2, _excluded$f);
     var _useState = React.useState(value),
       _useState2 = _slicedToArray(_useState, 2),
       currentValue = _useState2[0],
@@ -22355,6 +22387,11 @@
       prevValue = _useState4[0],
       setPrevValue = _useState4[1];
     var escapeRef = React.useRef(false);
+    var intTextareaRef = React.useRef(null);
+    var _useState5 = React.useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isTextareaFocused = _useState6[0],
+      setIsTextareaFocused = _useState6[1];
     React.useEffect(function () {
       if (currentValue !== value) {
         setCurrentValue(value);
@@ -22363,6 +22400,7 @@
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value]);
     var handleBlur = React.useCallback(function (e) {
+      setIsTextareaFocused(false);
       if (escapeRef.current) {
         setCurrentValue(prevValue);
         escapeRef.current = false;
@@ -22375,9 +22413,16 @@
           !allowEmptyString ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
         }
       }
-    }, [allowEmptyString, onSave, prevValue]);
+      // Reset scroll position for textarea
+      if (multiline && intTextareaRef !== null && intTextareaRef !== void 0 && intTextareaRef.current) {
+        intTextareaRef.current.scrollLeft = 0;
+      }
+    }, [allowEmptyString, onSave, prevValue, multiline]);
+    var handleFocus = React.useCallback(function () {
+      setIsTextareaFocused(true);
+    }, []);
     var handleKeyDown = React.useCallback(function (e) {
-      if (e.key === "Enter") {
+      if (e.key === "Enter" && !multiline) {
         e.target.blur();
       }
       if (e.key === "Escape") {
@@ -22385,11 +22430,43 @@
         e.target.blur();
         typeof onCancel === "function" && onCancel();
       }
-    }, [onCancel]);
+    }, [onCancel, multiline]);
     var handleChange = React.useCallback(function (e) {
       setCurrentValue(e.target.value);
     }, []);
+    if (multiline) {
+      return /*#__PURE__*/React__default["default"].createElement(StyledDiv, _extends({
+        ref: wrapRef
+      }, props), /*#__PURE__*/React__default["default"].createElement(StyledSpan, {
+        variant: variant,
+        forwardedAs: "span",
+        weight: weight,
+        $disabled: !isTextareaFocused,
+        className: "presentation"
+      }, children ? children : String(currentValue || "").replace(/\n/g, " ")), /*#__PURE__*/React__default["default"].createElement(StyledTextareaSpan, _extends({
+        ref: intTextareaRef,
+        forwardedAs: "textarea",
+        variant: variant,
+        weight: weight,
+        value: currentValue !== null && currentValue !== void 0 ? currentValue : "",
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onKeyDown: handleKeyDown,
+        onChange: handleChange,
+        disabled: disabled,
+        invalid: invalid,
+        "data-form-type": "other",
+        placeholder: inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder,
+        className: classNames__default["default"]("c-textarea", inputProps === null || inputProps === void 0 ? void 0 : inputProps.className),
+        rows: 3
+      }, inputProps)));
+    }
     return /*#__PURE__*/React__default["default"].createElement(EditableContent, _extends({}, props, {
+      variant: variant,
+      weight: weight,
+      disabled: disabled,
+      invalid: invalid,
+      wrapRef: wrapRef,
       ref: ref,
       inputProps: _objectSpread2(_objectSpread2({}, inputProps), {}, {
         value: currentValue !== null && currentValue !== void 0 ? currentValue : "",
@@ -22399,7 +22476,7 @@
         type: "text",
         className: classNames__default["default"]("c-input", inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
       })
-    }));
+    }), children);
   });
   EditableText.displayName = "EditableText";
 
@@ -23318,6 +23395,142 @@
   });
   Wizard.displayName = "Wizard";
 
+  var ContentWizardContext = /*#__PURE__*/React.createContext(undefined);
+  var ContentWizardContextProvider = function ContentWizardContextProvider(_ref) {
+    var children = _ref.children,
+      value = _ref.value;
+    return /*#__PURE__*/React__default["default"].createElement(ContentWizardContext.Provider, {
+      value: value
+    }, children);
+  };
+  var useContentWizardContext = function useContentWizardContext() {
+    var context = React.useContext(ContentWizardContext);
+    if (context === undefined) {
+      throw new Error("useContentWizardContext must be used within a ContentWizardContextProvider");
+    }
+    return context;
+  };
+
+  var ContentStep = function ContentStep(_ref) {
+    var children = _ref.children,
+      className = _ref.className;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: className
+    }, children);
+  };
+  ContentStep.displayName = "ContentStep";
+
+  var StyledContentWizardContainer = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledContentWizardContainer",
+    componentId: "sc-16hr2bg-0"
+  })(["height:", ";width:100%;position:relative;overflow:hidden;"], function (_ref) {
+    var $height = _ref.$height;
+    return $height;
+  });
+  var StyledStepWrapper = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledStepWrapper",
+    componentId: "sc-16hr2bg-1"
+  })(["width:100%;"]);
+
+  var ContentWizard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var children = _ref.children,
+      className = _ref.className,
+      controlledStep = _ref.step,
+      onStepChange = _ref.onStepChange;
+    var childrenCollection = React.useMemo(function () {
+      return React__default["default"].Children.toArray(children);
+    }, [children]);
+    var _useState = React.useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      internalStep = _useState2[0],
+      setInternalStep = _useState2[1];
+    var _useState3 = React.useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      enteredStep = _useState4[0],
+      setEnteredStep = _useState4[1];
+    var _useState5 = React.useState(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isLeft = _useState6[0],
+      setIsLeft = _useState6[1];
+    var _useState7 = React.useState("auto"),
+      _useState8 = _slicedToArray(_useState7, 2),
+      height = _useState8[0],
+      setHeight = _useState8[1];
+
+    // Use controlled step if provided, otherwise use internal state
+    var activeStep = controlledStep !== undefined ? controlledStep : internalStep;
+    var setActiveStep = React.useCallback(function (newStep) {
+      if (newStep === activeStep) return;
+
+      // Determine direction: if going to higher index, slide left
+      setIsLeft(newStep > activeStep);
+      if (controlledStep === undefined) {
+        setInternalStep(newStep);
+      }
+      onStepChange === null || onStepChange === void 0 || onStepChange(newStep);
+    }, [activeStep, controlledStep, onStepChange]);
+    var goNext = React.useCallback(function () {
+      var nextIndex = Math.min(activeStep + 1, childrenCollection.length - 1);
+      setActiveStep(nextIndex);
+    }, [activeStep, childrenCollection.length, setActiveStep]);
+    var goPrevious = React.useCallback(function () {
+      var prevIndex = Math.max(activeStep - 1, 0);
+      setActiveStep(prevIndex);
+    }, [activeStep, setActiveStep]);
+    var handleHeight = React.useCallback(function (element) {
+      setHeight("".concat(element.offsetHeight, "px"));
+    }, []);
+    var handleEntered = React.useCallback(function (stepIndex) {
+      setEnteredStep(stepIndex);
+    }, []);
+    var renderSteps = React.useMemo(function () {
+      return childrenCollection.map(function (child, index) {
+        var element = child;
+        if ((element === null || element === void 0 ? void 0 : element.type) === ContentStep) {
+          var stepContent = /*#__PURE__*/React__default["default"].cloneElement(element, {
+            key: "step-".concat(index),
+            index,
+            isFirst: index === 0,
+            isLast: index === childrenCollection.length - 1
+          });
+          return /*#__PURE__*/React__default["default"].createElement(SlideLeftRightTransition, {
+            key: "transition-".concat(index),
+            in: activeStep === index,
+            direction: isLeft ? "left" : "right",
+            onEnter: handleHeight,
+            onEntered: function onEntered() {
+              return handleEntered(index);
+            }
+          }, /*#__PURE__*/React__default["default"].createElement(FocusLock.MoveFocusInside, {
+            disabled: enteredStep !== index
+          }, /*#__PURE__*/React__default["default"].createElement(StyledStepWrapper, null, stepContent)));
+        }
+        return null;
+      });
+    }, [activeStep, childrenCollection, isLeft, enteredStep, handleHeight, handleEntered]);
+    return /*#__PURE__*/React__default["default"].createElement(ContentWizardContextProvider, {
+      value: {
+        activeStep,
+        setActiveStep,
+        goNext,
+        goPrevious,
+        direction: isLeft ? "left" : "right",
+        totalSteps: childrenCollection.length
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(ResizeTransition, {
+      in: true,
+      style: {
+        height,
+        width: "100%"
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(StyledContentWizardContainer, {
+      ref: ref,
+      className: className,
+      $height: height
+    }, renderSteps)));
+  });
+  ContentWizard.displayName = "ContentWizard";
+
   var AvatarGroupsStyles = styled__default["default"].div.withConfig({
     displayName: "Styles__AvatarGroupsStyles",
     componentId: "sc-1padv46-0"
@@ -24353,6 +24566,8 @@
   exports.CompleteCheckbox = CompleteCheckbox;
   exports.ComputerIcon = ComputerIcon$1;
   exports.ConfirmDialog = ConfirmDialog;
+  exports.ContentStep = ContentStep;
+  exports.ContentWizard = ContentWizard;
   exports.CopyIcon = CopyIcon$1;
   exports.CounterButton = CounterButton;
   exports.CrownBlankIcon = CrownBlankIcon$1;
@@ -24630,6 +24845,7 @@
   exports.numberWithSeparator = numberWithSeparator;
   exports.signifierTypes = signifierTypes;
   exports.toMoment = toMoment;
+  exports.useContentWizardContext = useContentWizardContext;
   exports.useEntityGroupContext = useEntityGroupContext;
   exports.useForkRef = useForkRef;
   exports.useHeight = useHeight;