@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/cjs/FocusTrap-db1972cf.js

@@ -1,149 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var preact = require('preact');
-var compat = require('preact/compat');
-require('./utils/UNSAFE_classNames.js');
-
-var utils_PRIVATE_tabbableUtils = require('./utils/PRIVATE_tabbableUtils.js');
-var classNames = require('./classNames-27243499.js');
-
-const styles = {
-  guard: "_1iopxs0"
-};
-/**
- * Styled FocusTrap sub-component to render non-visible focus guards
- */
-
-const FocusGuard = compat.forwardRef(({
-  onFocus
-}, guardRef) => {
-  return jsxRuntime.jsx("div", {
-    class: styles.guard,
-    onFocus: onFocus,
-    ref: guardRef,
-    tabIndex: 0
-  });
-});
-
-/**
- * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.
- */
-
-const FocusTrap = ({
-  autoFocusRef,
-  children,
-  isDisabled = false,
-  restoreFocusRef
-}) => {
-  const trapRef = compat.useRef(null);
-  const startGuardRef = compat.useRef(null);
-  const endGuardRef = compat.useRef(null);
-  const lastActiveElementRef = compat.useRef(null); // classes to be set on the children wrapper
-
-  const classes = classNames.classNames([childrenStyles]);
-  /**
-   * contain focus if trap is enabled, and target is not already contained
-   *
-   * calling cases for side-effect of setting focus
-   *   - on initial mount of (enabled) trap, where target is not inside trap
-   *   - on enabling of a disabled trap, where target is not inside trap
-   *   - target of click event is outside of trap.
-   */
-
-  const conditionallyContainFocus = compat.useCallback(target => {
-    const trap = trapRef.current; //  short-circuit, if trap or target not valid
-
-    if (isDisabled || !trap || !target) return; // just update ref if, target already has focus
-
-    if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {
-      lastActiveElementRef.current = target;
-      return;
-    } // set focus to last active tab-stop if lastElement is defined and inside trap
-
-
-    if (lastActiveElementRef.current) {
-      utils_PRIVATE_tabbableUtils.focusOn(lastActiveElementRef.current);
-    } else {
-      // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop
-      utils_PRIVATE_tabbableUtils.focusWithin(trap);
-    }
-  }, [isDisabled]); // loop focus
-
-  const handleStartGuardOnFocus = event => {
-    if (isDisabled || !trapRef.current) return;
-    utils_PRIVATE_tabbableUtils.focusOnEnd(trapRef.current); // prevent scroll jump and bubbling this event up as a focus event
-
-    event.stopPropagation();
-    event.preventDefault();
-  };
-
-  const handleEndGuardOnFocus = event => {
-    if (isDisabled || !trapRef.current) return;
-    utils_PRIVATE_tabbableUtils.focusOnStart(trapRef.current); // prevent scroll jump and bubbling guard event up as a focus event
-
-    event.stopPropagation();
-    event.preventDefault();
-  };
-
-  const handleTrapOnFocus = event => {
-    lastActiveElementRef.current = event.target;
-  }; // handle initial render or re-render as enabled
-
-
-  compat.useEffect(() => {
-    const trap = trapRef.current;
-    if (!trap || isDisabled) return;
-    const originalActiveElement = utils_PRIVATE_tabbableUtils.getActiveElement(trap); // init focus
-
-    if (autoFocusRef && autoFocusRef.current) {
-      utils_PRIVATE_tabbableUtils.focusOn(autoFocusRef.current);
-    } else {
-      conditionallyContainFocus(originalActiveElement);
-    }
-
-    const restoreFocusRefForCleanup = restoreFocusRef;
-    return () => {
-      if (restoreFocusRefForCleanup === false) return;
-      restoreFocusAfterUnmount((restoreFocusRefForCleanup === null || restoreFocusRefForCleanup === void 0 ? void 0 : restoreFocusRefForCleanup.current) || originalActiveElement);
-    };
-  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);
-  return jsxRuntime.jsxs(preact.Fragment, {
-    children: [!isDisabled && jsxRuntime.jsx(FocusGuard, {
-      onFocus: handleStartGuardOnFocus,
-      ref: startGuardRef
-    }), jsxRuntime.jsx("div", Object.assign({
-      onFocus: handleTrapOnFocus,
-      ref: trapRef,
-      class: classes
-    }, {
-      children: children
-    })), !isDisabled && jsxRuntime.jsx(FocusGuard, {
-      onFocus: handleEndGuardOnFocus,
-      ref: endGuardRef
-    })]
-  });
-}; // setTimeout ensures that unmount lifecycle has completed
-
-const restoreFocusAfterUnmount = element => {
-  if (element && utils_PRIVATE_tabbableUtils.isTabbableElement(element)) {
-    setTimeout(() => {
-      utils_PRIVATE_tabbableUtils.focusOn(element);
-    }, 0);
-  }
-}; // is focus already contained?
-
-
-const hasFocus = (elements, target) => {
-  if (elements.length === 0) return false;
-  const activeElement = target !== null && target !== void 0 ? target : utils_PRIVATE_tabbableUtils.getActiveElement(elements[0]);
-  return elements.some(el => el === activeElement || (el === null || el === void 0 ? void 0 : el.contains(activeElement)));
-}; // remove margins from children
-
-
-const childrenStyles = "_1ikqtcr";
-
-exports.FocusTrap = FocusTrap;
-/*  */
-//# sourceMappingURL=FocusTrap-db1972cf.js.map

package/cjs/FocusTrap-db1972cf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusTrap-db1972cf.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n"],"names":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","guard","ref","tabIndex","FocusTrap","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","target","trap","current","hasFocus","focusOn","handleStartGuardOnFocus","event","focusOnEnd","handleEndGuardOnFocus","focusOnStart","handleTrapOnFocus","originalActiveElement","getActiveElement","restoreFocusAfterUnmount","restoreFocusRefForCleanup","element","isTabbableElement","elements","length","activeElement","childrenStyles"],"mappings":"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"}

