@okta/odyssey-react-mui 0.24.0 → 1.0.0

package/dist/src/FieldsetContext.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * 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.
+ */
+/// <reference types="react" />
+export type FieldsetContextValue = {
+    isDisabled: boolean;
+};
+export declare const FieldsetContext: import("react").Context<FieldsetContextValue>;
+export declare const useFieldset: () => FieldsetContextValue;
+//# sourceMappingURL=FieldsetContext.d.ts.map

package/dist/src/FieldsetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetContext.d.ts","sourceRoot":"","sources":["../../src/FieldsetContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAIH,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAE1B,CAAC;AAEH,eAAO,MAAM,WAAW,4BAAoC,CAAC"}

package/dist/src/Form.d.ts

@@ -11,29 +11,46 @@
  */
 import { ReactElement } from "react";
 import { Button } from "./Button";
-import { Infobox } from "./Infobox";
+import { Callout } from "./Callout";
+export declare const formEncodingTypeValues: readonly ["application/x-www-form-urlencoded", "application/json", "multipart/form-data", "text/plain"];
+export declare const formAutoCompleteTypeValues: readonly ["on", "off"];
+export declare const formMethodValues: readonly ["post", "get", "dialog"];
 export type FormProps = {
     /**
-     * The title of the Form
+     * A Callout indicating a Form-wide error or status update.
      */
-    title?: string;
+    alert?: ReactElement<typeof Callout>;
     /**
-     * A supplementary description
+     * Indicates whether input elements can by default have their values automatically completed by the browser.
+     * `autocomplete` attributes on form elements override it on <form>
      */
-    description?: string;
+    autoCompleteType?: (typeof formAutoCompleteTypeValues)[number];
     /**
      * The Field or FieldSet components within the Form
      */
     children: ReactElement | Array<ReactElement>;
     /**
-     * An Infobox indicating a Form-wide error or status update.
+     * A supplementary description
      */
-    alert?: ReactElement<typeof Infobox>;
+    description?: string;
     /**
-     * Indicates whether input elements can by default have their values automatically completed by the browser.
-     * `autocomplete` attributes on form elements override it on <form>
+     * If the value of the method attribute is post, enctype is the MIME type of the form submission.
+     * This value can be overridden by formenctype attributes on <button>, <input type="submit">, or <input type="image"> elements.
+     */
+    encodingType?: (typeof formEncodingTypeValues)[number];
+    /**
+     * The Field or FieldGroup components within the Form
+     */
+    formActions?: ReactElement<typeof Button> | Array<ReactElement<typeof Button>>;
+    /**
+     * Defines a unique identifier (ID) which must be unique in the whole document.
+     */
+    id?: string;
+    /**
+     * The HTTP method to submit the form with.
+     * This value is overridden by formmethod attributes on <button>, <input type="submit">, or <input type="image"> elements.
      */
-    hasAutoComplete?: "on" | "off" | undefined;
+    method?: (typeof formMethodValues)[number];
     /**
      * The name of the form. The value must not be the empty string, and must be unique among the form elements in the forms collection that it is in, if any.
      */
@@ -44,30 +61,16 @@ export type FormProps = {
      * it can be overridden by a formnovalidate attribute on a <button>, <input type="submit">, or <input type="image"> element belonging to the form.
      */
     noValidate?: boolean;
-    /**
-     * If the value of the method attribute is post, enctype is the MIME type of the form submission.
-     * This value can be overridden by formenctype attributes on <button>, <input type="submit">, or <input type="image"> elements.
-     */
-    encodingType?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain" | undefined;
-    /**
-     * The HTTP method to submit the form with.
-     * This value is overridden by formmethod attributes on <button>, <input type="submit">, or <input type="image"> elements.
-     */
-    method?: "post" | "get" | "dialog" | undefined;
     /**
      * Indicates where to display the response after submitting the form. It is a name/keyword for a browsing context (for example, tab, window, or iframe).
      * This value can be overridden by a formtarget attribute on a <button>, <input type="submit">, or <input type="image"> element.
      */
-    target?: "post" | "get" | "dialog" | undefined;
-    /**
-     * The Field or FieldGroup components within the Form
-     */
-    formActions?: ReactElement<typeof Button> | Array<ReactElement<typeof Button>>;
+    target?: string;
     /**
-     * Defines a unique identifier (ID) which must be unique in the whole document.
+     * The title of the Form
      */
-    id?: string;
+    title?: string;
 };
-declare const MemoizedForm: import("react").MemoExoticComponent<({ alert, children, description, encodingType, formActions, hasAutoComplete, id: idOverride, method, name, noValidate, target, title, }: FormProps) => JSX.Element>;
+declare const MemoizedForm: import("react").MemoExoticComponent<({ alert, autoCompleteType, children, description, encodingType, formActions, id: idOverride, method, name, noValidate, target, title, }: FormProps) => JSX.Element>;
 export { MemoizedForm as Form };
 //# sourceMappingURL=Form.d.ts.map

package/dist/src/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,YAAY,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;IACrC;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EACT,mCAAmC,GACnC,qBAAqB,GACrB,YAAY,GACZ,SAAS,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC/C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,WAAW,CAAC,EACR,YAAY,CAAC,OAAO,MAAM,CAAC,GAC3B,KAAK,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC;IACvC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA0DF,QAAA,MAAM,YAAY,+KA3Cf,SAAS,iBA2CmB,CAAC;AAGhC,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,YAAY,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,eAAO,MAAM,sBAAsB,yGAKzB,CAAC;AACX,eAAO,MAAM,0BAA0B,wBAAyB,CAAC;AACjE,eAAO,MAAM,gBAAgB,oCAAqC,CAAC;AAEnE,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;IACrC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/D;;OAEG;IACH,QAAQ,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;IACvD;;OAEG;IACH,WAAW,CAAC,EACR,YAAY,CAAC,OAAO,MAAM,CAAC,GAC3B,KAAK,CAAC,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC;IACvC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA8DF,QAAA,MAAM,YAAY,gLA/Cf,SAAS,iBA+CmB,CAAC;AAGhC,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,CAAC"}

package/dist/src/Link.d.ts

@@ -10,14 +10,33 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { ReactElement } from "react";
-import { LinkProps as MuiLinkProps } from "@mui/material";
+export declare const linkVariantValues: readonly ["default", "monochrome"];
 export type LinkProps = {
+    /**
+     * The content within the Link
+     */
     children: React.ReactNode;
+    /**
+     * The Link destination
+     */
     href: string;
+    /**
+     * An optional Icon component at the start of the Link
+     */
     icon?: ReactElement;
+    /**
+     * The HTML `rel` attribute for the Link
+     */
     rel?: string;
-    target?: "_self" | "_blank" | "_parent" | "_top" | string;
-    variant?: MuiLinkProps["variant"];
+    /**
+     * The HTML `target` attribute for the Link
+     */
+    target?: "_self" | "_blank" | "_parent" | "_top" | (string & NonNullable<unknown>);
+    /**
+     * The visual presentation of the Link (default or monochrome)
+     */
+    variant?: (typeof linkVariantValues)[number];
 };
-export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const MemoizedLink: import("react").MemoExoticComponent<({ children, href, icon, target, rel, variant }: LinkProps) => JSX.Element>;
+export { MemoizedLink as Link };
 //# sourceMappingURL=Link.d.ts.map

package/dist/src/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAEL,SAAS,IAAI,YAAY,EAE1B,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,IAAI,yGAoBf,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,YAAY,EAAE,MAAM,OAAO,CAAC;AAK3C,eAAO,MAAM,iBAAiB,oCAAqC,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,MAAM,CAAC,EACH,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,GACN,CAAC,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CAC9C,CAAC;AAgBF,QAAA,MAAM,YAAY,uFAd4C,SAAS,iBAcxC,CAAC;AAIhC,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,CAAC"}

package/dist/src/MenuButton.d.ts

@@ -9,17 +9,23 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { ButtonProps, Divider, ListSubheader, MenuItem } from "./";
-import { ReactElement } from "react";
+import { buttonVariantValues, MenuItem } from "./";
+import { Divider, ListSubheader } from "@mui/material";
+import { type ReactElement } from "react";
+import { NullElement } from "./NullElement";
 export type MenuButtonProps = {
     /**
-     * The <MenuItem> components within the Menu.
+     * The ARIA label for the Button
      */
-    children: Array<ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader>>;
+    ariaLabel?: string;
     /**
-     * The end Icon on the trigggering Button
+     * The ID of the element that labels the Button
+     */
+    ariaLabelledBy?: string;
+    /**
+     * The ID of the element that describes the Button
      */
-    buttonEndIcon?: ReactElement;
+    ariaDescribedBy?: string;
     /**
      * The label on the triggering Button
      */
@@ -27,12 +33,36 @@ export type MenuButtonProps = {
     /**
      * The variant of the triggering Button
      */
-    buttonVariant?: ButtonProps["variant"];
+    buttonVariant?: (typeof buttonVariantValues)[number];
+    /**
+     * The <MenuItem> components within the Menu.
+     */
+    children: Array<ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader | NullElement>>;
+    /**
+     * The end Icon on the trigggering Button
+     */
+    endIcon?: ReactElement;
     /**
-     * The id of the `input` element.
+     * The id of the Button
      */
     id?: string;
-};
-declare const MemoizedMenuButton: import("react").MemoExoticComponent<({ buttonLabel, children, buttonEndIcon, buttonVariant, id: idOverride, }: MenuButtonProps) => JSX.Element>;
+    /**
+     * The tooltip text for the Button if it's icon-only
+     */
+    tooltipText?: string;
+} & ({
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    buttonLabel: string;
+} | {
+    ariaLabel: string;
+    ariaLabelledBy?: string;
+    buttonLabel?: undefined | "";
+} | {
+    ariaLabel?: string;
+    ariaLabelledBy: string;
+    buttonLabel?: undefined | "";
+});
+declare const MemoizedMenuButton: import("react").MemoExoticComponent<({ ariaLabel, ariaLabelledBy, ariaDescribedBy, buttonLabel, buttonVariant, children, endIcon, id: idOverride, tooltipText, }: MenuButtonProps) => JSX.Element>;
 export { MemoizedMenuButton as MenuButton };
 //# sourceMappingURL=MenuButton.d.ts.map

package/dist/src/MenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../src/MenuButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,WAAW,EAEX,OAAO,EACP,aAAa,EAEb,QAAQ,EAET,MAAM,IAAI,CAAC;AACZ,OAAO,EAAoB,YAAY,EAAqB,MAAM,OAAO,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CACb,YAAY,CAAC,OAAO,QAAQ,GAAG,OAAO,OAAO,GAAG,OAAO,aAAa,CAAC,CACtE,CAAC;IACF;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAqDF,QAAA,MAAM,kBAAkB,iHA7CrB,eAAe,iBA6CyB,CAAC;AAE5C,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,CAAC"}
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../src/MenuButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAU,mBAAmB,EAAE,QAAQ,EAAe,MAAM,IAAI,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAQ,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAQ,KAAK,YAAY,EAAkC,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IACrD;;OAEG;IACH,QAAQ,EAAE,KAAK,CACb,YAAY,CACV,OAAO,QAAQ,GAAG,OAAO,OAAO,GAAG,OAAO,aAAa,GAAG,WAAW,CACtE,CACF,CAAC;IACF;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,CACA;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,GACD;IACE,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC;CAC9B,GACD;IACE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC;CAC9B,CACJ,CAAC;AAwEF,QAAA,MAAM,kBAAkB,oKA5DrB,eAAe,iBA4DyB,CAAC;AAG5C,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,CAAC"}

package/dist/src/MenuContext.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * 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.
+ */
+import { MouseEventHandler } from "react";
+export type MenuContextType = {
+    closeMenu: () => void;
+    openMenu: MouseEventHandler<HTMLElement>;
+};
+export declare const MenuContext: import("react").Context<MenuContextType>;
+//# sourceMappingURL=MenuContext.d.ts.map

package/dist/src/MenuContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../src/MenuContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,0CAKtB,CAAC"}

package/dist/src/MenuItem.d.ts

@@ -9,14 +9,40 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-/// <reference types="react" />
-import type { MenuItemProps as MuiMenuItemProps } from "@mui/material";
-export interface MenuItemProps extends Omit<MuiMenuItemProps, "component" | "dense" | "disableGutters" | "divider" | "focusVisibleClassName"> {
+import { MenuItemProps as MuiMenuItemProps } from "@mui/material";
+import { type ReactNode } from "react";
+export type MenuItemProps = {
     /**
-     * Toggles whether or not the MenuItem represents a destructive action.
+     * The content of the menu item.
+     */
+    children: ReactNode;
+    /**
+     * If `true`, the menu item will receive focus automatically.
+     */
+    hasInitialFocus?: boolean;
+    /**
+     * If `true`, the menu item will be visually marked as selected.
+     */
+    isSelected?: boolean;
+    /**
+     * If `true`, the menu item will be visually marked as destructive.
      */
     isDestructive?: boolean;
-}
-declare const MemoizedMenuItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<MenuItemProps, "classes" | "className" | "style" | "children" | "sx" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "isDestructive"> & import("react").RefAttributes<HTMLLIElement>>>;
+    /**
+     * Callback fired when the menu item is clicked.
+     */
+    onClick?: MuiMenuItemProps["onClick"];
+    /**
+     * The value associated with the menu item.
+     */
+    value?: string;
+    /**
+     * The variant of the menu item.
+     * - "default": The default variant.
+     * - "destructive": A variant indicating a destructive action.
+     */
+    variant?: "default" | "destructive";
+};
+declare const MemoizedMenuItem: import("react").MemoExoticComponent<({ children, hasInitialFocus, isSelected, onClick: onClickProp, value, variant, }: MenuItemProps) => JSX.Element>;
 export { MemoizedMenuItem as MenuItem };
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/src/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/MenuItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAKH,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,gBAAgB,EACd,WAAW,GACX,OAAO,GACP,gBAAgB,GAChB,SAAS,GACT,uBAAuB,CAC1B;IACD;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAgBD,QAAA,MAAM,gBAAgB,y6JAAiB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/MenuItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAClC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,CAAC;AAsCF,QAAA,MAAM,gBAAgB,yHA7BnB,aAAa,iBA6BuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}

