@okta/odyssey-contribution-tooling 1.52.0 → 1.53.0

package/dist/cjs/Fields/CheckboxGroup.cjs

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxGroup = void 0;
+var _FormGroup2 = _interopRequireDefault(require("@mui/material/FormGroup"));
+var _react = _interopRequireWildcard(require("react"));
+var _Field = require("../Field.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const CheckboxGroup = ({
+  ariaDescribedBy,
+  children,
+  errorMessage,
+  errorMessageList,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  isDisabled,
+  isReadOnly = false,
+  isRequired = false,
+  label,
+  testId,
+  translate
+}) => {
+  const memoizedChildren = (0, _react.useMemo)(() => _react.default.Children.map(children, child => {
+    if (_react.default.isValidElement(child)) {
+      return _react.default.cloneElement(child, {
+        isReadOnly,
+        isDisabled: isDisabled || child.props.isDisabled
+      });
+    }
+    return child;
+  }), [children, isReadOnly, isDisabled]);
+  const renderFieldComponent = (0, _react.useCallback)(({
+    ariaDescribedBy,
+    errorMessageElementId,
+    id,
+    labelElementId
+  }) => (0, _jsxRuntime.jsx)(_FormGroup2.default, {
+    "aria-describedby": ariaDescribedBy,
+    "aria-errormessage": errorMessageElementId,
+    "aria-labelledby": labelElementId,
+    "data-se": testId,
+    id: id,
+    translate: translate,
+    children: memoizedChildren
+  }), [memoizedChildren, testId, translate]);
+  return (0, _jsxRuntime.jsx)(_Field.Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "group",
+    hasVisibleLabel: true,
+    hint: hint,
+    HintLinkComponent: HintLinkComponent,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isOptional: !isRequired,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+};
+const MemoizedCheckboxGroup = exports.CheckboxGroup = (0, _react.memo)(CheckboxGroup);
+MemoizedCheckboxGroup.displayName = "CheckboxGroup";
+//# sourceMappingURL=CheckboxGroup.cjs.map

package/dist/cjs/Fields/CheckboxGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.cjs","names":["_react","_interopRequireWildcard","require","_Field","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","CheckboxGroup","ariaDescribedBy","children","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","isDisabled","isReadOnly","isRequired","label","testId","translate","memoizedChildren","useMemo","React","Children","map","child","isValidElement","cloneElement","props","renderFieldComponent","useCallback","errorMessageElementId","labelElementId","jsx","_FormGroup2","Field","fieldType","hasVisibleLabel","isOptional","MemoizedCheckboxGroup","exports","memo","displayName"],"sources":["../../../src/Fields/CheckboxGroup.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { FormGroup as MuiFormGroup } from \"@mui/material\";\nimport React, { memo, ReactNode, useCallback, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { Field } from \"../Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"../FieldComponentProps.js\";\nimport { CheckboxProps } from \"./Checkbox.js\";\n\nexport type CheckboxGroupProps = {\n  /**\n   * A single Checkbox element or an array of Checkbox elements\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the CheckboxGroup is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the CheckboxGroup\n   */\n  label: string;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isReadOnly\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype CheckboxGroupRenderProps = Pick<\n  FieldComponentRenderProps,\n  \"id\" | \"labelElementId\"\n> &\n  Partial<\n    Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n  >;\n\nconst CheckboxGroup = ({\n  ariaDescribedBy,\n  children,\n  errorMessage,\n  errorMessageList,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  testId,\n  translate,\n}: CheckboxGroupProps) => {\n  const memoizedChildren = useMemo(\n    () =>\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<CheckboxProps>(child)) {\n          return React.cloneElement(child, {\n            isReadOnly,\n            isDisabled: isDisabled || child.props.isDisabled,\n          });\n        }\n        return child;\n      }),\n    [children, isReadOnly, isDisabled],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: CheckboxGroupRenderProps) => (\n      <MuiFormGroup\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        aria-labelledby={labelElementId}\n        data-se={testId}\n        id={id}\n        translate={translate}\n      >\n        {memoizedChildren}\n      </MuiFormGroup>\n    ),\n    [memoizedChildren, testId, translate],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"group\"\n      hasVisibleLabel={true}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={!isRequired}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedCheckboxGroup = memo(CheckboxGroup);\nMemoizedCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { MemoizedCheckboxGroup as CheckboxGroup };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Fields/Hint.cjs

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HintContainerWithInlineStartSpacing = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _FormHelperText = require("@mui/material/FormHelperText");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const HintContainerWithInlineStartSpacing = exports.HintContainerWithInlineStartSpacing = _styled.default.div(({
+  odysseyDesignTokens
+}) => ({
+  paddingInlineStart: `calc(${odysseyDesignTokens.TypographyLineHeightUi}em + ${odysseyDesignTokens.Spacing2})`,
+  marginBlockEnd: odysseyDesignTokens.Spacing2,
+  [`.${_FormHelperText.formHelperTextClasses.root}.${_FormHelperText.formHelperTextClasses.error}`]: {
+    color: odysseyDesignTokens.TypographyColorSubordinate
+  }
+}));
+//# sourceMappingURL=Hint.cjs.map

package/dist/cjs/Fields/Hint.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.cjs","names":["_styled","_interopRequireDefault","require","_FormHelperText","e","__esModule","default","HintContainerWithInlineStartSpacing","exports","styled","div","odysseyDesignTokens","paddingInlineStart","TypographyLineHeightUi","Spacing2","marginBlockEnd","formHelperTextClasses","root","error","color","TypographyColorSubordinate"],"sources":["../../../src/Fields/Hint.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { formHelperTextClasses } from \"@mui/material/FormHelperText\";\n\nimport { DesignTokens } from \"../index.js\";\n\nexport const HintContainerWithInlineStartSpacing = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.TypographyLineHeightUi}em + ${odysseyDesignTokens.Spacing2})`,\n  marginBlockEnd: odysseyDesignTokens.Spacing2,\n\n  // MUI applies the '.Mui-error' class to this hint text when the checkbox is invalid which turns the copy red\n  // We want to keep the hint text gray in the error state\n  [`.${formHelperTextClasses.root}.${formHelperTextClasses.error}`]: {\n    color: odysseyDesignTokens.TypographyColorSubordinate,\n  },\n}));\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAqE,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAbrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOO,MAAMG,mCAAmC,GAAAC,OAAA,CAAAD,mCAAA,GAAGE,eAAM,CAACC,GAAG,CAE1D,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,kBAAkB,EAAE,QAAQD,mBAAmB,CAACE,sBAAsB,QAAQF,mBAAmB,CAACG,QAAQ,GAAG;EAC7GC,cAAc,EAAEJ,mBAAmB,CAACG,QAAQ;EAI5C,CAAC,IAAIE,qCAAqB,CAACC,IAAI,IAAID,qCAAqB,CAACE,KAAK,EAAE,GAAG;IACjEC,KAAK,EAAER,mBAAmB,CAACS;EAC7B;AACF,CAAC,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/Fields/Radio.cjs

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = void 0;
+var _FormHelperText2 = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _FormControlLabel2 = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Radio2 = _interopRequireDefault(require("@mui/material/Radio"));
+var _react = require("react");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _Typography = require("../Typography.cjs");
+var _useUniqueId = require("../useUniqueId.cjs");
+var _Hint = require("./Hint.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const Radio = ({
+  hint,
+  id: idOverride,
+  inputRef,
+  isChecked,
+  isDisabled,
+  isInvalid,
+  label: labelProp,
+  name,
+  testId,
+  translate,
+  value,
+  isReadOnly,
+  onChange: onChangeProp,
+  onBlur: onBlurProp,
+  onClick
+}) => {
+  const localInputRef = (0, _react.useRef)(null);
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const id = (0, _useUniqueId.useUniqueId)(idOverride);
+  const hintId = hint ? `${id}-hint` : undefined;
+  (0, _react.useImperativeHandle)(inputRef, () => {
+    return {
+      focus: () => {
+        localInputRef.current?.focus();
+      }
+    };
+  }, []);
+  const label = (0, _react.useMemo)(() => (0, _jsxRuntime.jsx)(_Typography.Typography, {
+    component: "span",
+    children: labelProp
+  }), [labelProp]);
+  const onChange = (0, _react.useCallback)((event, checked) => {
+    if (isReadOnly) {
+      event.preventDefault();
+    } else {
+      onChangeProp?.(event, checked);
+    }
+  }, [onChangeProp, isReadOnly]);
+  const handleClick = (0, _react.useCallback)(event => {
+    if (isReadOnly) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  }, [isReadOnly]);
+  const onBlur = (0, _react.useCallback)(event => {
+    onBlurProp?.(event);
+  }, [onBlurProp]);
+  const radioStyles = (0, _react.useMemo)(() => ({
+    ...(isReadOnly && {
+      cursor: "default",
+      "& .MuiTypography-root": {
+        cursor: "default"
+      }
+    }),
+    ...(hint && {
+      ":not(:last-child)": {
+        marginBlockEnd: "0"
+      }
+    })
+  }), [hint, isReadOnly]);
+  const inputProps = (0, _react.useMemo)(() => ({
+    "aria-describedby": hintId,
+    "aria-disabled": isDisabled || isReadOnly,
+    "data-se": testId,
+    readOnly: isReadOnly,
+    tabIndex: isReadOnly ? 0 : undefined
+  }), [hintId, isDisabled, isReadOnly, testId]);
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(_FormControlLabel2.default, {
+      checked: isChecked,
+      className: isInvalid ? "Mui-error" : "",
+      control: (0, _jsxRuntime.jsx)(_Radio2.default, {
+        disabled: isDisabled,
+        inputProps: inputProps,
+        inputRef: localInputRef,
+        onChange: onChange,
+        onClick: onClick || handleClick
+      }),
+      disabled: isDisabled,
+      label: label,
+      name: name,
+      onBlur: onBlur,
+      sx: radioStyles,
+      translate: translate,
+      value: value
+    }), hint && (0, _jsxRuntime.jsx)(_Hint.HintContainerWithInlineStartSpacing, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: (0, _jsxRuntime.jsx)(_FormHelperText2.default, {
+        id: hintId,
+        translate: translate,
+        children: hint
+      })
+    })]
+  });
+};
+const MemoizedRadio = exports.Radio = (0, _react.memo)(Radio);
+MemoizedRadio.displayName = "Radio";
+//# sourceMappingURL=Radio.cjs.map

