@oracle/oraclejet-preact 14.0.10 → 14.0.11

package/amd/UNSAFE_Selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const { isTabbable } = useTabbableMode();\n\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\n      </div>\n    </div>\n  );\n}\n"],"names":["styles","checkboxStyles","Checkbox","props","isTabbable","useTabbableMode","checked","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","accessibleLabel","rowKey","selectedKeys","onChange","selectionProps","onClick"],"mappings":"43CAkBA,MAAAA,EAAA,WAAAA,YAeAC,GAAA,SAAAA,GAAA,UAAAA,YAqCA,SAAAC,GAAAC,GAKE,MAAAC,WAAAA,GAAAC,EAAAA,kCAGEJ,GACAE,EAAAG,QAAAL,GAAAA,KAEFM,EAAAC,uBAAA,4BACAC,EAAAN,EAAAG,QACEC,EAAAG,oBACAH,EAAAI,mPAeJ,MAAAC,GAAAC,oCAuBA,UAAAC,gBAAAA,EAAAC,OAAAA,EAAAC,aAAAA,EAAAC,SAAAA,wHAjBAC,CAAAA,IAEE,MAAAC,EAAAD,EAAAC,QACA,OAAAA,GAEED,EAAAC,QAAAN,gBAIAK,GAEF,CAAAC,QAAAP"}
+{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.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 */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const { isTabbable } = useTabbableMode();\n\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\n      </div>\n    </div>\n  );\n}\n"],"names":["styles","checkboxStyles","Checkbox","props","isTabbable","useTabbableMode","checked","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","accessibleLabel","rowKey","selectedKeys","onChange","selectionProps","onClick"],"mappings":"43CAkBA,MAAAA,EAAA,UAAAA,aAeAC,GAAA,SAAAA,GAAA,WAAAA,YAqCA,SAAAC,GAAAC,GAKE,MAAAC,WAAAA,GAAAC,EAAAA,kCAGEJ,GACAE,EAAAG,QAAAL,GAAAA,KAEFM,EAAAC,uBAAA,4BACAC,EAAAN,EAAAG,QACEC,EAAAG,oBACAH,EAAAI,mPAeJ,MAAAC,GAAAC,oCAuBA,UAAAC,gBAAAA,EAAAC,OAAAA,EAAAC,aAAAA,EAAAC,SAAAA,wHAjBAC,CAAAA,IAEE,MAAAC,EAAAD,EAAAC,QACA,OAAAA,GAEED,EAAAC,QAAAN,gBAIAK,GAEF,CAAAC,QAAAP"}

package/amd/UNSAFE_Skeleton.css

@@ -1 +1 @@
-._1u9xljz{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;}
+._159lnyj{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;}

package/amd/UNSAFE_Skeleton.js