package/cjs/FormControlUtils-e9e11ef7.js

@@ -1,24 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-require('./utils/UNSAFE_classNames.js');
-
-var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
-var classNames = require('./classNames-27243499.js');
-
-const rootStyles = {
-  base: "_1okcyua",
-  labelInside: "_5g13km"
-};
-const getFormControlClasses = hasInsideLabel => {
-  return classNames.classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);
-};
-const getLoadingAriaLabel = () => {
-  const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-  return translations.formControl_loading();
-};
-
-exports.getFormControlClasses = getFormControlClasses;
-exports.getLoadingAriaLabel = getLoadingAriaLabel;
-/*  */
-//# sourceMappingURL=FormControlUtils-e9e11ef7.js.map

package/cjs/FormControlUtils-e9e11ef7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormControlUtils-e9e11ef7.js","sources":["../../src/UNSAFE_TextField/FormControlUtils.ts"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\n\nconst rootStyles = {\n  base: cssProps`${{\n    verticalAlign: 'top'\n  }}`,\n\n  labelInside: cssProps`${{\n    maxWidth: '100%'\n  }}`\n};\n\nexport const getFormControlClasses = (hasInsideLabel?: boolean) => {\n  return classNames([rootStyles.base, hasInsideLabel && rootStyles.labelInside]);\n};\n\nexport const getLoadingAriaLabel = () => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return translations.formControl_loading();\n};\n"],"names":["rootStyles","getFormControlClasses","hasInsideLabel","classNames","base","labelInside","getLoadingAriaLabel","translations","useTranslationBundle","formControl_loading"],"mappings":";;;;;;;;AAKA,MAAAA,UAAA,GAAA;QAAA,UAAA;;AAAA,CAAA,CAAA;AAUAC,MAAAA,qBAAA,GAAAC,cAAA,IAAA;AACE,EAAA,OAAAC,qBAAA,CAAA,CAAAH,UAAA,CAAAI,IAAA,EAAAF,cAAA,IAAAF,UAAA,CAAAK,WAAA,CAAA,CAAA,CAAA;AACF,EAFA;AAIA,MAAAC,mBAAA,GAAA,MAAA;AACE,EAAA,MAAAC,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;EACA,OAAAD,YAAA,CAAAE,mBAAA,EAAA,CAAA;AACF;;;;;;;;"}