package/dist/cjs/Fields/Radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs","names":["_react","require","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_Hint","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Radio","hint","id","idOverride","inputRef","isChecked","isDisabled","isInvalid","label","labelProp","name","testId","translate","value","isReadOnly","onChange","onChangeProp","onBlur","onBlurProp","onClick","localInputRef","useRef","odysseyDesignTokens","useOdysseyDesignTokens","useUniqueId","hintId","undefined","useImperativeHandle","focus","current","useMemo","jsx","Typography","component","children","useCallback","event","checked","preventDefault","handleClick","stopPropagation","radioStyles","cursor","marginBlockEnd","inputProps","readOnly","tabIndex","jsxs","Fragment","_FormControlLabel2","className","control","_Radio2","disabled","sx","HintContainerWithInlineStartSpacing","_FormHelperText2","MemoizedRadio","exports","memo","displayName"],"sources":["../../../src/Fields/Radio.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  FormControlLabel,\n  FormHelperText,\n  FormControlLabelProps as MuiFormControlLabelProps,\n  Radio as MuiRadio,\n  RadioProps as MuiRadioProps,\n} from \"@mui/material\";\nimport {\n  InputHTMLAttributes,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { FocusHandle } from \"../inputUtils.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { Typography } from \"../Typography.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport { HintContainerWithInlineStartSpacing } from \"./Hint.js\";\n\nexport type RadioProps = {\n  /**\n   * The ref forwarded to the Radio\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Determines whether the Radio button is checked\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the radio button has an invalid value\n   */\n  isInvalid?: boolean;\n  /**\n   * The label text for the Radio\n   */\n  label: string;\n  onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n  /**\n   * Callback fired when the blur event happens. Provides event value.\n   */\n  onChange?: MuiRadioProps[\"onChange\"];\n  onClick?: React.MouseEventHandler<HTMLSpanElement>;\n  /**\n   * The value attribute of the Radio\n   */\n  value: string;\n} & Pick<\n  FieldComponentProps,\n  \"hint\" | \"id\" | \"isDisabled\" | \"isReadOnly\" | \"name\"\n> &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Radio = ({\n  hint,\n  id: idOverride,\n  inputRef,\n  isChecked,\n  isDisabled,\n  isInvalid,\n  label: labelProp,\n  name,\n  testId,\n  translate,\n  value,\n  isReadOnly,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  onClick,\n}: RadioProps) => {\n  const localInputRef = useRef<HTMLInputElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n\n  useImperativeHandle(inputRef, () => {\n    return {\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    };\n  }, []);\n\n  const label = useMemo(\n    () => <Typography component=\"span\">{labelProp}</Typography>,\n    [labelProp],\n  );\n\n  const onChange = useCallback<NonNullable<MuiRadioProps[\"onChange\"]>>(\n    (event, checked) => {\n      if (isReadOnly) {\n        event.preventDefault();\n      } else {\n        onChangeProp?.(event, checked);\n      }\n    },\n    [onChangeProp, isReadOnly],\n  );\n\n  const handleClick = useCallback<React.MouseEventHandler<HTMLSpanElement>>(\n    (event) => {\n      if (isReadOnly) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    },\n    [isReadOnly],\n  );\n\n  const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n    (event) => {\n      onBlurProp?.(event);\n    },\n    [onBlurProp],\n  );\n\n  const radioStyles = useMemo(\n    () => ({\n      ...(isReadOnly && {\n        cursor: \"default\",\n        \"& .MuiTypography-root\": {\n          cursor: \"default\",\n        } as CSSStyleDeclaration,\n      }),\n\n      ...(hint && {\n        // needed to override specific :not(:last-child) selector\n        \":not(:last-child)\": {\n          marginBlockEnd: \"0\",\n        } as CSSStyleDeclaration,\n      }),\n    }),\n    [hint, isReadOnly],\n  );\n\n  const inputProps = useMemo<InputHTMLAttributes<HTMLInputElement>>(\n    () => ({\n      \"aria-describedby\": hintId,\n      \"aria-disabled\": isDisabled || isReadOnly,\n      \"data-se\": testId,\n      readOnly: isReadOnly,\n      tabIndex: isReadOnly ? 0 : undefined,\n    }),\n    [hintId, isDisabled, isReadOnly, testId],\n  );\n\n  return (\n    <>\n      <FormControlLabel\n        checked={isChecked}\n        className={isInvalid ? \"Mui-error\" : \"\"}\n        control={\n          <MuiRadio\n            disabled={isDisabled}\n            inputProps={inputProps}\n            inputRef={localInputRef}\n            onChange={onChange}\n            onClick={onClick || handleClick}\n          />\n        }\n        disabled={isDisabled}\n        label={label}\n        name={name}\n        onBlur={onBlur}\n        sx={radioStyles}\n        translate={translate}\n        value={value}\n      />\n      {hint && (\n        <HintContainerWithInlineStartSpacing\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <FormHelperText id={hintId} translate={translate}>\n            {hint}\n          </FormHelperText>\n        </HintContainerWithInlineStartSpacing>\n      )}\n    </>\n  );\n};\n\nconst MemoizedRadio = memo(Radio);\nMemoizedRadio.displayName = \"Radio\";\n\nexport { MemoizedRadio as Radio };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Fields/RadioGroup.cjs

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioGroup = void 0;
+var _RadioGroup2 = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _react = _interopRequireWildcard(require("react"));
+var _Field = require("../Field.cjs");
+var _inputUtils = require("../inputUtils.cjs");
+var _Radio = require("./Radio.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const RadioGroup = ({
+  ariaDescribedBy,
+  children,
+  defaultValue,
+  errorMessage,
+  errorMessageList,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  isDisabled,
+  isReadOnly = false,
+  label,
+  name: nameOverride,
+  onChange: onChangeProp,
+  testId,
+  translate,
+  value
+}) => {
+  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const inputValues = (0, _inputUtils.useInputValues)({
+    defaultValue,
+    value,
+    controlState: controlledStateRef.current
+  });
+  const onChange = (0, _react.useCallback)((event, newValue) => {
+    onChangeProp?.(event, newValue);
+  }, [onChangeProp]);
+  const memoizedChildren = (0, _react.useMemo)(() => _react.default.Children.map(children, child => {
+    if (_react.default.isValidElement(child) && child.type === _Radio.Radio) {
+      return _react.default.cloneElement(child, {
+        ...child.props,
+        isDisabled: isDisabled || child.props.isDisabled,
+        isReadOnly: isReadOnly || child.props.isReadOnly
+      });
+    }
+    return child;
+  }), [children, isDisabled, isReadOnly]);
+  const renderFieldComponent = (0, _react.useCallback)(({
+    ariaDescribedBy,
+    errorMessageElementId,
+    id,
+    labelElementId
+  }) => (0, _jsxRuntime.jsx)(_RadioGroup2.default, {
+    ...inputValues,
+    "aria-describedby": ariaDescribedBy,
+    "aria-errormessage": errorMessageElementId,
+    "aria-labelledby": labelElementId,
+    "data-se": testId,
+    id: id,
+    name: nameOverride ?? id,
+    onChange: onChange,
+    translate: translate,
+    children: memoizedChildren
+  }), [inputValues, nameOverride, onChange, memoizedChildren, testId, translate]);
+  return (0, _jsxRuntime.jsx)(_Field.Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "group",
+    hasVisibleLabel: false,
+    hint: hint,
+    HintLinkComponent: HintLinkComponent,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isReadOnly: isReadOnly,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+};
+const MemoizedRadioGroup = exports.RadioGroup = (0, _react.memo)(RadioGroup);
+MemoizedRadioGroup.displayName = "RadioGroup";
+//# sourceMappingURL=RadioGroup.cjs.map

package/dist/cjs/Fields/RadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.cjs","names":["_react","_interopRequireWildcard","require","_Field","_inputUtils","_Radio","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","RadioGroup","ariaDescribedBy","children","defaultValue","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","isDisabled","isReadOnly","label","name","nameOverride","onChange","onChangeProp","testId","translate","value","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","useCallback","event","newValue","memoizedChildren","useMemo","React","Children","map","child","isValidElement","type","Radio","cloneElement","props","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_RadioGroup2","Field","fieldType","hasVisibleLabel","MemoizedRadioGroup","exports","memo","displayName"],"sources":["../../../src/Fields/RadioGroup.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  RadioGroup as MuiRadioGroup,\n  type RadioGroupProps as MuiRadioGroupProps,\n} from \"@mui/material\";\nimport React, { memo, ReactNode, useCallback, useMemo, useRef } from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { Field } from \"../Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"../FieldComponentProps.js\";\nimport { getControlState, useInputValues } from \"../inputUtils.js\";\nimport { Radio, RadioProps } from \"./Radio.js\";\n\nexport type RadioGroupProps = {\n  /**\n   * The Radio components within the group. Must include two or more.\n   */\n  children: ReactNode;\n  /**\n   * The text value of the Radio that should be selected by default\n   */\n  defaultValue?: string;\n  /**\n   * The text label for the RadioGroup\n   */\n  label: string;\n  /**\n   * Listen for changes in the browser that change `value`\n   */\n  onChange?: MuiRadioGroupProps[\"onChange\"];\n  /**\n   * The `value` on the selected Radio\n   */\n  value?: string;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isReadOnly\"\n  | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst RadioGroup = ({\n  ariaDescribedBy,\n  children,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled,\n  isReadOnly = false,\n  label,\n  name: nameOverride,\n  onChange: onChangeProp,\n  testId,\n  translate,\n  value,\n}: RadioGroupProps) => {\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n\n  const inputValues = useInputValues({\n    defaultValue,\n    value,\n    controlState: controlledStateRef.current,\n  });\n\n  const onChange = useCallback<NonNullable<MuiRadioGroupProps[\"onChange\"]>>(\n    (event, newValue) => {\n      onChangeProp?.(event, newValue);\n    },\n    [onChangeProp],\n  );\n\n  const memoizedChildren = useMemo(\n    () =>\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<RadioProps>(child) && child.type === Radio) {\n          return React.cloneElement(child, {\n            ...child.props,\n            isDisabled: isDisabled || child.props.isDisabled,\n            isReadOnly: isReadOnly || child.props.isReadOnly,\n          });\n        }\n        return child;\n      }),\n    [children, isDisabled, isReadOnly],\n  );\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: FieldRenderProps) => (\n      <MuiRadioGroup\n        {...inputValues}\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        aria-labelledby={labelElementId}\n        data-se={testId}\n        id={id}\n        name={nameOverride ?? id}\n        onChange={onChange}\n        translate={translate}\n      >\n        {memoizedChildren}\n      </MuiRadioGroup>\n    ),\n    [inputValues, nameOverride, onChange, memoizedChildren, testId, translate],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"group\"\n      hasVisibleLabel={false}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedRadioGroup = memo(RadioGroup);\nMemoizedRadioGroup.displayName = \"RadioGroup\";\n\nexport { MemoizedRadioGroup as RadioGroup };\n"],"mappings":";;;;;;;AAgBA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,uBAAAnB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AA1B/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAyDA,MAAMoB,UAAU,GAAGA,CAAC;EAClBC,eAAe;EACfC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC,gBAAgB;EAChBC,IAAI;EACJC,iBAAiB;EACjBC,EAAE,EAAEC,UAAU;EACdC,UAAU;EACVC,UAAU,GAAG,KAAK;EAClBC,KAAK;EACLC,IAAI,EAAEC,YAAY;EAClBC,QAAQ,EAAEC,YAAY;EACtBC,MAAM;EACNC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAC/B,IAAAC,2BAAe,EAAC;IACdC,eAAe,EAAEJ,KAAK;IACtBK,iBAAiB,EAAErB;EACrB,CAAC,CACH,CAAC;EAED,MAAMsB,WAAW,GAAG,IAAAC,0BAAc,EAAC;IACjCvB,YAAY;IACZgB,KAAK;IACLQ,YAAY,EAAEP,kBAAkB,CAACQ;EACnC,CAAC,CAAC;EAEF,MAAMb,QAAQ,GAAG,IAAAc,kBAAW,EAC1B,CAACC,KAAK,EAAEC,QAAQ,KAAK;IACnBf,YAAY,GAAGc,KAAK,EAAEC,QAAQ,CAAC;EACjC,CAAC,EACD,CAACf,YAAY,CACf,CAAC;EAED,MAAMgB,gBAAgB,GAAG,IAAAC,cAAO,EAC9B,MACEC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAAClC,QAAQ,EAAGmC,KAAK,IAAK;IACtC,IAAIH,cAAK,CAACI,cAAc,CAAaD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,YAAK,EAAE;MACnE,OAAON,cAAK,CAACO,YAAY,CAACJ,KAAK,EAAE;QAC/B,GAAGA,KAAK,CAACK,KAAK;QACdhC,UAAU,EAAEA,UAAU,IAAI2B,KAAK,CAACK,KAAK,CAAChC,UAAU;QAChDC,UAAU,EAAEA,UAAU,IAAI0B,KAAK,CAACK,KAAK,CAAC/B;MACxC,CAAC,CAAC;IACJ;IACA,OAAO0B,KAAK;EACd,CAAC,CAAC,EACJ,CAACnC,QAAQ,EAAEQ,UAAU,EAAEC,UAAU,CACnC,CAAC;EACD,MAAMgC,oBAAoB,GAAG,IAAAd,kBAAW,EACtC,CAAC;IACC5B,eAAe;IACf2C,qBAAqB;IACrBpC,EAAE;IACFqC;EACgB,CAAC,KACjB,IAAAlE,WAAA,CAAAmE,GAAA,EAAAC,YAAA,CAAAzD,OAAA;IAAA,GACMmC,WAAW;IACf,oBAAkBxB,eAAgB;IAClC,qBAAmB2C,qBAAsB;IACzC,mBAAiBC,cAAe;IAChC,WAAS5B,MAAO;IAChBT,EAAE,EAAEA,EAAG;IACPK,IAAI,EAAEC,YAAY,IAAIN,EAAG;IACzBO,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAEA,SAAU;IAAAhB,QAAA,EAEpB8B;EAAgB,CACJ,CAChB,EACD,CAACP,WAAW,EAAEX,YAAY,EAAEC,QAAQ,EAAEiB,gBAAgB,EAAEf,MAAM,EAAEC,SAAS,CAC3E,CAAC;EAED,OACE,IAAAvC,WAAA,CAAAmE,GAAA,EAACtE,MAAA,CAAAwE,KAAK;IACJ/C,eAAe,EAAEA,eAAgB;IACjCG,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnC4C,SAAS,EAAC,OAAO;IACjBC,eAAe,EAAE,KAAM;IACvB5C,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IACrCC,EAAE,EAAEC,UAAW;IACfC,UAAU,EAAEA,UAAW;IACvBC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACb+B,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CAAC;AAED,MAAMQ,kBAAkB,GAAAC,OAAA,CAAApD,UAAA,GAAG,IAAAqD,WAAI,EAACrD,UAAU,CAAC;AAC3CmD,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/cjs/Fieldset.cjs

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fieldset = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _FieldsetContext = require("./FieldsetContext.cjs");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _Typography = require("./Typography.cjs");
+var _useUniqueId = require("./useUniqueId.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const StyledFieldset = _styled.default.fieldset(({
+  odysseyDesignTokens
+}) => ({
+  border: "0",
+  margin: odysseyDesignTokens.Spacing0,
+  marginBlockEnd: odysseyDesignTokens.Spacing6,
+  maxWidth: odysseyDesignTokens.TypographyLineLengthMax,
+  padding: odysseyDesignTokens.Spacing0,
+  "&:last-child": {
+    marginBlockEnd: odysseyDesignTokens.Spacing0
+  }
+}));
+const Fieldset = ({
+  alert,
+  children,
+  description,
+  id: idOverride,
+  isDisabled = false,
+  legend,
+  name,
+  testId,
+  translate
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const id = (0, _useUniqueId.useUniqueId)(idOverride);
+  const fieldsetContextValue = (0, _react.useMemo)(() => ({
+    isDisabled
+  }), [isDisabled]);
+  return (0, _jsxRuntime.jsxs)(StyledFieldset, {
+    "data-se": testId,
+    disabled: isDisabled,
+    id: id,
+    name: name,
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: [(0, _jsxRuntime.jsx)(_Typography.Legend, {
+      translate: translate,
+      children: legend
+    }), description && (0, _jsxRuntime.jsx)(_Typography.Support, {
+      translate: translate,
+      children: description
+    }), alert, (0, _jsxRuntime.jsx)(_FieldsetContext.FieldsetContext.Provider, {
+      value: fieldsetContextValue,
+      children: children
+    })]
+  });
+};
+const MemoizedFieldset = exports.Fieldset = (0, _react.memo)(Fieldset);
+MemoizedFieldset.displayName = "Fieldset";
+//# sourceMappingURL=Fieldset.cjs.map

package/dist/cjs/Fieldset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.cjs","names":["_styled","_interopRequireDefault","require","_react","_FieldsetContext","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","StyledFieldset","styled","fieldset","odysseyDesignTokens","border","margin","Spacing0","marginBlockEnd","Spacing6","maxWidth","TypographyLineLengthMax","padding","Fieldset","alert","children","description","id","idOverride","isDisabled","legend","name","testId","translate","useOdysseyDesignTokens","useUniqueId","fieldsetContextValue","useMemo","jsxs","disabled","jsx","Legend","Support","FieldsetContext","Provider","value","MemoizedFieldset","exports","memo","displayName"],"sources":["../../src/Fieldset.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Callout } from \"./Callout.js\";\nimport { FieldsetContext } from \"./FieldsetContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Legend, Support } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nconst StyledFieldset = styled.fieldset<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  border: \"0\",\n  margin: odysseyDesignTokens.Spacing0,\n  marginBlockEnd: odysseyDesignTokens.Spacing6,\n  maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n  padding: odysseyDesignTokens.Spacing0,\n\n  \"&:last-child\": {\n    marginBlockEnd: odysseyDesignTokens.Spacing0,\n  },\n}));\n\nexport type FieldsetProps = {\n  /**\n   * A Callout indicating a Fieldset-wide error or status update.\n   */\n  alert?: ReactElement<typeof Callout>;\n  /**\n   * The Field components within the Fieldset\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n  /**\n   * Disables the component and any wrapped input fields.\n   */\n  isDisabled?: boolean;\n  /**\n   * The title of the Fieldset\n   */\n  legend: string;\n  /**\n   * The name associated with the group.\n   */\n  name?: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Fieldset = ({\n  alert,\n  children,\n  description,\n  id: idOverride,\n  isDisabled = false,\n  legend,\n  name,\n  testId,\n  translate,\n}: FieldsetProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n\n  const fieldsetContextValue = useMemo(\n    () => ({\n      isDisabled,\n    }),\n    [isDisabled],\n  );\n\n  return (\n    <StyledFieldset\n      data-se={testId}\n      disabled={isDisabled}\n      id={id}\n      name={name}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      <Legend translate={translate}>{legend}</Legend>\n\n      {description && <Support translate={translate}>{description}</Support>}\n\n      {alert}\n\n      <FieldsetContext.Provider value={fieldsetContextValue}>\n        {children}\n      </FieldsetContext.Provider>\n    </StyledFieldset>\n  );\n};\n\nconst MemoizedFieldset = memo(Fieldset);\nMemoizedFieldset.displayName = \"Fieldset\";\n\nexport { MemoizedFieldset as Fieldset };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAA+C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAxB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,cAAc,GAAGC,eAAM,CAACC,QAAQ,CAEnC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,MAAM,EAAE,GAAG;EACXC,MAAM,EAAEF,mBAAmB,CAACG,QAAQ;EACpCC,cAAc,EAAEJ,mBAAmB,CAACK,QAAQ;EAC5CC,QAAQ,EAAEN,mBAAmB,CAACO,uBAAuB;EACrDC,OAAO,EAAER,mBAAmB,CAACG,QAAQ;EAErC,cAAc,EAAE;IACdC,cAAc,EAAEJ,mBAAmB,CAACG;EACtC;AACF,CAAC,CAAC,CAAC;AAiCH,MAAMM,QAAQ,GAAGA,CAAC;EAChBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,EAAE,EAAEC,UAAU;EACdC,UAAU,GAAG,KAAK;EAClBC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC;AACa,CAAC,KAAK;EACnB,MAAMnB,mBAAmB,GAAG,IAAAoB,kDAAsB,EAAC,CAAC;EACpD,MAAMP,EAAE,GAAG,IAAAQ,wBAAW,EAACP,UAAU,CAAC;EAElC,MAAMQ,oBAAoB,GAAG,IAAAC,cAAO,EAClC,OAAO;IACLR;EACF,CAAC,CAAC,EACF,CAACA,UAAU,CACb,CAAC;EAED,OACE,IAAAtB,WAAA,CAAA+B,IAAA,EAAC3B,cAAc;IACb,WAASqB,MAAO;IAChBO,QAAQ,EAAEV,UAAW;IACrBF,EAAE,EAAEA,EAAG;IACPI,IAAI,EAAEA,IAAK;IACXjB,mBAAmB,EAAEA,mBAAoB;IAAAW,QAAA,GAEzC,IAAAlB,WAAA,CAAAiC,GAAA,EAACnC,WAAA,CAAAoC,MAAM;MAACR,SAAS,EAAEA,SAAU;MAAAR,QAAA,EAAEK;IAAM,CAAS,CAAC,EAE9CJ,WAAW,IAAI,IAAAnB,WAAA,CAAAiC,GAAA,EAACnC,WAAA,CAAAqC,OAAO;MAACT,SAAS,EAAEA,SAAU;MAAAR,QAAA,EAAEC;IAAW,CAAU,CAAC,EAErEF,KAAK,EAEN,IAAAjB,WAAA,CAAAiC,GAAA,EAACrC,gBAAA,CAAAwC,eAAe,CAACC,QAAQ;MAACC,KAAK,EAAET,oBAAqB;MAAAX,QAAA,EACnDA;IAAQ,CACe,CAAC;EAAA,CACb,CAAC;AAErB,CAAC;AAED,MAAMqB,gBAAgB,GAAAC,OAAA,CAAAxB,QAAA,GAAG,IAAAyB,WAAI,EAACzB,QAAQ,CAAC;AACvCuB,gBAAgB,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/cjs/FieldsetContext.cjs

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFieldset = exports.FieldsetContext = void 0;
+var _react = require("react");
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const FieldsetContext = exports.FieldsetContext = (0, _react.createContext)({
+  isDisabled: false
+});
+const useFieldset = () => (0, _react.useContext)(FieldsetContext);
+exports.useFieldset = useFieldset;
+//# sourceMappingURL=FieldsetContext.cjs.map