@@ -1,2 +1,2 @@
-define(["exports","./Skeleton-30541092","./tslib.es6-0620c488","preact/jsx-runtime","css!./UNSAFE_Skeleton.css","./utils/UNSAFE_classNames","./classNames-efacaca1","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-804b6f8c","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609","./utils/UNSAFE_interpolations/borders"],function(e,s,t,i,a,r,l,n,o,c,u,_,f,S,N,U){"use strict";e.Skeleton=s.Skeleton,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Skeleton-a4a9acb2","./tslib.es6-13f79f39","preact/jsx-runtime","css!./UNSAFE_Skeleton.css","./utils/UNSAFE_classNames","./classNames-13afa74d","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-ceef0f84","./utils/UNSAFE_mergeInterpolations","./_curry3-0d2d0f5a","./_curry2-0a176592","./_has-9eafd361","./utils/UNSAFE_interpolations/borders"],function(e,s,t,i,a,r,l,n,o,u,_,c,f,d,S,N){"use strict";e.Skeleton=s.Skeleton,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Skeleton.js.map

package/amd/UNSAFE_Spacer.js

@@ -1,2 +1,2 @@
-define(["exports","./Spacer-9b0015e1","./tslib.es6-0620c488","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-804b6f8c","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-efacaca1","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90",'module',"./keys-a890be37"],function(e,s,a,i,t,r,c,l,n,u,_,f,o,p,S,N,m,U){"use strict";e.Spacer=s.Spacer,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Spacer-5e88bce0","./tslib.es6-13f79f39","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-ceef0f84","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-13afa74d","./_curry3-0d2d0f5a","./_curry2-0a176592","./_has-9eafd361","./utils/UNSAFE_interpolations/flexitem","./flexitem-0b390177",'module',"./keys-980ebe5a"],function(e,s,i,t,a,r,l,c,n,u,f,_,o,p,S,d,N,m){"use strict";e.Spacer=s.Spacer,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Spacer.js.map

package/amd/UNSAFE_SplitMenuButton.css

@@ -1,5 +1,5 @@
-.b9ncrs{border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:1px;border-style:solid;height:100%;display:inline-flex;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-._17kvhok{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);}
-.i36kri{display:contents;}
-.iqnf1d{display:inline-block;}
-._1w9d5mw > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.da7rwo{border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:1px;border-style:solid;height:100%;display:inline-flex;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+.vy4qy8{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);}
+.wyq3gc{display:contents;}
+.u1vbte{display:inline-block;}
+.ne0p7h > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_SplitMenuButton.js

@@ -1,2 +1,2 @@
-define(["exports","./SplitMenuButton-05d30eec","./tslib.es6-0620c488","preact/jsx-runtime","./UNSAFE_Button","./Button-22b5f903","./UNSAFE_BaseButton","./BaseButton-3dd95cea","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-efacaca1","preact/compat","css!./UNSAFE_SplitMenuButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-804b6f8c","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609","./utils/PRIVATE_clientHints","./clientHints-ff85cc63","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-b8e5d729","./index-1318fb6a","./UNSAFE_Icon","./Icon-b5346fcc","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31fb8ae6","./index-235e3f2f","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme","./UNSAFE_Menu","./Menu-d6235f42","./hooks/PRIVATE_useCollectionFocusRing","./MenuItem-5cb2925c","./UNSAFE_Text","./Text-5c91907e","./MenuDivider-16357ec0","./UNSAFE_Divider","./Divider-b2c88668"],function(e,s,o,t,i,u,n,c,a,_,A,l,E,r,F,U,S,N,f,d,h,k,b,p,m,T,B,I,M,g,v,x,P,y,R,V,D,H,j,C,O,z,L,q,w,G,J,K,Q,W,X,Y,Z,$,ee,se,oe,te,ie){"use strict";e.SplitMenuButton=s.SplitMenuButton,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./SplitMenuButton-b4de86d3","./tslib.es6-13f79f39","preact/jsx-runtime","./UNSAFE_Button","./Button-a82198f8","./UNSAFE_BaseButton","./BaseButton-09f6cdc9","./hooks/UNSAFE_usePress","preact/hooks","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_classNames","./classNames-13afa74d","preact/compat","css!./UNSAFE_SplitMenuButton.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-ceef0f84","./utils/UNSAFE_mergeInterpolations","./_curry3-0d2d0f5a","./_curry2-0a176592","./_has-9eafd361","./utils/PRIVATE_clientHints","./clientHints-416402b0","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-5cc02e82","./index-8b2a5bbd","./UNSAFE_Icon","./Icon-643081cf","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-fe1f4858","./index-ce6c32df","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ea6bd6f3","./hooks/UNSAFE_useTheme","./UNSAFE_Menu","./Menu-4c48df00","./hooks/PRIVATE_useCollectionFocusRing","./MenuItem-ca9ad371","./UNSAFE_Text","./Text-63709b31","./MenuDivider-d2471b8f","./UNSAFE_Divider","./Divider-fa6d7308"],function(e,s,o,t,i,u,n,a,_,A,l,c,E,r,F,U,S,N,d,f,h,k,p,b,m,T,B,I,M,g,v,x,P,y,R,V,D,H,j,C,O,z,L,q,w,G,J,K,Q,W,X,Y,Z,$,ee,se,oe,te,ie){"use strict";e.SplitMenuButton=s.SplitMenuButton,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_SplitMenuButton.js.map

package/amd/UNSAFE_Text.css

@@ -1,25 +1,25 @@
-.ypzjpa{overflow-x:hidden;overflow-y:hidden;overflow-wrap:anywhere;display:inline;}
-._1gghm0v{display:-webkit-box;-webkit-box-orient:vertical;}
-.h1pexv{text-overflow:clip;white-space:nowrap;width:100%;display:inline-block;}
-._1f5yucf{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
-._3r9sf0{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.yowc3j{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._187gf28{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.v3z8jw{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._1hikhg6{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._13zxy7d{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._4pqpr3{color:inherit;}
-._1xhpl0l{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height);}
-.x7ms43{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);}
-.j6nhek{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height);}
-._1sc0gjm{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);}
-._17fh88i{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height);}
-.iylgf6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height);}
-._1jlnbs7{font-size:inherit;line-height:inherit;}
-._1iw25li{font-weight:normal;}
-._9bdgvg{font-weight:600;}
-.vln1yk{font-weight:700;}
-._138g7ao{font-weight:inherit;}
-.vth85o{hyphens:auto;}
-._1xnrqk5{hyphens:none;}
-.ya4f0u > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.fgd3ix{overflow-x:hidden;overflow-y:hidden;overflow-wrap:anywhere;display:inline;}
+._197s55w{display:-webkit-box;-webkit-box-orient:vertical;}
+._5ehqnr{text-overflow:clip;white-space:nowrap;width:100%;display:inline-block;}
+.ea9anu{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
+._1fg8fny{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._137iaas{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+.af38bq{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.qs4rup{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.bhh7zv{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._1khh92f{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+._14ofxn4{color:inherit;}
+.sgfopi{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height);}
+._12cmqge{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);}
+.u46l09{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height);}
+._15yztu0{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);}
+.wi8tyy{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height);}
+._118folx{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height);}
+._1n08vk3{font-size:inherit;line-height:inherit;}
+._5s8zsn{font-weight:normal;}
+._1h0yz8p{font-weight:600;}
+._1fuiimp{font-weight:700;}
+._1fhpl7i{font-weight:inherit;}
+.le920n{hyphens:auto;}
+.mc7cq5{hyphens:none;}
+._1hki699 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Text.js

@@ -1,2 +1,2 @@
-define(["exports","./Text-5c91907e","./tslib.es6-0620c488","preact/jsx-runtime","css!./UNSAFE_Text.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-efacaca1","./_curry1-804b6f8c","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./_has-68a93609"],function(e,a,s,t,c,r,i,u,f,l,n,_){"use strict";e.Text=a.Text,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./Text-63709b31","./tslib.es6-13f79f39","preact/jsx-runtime","css!./UNSAFE_Text.css","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-13afa74d","./_curry1-ceef0f84","./_curry3-0d2d0f5a","./_curry2-0a176592","./_has-9eafd361"],function(e,s,t,a,r,i,c,f,u,l,n,_){"use strict";e.Text=s.Text,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Text.js.map

package/amd/UNSAFE_TextArea.css

@@ -1,3 +1,3 @@
-._1n0dy3f{display:flex;align-items:center;justify-content:flex-end;cursor:text;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);text-decoration-line:none;padding-top:0;padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._193lloq{visibility:hidden;}
-.bbma8q{display:inline-block;}
+.v5zz6l{display:flex;align-items:center;justify-content:flex-end;cursor:text;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);text-decoration-line:none;padding-top:0;padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1gf352n{visibility:hidden;}
+.yfz2w8{display:inline-block;}

package/amd/UNSAFE_TextArea.js

@@ -1,2 +1,2 @@
-define(["exports","./TextArea-a49e80a2","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-0620c488","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-37ff3610","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-efacaca1","css!./UNSAFE_TextArea.css","./UNSAFE_TextField","./ReadonlyTextFieldInput-31c39788","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-a890be37","./_curry1-804b6f8c","./_has-68a93609","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./FormControlUtils-749b1053","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-ab401fac","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90","./TextFieldInput-4ca045e3","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-ff85cc63","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./InlineHelpSource-f63a8bfb","./UNSAFE_ComponentMessage","./ComponentMessage-b7f25750","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-f315afc4","./UNSAFE_Button","./Button-22b5f903","./UNSAFE_BaseButton","./BaseButton-3dd95cea","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-b8e5d729","./index-1318fb6a","./UNSAFE_Icon","./Icon-b5346fcc","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-31fb8ae6","./index-235e3f2f","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme","./MessageDetail-43d9a644","./MessageFormattingUtils-0860b6cc","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b50295bb","./Message.types-693a69c2","./MessageStartIcon-b7c0ed92","./MessageSummary-142352fa","./MessageTimestamp-c36cb04b","./MessageUtils-4fe36e53","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-11baf986","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-3ad00300","./ComponentMessageContainer-31c64104","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],function(e,s,t,o,i,a,n,l,u,F,A,_,U,r,E,c,S,N,b,f,g,h,d,x,k,m,p,T,M,I,C,y,L,P,R,B,V,H,v,j,D,O,W,z,G,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,ue,Fe,Ae,_e,Ue,re,Ee,ce,Se,Ne,be,fe,ge,he,de,xe,ke,me,pe,Te,Me,Ie,Ce,ye,Le,Pe,Re,Be,Ve,He,ve,je,De,Oe,We,ze,Ge,qe,we,Je,Ke){"use strict";e.MaxLengthCounter=s.MaxLengthCounter,e.TextArea=s.TextArea,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./TextArea-de54256a","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-13f79f39","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f69130a4","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-13afa74d","css!./UNSAFE_TextArea.css","./UNSAFE_TextField","./ReadonlyTextFieldInput-f67eff15","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-980ebe5a","./_curry1-ceef0f84","./_has-9eafd361","./utils/UNSAFE_mergeInterpolations","./_curry3-0d2d0f5a","./_curry2-0a176592","./FormControlUtils-34c6eea8","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-e2cf72f4","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-9b358a92","./utils/UNSAFE_interpolations/flexitem","./flexitem-0b390177","./TextFieldInput-1947f9ef","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-416402b0","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./InlineHelpSource-0c9ab2b1","./UNSAFE_ComponentMessage","./ComponentMessage-a527f51f","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-2d8e465b","./UNSAFE_Button","./Button-a82198f8","./UNSAFE_BaseButton","./BaseButton-09f6cdc9","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-5cc02e82","./index-8b2a5bbd","./UNSAFE_Icon","./Icon-643081cf","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-fe1f4858","./index-ce6c32df","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ea6bd6f3","./hooks/UNSAFE_useTheme","./MessageDetail-b9b7e7ef","./MessageFormattingUtils-42fcb939","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-3d13e2b7","./Message.types-4e080c7c","./MessageStartIcon-3a941779","./MessageSummary-56e61b7f","./MessageTimestamp-1605a864","./MessageUtils-2c9adfe7","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-a912b2c8","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-691fbbaa","./ComponentMessageContainer-b43b5ada","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],function(e,s,t,o,i,a,n,l,u,F,A,_,U,r,E,S,N,c,d,f,b,g,h,x,k,m,p,T,M,I,C,y,L,P,R,B,V,H,v,j,D,O,W,z,G,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,ue,Fe,Ae,_e,Ue,re,Ee,Se,Ne,ce,de,fe,be,ge,he,xe,ke,me,pe,Te,Me,Ie,Ce,ye,Le,Pe,Re,Be,Ve,He,ve,je,De,Oe,We,ze,Ge,qe,we,Je,Ke){"use strict";e.MaxLengthCounter=s.MaxLengthCounter,e.TextArea=s.TextArea,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_TextArea.js.map

package/amd/UNSAFE_TextAreaAutosize.js

@@ -1,2 +1,2 @@
-define(["exports","./TextAreaAutosize-17c41542","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-0620c488","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-37ff3610","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-efacaca1",'module',"./UNSAFE_TextField","./ReadonlyTextFieldInput-31c39788","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-a890be37","./_curry1-804b6f8c","./_has-68a93609","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./FormControlUtils-749b1053","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-ab401fac","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90","./TextFieldInput-4ca045e3","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-ff85cc63","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./InlineHelpSource-f63a8bfb","./UNSAFE_ComponentMessage","./ComponentMessage-b7f25750","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-f315afc4","./UNSAFE_Button","./Button-22b5f903","./UNSAFE_BaseButton","./BaseButton-3dd95cea","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-b8e5d729","./index-1318fb6a","./UNSAFE_Icon","./Icon-b5346fcc","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-31fb8ae6","./index-235e3f2f","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme","./MessageDetail-43d9a644","./MessageFormattingUtils-0860b6cc","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-b50295bb","./Message.types-693a69c2","./MessageStartIcon-b7c0ed92","./MessageSummary-142352fa","./MessageTimestamp-c36cb04b","./MessageUtils-4fe36e53","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-11baf986","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-3ad00300","./ComponentMessageContainer-31c64104","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer","./UNSAFE_TextArea","./TextArea-a49e80a2"],function(e,s,t,o,i,a,n,l,u,F,A,_,U,r,E,c,S,N,b,f,d,g,h,x,k,m,p,T,M,I,y,C,P,R,B,V,H,L,v,z,j,D,O,W,G,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,ue,Fe,Ae,_e,Ue,re,Ee,ce,Se,Ne,be,fe,de,ge,he,xe,ke,me,pe,Te,Me,Ie,ye,Ce,Pe,Re,Be,Ve,He,Le,ve,ze,je,De,Oe,We,Ge,qe,we,Je,Ke,Qe,Xe){"use strict";e.TextAreaAutosize=s.TextAreaAutosize,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./TextAreaAutosize-4d250106","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-13f79f39","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f69130a4","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-13afa74d",'module',"./UNSAFE_TextField","./ReadonlyTextFieldInput-f67eff15","./hooks/UNSAFE_useTabbableMode","./utils/UNSAFE_interpolations/text","./keys-980ebe5a","./_curry1-ceef0f84","./_has-9eafd361","./utils/UNSAFE_mergeInterpolations","./_curry3-0d2d0f5a","./_curry2-0a176592","./FormControlUtils-34c6eea8","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-e2cf72f4","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-9b358a92","./utils/UNSAFE_interpolations/flexitem","./flexitem-0b390177","./TextFieldInput-1947f9ef","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-416402b0","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./InlineHelpSource-0c9ab2b1","./UNSAFE_ComponentMessage","./ComponentMessage-a527f51f","./PRIVATE_Message","./utils/PRIVATE_timer","./MessageCloseButton-2d8e465b","./UNSAFE_Button","./Button-a82198f8","./UNSAFE_BaseButton","./BaseButton-09f6cdc9","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./utils/UNSAFE_mergeProps","./index-5cc02e82","./index-8b2a5bbd","./UNSAFE_Icon","./Icon-643081cf","./hooks/UNSAFE_useTooltip","./UNSAFE_Floating","./Floating-fe1f4858","./index-ce6c32df","./hooks/UNSAFE_useUser","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-ea6bd6f3","./hooks/UNSAFE_useTheme","./MessageDetail-b9b7e7ef","./MessageFormattingUtils-42fcb939","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-3d13e2b7","./Message.types-4e080c7c","./MessageStartIcon-3a941779","./MessageSummary-56e61b7f","./MessageTimestamp-1605a864","./MessageUtils-2c9adfe7","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-a912b2c8","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext","./UNSAFE_HiddenAccessible","./HiddenAccessible-691fbbaa","./ComponentMessageContainer-b43b5ada","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer","./UNSAFE_TextArea","./TextArea-de54256a"],function(e,s,t,o,i,a,n,l,u,F,A,_,U,r,E,S,N,c,d,f,b,g,h,x,k,m,p,T,M,I,y,C,P,R,B,V,H,L,v,z,j,D,O,W,G,q,w,J,K,Q,X,Y,Z,$,ee,se,te,oe,ie,ae,ne,le,ue,Fe,Ae,_e,Ue,re,Ee,Se,Ne,ce,de,fe,be,ge,he,xe,ke,me,pe,Te,Me,Ie,ye,Ce,Pe,Re,Be,Ve,He,Le,ve,ze,je,De,Oe,We,Ge,qe,we,Je,Ke,Qe,Xe){"use strict";e.TextAreaAutosize=s.TextAreaAutosize,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_TextAreaAutosize.js.map

package/amd/UNSAFE_TextField.css

@@ -1,62 +1,62 @@
-.wtn0fx{display:inline-block;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);max-width:100%;width:100%;box-sizing:border-box;}
-._1neglxx{height:100%;}
-._1jmfk4i{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
-._1u4l416{font-weight:var(--oj-form-control-font-weight-read-only);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);position:relative;border-style:solid;transition-property:border-color;transition-duration:0.1s;transition-timing-function:linear;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);flex-direction:row;align-items:center;max-width:100%;width:100%;box-sizing:border-box;}
-._7ysspy{overflow-x:hidden;overflow-y:hidden;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);background-color:transparent;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);min-width:1em;display:inline-flex;flex:1;}
-.x6bot5{height:auto;}
-.iv9vqc{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._4pgnnr{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
-._1s65p3s{padding-top:0;padding-bottom:0;}
-.dlv1ss{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color);background-size:200% 200%;border-width:0;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;opacity:1;}
+._1shbqxh{display:inline-block;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);max-width:100%;width:100%;box-sizing:border-box;}
+._19ecer9{height:100%;}
+._14cgcfy{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
+._1yvhtmp{font-weight:var(--oj-form-control-font-weight-read-only);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);position:relative;border-style:solid;transition-property:border-color;transition-duration:0.1s;transition-timing-function:linear;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);flex-direction:row;align-items:center;max-width:100%;width:100%;box-sizing:border-box;}
+.u53i74{overflow-x:hidden;overflow-y:hidden;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);background-color:transparent;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);min-width:1em;display:inline-flex;flex:1;}
+._1r3hh3y{height:auto;}
+._1fow1jc{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+.zzqzum{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
+._1lou7yz{padding-top:0;padding-bottom:0;}
+._77na4d{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color);background-size:200% 200%;border-width:0;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;opacity:1;}
 
-._1bdy00u{min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));word-break:break-word;white-space:pre-wrap;background-color:transparent;border-color:transparent;border-width:0;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;outline-width:0;}._1bdy00u:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.o0q5d2{resize:none;padding-block-start:0;padding-inline-start:0;}
-._15j7kng{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
-._1mb9twa{margin-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-left:0.25rem;margin-right:0.25rem;padding-left:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - 0.25rem);padding-right:0;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;}
-._2clm1i{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem);padding-top:0;min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));}
-.wmm9db{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));margin-bottom:0.25rem;}
-.g4omx7{justify-content:center;}
-._14i7a0f{margin-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);margin-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-left:0;padding-right:0;}
+._1h50a0v{min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));word-break:break-word;white-space:pre-wrap;background-color:transparent;border-color:transparent;border-width:0;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;outline-width:0;}._1h50a0v:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._1o4v45c{resize:none;padding-block-start:0;padding-inline-start:0;}
+.qbygwf{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
+._1uvtxre{margin-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);margin-left:0.25rem;margin-right:0.25rem;padding-left:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - 0.25rem);padding-right:0;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;}
+.sgxo3b{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem);padding-top:0;min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));}
+._16q7tnt{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));margin-bottom:0.25rem;}
+._2rk3fs{justify-content:center;}
+.jtjg2a{margin-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);margin-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-left:0;padding-right:0;}
 