package/cjs/Heading-0ac8b32d.js

@@ -1,77 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-9714acb3.js');
-var jsxRuntime = require('preact/jsx-runtime');
-var keys = require('./keys-e2b4166b.js');
-var utils_UNSAFE_arrayUtils = require('./utils/UNSAFE_arrayUtils.js');
-
-var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
-
-const headingElementTypes = utils_UNSAFE_arrayUtils.stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);
-const headingsizeMap = {
-  h1: '2xl',
-  h2: 'xl',
-  h3: 'lg',
-  h4: 'md',
-  h5: 'sm',
-  h6: 'xs'
-};
-const styles = {
-  base: "_1o35yqi",
-  size: {
-    xs: "lvw1wv",
-    sm: "qso29o",
-    md: "_1sjejc9",
-    lg: "_18duep",
-    xl: "_25ozpz",
-    '2xl': "mlrc81",
-    inherit: "_1hgbt3u"
-  },
-  childrenMargins: "_1vrmrdl"
-};
-const sizeOptions = keys.keys_1(styles.size);
-const interpolations = [() => ({
-  class: styles.base
-}), ({
-  size = '2xl'
-}) => ({
-  class: styles.size[size]
-})];
-const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
-function Heading(_a) {
-  var _b;
-
-  var {
-    children
-  } = _a,
-      props = tslib_es6.__rest(_a, ["children"]);
-
-  const Component = props.as; //@ts-ignore
-
-  props.size = (_b = props.size) !== null && _b !== void 0 ? _b : headingsizeMap[Component];
-
-  const _c = styleInterpolations(props),
-        {
-    class: cls
-  } = _c,
-        style = tslib_es6.__rest(_c, ["class"]);
-
-  return jsxRuntime.jsx(Component, Object.assign({
-    className: cls,
-    style: style,
-    id: props.id
-  }, {
-    children: jsxRuntime.jsx("span", Object.assign({
-      className: styles.childrenMargins
-    }, {
-      children: children
-    }))
-  }));
-}
-
-exports.Heading = Heading;
-exports.headingElementTypes = headingElementTypes;
-exports.sizeOptions = sizeOptions;
-/*  */
-//# sourceMappingURL=Heading-0ac8b32d.js.map