package/dist/cjs/FieldsetContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetContext.cjs","names":["_react","require","FieldsetContext","exports","createContext","isDisabled","useFieldset","useContext"],"sources":["../../src/FieldsetContext.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { createContext, useContext } from \"react\";\n\nexport type FieldsetContextValue = {\n  isDisabled: boolean;\n};\n\nexport const FieldsetContext = createContext<FieldsetContextValue>({\n  isDisabled: false,\n});\n\nexport const useFieldset = () => useContext(FieldsetContext);\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oBAAa,EAAuB;EACjEC,UAAU,EAAE;AACd,CAAC,CAAC;AAEK,MAAMC,WAAW,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACL,eAAe,CAAC;AAACC,OAAA,CAAAG,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/FileUploader/FileUploadIllustration.cjs

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileUploadIllustration = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const UploadIllustrationContainer = _styled.default.div(({
+  odysseyDesignTokens
+}) => ({
+  marginBlockEnd: odysseyDesignTokens.Spacing3,
+  padding: odysseyDesignTokens.Spacing3,
+  backgroundColor: odysseyDesignTokens.HueNeutral50,
+  borderRadius: "50%",
+  svg: {
+    display: "flex",
+    width: odysseyDesignTokens.Spacing8,
+    height: odysseyDesignTokens.Spacing8
+  }
+}));
+const FileUploadIllustration = () => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  return (0, _jsxRuntime.jsx)(UploadIllustrationContainer, {
+    "aria-hidden": "true",
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: (0, _jsxRuntime.jsxs)("svg", {
+      "aria-hidden": "true",
+      fill: "none",
+      viewBox: "0 0 44 45",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [(0, _jsxRuntime.jsx)("path", {
+        d: "M32.0763 11.001C29.3564 3.7855 21.6595 -0.565827 13.7765 0.726748C5.35441 2.10773 -0.676662 9.50714 0.0603005 17.8612C0.441865 22.1865 2.56458 25.9787 5.71703 28.614L8.28246 25.545C5.90122 23.5544 4.32811 20.7209 4.04483 17.5097C3.50262 11.3633 7.94433 5.73648 14.4238 4.67404C20.9164 3.60944 27.0806 7.52016 28.6895 13.5191C28.9239 14.3932 29.7162 15.001 30.6212 15.001H32.9114C36.8985 15.001 39.9997 18.0938 39.9997 21.7505C39.9997 24.3423 38.4576 26.6352 36.1259 27.7678L37.8736 31.3658C41.4737 29.6171 43.9997 25.9917 43.9997 21.7505C43.9997 15.7428 38.963 11.001 32.9114 11.001H32.0763Z",
+        fill: odysseyDesignTokens.HueNeutral200
+      }), (0, _jsxRuntime.jsx)("path", {
+        d: "M23.9994 29.3277V44.5H19.9994V29.3289L14.4142 34.9141L11.5858 32.0857L19.7373 23.9342C20.9869 22.6845 23.0131 22.6845 24.2627 23.9342L32.4142 32.0857L29.5858 34.9141L23.9994 29.3277Z",
+        fill: odysseyDesignTokens.HueNeutral200
+      })]
+    })
+  });
+};
+const MemoizedFileUploadIllustration = exports.FileUploadIllustration = (0, _react.memo)(FileUploadIllustration);
+MemoizedFileUploadIllustration.displayName = "FileUploadIllustration";
+//# sourceMappingURL=FileUploadIllustration.cjs.map