package/dist/src/MuiPropsChild.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiPropsChild.d.ts","sourceRoot":"","sources":["../../src/MuiPropsChild.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAoBF,QAAA,MAAM,qBAAqB,iJAAsB,CAAC;AAElD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"MuiPropsChild.d.ts","sourceRoot":"","sources":["../../src/MuiPropsChild.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAoBF,QAAA,MAAM,qBAAqB,iJAAsB,CAAC;AAGlD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}

package/dist/src/MuiPropsContext.d.ts

@@ -12,4 +12,5 @@
 /// <reference types="react" />
 export type MuiPropsContextType = Record<string, unknown>;
 export declare const MuiPropsContext: import("react").Context<MuiPropsContextType>;
+export declare const useMuiProps: () => MuiPropsContextType;
 //# sourceMappingURL=MuiPropsContext.d.ts.map

package/dist/src/MuiPropsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuiPropsContext.d.ts","sourceRoot":"","sources":["../../src/MuiPropsContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAIH,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1D,eAAO,MAAM,eAAe,8CAAyC,CAAC"}
+{"version":3,"file":"MuiPropsContext.d.ts","sourceRoot":"","sources":["../../src/MuiPropsContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAIH,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1D,eAAO,MAAM,eAAe,8CAAyC,CAAC;AAEtE,eAAO,MAAM,WAAW,2BAAoC,CAAC"}

package/dist/src/NativeSelect.d.ts

@@ -17,18 +17,57 @@ export type NativeSelectOption = {
     type?: "heading" | "option";
 };
 export type NativeSelectProps = {
+    /**
+     * The options or optgroup elements within the NativeSelect
+     */
     children?: ReactElement<"option"> | ReactElement<"optgroup">;
+    /**
+     * The default value of the NativeSelect. Only applicable if `value` is not provided
+     */
     defaultValue?: string;
+    /**
+     * The error message for the NativeSelect
+     */
     errorMessage?: string;
+    /**
+     * The hint text for the NativeSelect
+     */
     hint?: string;
+    /**
+     * The id attribute of the NativeSelect
+     */
     id?: string;
+    /**
+     * If `true`, the NativeSelect is disabled
+     */
     isDisabled?: boolean;
+    /**
+     * If `true`, the NativeSelect allows multiple selections
+     */
     isMultiSelect?: boolean;
+    /**
+     * If `true`, the NativeSelect is optional
+     */
     isOptional?: boolean;
+    /**
+     * The label text for the NativeSelect
+     */
     label: string;
+    /**
+     * Callback fired when the NativeSelect loses focus
+     */
     onBlur?: MuiSelectProps["onBlur"];
+    /**
+     * Callback fired when the value of the NativeSelect changes
+     */
     onChange?: MuiSelectProps["onChange"];
+    /**
+     * Callback fired when the NativeSelect gains focus
+     */
     onFocus?: MuiSelectProps["onFocus"];
+    /**
+     * The value or values selected in the NativeSelect
+     */
     value?: string | string[];
 };
 declare const MemoizedNativeSelect: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<NativeSelectProps & import("react").RefAttributes<HTMLSelectElement>>>;

package/dist/src/NativeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../src/NativeSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAiC,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAG9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B,CAAC;AAkEF,QAAA,MAAM,oBAAoB,sJAAqB,CAAC;AAGhD,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}
+{"version":3,"file":"NativeSelect.d.ts","sourceRoot":"","sources":["../../src/NativeSelect.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,YAAY,EAAiC,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAG9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IAC7D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B,CAAC;AAkEF,QAAA,MAAM,oBAAoB,sJAAqB,CAAC;AAGhD,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}

package/dist/src/{theme/temp.d.ts → NullElement.d.ts}

@@ -9,8 +9,5 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-export type Temp = {
-    borderWidth: string;
-};
-export declare const temp: Temp;
-//# sourceMappingURL=temp.d.ts.map
+export type NullElement = false | null | undefined;
+//# sourceMappingURL=NullElement.d.ts.map

package/dist/src/NullElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NullElement.d.ts","sourceRoot":"","sources":["../../src/NullElement.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC"}

package/dist/src/OdysseyCacheProvider.d.ts

@@ -14,10 +14,13 @@ declare global {
         cspNonce: string;
     }
 }
-import { ReactElement } from "react";
-declare const MemoizedOdysseyCacheProvider: import("react").MemoExoticComponent<({ children, nonce, }: {
-    children: ReactElement;
-    nonce?: string | undefined;
-}) => JSX.Element>;
+import { StylisPlugin } from "@emotion/cache";
+import { ReactNode } from "react";
+export type OdysseyCacheProviderProps = {
+    children: ReactNode;
+    nonce?: string;
+    stylisPlugins?: StylisPlugin[];
+};
+declare const MemoizedOdysseyCacheProvider: import("react").MemoExoticComponent<({ children, nonce, stylisPlugins, }: OdysseyCacheProviderProps) => JSX.Element>;
 export { MemoizedOdysseyCacheProvider as OdysseyCacheProvider };
 //# sourceMappingURL=OdysseyCacheProvider.d.ts.map

package/dist/src/OdysseyCacheProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyCacheProvider.d.ts","sourceRoot":"","sources":["../../src/OdysseyCacheProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF;AAID,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;AAyBpD,QAAA,MAAM,4BAA4B;cAjBtB,YAAY;;kBAiBuC,CAAC;AAEhE,OAAO,EAAE,4BAA4B,IAAI,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"OdysseyCacheProvider.d.ts","sourceRoot":"","sources":["../../src/OdysseyCacheProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF;AAED,OAAoB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE3D,OAAO,EAAQ,SAAS,EAAW,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC,CAAC;AAsBF,QAAA,MAAM,4BAA4B,4EAhB/B,yBAAyB,iBAgBmC,CAAC;AAGhE,OAAO,EAAE,4BAA4B,IAAI,oBAAoB,EAAE,CAAC"}

package/dist/src/OdysseyDesignTokensContext.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * 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.
+ */
+/// <reference types="react" />
+import * as Tokens from "@okta/odyssey-design-tokens";
+export declare const OdysseyDesignTokensContext: import("react").Context<typeof Tokens>;
+export declare const useOdysseyDesignTokens: () => typeof Tokens;
+//# sourceMappingURL=OdysseyDesignTokensContext.d.ts.map

package/dist/src/OdysseyDesignTokensContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdysseyDesignTokensContext.d.ts","sourceRoot":"","sources":["../../src/OdysseyDesignTokensContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AAGtD,eAAO,MAAM,0BAA0B,wCAAuC,CAAC;AAE/E,eAAO,MAAM,sBAAsB,qBACK,CAAC"}