package/cjs/Heading-0ac8b32d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading-0ac8b32d.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport keys from 'ramda/src/keys';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the text \"style\". Sets font size and line height.   */\n\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nconst styles = {\n  base: cssProps`${{\n    margin: 0\n  }}`,\n  size: {\n    xs: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xs-line-height)'\n    }}`,\n    sm: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-sm-line-height)'\n    }}`,\n    md: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-md-line-height)'\n    }}`,\n    lg: cssProps`${{\n      fontSize: `var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-size)`,\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-lg-line-height)'\n    }}`,\n    xl: cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-xl-line-height)'\n    }}`,\n    '2xl': cssProps`${{\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-size)',\n      fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-font-weight)',\n      lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-heading-2xl-line-height)'\n    }}`,\n    inherit: cssProps`${{\n      fontSize: 'inherit',\n      fontWeight: 'inherit',\n      lineHeight: 'inherit'\n    }}`\n  },\n\n  childrenMargins: cssProps`${{\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`\n};\n\nexport const sizeOptions = keys(styles.size);\n\nconst interpolations = [\n  () => ({ class: styles.base }),\n  ({ size = '2xl' }: Pick<HeadingProps, 'size'>) => ({\n    class: styles.size[size]\n  })\n];\n\nconst styleInterpolations = mergeInterpolations<Omit<HeadingProps, 'children'>>(interpolations);\n\nexport function Heading({ children, ...props }: HeadingProps) {\n  const Component = props.as;\n  //@ts-ignore\n  props.size = props.size ?? headingsizeMap[Component];\n  const { class: cls, ...style } = styleInterpolations(props);\n  return (\n    <Component className={cls} style={style} id={props.id}>\n      <span className={styles.childrenMargins}>{children}</span>\n    </Component>\n  );\n}\n"],"names":["headingElementTypes","stringLiteralArray","headingsizeMap","h1","h2","h3","h4","h5","h6","styles","size","sizeOptions","keys","interpolations","class","styleInterpolations","mergeInterpolations","Heading","_a","children","props","__rest","Component","as","_b","_c","cls","style","_jsx","Object","assign","className","id","childrenMargins"],"mappings":";;;;;;;;;;MAMAA,mBAAA,GAAAC,0CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,EAAA;AA0BA,MAAAC,cAAA,GAAA;AACEC,EAAAA,EAAA,EAAA,KADF;AAEEC,EAAAA,EAAA,EAAA,IAFF;AAGEC,EAAAA,EAAA,EAAA,IAHF;AAIEC,EAAAA,EAAA,EAAA,IAJF;AAKEC,EAAAA,EAAA,EAAA,IALF;AAMEC,EAAAA,EAAA,EAAA,IAAA;AANF,CAAA,CAAA;AASA,MAAAC,MAAA,GAAA;QAAA,UAAA;AAIEC,EAAAA,IAAA,EAAA;QAAA,QAAA;QAAA,QAAA;QAAA,UAAA;QAAA,SAAA;QAAA,SAAA;SAAA,EAAA,QAAA;;GAJF;;AAAA,CAAA,CAAA;AAqDA,MAAAC,WAAA,GAAAC,WAAA,CAAAH,MAAA,CAAAC,IAAA,EAAA;AAEA,MAAAG,cAAA,GAAA;;EAAA;;;AAGIC,EAAAA,KAAA,EAAAL,MAAA,CAAAC,IAAA,CAAAA,IAAA,CAAA;EAHJ,CAAA,CAAA;AAOA,MAAAK,mBAAA,GAAAC,oDAAA,CAAAH,cAAA,CAAA,CAAA;AAEA,SAAAI,OAAA,CAAAC,EAAA,EAAA;;;EAAwB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,gBAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACtB,EAAA,MAAAI,SAAA,GAAAF,KAAA,CAAAG,EAAA,CADF;;EAGEH,KAAA,CAAAV,IAAA,GAAA,CAAAc,EAAA,GAAAJ,KAAA,CAAAV,IAAA,MAAA,IAAA,IAAAc,EAAA,KAAA,KAAA,CAAA,GAAAA,EAAA,GAAAtB,cAAA,CAAAoB,SAAA,CAAA,CAAA;;AACA,EAAA,MAAAG,EAAA,GAAAV,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAN,IAAAA,KAAA,EAAAY,GAAAA;AAAA,GAAA,GAAAD,EAAA;QAAAE,KAAA,GAAAN,gBAAA,CAAAI,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AACA,EAAA,OAAAG,cAAA,CAAAN,SAAA,EAAAO,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,SAAA,EAAAL,GAAA;AAAAC,IAAAA,KAAA,EAAAA,KAAA;IAAAK,EAAA,EAAAZ,KAAA,CAAAY,EAAAA;AAAA,GAAA,EAAA;IAAAb,QAAA,EAAAS,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;MAAAC,SAAA,EAAAtB,MAAA,CAAAwB,eAAAA;AAAA,KAAA,EAAA;AAAAd,MAAAA,QAAA,EAAAA,QAAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;;;"}

package/cjs/HiddenAccessible-6ce33bf2.js

@@ -1,26 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-
-
-const hiddenAccessibleStyle = "_1az7czh";
-/**
- * HiddenAccessible is a helper component that hides its children visually,
- * but keeps them visible to screen readers.
- *
- */
-
-function HiddenAccessible({
-  children
-}) {
-  return jsxRuntime.jsx("span", Object.assign({
-    class: hiddenAccessibleStyle
-  }, {
-    children: children
-  }));
-}
-
-exports.HiddenAccessible = HiddenAccessible;
-/*  */
-//# sourceMappingURL=HiddenAccessible-6ce33bf2.js.map