package/dist/cjs/FileUploader/FileUploadIllustration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadIllustration.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","UploadIllustrationContainer","styled","div","odysseyDesignTokens","marginBlockEnd","Spacing3","padding","backgroundColor","HueNeutral50","borderRadius","svg","display","width","Spacing8","height","FileUploadIllustration","useOdysseyDesignTokens","jsx","children","jsxs","fill","viewBox","xmlns","d","HueNeutral200","MemoizedFileUploadIllustration","exports","memo","displayName"],"sources":["../../../src/FileUploader/FileUploadIllustration.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo } from \"react\";\n\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\n\nconst UploadIllustrationContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing3,\n  padding: odysseyDesignTokens.Spacing3,\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  borderRadius: \"50%\",\n\n  svg: {\n    display: \"flex\",\n    width: odysseyDesignTokens.Spacing8,\n    height: odysseyDesignTokens.Spacing8,\n  },\n}));\n\nconst FileUploadIllustration = () => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UploadIllustrationContainer\n      aria-hidden=\"true\"\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      <svg\n        aria-hidden=\"true\"\n        fill=\"none\"\n        viewBox=\"0 0 44 45\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M32.0763 11.001C29.3564 3.7855 21.6595 -0.565827 13.7765 0.726748C5.35441 2.10773 -0.676662 9.50714 0.0603005 17.8612C0.441865 22.1865 2.56458 25.9787 5.71703 28.614L8.28246 25.545C5.90122 23.5544 4.32811 20.7209 4.04483 17.5097C3.50262 11.3633 7.94433 5.73648 14.4238 4.67404C20.9164 3.60944 27.0806 7.52016 28.6895 13.5191C28.9239 14.3932 29.7162 15.001 30.6212 15.001H32.9114C36.8985 15.001 39.9997 18.0938 39.9997 21.7505C39.9997 24.3423 38.4576 26.6352 36.1259 27.7678L37.8736 31.3658C41.4737 29.6171 43.9997 25.9917 43.9997 21.7505C43.9997 15.7428 38.963 11.001 32.9114 11.001H32.0763Z\"\n          fill={odysseyDesignTokens.HueNeutral200}\n        />\n        <path\n          d=\"M23.9994 29.3277V44.5H19.9994V29.3289L14.4142 34.9141L11.5858 32.0857L19.7373 23.9342C20.9869 22.6845 23.0131 22.6845 24.2627 23.9342L32.4142 32.0857L29.5858 34.9141L23.9994 29.3277Z\"\n          fill={odysseyDesignTokens.HueNeutral200}\n        />\n      </svg>\n    </UploadIllustrationContainer>\n  );\n};\n\nconst MemoizedFileUploadIllustration = memo(FileUploadIllustration);\nMemoizedFileUploadIllustration.displayName = \"FileUploadIllustration\";\n\nexport { MemoizedFileUploadIllustration as FileUploadIllustration };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAG0C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAlB1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAMG,2BAA2B,GAAGC,eAAM,CAACC,GAAG,CAE3C,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,cAAc,EAAED,mBAAmB,CAACE,QAAQ;EAC5CC,OAAO,EAAEH,mBAAmB,CAACE,QAAQ;EACrCE,eAAe,EAAEJ,mBAAmB,CAACK,YAAY;EACjDC,YAAY,EAAE,KAAK;EAEnBC,GAAG,EAAE;IACHC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAET,mBAAmB,CAACU,QAAQ;IACnCC,MAAM,EAAEX,mBAAmB,CAACU;EAC9B;AACF,CAAC,CAAC,CAAC;AAEH,MAAME,sBAAsB,GAAGA,CAAA,KAAM;EACnC,MAAMZ,mBAAmB,GAAG,IAAAa,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAApB,WAAA,CAAAqB,GAAA,EAACjB,2BAA2B;IAC1B,eAAY,MAAM;IAClBG,mBAAmB,EAAEA,mBAAoB;IAAAe,QAAA,EAEzC,IAAAtB,WAAA,CAAAuB,IAAA;MACE,eAAY,MAAM;MAClBC,IAAI,EAAC,MAAM;MACXC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAC,4BAA4B;MAAAJ,QAAA,GAElC,IAAAtB,WAAA,CAAAqB,GAAA;QACEM,CAAC,EAAC,ilBAAilB;QACnlBH,IAAI,EAAEjB,mBAAmB,CAACqB;MAAc,CACzC,CAAC,EACF,IAAA5B,WAAA,CAAAqB,GAAA;QACEM,CAAC,EAAC,wLAAwL;QAC1LH,IAAI,EAAEjB,mBAAmB,CAACqB;MAAc,CACzC,CAAC;IAAA,CACC;EAAC,CACqB,CAAC;AAElC,CAAC;AAED,MAAMC,8BAA8B,GAAAC,OAAA,CAAAX,sBAAA,GAAG,IAAAY,WAAI,EAACZ,sBAAsB,CAAC;AACnEU,8BAA8B,CAACG,WAAW,GAAG,wBAAwB","ignoreList":[]}