-._1sz6giz{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;border:0;background-color:transparent;width:100%;}._1sz6giz::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._10ivspf{margin:0;}
-.rgonpo{padding-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);padding-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);resize:none;}
-._56m54w::-ms-reveal{display:none;}
-._135o96q{padding-top:0;padding-bottom:0;}
-.ognj4{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);padding-bottom:0;}.ognj4:hover{background-color:transparent;}
-.g1im6{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;border-block-start-width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));border-block-end-width:0.25rem;}
-._1wdjbzo{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder);animation-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong);animation-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in);}
-.dxfi4k{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._1d5zdfa{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._1cwslgo{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
-.r6c7q9{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
-._19oo2qm{padding-inline-start:.25em;}
-._14o5gc4{padding-inline-end:.25em;}
-._1qaiowv{font-size:100%;}
-.ebsb1h{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._1apd2qd{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
-._8cc5gj{color:inherit;font-size:inherit;height:100%;margin:0;padding-block:0;padding-inline:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding,var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));resize:none;}._8cc5gj::-ms-reveal{display:none;}
+._2snh2e{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;border:0;background-color:transparent;width:100%;}._2snh2e::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._15rkc6z{margin:0;}
+._1j29e82{padding-top:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);padding-bottom:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px);resize:none;}
+._1s2vefb::-ms-reveal{display:none;}
+._12yufjs{padding-top:0;padding-bottom:0;}
+._1ephcd9{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);padding-bottom:0;}._1ephcd9:hover{background-color:transparent;}
+._1pkp3tg{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;border-block-start-width:calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top));border-block-end-width:0.25rem;}
+._4p3tua{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder);animation-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong);animation-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in);}
+.onay7v{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._6uzg97{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._4gfr2a{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);}
+.rtfu80{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+._1ehnuqt{padding-inline-start:.25em;}
+._17kvo2v{padding-inline-end:.25em;}
+.natnvn{font-size:100%;}
+._13wj821{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+._1c4cbp3{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}
+.gat3ny{color:inherit;font-size:inherit;height:100%;margin:0;padding-block:0;padding-inline:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding,var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding));resize:none;}.gat3ny::-ms-reveal{display:none;}
 
-._1okcyua{vertical-align:top;}
-._5g13km{max-width:100%;}
+.hikv82{vertical-align:top;}
+._1h0gaca{max-width:100%;}
 
-._1ters07{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;}
-._1wx8411{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-._16eqftf{background-color:inherit;height:100%;width:100%;}
-._1vkhdsw{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
-._1obxreq{height:auto;}
-._1n0sn6c{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-.yzr57{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus);}
-.sasv45{resize:both;}
-._13ajuz3{resize:horizontal;}
-._194vrd6{resize:vertical;}
-._1o03uho{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);}
-.t16hgt{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-.e4baxd{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._3h6tnq{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
-._5nxd1m{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-.lafa7g{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-._1uah8lo{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
-.yz2o55{padding-inline-end:1px;flex-direction:column;}
-._116h9sn{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
-.irty8p{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}
+.b3an7u{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;}
+.vi5jif{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._9ajmfo{background-color:inherit;height:100%;width:100%;}
+._77xr57{border-style:solid;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);}
+._1xzaon7{height:auto;}
+._1to5au8{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._1o86wzq{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus);}
+.h6wg95{resize:both;}
+._6ufwmc{resize:horizontal;}
+._1b68cyq{resize:vertical;}
+.xdybpm{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);}
+._16g9n2w{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+._1msm5wp{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.f8xp93{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
+._1yh9uy3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+._1fy5qba{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._3jjs7j{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
+._68956{padding-inline-end:1px;flex-direction:column;}
+._4bj273{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
+._9uas2p{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}

package/amd/UNSAFE_TextField.js

@@ -1,2 +1,2 @@
-define(["exports","./ReadonlyTextFieldInput-31c39788","./tslib.es6-0620c488","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./UNSAFE_LabelValueLayout","./utils/UNSAFE_classNames","./FormControlUtils-749b1053","./TextFieldInput-4ca045e3","./hooks/UNSAFE_useFormFieldContext","./classNames-efacaca1","preact","css!./UNSAFE_TextField.css","./UNSAFE_Flex","./Flex-ab401fac","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","preact/hooks","./utils/UNSAFE_interpolations/text","./keys-a890be37","./_curry1-804b6f8c","./_has-68a93609","./utils/UNSAFE_mergeInterpolations","./_curry3-f4ff846a","./_curry2-1a6a3c9f","./utils/UNSAFE_size","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-ff85cc63","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-a0839c33","./utils/UNSAFE_interpolations/flexitem","./flexitem-a10cde90","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat"],function(e,s,t,n,a,l,i,r,o,d,c,u,b,x,g,h,m,F,_,j,N,C,f,y,E,v,p,S,A,L,U,O,R,I,T,V,M,w,z,k,D){"use strict";const B=e=>{var{outerClassNames:s,innerClassNames:a,label:i,labelEdge:r,labelStartWidth:o,inlineUserAssistance:d,children:c}=e,u=t.__rest(e,["outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children"]);return n.jsxs("div",Object.assign({},u,{class:s},{children:[n.jsx(l.LabelValueLayout,Object.assign({label:i,labelEdge:r,labelStartWidth:o},{children:n.jsx("div",Object.assign({class:a},{children:c}))})),d]}))},H=e=>{var{outerClassNames:s,innerClassNames:a,inlineUserAssistance:l,children:i}=e,r=t.__rest(e,["outerClassNames","innerClassNames","inlineUserAssistance","children"]);return n.jsxs("div",Object.assign({},r,{class:s},{children:[n.jsx("div",Object.assign({class:a},{children:i})),l]}))},W={base:"_1ters07",defaultStyles:"_1wx8411",embeddedStyles:"_16eqftf",showBorder:"_1vkhdsw",textarea:"_1obxreq",labelInside:"_1n0sn6c",focused:"yzr57",resize:{both:"sasv45",horizontal:"_13ajuz3",vertical:"_194vrd6"},disabled:"_1o03uho",error:"t16hgt",warning:"e4baxd"},q="_3h6tnq",$="_5nxd1m",K="lafa7g",P="_1uah8lo",Z="yz2o55",G="_116h9sn",X="irty8p",J=({contentVariant:e="input",insideLabel:s,mainContent:t,startContent:a,statusVariant:l="none",styleVariant:i="default",endContent:r,resize:u,rootRef:b})=>{const{isDisabled:x,isFocused:h,isLoading:m}=d.useFormFieldContext(),F=c.classNames([W.base,"embedded"===i?c.classNames([W.embeddedStyles,"none"!==l&&W.showBorder]):c.classNames([W.defaultStyles,W.showBorder,void 0!==s&&W.labelInside,h&&W.focused,"textarea"===e&&W.textarea]),u&&W.resize[u],x?W.disabled:c.classNames(["error"===l&&W.error,"warning"===l&&W.warning,"none"!==l&&`oj-c-text-field-${l}`]),m&&o.loadingStyles]),_=c.classNames([q,null!=s&&$,x&&K]),j=c.classNames([P,"textarea"===e&&Z]),N=c.classNames([G,null!=s&&X]);return n.jsxs("div",Object.assign({role:"presentation",class:F,ref:b},{children:[a&&n.jsx("span",Object.assign({class:_},{children:n.jsx(g.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:a}))})),n.jsxs("div",Object.assign({class:j},{children:[s,t]})),r&&n.jsx("span",Object.assign({class:N},{children:n.jsx(g.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:r}))}))]}))},Q=e=>{var{hasInsideLabel:s=!1,variant:a="default"}=e,l=t.__rest(e,["hasInsideLabel","variant"]);const{isReadonly:i}=d.useFormFieldContext(),u=r.getFormControlClasses(s),b=o.getTextFieldClasses(i,a),x=c.classNames([u,b]);return n.jsx("div",Object.assign({},l,{class:x}))};e.ReadonlyTextFieldInput=s.ReadonlyTextFieldInput,e.TextFieldInput=o.TextFieldInput,e.getInputId=o.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:s,valueLength:t=0}){const a=h.useDebounce(s-t,500),l=m.useTranslationBundle("@oracle/oraclejet-preact"),i=l.formControl_maxLengthExceeded({MAX_LENGTH:`${s}`}),r=l.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return n.jsxs(u.Fragment,{children:[n.jsx(F.LiveRegion,{children:r}),e&&n.jsx(F.LiveRegion,Object.assign({type:"assertive"},{children:i}))]})},e.ReadonlyTextField=e=>{var{label:s,labelEdge:l,children:i,variant:u}=e,b=t.__rest(e,["label","labelEdge","children","variant"]);const{isFormLayout:x,isReadonly:g}=a.useFormContext(),{isLoading:h}=d.useFormFieldContext(),m=void 0!==s&&"inside"===l,F=r.getFormControlClasses(m),_=o.getTextFieldClasses(!0),j=o.getReadonlyClasses(x&&!g,m,u),N=c.classNames([F,_]),C=c.classNames([j,h&&o.loadingStyles]);return void 0===s||"start"!==l&&"top"!==l?n.jsxs(H,Object.assign({outerClassNames:N,innerClassNames:C},b,{children:[s,i]})):n.jsx(B,Object.assign({outerClassNames:N,innerClassNames:C,label:s,labelEdge:l},b,{children:i}))},e.TextField=({contentVariant:e,id:s,endContent:t,mainContent:a,startContent:i,inlineUserAssistance:r,label:o,labelEdge:d,labelStartWidth:c,mainFieldRef:b,resize:x,statusVariant:g,styleVariant:h,onFocus:m,onBlur:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C})=>{const f=void 0===o||"start"!==d&&"top"!==d?n.jsxs(u.Fragment,{children:[n.jsx(J,{contentVariant:e,endContent:t,insideLabel:o,mainContent:a,resize:x,rootRef:b,startContent:i,statusVariant:g,styleVariant:h}),r]}):n.jsx(l.LabelValueLayout,Object.assign({label:o,labelEdge:d,labelStartWidth:c},{children:n.jsxs(u.Fragment,{children:[n.jsx(J,{contentVariant:e,endContent:t,mainContent:a,resize:x,rootRef:b,startContent:i,statusVariant:g,styleVariant:h}),r]})}));return n.jsx(Q,Object.assign({id:s,hasInsideLabel:void 0!==o&&"inside"===d,onfocusin:m,onfocusout:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:C,variant:h},{children:f}))},Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","./ReadonlyTextFieldInput-f67eff15","./tslib.es6-13f79f39","preact/jsx-runtime","./hooks/UNSAFE_useFormContext","./UNSAFE_LabelValueLayout","./utils/UNSAFE_classNames","./FormControlUtils-34c6eea8","./TextFieldInput-1947f9ef","./hooks/UNSAFE_useFormFieldContext","./classNames-13afa74d","preact","css!./UNSAFE_TextField.css","./UNSAFE_Flex","./Flex-e2cf72f4","./hooks/UNSAFE_useDebounce","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTabbableMode","preact/hooks","./utils/UNSAFE_interpolations/text","./keys-980ebe5a","./_curry1-ceef0f84","./_has-9eafd361","./utils/UNSAFE_mergeInterpolations","./_curry3-0d2d0f5a","./_curry2-0a176592","./utils/UNSAFE_size","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-416402b0","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-9b358a92","./utils/UNSAFE_interpolations/flexitem","./flexitem-0b390177","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat"],function(e,s,n,t,a,i,l,r,o,d,c,u,b,x,m,g,h,F,_,j,N,f,C,y,E,p,v,S,A,L,U,O,R,I,T,V,w,M,z,k,D){"use strict";const B=e=>{var{outerClassNames:s,innerClassNames:a,label:l,labelEdge:r,labelStartWidth:o,inlineUserAssistance:d,children:c}=e,u=n.__rest(e,["outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children"]);return t.jsxs("div",Object.assign({},u,{class:s},{children:[t.jsx(i.LabelValueLayout,Object.assign({label:l,labelEdge:r,labelStartWidth:o},{children:t.jsx("div",Object.assign({class:a},{children:c}))})),d]}))},H=e=>{var{outerClassNames:s,innerClassNames:a,inlineUserAssistance:i,children:l}=e,r=n.__rest(e,["outerClassNames","innerClassNames","inlineUserAssistance","children"]);return t.jsxs("div",Object.assign({},r,{class:s},{children:[t.jsx("div",Object.assign({class:a},{children:l})),i]}))},W={base:"b3an7u",defaultStyles:"vi5jif",embeddedStyles:"_9ajmfo",showBorder:"_77xr57",textarea:"_1xzaon7",labelInside:"_1to5au8",focused:"_1o86wzq",resize:{both:"h6wg95",horizontal:"_6ufwmc",vertical:"_1b68cyq"},disabled:"xdybpm",error:"_16g9n2w",warning:"_1msm5wp"},q="f8xp93",$="_1yh9uy3",K="_1fy5qba",P="_3jjs7j",Z="_68956",G="_4bj273",X="_9uas2p",J=({contentVariant:e="input",insideLabel:s,mainContent:n,startContent:a,statusVariant:i="none",styleVariant:l="default",endContent:r,resize:u,rootRef:b})=>{const{isDisabled:x,isFocused:g,isLoading:h}=d.useFormFieldContext(),F=c.classNames([W.base,"embedded"===l?c.classNames([W.embeddedStyles,"none"!==i&&W.showBorder]):c.classNames([W.defaultStyles,W.showBorder,void 0!==s&&W.labelInside,g&&W.focused,"textarea"===e&&W.textarea]),u&&W.resize[u],x?W.disabled:c.classNames(["error"===i&&W.error,"warning"===i&&W.warning,"none"!==i&&`oj-c-text-field-${i}`]),h&&o.loadingStyles]),_=c.classNames([q,null!=s&&$,x&&K]),j=c.classNames([P,"textarea"===e&&Z]),N=c.classNames([G,null!=s&&X]);return t.jsxs("div",Object.assign({role:"presentation",class:F,ref:b},{children:[a&&t.jsx("span",Object.assign({class:_},{children:t.jsx(m.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:a}))})),t.jsxs("div",Object.assign({class:j},{children:[s,n]})),r&&t.jsx("span",Object.assign({class:N},{children:t.jsx(m.Flex,Object.assign({justify:"center",align:"center",hasZeroMargins:!0},{children:r}))}))]}))},Q=e=>{var{hasInsideLabel:s=!1,variant:a="default"}=e,i=n.__rest(e,["hasInsideLabel","variant"]);const{isReadonly:l}=d.useFormFieldContext(),u=r.getFormControlClasses(s),b=o.getTextFieldClasses(l,a),x=c.classNames([u,b]);return t.jsx("div",Object.assign({},i,{class:x}))};e.ReadonlyTextFieldInput=s.ReadonlyTextFieldInput,e.TextFieldInput=o.TextFieldInput,e.getInputId=o.getInputId,e.MaxLengthLiveRegion=function({isMaxLengthExceeded:e,maxLength:s,valueLength:n=0}){const a=g.useDebounce(s-n,500),i=h.useTranslationBundle("@oracle/oraclejet-preact"),l=i.formControl_maxLengthExceeded({MAX_LENGTH:`${s}`}),r=i.formControl_maxLengthRemaining({CHARACTER_COUNT:`${a}`});return t.jsxs(u.Fragment,{children:[t.jsx(F.LiveRegion,{children:r}),e&&t.jsx(F.LiveRegion,Object.assign({type:"assertive"},{children:l}))]})},e.ReadonlyTextField=e=>{var{label:s,labelEdge:i,children:l,variant:u}=e,b=n.__rest(e,["label","labelEdge","children","variant"]);const{isFormLayout:x,isReadonly:m}=a.useFormContext(),{isLoading:g}=d.useFormFieldContext(),h=void 0!==s&&"inside"===i,F=r.getFormControlClasses(h),_=o.getTextFieldClasses(!0),j=o.getReadonlyClasses(x&&!m,h,u),N=c.classNames([F,_]),f=c.classNames([j,g&&o.loadingStyles]);return void 0===s||"start"!==i&&"top"!==i?t.jsxs(H,Object.assign({outerClassNames:N,innerClassNames:f},b,{children:[s,l]})):t.jsx(B,Object.assign({outerClassNames:N,innerClassNames:f,label:s,labelEdge:i},b,{children:l}))},e.TextField=({contentVariant:e,id:s,endContent:n,mainContent:a,startContent:l,inlineUserAssistance:r,label:o,labelEdge:d,labelStartWidth:c,mainFieldRef:b,resize:x,statusVariant:m,styleVariant:g,onFocus:h,onBlur:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:f})=>{const C=void 0===o||"start"!==d&&"top"!==d?t.jsxs(u.Fragment,{children:[t.jsx(J,{contentVariant:e,endContent:n,insideLabel:o,mainContent:a,resize:x,rootRef:b,startContent:l,statusVariant:m,styleVariant:g}),r]}):t.jsx(i.LabelValueLayout,Object.assign({label:o,labelEdge:d,labelStartWidth:c},{children:t.jsxs(u.Fragment,{children:[t.jsx(J,{contentVariant:e,endContent:n,mainContent:a,resize:x,rootRef:b,startContent:l,statusVariant:m,styleVariant:g}),r]})}));return t.jsx(Q,Object.assign({id:s,hasInsideLabel:void 0!==o&&"inside"===d,onfocusin:h,onfocusout:F,onKeyDown:_,onMouseDown:j,onMouseEnter:N,onMouseLeave:f,variant:g},{children:C}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_TextField.js.map

package/amd/UNSAFE_TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getReadonlyClasses, getTextFieldClasses, loadingStyles } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(true);\n  const readonlyClassNames = getReadonlyClasses(\n    isFormLayout && !isReadonlyForm,\n    hasInsideLabel,\n    variant\n  );\n  const outerClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  const innerClassNames = classNames([readonlyClassNames, isLoading && loadingStyles]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={innerClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={innerClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { loadingStyles } from './TextFieldUtils';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n// TODO: replace this with var(--oj-button-sm-icon-size) once it is available\nconst ojButtonSmIconSize = '1.25rem';\n\nconst textFieldContainerStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear'\n  }}`,\n  defaultStyles: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  embeddedStyles: cssProps`${{\n    backgroundColor: 'inherit',\n    height: '100%',\n    width: '100%'\n  }}`,\n  showBorder: cssProps`${{\n    borderStyle: 'solid',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)'\n  }}`,\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n  labelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n  focused: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus)'\n  }}`,\n  resize: {\n    both: cssProps`${{\n      resize: 'both'\n    }}`,\n    horizontal: cssProps`${{\n      resize: 'horizontal'\n    }}`,\n    vertical: cssProps`${{\n      resize: 'vertical'\n    }}`\n  },\n  disabled: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)'\n  }}`,\n  error: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`\n};\n\nconst textFieldStartContentStyles = {\n  base: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding)',\n    fontSize: ojButtonSmIconSize\n  }}`,\n  labelInside: cssProps`${{\n    fontSize: ojButtonIconSize\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\nconst textFieldMiddleStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    // TODO: Use Flex component instead of CSS\n    display: 'inline-flex',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  textarea: cssProps`${{\n    // The 1px is needed to make sure that the textarea element's scrollbar doesn't overlap the focus drop shadow\n    paddingInlineEnd: '1px',\n    // flexDirection 'column' is used to layout out the remaining counter below the textarea.\n    flexDirection: 'column'\n  }}`\n};\n\nconst textFieldEndContentStyles = {\n  base: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - ${ojButtonSmHeight} - 2px) / 2)`\n  }}`,\n  labelInside: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - ${ojButtonHeight} - 2px) / 2)`\n  }}`\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    styleVariant === 'embedded'\n      ? classNames([\n          textFieldContainerStyles.embeddedStyles,\n          statusVariant !== 'none' && textFieldContainerStyles.showBorder\n        ])\n      : classNames([\n          textFieldContainerStyles.defaultStyles,\n          textFieldContainerStyles.showBorder,\n          insideLabel !== undefined && textFieldContainerStyles.labelInside,\n          isFocused && textFieldContainerStyles.focused,\n          contentVariant === 'textarea' && textFieldContainerStyles.textarea\n        ]),\n    resize && textFieldContainerStyles.resize[resize],\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          statusVariant === 'error' && textFieldContainerStyles.error,\n          statusVariant === 'warning' && textFieldContainerStyles.warning,\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles\n  ]);\n  const startContentStyles = classNames([\n    textFieldStartContentStyles.base,\n    insideLabel != undefined && textFieldStartContentStyles.labelInside,\n    isDisabled && textFieldStartContentStyles.disabled\n  ]);\n  const middleStyles = classNames([\n    textFieldMiddleStyles.base,\n    contentVariant === 'textarea' && textFieldMiddleStyles.textarea\n    // getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getTextFieldClasses } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: Props) => {\n  const { isReadonly } = useFormFieldContext();\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(isReadonly, variant);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","import { ComponentChildren, ComponentProps, Fragment, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const styledTextFieldChildren =\n    label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <Fragment>\n          <TextFieldContent\n            contentVariant={contentVariant}\n            endContent={endContent}\n            mainContent={mainContent}\n            resize={resize}\n            rootRef={mainFieldRef}\n            startContent={startContent}\n            statusVariant={statusVariant}\n            styleVariant={styleVariant}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          contentVariant={contentVariant}\n          endContent={endContent}\n          insideLabel={label}\n          mainContent={mainContent}\n          resize={resize}\n          rootRef={mainFieldRef}\n          startContent={startContent}\n          statusVariant={statusVariant}\n          styleVariant={styleVariant}\n        />\n        {inlineUserAssistance}\n      </Fragment>\n    );\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","textFieldContainerStyles","resize","textFieldStartContentStyles","textFieldMiddleStyles","textFieldEndContentStyles","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","rootRef","base","embeddedStyles","showBorder","defaultStyles","undefined","labelInside","textarea","error","warning","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","hasZeroMargins","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","variant","isReadonly","useFormFieldContext","formControlClassNames","getFormControlClasses","textFieldClassNames","getTextFieldClasses","cssClassNames","classNames","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","readonlyClassNames","getReadonlyClasses","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_TextField.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextField.tsx","../../src/UNSAFE_TextField/TextFieldContent.tsx","../../src/UNSAFE_TextField/StyledTextField.tsx","../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx","../../src/UNSAFE_TextField/TextField.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getReadonlyClasses, getTextFieldClasses, loadingStyles } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype DivProps = HTMLAttributesSignalExcluded<HTMLDivElement>;\ntype UAProps = {\n  inlineUserAssistance?: ComponentChildren;\n};\ntype InnerOuterClassNamesProps = {\n  outerClassNames?: string;\n  innerClassNames?: string;\n};\n\ntype StartTopLabelReadonlyTextFieldProps = Omit<DivProps, 'label'> &\n  UAProps &\n  InnerOuterClassNamesProps & {\n    label?: ComponentChildren;\n    labelEdge?: 'start' | 'top';\n    labelStartWidth?: Size;\n  };\n\nconst StartTopLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  label,\n  labelEdge,\n  labelStartWidth,\n  inlineUserAssistance,\n  children,\n  ...props\n}: StartTopLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <div class={innerClassNames}>{children}</div>\n      </LabelValueLayout>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\ntype InsideLabelReadonlyTextFieldProps = DivProps & UAProps & InnerOuterClassNamesProps;\nconst InsideLabelReadonlyTextField = ({\n  outerClassNames,\n  innerClassNames,\n  inlineUserAssistance,\n  children,\n  ...props\n}: InsideLabelReadonlyTextFieldProps) => {\n  return (\n    <div {...props} class={outerClassNames}>\n      <div class={innerClassNames}>{children}</div>\n      {inlineUserAssistance}\n    </div>\n  );\n};\n\nexport type StyleProps = UAProps & {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  variant?: 'textarea';\n};\n\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const ReadonlyTextField = ({ label, labelEdge, children, variant, ...props }: Props) => {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(true);\n  const readonlyClassNames = getReadonlyClasses(\n    isFormLayout && !isReadonlyForm,\n    hasInsideLabel,\n    variant\n  );\n  const outerClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  const innerClassNames = classNames([readonlyClassNames, isLoading && loadingStyles]);\n\n  if (label !== undefined && (labelEdge === 'start' || labelEdge === 'top')) {\n    return (\n      <StartTopLabelReadonlyTextField\n        outerClassNames={outerClassNames}\n        innerClassNames={innerClassNames}\n        label={label}\n        labelEdge={labelEdge}\n        {...props}>\n        {children}\n      </StartTopLabelReadonlyTextField>\n    );\n  }\n\n  return (\n    <InsideLabelReadonlyTextField\n      outerClassNames={outerClassNames}\n      innerClassNames={innerClassNames}\n      {...props}>\n      {label}\n      {children}\n    </InsideLabelReadonlyTextField>\n  );\n};\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { Flex } from '../UNSAFE_Flex';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { loadingStyles } from './TextFieldUtils';\n\ntype VariantProps = {\n  contentVariant?: 'input' | 'textarea';\n  statusVariant?: 'error' | 'none' | 'warning';\n  styleVariant?: 'default' | 'embedded';\n};\n\ntype Props = VariantProps & {\n  mainContent?: ComponentChildren;\n  insideLabel?: ComponentChildren;\n  startContent?: ComponentChildren;\n  endContent?: ComponentChildren;\n  resize?: 'horizontal' | 'vertical' | 'both';\n  rootRef?: Ref<HTMLDivElement>;\n};\n\n// TODO: replace this with var(--oj-button-height) once it is available\nconst ojButtonHeight = '2.75rem';\n// TODO: replace this with var(--oj-button-sm-height) once it is available\nconst ojButtonSmHeight = '2.25rem';\n// TODO: replace this with var(--oj-button-icon-size) once it is available\nconst ojButtonIconSize = 'var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg)';\n// TODO: replace this with var(--oj-button-sm-icon-size) once it is available\nconst ojButtonSmIconSize = '1.25rem';\n\nconst textFieldContainerStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    boxSizing: 'border-box',\n    // TODO: Use Flex component instead of CSS\n    display: 'flex',\n    alignItems: 'center',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    transitionProperty: 'border-color',\n    transitionDuration: '.1s',\n    transitionTimingFunction: 'linear'\n  }}`,\n  defaultStyles: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)'\n  }}`,\n  embeddedStyles: cssProps`${{\n    backgroundColor: 'inherit',\n    height: '100%',\n    width: '100%'\n  }}`,\n  showBorder: cssProps`${{\n    borderStyle: 'solid',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)'\n  }}`,\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n  labelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n  focused: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus)',\n    boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus)'\n  }}`,\n  resize: {\n    both: cssProps`${{\n      resize: 'both'\n    }}`,\n    horizontal: cssProps`${{\n      resize: 'horizontal'\n    }}`,\n    vertical: cssProps`${{\n      resize: 'vertical'\n    }}`\n  },\n  disabled: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)'\n  }}`,\n  error: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n  }}`,\n  warning: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n  }}`\n};\n\nconst textFieldStartContentStyles = {\n  base: cssProps`${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding)',\n    fontSize: ojButtonSmIconSize\n  }}`,\n  labelInside: cssProps`${{\n    fontSize: ojButtonIconSize\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n  }}`\n};\n\nconst textFieldMiddleStyles = {\n  base: cssProps`${{\n    position: 'relative',\n    // TODO: Use Flex component instead of CSS\n    display: 'inline-flex',\n    flex: 1,\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  textarea: cssProps`${{\n    // The 1px is needed to make sure that the textarea element's scrollbar doesn't overlap the focus drop shadow\n    paddingInlineEnd: '1px',\n    // flexDirection 'column' is used to layout out the remaining counter below the textarea.\n    flexDirection: 'column'\n  }}`\n};\n\nconst textFieldEndContentStyles = {\n  base: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - ${ojButtonSmHeight} - 2px) / 2)`\n  }}`,\n  labelInside: cssProps`${{\n    paddingInlineEnd: `calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - ${ojButtonHeight} - 2px) / 2)`\n  }}`\n};\n\n// Renders the oj-text-field-container dom which includes the\n// start, middle (where the inside label and inputElem goes),\n// and end pieces of the form component.\n// This does not include user assistance because that is rendered outside the\n// oj-text-field-container; that is rendered in the TextField component.\nexport const TextFieldContent = ({\n  contentVariant = 'input',\n  insideLabel,\n  mainContent,\n  startContent,\n  statusVariant = 'none',\n  styleVariant = 'default',\n  endContent,\n  resize,\n  rootRef\n}: Props) => {\n  const { isDisabled, isFocused, isLoading } = useFormFieldContext();\n\n  const rootStyles = classNames([\n    textFieldContainerStyles.base,\n    styleVariant === 'embedded'\n      ? classNames([\n          textFieldContainerStyles.embeddedStyles,\n          statusVariant !== 'none' && textFieldContainerStyles.showBorder\n        ])\n      : classNames([\n          textFieldContainerStyles.defaultStyles,\n          textFieldContainerStyles.showBorder,\n          insideLabel !== undefined && textFieldContainerStyles.labelInside,\n          isFocused && textFieldContainerStyles.focused,\n          contentVariant === 'textarea' && textFieldContainerStyles.textarea\n        ]),\n    resize && textFieldContainerStyles.resize[resize],\n    isDisabled\n      ? textFieldContainerStyles.disabled\n      : classNames([\n          statusVariant === 'error' && textFieldContainerStyles.error,\n          statusVariant === 'warning' && textFieldContainerStyles.warning,\n          // TODO: don't use class names: https://jira.oraclecorp.com/jira/browse/JET-50572\n          statusVariant !== 'none' && `oj-c-text-field-${statusVariant}`\n        ]),\n    isLoading && loadingStyles\n  ]);\n  const startContentStyles = classNames([\n    textFieldStartContentStyles.base,\n    insideLabel != undefined && textFieldStartContentStyles.labelInside,\n    isDisabled && textFieldStartContentStyles.disabled\n  ]);\n  const middleStyles = classNames([\n    textFieldMiddleStyles.base,\n    contentVariant === 'textarea' && textFieldMiddleStyles.textarea\n    // getMiddleContentVariantStyles(variant)\n  ]);\n  const endContentStyles = classNames([\n    textFieldEndContentStyles.base,\n    insideLabel != undefined && textFieldEndContentStyles.labelInside\n  ]);\n\n  return (\n    <div role=\"presentation\" class={rootStyles} ref={rootRef}>\n      {startContent && (\n        <span class={startContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {startContent}\n          </Flex>\n        </span>\n      )}\n      <div class={middleStyles}>\n        {insideLabel}\n        {mainContent}\n      </div>\n      {endContent && (\n        <span class={endContentStyles}>\n          <Flex justify=\"center\" align=\"center\" hasZeroMargins={true}>\n            {endContent}\n          </Flex>\n        </span>\n      )}\n    </div>\n  );\n};\n","import { classNames } from '../utils/UNSAFE_classNames';\nimport { StyledComponentProps } from '../utils/UNSAFE_typeUtils';\nimport { getFormControlClasses } from './FormControlUtils';\nimport { getTextFieldClasses } from './TextFieldUtils';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\n\nexport type StyleProps = {\n  hasInsideLabel?: boolean;\n  variant?: 'default' | 'embedded';\n};\ntype Props = StyledComponentProps<'div', StyleProps>;\n\nexport const StyledTextField = ({\n  hasInsideLabel = false,\n  variant = 'default',\n  ...props\n}: Props) => {\n  const { isReadonly } = useFormFieldContext();\n\n  // TODO: We need to re-evaluate how we use CSS multi-classing to our VDOM components\n  const formControlClassNames = getFormControlClasses(hasInsideLabel);\n  const textFieldClassNames = getTextFieldClasses(isReadonly, variant);\n  const cssClassNames = classNames([formControlClassNames, textFieldClassNames]);\n  return <div {...props} class={cssClassNames} />;\n};\n","import { Fragment } from 'preact';\nimport { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\n\ntype Props = {\n  isMaxLengthExceeded?: boolean;\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const maxLengthExceededTranslatedString = translations.formControl_maxLengthExceeded({\n    MAX_LENGTH: `${maxLength}`\n  });\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return (\n    <Fragment>\n      <LiveRegion>{remainingCharsTranslatedString}</LiveRegion>\n      {isMaxLengthExceeded && (\n        <LiveRegion type=\"assertive\">{maxLengthExceededTranslatedString}</LiveRegion>\n      )}\n    </Fragment>\n  );\n}\n","import { ComponentChildren, ComponentProps, Fragment, Ref } from 'preact';\nimport { LabelValueLayout } from '../UNSAFE_LabelValueLayout';\nimport { TextFieldContent } from './TextFieldContent';\nimport { StyledTextField } from './StyledTextField';\nimport { Size } from '../utils/UNSAFE_size';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// TextField takes the inputElem and userAssistanceContainer\n// and renders the form component's root dom, along with the\n// TextFieldContent, and the user assistance container.\n\n// The PickedProps are the ones we pass through to the the TextFieldContent\ntype PickedPropsFromTextFieldContent = Pick<\n  ComponentProps<typeof TextFieldContent>,\n  | 'contentVariant'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'mainContent'\n  | 'endContent'\n  | 'resize'\n>;\ntype PickedPropsFromHTMLElement = Pick<HTMLAttributesSignalExcluded<HTMLElement>, 'id'>;\n// TODO: How should a parent component listen to events for the text field?  The recommendation\n// was to remove event listeners from TextField itself and instead configure the TextFieldInput\n// with them, for example, thus keeping TextField a more pure layout component.  The\n// TextFieldInput renders the focusable input element, and may be a more natural place for\n// listeners.  We would potentially have to add similar listeners for the ReadonlyTextField, but\n// that component renders the focusable element itself;  there is no TextFieldInput or analogous\n// component passed in.  (from review on 3/8/22)\ntype FocusEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onFocus' | 'onBlur'>;\ntype KeyEvents = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'onKeyDown'>;\ntype MouseEvents = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'onMouseDown' | 'onMouseEnter' | 'onMouseLeave'\n>;\ntype LabelProps = {\n  label?: ComponentChildren;\n  labelEdge?: 'inside' | 'start' | 'top';\n  labelStartWidth?: Size;\n};\ntype Props = PickedPropsFromTextFieldContent &\n  PickedPropsFromHTMLElement &\n  FocusEvents &\n  KeyEvents &\n  MouseEvents &\n  LabelProps & {\n    inlineUserAssistance?: ComponentChildren;\n    mainFieldRef?: Ref<HTMLDivElement>;\n  };\n\n// TODO: Do we need named props for start/endContent, or could they just be children that get\n// wrapped in a flex layout?  (from review on 3/8/22)\n\n// TODO: Instead of passing the inputElem, label, and userAssistance as named props here, should we\n// have a separate layout component that lays them out, which could just be passed as a child\n// to the TextField?  (from review on 3/8/22)\n\nexport const TextField = ({\n  contentVariant,\n  id,\n  endContent,\n  mainContent,\n  startContent,\n  inlineUserAssistance,\n  label,\n  labelEdge,\n  labelStartWidth,\n  mainFieldRef,\n  resize,\n  statusVariant,\n  styleVariant,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onMouseDown,\n  onMouseEnter,\n  onMouseLeave\n}: Props) => {\n  // TODO: What are the implications for interoperability between new preact-based form components\n  // and the existing JET oj-form-layout?  The preact form components create their own start/top\n  // labels, while oj-form-layout expects to create those itself and wire them to the existing form\n  // components through attributes like labelled-by.  (from review on 3/8/22)\n\n  // TODO: How should a parent form component render component-specific content within TextField,\n  // for example an aria live region?  Instead of a children prop on TextField, could the parent\n  // component pass comp-specific content through other props, like inputElem?   The parent could\n  // have its own component that composes inputElem with additional DOM.  (from review on 3/8/22)\n\n  const styledTextFieldChildren =\n    label !== undefined && (labelEdge === 'start' || labelEdge === 'top') ? (\n      <LabelValueLayout label={label} labelEdge={labelEdge} labelStartWidth={labelStartWidth}>\n        <Fragment>\n          <TextFieldContent\n            contentVariant={contentVariant}\n            endContent={endContent}\n            mainContent={mainContent}\n            resize={resize}\n            rootRef={mainFieldRef}\n            startContent={startContent}\n            statusVariant={statusVariant}\n            styleVariant={styleVariant}\n          />\n          {inlineUserAssistance}\n        </Fragment>\n      </LabelValueLayout>\n    ) : (\n      <Fragment>\n        <TextFieldContent\n          contentVariant={contentVariant}\n          endContent={endContent}\n          insideLabel={label}\n          mainContent={mainContent}\n          resize={resize}\n          rootRef={mainFieldRef}\n          startContent={startContent}\n          statusVariant={statusVariant}\n          styleVariant={styleVariant}\n        />\n        {inlineUserAssistance}\n      </Fragment>\n    );\n  return (\n    <StyledTextField\n      id={id}\n      hasInsideLabel={label !== undefined && labelEdge === 'inside'}\n      onfocusin={onFocus}\n      onfocusout={onBlur}\n      onKeyDown={onKeyDown}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      variant={styleVariant}>\n      {styledTextFieldChildren}\n    </StyledTextField>\n  );\n};\n"],"names":["StartTopLabelReadonlyTextField","_a","outerClassNames","innerClassNames","label","labelEdge","labelStartWidth","inlineUserAssistance","children","props","__rest","_jsxs","jsxs","Object","assign","class","_jsx","jsx","LabelValueLayout","InsideLabelReadonlyTextField","textFieldContainerStyles","resize","textFieldStartContentStyles","textFieldMiddleStyles","textFieldEndContentStyles","TextFieldContent","contentVariant","insideLabel","mainContent","startContent","statusVariant","styleVariant","endContent","rootRef","base","embeddedStyles","showBorder","defaultStyles","undefined","labelInside","textarea","error","warning","isLoading","loadingStyles","role","rootStyles","ref","startContentStyles","Flex","justify","align","hasZeroMargins","middleStyles","endContentStyles","StyledTextField","hasInsideLabel","variant","isReadonly","useFormFieldContext","formControlClassNames","getFormControlClasses","textFieldClassNames","getTextFieldClasses","cssClassNames","classNames","isMaxLengthExceeded","maxLength","valueLength","debouncedRemainingChars","useDebounce","translations","useTranslationBundle","maxLengthExceededTranslatedString","formControl_maxLengthExceeded","MAX_LENGTH","remainingCharsTranslatedString","formControl_maxLengthRemaining","CHARACTER_COUNT","Fragment","LiveRegion","type","isFormLayout","isReadonlyForm","useFormContext","readonlyClassNames","getReadonlyClasses","id","mainFieldRef","onFocus","onBlur","onKeyDown","onMouseDown","onMouseEnter","onMouseLeave","styledTextFieldChildren","onfocusin","onfocusout"],"mappings":"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"}

package/amd/UNSAFE_ThemedIcons.js

@@ -1,2 +1,2 @@
-define(["exports","./index-b8e5d729","./index-1318fb6a","preact/jsx-runtime","./UNSAFE_Icon","./Icon-b5346fcc","./tslib.es6-0620c488","preact",'module',"./utils/UNSAFE_classNames","./classNames-efacaca1","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31fb8ae6","preact/compat","./index-235e3f2f","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-e0b7ba57","./hooks/UNSAFE_useTheme"],function(o,e,s,n,c,a,i,r,I,S,t,l,g,u,U,v,h,E,A,N,_,F,f,k,p,C,d,b,m,w,x,O,T){"use strict";o.CollapseIcon=e.CollapseIcon,o.CheckIcon=s.SvgIcoCheck,o.CheckboxOffIcon=s.SvgCheckboxOff,o.CheckboxOnIcon=s.SvgCheckboxOn,o.ChevronUpIcon=s.SvgIcoChevronUp,o.CloseIcon=s.SvgIcoClose,o.CollapseUpIcon=s.SvgIcoChevronUp,o.DropdownArrowIcon=s.SvgIcoCaretDown,o.ExpandIcon=s.SvgIcoChevronDown,o.MessageConfirmationIcon=s.SvgIcoSuccessS,o.MessageErrorIcon=s.SvgIcoErrorS,o.MessageInfoIcon=s.SvgIcoInformationS,o.MessageWarningIcon=s.SvgIcoWarningS,o.NavDownIcon=s.SvgIcoNavDown,o.ViewHideIcon=s.SvgIcoViewHide,o.ViewIcon=s.SvgIcoView,Object.defineProperty(o,"__esModule",{value:!0})});
+define(["exports","./index-5cc02e82","./index-8b2a5bbd","preact/jsx-runtime","./UNSAFE_Icon","./Icon-643081cf","./tslib.es6-13f79f39","preact",'module',"./utils/UNSAFE_classNames","./classNames-13afa74d","./hooks/UNSAFE_useTooltip","preact/hooks","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-fe1f4858","preact/compat","./index-ce6c32df","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useAnimation","./useAnimation-ea6bd6f3","./hooks/UNSAFE_useTheme"],function(o,e,s,n,c,i,a,r,I,S,t,l,g,u,U,v,h,E,A,N,_,f,F,k,p,C,d,m,b,w,x,O,T){"use strict";o.CollapseIcon=e.CollapseIcon,o.CheckIcon=s.SvgIcoCheck,o.CheckboxOffIcon=s.SvgCheckboxOff,o.CheckboxOnIcon=s.SvgCheckboxOn,o.ChevronUpIcon=s.SvgIcoChevronUp,o.CloseIcon=s.SvgIcoClose,o.CollapseUpIcon=s.SvgIcoChevronUp,o.DropdownArrowIcon=s.SvgIcoCaretDown,o.ExpandIcon=s.SvgIcoChevronDown,o.MessageConfirmationIcon=s.SvgIcoSuccessS,o.MessageErrorIcon=s.SvgIcoErrorS,o.MessageInfoIcon=s.SvgIcoInformationS,o.MessageWarningIcon=s.SvgIcoWarningS,o.NavDownIcon=s.SvgIcoNavDown,o.ViewHideIcon=s.SvgIcoViewHide,o.ViewIcon=s.SvgIcoView,Object.defineProperty(o,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ThemedIcons.js.map

package/amd/UNSAFE_UserAssistance.css

@@ -1,11 +1,11 @@
-.y3tojr{margin-inline-end:0.25rem;white-space:pre;}
+._17cx9vm{margin-inline-end:0.25rem;white-space:pre;}
 
-._120tuu1{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color);line-height:inherit;text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._120tuu1:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}._120tuu1:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}._120tuu1:hover{text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover);transition-property:text-decoration;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long);}._120tuu1:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
+._1bo599b{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color);line-height:inherit;text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._1bo599b:visited{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-visited);}._1bo599b:active{color:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-color-active);}._1bo599b:hover{text-decoration-line:var(--oj-c-PRIVATE-DO-NOT-USE-link-text-decoration-line-hover);transition-property:text-decoration;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-long);}._1bo599b:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;outline-offset:-1px;}
 
-.z52oq1{padding-inline-end:2px;text-align:start;}
-.t029i3{padding-inline-start:2px;text-align:end;}
-.xwkvpm{display:none;}
+.jv699b{padding-inline-end:2px;text-align:start;}
+._1hikxj1{padding-inline-start:2px;text-align:end;}
+.u5hbb6{display:none;}
 
-.np68m9{margin-top:2px;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:normal;line-height:1.333;word-break:break-word;}
-.ych5d7:empty{margin-top:0px;}
-._6vi807{min-height:1.333rem;}
+._1mlql90{margin-top:2px;color:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-text-color);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-user-assistance-inline-font-size);font-weight:normal;line-height:1.333;word-break:break-word;}
+.tjj4aa:empty{margin-top:0px;}
+._1ci0g22{min-height:1.333rem;}