package/cjs/HiddenAccessible-6ce33bf2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HiddenAccessible-6ce33bf2.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n  return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","_jsx","Object","assign","class"],"mappings":";;;;;;AAGA,MAAAA,qBAAA,GAAA,UAAA,CAAA;AAsBA;;;;AAIG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,qBAAAA;AAAA,GAAA,EAAA;AAAAE,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;;;;;;"}

package/cjs/HighlightText-51efdc48.js

@@ -1,50 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var preact = require('preact');
-
-
-const highlightStyles = "_12iqu2z";
-/**
- * Renders a text string with highlighting applied to the given text to match.
- */
-
-function HighlightText({
-  children = '',
-  matchText = ''
-}) {
-  return highlighter(children, matchText);
-}
-const HIGHLIGHT_TOKEN = '__@@__';
-const HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;
-
-function highlighter(unhighlightedText, matchText) {
-  if (matchText.length > 0 && unhighlightedText.length > 0) {
-    const escapedMatchText = escapeRegExp(matchText);
-    const highlightedText = unhighlightedText.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);
-    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);
-    const nodes = tokens.map((current, index) => index % 2 == 0 ? current : jsxRuntime.jsx("span", Object.assign({
-      class: highlightStyles
-    }, {
-      children: current
-    })));
-    return jsxRuntime.jsx(preact.Fragment, {
-      children: nodes
-    });
-  }
-
-  return jsxRuntime.jsx(preact.Fragment, {
-    children: unhighlightedText
-  });
-}
-
-function escapeRegExp(str) {
-  // copied from:
-  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
-  return str.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
-}
-
-exports.HighlightText = HighlightText;
-/*  */
-//# sourceMappingURL=HighlightText-51efdc48.js.map

package/cjs/HighlightText-51efdc48.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightText-51efdc48.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["highlightStyles","HighlightText","children","matchText","highlighter","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","unhighlightedText","escapedMatchText","escapeRegExp","highlightedText","replace","RegExp","nodes","tokens","map","current","index","_jsx","Object","assign","class","Fragment","str"],"mappings":";;;;;;;AAWA,MAAAA,eAAA,GAAA,UAAA,CAAA;AAeA;;AAEG;;AACH,SAAAC,aAAA,CAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,SAAA,GAAA,EAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,WAAA,CAAAF,QAAA,EAAAC,SAAA,CAAA,CAAA;AACF,CAAA;AAEA,MAAAE,eAAA,GAAA,QAAA,CAAA;AACA,MAAAC,iBAAA,GAAA,CAAA,EAAAD,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA,CAAA,CAAA;;AAEA,SAAAD,WAAA,CAAAG,iBAAA,EAAAJ,SAAA,EAAA;;AAEI,IAAA,MAAAK,gBAAA,GAAAC,YAAA,CAAAN,SAAA,CAAA,CAAA;AACA,IAAA,MAAAO,eAAA,GAAAH,iBAAA,CAAAI,OAAA,CAAA,IAAAC,MAAA,CAAAJ,gBAAA,EAAA,IAAA,CAAA,EAAAF,iBAAA,CAAA,CAAA;;IAKA,MAAAO,KAAA,GAAAC,MAAA,CAAAC,GAAA,CAAA,CAAAC,OAAA,EAAAC,KAAA,KAAAA,KAAA,GAAA,CAAA,IAAA,CAAA,GAAAD,OAAA,GAAAE,cAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,MAAAA,KAAA,EAAArB,eAAAA;AAAA,KAAA,EAAA;AAAAE,MAAAA,QAAA,EAAAc,OAAAA;KAAA,CAAA,CAAA,CAAA,CAAA;IAGA,OAAAE,cAAA,CAAAI,eAAA,EAAA;AAAApB,MAAAA,QAAA,EAAAW,KAAAA;AAAA,KAAA,CAAA,CAAA;AACD,GAAA;;EACD,OAAAK,cAAA,CAAAI,eAAA,EAAA;AAAApB,IAAAA,QAAA,EAAAK,iBAAAA;AAAA,GAAA,CAAA,CAAA;AACF,CAAA;;AAEA,SAAAE,YAAA,CAAAc,GAAA,EAAA;;;sDAAA;AAIA;;;;;;;"}

package/cjs/Icon-61857d56.js

@@ -1,105 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.10 */
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-9714acb3.js');
-var jsxRuntime = require('preact/jsx-runtime');
-var preact = require('preact');
-
-require('./utils/UNSAFE_classNames.js');
-var hooks_UNSAFE_useTooltip = require('./hooks/UNSAFE_useTooltip.js');
-var classNames = require('./classNames-27243499.js');
-
-const Icon = ({
-  size = '1em',
-  color = 'currentColor',
-  accessibleLabel = '',
-  viewBox = 'none',
-  children
-}) => jsxRuntime.jsx(Svg, Object.assign({
-  height: "1em",
-  width: "1em",
-  viewBox: viewBox,
-  accessibleLabel: accessibleLabel,
-  class: classNames.classNames([colorStyles[color], sizeStyles[size]])
-}, {
-  children: children
-}));
-
-const Svg = _a => {
-  var {
-    accessibleLabel
-  } = _a,
-      otherProps = tslib_es6.__rest(_a, ["accessibleLabel"]);
-
-  return accessibleLabel ? jsxRuntime.jsx(SemanticSvg, Object.assign({
-    accessibleLabel: accessibleLabel
-  }, otherProps)) : jsxRuntime.jsx(DecorativeSvg, Object.assign({}, otherProps));
-};
-
-const DecorativeSvg = props => jsxRuntime.jsx("svg", Object.assign({}, props));
-
-const SemanticSvg = _a => {
-  var {
-    accessibleLabel,
-    children
-  } = _a,
-      props = tslib_es6.__rest(_a, ["accessibleLabel", "children"]);
-
-  const {
-    tooltipContent,
-    tooltipProps
-  } = hooks_UNSAFE_useTooltip.useTooltip({
-    text: accessibleLabel,
-    anchor: {
-      x: 'element',
-      y: 'element'
-    },
-    position: 'bottom',
-    offset: {
-      mainAxis: 8,
-      crossAxis: 0
-    }
-  });
-  return jsxRuntime.jsxs(preact.Fragment, {
-    children: [jsxRuntime.jsx("svg", Object.assign({
-      role: "img"
-    }, props, tooltipProps, {
-      "aria-label": accessibleLabel
-    }, {
-      children: children
-    })), tooltipContent]
-  });
-}; // TODO: Remove this and refactor as necessary to uptake
-// the dimensions type and values when they're available.
-// See JET-50717
-
-
-const sizeStyles = {
-  '1em': "e8c7bg",
-  '1x': "eux3bm",
-  '2x': "le441d",
-  '3x': "_1w5mhkc",
-  '4x': "d1bliv",
-  '5x': "_6zc5g",
-  '6x': "_1v2dpkn",
-  '7x': "_7m9uc8",
-  '8x': "_1c2ox7x",
-  '9x': "_1wf1ni4",
-  '10x': "_4ymgau",
-  '11x': "_1n2lj3x",
-  '12x': "wmpnbf"
-};
-const colorStyles = {
-  primary: "inpuk6",
-  secondary: "_1xkeovx",
-  disabled: "wgjjwa",
-  danger: "j68koh",
-  warning: "_18wc7rk",
-  success: "_11f7hvb",
-  info: "_1udqrp",
-  currentColor: "_4csnbn"
-};
-
-exports.Icon = Icon;
-/*  */
-//# sourceMappingURL=Icon-61857d56.js.map

package/cjs/Icon-61857d56.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon-61857d56.js","sources":["../../src/UNSAFE_Icon/Icon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX, Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: keyof typeof sizeStyles;\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof colorStyles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={classNames([colorStyles[color], sizeStyles[size]])}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' | 'width' | 'viewBox' | 'class' | 'children'>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => {\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: accessibleLabel,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: 0\n    }\n  });\n\n  return (\n    <Fragment>\n      <svg role=\"img\" {...props} {...tooltipProps} aria-label={accessibleLabel}>\n        {children}\n      </svg>\n      {tooltipContent}\n    </Fragment>\n  );\n};\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n  '1em': cssProps`${{\n    fontSize: '1em'\n  }}`,\n  '1x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  '2x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`,\n  '3x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n  }}`,\n  '4x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n  }}`,\n  '5x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n  }}`,\n  '6x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n  }}`,\n  '7x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n  }}`,\n  '8x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n  }}`,\n  '9x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n  }}`,\n  '10x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n  }}`,\n  '11x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n  }}`,\n  '12x': cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n  }}`\n};\n\nconst colorStyles = {\n  primary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n  }}`,\n  secondary: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`,\n  danger: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`,\n  success: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n  }}`,\n  info: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n  }}`,\n  currentColor: cssProps`${{\n    color: 'currentColor'\n  }}`\n};\n"],"names":["Icon","size","color","accessibleLabel","viewBox","children","_jsx","Svg","Object","assign","height","width","class","classNames","colorStyles","sizeStyles","_a","otherProps","__rest","DecorativeSvg","props","SemanticSvg","tooltipContent","tooltipProps","useTooltip","text","anchor","x","y","position","offset","mainAxis","crossAxis"],"mappings":";;;;;;;;;;;AA6BA,MAAAA,IAAA,GAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,KAAA;AAAAC,EAAAA,KAAA,GAAA,cAAA;AAAAC,EAAAA,eAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,KAAAC,cAAA,CAAAC,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,EAAAA,MAAA,EAAA,KAAA;AAAAC,EAAAA,KAAA,EAAA,KAAA;AAAAP,EAAAA,OAAA,EAAAA,OAAA;AAAAD,EAAAA,eAAA,EAAAA,eAAA;AAAAS,EAAAA,KAAA,EAAAC,qBAAA,CAAA,CAAAC,WAAA,CAAAZ,KAAA,CAAA,EAAAa,UAAA,CAAAd,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAAAI,EAAAA,QAAA,EAAAA,QAAAA;AAAA,CAAA,CAAA,EAAA;;AAsBA,MAAAE,GAAA,GAAAS,EAAA,IAAA;EAAa,IAAA;AAAAb,IAAAA,eAAAA;AAAA,GAAA,GAAAa,EAAA;MAAAC,UAAA,GAAAC,gBAAA,CAAAF,EAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;;;;;CAAb,CAAA;;AAOA,MAAAG,aAAA,GAAAC,KAAA,IAAAd,cAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAW,KAAA,CAAA,CAAA,CAAA;;AAEA,MAAAC,WAAA,GAAAL,EAAA,IAAA;;;;;;;EACE,MAAA;IAAAM,cAAA;AAAAC,IAAAA,YAAAA;AAAA,GAAA,GAAAC,kCAAA,CAAA;AACEC,IAAAA,IAAA,EAAAtB,eADF;AAEEuB,IAAAA,MAAA,EAAA;AACEC,MAAAA,CAAA,EAAA,SADF;AAEEC,MAAAA,CAAA,EAAA,SAAA;KAJJ;AAMEC,IAAAA,QAAA,EAAA,QANF;AAOEC,IAAAA,MAAA,EAAA;AACEC,MAAAA,QAAA,EAAA,CADF;AAEEC,MAAAA,SAAA,EAAA,CAAA;AAFF,KAAA;AAPF,GAAA,CAAA,CAAA;;;;;;;;;;AAqBF,CAtBA;AAyBA;AACA;;;AACA,MAAAjB,UAAA,GAAA;OAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,UAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,UAAA;MAAA,EAAA,SAAA;MAAA,EAAA,UAAA;MAAA,EAAA,UAAA;OAAA,EAAA,SAAA;OAAA,EAAA,UAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,QAAA;aAAA,UAAA;YAAA,QAAA;UAAA,QAAA;WAAA,UAAA;WAAA,UAAA;QAAA,SAAA;;AAAA,CAAA;;;;;;;"}